*, *::before, *::after {box-sizing:border-box;margin:0;padding:0}
html {-webkit-text-size-adjust:100%;text-size-adjust:100%}
body {
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Heiti SC",-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:14px;
  line-height:1.5;
  letter-spacing:.01em;
  color:#c3ccd6;
  background:#0c1118;
  background-image:
    radial-gradient(120% 90% at 78% -10%,rgba(46,66,88,.55) 0%,rgba(12,17,24,0) 62%),
    repeating-linear-gradient(101deg,rgba(150,178,208,.045) 0 1px,rgba(0,0,0,0) 1px 7px),
    repeating-linear-gradient(79deg,rgba(120,150,182,.035) 0 1px,rgba(0,0,0,0) 1px 11px),
    linear-gradient(180deg,#0d131b 0%,#0a0f15 55%,#080c11 100%);
  background-attachment:fixed;
  min-height:100vh;
  overflow-x:hidden;
}
img {display:block;max-width:100%;height:auto;border:0}
ul {list-style:none}
button, input, select {font:inherit;color:inherit}
a {color:#8fa6bd;text-decoration:none}
h1, h2, h3 {font-weight:500;line-height:1.25;letter-spacing:.02em}
p {text-wrap:pretty}
.site-header {
  position:sticky;
  top:0;
  z-index:40;
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  padding:8px 16px;
  background:linear-gradient(180deg,rgba(9,13,19,.96),rgba(9,13,19,.78));
  border-bottom:1px solid rgba(126,156,188,.16);
  backdrop-filter:blur(8px);
}
a[data-contract="site-name"] {
  font-size:15px;
  font-weight:600;
  letter-spacing:.14em;
  color:#e6edf5;
  text-decoration:none;
  text-shadow:0 0 12px rgba(126,176,224,.35);
  white-space:nowrap;
}
a[data-contract="site-name"]:hover {color:#ff6f9c}
.category-strip {
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  min-width:0;
}
a.runtime-category {
  display:inline-block;
  white-space:nowrap;
  font-size:12px;
  line-height:1.6;
  padding:2px 9px;
  color:#9db3c7;
  text-decoration:none;
  border:1px solid rgba(126,156,188,.24);
  border-radius:2px;
  background:rgba(30,44,60,.35);
  transition:color .15s,border-color .15s,background .15s;
}
a.runtime-category:hover {
  color:#ffd9e6;
  border-color:rgba(255,111,156,.6);
  background:rgba(255,111,156,.12);
}
.movie-page {
  display:block;
  width:100%;
  max-width:1280px;
  margin:0 auto;
  padding:0 16px 8px;
}
.hero-shell {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:14px;
  padding:18px 0 26px;
  isolation:isolate;
}
.hero-rain {
  position:absolute;
  inset:-18px -16px 0;
  z-index:-1;
  pointer-events:none;
  background-image:
    repeating-linear-gradient(96deg,rgba(176,204,232,.07) 0 1px,rgba(0,0,0,0) 1px 5px),
    repeating-linear-gradient(84deg,rgba(140,170,200,.05) 0 1px,rgba(0,0,0,0) 1px 9px),
    radial-gradient(90% 70% at 22% 12%,rgba(52,74,98,.42),rgba(12,17,24,0) 70%);
  mask-image:linear-gradient(180deg,rgba(0,0,0,.95),rgba(0,0,0,.1) 88%,rgba(0,0,0,0));
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.95),rgba(0,0,0,.1) 88%,rgba(0,0,0,0));
}
.hero-visual {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:12px;
  align-items:start;
  min-width:0;
}
.poster-frame {
  position:relative;
  width:100%;
  max-width:340px;
  aspect-ratio:2 / 3;
  overflow:hidden;
  border-radius:3px;
  border:1px solid rgba(140,170,200,.2);
  background:#101821;
  box-shadow:0 14px 34px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.03);
}
.poster-image {
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.72) contrast(1.06) brightness(.86);
}
.poster-frame::after {
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(10,15,21,.42) 0%,rgba(10,15,21,0) 34%,rgba(10,15,21,.62) 100%),
    repeating-linear-gradient(102deg,rgba(190,214,238,.05) 0 1px,rgba(0,0,0,0) 1px 6px);
  pointer-events:none;
}
.player-panel {
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
  width:100%;
  padding:6px;
  border-radius:3px;
  border:1px solid rgba(140,170,200,.18);
  background:linear-gradient(180deg,rgba(22,32,44,.72),rgba(12,18,25,.86));
  box-shadow:0 10px 26px rgba(0,0,0,.45);
}
.player-panel video {
  display:block;
  border-radius:2px;
  background:#05080b;
}
.player-controls {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
}
.player-btn {
  appearance:none;
  cursor:pointer;
  font-size:12px;
  line-height:1.5;
  padding:3px 9px;
  border-radius:2px;
  border:1px solid rgba(140,170,200,.28);
  background:rgba(34,50,66,.6);
  color:#c3d2e0;
  transition:background .15s,color .15s,border-color .15s;
}
.player-btn:hover {background:rgba(76,112,148,.6);color:#eef5fb}
.player-btn.play, .player-btn.is-playing {border-color:rgba(255,111,156,.55);color:#ffd9e6}
.player-btn.mute, .player-btn.is-muted {border-color:rgba(255,111,156,.55);color:#ffd9e6}
.player-btn.theater.is-active, .player-btn.light.is-active {background:rgba(255,111,156,.2);border-color:rgba(255,111,156,.7);color:#ffd9e6}
.player-range {
  flex:1 1 90px;
  min-width:70px;
  height:14px;
  appearance:none;
  background:transparent;
  cursor:pointer;
}
.player-range::-webkit-slider-runnable-track {height:3px;border-radius:2px;background:rgba(140,170,200,.32)}
.player-range::-webkit-slider-thumb {
  appearance:none;
  width:9px;height:9px;margin-top:-3px;border-radius:50%;
  background:#ff5f92;box-shadow:0 0 6px rgba(255,95,146,.75);
}
.player-range::-moz-range-track {height:3px;border-radius:2px;background:rgba(140,170,200,.32)}
.player-range::-moz-range-thumb {width:9px;height:9px;border:0;border-radius:50%;background:#ff5f92}
.player-select {
  font-size:12px;
  padding:2px 4px;
  border-radius:2px;
  border:1px solid rgba(140,170,200,.28);
  background:rgba(20,30,42,.9);
  color:#c3d2e0;
  cursor:pointer;
}
.player-panel .player-controls .player-btn.click {outline:1px solid rgba(255,111,156,.8)}
.hero-shell.is-theater .hero-visual {grid-template-columns:minmax(0,1fr)}
.hero-shell.is-theater .poster-frame {display:none}
.hero-shell.is-lights-off {filter:brightness(.55) contrast(1.1)}
.hero-shell.is-lights-off .player-panel {filter:brightness(1.5)}
.hero-copy {
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
  padding:2px 0 4px;
}
.movie-title {
  font-size:26px;
  font-weight:500;
  letter-spacing:.06em;
  color:#eef4fa;
  text-shadow:0 2px 18px rgba(0,0,0,.7),0 0 26px rgba(96,148,200,.25);
}
.movie-tagline {
  font-size:13px;
  color:#ff9dbd;
  letter-spacing:.04em;
  padding-left:9px;
  border-left:2px solid rgba(255,95,146,.75);
}
.movie-seo {
  font-size:12.5px;
  line-height:1.62;
  color:#93a5b7;
  max-width:62ch;
}
.slipper-anchor {
  display:inline-flex;
  align-items:center;
  gap:8px;
  align-self:start;
  justify-self:start;
  padding:5px 11px 5px 7px;
  border-radius:999px;
  border:1px solid rgba(255,95,146,.5);
  background:linear-gradient(90deg,rgba(255,95,146,.16),rgba(255,95,146,.03));
  box-shadow:0 0 20px rgba(255,95,146,.22);
}
.slipper-mark {
  display:block;
  width:18px;
  height:11px;
  border-radius:60% 40% 55% 45% / 70% 70% 30% 30%;
  background:linear-gradient(120deg,#ff4f87,#ff8fb4 60%,#c41f57);
  box-shadow:0 0 10px rgba(255,79,135,.8);
}
.slipper-label {
  font-size:11.5px;
  letter-spacing:.12em;
  color:#ffc2d7;
  white-space:nowrap;
}
.unit-block {
  grid-column:1 / -1;
  display:flex;
  flex-direction:column;
  gap:7px;
  min-width:0;
  padding-top:4px;
}
.block-heading {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:13.5px;
  font-weight:500;
  letter-spacing:.2em;
  color:#dce7f1;
  padding:0;
  margin:2px 0 1px;
}
.block-heading::before {
  content:"";
  flex:0 0 auto;
  width:3px;
  height:14px;
  background:linear-gradient(180deg,#ff5f92,rgba(255,95,146,.15));
  box-shadow:0 0 8px rgba(255,95,146,.6);
}
.block-heading::after {
  content:"";
  flex:1 1 auto;
  height:1px;
  background:linear-gradient(90deg,rgba(140,170,200,.3),rgba(140,170,200,0));
}
.cast-row {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(96px,1fr));
  gap:8px;
  align-items:start;
}
.cast-card {
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
  border-radius:3px;
  overflow:hidden;
  background:rgba(20,29,40,.6);
  border:1px solid rgba(140,170,200,.14);
  transition:border-color .15s,transform .15s;
}
.cast-card:hover {border-color:rgba(255,95,146,.45);transform:translateY(-2px)}
.cast-portrait {
  display:block;
  width:100%;
  aspect-ratio:1 / 1;
  background:
    radial-gradient(120% 90% at 50% 18%,rgba(126,164,200,.42),rgba(14,20,28,0) 62%),
    repeating-linear-gradient(112deg,rgba(190,214,238,.05) 0 1px,rgba(0,0,0,0) 1px 6px),
    linear-gradient(180deg,#243244 0%,#141c26 70%,#0e141b 100%);
  filter:blur(.4px) saturate(.7);
}
.cast-card:nth-child(2n) .cast-portrait {background:radial-gradient(120% 90% at 40% 22%,rgba(150,120,140,.4),rgba(14,20,28,0) 62%),linear-gradient(180deg,#2b2a36 0%,#161c25 72%,#0e141b 100%)}
.cast-card:nth-child(3n) .cast-portrait {background:radial-gradient(120% 90% at 60% 15%,rgba(110,140,170,.4),rgba(14,20,28,0) 62%),linear-gradient(180deg,#1f2b38 0%,#131a23 72%,#0d1218 100%)}
.cast-name {
  font-size:12px;
  letter-spacing:.05em;
  color:#cbd8e5;
  padding:0 7px 7px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.synopsis-flow {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:7px;
}
.synopsis-para {
  font-size:12.5px;
  line-height:1.66;
  color:#9dafc0;
  padding-left:9px;
  border-left:1px solid rgba(140,170,200,.22);
}
.status-line {
  font-size:12.5px;
  letter-spacing:.06em;
  color:#b9c8d7;
}
.status-bar {
  position:relative;
  width:100%;
  max-width:520px;
  height:5px;
  border-radius:3px;
  background:rgba(140,170,200,.16);
  overflow:hidden;
}
.status-fill {
  display:block;
  width:83.3%;
  height:100%;
  border-radius:3px;
  background:linear-gradient(90deg,#ff4f87,#ff9dbd);
  box-shadow:0 0 12px rgba(255,79,135,.6);
}
.details-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
  gap:1px;
  border:1px solid rgba(140,170,200,.14);
  background:rgba(140,170,200,.14);
  border-radius:3px;
  overflow:hidden;
}
.details-pair {
  display:flex;
  align-items:baseline;
  gap:8px;
  padding:5px 9px;
  background:rgba(17,24,33,.92);
  min-width:0;
}
.details-pair dt {
  flex:0 0 auto;
  font-size:11.5px;
  letter-spacing:.08em;
  color:#7f93a6;
}
.details-pair dd {
  font-size:12.5px;
  color:#cfdbe7;
  min-width:0;
  overflow-wrap:anywhere;
}
.timeline-section {
  margin:6px 0 4px;
  padding:16px 0 12px;
  border-top:1px solid rgba(140,170,200,.14);
}
.film-strip {
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(210px,1fr);
  gap:9px;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scroll-snap-type:x proximity;
  padding:11px 2px 13px;
  margin-top:4px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0) 12%,rgba(255,255,255,0) 88%,rgba(255,255,255,.03)),
    repeating-linear-gradient(90deg,rgba(190,214,238,.13) 0 4px,rgba(0,0,0,0) 4px 13px) top left/100% 7px no-repeat,
    repeating-linear-gradient(90deg,rgba(190,214,238,.13) 0 4px,rgba(0,0,0,0) 4px 13px) bottom left/100% 7px no-repeat;
  scrollbar-width:thin;
  scrollbar-color:rgba(140,170,200,.4) transparent;
}
.film-strip::-webkit-scrollbar {height:6px}
.film-strip::-webkit-scrollbar-thumb {background:rgba(140,170,200,.38);border-radius:3px}
.film-node {
  position:relative;
  scroll-snap-align:start;
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
  padding:9px 10px 10px;
  border-radius:3px;
  border:1px solid rgba(140,170,200,.16);
  background:linear-gradient(180deg,rgba(24,34,46,.82),rgba(13,19,26,.9));
  box-shadow:0 6px 16px rgba(0,0,0,.35);
}
.film-node::before {
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:2px;
  background:linear-gradient(180deg,rgba(255,95,146,.75),rgba(255,95,146,0));
}
.rain-drop {
  display:block;
  width:9px;
  height:13px;
  border-radius:50% 50% 50% 50% / 68% 68% 32% 32%;
  background:linear-gradient(160deg,#a9c8e6,#5b7f9f 60%,#38536c);
  box-shadow:0 0 8px rgba(150,196,236,.5);
  transform:rotate(0deg);
}
.node-time {
  font-size:11px;
  letter-spacing:.16em;
  color:#ff9dbd;
}
.node-label {
  font-size:12px;
  line-height:1.6;
  color:#9fb1c2;
}
.episodes-section {
  margin:6px 0 4px;
  padding:16px 0 12px;
  border-top:1px solid rgba(140,170,200,.14);
}
.episode-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:9px;
  margin-top:4px;
  align-items:start;
}
.episode-card {
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-areas:
    "index title"
    "index summary"
    "index duration";
  column-gap:10px;
  row-gap:3px;
  align-items:start;
  min-width:0;
  padding:9px 11px 10px;
  border-radius:6px;
  border:1px solid rgba(140,170,200,.15);
  background:linear-gradient(155deg,rgba(28,39,52,.78),rgba(13,19,26,.9));
  box-shadow:0 4px 14px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.02);
  transition:border-color .15s,transform .15s;
}
.episode-card:hover {border-color:rgba(255,95,146,.4);transform:translateY(-1px)}
.episode-index {
  grid-area:index;
  align-self:start;
  font-size:11px;
  letter-spacing:.1em;
  color:#ff9dbd;
  padding:1px 6px;
  border:1px solid rgba(255,95,146,.35);
  border-radius:2px;
  background:rgba(255,95,146,.08);
  white-space:nowrap;
}
.episode-title {
  grid-area:title;
  font-size:13px;
  font-weight:500;
  letter-spacing:.05em;
  color:#e2ebf4;
  overflow-wrap:anywhere;
}
.episode-summary {
  grid-area:summary;
  font-size:12px;
  line-height:1.58;
  color:#93a5b7;
}
.episode-duration {
  grid-area:duration;
  font-size:11px;
  letter-spacing:.1em;
  color:#6f8497;
}
.comments-section {
  margin:6px 0 4px;
  padding:16px 0 12px;
  border-top:1px solid rgba(140,170,200,.14);
}
.comment-stack {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:12px;
  margin-top:6px;
  align-items:start;
}
.comment-note {
  position:relative;
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
  padding:11px 12px 13px;
  border-radius:2px;
  background:linear-gradient(168deg,#f0ead9,#ddd3bd);
  color:#2c333c;
  box-shadow:0 7px 18px rgba(0,0,0,.42);
  transform:rotate(-.9deg);
}
.comment-note::before {
  content:"";
  position:absolute;
  top:-6px;left:50%;
  width:44px;height:12px;
  transform:translateX(-50%) rotate(-2deg);
  background:linear-gradient(180deg,rgba(255,95,146,.55),rgba(255,95,146,.22));
  border:1px solid rgba(255,95,146,.4);
}
.comment-note:nth-child(2n) {transform:rotate(.8deg)}
.comment-note:nth-child(3n) {transform:rotate(-1.6deg)}
.comment-note:nth-child(4n) {transform:rotate(1.3deg)}
.comment-text {
  font-size:12.5px;
  line-height:1.6;
  color:#2b323b;
}
.comment-author {
  font-size:11px;
  letter-spacing:.1em;
  color:#7c5a63;
  text-align:right;
}
.recommend-region {
  margin:6px 0 4px;
  padding:16px 0 12px;
  border-top:1px solid rgba(140,170,200,.14);
}
.recommend-column {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:9px;
  margin-top:4px;
  align-items:start;
}
a.recommend-item {
  display:grid;
  grid-template-columns:88px minmax(0,1fr);
  grid-template-areas:
    "thumb name"
    "thumb blurb";
  column-gap:9px;
  row-gap:3px;
  align-items:start;
  min-width:0;
  padding:7px;
  border-radius:4px;
  border:1px solid rgba(140,170,200,.15);
  background:linear-gradient(150deg,rgba(24,34,46,.8),rgba(13,19,26,.9));
  color:#c3ccd6;
  text-decoration:none;
  transition:border-color .15s,background .15s;
}
a.recommend-item:hover {
  border-color:rgba(255,95,146,.45);
  background:linear-gradient(150deg,rgba(38,32,44,.85),rgba(15,20,28,.92));
}
[data-runtime="recommendation"] img {
  grid-area:thumb;
  width:100%;
  max-width:100%;
  aspect-ratio:16 / 10;
  height:auto;
  object-fit:cover;
  border-radius:3px;
  filter:saturate(.72) brightness(.88);
  background:#131b25;
}
.recommend-name {
  grid-area:name;
  font-size:12.5px;
  font-weight:500;
  letter-spacing:.04em;
  color:#e2ebf4;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.recommend-blurb {
  grid-area:blurb;
  font-size:11.5px;
  line-height:1.55;
  color:#8ea1b3;
  overflow-wrap:anywhere;
}
.site-footer {
  max-width:1280px;
  margin:0 auto;
  padding:14px 16px 22px;
  border-top:1px solid rgba(140,170,200,.14);
  background:linear-gradient(180deg,rgba(10,15,21,0),rgba(6,9,13,.6));
}
.footer-disclaimer {
  font-size:11.5px;
  line-height:1.6;
  color:#6d8092;
  max-width:92ch;
}
.footer-nav {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:8px 0;
}
a[data-contract="footer-home"], a[data-contract="footer-sitemap"] {
  font-size:12px;
  letter-spacing:.08em;
  color:#9db3c7;
  text-decoration:none;
  border-bottom:1px solid rgba(140,170,200,.3);
  padding-bottom:1px;
}
a[data-contract="footer-home"]:hover, a[data-contract="footer-sitemap"]:hover {color:#ff9dbd;border-color:rgba(255,95,146,.6)}
.friend-links {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px 9px;
}
.friend-links-label {
  font-size:11px;
  letter-spacing:.14em;
  color:#6d8092;
  white-space:nowrap;
}
a.runtime-friend-link {
  font-size:11.5px;
  color:#7f96ab;
  text-decoration:none;
  white-space:nowrap;
}
a.runtime-friend-link:hover {color:#ff9dbd;text-decoration:underline}
@media (min-width:640px){body {font-size:14px}
.site-header {padding:8px 20px}
.movie-page {padding:0 20px 10px}
.hero-shell {padding:22px 0 30px;gap:16px}
.hero-visual {grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:14px}
.poster-frame {max-width:none}
.movie-title {font-size:30px}
.cast-row {grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}
.episode-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
.comment-stack {grid-template-columns:repeat(2,minmax(0,1fr))}
.synopsis-flow {grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px}
.synopsis-para:first-child {grid-column:1 / -1}
.recommend-column {grid-template-columns:repeat(2,minmax(0,1fr))}
.film-strip {grid-auto-columns:minmax(240px,1fr)}}
@media (min-width:900px){.hero-shell {
    grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);
    grid-template-areas:
      "visual copy"
      "visual slipper"
      "cast cast"
      "synopsis synopsis"
      "status status"
      "details details";
    align-items:start;
  }
.hero-visual {grid-area:visual}
.hero-copy {grid-area:copy;position:sticky;top:58px}
.slipper-anchor {grid-area:slipper}
.cast-block {grid-area:cast}
.synopsis-block {grid-area:synopsis}
.status-block {grid-area:status}
.details-block {grid-area:details}
.movie-title {
    font-size:24px;
    writing-mode:vertical-rl;
    text-orientation:mixed;
    letter-spacing:.32em;
    justify-self:end;
    align-self:start;
    padding:2px 0;
    border-left:1px solid rgba(140,170,200,.2);
    padding-left:12px;
  }
.hero-copy {
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    grid-template-areas:
      "title tagline"
      "title seo";
    column-gap:16px;
    row-gap:8px;
    align-items:start;
  }
.movie-title {grid-area:title}
.movie-tagline {grid-area:tagline;align-self:start}
.movie-seo {grid-area:seo}
.cast-row {grid-template-columns:repeat(8,minmax(0,1fr))}
.synopsis-flow {grid-template-columns:repeat(3,minmax(0,1fr))}
.synopsis-para:first-child {grid-column:auto}
.details-grid {grid-template-columns:repeat(4,minmax(0,1fr))}
.comment-stack {grid-template-columns:repeat(3,minmax(0,1fr))}
.recommend-column {grid-template-columns:repeat(3,minmax(0,1fr))}
.recommend-region {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    align-items:start;
  }
.recommend-region > .block-heading {grid-column:1 / -1;margin-bottom:0}
.recommend-region > .recommend-column {grid-column:span 1}}
@media (min-width:900px){.recommend-region {display:block}
.recommend-region > .recommend-column {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
  }
.recommend-region[data-recommendation-region="1"] > .recommend-column, .recommend-region[data-recommendation-region="2"] > .recommend-column, .recommend-region[data-recommendation-region="3"] > .recommend-column {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }}
@media (min-width:1100px){.movie-title {font-size:27px}
.cast-row {grid-template-columns:repeat(8,minmax(0,1fr));gap:9px}
.episode-grid {gap:10px}
.comment-stack {gap:14px}}
@media (max-width:639px){.movie-title {font-size:22px}
.hero-shell {padding:14px 0 22px}
.poster-frame {max-width:290px}
.film-strip {grid-auto-columns:minmax(200px,80%)}
.recommend-column {gap:8px}
a.recommend-item {grid-template-columns:74px minmax(0,1fr)}
.slipper-label {font-size:11px}}
@media (prefers-reduced-motion:reduce){* {animation:none!important;transition:none!important}}

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}