:root {
  --blood:#5c0f14;
  --blood-bright:#9b1c22;
  --blood-deep:#2a0508;
  --iron:#161d24;
  --iron-light:#232e38;
  --steel:#3d4b58;
  --ember:#c2451f;
  --ember-soft:#e0703a;
  --bone:#d9cfc4;
  --bone-dim:#9a9086;
  --ink:#0b0f13;
  --edge:1px solid rgba(155,28,34,.4);
  --serif:"Songti SC","SimSun","Source Han Serif SC","Noto Serif CJK SC",serif;
}
*, *::before, *::after {box-sizing:border-box;margin:0;padding:0;}
html {
  -webkit-text-size-adjust:100%;
  background:var(--ink);
}
body {
  font-family:var(--serif);
  color:var(--bone);
  background:
    radial-gradient(circle at 12% 8%,rgba(92,15,20,.55),transparent 46%),
    radial-gradient(circle at 88% 32%,rgba(22,29,36,.9),transparent 52%),
    linear-gradient(160deg,#0e1216 0%,#120a0c 48%,#0a0d11 100%);
  background-attachment:fixed;
  line-height:1.5;
  letter-spacing:.02em;
  min-height:100vh;
}
img, video {display:block;max-width:100%;}
a {color:inherit;text-decoration:none;}
button {font:inherit;color:inherit;background:none;border:none;cursor:pointer;}
h1, h2, h3 {font-weight:600;line-height:1.2;}
dl, dd, dt {display:block;}
p {margin:0;}
.site-header {
  position:sticky;
  top:0;
  z-index:60;
  display:flex;
  align-items:center;
  gap:1rem;
  padding:.42rem clamp(.7rem,3vw,1.6rem);
  background:linear-gradient(180deg,rgba(8,10,13,.97),rgba(18,7,9,.86));
  border-bottom:1px solid rgba(155,28,34,.55);
  box-shadow:0 4px 18px rgba(0,0,0,.7);
  backdrop-filter:blur(4px);
}
a[data-contract="site-name"] {
  color:var(--ember);
  text-decoration:none;
  font-size:1.05rem;
  letter-spacing:.18em;
  text-shadow:0 0 12px rgba(194,69,31,.5);
  flex:0 0 auto;
  white-space:nowrap;
}
a[data-contract="site-name"]:hover {color:var(--ember-soft);text-decoration:underline;text-decoration-color:var(--blood-bright);}
.category-bar {
  display:flex;
  flex-wrap:wrap;
  gap:.3rem .45rem;
  flex:1 1 auto;
  min-width:0;
  justify-content:flex-end;
}
a.runtime-category {
  display:inline-block;
  white-space:nowrap;
  font-size:.76rem;
  letter-spacing:.12em;
  padding:.2rem .55rem;
  color:var(--bone-dim);
  text-decoration:none;
  border:1px solid rgba(61,75,88,.7);
  background:rgba(22,29,36,.7);
  clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);
}
a.runtime-category:hover {
  color:#fff;
  border-color:var(--blood-bright);
  background:linear-gradient(180deg,rgba(92,15,20,.9),rgba(42,5,8,.9));
  text-decoration:none;
}
.page-main {
  display:block;
  padding:0 clamp(.6rem,2.6vw,1.5rem) 1.4rem;
  max-width:1280px;
  margin:0 auto;
}
.movie-overview {
  display:flex;
  flex-direction:column;
  gap:.7rem;
  margin-top:.6rem;
}
.hero-backdrop {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);
  grid-template-areas:
    "poster player"
    "poster meta";
  gap:.55rem 1rem;
  padding:.8rem;
  background:
    linear-gradient(105deg,rgba(42,5,8,.94) 0%,rgba(11,15,19,.92) 58%,rgba(22,29,36,.9) 100%);
  border:1px solid rgba(155,28,34,.42);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%);
  overflow:hidden;
}
.hero-backdrop::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    repeating-linear-gradient(115deg,rgba(194,69,31,.05) 0 2px,transparent 2px 9px),
    radial-gradient(circle at 78% 22%,rgba(155,28,34,.35),transparent 44%);
  mix-blend-mode:screen;
}
.hero-poster-wrap {
  grid-area:poster;
  position:relative;
  align-self:start;
  width:100%;
  max-width:340px;
  border:1px solid rgba(155,28,34,.55);
  box-shadow:0 0 0 1px rgba(0,0,0,.7),0 14px 34px rgba(0,0,0,.75);
  overflow:hidden;
}
.hero-poster-wrap::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 55%,rgba(11,15,19,.85));
}
img.hero-poster {
  width:100%;
  height:auto;
  display:block;
  aspect-ratio:9 / 16;
  object-fit:cover;
  filter:contrast(1.12) saturate(1.05);
}
.hero-title {
  grid-area:meta;
  align-self:start;
  font-size:clamp(1.5rem,4.6vw,2.5rem);
  letter-spacing:.24em;
  color:#f2e6d8;
  text-shadow:0 0 18px rgba(155,28,34,.75),2px 2px 0 rgba(42,5,8,.9);
  border-left:3px solid var(--blood-bright);
  padding-left:.55rem;
  margin-bottom:.15rem;
}
.hero-tagline {
  grid-area:meta;
  align-self:end;
  font-size:.86rem;
  letter-spacing:.16em;
  color:var(--ember-soft);
  padding-left:.6rem;
  border-left:3px solid rgba(155,28,34,.5);
  text-shadow:0 0 10px rgba(194,69,31,.4);
}
.hero-player-wrap {
  grid-area:player;
  position:relative;
  width:100%;
  min-width:0;
  align-self:start;
  border:1px solid rgba(61,75,88,.8);
  background:#05070a;
  box-shadow:0 10px 30px rgba(0,0,0,.8);
}
video.hero-player {
  display:block;
  width:100%;
  aspect-ratio:16 / 9;
  object-fit:cover;
  background:#05070a;
}
.player-controls {
  display:flex;
  flex-wrap:wrap;
  gap:.24rem;
  padding:.34rem;
  background:linear-gradient(180deg,rgba(22,29,36,.95),rgba(11,15,19,.95));
  border-top:1px solid rgba(155,28,34,.4);
}
.player-btn {
  flex:0 0 auto;
  font-size:.7rem;
  letter-spacing:.08em;
  padding:.22rem .48rem;
  color:var(--bone-dim);
  border:1px solid rgba(61,75,88,.75);
  background:rgba(22,29,36,.85);
  clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);
  transition:color .15s,background .15s,border-color .15s;
}
.player-btn:hover, .player-btn:focus-visible {
  color:#fff;
  border-color:var(--blood-bright);
  background:linear-gradient(180deg,rgba(92,15,20,.95),rgba(42,5,8,.95));
  outline:none;
}
.hero-player-wrap.theater-mode {
  position:fixed;
  inset:0;
  z-index:120;
  width:auto;
  padding:3vh 3vw;
  background:rgba(5,7,10,.98);
  display:flex;
  flex-direction:column;
  justify-content:center;
  border:none;
}
.hero-player-wrap.theater-mode video.hero-player {max-height:76vh;object-fit:contain;}
.hero-player-wrap.lights-off {
  background:#000;
  box-shadow:0 0 0 1px rgba(155,28,34,.8),0 0 42px rgba(92,15,20,.7);
}
.hero-player-wrap.lights-off .player-controls {opacity:.85;}
.episode-status {
  display:flex;
  flex-wrap:wrap;
  gap:.3rem .9rem;
  align-items:baseline;
  padding:.34rem .7rem;
  background:linear-gradient(90deg,rgba(42,5,8,.85),rgba(22,29,36,.6));
  border-left:3px solid var(--blood-bright);
  border-top:1px solid rgba(155,28,34,.25);
  border-bottom:1px solid rgba(155,28,34,.25);
}
.status-episodes {
  font-size:.8rem;
  letter-spacing:.14em;
  color:var(--bone);
}
.status-current {
  font-size:.8rem;
  letter-spacing:.14em;
  color:var(--ember);
  text-shadow:0 0 10px rgba(194,69,31,.45);
}
.cast-panel {
  margin-top:.9rem;
  padding:.6rem .7rem .7rem;
  background:linear-gradient(180deg,rgba(22,29,36,.85),rgba(11,15,19,.85));
  border:1px solid rgba(61,75,88,.55);
  border-top:2px solid var(--blood);
}
.cast-heading, .synopsis-heading, .details-heading, .timeline-heading, .episodes-heading, .comments-heading, .recommend-heading {
  font-size:.92rem;
  letter-spacing:.22em;
  color:var(--bone);
  display:flex;
  align-items:center;
  gap:.5rem;
  margin-bottom:.5rem;
}
.cast-heading::before, .synopsis-heading::before, .details-heading::before, .timeline-heading::before, .episodes-heading::before, .comments-heading::before, .recommend-heading::before {
  content:"";
  width:.5rem;
  height:.9rem;
  background:linear-gradient(180deg,var(--ember),var(--blood-deep));
  clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);
  flex:0 0 auto;
}
.cast-heading::after, .synopsis-heading::after, .details-heading::after, .timeline-heading::after, .episodes-heading::after, .comments-heading::after, .recommend-heading::after {
  content:"";
  flex:1 1 auto;
  height:1px;
  background:linear-gradient(90deg,rgba(155,28,34,.7),transparent);
}
.cast-scroller {
  display:flex;
  gap:.4rem;
  overflow-x:auto;
  padding-bottom:.4rem;
  scrollbar-color:var(--blood) var(--iron);
  scrollbar-width:thin;
}
.cast-scroller::-webkit-scrollbar {height:6px;}
.cast-scroller::-webkit-scrollbar-track {background:var(--iron);}
.cast-scroller::-webkit-scrollbar-thumb {background:linear-gradient(90deg,var(--blood),var(--ember));}
.cast-card {
  position:relative;
  flex:0 0 auto;
  min-width:6.5rem;
  padding:.9rem .8rem .7rem;
  background:
    radial-gradient(circle at 50% 118%,rgba(155,28,34,.5),transparent 62%),
    linear-gradient(180deg,rgba(35,46,56,.9),rgba(11,15,19,.95));
  border:1px solid rgba(61,75,88,.7);
  display:flex;
  align-items:flex-end;
  justify-content:center;
  min-height:6.4rem;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);
  transition:transform .18s,border-color .18s;
}
.cast-card::before {
  content:"";
  position:absolute;
  left:50%;
  bottom:.15rem;
  width:1px;
  height:70%;
  transform:translateX(-50%) rotate(8deg);
  background:linear-gradient(180deg,transparent,rgba(217,207,196,.55),transparent);
  opacity:.35;
}
.cast-card::after {
  content:"";
  position:absolute;
  left:22%;
  top:14%;
  width:56%;
  height:56%;
  background:radial-gradient(ellipse at 50% 40%,rgba(194,69,31,.32),transparent 68%);
  pointer-events:none;
}
.cast-card:hover {
  transform:translateY(-3px);
  border-color:var(--blood-bright);
}
.cast-name {
  position:relative;
  z-index:2;
  font-size:.82rem;
  letter-spacing:.14em;
  color:var(--bone);
  text-shadow:0 0 10px rgba(0,0,0,.9);
}
.cast-card:hover .cast-name {color:var(--ember-soft);}
.synopsis-panel, .details-panel {
  margin-top:.6rem;
  padding:.6rem .7rem .7rem;
  background:linear-gradient(180deg,rgba(22,29,36,.8),rgba(11,15,19,.86));
  border:1px solid rgba(61,75,88,.5);
}
.synopsis-paragraph {
  font-size:.8rem;
  line-height:1.72;
  color:var(--bone-dim);
  text-indent:2em;
  padding:.16rem 0 .16rem .55rem;
  border-left:2px solid rgba(155,28,34,.45);
  margin-bottom:.34rem;
}
.synopsis-paragraph:last-child {margin-bottom:0;}
.details-list {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));
  gap:.24rem .8rem;
  align-items:start;
}
.detail-key {
  font-size:.7rem;
  letter-spacing:.16em;
  color:var(--ember);
  padding-top:.1rem;
}
.detail-value {
  font-size:.78rem;
  color:var(--bone);
  margin-bottom:.3rem;
  padding-bottom:.24rem;
  border-bottom:1px dashed rgba(61,75,88,.6);
}
.timeline-section {
  margin-top:1.1rem;
  padding:.6rem .7rem .8rem;
  background:
    linear-gradient(180deg,rgba(42,5,8,.6),rgba(11,15,19,.9));
  border:1px solid rgba(155,28,34,.4);
}
.timeline-track {
  display:flex;
  gap:0;
  overflow-x:auto;
  padding:.9rem .2rem .6rem;
  scrollbar-color:var(--blood) var(--iron);
  scrollbar-width:thin;
}
.timeline-track::-webkit-scrollbar {height:6px;}
.timeline-track::-webkit-scrollbar-track {background:var(--iron);}
.timeline-track::-webkit-scrollbar-thumb {background:linear-gradient(90deg,var(--blood),var(--ember));}
.timeline-node {
  position:relative;
  flex:1 0 8.5rem;
  padding:0 .7rem 0 1.1rem;
  min-width:8.5rem;
}
.timeline-node::before {
  content:"";
  position:absolute;
  left:0;
  top:.34rem;
  width:1.05rem;
  height:1.05rem;
  background:linear-gradient(135deg,var(--ember),var(--blood-deep));
  clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);
  box-shadow:0 0 10px rgba(194,69,31,.6);
}
.timeline-node::after {
  content:"";
  position:absolute;
  left:1.05rem;
  top:.82rem;
  width:calc(100% - .7rem);
  height:2px;
  background:linear-gradient(90deg,rgba(155,28,34,.9),rgba(61,75,88,.5));
  clip-path:polygon(0 0,100% 0,100% 40%,100% 100%,0 100%);
  box-shadow:0 0 6px rgba(155,28,34,.5);
}
.timeline-node::before, .timeline-node::after {pointer-events:none;}
.timeline-timecode {
  display:block;
  font-size:.68rem;
  letter-spacing:.14em;
  color:var(--ember);
  margin-bottom:.16rem;
  padding-left:1.2rem;
}
.timeline-label {
  display:block;
  font-size:.78rem;
  color:var(--bone);
  line-height:1.5;
  padding-left:1.2rem;
  max-width:11rem;
}
.episodes-section {
  margin-top:1.1rem;
  padding:.6rem .7rem .8rem;
  background:linear-gradient(180deg,rgba(22,29,36,.75),rgba(11,15,19,.9));
  border:1px solid rgba(61,75,88,.5);
  border-top:2px solid var(--blood);
}
.episodes-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));
  gap:.45rem;
  align-items:start;
}
.episode-card {
  position:relative;
  display:grid;
  grid-template-columns:5.6rem minmax(0,1fr);
  gap:.55rem;
  align-items:start;
  padding:.45rem;
  background:linear-gradient(120deg,rgba(35,46,56,.55),rgba(11,15,19,.85));
  border:1px solid rgba(61,75,88,.55);
  border-left:2px solid var(--blood);
  overflow:hidden;
  transition:border-color .18s,background .18s;
}
.episode-card:hover {
  border-color:var(--blood-bright);
  border-left-color:var(--ember);
  background:linear-gradient(120deg,rgba(92,15,20,.45),rgba(11,15,19,.9));
}
.episode-thumb {
  position:relative;
  width:100%;
  aspect-ratio:16 / 9;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:.66rem;
  letter-spacing:.2em;
  color:var(--bone-dim);
  background:
    repeating-linear-gradient(135deg,rgba(92,15,20,.55) 0 6px,rgba(11,15,19,.7) 6px 12px);
  border:1px solid rgba(155,28,34,.45);
  overflow:hidden;
}
.episode-thumb::after {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 30% 30%,rgba(194,69,31,.36),transparent 62%);
  pointer-events:none;
}
.episode-info {
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:.14rem;
}
.episode-title {
  font-size:.85rem;
  letter-spacing:.08em;
  color:#efe3d5;
  text-shadow:0 0 8px rgba(0,0,0,.8);
}
.episode-duration {
  font-size:.68rem;
  letter-spacing:.12em;
  color:var(--ember);
}
.episode-summary {
  font-size:.74rem;
  line-height:1.62;
  color:var(--bone-dim);
  max-height:0;
  opacity:0;
  overflow:hidden;
  transition:max-height .28s ease,opacity .22s ease,margin-top .28s ease;
}
.episode-card:hover .episode-summary, .episode-card:focus-within .episode-summary {
  max-height:9rem;
  opacity:1;
  margin-top:.16rem;
}
.comments-section {
  margin-top:1.1rem;
  padding:.6rem .7rem .8rem;
  background:linear-gradient(180deg,rgba(42,5,8,.5),rgba(11,15,19,.92));
  border:1px solid rgba(155,28,34,.4);
}
.comments-stack {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));
  gap:.42rem;
  align-items:start;
}
.comment-card {
  padding:.5rem .6rem;
  background:linear-gradient(140deg,rgba(35,46,56,.6),rgba(11,15,19,.9));
  border:1px solid rgba(61,75,88,.55);
  border-left:2px solid rgba(61,75,88,.9);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);
  transition:border-color .18s,transform .18s;
}
.comment-card:hover {
  border-left-color:var(--ember);
  transform:translateY(-2px);
}
.comment-card-latest {
  grid-column:1 / -1;
  padding:.7rem .85rem;
  background:linear-gradient(120deg,rgba(92,15,20,.7),rgba(22,29,36,.9));
  border:1px solid var(--blood-bright);
  border-left:4px solid var(--ember);
  box-shadow:0 0 22px rgba(155,28,34,.35),inset 0 0 30px rgba(42,5,8,.7);
}
.comment-card-latest .comment-nickname {
  font-size:.9rem;
  color:var(--ember-soft);
}
.comment-card-latest .comment-text {
  font-size:.9rem;
  color:#f0e6da;
  line-height:1.7;
}
.comment-nickname {
  display:block;
  font-size:.72rem;
  letter-spacing:.14em;
  color:var(--ember);
  margin-bottom:.16rem;
}
.comment-text {
  font-size:.76rem;
  line-height:1.66;
  color:var(--bone-dim);
}
.recommend-section {
  margin-top:1.1rem;
  padding:.6rem .7rem .8rem;
  background:linear-gradient(180deg,rgba(22,29,36,.78),rgba(11,15,19,.92));
  border:1px solid rgba(61,75,88,.5);
  border-top:2px solid var(--blood);
}
.recommend-heading {
  counter-reset:none;
}
.recommend-region-1 .recommend-heading::before {content:"01";}
.recommend-region-2 .recommend-heading::before {content:"02";}
.recommend-region-3 .recommend-heading::before {content:"03";}
.recommend-region-1 .recommend-heading::before, .recommend-region-2 .recommend-heading::before, .recommend-region-3 .recommend-heading::before {
  width:auto;
  height:auto;
  background:none;
  clip-path:none;
  font-size:.72rem;
  letter-spacing:.1em;
  color:var(--ember);
  text-shadow:0 0 8px rgba(194,69,31,.5);
  padding-right:.3rem;
  border-right:1px solid rgba(155,28,34,.6);
  margin-right:.15rem;
}
.recommend-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));
  gap:.42rem;
  align-items:start;
}
a.recommend-card {
  display:flex;
  flex-direction:column;
  gap:.24rem;
  padding:.34rem;
  color:var(--bone);
  text-decoration:none;
  background:linear-gradient(180deg,rgba(35,46,56,.6),rgba(11,15,19,.92));
  border:1px solid rgba(61,75,88,.6);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);
  transition:border-color .18s,transform .18s,background .18s;
}
a.recommend-card:hover {
  border-color:var(--blood-bright);
  transform:translateY(-3px);
  background:linear-gradient(180deg,rgba(92,15,20,.5),rgba(11,15,19,.95));
  text-decoration:none;
}
[data-runtime="recommendation"] img {
  width:100%;
  max-width:100%;
  height:auto;
  aspect-ratio:16 / 10;
  object-fit:cover;
  display:block;
  border:1px solid rgba(155,28,34,.35);
  filter:contrast(1.08) saturate(.95);
}
[data-runtime="recommendation"]:hover img {
  filter:contrast(1.15) saturate(1.12) brightness(1.05);
  border-color:var(--ember);
}
.recommend-name {
  font-size:.76rem;
  letter-spacing:.06em;
  color:#efe3d5;
  line-height:1.4;
}
.recommend-blurb {
  font-size:.66rem;
  line-height:1.55;
  color:var(--bone-dim);
}
.site-footer {
  margin-top:1.2rem;
  padding:.8rem clamp(.7rem,3vw,1.6rem) 1.1rem;
  background:linear-gradient(180deg,rgba(11,15,19,.6),rgba(5,7,10,.98));
  border-top:1px solid rgba(155,28,34,.55);
  display:flex;
  flex-direction:column;
  gap:.5rem;
}
.footer-disclaimer {
  font-size:.7rem;
  line-height:1.7;
  color:var(--bone-dim);
  max-width:60rem;
}
.footer-nav {
  display:flex;
  flex-wrap:wrap;
  gap:.35rem .8rem;
}
a[data-contract="footer-home"], a[data-contract="footer-sitemap"] {
  font-size:.76rem;
  letter-spacing:.14em;
  color:var(--bone);
  text-decoration:none;
  padding-bottom:.1rem;
  border-bottom:1px solid rgba(155,28,34,.5);
}
a[data-contract="footer-home"]:hover, a[data-contract="footer-sitemap"]:hover {
  color:var(--ember-soft);
  text-decoration:underline;
  text-decoration-color:var(--blood-bright);
}
.footer-friend-links {
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:.3rem .7rem;
  padding-top:.45rem;
  border-top:1px dashed rgba(61,75,88,.55);
}
.friend-links-label {
  font-size:.7rem;
  letter-spacing:.16em;
  color:var(--ember);
  margin-right:.2rem;
}
a.runtime-friend-link {
  font-size:.72rem;
  color:var(--bone-dim);
  text-decoration:none;
  white-space:nowrap;
}
a.runtime-friend-link:hover {
  color:var(--ember-soft);
  text-decoration:underline;
  text-decoration-color:var(--blood-bright);
}
@media (max-width:900px){.hero-backdrop {
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:
      "poster"
      "player"
      "meta";
  }
.hero-poster-wrap {max-width:min(58%,240px);}
.hero-title {font-size:clamp(1.4rem,6vw,2rem);}
.episodes-grid {grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));}}
@media (max-width:640px){.site-header {padding:.4rem .6rem;gap:.5rem;}
a[data-contract="site-name"] {font-size:.95rem;letter-spacing:.12em;}
.category-bar {gap:.25rem .35rem;}
a.runtime-category {font-size:.68rem;padding:.18rem .42rem;}
.page-main {padding:0 .5rem 1rem;}
.hero-backdrop {padding:.55rem;gap:.5rem;}
.hero-poster-wrap {max-width:min(64%,200px);}
.hero-title {font-size:1.35rem;letter-spacing:.16em;}
.hero-tagline {font-size:.76rem;letter-spacing:.1em;}
.player-controls {gap:.2rem;padding:.28rem;}
.player-btn {font-size:.64rem;padding:.18rem .38rem;}
.episodes-grid {grid-template-columns:minmax(0,1fr);}
.episode-card {grid-template-columns:4.6rem minmax(0,1fr);}
.episode-summary {
    max-height:none;
    opacity:1;
    margin-top:.14rem;
  }
.timeline-node {flex:0 0 7.6rem;min-width:7.6rem;padding:0 .5rem 0 .95rem;}
.timeline-node::after {width:calc(100% - .5rem);}
.timeline-label {max-width:8.6rem;font-size:.74rem;}
.comments-stack {grid-template-columns:minmax(0,1fr);}
.recommend-grid {grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.34rem;}
.cast-card {min-width:5.6rem;padding:.7rem .6rem .6rem;min-height:5.4rem;}}
@media (max-width:420px){.hero-poster-wrap {max-width:min(72%,170px);}
.recommend-grid {grid-template-columns:repeat(auto-fill,minmax(6.4rem,1fr));}
.detail-key {font-size:.66rem;}
.detail-value {font-size:.74rem;}}

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}