<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width,initial-scale=1.0" />
  
  <link rel="icon" href="/icon/3.svg">
  <title>Filmzilla 2025</title>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link
    href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
    rel="stylesheet">
  <!-- https://fonts.google.com/ -->
<link rel="preload" href="/js/bundle.core-js.6e2885aa.js" as="script"><link rel="preload" href="/js/bundle.axios.19485576.js" as="script"><link rel="preload" href="/css/main.d16ca749.css" as="style"><link rel="preload" href="/main.802ee416.js" as="script"><link rel="preload" href="/css/home.22fbdbe7.css" as="style"><link rel="preload" href="/js/home.7ab90825.js" as="script"><link rel="preload" href="/css/chunk-7b89852a.47d4dd59.css" as="style"><link rel="preload" href="/js/chunk-7b89852a.f56f2342.js" as="script"><link rel="prefetch" href="/css/about-us.108eb99c.css"><link rel="prefetch" href="/css/chunk-5c005bb6.885c7dce.css"><link rel="prefetch" href="/css/chunk-cc7d26ba.885c7dce.css"><link rel="prefetch" href="/css/chunk-e29bc5ce.885c7dce.css"><link rel="prefetch" href="/css/detail.83abfadd.css"><link rel="prefetch" href="/css/download-apk-wrapper.319c02ea.css"><link rel="prefetch" href="/css/movies.19cea131.css"><link rel="prefetch" href="/css/tvs.e4527b29.css"><link rel="prefetch" href="/js/about-us.7ff3f9c8.js"><link rel="prefetch" href="/js/chunk-5c005bb6.16b29a11.js"><link rel="prefetch" href="/js/chunk-cc7d26ba.26bc86a4.js"><link rel="prefetch" href="/js/chunk-e29bc5ce.b6d66199.js"><link rel="prefetch" href="/js/detail.2046352b.js"><link rel="prefetch" href="/js/download-apk-wrapper.9972b4df.js"><link rel="prefetch" href="/js/movies.2c059cd6.js"><link rel="prefetch" href="/js/tvs.3ce88e82.js"><link rel="stylesheet" href="/css/main.d16ca749.css"><link rel="stylesheet" href="/css/home.22fbdbe7.css"><link rel="stylesheet" href="/css/chunk-7b89852a.47d4dd59.css"><style data-vue-ssr-id="c658b8c0:0">@charset "UTF-8";
html {
  touch-action: manipulation;
}

img {
  border: 0;
  display: block;
  width: 100%;
}

