:root {
  --ink:#070a08;
  --ink-2:#0c120f;
  --ink-3:#111a15;
  --gold:#c9a24a;
  --gold-2:#e8cf8a;
  --gold-dim:#7a6430;
  --green:#123024;
  --green-2:#1b4634;
  --neon:#e0338c;
  --neon-2:#8a2be2;
  --paper:#e9e2d0;
  --muted:#8f9a92;
  --line:rgba(201,162,74,.28);
  --line-soft:rgba(201,162,74,.14);
  --shadow:0 18px 40px -22px #000;
  --serif:"Songti SC","STSong","Noto Serif CJK SC","Source Han Serif SC",Georgia,"Times New Roman",serif;
  --sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Heiti SC",Arial,sans-serif;
  --narrow:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;
}
*, *::before, *::after {box-sizing:border-box;}
html {
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body {
  margin:0;
  background:
    radial-gradient(120% 80% at 82% -10%, rgba(224,51,140,.10), transparent 58%),
    radial-gradient(90% 60% at 8% 0%, rgba(201,162,74,.10), transparent 60%),
    linear-gradient(180deg,#080b09 0%, #0a0f0c 40%, #070a08 100%);
  background-attachment:fixed;
  color:var(--paper);
  font-family:var(--sans);
  font-size:15px;
  line-height:1.55;
  letter-spacing:.01em;
  overflow-x:hidden;
}
img, video {max-width:100%;display:block;}
ul, ol, dl, dd, figure, h1, h2, h3, p {margin:0;padding:0;}
ul, ol {list-style:none;}
a {color:inherit;text-decoration:none;}
button, input {font:inherit;color:inherit;}
::selection {background:rgba(224,51,140,.35);color:#fff;}
.site-header {
  position:sticky;
  top:0;
  z-index:60;
  background:linear-gradient(180deg,rgba(7,10,8,.96),rgba(7,10,8,.82));
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
}
.header-inner {
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  padding:9px 16px;
  max-width:1440px;
  margin:0 auto;
}
a[data-contract="site-name"] {
  font-family:var(--serif);
  font-weight:800;
  font-size:19px;
  letter-spacing:.06em;
  color:var(--gold-2);
  text-decoration:none;
  text-shadow:0 0 14px rgba(201,162,74,.35);
  white-space:nowrap;
}
.category-bar {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  margin-left:auto;
  min-width:0;
}
a.runtime-category {
  display:inline-block;
  white-space:nowrap;
  font-family:var(--narrow);
  font-size:12.5px;
  letter-spacing:.08em;
  padding:4px 10px;
  color:var(--gold-2);
  text-decoration:none;
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(201,162,74,.12),rgba(18,48,36,.35));
  transition:color .18s ease,border-color .18s ease,background .18s ease;
}
a.runtime-category:hover {
  color:#fff;
  border-color:var(--neon);
  background:linear-gradient(180deg,rgba(224,51,140,.28),rgba(18,48,36,.5));
}
.page-main {
  max-width:1440px;
  margin:0 auto;
  padding:12px 16px 8px;
  display:flex;
  flex-direction:column;
  gap:18px;
}
.block-heading {
  font-family:var(--serif);
  font-weight:800;
  font-size:17px;
  letter-spacing:.1em;
  color:var(--gold-2);
  padding-left:12px;
  position:relative;
  margin-bottom:9px;
}
.block-heading::before {
  content:"";
  position:absolute;
  left:0;
  top:.18em;
  bottom:.18em;
  width:4px;
  background:linear-gradient(180deg,var(--gold),var(--neon));
  box-shadow:0 0 10px rgba(224,51,140,.5);
}
.hero-panel {
  position:relative;
  background:linear-gradient(160deg,var(--ink-3),#0a0f0c 55%,#080b09);
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  padding:0 0 14px;
  overflow:hidden;
}
.hero-backdrop {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,240px) minmax(0,1fr);
  gap:0;
  min-height:0;
  background:
    radial-gradient(70% 90% at 78% 18%, rgba(224,51,140,.20), transparent 62%),
    radial-gradient(60% 80% at 20% 90%, rgba(201,162,74,.16), transparent 66%),
    linear-gradient(180deg,#0d1a14,#070a08);
  border-bottom:1px solid var(--line-soft);
}
.hero-poster-col {
  position:relative;
  z-index:3;
  padding:16px 0 16px 16px;
  display:flex;
  align-items:flex-start;
}
.poster-frame {
  position:relative;
  width:100%;
  max-width:220px;
  border:1px solid var(--gold-dim);
  box-shadow:0 20px 44px -20px #000, 0 0 0 1px rgba(7,10,8,.9) inset;
  background:#050706;
}
.poster-frame::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(190deg,rgba(224,51,140,.16),transparent 45%,rgba(0,0,0,.55));
}
.poster-frame img {
  width:100%;
  height:auto;
  aspect-ratio:9 / 16;
  object-fit:cover;
  display:block;
}
.hero-figure-col {
  position:relative;
  z-index:2;
  min-height:0;
}
.hero-figure {
  position:absolute;
  inset:0;
  background:
    radial-gradient(46% 58% at 62% 40%, rgba(0,0,0,.86), transparent 72%),
    linear-gradient(200deg, rgba(201,162,74,.22), transparent 40%),
    linear-gradient(90deg, transparent 30%, rgba(7,10,8,.9) 100%);
}
.hero-figure::before {
  content:"";
  position:absolute;
  left:34%;
  top:6%;
  width:34%;
  height:88%;
  max-width:280px;
  background:
    radial-gradient(60% 34% at 50% 12%, rgba(233,226,208,.22), transparent 70%),
    linear-gradient(190deg, rgba(233,226,208,.14), rgba(7,10,8,.9) 78%);
  clip-path:polygon(38% 0,62% 0,74% 14%,70% 30%,86% 58%,78% 100%,20% 100%,14% 58%,28% 30%,24% 14%);
  filter:blur(.4px);
}
.hero-figure::after {
  content:"";
  position:absolute;
  right:14%;
  top:44%;
  width:64px;
  height:40px;
  background:linear-gradient(120deg,#eaf3ff,#8fb6d8 60%,rgba(224,51,140,.6));
  clip-path:polygon(0 42%,100% 0,72% 100%,10% 86%);
  transform:rotate(-16deg);
  filter:drop-shadow(0 0 12px rgba(160,200,255,.75));
  opacity:.9;
}
.hero-lights {
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(28% 12% at 84% 16%, rgba(224,51,140,.55), transparent 70%),
    radial-gradient(22% 10% at 70% 6%, rgba(138,43,226,.45), transparent 72%),
    radial-gradient(34% 14% at 12% 84%, rgba(201,162,74,.40), transparent 74%),
    repeating-linear-gradient(90deg, rgba(233,226,208,.05) 0 2px, transparent 2px 26px);
  mix-blend-mode:screen;
  opacity:.85;
}
.hero-copy {
  position:relative;
  z-index:4;
  padding:14px 16px 4px;
  max-width:820px;
}
.movie-title {
  font-family:var(--serif);
  font-weight:800;
  font-size:clamp(22px,4.4vw,38px);
  line-height:1.16;
  letter-spacing:.04em;
  color:#f4ecd6;
  text-shadow:0 2px 0 rgba(0,0,0,.6),0 0 26px rgba(201,162,74,.32);
}
.movie-tagline {
  font-family:var(--serif);
  font-weight:400;
  font-size:clamp(12.5px,1.6vw,15px);
  letter-spacing:.34em;
  color:var(--gold-2);
  margin-top:6px;
  opacity:.92;
  text-shadow:0 0 14px rgba(224,51,140,.35);
}
.movie-seo {
  margin-top:9px;
  font-size:13px;
  line-height:1.7;
  color:#a9b3ab;
  max-width:70ch;
}
.hero-player {
  position:relative;
  z-index:5;
  padding:12px 16px 2px;
}
.player-shell {
  position:relative;
  width:100%;
  border:1px solid var(--gold-dim);
  background:#040605;
  box-shadow:0 22px 50px -26px #000, 0 0 0 1px rgba(224,51,140,.14);
  transition:border-color .2s ease,box-shadow .2s ease;
}
.player-shell.is-playing {border-color:var(--gold);}
.player-shell.is-theater {
  border-color:var(--neon);
  box-shadow:0 26px 60px -24px #000, 0 0 30px -6px rgba(224,51,140,.6);
}
.player-shell.is-light-off {filter:brightness(.62) saturate(1.1);}
.player-shell.is-muted .ctrl-btn[data-player-action="mute"] {color:var(--neon);border-color:var(--neon);}
.player-shell.is-fullscreen {border-color:var(--gold-2);}
.player-shell.is-pip, .player-shell.is-speed {border-color:var(--gold-2);}
.player-shell video {
  display:block;
  width:100%;
  aspect-ratio:16 / 9;
  background:#000;
  object-fit:contain;
}
.player-controls {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  padding:7px 8px;
  background:linear-gradient(180deg,rgba(18,48,36,.55),rgba(7,10,8,.92));
  border-top:1px solid var(--line-soft);
}
.ctrl-btn {
  flex:0 0 auto;
  cursor:pointer;
  font-family:var(--narrow);
  font-size:12px;
  letter-spacing:.06em;
  padding:4px 9px;
  color:var(--gold-2);
  background:linear-gradient(180deg,rgba(201,162,74,.14),rgba(7,10,8,.6));
  border:1px solid var(--line);
  transition:color .16s ease,border-color .16s ease,background .16s ease;
}
.ctrl-btn:hover, .ctrl-btn:focus-visible {
  color:#fff;
  border-color:var(--neon);
  background:linear-gradient(180deg,rgba(224,51,140,.34),rgba(7,10,8,.7));
  outline:none;
}
.ctrl-btn:active {transform:translateY(1px);}
.ctrl-range {
  -webkit-appearance:none;
  appearance:none;
  flex:1 1 90px;
  min-width:70px;
  height:5px;
  cursor:pointer;
  background:linear-gradient(90deg,var(--gold),var(--neon-2));
  border:1px solid rgba(201,162,74,.3);
  border-radius:0;
}
.ctrl-range::-webkit-slider-thumb {
  -webkit-appearance:none;
  width:11px;
  height:15px;
  background:var(--gold-2);
  border:1px solid #050706;
  box-shadow:0 0 8px rgba(224,51,140,.7);
}
.ctrl-range::-moz-range-thumb {
  width:11px;
  height:15px;
  border-radius:0;
  background:var(--gold-2);
  border:1px solid #050706;
  box-shadow:0 0 8px rgba(224,51,140,.7);
}
.ctrl-range:focus-visible {outline:1px dashed var(--neon);outline-offset:3px;}
.overview-block {
  position:relative;
  z-index:4;
  margin:12px 16px 0;
  padding:12px;
  background:linear-gradient(180deg,rgba(17,26,21,.94),rgba(9,13,11,.96));
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
  gap:12px 20px;
  align-items:start;
}
.episode-status {
  grid-column:1 / -1;
  padding-bottom:9px;
  border-bottom:1px solid var(--line-soft);
}
.status-line {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 14px;
}
.status-current {
  font-family:var(--serif);
  font-weight:800;
  font-size:14px;
  letter-spacing:.06em;
  color:var(--gold-2);
}
.status-current::before {
  content:"◆";
  color:var(--neon);
  margin-right:7px;
  font-size:10px;
  vertical-align:1px;
}
.status-total {
  font-family:var(--narrow);
  font-size:12.5px;
  letter-spacing:.08em;
  color:var(--muted);
  padding-left:12px;
  border-left:1px solid var(--line);
}
.cast-block {grid-column:1 / 2;}
.cast-list {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(84px,1fr));
  gap:8px;
  align-items:start;
}
.cast-card {
  display:flex;
  flex-direction:column;
  gap:3px;
  padding:5px;
  background:rgba(10,15,12,.72);
  border:1px solid var(--line-soft);
  transition:border-color .18s ease,transform .18s ease;
}
.cast-card:hover {
  border-color:var(--gold);
  transform:translateY(-2px);
}
.cast-portrait {
  width:100%;
  aspect-ratio:3 / 4;
  background:
    radial-gradient(60% 46% at 50% 30%, rgba(233,226,208,.30), transparent 68%),
    linear-gradient(180deg,rgba(201,162,74,.24),rgba(18,48,36,.9));
  border:1px solid var(--line-soft);
  position:relative;
  overflow:hidden;
}
.cast-portrait::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(200deg,transparent 40%,rgba(7,10,8,.75));
}
.cast-name {
  font-family:var(--serif);
  font-weight:800;
  font-size:12.5px;
  letter-spacing:.04em;
  color:#f0e8d4;
  line-height:1.25;
}
.cast-role {
  font-family:var(--narrow);
  font-size:11px;
  letter-spacing:.04em;
  color:var(--muted);
  line-height:1.3;
}
.synopsis-block {grid-column:2 / 3;}
.synopsis-para {
  font-size:13px;
  line-height:1.72;
  color:#aeb8b0;
  padding-left:11px;
  border-left:2px solid rgba(201,162,74,.24);
  margin-bottom:6px;
}
.synopsis-para:last-child {margin-bottom:0;}
.details-block {
  grid-column:1 / -1;
  padding-top:10px;
  border-top:1px solid var(--line-soft);
}
.details-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
  gap:6px 12px;
}
.detail-item {
  display:flex;
  align-items:baseline;
  gap:6px;
  padding:4px 6px;
  background:rgba(201,162,74,.05);
  border-left:2px solid var(--gold-dim);
  min-width:0;
}
.detail-item dt {
  flex:0 0 auto;
  font-family:var(--narrow);
  font-size:11.5px;
  letter-spacing:.08em;
  color:var(--gold);
  opacity:.85;
}
.detail-item dd {
  font-size:12.5px;
  color:#dcd6c4;
  letter-spacing:.02em;
  min-width:0;
  overflow-wrap:anywhere;
}
.timeline-block {
  position:relative;
  padding:12px;
  background:linear-gradient(180deg,rgba(12,18,15,.9),rgba(7,10,8,.94));
  border:1px solid var(--line);
}
.timeline-track {
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(190px,1fr);
  gap:8px;
  overflow-x:auto;
  padding:4px 2px 10px;
  scrollbar-width:thin;
  scrollbar-color:var(--gold-dim) transparent;
  position:relative;
}
.timeline-track::-webkit-scrollbar {height:7px;}
.timeline-track::-webkit-scrollbar-track {background:rgba(201,162,74,.08);}
.timeline-track::-webkit-scrollbar-thumb {background:linear-gradient(90deg,var(--gold),var(--neon));}
.timeline-track::before {
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:26px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--line),var(--gold-dim),var(--line),transparent);
  pointer-events:none;
}
.timeline-node {
  position:relative;
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:6px 8px 8px;
  background:rgba(9,14,11,.7);
  border:1px solid var(--line-soft);
  min-width:0;
  transition:border-color .18s ease,background .18s ease;
}
.timeline-node:hover {
  border-color:var(--gold);
  background:rgba(18,48,36,.6);
}
.node-chip {
  align-self:flex-start;
  font-family:var(--narrow);
  font-size:10px;
  letter-spacing:.16em;
  color:#08100c;
  background:linear-gradient(180deg,var(--gold-2),var(--gold));
  padding:2px 7px;
  clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);
  padding-bottom:5px;
}
.node-time {
  font-family:var(--serif);
  font-weight:800;
  font-size:13px;
  letter-spacing:.06em;
  color:var(--neon);
  text-shadow:0 0 12px rgba(224,51,140,.45);
}
.node-label {
  font-size:12px;
  line-height:1.55;
  color:#a7b1a9;
}
.episodes-block {
  padding:12px;
  background:linear-gradient(180deg,rgba(11,16,13,.92),rgba(7,10,8,.96));
  border:1px solid var(--line);
}
.episode-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.episode-card {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  grid-template-areas:
    "num title dur"
    "num summary summary";
  align-items:start;
  gap:2px 9px;
  padding:8px 9px;
  background:rgba(9,14,11,.66);
  border:1px solid var(--line-soft);
  border-left:2px solid var(--gold-dim);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.episode-card:hover {
  border-color:var(--gold);
  border-left-color:var(--neon);
  background:rgba(18,48,36,.55);
  box-shadow:0 0 0 1px rgba(224,51,140,.25),0 12px 26px -18px #000;
}
.ep-number {
  grid-area:num;
  font-family:var(--serif);
  font-weight:800;
  font-size:20px;
  line-height:1;
  color:var(--gold);
  min-width:1.6em;
  text-align:right;
  padding-top:2px;
  font-variant-numeric:tabular-nums;
}
.episode-card:hover .ep-number {color:var(--neon);}
.ep-title {
  grid-area:title;
  font-family:var(--serif);
  font-weight:800;
  font-size:14px;
  letter-spacing:.04em;
  color:#f2ead6;
  line-height:1.3;
}
.ep-duration {
  grid-area:dur;
  font-family:var(--narrow);
  font-size:11px;
  letter-spacing:.06em;
  color:var(--muted);
  white-space:nowrap;
  padding-top:3px;
}
.ep-summary {
  grid-area:summary;
  font-size:12px;
  line-height:1.55;
  color:#98a29a;
  margin-top:2px;
}
.comments-block {
  padding:12px;
  background:linear-gradient(180deg,rgba(12,18,15,.9),rgba(7,10,8,.95));
  border:1px solid var(--line);
}
.comment-list {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:8px;
  align-items:start;
}
.comment-item {
  position:relative;
  padding:7px 10px 7px 13px;
  background:rgba(9,14,11,.6);
  border-left:1px solid var(--gold-dim);
  transition:border-color .18s ease,background .18s ease;
}
.comment-item::before {
  content:"";
  position:absolute;
  left:-1px;
  top:0;
  bottom:0;
  width:2px;
  background:linear-gradient(180deg,var(--neon),transparent 70%);
  opacity:.6;
}
.comment-item:hover {
  background:rgba(18,48,36,.5);
  border-left-color:var(--neon);
}
.comment-text {
  font-size:12.5px;
  line-height:1.62;
  color:#c3cbc3;
}
.comment-nick {
  margin-top:4px;
  font-family:var(--narrow);
  font-size:11px;
  letter-spacing:.1em;
  color:var(--gold);
}
.comment-nick::before {content:"—— ";color:var(--muted);}
.recommend-region {
  padding:12px;
  background:linear-gradient(180deg,rgba(11,16,13,.92),rgba(7,10,8,.96));
  border:1px solid var(--line);
}
.recommend-region .block-heading {
  display:flex;
  align-items:center;
  gap:9px;
}
.recommend-region .block-heading::after {
  content:"";
  flex:1 1 auto;
  height:1px;
  background:linear-gradient(90deg,var(--line),transparent);
}
.recommend-region .block-heading[data-recommendation-title]::before {
  content:"01";
  position:static;
  width:auto;
  height:auto;
  background:none;
  box-shadow:none;
  font-family:var(--narrow);
  font-size:11px;
  letter-spacing:.1em;
  color:#08100c;
  background:linear-gradient(180deg,var(--gold-2),var(--gold));
  padding:1px 6px;
  clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);
  padding-bottom:4px;
}
.recommend-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
  gap:8px;
  align-items:start;
}
a.recommend-card {
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:6px;
  color:var(--paper);
  text-decoration:none;
  background:rgba(9,14,11,.68);
  border:1px solid var(--line-soft);
  transition:border-color .18s ease,transform .18s ease,background .18s ease,box-shadow .18s ease;
}
a.recommend-card:hover {
  border-color:var(--neon);
  background:rgba(18,48,36,.55);
  transform:translateY(-2px);
  box-shadow:0 14px 28px -18px #000,0 0 0 1px rgba(224,51,140,.28);
}
[data-runtime="recommendation"] img {
  width:100%;
  max-width:100%;
  aspect-ratio:16 / 10;
  height:auto;
  object-fit:cover;
  display:block;
  border:1px solid var(--line-soft);
  background:#050706;
}
[data-runtime="recommendation"] [data-runtime="name"] {
  font-family:var(--serif);
  font-weight:800;
  font-size:12.5px;
  letter-spacing:.03em;
  color:#f0e8d4;
  line-height:1.3;
}
[data-runtime="recommendation"] [data-runtime="blurb"] {
  font-size:11.5px;
  line-height:1.5;
  color:#8d978f;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.site-footer {
  margin-top:18px;
  border-top:1px solid var(--line);
  background:linear-gradient(180deg,rgba(8,11,9,.9),#050706);
}
.footer-inner {
  max-width:1440px;
  margin:0 auto;
  padding:14px 16px 20px;
  display:flex;
  flex-direction:column;
  gap:9px;
}
.footer-nav {
  display:flex;
  flex-wrap:wrap;
  gap:6px 14px;
  align-items:center;
}
a[data-contract="footer-home"], a[data-contract="footer-sitemap"] {
  font-family:var(--narrow);
  font-size:12.5px;
  letter-spacing:.1em;
  color:var(--gold-2);
  text-decoration:none;
  padding-bottom:2px;
  border-bottom:1px solid transparent;
  transition:color .16s ease,border-color .16s ease;
}
a[data-contract="footer-home"]:hover, a[data-contract="footer-sitemap"]:hover {
  color:var(--neon);
  border-bottom-color:var(--neon);
}
.friend-links {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:4px 8px;
  padding-top:9px;
  border-top:1px solid var(--line-soft);
}
.friend-links-label {
  flex:0 0 auto;
  font-family:var(--narrow);
  font-size:11px;
  letter-spacing:.16em;
  color:var(--gold);
  padding-right:8px;
  border-right:1px solid var(--line);
}
a.runtime-friend-link {
  font-size:11.5px;
  letter-spacing:.04em;
  color:#8d978f;
  text-decoration:none;
  padding:2px 6px;
  border:1px solid transparent;
  transition:color .16s ease,border-color .16s ease,background .16s ease;
}
a.runtime-friend-link:hover {
  color:#e9e2d0;
  border-color:var(--line);
  background:rgba(201,162,74,.08);
}
.footer-disclaimer {
  font-size:11.5px;
  line-height:1.6;
  color:#6e7a72;
  max-width:70ch;
}
@media (max-width:1024px){.overview-block {
    grid-template-columns:minmax(0,1fr);
  }
.cast-block, .synopsis-block, .details-block {
    grid-column:1 / -1;
  }}
@media (max-width:760px){body {font-size:14px;}
.page-main {padding:10px 10px 6px;gap:14px;}
.hero-backdrop {
    grid-template-columns:minmax(0,150px) minmax(0,1fr);
  }
.hero-poster-col {padding:12px 0 12px 12px;}
.poster-frame {max-width:150px;}
.hero-copy {padding:12px 12px 2px;}
.movie-tagline {letter-spacing:.2em;}
.movie-seo {font-size:12.5px;}
.hero-player {padding:10px 12px 0;}
.overview-block {margin:10px 12px 0;padding:10px;gap:10px 14px;}
.episode-grid {grid-template-columns:minmax(0,1fr);}
.episode-card {
    grid-template-columns:auto minmax(0,1fr) auto;
  }
.cast-list {grid-template-columns:repeat(auto-fill,minmax(72px,1fr));}
.details-grid {grid-template-columns:repeat(auto-fill,minmax(135px,1fr));}
.recommend-grid {grid-template-columns:repeat(auto-fill,minmax(132px,1fr));}
.comment-list {grid-template-columns:minmax(0,1fr);}
.player-controls {gap:5px;padding:6px;}
.ctrl-btn {font-size:11px;padding:4px 7px;}}
@media (max-width:480px){.header-inner {padding:8px 10px;gap:8px;}
a[data-contract="site-name"] {font-size:16px;}
.category-bar {margin-left:0;width:100%;}
a.runtime-category {font-size:11.5px;padding:3px 8px;}
.hero-backdrop {
    grid-template-columns:minmax(0,112px) minmax(0,1fr);
  }
.hero-poster-col {padding:10px 0 10px 10px;}
.poster-frame {max-width:112px;}
.movie-tagline {letter-spacing:.12em;}
.overview-block {margin:10px 10px 0;}
.cast-list {grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;}
.details-grid {grid-template-columns:minmax(0,1fr);}
.recommend-grid {grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px;}
.timeline-track {grid-auto-columns:minmax(165px,1fr);}
.episode-card {padding:7px 8px;gap:2px 7px;}
.ep-number {font-size:17px;}
.ctrl-range {flex:1 1 100%;min-width:0;}}

footer{text-align:center!important}
footer *{justify-content:center!important}
footer :is(div,nav,ul,ol,p,section,address){margin-left:auto!important;margin-right:auto!important}