body,
html,
div,
h1,
h2,
h3,
h4,
h5,
ul,
ol,
li,
a,
img,
input,
span,
p,
i,
b,
dl,
dd,
dt,
textarea {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

a {
  text-decoration: none;
  color: #000;
}

ul,
ol,
dl {
  list-style: none;
}

input,
textarea,
button {
  border: 0;
  -webkit-appearance: none;
}

h1,
h2,
h3,
h4,
h5,
b {
  font-weight: normal;
}

i {
  font-style: normal;
}

div,
input,
textarea {
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  outline: 0;
  -webkit-overflow-scrolling: touch;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

:root {
  --fontsize-base: 37.5;
  font-size: calc(var(--fontsize-base) / 375 * 100vw);
  --head-bar-bg: #fff;
  --head-font-color: #007afd;
  --set-workplace-width: 343;
}

.detect_deviece_pc,
.detect_deviece_desktop {
  --fontsize-base: 144;
  font-size: calc(var(--fontsize-base) / 1440 * 100vw);
  --set-workplace-width: 1200;
}

.detect_deviece_mobile {
  --fontsize-base: 37.5;
  font-size: calc(var(--fontsize-base) / 375 * 100vw);
}

body {
  overflow-y: scroll !important; /* 垂直滚动条始终可见 */
  -webkit-overflow-scrolling: touch !important; /* 使用原生滚动 */
  margin: 0;
  font-family: "Inter";
}
body,
body a {
  color: transparent;
}

ins.adsbygoogle[data-ad-status=unfilled] {
  display: none !important;
}
ins.adsbygoogle[data-ad-status=filled] {
  margin: 0 auto calc(30 / var(--fontsize-base) * 1rem);
}

* {
  outline: none;
}

.ad-msg {
  font-size: calc(25 / var(--fontsize-base) * 1rem);
  background: #ffe786;
  margin: calc(20 / var(--fontsize-base) * 1rem) 0;
  line-height: 1.5;
  width: 100%;
  overflow: hidden;
  color: #333;
}

.m_common {
  padding-top: calc(96 / var(--fontsize-base) * 1rem);
}

.head-bar-container {
  background-color: var(--head-bar-bg);
}

.pc_padding {
  margin: 0 auto;
  width: calc(var(--set-workplace-width) / var(--fontsize-base) * 1rem);
  box-sizing: border-box;
}

.cursor {
  cursor: pointer;
}

.m-20 {
  margin-bottom: calc(20 / var(--fontsize-base) * 1rem) !important;
}

.m-20 {
  margin-top: calc(20 / var(--fontsize-base) * 1rem) !important;
}

.p-20 {
  padding-top: calc(20 / var(--fontsize-base) * 1rem) !important;
}

.p-20 {
  padding-bottom: calc(20 / var(--fontsize-base) * 1rem) !important;
}

.m-30 {
  margin-bottom: calc(30 / var(--fontsize-base) * 1rem) !important;
}

.m-30 {
  margin-top: calc(30 / var(--fontsize-base) * 1rem) !important;
}

.p-30 {
  padding-top: calc(30 / var(--fontsize-base) * 1rem) !important;
}

.p-30 {
  padding-bottom: calc(30 / var(--fontsize-base) * 1rem) !important;
}

.m-40 {
  margin-bottom: calc(40 / var(--fontsize-base) * 1rem) !important;
}

.m-40 {
  margin-top: calc(40 / var(--fontsize-base) * 1rem) !important;
}

.p-40 {
  padding-top: calc(40 / var(--fontsize-base) * 1rem) !important;
}

.p-40 {
  padding-bottom: calc(40 / var(--fontsize-base) * 1rem) !important;
}

.m-50 {
  margin-bottom: calc(50 / var(--fontsize-base) * 1rem) !important;
}

.m-50 {
  margin-top: calc(50 / var(--fontsize-base) * 1rem) !important;
}

.p-50 {
  padding-top: calc(50 / var(--fontsize-base) * 1rem) !important;
}

.p-50 {
  padding-bottom: calc(50 / var(--fontsize-base) * 1rem) !important;
}

.m-60 {
  margin-bottom: calc(60 / var(--fontsize-base) * 1rem) !important;
}

.m-60 {
  margin-top: calc(60 / var(--fontsize-base) * 1rem) !important;
}

.p-60 {
  padding-top: calc(60 / var(--fontsize-base) * 1rem) !important;
}

.p-60 {
  padding-bottom: calc(60 / var(--fontsize-base) * 1rem) !important;
}

.m-70 {
  margin-bottom: calc(70 / var(--fontsize-base) * 1rem) !important;
}

.m-70 {
  margin-top: calc(70 / var(--fontsize-base) * 1rem) !important;
}

.p-70 {
  padding-top: calc(70 / var(--fontsize-base) * 1rem) !important;
}

.p-70 {
  padding-bottom: calc(70 / var(--fontsize-base) * 1rem) !important;
}

.no-more {
  color: rgba(255, 255, 255, 0.8);
  font-size: calc(14 / var(--fontsize-base) * 1rem);
  font-style: normal;
  font-weight: 500;
  line-height: calc(16 / var(--fontsize-base) * 1rem);
  text-align: center;
  margin-top: calc(100 / var(--fontsize-base) * 1rem);
}

.detect_deviece_mobile .app-header {
  height: calc(76 / var(--fontsize-base) * 1rem) !important;
}
.detect_deviece_mobile .app-header__nav-item--active:after {
  bottom: calc(-16 / var(--fontsize-base) * 1rem) !important; /* 调整为移动设备下header底部位置 */
}
.detect_deviece_mobile .app-header__logo-text {
  font-size: calc(18 / var(--fontsize-base) * 1rem);
  line-height: calc(18 / var(--fontsize-base) * 1rem);
  font-weight: 900;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.detect_deviece_mobile .app-header__logo-text--active {
  color: #050b20 !important;
}</style><style data-vue-ssr-id="ef25e670:0">@charset "UTF-8";
html {
  touch-action: manipulation;
}
img {
  border: 0;
  display: block;
  width: 100%;
}
body,
html,
div,
h1,
h2,
h3,
h4,
h5,
ul,
ol,
li,
a,
img,
input,
span,
p,
i,
b,
dl,
dd,
dt,
textarea {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
a {
  text-decoration: none;
  color: #000;
}
ul,
ol,
dl {
  list-style: none;
}
input,
textarea,
button {
  border: 0;
  -webkit-appearance: none;
}
h1,
h2,
h3,
h4,
h5,
b {
  font-weight: normal;
}
i {
  font-style: normal;
}
div,
input,
textarea {
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  outline: 0;
  -webkit-overflow-scrolling: touch;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background-color: transparent;
  z-index: 100;
  height: calc(80 / var(--fontsize-base) * 1rem);
}
.app-header--light {
  color: #ffffff;
}
.app-header--dark {
  color: #000000;
}
.app-header__logo {
  background: #0d0c0f;
  border-radius: calc(8 / var(--fontsize-base) * 1rem);
  padding: calc(8 / var(--fontsize-base) * 1rem) calc(16 / var(--fontsize-base) * 1rem) calc(8 / var(--fontsize-base) * 1rem) calc(12 / var(--fontsize-base) * 1rem);
  display: flex;
  flex-direction: row;
  gap: calc(12 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
}
.app-header__logo-icon {
  flex-shrink: 0;
  width: calc(28 / var(--fontsize-base) * 1rem);
  height: calc(28 / var(--fontsize-base) * 1rem);
  position: relative;
  overflow: visible;
}
.app-header__logo-text {
  color: #ffffff;
  text-align: left;
  font-size: calc(20 / var(--fontsize-base) * 1rem);
  line-height: calc(20 / var(--fontsize-base) * 1rem);
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
}
.app-header__nav {
  display: flex;
  flex-direction: row;
  gap: calc(52 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.app-header__nav-item {
  display: flex;
  flex-direction: row;
  gap: calc(8 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
}
.app-header__nav-item span {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: calc(16 / var(--fontsize-base) * 1rem);
  line-height: calc(16 / var(--fontsize-base) * 1rem);
  font-weight: 400;
  position: relative;
}
.app-header__nav-item--active span {
  font-family: "Inter-Bold", sans-serif;
  font-weight: 700;
}
.app-header__nav-item--has-dropdown {
  position: relative;
}
.app-header__nav-icon {
  flex-shrink: 0;
  width: calc(20 / var(--fontsize-base) * 1rem);
  height: calc(20 / var(--fontsize-base) * 1rem);
  position: relative;
  overflow: visible;
}
.app-header__nav-arrow {
  flex-shrink: 0;
  width: calc(8 / var(--fontsize-base) * 1rem);
  height: calc(4 / var(--fontsize-base) * 1rem);
  position: relative;
  overflow: visible;
  aspect-ratio: 2/1;
}
.app-header__nav-arrow--flip {
  transform: rotate(180deg);
}
.app-header__download-btn {
  background: #fe324b;
  border-radius: calc(100 / var(--fontsize-base) * 1rem);
  padding: calc(8 / var(--fontsize-base) * 1rem) calc(16 / var(--fontsize-base) * 1rem);
  display: flex;
  flex-direction: row;
  gap: calc(8 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
}
.app-header__download-btn span {
  color: #ffffff;
  text-align: left;
  font-family: "Inter", sans-serif;
  font-size: calc(16 / var(--fontsize-base) * 1rem);
  line-height: calc(16 / var(--fontsize-base) * 1rem);
  font-weight: 400;
  position: relative;
}
.app-header__download-btn-icon {
  flex-shrink: 0;
  width: calc(20 / var(--fontsize-base) * 1rem);
  height: calc(20 / var(--fontsize-base) * 1rem);
  position: relative;
  overflow: visible;
}
.app-header__dropdown {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  margin-top: calc(8 / var(--fontsize-base) * 1rem);
}
.app-header__mobile-trigger {
  flex-shrink: 0;
  width: calc(28 / var(--fontsize-base) * 1rem);
  height: calc(28 / var(--fontsize-base) * 1rem);
  position: relative;
  overflow: visible;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-header__mobile-trigger img {
  width: calc(28 / var(--fontsize-base) * 1rem);
  height: calc(28 / var(--fontsize-base) * 1rem);
}
.app-header__mobile-trigger .close {
  width: calc(16 / var(--fontsize-base) * 1rem);
  height: calc(16 / var(--fontsize-base) * 1rem);
}
.app-header__mobile-menu-row {
  position: fixed;
  top: calc(76 / var(--fontsize-base) * 1rem);
  height: calc(100vh - 76 / var(--fontsize-base) * 1rem);
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.app-header__mobile-menu {
  width: 100%;
  background: linear-gradient(180deg, rgb(13, 12, 15) 0%, rgb(42, 40, 46) 100%);
  border-radius: 0 0 calc(16 / var(--fontsize-base) * 1rem) calc(16 / var(--fontsize-base) * 1rem);
  padding: calc(16 / var(--fontsize-base) * 1rem) 0;
  display: flex;
  flex-direction: column;
  gap: calc(16 / var(--fontsize-base) * 1rem);
  z-index: 999;
}
.app-header__mobile-menu-tabs {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.app-header__mobile-menu-tab {
  flex: 1;
  padding: calc(12 / var(--fontsize-base) * 1rem) 0 calc(16 / var(--fontsize-base) * 1rem);
  display: flex;
  flex-direction: row;
  gap: calc(8 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.app-header__mobile-menu-tab img {
  width: calc(20 / var(--fontsize-base) * 1rem);
  height: calc(20 / var(--fontsize-base) * 1rem);
}
.app-header__mobile-menu-tab span {
  color: #ffffff;
  font-size: calc(14 / var(--fontsize-base) * 1rem);
  line-height: calc(14 / var(--fontsize-base) * 1rem);
  font-weight: 400;
}
.app-header__mobile-menu-tab--active {
  border-bottom: calc(2 / var(--fontsize-base) * 1rem) solid #fe324b;
}
.app-header__mobile-menu-tab--active span {
  font-weight: 700;
}
.app-header__mobile-menu-divider {
  background: #ffffff;
  opacity: 0.04;
  height: calc(1 / var(--fontsize-base) * 1rem);
  width: 100%;
}
.app-header__mobile-menu-categories {
  padding: 0 calc(16 / var(--fontsize-base) * 1rem);
  max-height: calc(240 / var(--fontsize-base) * 1rem);
  overflow: hidden;
}
.app-header__mobile-menu-categories-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(8 / var(--fontsize-base) * 1rem);
}
.app-header__mobile-menu-category {
  background: rgba(255, 255, 255, 0.08);
  border-radius: calc(8 / var(--fontsize-base) * 1rem);
  padding: calc(12 / var(--fontsize-base) * 1rem) calc(16 / var(--fontsize-base) * 1rem);
  color: #ffffff;
  font-size: calc(13 / var(--fontsize-base) * 1rem);
  line-height: calc(14 / var(--fontsize-base) * 1rem);
  cursor: pointer;
}
.app-header__mobile-menu-links {
  padding: 0 calc(16 / var(--fontsize-base) * 1rem);
  display: flex;
  flex-direction: column;
  gap: calc(8 / var(--fontsize-base) * 1rem);
}
.app-header__mobile-menu-link {
  border-radius: calc(8 / var(--fontsize-base) * 1rem);
  padding: calc(14 / var(--fontsize-base) * 1rem) 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: calc(36 / var(--fontsize-base) * 1rem);
  position: relative;
  cursor: pointer;
}
.app-header__mobile-menu-link img {
  width: calc(20 / var(--fontsize-base) * 1rem);
  height: calc(20 / var(--fontsize-base) * 1rem);
}
.app-header__mobile-menu-link span {
  color: #ffffff;
  font-size: calc(14 / var(--fontsize-base) * 1rem);
  line-height: calc(14 / var(--fontsize-base) * 1rem);
  font-weight: 400;
  margin-left: calc(8 / var(--fontsize-base) * 1rem);
  flex-grow: 1;
}
.app-header__mobile-menu-link-arrow {
  width: calc(4 / var(--fontsize-base) * 1rem);
  height: calc(8 / var(--fontsize-base) * 1rem);
}
.detect_deviece_pc .app-header,
.detect_deviece_desktop .app-header {
  padding: calc(16 / var(--fontsize-base) * 1rem) calc(80 / var(--fontsize-base) * 1rem);
}
.detect_deviece_pc .app-header__nav-item--has-dropdown .app-header__dropdown,
.detect_deviece_desktop .app-header__nav-item--has-dropdown .app-header__dropdown {
  left: 0;
  transform: translateX(0);
  min-width: calc(200 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .app-header {
  padding: calc(16 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .app-header--active {
  background: #000 !important;
}
.detect_deviece_mobile .app-header__logo-text {
  font-size: calc(18 / var(--fontsize-base) * 1rem);
  line-height: calc(18 / var(--fontsize-base) * 1rem);
  font-weight: 900;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.detect_deviece_mobile .app-header__logo-text--active {
  color: #050b20 !important;
}
.detect_deviece_mobile .app-header__mobile-menu-categories {
  padding: 0 calc(16 / var(--fontsize-base) * 1rem);
  max-height: calc(240 / var(--fontsize-base) * 1rem);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(254, 50, 75, 0.5) rgba(255, 255, 255, 0.05);
  /* 自定义滚动条样式 */
}
.detect_deviece_mobile .app-header__mobile-menu-categories::-webkit-scrollbar {
  width: calc(4 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .app-header__mobile-menu-categories::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: calc(4 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .app-header__mobile-menu-categories::-webkit-scrollbar-thumb {
  background-color: rgba(254, 50, 75, 0.5);
  border-radius: calc(4 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .app-header__mobile-menu-categories-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(8 / var(--fontsize-base) * 1rem);
  padding-right: calc(4 / var(--fontsize-base) * 1rem);
  padding-bottom: calc(8 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .app-header__mobile-menu-category {
  background: rgba(255, 255, 255, 0.08);
  border-radius: calc(8 / var(--fontsize-base) * 1rem);
  padding: calc(12 / var(--fontsize-base) * 1rem) calc(16 / var(--fontsize-base) * 1rem);
  color: #ffffff;
  font-size: calc(13 / var(--fontsize-base) * 1rem);
  line-height: calc(14 / var(--fontsize-base) * 1rem);
  cursor: pointer;
  transition: background 0.3s ease;
}
.detect_deviece_mobile .app-header__mobile-menu-category:active {
  background: rgba(254, 50, 75, 0.2);
}</style><style data-vue-ssr-id="37a12226:0">@charset "UTF-8";
html[data-v-a2fea148] {
  touch-action: manipulation;
}
img[data-v-a2fea148] {
  border: 0;
  display: block;
  width: 100%;
}
body[data-v-a2fea148],
html[data-v-a2fea148],
div[data-v-a2fea148],
h1[data-v-a2fea148],
h2[data-v-a2fea148],
h3[data-v-a2fea148],
h4[data-v-a2fea148],
h5[data-v-a2fea148],
ul[data-v-a2fea148],
ol[data-v-a2fea148],
li[data-v-a2fea148],
a[data-v-a2fea148],
img[data-v-a2fea148],
input[data-v-a2fea148],
span[data-v-a2fea148],
p[data-v-a2fea148],
i[data-v-a2fea148],
b[data-v-a2fea148],
dl[data-v-a2fea148],
dd[data-v-a2fea148],
dt[data-v-a2fea148],
textarea[data-v-a2fea148] {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
a[data-v-a2fea148] {
  text-decoration: none;
  color: #000;
}
ul[data-v-a2fea148],
ol[data-v-a2fea148],
dl[data-v-a2fea148] {
  list-style: none;
}
input[data-v-a2fea148],
textarea[data-v-a2fea148],
button[data-v-a2fea148] {
  border: 0;
  -webkit-appearance: none;
}
h1[data-v-a2fea148],
h2[data-v-a2fea148],
h3[data-v-a2fea148],
h4[data-v-a2fea148],
h5[data-v-a2fea148],
b[data-v-a2fea148] {
  font-weight: normal;
}
i[data-v-a2fea148] {
  font-style: normal;
}
div[data-v-a2fea148],
input[data-v-a2fea148],
textarea[data-v-a2fea148] {
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  outline: 0;
  -webkit-overflow-scrolling: touch;
}
.text-right[data-v-a2fea148] {
  text-align: right;
}
.text-center[data-v-a2fea148] {
  text-align: center;
}
.text-left[data-v-a2fea148] {
  text-align: left;
}
.flex-center[data-v-a2fea148] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner[data-v-a2fea148] {
  position: relative;
  overflow: hidden;
}
.banner .shadow[data-v-a2fea148] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(13, 12, 15, 0.8) 0%, rgba(13, 12, 15, 0) 19.9%, rgba(13, 12, 15, 0) 39.8%, rgba(13, 12, 15, 0.9) 69.91%, #0d0c0f 100%);
  z-index: 2;
}
.banner .banner-content[data-v-a2fea148] {
  position: relative;
  width: 100%;
}
.banner .banner-slides[data-v-a2fea148] {
  position: relative;
  width: 100%;
  height: calc(760 / var(--fontsize-base) * 1rem);
  overflow: hidden;
}
.banner .banner-slide[data-v-a2fea148] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease, visibility 1s ease;
  z-index: 0;
}
.banner .banner-slide.active[data-v-a2fea148] {
  opacity: 1;
  visibility: visible;
  z-index: 1;
  position: relative; /* 活动的幻灯片设置为相对定位，确保它撑开容器 */
}
.banner .banner-slide img[data-v-a2fea148] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  z-index: 1;
}
.banner .banner-slide-info[data-v-a2fea148] {
  z-index: 2 !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease, visibility 1s ease;
}
.banner .banner-slide-info.active[data-v-a2fea148] {
  opacity: 1;
  visibility: visible;
  z-index: 1;
  position: relative; /* 活动的幻灯片设置为相对定位，确保它撑开容器 */
}
.banner .info-wrapper[data-v-a2fea148] {
  position: absolute;
  bottom: calc(40 / var(--fontsize-base) * 1rem);
  left: 0;
  width: 100%;
  padding: 0 calc(80 / var(--fontsize-base) * 1rem) 0 calc(80 / var(--fontsize-base) * 1rem);
  z-index: 3;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
}
.banner .info-content[data-v-a2fea148] {
  display: flex;
  flex-direction: column;
  gap: calc(20 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-start;
  width: calc(520 / var(--fontsize-base) * 1rem);
  max-width: calc(520 / var(--fontsize-base) * 1rem);
}
.banner .movie-title[data-v-a2fea148] {
  color: #ffffff;
  font-family: "Inter-Black", sans-serif;
  font-size: calc(32 / var(--fontsize-base) * 1rem);
  line-height: calc(36 / var(--fontsize-base) * 1rem);
  font-weight: 900;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.banner .movie-meta[data-v-a2fea148] {
  display: flex;
  flex-direction: row;
  gap: calc(12 / var(--fontsize-base) * 1rem);
  align-items: center;
}
.banner .rating[data-v-a2fea148] {
  display: flex;
  flex-direction: row;
  gap: calc(8 / var(--fontsize-base) * 1rem);
  align-items: center;
}
.banner .star-icon[data-v-a2fea148] {
  width: calc(12 / var(--fontsize-base) * 1rem);
  height: calc(12 / var(--fontsize-base) * 1rem);
}
.banner .rating-value[data-v-a2fea148] {
  color: #ffaf00;
  font-family: "Inter-Bold", sans-serif;
  font-size: calc(16 / var(--fontsize-base) * 1rem);
  line-height: calc(16 / var(--fontsize-base) * 1rem);
  font-weight: 700;
  text-transform: uppercase;
}
.banner .divider[data-v-a2fea148] {
  background: #ffffff;
  opacity: 0.1;
  width: 1px;
  height: calc(20 / var(--fontsize-base) * 1rem);
}
.banner .release-info[data-v-a2fea148] {
  color: #ffffff;
  font-family: "Inter-Regular", sans-serif;
  font-size: calc(14 / var(--fontsize-base) * 1rem);
  line-height: calc(14 / var(--fontsize-base) * 1rem);
  font-weight: 400;
  opacity: 0.6;
  flex: 1;
}
.banner .movie-description[data-v-a2fea148] {
  color: #ffffff;
  font-family: "Inter-Regular", sans-serif;
  font-size: calc(14 / var(--fontsize-base) * 1rem);
  line-height: calc(20 / var(--fontsize-base) * 1rem);
  font-weight: 400;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.banner .btn-action[data-v-a2fea148] {
  background: #fe324b;
  border-radius: calc(100 / var(--fontsize-base) * 1rem);
  padding: calc(12 / var(--fontsize-base) * 1rem) calc(16 / var(--fontsize-base) * 1rem);
  display: flex;
  flex-direction: row;
  gap: calc(12 / var(--fontsize-base) * 1rem);
  align-items: center;
  border: none;
  cursor: pointer;
  margin-top: calc(20 / var(--fontsize-base) * 1rem);
}
.banner .btn-hover[data-v-a2fea148]:hover {
  opacity: 0.7;
}
.banner .play-icon[data-v-a2fea148] {
  width: calc(20 / var(--fontsize-base) * 1rem) !important;
  height: calc(20 / var(--fontsize-base) * 1rem);
}
.banner .btn-action span[data-v-a2fea148] {
  color: #ffffff;
  font-family: "Inter-Bold", sans-serif;
  font-size: calc(16 / var(--fontsize-base) * 1rem);
  line-height: calc(16 / var(--fontsize-base) * 1rem);
  font-weight: 700;
}
.banner .banner-dots[data-v-a2fea148] {
  display: flex;
  flex-direction: row;
  gap: calc(12 / var(--fontsize-base) * 1rem);
  align-items: center;
  position: absolute;
  bottom: calc(40 / var(--fontsize-base) * 1rem);
  right: calc(80 / var(--fontsize-base) * 1rem);
  z-index: 3;
}
.banner .dot[data-v-a2fea148] {
  background: #ffffff;
  border-radius: 50%;
  width: calc(8 / var(--fontsize-base) * 1rem);
  height: calc(8 / var(--fontsize-base) * 1rem);
  opacity: 0.4;
  cursor: pointer;
}
.banner .dot.active[data-v-a2fea148] {
  opacity: 1;
}
.detect_deviece_pc .banner[data-v-a2fea148],
.detect_deviece_desktop .banner[data-v-a2fea148] {
  margin-top: calc(-80 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .banner[data-v-a2fea148] {
  margin-top: calc(-76 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .banner .banner-slides[data-v-a2fea148] {
  height: calc(800 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .banner .info-wrapper[data-v-a2fea148] {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  padding: 0 calc(16 / var(--fontsize-base) * 1rem);
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: calc(16 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .banner .info-content[data-v-a2fea148] {
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: calc(20 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  margin-top: calc(486 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .banner .movie-meta[data-v-a2fea148] {
  flex-direction: column;
  align-items: flex-start;
  gap: calc(8 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .banner .rating[data-v-a2fea148] {
  display: none;
}
.detect_deviece_mobile .banner .divider[data-v-a2fea148] {
  display: none;
}
.detect_deviece_mobile .banner .release-info[data-v-a2fea148] {
  font-size: calc(14 / var(--fontsize-base) * 1rem);
  line-height: calc(14 / var(--fontsize-base) * 1rem);
  opacity: 0.6;
  align-self: stretch;
}
.detect_deviece_mobile .banner .movie-description[data-v-a2fea148] {
  font-size: calc(14 / var(--fontsize-base) * 1rem);
  line-height: calc(20 / var(--fontsize-base) * 1rem);
  align-self: stretch;
}
.detect_deviece_mobile .banner .btn-action[data-v-a2fea148] {
  margin-top: calc(20 / var(--fontsize-base) * 1rem);
  padding: calc(12 / var(--fontsize-base) * 1rem) calc(16 / var(--fontsize-base) * 1rem);
  gap: calc(12 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
}
.detect_deviece_mobile .banner .banner-dots[data-v-a2fea148] {
  position: relative;
  bottom: auto;
  right: auto;
  display: flex;
  flex-direction: row;
  gap: calc(12 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: calc(44 / var(--fontsize-base) * 1rem);
  padding: 0 calc(16 / var(--fontsize-base) * 1rem);
  margin-top: calc(16 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .banner .banner-dots .dot[data-v-a2fea148] {
  flex-shrink: 0;
  width: calc(8 / var(--fontsize-base) * 1rem);
  height: calc(8 / var(--fontsize-base) * 1rem);
  position: relative;
  aspect-ratio: 1;
}
.detect_deviece_mobile .banner .banner-dots .dot.active[data-v-a2fea148] {
  opacity: 1;
}</style><style data-vue-ssr-id="2a587826:0">html {
  touch-action: manipulation;
}
img {
  border: 0;
  display: block;
  width: 100%;
}
body,
html,
div,
h1,
h2,
h3,
h4,
h5,
ul,
ol,
li,
a,
img,
input,
span,
p,
i,
b,
dl,
dd,
dt,
textarea {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
a {
  text-decoration: none;
  color: #000;
}
ul,
ol,
dl {
  list-style: none;
}
input,
textarea,
button {
  border: 0;
  -webkit-appearance: none;
}
h1,
h2,
h3,
h4,
h5,
b {
  font-weight: normal;
}
i {
  font-style: normal;
}
div,
input,
textarea {
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  outline: 0;
  -webkit-overflow-scrolling: touch;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.popular-movie {
  display: flex;
  flex-direction: column;
  gap: calc(24 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  position: relative;
  width: 100%;
}
.popular-movie__header {
  padding: 0 calc(80 / var(--fontsize-base) * 1rem);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  position: relative;
  width: 100%;
}
.popular-movie__title-wrapper {
  display: flex;
  flex-direction: row;
  gap: calc(24 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.popular-movie__title {
  color: #ffffff;
  text-align: left;
  font-size: calc(24 / var(--fontsize-base) * 1rem);
  line-height: calc(24 / var(--fontsize-base) * 1rem);
  font-weight: 900;
  position: relative;
}
.popular-movie__more {
  display: flex;
  flex-direction: row;
  gap: calc(12 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  position: relative;
  cursor: pointer;
}
.popular-movie__more-text {
  color: #fe324b;
  text-align: left;
  font-size: calc(14 / var(--fontsize-base) * 1rem);
  line-height: calc(14 / var(--fontsize-base) * 1rem);
  font-weight: 400;
  position: relative;
}
.popular-movie__more-icon {
  width: calc(16 / var(--fontsize-base) * 1rem);
  height: calc(12 / var(--fontsize-base) * 1rem);
  position: relative;
}
.popular-movie__more-arrow {
  width: 100%;
  overflow: visible;
}
.popular-movie__controls {
  display: flex;
  flex-direction: row;
  gap: calc(20 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
}
.popular-movie__control {
  width: calc(28 / var(--fontsize-base) * 1rem);
  height: calc(28 / var(--fontsize-base) * 1rem);
  position: relative;
  cursor: pointer;
}
.popular-movie__control::before {
  content: "";
  background: #ffffff;
  border-radius: 100px;
  opacity: 0.1;
  width: calc(28 / var(--fontsize-base) * 1rem);
  height: calc(28 / var(--fontsize-base) * 1rem);
  position: absolute;
  left: 0;
  top: 0;
}
.popular-movie__control--disabled {
  opacity: 0.5;
  cursor: default;
}
.popular-movie__control-arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(6 / var(--fontsize-base) * 1rem);
  height: calc(12 / var(--fontsize-base) * 1rem);
}
.popular-movie__slider {
  padding: 0 0 0 calc(80 / var(--fontsize-base) * 1rem);
  width: 100%;
  overflow: hidden;
  position: relative;
}
.popular-movie__slider-container {
  display: flex;
  flex-direction: row;
  gap: calc(16 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  transition: transform 0.3s ease;
  padding-top: calc(6 / var(--fontsize-base) * 1rem);
}
.popular-movie__card {
  padding: 0 calc(32 / var(--fontsize-base) * 1rem) 0 0;
  display: flex;
  flex-direction: row;
  gap: calc(12 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  width: calc(306 / var(--fontsize-base) * 1rem);
  position: relative;
  flex-shrink: 0;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.popular-movie__card:hover {
  transform: translateY(-4px);
}
.popular-movie__card-index {
  color: #ffffff;
  text-align: left;
  font-size: calc(44 / var(--fontsize-base) * 1rem);
  line-height: calc(44 / var(--fontsize-base) * 1rem);
  font-weight: 400;
  position: relative;
  min-width: calc(24 / var(--fontsize-base) * 1rem);
  width: -moz-fit-content;
  width: fit-content;
  font-family: Impact;
}
.popular-movie__card-poster {
  border-radius: calc(16 / var(--fontsize-base) * 1rem);
  border: 1px solid rgba(255, 255, 255, 0.1);
  width: calc(100 / var(--fontsize-base) * 1rem);
  height: calc(150 / var(--fontsize-base) * 1rem);
  position: relative;
  overflow: hidden;
  margin-right: calc(2 / var(--fontsize-base) * 1rem);
}
.popular-movie__card-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.popular-movie__card-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  flex: 1;
  height: calc(130 / var(--fontsize-base) * 1rem);
  position: relative;
}
.popular-movie__card-category {
  border-radius: calc(8 / var(--fontsize-base) * 1rem);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: calc(4 / var(--fontsize-base) * 1rem) calc(8 / var(--fontsize-base) * 1rem);
  color: #ffffff;
  text-align: left;
  font-size: calc(12 / var(--fontsize-base) * 1rem);
  line-height: calc(14 / var(--fontsize-base) * 1rem);
  font-weight: 400;
  opacity: 0.6;
  margin-bottom: calc(16 / var(--fontsize-base) * 1rem);
  display: inline-block;
}
.popular-movie__card-title {
  color: #ffffff;
  text-align: left;
  font-size: calc(16 / var(--fontsize-base) * 1rem);
  line-height: calc(20 / var(--fontsize-base) * 1rem);
  font-weight: 500;
  margin-bottom: calc(8 / var(--fontsize-base) * 1rem);
  width: 100%;
}
.popular-movie__card-date {
  color: #ffffff;
  text-align: left;
  font-size: calc(12 / var(--fontsize-base) * 1rem);
  line-height: calc(12 / var(--fontsize-base) * 1rem);
  font-weight: 400;
  text-transform: uppercase;
  opacity: 0.6;
  width: 100%;
}
.popular-movie__card-rating {
  border-radius: calc(16 / var(--fontsize-base) * 1rem) 0 calc(16 / var(--fontsize-base) * 1rem) 0;
  display: flex;
  flex-direction: row;
  gap: calc(8 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  position: relative;
  margin-top: auto;
}
.popular-movie__card-star {
  width: calc(12 / var(--fontsize-base) * 1rem);
  height: calc(12 / var(--fontsize-base) * 1rem);
}
.popular-movie__card-score {
  color: #ffaf00;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: calc(16 / var(--fontsize-base) * 1rem);
  line-height: calc(16 / var(--fontsize-base) * 1rem);
  font-weight: 700;
  text-transform: uppercase;
}
.detect_deviece_mobile .popular-movie {
  gap: calc(24 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .popular-movie__header {
  padding: 0 calc(16 / var(--fontsize-base) * 1rem);
  flex-direction: column;
  align-items: flex-start;
}
.detect_deviece_mobile .popular-movie__title-wrapper {
  flex-direction: column;
  align-items: flex-start;
  gap: calc(16 / var(--fontsize-base) * 1rem);
  width: 100%;
}
.detect_deviece_mobile .popular-movie__controls {
  display: none;
}
.detect_deviece_mobile .popular-movie__slider {
  padding: 0 0 0 calc(16 / var(--fontsize-base) * 1rem);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.detect_deviece_mobile .popular-movie__slider::-webkit-scrollbar {
  display: none;
}
.detect_deviece_mobile .popular-movie__mobile-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.detect_deviece_mobile .popular-movie__grid {
  display: grid;
  grid-template-rows: repeat(2, auto);
  grid-auto-flow: column;
  gap: calc(20 / var(--fontsize-base) * 1rem);
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.detect_deviece_mobile .popular-movie__grid::-webkit-scrollbar {
  display: none;
}
.detect_deviece_mobile .popular-movie__card {
  padding: 0 calc(32 / var(--fontsize-base) * 1rem) 0 0;
  display: flex;
  flex-direction: row;
  gap: calc(12 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  width: calc(306 / var(--fontsize-base) * 1rem);
  position: relative;
  flex-shrink: 0;
}
.detect_deviece_mobile .popular-movie__card--odd {
  grid-row: 1;
}
.detect_deviece_mobile .popular-movie__card--even {
  grid-row: 2;
}
.detect_deviece_mobile .popular-movie__card-index {
  color: #ffffff;
  font-size: calc(44 / var(--fontsize-base) * 1rem);
  line-height: calc(44 / var(--fontsize-base) * 1rem);
  width: calc(44 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .popular-movie__card-poster {
  width: calc(100 / var(--fontsize-base) * 1rem);
  height: calc(150 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .popular-movie__card-info {
  height: calc(130 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .popular-movie__card-category {
  margin-bottom: calc(16 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .popular-movie__card-title {
  margin-bottom: calc(8 / var(--fontsize-base) * 1rem);
  font-size: calc(16 / var(--fontsize-base) * 1rem);
  line-height: calc(20 / var(--fontsize-base) * 1rem);
}</style><style data-vue-ssr-id="7278acde:0">html {
  touch-action: manipulation;
}
img {
  border: 0;
  display: block;
  width: 100%;
}
body,
html,
div,
h1,
h2,
h3,
h4,
h5,
ul,
ol,
li,
a,
img,
input,
span,
p,
i,
b,
dl,
dd,
dt,
textarea {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
a {
  text-decoration: none;
  color: #000;
}
ul,
ol,
dl {
  list-style: none;
}
input,
textarea,
button {
  border: 0;
  -webkit-appearance: none;
}
h1,
h2,
h3,
h4,
h5,
b {
  font-weight: normal;
}
i {
  font-style: normal;
}
div,
input,
textarea {
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  outline: 0;
  -webkit-overflow-scrolling: touch;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.now-playing {
  display: flex;
  flex-direction: column;
  gap: calc(24 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  position: relative;
  width: 100%;
}
.now-playing__header {
  padding: 0 calc(80 / var(--fontsize-base) * 1rem);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  position: relative;
  width: 100%;
}
.now-playing__title-wrapper {
  display: flex;
  flex-direction: row;
  gap: calc(24 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.now-playing__title {
  color: #ffffff;
  text-align: left;
  font-size: calc(24 / var(--fontsize-base) * 1rem);
  line-height: calc(24 / var(--fontsize-base) * 1rem);
  font-weight: 900;
  position: relative;
}
.now-playing__more {
  display: flex;
  flex-direction: row;
  gap: calc(12 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  position: relative;
  cursor: pointer;
}
.now-playing__more-text {
  color: #fe324b;
  text-align: left;
  font-size: calc(14 / var(--fontsize-base) * 1rem);
  line-height: calc(14 / var(--fontsize-base) * 1rem);
  font-weight: 400;
  position: relative;
}
.now-playing__more-icon {
  width: calc(16 / var(--fontsize-base) * 1rem);
  height: calc(12 / var(--fontsize-base) * 1rem);
  position: relative;
}
.now-playing__more-arrow {
  width: 100%;
  overflow: visible;
}
.now-playing__controls {
  display: flex;
  flex-direction: row;
  gap: calc(20 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
}
.now-playing__control {
  width: calc(28 / var(--fontsize-base) * 1rem);
  height: calc(28 / var(--fontsize-base) * 1rem);
  position: relative;
  cursor: pointer;
}
.now-playing__control::before {
  content: "";
  background: #ffffff;
  border-radius: 100px;
  opacity: 0.1;
  width: calc(28 / var(--fontsize-base) * 1rem);
  height: calc(28 / var(--fontsize-base) * 1rem);
  position: absolute;
  left: 0;
  top: 0;
}
.now-playing__control--disabled {
  opacity: 0.5;
  cursor: default;
}
.now-playing__control-arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(6 / var(--fontsize-base) * 1rem);
  height: calc(12 / var(--fontsize-base) * 1rem);
}
.now-playing__slider {
  padding: 0 0 0 calc(80 / var(--fontsize-base) * 1rem);
  width: 100%;
  overflow: hidden;
  position: relative;
}
.now-playing__slider-container {
  display: flex;
  flex-direction: row;
  gap: calc(16 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-start;
  transition: transform 0.3s ease;
  padding-right: calc(80 / var(--fontsize-base) * 1rem);
  padding-top: calc(6 / var(--fontsize-base) * 1rem);
}
.now-playing__card {
  display: flex;
  flex-direction: column;
  gap: calc(12 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: calc(268 / var(--fontsize-base) * 1rem);
  cursor: pointer;
  transition: transform 0.3s ease;
}
.now-playing__card:hover {
  transform: translateY(-4px);
}
.now-playing__card-poster {
  position: relative;
  width: calc(268 / var(--fontsize-base) * 1rem);
  height: calc(402 / var(--fontsize-base) * 1rem);
}
.now-playing__card-img {
  border-radius: calc(16 / var(--fontsize-base) * 1rem);
  border: 1px solid rgba(255, 255, 255, 0.1);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.now-playing__card-rating {
  position: absolute;
  top: 0;
  left: 0;
  background: #0d0c0f;
  border-radius: calc(16 / var(--fontsize-base) * 1rem) 0 calc(16 / var(--fontsize-base) * 1rem) 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: calc(8 / var(--fontsize-base) * 1rem) calc(12 / var(--fontsize-base) * 1rem);
  display: flex;
  flex-direction: row;
  gap: calc(8 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
}
.now-playing__card-star {
  width: calc(12 / var(--fontsize-base) * 1rem);
  height: calc(12 / var(--fontsize-base) * 1rem);
}
.now-playing__card-score {
  color: #ffaf00;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: calc(16 / var(--fontsize-base) * 1rem);
  line-height: calc(16 / var(--fontsize-base) * 1rem);
  font-weight: 700;
  text-transform: uppercase;
}
.now-playing__card-info {
  display: flex;
  flex-direction: column;
  gap: calc(8 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.now-playing__card-title {
  color: #ffffff;
  text-align: left;
  font-size: calc(16 / var(--fontsize-base) * 1rem);
  line-height: calc(16 / var(--fontsize-base) * 1rem);
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.now-playing__card-date {
  color: #ffffff;
  text-align: left;
  font-size: calc(12 / var(--fontsize-base) * 1rem);
  line-height: calc(12 / var(--fontsize-base) * 1rem);
  font-weight: 400;
  text-transform: uppercase;
  opacity: 0.6;
  position: relative;
  align-self: stretch;
}
.detect_deviece_mobile .now-playing {
  gap: calc(24 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .now-playing__header {
  padding: 0 calc(16 / var(--fontsize-base) * 1rem);
  flex-direction: column;
  align-items: flex-start;
}
.detect_deviece_mobile .now-playing__title-wrapper {
  flex-direction: column;
  align-items: flex-start;
  gap: calc(16 / var(--fontsize-base) * 1rem);
  width: 100%;
}
.detect_deviece_mobile .now-playing__controls {
  display: none;
}
.detect_deviece_mobile .now-playing__slider {
  padding: 0 0 0 calc(16 / var(--fontsize-base) * 1rem);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.detect_deviece_mobile .now-playing__slider::-webkit-scrollbar {
  display: none;
}
.detect_deviece_mobile .now-playing__slider-container {
  padding-right: calc(16 / var(--fontsize-base) * 1rem);
  gap: calc(16 / var(--fontsize-base) * 1rem);
  flex-wrap: nowrap;
}
.detect_deviece_mobile .now-playing__card {
  width: calc(268 / var(--fontsize-base) * 1rem);
  flex-shrink: 0;
}
.detect_deviece_mobile .now-playing__card-poster {
  width: calc(268 / var(--fontsize-base) * 1rem);
  height: calc(402 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .now-playing__card-info {
  gap: calc(8 / var(--fontsize-base) * 1rem);
}</style><style data-vue-ssr-id="bbff6b2c:0">html {
  touch-action: manipulation;
}
img {
  border: 0;
  display: block;
  width: 100%;
}
body,
html,
div,
h1,
h2,
h3,
h4,
h5,
ul,
ol,
li,
a,
img,
input,
span,
p,
i,
b,
dl,
dd,
dt,
textarea {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
a {
  text-decoration: none;
  color: #000;
}
ul,
ol,
dl {
  list-style: none;
}
input,
textarea,
button {
  border: 0;
  -webkit-appearance: none;
}
h1,
h2,
h3,
h4,
h5,
b {
  font-weight: normal;
}
i {
  font-style: normal;
}
div,
input,
textarea {
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  outline: 0;
  -webkit-overflow-scrolling: touch;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.top-rated-movie {
  display: flex;
  flex-direction: column;
  gap: calc(24 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  position: relative;
  width: 100%;
  height: calc(520 / var(--fontsize-base) * 1rem);
}
.top-rated-movie__header {
  padding: 0 calc(80 / var(--fontsize-base) * 1rem);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  position: relative;
  width: 100%;
}
.top-rated-movie__title-wrapper {
  display: flex;
  flex-direction: row;
  gap: calc(24 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.top-rated-movie__title {
  color: #ffffff;
  text-align: left;
  font-size: calc(24 / var(--fontsize-base) * 1rem);
  line-height: calc(24 / var(--fontsize-base) * 1rem);
  font-weight: 900;
  position: relative;
}
.top-rated-movie__more {
  display: flex;
  flex-direction: row;
  gap: calc(12 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  position: relative;
  cursor: pointer;
}
.top-rated-movie__more-text {
  color: #fe324b;
  text-align: left;
  font-size: calc(14 / var(--fontsize-base) * 1rem);
  line-height: calc(14 / var(--fontsize-base) * 1rem);
  font-weight: 400;
  position: relative;
}
.top-rated-movie__more-icon {
  width: calc(16 / var(--fontsize-base) * 1rem);
  height: calc(12 / var(--fontsize-base) * 1rem);
  position: relative;
}
.top-rated-movie__more-arrow {
  width: 100%;
  overflow: visible;
}
.top-rated-movie__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  position: relative;
  width: 100%;
  height: 100%;
  background-image: var(--bg-image);
  background-size: cover;
  background-position: center;
  padding-top: calc(88 / var(--fontsize-base) * 1rem);
  gap: calc(44 / var(--fontsize-base) * 1rem);
}
.top-rated-movie__shadow {
  background: linear-gradient(180deg, #0d0c0f 0%, rgba(13, 12, 15, 0.9) 30.35%, rgba(13, 12, 15, 0.7) 50%, rgba(13, 12, 15, 0.9) 70.25%, #0d0c0f 100%), linear-gradient(270deg, #0d0c0f 0%, #0d0c0f 19.63%, rgba(13, 12, 15, 0) 30.34%, rgba(13, 12, 15, 0) 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.top-rated-movie__card-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 0 0 calc(80 / var(--fontsize-base) * 1rem);
  gap: calc(48 / var(--fontsize-base) * 1rem);
}
.top-rated-movie__featured {
  display: flex;
  flex-direction: column;
  gap: calc(40 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-start;
  width: calc(600 / var(--fontsize-base) * 1rem);
  position: relative;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.top-rated-movie__featured:hover {
  transform: translateY(-5px);
}
.top-rated-movie__featured-info {
  display: flex;
  flex-direction: column;
  gap: calc(20 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.top-rated-movie__featured-title {
  color: #ffffff;
  text-align: left;
  font-size: calc(32 / var(--fontsize-base) * 1rem);
  line-height: calc(36 / var(--fontsize-base) * 1rem);
  font-weight: 900;
  position: relative;
  align-self: stretch;
}
.top-rated-movie__featured-meta {
  display: flex;
  flex-direction: row;
  gap: calc(12 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.top-rated-movie__featured-rating {
  border-radius: calc(16 / var(--fontsize-base) * 1rem) 0 calc(16 / var(--fontsize-base) * 1rem) 0;
  display: flex;
  flex-direction: row;
  gap: calc(8 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.top-rated-movie__featured-star {
  width: calc(12 / var(--fontsize-base) * 1rem);
  height: calc(12 / var(--fontsize-base) * 1rem);
}
.top-rated-movie__featured-score {
  color: #ffaf00;
  text-align: left;
  font-size: calc(16 / var(--fontsize-base) * 1rem);
  line-height: calc(16 / var(--fontsize-base) * 1rem);
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
}
.top-rated-movie__featured-separator {
  background: #ffffff;
  opacity: 0.1;
  width: calc(1 / var(--fontsize-base) * 1rem);
  height: calc(20 / var(--fontsize-base) * 1rem);
  position: relative;
}
.top-rated-movie__featured-details {
  color: #ffffff;
  text-align: left;
  font-size: calc(14 / var(--fontsize-base) * 1rem);
  line-height: calc(14 / var(--fontsize-base) * 1rem);
  font-weight: 400;
  opacity: 0.6;
  flex: 1;
  position: relative;
}
.top-rated-movie__featured-description {
  color: #ffffff;
  text-align: left;
  font-size: calc(14 / var(--fontsize-base) * 1rem);
  line-height: calc(20 / var(--fontsize-base) * 1rem);
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.top-rated-movie__featured-action {
  background: #fe324b;
  border-radius: 100px;
  padding: calc(12 / var(--fontsize-base) * 1rem) calc(16 / var(--fontsize-base) * 1rem);
  display: flex;
  flex-direction: row;
  gap: calc(12 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
}
.top-rated-movie__featured-play {
  width: calc(20 / var(--fontsize-base) * 1rem);
  height: calc(20 / var(--fontsize-base) * 1rem);
}
.top-rated-movie__featured-action-text {
  color: #ffffff;
  text-align: left;
  font-size: calc(16 / var(--fontsize-base) * 1rem);
  line-height: calc(16 / var(--fontsize-base) * 1rem);
  font-weight: 700;
  position: relative;
}
.top-rated-movie__carousel-container {
  display: flex;
  flex-direction: column;
  width: calc(100% - 600 / var(--fontsize-base) * 1rem - 80 / var(--fontsize-base) * 1rem);
}
.top-rated-movie__carousel-header {
  display: flex;
  justify-content: flex-end;
  margin-bottom: calc(20 / var(--fontsize-base) * 1rem);
}
.top-rated-movie__slider-controls {
  display: flex;
  flex-direction: row;
  gap: calc(20 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  position: relative;
}
.top-rated-movie__control {
  width: calc(28 / var(--fontsize-base) * 1rem);
  height: calc(28 / var(--fontsize-base) * 1rem);
  position: relative;
  cursor: pointer;
}
.top-rated-movie__control::before {
  content: "";
  background: #ffffff;
  border-radius: 100px;
  opacity: 0.1;
  width: calc(28 / var(--fontsize-base) * 1rem);
  height: calc(28 / var(--fontsize-base) * 1rem);
  position: absolute;
  left: 0;
  top: 0;
}
.top-rated-movie__control--disabled {
  opacity: 0.5;
  cursor: default;
}
.top-rated-movie__control-arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(6 / var(--fontsize-base) * 1rem);
  height: calc(12 / var(--fontsize-base) * 1rem);
}
.top-rated-movie__carousel {
  width: 100%;
  overflow: hidden;
  padding-top: calc(6 / var(--fontsize-base) * 1rem);
}
.top-rated-movie__slider-container {
  display: flex;
  flex-direction: row;
  gap: calc(16 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-start;
  transition: transform 0.3s ease;
}
.top-rated-movie__card {
  display: flex;
  flex-direction: column;
  gap: calc(12 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: calc(268 / var(--fontsize-base) * 1rem);
  cursor: pointer;
  transition: transform 0.3s ease;
}
.top-rated-movie__card:hover {
  transform: translateY(-4px);
}
.top-rated-movie__card-poster {
  width: calc(268 / var(--fontsize-base) * 1rem);
  height: calc(180 / var(--fontsize-base) * 1rem);
  position: relative;
}
.top-rated-movie__card-img {
  border-radius: calc(16 / var(--fontsize-base) * 1rem);
  border: 1px solid rgba(255, 255, 255, 0.1);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top-rated-movie__card-info {
  display: flex;
  flex-direction: column;
  gap: calc(8 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.top-rated-movie__card-title {
  color: #ffffff;
  text-align: left;
  font-size: calc(16 / var(--fontsize-base) * 1rem);
  line-height: calc(16 / var(--fontsize-base) * 1rem);
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.top-rated-movie__card-meta {
  display: flex;
  flex-direction: row;
  gap: calc(12 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.top-rated-movie__card-rating {
  border-radius: calc(16 / var(--fontsize-base) * 1rem) 0 calc(16 / var(--fontsize-base) * 1rem) 0;
  display: flex;
  flex-direction: row;
  gap: calc(8 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.top-rated-movie__card-star {
  width: calc(12 / var(--fontsize-base) * 1rem);
  height: calc(12 / var(--fontsize-base) * 1rem);
}
.top-rated-movie__card-score {
  color: #ffaf00;
  text-align: left;
  font-size: calc(16 / var(--fontsize-base) * 1rem);
  line-height: calc(16 / var(--fontsize-base) * 1rem);
  font-weight: 700;
  text-transform: uppercase;
}
.top-rated-movie__card-separator {
  background: #ffffff;
  opacity: 0.2;
  width: calc(1 / var(--fontsize-base) * 1rem);
  height: calc(16 / var(--fontsize-base) * 1rem);
}
.top-rated-movie__card-date {
  color: #ffffff;
  text-align: left;
  font-size: calc(12 / var(--fontsize-base) * 1rem);
  line-height: calc(12 / var(--fontsize-base) * 1rem);
  font-weight: 400;
  text-transform: uppercase;
  opacity: 0.6;
}
.top-rated-movie__card-genre {
  color: #ffffff;
  text-align: left;
  font-size: calc(12 / var(--fontsize-base) * 1rem);
  line-height: calc(12 / var(--fontsize-base) * 1rem);
  font-weight: 400;
  opacity: 0.6;
}
.detect_deviece_mobile .top-rated-movie {
  height: auto;
}
.detect_deviece_mobile .top-rated-movie__header {
  padding: 0 calc(16 / var(--fontsize-base) * 1rem);
  flex-direction: column;
  gap: calc(16 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
}
.detect_deviece_mobile .top-rated-movie__content {
  flex-direction: column;
  align-items: flex-start;
  padding-top: calc(24 / var(--fontsize-base) * 1rem);
  gap: calc(24 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .top-rated-movie__featured-row {
  width: 100%;
}
.detect_deviece_mobile .top-rated-movie__featured {
  padding: 0 calc(16 / var(--fontsize-base) * 1rem);
  width: 100%;
  margin-bottom: calc(20 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .top-rated-movie__featured-info {
  width: 100%;
}
.detect_deviece_mobile .top-rated-movie__featured-title {
  width: 100%;
}
.detect_deviece_mobile .top-rated-movie__featured-meta {
  width: 100%;
}
.detect_deviece_mobile .top-rated-movie__featured-description {
  width: 100%;
}
.detect_deviece_mobile .top-rated-movie__featured-action {
  margin-top: calc(20 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .top-rated-movie__carousel {
  padding: 0 0 0 calc(16 / var(--fontsize-base) * 1rem);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.detect_deviece_mobile .top-rated-movie__carousel::-webkit-scrollbar {
  display: none;
}
.detect_deviece_mobile .top-rated-movie__carousel-container {
  display: flex;
  flex-direction: row;
  gap: calc(16 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-start;
  padding-right: calc(16 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .top-rated-movie__card {
  width: calc(200 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .top-rated-movie__card-poster {
  width: calc(200 / var(--fontsize-base) * 1rem);
  height: calc(120 / var(--fontsize-base) * 1rem);
}</style><style data-vue-ssr-id="0f3df0d5:0">html {
  touch-action: manipulation;
}
img {
  border: 0;
  display: block;
  width: 100%;
}
body,
html,
div,
h1,
h2,
h3,
h4,
h5,
ul,
ol,
li,
a,
img,
input,
span,
p,
i,
b,
dl,
dd,
dt,
textarea {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
a {
  text-decoration: none;
  color: #000;
}
ul,
ol,
dl {
  list-style: none;
}
input,
textarea,
button {
  border: 0;
  -webkit-appearance: none;
}
h1,
h2,
h3,
h4,
h5,
b {
  font-weight: normal;
}
i {
  font-style: normal;
}
div,
input,
textarea {
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  outline: 0;
  -webkit-overflow-scrolling: touch;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.popular-tv {
  display: flex;
  flex-direction: column;
  gap: calc(24 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  position: relative;
  width: 100%;
}
.popular-tv__header {
  padding: 0 calc(80 / var(--fontsize-base) * 1rem);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  position: relative;
  width: 100%;
}
.popular-tv__title-wrapper {
  display: flex;
  flex-direction: row;
  gap: calc(24 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.popular-tv__title {
  color: #ffffff;
  text-align: left;
  font-size: calc(24 / var(--fontsize-base) * 1rem);
  line-height: calc(24 / var(--fontsize-base) * 1rem);
  font-weight: 900;
  position: relative;
}
.popular-tv__more {
  display: flex;
  flex-direction: row;
  gap: calc(12 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  position: relative;
  cursor: pointer;
}
.popular-tv__more-text {
  color: #fe324b;
  text-align: left;
  font-size: calc(14 / var(--fontsize-base) * 1rem);
  line-height: calc(14 / var(--fontsize-base) * 1rem);
  font-weight: 400;
  position: relative;
}
.popular-tv__more-icon {
  width: calc(16 / var(--fontsize-base) * 1rem);
  height: calc(12 / var(--fontsize-base) * 1rem);
  position: relative;
}
.popular-tv__more-arrow {
  width: 100%;
  overflow: visible;
}
.popular-tv__controls {
  display: flex;
  flex-direction: row;
  gap: calc(20 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
}
.popular-tv__control {
  width: calc(28 / var(--fontsize-base) * 1rem);
  height: calc(28 / var(--fontsize-base) * 1rem);
  position: relative;
  cursor: pointer;
}
.popular-tv__control::before {
  content: "";
  background: #ffffff;
  border-radius: 100px;
  opacity: 0.1;
  width: calc(28 / var(--fontsize-base) * 1rem);
  height: calc(28 / var(--fontsize-base) * 1rem);
  position: absolute;
  left: 0;
  top: 0;
}
.popular-tv__control--disabled {
  opacity: 0.5;
  cursor: default;
}
.popular-tv__control-arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(6 / var(--fontsize-base) * 1rem);
  height: calc(12 / var(--fontsize-base) * 1rem);
}
.popular-tv__slider {
  padding: 0 0 0 calc(80 / var(--fontsize-base) * 1rem);
  width: 100%;
  overflow: hidden;
  position: relative;
}
.popular-tv__slider-container {
  display: flex;
  flex-direction: row;
  gap: calc(16 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-start;
  transition: transform 0.3s ease;
  padding-right: calc(80 / var(--fontsize-base) * 1rem);
  padding-top: calc(6 / var(--fontsize-base) * 1rem);
}
.popular-tv__card {
  flex-shrink: 0;
  width: calc(268 / var(--fontsize-base) * 1rem);
  height: calc(402 / var(--fontsize-base) * 1rem);
  position: relative;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.popular-tv__card:hover {
  transform: translateY(-4px);
}
.popular-tv__card-poster {
  width: calc(268 / var(--fontsize-base) * 1rem);
  height: calc(402 / var(--fontsize-base) * 1rem);
  position: relative;
}
.popular-tv__card-img {
  border-radius: calc(16 / var(--fontsize-base) * 1rem);
  border: 1px solid rgba(255, 255, 255, 0.1);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.popular-tv__card-overlay {
  background: linear-gradient(180deg, rgba(13, 12, 15, 0) 0%, rgba(13, 12, 15, 0.1) 70.008212328%, rgba(13, 12, 15, 0.6) 79.7828137875%, rgb(13, 12, 15) 89.839631319%, rgb(13, 12, 15) 100%);
  border-radius: calc(16 / var(--fontsize-base) * 1rem);
  border: 1px solid rgba(255, 255, 255, 0.1);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.popular-tv__card-info {
  padding: 0 calc(16 / var(--fontsize-base) * 1rem) calc(16 / var(--fontsize-base) * 1rem) calc(16 / var(--fontsize-base) * 1rem);
  display: flex;
  flex-direction: column;
  gap: calc(8 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.popular-tv__card-title {
  color: #ffffff;
  text-align: left;
  font-size: calc(16 / var(--fontsize-base) * 1rem);
  line-height: calc(16 / var(--fontsize-base) * 1rem);
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.popular-tv__card-meta {
  display: flex;
  flex-direction: row;
  gap: calc(12 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  position: relative;
  overflow: hidden;
}
.popular-tv__card-rating {
  border-radius: calc(16 / var(--fontsize-base) * 1rem) 0 calc(16 / var(--fontsize-base) * 1rem) 0;
  display: flex;
  flex-direction: row;
  gap: calc(8 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.popular-tv__card-star {
  width: calc(12 / var(--fontsize-base) * 1rem);
  height: calc(12 / var(--fontsize-base) * 1rem);
}
.popular-tv__card-score {
  color: #ffaf00;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: calc(16 / var(--fontsize-base) * 1rem);
  line-height: calc(16 / var(--fontsize-base) * 1rem);
  font-weight: 700;
  text-transform: uppercase;
}
.popular-tv__card-separator {
  background: #ffffff;
  opacity: 0.2;
  width: calc(1 / var(--fontsize-base) * 1rem);
  height: calc(16 / var(--fontsize-base) * 1rem);
}
.popular-tv__card-date {
  color: #ffffff;
  text-align: left;
  font-size: calc(12 / var(--fontsize-base) * 1rem);
  line-height: calc(12 / var(--fontsize-base) * 1rem);
  font-weight: 400;
  text-transform: uppercase;
  opacity: 0.6;
}
.popular-tv__card-genre {
  color: #ffffff;
  text-align: left;
  font-size: calc(12 / var(--fontsize-base) * 1rem);
  line-height: calc(12 / var(--fontsize-base) * 1rem);
  font-weight: 400;
  opacity: 0.6;
}
.detect_deviece_mobile .popular-tv {
  gap: calc(24 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .popular-tv__header {
  padding: 0 calc(16 / var(--fontsize-base) * 1rem);
  flex-direction: column;
  align-items: flex-start;
}
.detect_deviece_mobile .popular-tv__title-wrapper {
  flex-direction: column;
  align-items: flex-start;
  gap: calc(16 / var(--fontsize-base) * 1rem);
  width: 100%;
}
.detect_deviece_mobile .popular-tv__controls {
  display: none;
}
.detect_deviece_mobile .popular-tv__slider {
  padding: 0 0 0 calc(16 / var(--fontsize-base) * 1rem);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.detect_deviece_mobile .popular-tv__slider::-webkit-scrollbar {
  display: none;
}
.detect_deviece_mobile .popular-tv__slider-container {
  padding-right: calc(16 / var(--fontsize-base) * 1rem);
  gap: calc(16 / var(--fontsize-base) * 1rem);
  flex-wrap: nowrap;
}
.detect_deviece_mobile .popular-tv__card {
  width: calc(268 / var(--fontsize-base) * 1rem);
  height: calc(402 / var(--fontsize-base) * 1rem);
  flex-shrink: 0;
}
.detect_deviece_mobile .popular-tv__card-poster {
  width: calc(268 / var(--fontsize-base) * 1rem);
  height: calc(402 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .popular-tv__card-info {
  padding: 0 calc(16 / var(--fontsize-base) * 1rem) calc(16 / var(--fontsize-base) * 1rem) calc(16 / var(--fontsize-base) * 1rem);
  gap: calc(8 / var(--fontsize-base) * 1rem);
  position: absolute;
  left: 0;
  bottom: 0;
}
.detect_deviece_mobile .popular-tv__card-title {
  font-size: calc(16 / var(--fontsize-base) * 1rem);
  line-height: calc(16 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .popular-tv__card-meta {
  display: flex;
  flex-direction: row;
  gap: calc(12 / var(--fontsize-base) * 1rem);
  align-items: center;
  overflow: hidden;
}
.detect_deviece_mobile .popular-tv__card-date, .detect_deviece_mobile .popular-tv__card-genre {
  font-size: calc(12 / var(--fontsize-base) * 1rem);
  line-height: calc(12 / var(--fontsize-base) * 1rem);
}</style><style data-vue-ssr-id="6a7bb11c:0">@charset "UTF-8";
html {
  touch-action: manipulation;
}
img {
  border: 0;
  display: block;
  width: 100%;
}
body,
html,
div,
h1,
h2,
h3,
h4,
h5,
ul,
ol,
li,
a,
img,
input,
span,
p,
i,
b,
dl,
dd,
dt,
textarea {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
a {
  text-decoration: none;
  color: #000;
}
ul,
ol,
dl {
  list-style: none;
}
input,
textarea,
button {
  border: 0;
  -webkit-appearance: none;
}
h1,
h2,
h3,
h4,
h5,
b {
  font-weight: normal;
}
i {
  font-style: normal;
}
div,
input,
textarea {
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  outline: 0;
  -webkit-overflow-scrolling: touch;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.playing-tv {
  display: flex;
  flex-direction: column;
  gap: calc(24 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  position: relative;
  width: 100%;
}
.playing-tv__header {
  padding: 0 calc(16 / var(--fontsize-base) * 1rem);
  display: flex;
  flex-direction: column;
  gap: calc(16 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 100%;
}
.playing-tv__title-wrapper {
  display: flex;
  flex-direction: column;
  gap: calc(16 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
.playing-tv__title {
  color: #ffffff;
  text-align: left;
  font-size: calc(24 / var(--fontsize-base) * 1rem);
  line-height: calc(24 / var(--fontsize-base) * 1rem);
  font-weight: 900;
  position: relative;
}
.playing-tv__more {
  display: flex;
  flex-direction: row;
  gap: calc(12 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  position: relative;
  cursor: pointer;
}
.playing-tv__more-text {
  color: #fe324b;
  text-align: left;
  font-size: calc(14 / var(--fontsize-base) * 1rem);
  line-height: calc(14 / var(--fontsize-base) * 1rem);
  font-weight: 400;
  position: relative;
}
.playing-tv__more-icon {
  width: calc(16 / var(--fontsize-base) * 1rem);
  height: calc(12 / var(--fontsize-base) * 1rem);
  position: relative;
}
.playing-tv__more-arrow {
  width: 100%;
  overflow: visible;
}
.playing-tv__controls {
  display: flex;
  flex-direction: row;
  gap: calc(20 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
}
.playing-tv__control {
  width: calc(28 / var(--fontsize-base) * 1rem);
  height: calc(28 / var(--fontsize-base) * 1rem);
  position: relative;
  cursor: pointer;
}
.playing-tv__control::before {
  content: "";
  background: #ffffff;
  border-radius: 100px;
  opacity: 0.1;
  width: calc(28 / var(--fontsize-base) * 1rem);
  height: calc(28 / var(--fontsize-base) * 1rem);
  position: absolute;
  left: 0;
  top: 0;
}
.playing-tv__control--disabled {
  opacity: 0.5;
  cursor: default;
}
.playing-tv__control-arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(6 / var(--fontsize-base) * 1rem);
  height: calc(12 / var(--fontsize-base) * 1rem);
}
.playing-tv__content {
  display: flex;
  flex-direction: column;
  gap: calc(16 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 100%;
}
.playing-tv__featured {
  padding: 0 calc(16 / var(--fontsize-base) * 1rem);
  display: flex;
  flex-direction: column;
  gap: calc(16 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  padding-top: calc(6 / var(--fontsize-base) * 1rem);
}
.playing-tv__featured-poster {
  width: 100%;
  height: calc(232 / var(--fontsize-base) * 1rem);
  position: relative;
  border-radius: calc(16 / var(--fontsize-base) * 1rem);
  overflow: hidden;
}
.playing-tv__featured-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: calc(16 / var(--fontsize-base) * 1rem);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.playing-tv__featured-overlay {
  background: linear-gradient(180deg, rgba(13, 12, 15, 0) 0%, rgba(13, 12, 15, 0.1) 60%, rgba(13, 12, 15, 0.6) 70%, rgb(13, 12, 15) 90%, rgb(13, 12, 15) 100%);
  border-radius: calc(16 / var(--fontsize-base) * 1rem);
  border: 1px solid rgba(255, 255, 255, 0.1);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.playing-tv__featured-action-row {
  position: absolute;
  left: calc(16 / var(--fontsize-base) * 1rem);
  bottom: calc(16 / var(--fontsize-base) * 1rem);
  display: flex;
  gap: calc(16 / var(--fontsize-base) * 1rem);
  align-content: center;
}
.playing-tv__featured-action {
  background: #fe324b;
  border-radius: 100px;
  padding: calc(12 / var(--fontsize-base) * 1rem);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.playing-tv__featured-play {
  width: calc(20 / var(--fontsize-base) * 1rem);
  height: calc(20 / var(--fontsize-base) * 1rem);
}
.playing-tv__featured-action-text {
  display: none;
}
.playing-tv__featured-dashed {
  width: calc(1 / var(--fontsize-base) * 1rem);
  opacity: 0.1;
  background: #fff;
  height: calc(44 / var(--fontsize-base) * 1rem);
}
.playing-tv__featured-info {
  display: flex;
  flex-direction: column;
  gap: calc(8 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: center;
}
.playing-tv__featured-title {
  color: #ffffff;
  text-align: left;
  font-size: calc(16 / var(--fontsize-base) * 1rem);
  line-height: calc(16 / var(--fontsize-base) * 1rem);
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.playing-tv__featured-meta {
  display: flex;
  flex-direction: row;
  gap: calc(12 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  position: relative;
  overflow: hidden;
}
.playing-tv__featured-rating {
  border-radius: calc(16 / var(--fontsize-base) * 1rem) 0 calc(16 / var(--fontsize-base) * 1rem) 0;
  display: flex;
  flex-direction: row;
  gap: calc(8 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.playing-tv__featured-star {
  width: calc(12 / var(--fontsize-base) * 1rem);
  height: calc(12 / var(--fontsize-base) * 1rem);
}
.playing-tv__featured-score {
  color: #ffaf00;
  text-align: left;
  font-size: calc(16 / var(--fontsize-base) * 1rem);
  line-height: calc(16 / var(--fontsize-base) * 1rem);
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
}
.playing-tv__featured-separator {
  background: #ffffff;
  opacity: 0.2;
  width: calc(1 / var(--fontsize-base) * 1rem);
  height: calc(16 / var(--fontsize-base) * 1rem);
  position: relative;
}
.playing-tv__featured-date {
  color: #ffffff;
  text-align: left;
  font-size: calc(12 / var(--fontsize-base) * 1rem);
  line-height: calc(12 / var(--fontsize-base) * 1rem);
  font-weight: 400;
  text-transform: uppercase;
  opacity: 0.6;
  position: relative;
}
.playing-tv__featured-genre {
  color: #ffffff;
  text-align: left;
  font-size: calc(12 / var(--fontsize-base) * 1rem);
  line-height: calc(12 / var(--fontsize-base) * 1rem);
  font-weight: 400;
  opacity: 0.6;
  position: relative;
}
.playing-tv__slider {
  padding: 0 0 0 calc(16 / var(--fontsize-base) * 1rem);
  overflow-x: auto;
  width: 100%;
  position: relative;
  /* 隐藏滚动条 */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}
.playing-tv__slider::-webkit-scrollbar {
  display: none; /* Chrome, Safari and Opera */
}
.playing-tv__slider-container {
  display: flex;
  flex-direction: row;
  gap: calc(16 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  padding-right: calc(16 / var(--fontsize-base) * 1rem);
}
.playing-tv__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding-top: calc(6 / var(--fontsize-base) * 1rem);
  grid-template-rows: repeat(2, auto);
  grid-auto-flow: column;
  gap: calc(16 / var(--fontsize-base) * 1rem);
  align-items: start;
  position: relative;
  overflow: auto;
  grid-auto-flow: column;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.playing-tv__card {
  width: calc(268 / var(--fontsize-base) * 1rem);
  height: calc(180 / var(--fontsize-base) * 1rem);
  position: relative;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.playing-tv__card:hover {
  transform: translateY(-4px);
}
.playing-tv__card-poster {
  width: 100%;
  height: 100%;
  position: relative;
}
.playing-tv__card-img {
  border-radius: calc(16 / var(--fontsize-base) * 1rem);
  border: 1px solid rgba(255, 255, 255, 0.1);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.playing-tv__card-overlay {
  background: linear-gradient(180deg, rgba(13, 12, 15, 0) 0%, rgba(13, 12, 15, 0.1) 50%, rgba(13, 12, 15, 0.6) 70%, rgb(13, 12, 15) 90%, rgb(13, 12, 15) 100%);
  border-radius: calc(16 / var(--fontsize-base) * 1rem);
  border: 1px solid rgba(255, 255, 255, 0.1);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.playing-tv__card-info {
  padding: 0 calc(16 / var(--fontsize-base) * 1rem) calc(16 / var(--fontsize-base) * 1rem) calc(16 / var(--fontsize-base) * 1rem);
  display: flex;
  flex-direction: column;
  gap: calc(8 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.playing-tv__card-title {
  color: #ffffff;
  text-align: left;
  font-size: calc(16 / var(--fontsize-base) * 1rem);
  line-height: calc(16 / var(--fontsize-base) * 1rem);
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.playing-tv__card-meta {
  display: flex;
  flex-direction: row;
  gap: calc(12 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  position: relative;
  overflow: hidden;
}
.playing-tv__card-rating {
  border-radius: calc(16 / var(--fontsize-base) * 1rem) 0 calc(16 / var(--fontsize-base) * 1rem) 0;
  display: flex;
  flex-direction: row;
  gap: calc(8 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.playing-tv__card-star {
  width: calc(12 / var(--fontsize-base) * 1rem);
  height: calc(12 / var(--fontsize-base) * 1rem);
}
.playing-tv__card-score {
  color: #ffaf00;
  text-align: left;
  font-size: calc(16 / var(--fontsize-base) * 1rem);
  line-height: calc(16 / var(--fontsize-base) * 1rem);
  font-weight: 700;
  text-transform: uppercase;
}
.playing-tv__card-separator {
  background: #ffffff;
  opacity: 0.2;
  width: calc(1 / var(--fontsize-base) * 1rem);
  height: calc(16 / var(--fontsize-base) * 1rem);
}
.playing-tv__card-date {
  color: #ffffff;
  text-align: left;
  font-size: calc(12 / var(--fontsize-base) * 1rem);
  line-height: calc(12 / var(--fontsize-base) * 1rem);
  font-weight: 400;
  text-transform: uppercase;
  opacity: 0.6;
}
.playing-tv__card-genre {
  color: #ffffff;
  text-align: left;
  font-size: calc(12 / var(--fontsize-base) * 1rem);
  line-height: calc(12 / var(--fontsize-base) * 1rem);
  font-weight: 400;
  opacity: 0.6;
}
.detect_deviece_pc .playing-tv__header,
.detect_deviece_desktop .playing-tv__header {
  padding: 0 calc(80 / var(--fontsize-base) * 1rem);
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.detect_deviece_pc .playing-tv__title-wrapper,
.detect_deviece_desktop .playing-tv__title-wrapper {
  flex-direction: row;
  gap: calc(24 / var(--fontsize-base) * 1rem);
}
.detect_deviece_pc .playing-tv__featured,
.detect_deviece_desktop .playing-tv__featured {
  padding: 0 0 0 calc(80 / var(--fontsize-base) * 1rem);
}
.detect_deviece_pc .playing-tv__featured-poster,
.detect_deviece_desktop .playing-tv__featured-poster {
  width: calc(552 / var(--fontsize-base) * 1rem);
  height: calc(372 / var(--fontsize-base) * 1rem);
}
.detect_deviece_pc .playing-tv__featured-action,
.detect_deviece_desktop .playing-tv__featured-action {
  padding: calc(12 / var(--fontsize-base) * 1rem) calc(16 / var(--fontsize-base) * 1rem);
  gap: calc(12 / var(--fontsize-base) * 1rem);
  justify-content: flex-start;
}
.detect_deviece_pc .playing-tv__featured-action-text,
.detect_deviece_desktop .playing-tv__featured-action-text {
  color: #ffffff;
  text-align: left;
  font-size: calc(16 / var(--fontsize-base) * 1rem);
  line-height: calc(16 / var(--fontsize-base) * 1rem);
  font-weight: 700;
  position: relative;
  display: block;
}
.detect_deviece_pc .playing-tv__featured-info,
.detect_deviece_desktop .playing-tv__featured-info {
  width: calc(268 / var(--fontsize-base) * 1rem);
}
.detect_deviece_pc .playing-tv__content,
.detect_deviece_desktop .playing-tv__content {
  flex-direction: row;
}
.detect_deviece_pc .playing-tv__slider,
.detect_deviece_desktop .playing-tv__slider {
  padding: 0 0 0 calc(80 / var(--fontsize-base) * 1rem);
}
.detect_deviece_pc .playing-tv__slider-container,
.detect_deviece_desktop .playing-tv__slider-container {
  padding-right: calc(80 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .playing-tv__header {
  padding: 0 calc(16 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .playing-tv__content {
  flex-direction: column;
  align-items: center;
  gap: calc(16 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .playing-tv__featured {
  padding: 0 calc(16 / var(--fontsize-base) * 1rem);
  width: 100%;
}
.detect_deviece_mobile .playing-tv__featured-poster {
  width: 100%;
  height: calc(232 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .playing-tv__slider {
  width: 100%;
}
.detect_deviece_mobile .playing-tv__card {
  flex-shrink: 0;
  width: calc(268 / var(--fontsize-base) * 1rem);
}</style><style data-vue-ssr-id="6529be9e:0">html {
  touch-action: manipulation;
}
img {
  border: 0;
  display: block;
  width: 100%;
}
body,
html,
div,
h1,
h2,
h3,
h4,
h5,
ul,
ol,
li,
a,
img,
input,
span,
p,
i,
b,
dl,
dd,
dt,
textarea {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
a {
  text-decoration: none;
  color: #000;
}
ul,
ol,
dl {
  list-style: none;
}
input,
textarea,
button {
  border: 0;
  -webkit-appearance: none;
}
h1,
h2,
h3,
h4,
h5,
b {
  font-weight: normal;
}
i {
  font-style: normal;
}
div,
input,
textarea {
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  outline: 0;
  -webkit-overflow-scrolling: touch;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.top-rated {
  display: flex;
  flex-direction: column;
  gap: calc(24 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  position: relative;
  width: 100%;
}
.top-rated__header {
  padding: 0 calc(80 / var(--fontsize-base) * 1rem);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  position: relative;
  width: 100%;
}
.top-rated__title-wrapper {
  display: flex;
  flex-direction: row;
  gap: calc(24 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.top-rated__title {
  color: #ffffff;
  text-align: left;
  font-size: calc(24 / var(--fontsize-base) * 1rem);
  line-height: calc(24 / var(--fontsize-base) * 1rem);
  font-weight: 900;
  position: relative;
}
.top-rated__more {
  display: flex;
  flex-direction: row;
  gap: calc(12 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  position: relative;
  cursor: pointer;
}
.top-rated__more-text {
  color: #fe324b;
  text-align: left;
  font-size: calc(14 / var(--fontsize-base) * 1rem);
  line-height: calc(14 / var(--fontsize-base) * 1rem);
  font-weight: 400;
  position: relative;
}
.top-rated__more-icon {
  width: calc(16 / var(--fontsize-base) * 1rem);
  height: calc(12 / var(--fontsize-base) * 1rem);
  position: relative;
}
.top-rated__more-arrow {
  width: 100%;
  overflow: visible;
}
.top-rated__controls {
  display: flex;
  flex-direction: row;
  gap: calc(20 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
}
.top-rated__control {
  width: calc(28 / var(--fontsize-base) * 1rem);
  height: calc(28 / var(--fontsize-base) * 1rem);
  position: relative;
  cursor: pointer;
}
.top-rated__control::before {
  content: "";
  background: #ffffff;
  border-radius: 100px;
  opacity: 0.1;
  width: calc(28 / var(--fontsize-base) * 1rem);
  height: calc(28 / var(--fontsize-base) * 1rem);
  position: absolute;
  left: 0;
  top: 0;
}
.top-rated__control--disabled {
  opacity: 0.5;
  cursor: default;
}
.top-rated__control-arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(6 / var(--fontsize-base) * 1rem);
  height: calc(12 / var(--fontsize-base) * 1rem);
}
.top-rated__slider {
  padding: 0 0 0 calc(80 / var(--fontsize-base) * 1rem);
  width: 100%;
  overflow: hidden;
  position: relative;
}
.top-rated__slider-container {
  display: flex;
  flex-direction: row;
  gap: calc(16 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-start;
  transition: transform 0.3s ease;
  padding-right: calc(80 / var(--fontsize-base) * 1rem);
  padding-top: calc(6 / var(--fontsize-base) * 1rem);
}
.top-rated__card {
  display: flex;
  flex-direction: column;
  gap: calc(12 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: calc(268 / var(--fontsize-base) * 1rem);
  cursor: pointer;
  transition: transform 0.3s ease;
}
.top-rated__card:hover {
  transform: translateY(-4px);
}
.top-rated__card-poster {
  width: calc(268 / var(--fontsize-base) * 1rem);
  height: calc(180 / var(--fontsize-base) * 1rem);
  position: relative;
}
.top-rated__card-img {
  border-radius: calc(16 / var(--fontsize-base) * 1rem);
  border: 1px solid rgba(255, 255, 255, 0.1);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top-rated__card-info {
  display: flex;
  flex-direction: column;
  gap: calc(8 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.top-rated__card-title {
  color: #ffffff;
  text-align: left;
  font-size: calc(16 / var(--fontsize-base) * 1rem);
  line-height: calc(16 / var(--fontsize-base) * 1rem);
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.top-rated__card-meta {
  display: flex;
  flex-direction: row;
  gap: calc(12 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.top-rated__card-rating {
  border-radius: calc(16 / var(--fontsize-base) * 1rem) 0 calc(16 / var(--fontsize-base) * 1rem) 0;
  display: flex;
  flex-direction: row;
  gap: calc(8 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.top-rated__card-star {
  width: calc(12 / var(--fontsize-base) * 1rem);
  height: calc(12 / var(--fontsize-base) * 1rem);
}
.top-rated__card-score {
  color: #ffaf00;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: calc(16 / var(--fontsize-base) * 1rem);
  line-height: calc(16 / var(--fontsize-base) * 1rem);
  font-weight: 700;
  text-transform: uppercase;
}
.top-rated__card-separator {
  background: #ffffff;
  opacity: 0.2;
  width: calc(1 / var(--fontsize-base) * 1rem);
  height: calc(16 / var(--fontsize-base) * 1rem);
}
.top-rated__card-date {
  color: #ffffff;
  text-align: left;
  font-size: calc(12 / var(--fontsize-base) * 1rem);
  line-height: calc(12 / var(--fontsize-base) * 1rem);
  font-weight: 400;
  text-transform: uppercase;
  opacity: 0.6;
}
.top-rated__card-genre {
  color: #ffffff;
  text-align: left;
  font-size: calc(12 / var(--fontsize-base) * 1rem);
  line-height: calc(12 / var(--fontsize-base) * 1rem);
  font-weight: 400;
  opacity: 0.6;
}
.detect_deviece_mobile .top-rated {
  gap: calc(24 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .top-rated__header {
  padding: 0 calc(16 / var(--fontsize-base) * 1rem);
  flex-direction: column;
  align-items: flex-start;
}
.detect_deviece_mobile .top-rated__title-wrapper {
  flex-direction: column;
  align-items: flex-start;
  gap: calc(16 / var(--fontsize-base) * 1rem);
  width: 100%;
}
.detect_deviece_mobile .top-rated__controls {
  display: none;
}
.detect_deviece_mobile .top-rated__slider {
  padding: 0 0 0 calc(16 / var(--fontsize-base) * 1rem);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.detect_deviece_mobile .top-rated__slider::-webkit-scrollbar {
  display: none;
}
.detect_deviece_mobile .top-rated__slider-container {
  padding-right: calc(16 / var(--fontsize-base) * 1rem);
  gap: calc(16 / var(--fontsize-base) * 1rem);
  flex-wrap: nowrap;
}
.detect_deviece_mobile .top-rated__card {
  width: calc(268 / var(--fontsize-base) * 1rem);
  flex-shrink: 0;
}
.detect_deviece_mobile .top-rated__card-poster {
  width: calc(268 / var(--fontsize-base) * 1rem);
  height: calc(180 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .top-rated__card-info {
  gap: calc(8 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .top-rated__card-title {
  font-size: calc(16 / var(--fontsize-base) * 1rem);
  line-height: calc(16 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .top-rated__card-meta {
  display: flex;
  flex-direction: row;
  gap: calc(12 / var(--fontsize-base) * 1rem);
  align-items: center;
}
.detect_deviece_mobile .top-rated__card-date, .detect_deviece_mobile .top-rated__card-genre {
  font-size: calc(12 / var(--fontsize-base) * 1rem);
  line-height: calc(12 / var(--fontsize-base) * 1rem);
}</style><style data-vue-ssr-id="40bbd07e:0">html {
  touch-action: manipulation;
}
img {
  border: 0;
  display: block;
  width: 100%;
}
body,
html,
div,
h1,
h2,
h3,
h4,
h5,
ul,
ol,
li,
a,
img,
input,
span,
p,
i,
b,
dl,
dd,
dt,
textarea {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
a {
  text-decoration: none;
  color: #000;
}
ul,
ol,
dl {
  list-style: none;
}
input,
textarea,
button {
  border: 0;
  -webkit-appearance: none;
}
h1,
h2,
h3,
h4,
h5,
b {
  font-weight: normal;
}
i {
  font-style: normal;
}
div,
input,
textarea {
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  outline: 0;
  -webkit-overflow-scrolling: touch;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.about-us {
  padding: 0 calc(80 / var(--fontsize-base) * 1rem);
  display: flex;
  flex-direction: column;
  gap: calc(10 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  position: relative;
  width: 100%;
  margin-bottom: calc(88 / var(--fontsize-base) * 1rem);
}
.about-us__container {
  width: 100%;
  height: calc(400 / var(--fontsize-base) * 1rem);
  position: relative;
  border-radius: calc(16 / var(--fontsize-base) * 1rem);
  overflow: hidden;
}
.about-us__background {
  width: 100%;
  height: 100%;
  position: relative;
}
.about-us__bg-image {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.about-us__bg-overlay {
  border-radius: calc(16 / var(--fontsize-base) * 1rem);
  border: 1px solid rgba(255, 255, 255, 0.1);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(13, 12, 15, 0.7);
}
.about-us__content {
  display: flex;
  flex-direction: column;
  gap: calc(32 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  width: calc(880 / var(--fontsize-base) * 1rem);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.about-us__title-container {
  display: flex;
  flex-direction: column;
  gap: calc(16 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.about-us__title {
  color: #ffffff;
  text-align: center;
  font-size: calc(24 / var(--fontsize-base) * 1rem);
  line-height: calc(24 / var(--fontsize-base) * 1rem);
  font-weight: 900;
  position: relative;
}
.about-us__title-underline {
  background: #fe324b;
  width: calc(32 / var(--fontsize-base) * 1rem);
  height: calc(4 / var(--fontsize-base) * 1rem);
  position: relative;
}
.about-us__description {
  color: #ffffff;
  text-align: center;
  font-size: calc(14 / var(--fontsize-base) * 1rem);
  line-height: calc(24 / var(--fontsize-base) * 1rem);
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.about-us__description strong {
  font-weight: 800;
}
.about-us__description a {
  color: #fe324b;
}
.about-us__action {
  background: #fe324b;
  border-radius: 100px;
  padding: calc(12 / var(--fontsize-base) * 1rem) calc(24 / var(--fontsize-base) * 1rem);
  display: flex;
  flex-direction: row;
  gap: calc(12 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  position: relative;
  cursor: pointer;
}
.about-us__action-text {
  color: #ffffff;
  text-align: left;
  font-size: calc(16 / var(--fontsize-base) * 1rem);
  line-height: calc(16 / var(--fontsize-base) * 1rem);
  font-weight: 700;
  position: relative;
}
.about-us__action-arrow {
  width: calc(16 / var(--fontsize-base) * 1rem);
  height: calc(12 / var(--fontsize-base) * 1rem);
  position: relative;
  filter: brightness(0) invert(1);
}
.detect_deviece_mobile .about-us {
  padding: 0 calc(16 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .about-us__content {
  width: calc(100% - 32 / var(--fontsize-base) * 1rem);
  padding: 0 calc(16 / var(--fontsize-base) * 1rem);
}
.detect_deviece_mobile .about-us__description {
  font-size: calc(12 / var(--fontsize-base) * 1rem);
  line-height: calc(20 / var(--fontsize-base) * 1rem);
}</style><style data-vue-ssr-id="2e7430ee:0">html {
  touch-action: manipulation;
}
img {
  border: 0;
  display: block;
  width: 100%;
}
body,
html,
div,
h1,
h2,
h3,
h4,
h5,
ul,
ol,
li,
a,
img,
input,
span,
p,
i,
b,
dl,
dd,
dt,
textarea {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
a {
  text-decoration: none;
  color: #000;
}
ul,
ol,
dl {
  list-style: none;
}
input,
textarea,
button {
  border: 0;
  -webkit-appearance: none;
}
h1,
h2,
h3,
h4,
h5,
b {
  font-weight: normal;
}
i {
  font-style: normal;
}
div,
input,
textarea {
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  outline: 0;
  -webkit-overflow-scrolling: touch;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-footer {
  background: linear-gradient(180deg, #0d0c0f 0%, #2a282e 100%);
  padding: calc(52 / var(--fontsize-base) * 1rem) calc(80 / var(--fontsize-base) * 1rem);
  display: flex;
  flex-direction: column;
  gap: calc(28 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.app-footer__container {
  display: flex;
  flex-direction: row;
  gap: calc(120 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.app-footer__logo-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  height: calc(200 / var(--fontsize-base) * 1rem);
  flex-shrink: 0;
}
.app-footer__logo-container {
  background: #0d0c0f;
  border-radius: calc(8 / var(--fontsize-base) * 1rem);
  padding: calc(8 / var(--fontsize-base) * 1rem) calc(16 / var(--fontsize-base) * 1rem) calc(8 / var(--fontsize-base) * 1rem) calc(12 / var(--fontsize-base) * 1rem);
  display: flex;
  flex-direction: row;
  gap: calc(12 / var(--fontsize-base) * 1rem);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
}
.app-footer__logo {
  flex-shrink: 0;
  width: calc(28 / var(--fontsize-base) * 1rem);
  height: calc(28 / var(--fontsize-base) * 1rem);
  position: relative;
  overflow: visible;
}
.app-footer__brand {
  color: #ffffff;
  text-align: left;
  font-size: calc(20 / var(--fontsize-base) * 1rem);
  line-height: calc(20 / var(--fontsize-base) * 1rem);
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
}
.app-footer__desc {
  color: #fff;
  font-size: calc(12 / var(--fontsize-base) * 1rem);
  font-style: normal;
  font-weight: 400;
  line-height: calc(20 / var(--fontsize-base) * 1rem); /* 166.667% */
  width: calc(368 / var(--fontsize-base) * 1rem);
}
.app-footer__social-icons {
  display: flex;
  flex-direction: row;
  gap: calc(8 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
}
.app-footer__social-link {
  border-radius: calc(100 / var(--fontsize-base) * 1rem);
  background: #fe324b;
  padding: calc(7 / var(--fontsize-base) * 1rem);
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(28 / var(--fontsize-base) * 1rem);
  height: calc(28 / var(--fontsize-base) * 1rem);
  box-sizing: border-box;
}
.app-footer__social-icon {
  width: calc(18 / var(--fontsize-base) * 1rem);
  height: calc(18 / var(--fontsize-base) * 1rem);
}
.app-footer__copyright {
  color: rgba(255, 255, 255, 0.3);
  font-size: calc(12 / var(--fontsize-base) * 1rem);
  line-height: calc(12 / var(--fontsize-base) * 1rem);
  font-weight: 400;
  text-align: center;
}
.app-footer__divider {
  opacity: 0.1;
  background: #fff;
  width: calc(1 / var(--fontsize-base) * 1rem);
  height: calc(200 / var(--fontsize-base) * 1rem);
  flex-shrink: 0;
}
.app-footer__right-section {
  display: flex;
  flex-direction: row;
  gap: calc(88 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
}
.app-footer__section {
  display: flex;
  flex-direction: column;
  gap: calc(16 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
}
.app-footer__section-title {
  color: #fe324b;
  font-size: calc(12 / var(--fontsize-base) * 1rem);
  line-height: calc(12 / var(--fontsize-base) * 1rem);
  font-weight: 700;
}
.app-footer__links {
  display: flex;
  flex-direction: column;
  gap: calc(16 / var(--fontsize-base) * 1rem);
  align-items: flex-start;
}
.app-footer__link {
  color: #fff;
  font-size: calc(12 / var(--fontsize-base) * 1rem);
  line-height: calc(12 / var(--fontsize-base) * 1rem);
  font-weight: 400;
  text-decoration: none;
  display: block;
}
.app-footer__link:hover {
  color: rgba(255, 255, 255, 0.5);
}
.app-footer__toast {
  position: fixed;
  bottom: 50%;
  left: 50%;
  transform: translate(-50%, 50%);
  padding: calc(10 / var(--fontsize-base) * 1rem) calc(20 / var(--fontsize-base) * 1rem);
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  border-radius: calc(4 / var(--fontsize-base) * 1rem);
  z-index: 9999;
  font-size: calc(14 / var(--fontsize-base) * 1rem);
  max-width: calc(200 / var(--fontsize-base) * 1rem);
  text-align: center;
}
.app-footer--mobile {
  padding: calc(40 / var(--fontsize-base) * 1rem) calc(16 / var(--fontsize-base) * 1rem);
}
.app-footer--mobile .app-footer__container {
  flex-direction: column;
  gap: calc(24 / var(--fontsize-base) * 1rem);
}
.app-footer--mobile .app-footer__logo-container {
  margin-bottom: 0;
}
.app-footer--mobile .app-footer__logo-section {
  height: auto;
}
.app-footer--mobile .app-footer__desc {
  width: 100%;
  margin-bottom: 0;
}
.app-footer--mobile .app-footer__divider {
  height: 1px;
  width: 100%;
}
.app-footer--mobile .app-footer__right-section {
  gap: calc(60 / var(--fontsize-base) * 1rem);
  width: 100%;
  justify-content: space-between;
}
.app-footer--mobile .app-footer__copyright {
  width: 100%;
}</style></head>

<body class="is_pc i_pc filmzillaxtra.com">
  <div id="app" data-server-rendered="true"><section id="home" class="page-common detect_deviece_desktop state_desktop theme-1 home"><header class="app-header app-header--light app_device_detect_is_desktop theme-1"><h1 class="app-header__logo"><img src="/icon/3.svg" alt="Filmzilla 2025" class="app-header__logo-icon"><div class="app-header__logo-text"> Filmzilla 2025 </div></h1><nav class="app-header__nav"><div class="app-header__nav-item app-header__nav-item--active"><img src="/img/home-icon-active.7392d140.svg" alt="" class="app-header__nav-icon"><span>Home</span></div><div class="app-header__nav-item app-header__nav-item--has-dropdown"><img src="/img/movies-icon.20737395.svg" alt="" class="app-header__nav-icon"><span>Movies</span><img src="/img/arrow-down.c5afabda.svg" alt="" class="app-header__nav-arrow"><!----></div><div class="app-header__nav-item app-header__nav-item--has-dropdown"><img src="/img/tv-icon.2a61ddd4.svg" alt="" class="app-header__nav-icon"><span>TV Shows</span><img src="/img/arrow-down.c5afabda.svg" alt="" class="app-header__nav-arrow"><!----></div><div class="app-header__download-btn"><img src="/img/download-icon.16f4debb.svg" alt="" class="app-header__download-icon"><span>Download</span></div></nav><!----><!----></header><div class="banner" data-v-a2fea148><div class="banner-content" data-v-a2fea148><div class="banner-slides" data-v-a2fea148><div class="shadow" data-v-a2fea148></div></div><div class="banner-dots" data-v-a2fea148></div></div></div><div class="popular-movie common-gap"><div class="popular-movie__header"><div class="popular-movie__title-wrapper"><div class="popular-movie__title">Popular Movies</div><a href="/movies/popular-movies/" class="popular-movie__more"><div class="popular-movie__more-text">More</div><div class="popular-movie__more-icon"><img src="/img/arrow_right_alt.ddc1579c.svg" class="popular-movie__more-arrow"></div></a></div><div class="popular-movie__controls"><div class="popular-movie__control popular-movie__control--prev popular-movie__control--disabled"><svg xmlns="http://www.w3.org/2000/svg" width="6" height="12" viewBox="0 0 6 12" fill="none" class="popular-movie__control-arrow"><path d="M1.56641 6.00382L5.79139 1.35876C5.9351 1.20076 6.00456 1.0138 5.99977 0.797876C5.99498 0.581949 5.92073 0.394988 5.77702 0.236993C5.63332 0.0789977 5.46326 0 5.26686 0C5.07046 0 4.90041 0.0789977 4.7567 0.236993L0.344896 5.10325C0.229931 5.22965 0.143707 5.37184 0.0862241 5.52984C0.0287414 5.68783 0 5.84583 0 6.00382C0 6.16182 0.0287414 6.31981 0.0862241 6.47781C0.143707 6.6358 0.229931 6.778 0.344896 6.9044L4.77107 11.7707C4.91478 11.9286 5.08244 12.005 5.27405 11.9997C5.46566 11.9945 5.63332 11.9128 5.77702 11.7549C5.92073 11.5969 5.99258 11.4099 5.99258 11.194C5.99258 10.978 5.92073 10.7911 5.77702 10.6331L1.56641 6.00382Z" fill="white"></path></svg></div><div class="popular-movie__control popular-movie__control--next popular-movie__control--disabled"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 12" fill="none" class="popular-movie__control-arrow"><path d="M4.43359 6.00382L0.208607 1.35876C0.0649 1.20076 -0.00455845 1.0138 0.000231786 0.797876C0.00502202 0.581949 0.0792707 0.394988 0.222978 0.236993C0.366685 0.0789977 0.536738 0 0.733138 0C0.929537 0 1.09959 0.0789977 1.2433 0.236993L5.6551 5.10325C5.77007 5.22965 5.85629 5.37184 5.91378 5.52984C5.97126 5.68783 6 5.84583 6 6.00382C6 6.16182 5.97126 6.31981 5.91378 6.47781C5.85629 6.6358 5.77007 6.778 5.6551 6.9044L1.22893 11.7707C1.08522 11.9286 0.917562 12.005 0.725952 11.9997C0.534343 11.9945 0.366685 11.9128 0.222978 11.7549C0.0792707 11.5969 0.00741714 11.4099 0.00741714 11.194C0.00741714 10.978 0.0792707 10.7911 0.222978 10.6331L4.43359 6.00382Z" fill="white"></path></svg></div></div></div><div class="popular-movie__slider"><div class="popular-movie__slider-container"></div></div></div><div class="now-playing common-gap"><div class="now-playing__header"><div class="now-playing__title-wrapper"><div class="now-playing__title">Now Playing Movies</div><a href="/movies/now-playing-movies/" class="now-playing__more"><div class="now-playing__more-text">More</div><div class="now-playing__more-icon"><img src="/img/arrow_right_alt.ddc1579c.svg" class="now-playing__more-arrow"></div></a></div><div class="now-playing__controls"><div class="now-playing__control now-playing__control--prev now-playing__control--disabled"><svg xmlns="http://www.w3.org/2000/svg" width="6" height="12" viewBox="0 0 6 12" fill="none" class="now-playing__control-arrow"><path d="M1.56641 6.00382L5.79139 1.35876C5.9351 1.20076 6.00456 1.0138 5.99977 0.797876C5.99498 0.581949 5.92073 0.394988 5.77702 0.236993C5.63332 0.0789977 5.46326 0 5.26686 0C5.07046 0 4.90041 0.0789977 4.7567 0.236993L0.344896 5.10325C0.229931 5.22965 0.143707 5.37184 0.0862241 5.52984C0.0287414 5.68783 0 5.84583 0 6.00382C0 6.16182 0.0287414 6.31981 0.0862241 6.47781C0.143707 6.6358 0.229931 6.778 0.344896 6.9044L4.77107 11.7707C4.91478 11.9286 5.08244 12.005 5.27405 11.9997C5.46566 11.9945 5.63332 11.9128 5.77702 11.7549C5.92073 11.5969 5.99258 11.4099 5.99258 11.194C5.99258 10.978 5.92073 10.7911 5.77702 10.6331L1.56641 6.00382Z" fill="white"></path></svg></div><div class="now-playing__control now-playing__control--next now-playing__control--disabled"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 12" fill="none" class="now-playing__control-arrow"><path d="M4.43359 6.00382L0.208607 1.35876C0.0649 1.20076 -0.00455845 1.0138 0.000231786 0.797876C0.00502202 0.581949 0.0792707 0.394988 0.222978 0.236993C0.366685 0.0789977 0.536738 0 0.733138 0C0.929537 0 1.09959 0.0789977 1.2433 0.236993L5.6551 5.10325C5.77007 5.22965 5.85629 5.37184 5.91378 5.52984C5.97126 5.68783 6 5.84583 6 6.00382C6 6.16182 5.97126 6.31981 5.91378 6.47781C5.85629 6.6358 5.77007 6.778 5.6551 6.9044L1.22893 11.7707C1.08522 11.9286 0.917562 12.005 0.725952 11.9997C0.534343 11.9945 0.366685 11.9128 0.222978 11.7549C0.0792707 11.5969 0.00741714 11.4099 0.00741714 11.194C0.00741714 10.978 0.0792707 10.7911 0.222978 10.6331L4.43359 6.00382Z" fill="white"></path></svg></div></div></div><div class="now-playing__slider"><div class="now-playing__slider-container"></div></div></div><div class="top-rated-movie common-gap"><!----></div><div class="popular-tv common-gap"><div class="popular-tv__header"><div class="popular-tv__title-wrapper"><div class="popular-tv__title">Popular TV Shows</div><a href="/tv-shows/popular-tv-shows/" class="popular-tv__more"><div class="popular-tv__more-text">More</div><div class="popular-tv__more-icon"><img src="/img/arrow_right_alt.ddc1579c.svg" class="popular-tv__more-arrow"></div></a></div><div class="popular-tv__controls"><div class="popular-tv__control popular-tv__control--prev popular-tv__control--disabled"><svg xmlns="http://www.w3.org/2000/svg" width="6" height="12" viewBox="0 0 6 12" fill="none" class="popular-tv__control-arrow"><path d="M1.56641 6.00382L5.79139 1.35876C5.9351 1.20076 6.00456 1.0138 5.99977 0.797876C5.99498 0.581949 5.92073 0.394988 5.77702 0.236993C5.63332 0.0789977 5.46326 0 5.26686 0C5.07046 0 4.90041 0.0789977 4.7567 0.236993L0.344896 5.10325C0.229931 5.22965 0.143707 5.37184 0.0862241 5.52984C0.0287414 5.68783 0 5.84583 0 6.00382C0 6.16182 0.0287414 6.31981 0.0862241 6.47781C0.143707 6.6358 0.229931 6.778 0.344896 6.9044L4.77107 11.7707C4.91478 11.9286 5.08244 12.005 5.27405 11.9997C5.46566 11.9945 5.63332 11.9128 5.77702 11.7549C5.92073 11.5969 5.99258 11.4099 5.99258 11.194C5.99258 10.978 5.92073 10.7911 5.77702 10.6331L1.56641 6.00382Z" fill="white"></path></svg></div><div class="popular-tv__control popular-tv__control--next popular-tv__control--disabled"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 12" fill="none" class="popular-tv__control-arrow"><path d="M4.43359 6.00382L0.208607 1.35876C0.0649 1.20076 -0.00455845 1.0138 0.000231786 0.797876C0.00502202 0.581949 0.0792707 0.394988 0.222978 0.236993C0.366685 0.0789977 0.536738 0 0.733138 0C0.929537 0 1.09959 0.0789977 1.2433 0.236993L5.6551 5.10325C5.77007 5.22965 5.85629 5.37184 5.91378 5.52984C5.97126 5.68783 6 5.84583 6 6.00382C6 6.16182 5.97126 6.31981 5.91378 6.47781C5.85629 6.6358 5.77007 6.778 5.6551 6.9044L1.22893 11.7707C1.08522 11.9286 0.917562 12.005 0.725952 11.9997C0.534343 11.9945 0.366685 11.9128 0.222978 11.7549C0.0792707 11.5969 0.00741714 11.4099 0.00741714 11.194C0.00741714 10.978 0.0792707 10.7911 0.222978 10.6331L4.43359 6.00382Z" fill="white"></path></svg></div></div></div><div class="popular-tv__slider"><div class="popular-tv__slider-container"></div></div></div><div class="playing-tv common-gap"><div class="playing-tv__header"><div class="playing-tv__title-wrapper"><div class="playing-tv__title">Now Playing TV Shows</div><a href="/tv-shows/now-playing-tv-shows/" class="playing-tv__more"><div class="playing-tv__more-text">More</div><div class="playing-tv__more-icon"><img src="/img/arrow_right_alt.ddc1579c.svg" class="playing-tv__more-arrow"></div></a></div><div class="playing-tv__controls"><div class="playing-tv__control playing-tv__control--prev playing-tv__control--disabled"><svg xmlns="http://www.w3.org/2000/svg" width="6" height="12" viewBox="0 0 6 12" fill="none" class="playing-tv__control-arrow"><path d="M1.56641 6.00382L5.79139 1.35876C5.9351 1.20076 6.00456 1.0138 5.99977 0.797876C5.99498 0.581949 5.92073 0.394988 5.77702 0.236993C5.63332 0.0789977 5.46326 0 5.26686 0C5.07046 0 4.90041 0.0789977 4.7567 0.236993L0.344896 5.10325C0.229931 5.22965 0.143707 5.37184 0.0862241 5.52984C0.0287414 5.68783 0 5.84583 0 6.00382C0 6.16182 0.0287414 6.31981 0.0862241 6.47781C0.143707 6.6358 0.229931 6.778 0.344896 6.9044L4.77107 11.7707C4.91478 11.9286 5.08244 12.005 5.27405 11.9997C5.46566 11.9945 5.63332 11.9128 5.77702 11.7549C5.92073 11.5969 5.99258 11.4099 5.99258 11.194C5.99258 10.978 5.92073 10.7911 5.77702 10.6331L1.56641 6.00382Z" fill="white"></path></svg></div><div class="playing-tv__control playing-tv__control--next playing-tv__control--disabled"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 12" fill="none" class="playing-tv__control-arrow"><path d="M4.43359 6.00382L0.208607 1.35876C0.0649 1.20076 -0.00455845 1.0138 0.000231786 0.797876C0.00502202 0.581949 0.0792707 0.394988 0.222978 0.236993C0.366685 0.0789977 0.536738 0 0.733138 0C0.929537 0 1.09959 0.0789977 1.2433 0.236993L5.6551 5.10325C5.77007 5.22965 5.85629 5.37184 5.91378 5.52984C5.97126 5.68783 6 5.84583 6 6.00382C6 6.16182 5.97126 6.31981 5.91378 6.47781C5.85629 6.6358 5.77007 6.778 5.6551 6.9044L1.22893 11.7707C1.08522 11.9286 0.917562 12.005 0.725952 11.9997C0.534343 11.9945 0.366685 11.9128 0.222978 11.7549C0.0792707 11.5969 0.00741714 11.4099 0.00741714 11.194C0.00741714 10.978 0.0792707 10.7911 0.222978 10.6331L4.43359 6.00382Z" fill="white"></path></svg></div></div></div><!----></div><div class="top-rated common-gap"><div class="top-rated__header"><div class="top-rated__title-wrapper"><div class="top-rated__title">Top Rated TV Shows</div><a href="/tv-shows/top-rated-tv-shows/" class="top-rated__more"><div class="top-rated__more-text">More</div><div class="top-rated__more-icon"><img src="/img/arrow_right_alt.ddc1579c.svg" class="top-rated__more-arrow"></div></a></div><div class="top-rated__controls"><div class="top-rated__control top-rated__control--prev top-rated__control--disabled"><svg xmlns="http://www.w3.org/2000/svg" width="6" height="12" viewBox="0 0 6 12" fill="none" class="top-rated__control-arrow"><path d="M1.56641 6.00382L5.79139 1.35876C5.9351 1.20076 6.00456 1.0138 5.99977 0.797876C5.99498 0.581949 5.92073 0.394988 5.77702 0.236993C5.63332 0.0789977 5.46326 0 5.26686 0C5.07046 0 4.90041 0.0789977 4.7567 0.236993L0.344896 5.10325C0.229931 5.22965 0.143707 5.37184 0.0862241 5.52984C0.0287414 5.68783 0 5.84583 0 6.00382C0 6.16182 0.0287414 6.31981 0.0862241 6.47781C0.143707 6.6358 0.229931 6.778 0.344896 6.9044L4.77107 11.7707C4.91478 11.9286 5.08244 12.005 5.27405 11.9997C5.46566 11.9945 5.63332 11.9128 5.77702 11.7549C5.92073 11.5969 5.99258 11.4099 5.99258 11.194C5.99258 10.978 5.92073 10.7911 5.77702 10.6331L1.56641 6.00382Z" fill="white"></path></svg></div><div class="top-rated__control top-rated__control--next top-rated__control--disabled"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 12" fill="none" class="top-rated__control-arrow"><path d="M4.43359 6.00382L0.208607 1.35876C0.0649 1.20076 -0.00455845 1.0138 0.000231786 0.797876C0.00502202 0.581949 0.0792707 0.394988 0.222978 0.236993C0.366685 0.0789977 0.536738 0 0.733138 0C0.929537 0 1.09959 0.0789977 1.2433 0.236993L5.6551 5.10325C5.77007 5.22965 5.85629 5.37184 5.91378 5.52984C5.97126 5.68783 6 5.84583 6 6.00382C6 6.16182 5.97126 6.31981 5.91378 6.47781C5.85629 6.6358 5.77007 6.778 5.6551 6.9044L1.22893 11.7707C1.08522 11.9286 0.917562 12.005 0.725952 11.9997C0.534343 11.9945 0.366685 11.9128 0.222978 11.7549C0.0792707 11.5969 0.00741714 11.4099 0.00741714 11.194C0.00741714 10.978 0.0792707 10.7911 0.222978 10.6331L4.43359 6.00382Z" fill="white"></path></svg></div></div></div><div class="top-rated__slider"><div class="top-rated__slider-container"></div></div></div><div class="about-us common-gap"><div class="about-us__container"><div class="about-us__background"><img src="/img/about-bg.466b7443.png" alt="" class="about-us__bg-image"><div class="about-us__bg-overlay"></div></div><div class="about-us__content"><div class="about-us__title-container"><div class="about-us__title">About FilmzillaXtra</div><div class="about-us__title-underline"></div></div><div class="about-us__description">Welcome to <strong>FilmzillaXtra.com</strong>, your ultimate destination for entertainment in 2025! At <strong><a href="https://filmzillaxtra.com/">Filmzilla</a></strong>, we offer the newest and most <strong><a href="https://filmzillaxtra.com/movies/popular-movies/">popular movies</a></strong> and <strong>TV shows</strong> for safe, high-speed downloads. Our mission is to provide a secure, user-friendly platform where film lovers can enjoy the latest content without hassle. Stay updated, stream smarter, and experience entertainment . The FilmzillaXtra way — reliable, fast, and always fresh.</div><a href="/movie-download/" class="about-us__action"><div class="about-us__action-text">Download Movies &amp; TV shows</div><img src="/img/arrow_right_alt.ddc1579c.svg" class="about-us__action-arrow"></a></div></div></div><div class="app-footer"><div class="app-footer__container"><div class="app-footer__section app-footer__logo-section"><div class="app-footer__logo-container"><img src="/icon/3.svg" alt="Logo" class="app-footer__logo"><div class="app-footer__brand">Filmzilla 2025</div></div><div class="app-footer__desc">Filmzilla offers the latest movies and TV shows from Netflix, Amazon Prime, Disney+, and Apple TV for safe, free streaming and downloads. Enjoy your movies and TV online without annoying ads—just come and watch.</div><div class="app-footer__social-icons"><a class="app-footer__social-link"><img src="/img/tiktok-icon.fb3c34c8.svg" alt="TikTok" class="app-footer__social-icon"></a><a class="app-footer__social-link"><img src="/img/x-icon.897062f4.svg" alt="Twitter" class="app-footer__social-icon"></a><a class="app-footer__social-link"><img src="/img/facebook-icon.5d051c2b.svg" alt="Facebook" class="app-footer__social-icon"></a><a class="app-footer__social-link"><img src="/img/instagram-icon.60886843.svg" alt="Instagram" class="app-footer__social-icon"></a></div><div class="app-footer__copyright"> Copyright © 2025 Filmzilla 2025. All Rights Reserved. </div></div><div class="app-footer__divider"></div><div class="app-footer__right-section"><div class="app-footer__section app-footer__resources"><div class="app-footer__section-title">Resources</div><div class="app-footer__links"><div class="app-footer__link-item"><a href="/terms-of-service" class="app-footer__link"> Terms of Service </a></div><div class="app-footer__link-item"><a href="/privacy-policy" class="app-footer__link"> Privacy Policy </a></div><div class="app-footer__link-item"><a href="/disclaimer" class="app-footer__link"> Disclaimer </a></div><div class="app-footer__link-item"><a href="/about-us" class="app-footer__link"> About Us </a></div></div></div><div class="app-footer__section app-footer__contact"><div class="app-footer__section-title">Contact us</div><div class="app-footer__links"><div class="app-footer__link-item"><a href="/cdn-cgi/l/email-protection#adcec2c3d9ccced9edcbc4c1c0d7c4c1c1ccd5d9dfcc83cec2c0" class="app-footer__link"> <span class="__cf_email__" data-cfemail="c4a7abaab0a5a7b084a2ada8a9beada8a8a5bcb0b6a5eaa7aba9">[email&#160;protected]</span> </a></div></div></div></div><!----></div><!----></div></section></div><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>window.__INITIAL_STATE__={"host":"filmzillaxtra.com","deviceType":"desktop","showDebug":false,"adPosConfig":{},"adsensConfig":{"scriptUrl":""},"tvGenres":[],"MovieGenres":[],"selectedYear":null,"selectedTVYear":null,"selectedStream":null,"domainConfig":{"siteName":"Filmzilla 2025","siteIcon":"\u002Ficon\u002F3.svg","IAMEMAIL":"contact@filmzillaxtra.com","IAmURL":"filmzillaxtra.com","ABOUTUS":"Filmzilla offers the latest movies and TV shows from Netflix, Amazon Prime, Disney+, and Apple TV for safe, free streaming and downloads. Enjoy your movies and TV online without annoying ads—just come and watch.","AboutTitle":"FilmzillaXtra","AboutContent":"Welcome to \u003Cstrong\u003EFilmzillaXtra.com\u003C\u002Fstrong\u003E, your ultimate destination for entertainment in 2025! At \u003Cstrong\u003E\u003Ca href=\"https:\u002F\u002Ffilmzillaxtra.com\u002F\"\u003EFilmzilla\u003C\u002Fa\u003E\u003C\u002Fstrong\u003E, we offer the newest and most \u003Cstrong\u003E\u003Ca href=\"https:\u002F\u002Ffilmzillaxtra.com\u002Fmovies\u002Fpopular-movies\u002F\"\u003Epopular movies\u003C\u002Fa\u003E\u003C\u002Fstrong\u003E and \u003Cstrong\u003ETV shows\u003C\u002Fstrong\u003E for safe, high-speed downloads. Our mission is to provide a secure, user-friendly platform where film lovers can enjoy the latest content without hassle. Stay updated, stream smarter, and experience entertainment . The FilmzillaXtra way — reliable, fast, and always fresh.","meta":{"title":" | Watch Latest Movies & TV Shows | Safe Download","des":"Watch and download the latest movies and TV shows in HD on Filmzilla 2025. Like Filmyzilla, enjoy safe downloads, fast streaming, and no sign-up required.","keywords":"watch latest movies, download movies, watch TV shows"},"movieTitle":"Stream Newest Free Movies,movies out now | Filmzilla 2025","moviePopularTitle":"Watch Netflix Popular Movies – on Filmzilla 2025","moviePlayingTitle":"Watch the Latest Movies in Theaters Online | Filmzilla 2025","movieRatedTitle":"2025 Top Rated Movies List | Filmzilla 2025","movieGenreTitle":"Best {{genre}} Movies to Watch & Download for Free Movies","tvTitle":"Stream Latest TV Shows Online | Watch Free 2025 TV Series | Filmzilla 2025","tvPopularTitle":"Most Popular TV Shows of 2025 on Netflix | Filmzilla 2025","tvPlayingTitle":"Latest TV Shows Playing Now Online | Filmzilla 2025","tvRatedTitle":"Watch Top Rated TV Shows Imdb Online Free | Filmzilla 2025","tvGenreTitle":"Watch & Download {{genre}} TV Series for Free in HD","movieDetailTitle":"{{title}} Free Streaming on Netflix, Disney+, Hulu– Filmzilla","tvDetailTitle":"{{title}} Free Streaming on Netflix, Disney+, Hulu– Filmzilla","firebase":{"apiKey":"AIzaSyBR9GVapJsqzN2sGWFIb9LmYVqE8LOVjXY","authDomain":"movies-74950.firebaseapp.com","projectId":"movies-74950","storageBucket":"movies-74950.firebasestorage.app","messagingSenderId":"945732910889","appId":"1:945732910889:web:c029ccda5ab6b988d40138","measurementId":"G-XN8V06SS44"},"ads":"success","adsense":{"scriptUrl":""}},"title":"Filmzilla 2025"};(function(){var s;(s=document.currentScript||document.scripts[document.scripts.length-1]).parentNode.removeChild(s);}());</script><script src="/js/bundle.core-js.6e2885aa.js" defer></script><script src="/js/home.7ab90825.js" defer></script><script src="/js/chunk-7b89852a.f56f2342.js" defer></script><script src="/js/bundle.axios.19485576.js" defer></script><script src="/main.802ee416.js" defer></script>
</body>

</html>