:root {
  --ink:#101a1c;
  --mist:#c6d3d3;
  --mist-deep:#93a8a8;
  --cyan-grey:#dfe7e6;
  --cyan-dark:#2f4446;
  --cyan-mid:#54706f;
  --ghee:#e8b64c;
  --ghee-deep:#c98f2a;
  --vermilion:#a8493c;
  --vermilion-faded:#c07a6c;
  --paper:#f3efe6;
  --paper-shade:#e4ddcd;
  --paper-edge:#cfc6b2;
  --shadow:0 1px 0 rgba(16,26,28,.16), 0 8px 22px -14px rgba(16,26,28,.55);
  --serif:"Songti SC","SimSun","Noto Serif CJK SC","Source Han Serif SC",serif;
  --sans:"Heiti SC","SimHei","Noto Sans CJK SC","Source Han Sans SC","Microsoft YaHei",sans-serif;
}
*, *::before, *::after {box-sizing:border-box;}
html {-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body, html {margin:0;padding:0;}
body {
  background:
    radial-gradient(120% 80% at 8% 0%, rgba(232,182,76,.09), transparent 55%),
    radial-gradient(90% 70% at 100% 100%, rgba(168,73,60,.10), transparent 60%),
    linear-gradient(180deg,#c9d5d4 0%, #bccac9 38%, #c3cfce 100%);
  color:var(--ink);
  font-family:var(--sans);
  font-size:15px;
  line-height:1.62;
  letter-spacing:.01em;
}
img, video {max-width:100%;display:block;}
h1, h2, h3, p, ul, ol, dl, dd {margin:0;padding:0;}
ul, ol {list-style:none;}
a {color:var(--cyan-dark);text-decoration:none;}
button, input, select {font:inherit;color:inherit;}
.site-header {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:6px 14px;
  padding:7px 14px;
  background:linear-gradient(180deg,#26383a,#1b292b);
  border-bottom:2px solid var(--ghee-deep);
  position:relative;
}
.site-header::after {
  content:"";
  position:absolute;
  left:0;right:0;bottom:-2px;
  height:2px;
  background:linear-gradient(90deg,var(--ghee),var(--vermilion) 58%,transparent);
}
.header-masthead {min-width:0;}
a[data-contract="site-name"] {
  font-family:var(--serif);
  font-size:19px;
  font-weight:700;
  letter-spacing:.16em;
  color:#efe6cf;
  text-decoration:none;
  white-space:nowrap;
  border-left:4px solid var(--ghee);
  padding-left:9px;
}
a[data-contract="site-name"]:hover {color:var(--ghee);}
.categories-bar {
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  min-width:0;
}
a.runtime-category {
  display:inline-block;
  white-space:nowrap;
  font-size:12.5px;
  line-height:1.5;
  padding:2px 9px;
  color:#dfe7e6;
  text-decoration:none;
  background:rgba(223,231,230,.07);
  border:1px solid rgba(232,182,76,.38);
  border-radius:2px 12px 12px 2px;
}
a.runtime-category:hover {
  color:#1b292b;
  background:var(--ghee);
  border-color:var(--ghee);
  text-decoration:none;
}
.page-main {
  display:block;
  max-width:1180px;
  margin:0 auto;
  padding:0 12px 10px;
}
.section-heading {
  font-family:var(--serif);
  font-size:16px;
  font-weight:700;
  letter-spacing:.14em;
  color:var(--cyan-dark);
  padding:0 0 4px 10px;
  border-left:5px solid var(--vermilion-faded);
  border-bottom:1px solid rgba(47,68,70,.28);
  margin-bottom:8px;
}
section {margin-top:12px;}
.hero-section {
  position:relative;
  margin-top:10px;
  padding:14px 14px 12px;
  background:
    linear-gradient(180deg, rgba(27,41,43,.94) 0%, rgba(38,56,58,.92) 60%, rgba(47,68,70,.9) 100%);
  border:1px solid rgba(16,26,28,.6);
  border-radius:3px 3px 3px 22px;
  box-shadow:var(--shadow);
  overflow:hidden;
}
.hero-section::before {
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(70% 55% at 50% 88%, rgba(232,182,76,.20), transparent 70%),
    radial-gradient(40% 40% at 12% 10%, rgba(192,122,108,.18), transparent 70%);
  pointer-events:none;
}
.hero-section > * {position:relative;}
.hero-backdrop {
  position:absolute;
  top:0;right:0;
  width:min(38%,330px);
  margin:0;
  pointer-events:none;
  opacity:.5;
  -webkit-mask-image:linear-gradient(200deg,#000 12%,transparent 78%);
  mask-image:linear-gradient(200deg,#000 12%,transparent 78%);
}
.hero-backdrop img {
  width:100%;
  height:auto;
  aspect-ratio:9 / 16;
  object-fit:cover;
  border-radius:0 0 0 18px;
  filter:saturate(.72) contrast(1.04);
}
.hero-titles {
  max-width:min(100%,640px);
  margin-bottom:6px;
}
.movie-title {
  font-family:var(--serif);
  font-size:clamp(28px,5.6vw,52px);
  line-height:1.06;
  font-weight:700;
  letter-spacing:.06em;
  color:#f4ecd8;
  text-shadow:0 3px 0 rgba(16,26,28,.6), 0 0 26px rgba(232,182,76,.22);
}
.movie-tagline {
  margin-top:3px;
  font-family:var(--serif);
  font-size:clamp(13px,2.1vw,17px);
  letter-spacing:.22em;
  color:var(--ghee);
  border-left:2px solid var(--vermilion-faded);
  padding-left:8px;
}
.movie-seo {
  font-size:11px;
  line-height:1.5;
  color:rgba(198,211,211,.42);
  word-break:break-all;
  max-width:min(100%,640px);
  margin-bottom:8px;
}
.hero-player {
  max-width:min(100%,760px);
  background:#0c1416;
  border:1px solid rgba(232,182,76,.3);
  border-radius:2px 2px 14px 14px;
  padding:4px;
}
.hero-player video {
  aspect-ratio:16 / 9;
  width:100%;
  height:auto;
  background:#05090a;
  border-radius:2px 2px 8px 8px;
  display:block;
}
.player-controls {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:4px;
  padding:5px 4px 3px;
  background:linear-gradient(180deg,rgba(16,26,28,.9),rgba(12,20,22,.98));
  border-radius:0 0 12px 12px;
}
.player-controls button, .player-controls select {
  background:rgba(223,231,230,.08);
  border:1px solid rgba(198,211,211,.28);
  color:#dfe7e6;
  font-size:11.5px;
  line-height:1.4;
  padding:2px 8px;
  border-radius:2px 9px 9px 2px;
  cursor:pointer;
}
.player-controls button:hover, .player-controls select:hover {
  border-color:var(--ghee);
  color:var(--ghee);
}
.player-controls button.is-active, .player-controls button.is-playing, .player-controls button.play.is-playing, .player-controls button.pause.is-playing {
  background:var(--ghee);
  border-color:var(--ghee);
  color:#141f21;
}
.player-controls input[type="range"] {
  -webkit-appearance:none;
  appearance:none;
  height:4px;
  background:linear-gradient(90deg,var(--ghee),rgba(198,211,211,.25));
  border-radius:2px;
  cursor:pointer;
  flex:1 1 90px;
  min-width:70px;
}
.player-controls input[data-player-action="volume"] {flex:0 1 76px;min-width:56px;}
.player-controls input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance:none;
  width:11px;height:11px;
  border-radius:50%;
  background:var(--vermilion-faded);
  border:1px solid #0c1416;
}
.player-controls input[type="range"]::-moz-range-thumb {
  width:11px;height:11px;
  border:1px solid #0c1416;
  border-radius:50%;
  background:var(--vermilion-faded);
}
.hero-player.theater-mode {
  max-width:100%;
  border-color:var(--ghee);
  box-shadow:0 0 0 1px rgba(232,182,76,.5), 0 18px 40px -22px #000;
}
.page-main.lights-dimmed {
  filter:brightness(.86) saturate(.9);
}
.page-main.lights-dimmed .hero-player {filter:brightness(1.14);}
.overview-cast {margin-top:12px;}
.cast-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;
  align-items:start;
}
.cast-card {
  display:flex;
  flex-direction:column;
  gap:1px;
  padding:5px 9px 6px;
  background:linear-gradient(180deg, rgba(223,231,230,.13), rgba(223,231,230,.05));
  border:1px solid rgba(198,211,211,.22);
  border-radius:2px 12px 2px 12px;
}
.cast-name {
  font-family:var(--serif);
  font-size:15px;
  font-weight:700;
  letter-spacing:.08em;
  color:#f1e8d2;
}
.cast-role {
  font-size:11.5px;
  letter-spacing:.06em;
  color:var(--vermilion-faded);
}
.overview-synopsis {margin-top:12px;}
.synopsis-paragraph {
  font-size:13.5px;
  line-height:1.78;
  color:#e2e9e7;
  text-indent:2em;
  padding:6px 10px;
  background:rgba(223,231,230,.05);
  border-left:2px solid rgba(232,182,76,.34);
  margin-bottom:5px;
}
.synopsis-paragraph:last-child {margin-bottom:0;}
.overview-status {
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:4px 10px;
  margin-top:10px;
  padding:6px 10px;
  background:linear-gradient(90deg, rgba(168,73,60,.22), rgba(232,182,76,.12) 70%, transparent);
  border:1px solid rgba(232,182,76,.28);
  border-radius:2px 16px 2px 16px;
}
.status-label {
  font-size:11.5px;
  letter-spacing:.14em;
  color:var(--mist-deep);
  text-transform:uppercase;
}
.status-value {
  font-family:var(--serif);
  font-size:16px;
  font-weight:700;
  color:var(--ghee);
  margin-right:4px;
}
.overview-details {margin-top:12px;}
.details-list {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
  gap:4px;
  align-items:start;
}
.detail-item {
  display:flex;
  align-items:baseline;
  gap:6px;
  padding:3px 8px;
  background:rgba(16,26,28,.28);
  border-left:3px solid var(--cyan-mid);
  border-radius:0 8px 8px 0;
}
.detail-item dt {
  flex:0 0 auto;
  font-size:11px;
  letter-spacing:.1em;
  color:var(--mist-deep);
}
.detail-item dd {
  flex:1 1 auto;
  min-width:0;
  font-size:12.5px;
  color:#e6ece9;
}
.timeline-section {margin-top:14px;}
.timeline-scroller {
  overflow-x:auto;
  overflow-y:hidden;
  padding:4px 2px 10px;
  -webkit-overflow-scrolling:touch;
  background:linear-gradient(180deg, rgba(16,26,28,.16), rgba(16,26,28,.05));
  border:1px solid rgba(47,68,70,.3);
  border-radius:3px 3px 3px 18px;
}
.timeline-track {
  display:flex;
  align-items:flex-end;
  gap:6px;
  min-width:max-content;
  padding:0 6px;
  position:relative;
}
.timeline-track::before {
  content:"";
  position:absolute;
  left:6px;right:6px;
  bottom:24px;
  height:2px;
  background:linear-gradient(90deg,var(--vermilion-faded),var(--ghee),var(--cyan-mid));
  opacity:.6;
}
.timeline-node {
  position:relative;
  flex:0 0 auto;
  width:76px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:3px;
  padding:0 2px 22px;
  text-align:center;
}
.timeline-node::before {
  content:"";
  width:11px;height:11px;
  border-radius:50%;
  background:var(--ghee);
  border:2px solid #101a1c;
  box-shadow:0 0 0 2px rgba(232,182,76,.28);
  order:3;
  margin-top:3px;
}
.timeline-node::after {
  content:"";
  position:absolute;
  left:50%;
  bottom:24px;
  width:1px;
  height:12px;
  background:rgba(232,182,76,.55);
  transform:translateX(-50%);
}
.node-timecode {
  order:1;
  display:block;
  width:100%;
  font-family:var(--serif);
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  color:#101a1c;
  background:linear-gradient(180deg,var(--ghee),var(--ghee-deep));
  border-radius:8px 8px 2px 2px;
  padding:3px 2px;
  writing-mode:horizontal-tb;
}
.node-label {
  order:2;
  display:block;
  width:100%;
  min-height:72px;
  writing-mode:vertical-rl;
  text-orientation:upright;
  font-size:12px;
  line-height:1.15;
  letter-spacing:.08em;
  color:#dfe7e6;
  background:linear-gradient(180deg, rgba(47,68,70,.9), rgba(27,41,43,.95));
  border:1px solid rgba(198,211,211,.22);
  border-radius:2px 2px 12px 12px;
  padding:6px 3px;
  margin:0 auto;
}
.episodes-section {margin-top:14px;}
.episodes-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px 8px;
  align-items:start;
}
.episode-card {
  display:grid;
  grid-template-columns:1fr auto;
  gap:0 8px;
  padding:5px 9px 6px;
  background:rgba(243,239,230,.55);
  border:1px solid rgba(47,68,70,.24);
  border-left:3px solid var(--cyan-dark);
  border-radius:0 10px 10px 0;
}
.episode-title {
  grid-column:1;
  font-family:var(--serif);
  font-size:14px;
  font-weight:700;
  letter-spacing:.06em;
  color:#16262a;
}
.episode-duration {
  grid-column:2;
  align-self:start;
  font-size:11px;
  letter-spacing:.06em;
  color:var(--vermilion);
  white-space:nowrap;
  border:1px solid rgba(168,73,60,.4);
  border-radius:2px 8px 8px 2px;
  padding:0 5px;
  margin-top:2px;
}
.episode-summary {
  grid-column:1 / -1;
  font-size:11.5px;
  line-height:1.62;
  color:#5c6a6a;
  margin-top:2px;
}
.comments-section {
  margin-top:26px;
  padding-top:6px;
}
.comments-paper-stack {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px 10px;
  align-items:start;
  padding:2px 2px 6px;
  position:relative;
}
.comment-note {
  position:relative;
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:9px 11px 8px;
  background:linear-gradient(170deg,var(--paper) 0%, var(--paper-shade) 100%);
  border:1px solid var(--paper-edge);
  border-radius:2px 2px 3px 3px;
  box-shadow:0 1px 0 rgba(16,26,28,.14), 0 10px 18px -14px rgba(16,26,28,.7);
  transform:rotate(-.5deg);
}
.comment-note:nth-child(2n) {transform:rotate(.6deg) translateY(6px);}
.comment-note:nth-child(3n) {transform:rotate(-.9deg) translateY(-3px);}
.comment-note:nth-child(4n) {transform:rotate(.9deg) translateY(9px);}
.comment-note:nth-child(5n) {transform:rotate(-.35deg) translateY(2px);}
.comment-note::before {
  content:"";
  position:absolute;
  top:-5px;left:14px;
  width:38px;height:10px;
  background:rgba(232,182,76,.5);
  border-left:1px solid rgba(201,143,42,.6);
  border-right:1px solid rgba(201,143,42,.6);
  transform:rotate(-2deg);
}
.comment-text {
  font-size:12.5px;
  line-height:1.7;
  color:#2b3a3a;
}
.comment-nickname {
  align-self:flex-end;
  font-family:var(--serif);
  font-size:11.5px;
  letter-spacing:.1em;
  color:var(--vermilion);
  border-top:1px dashed rgba(47,68,70,.35);
  padding-top:3px;
}
.recommendations-region {margin-top:14px;}
.region-one {--rec-tint:rgba(47,68,70,.55);--rec-bg:rgba(223,231,230,.55);}
.region-two {--rec-tint:rgba(84,112,111,.5);--rec-bg:rgba(214,222,221,.5);}
.region-three {--rec-tint:rgba(168,73,60,.42);--rec-bg:rgba(228,221,205,.5);}
.recommendation-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
  gap:6px;
  align-items:start;
}
a.recommendation-card {
  display:flex;
  flex-direction:column;
  gap:3px;
  padding:5px 6px 7px;
  background:var(--rec-bg);
  border:1px solid var(--rec-tint);
  border-radius:2px 14px 2px 14px;
  text-decoration:none;
  color:#16262a;
  transition:transform .16s ease, box-shadow .16s ease;
}
a.recommendation-card:hover {
  transform:translateY(-2px);
  box-shadow:0 12px 20px -14px rgba(16,26,28,.8);
  border-color:var(--ghee-deep);
  text-decoration:none;
}
[data-runtime="recommendation"] img {
  width:100%;
  aspect-ratio:16 / 10;
  height:auto;
  object-fit:cover;
  border-radius:2px 10px 2px 10px;
  background:#0c1416;
  filter:saturate(.8);
}
a.recommendation-card [data-runtime="name"] {
  font-family:var(--serif);
  font-size:13px;
  font-weight:700;
  letter-spacing:.05em;
  color:#14242a;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
a.recommendation-card [data-runtime="blurb"] {
  font-size:11px;
  line-height:1.55;
  color:#546463;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.site-footer {
  margin-top:18px;
  padding:12px 14px 18px;
  background:linear-gradient(180deg,#26383a,#16242 6);
  background:linear-gradient(180deg,#26383a,#162426);
  border-top:2px solid var(--ghee-deep);
  color:#c6d3d3;
}
.footer-disclaimer {
  max-width:900px;
  font-size:11.5px;
  line-height:1.7;
  color:rgba(198,211,211,.72);
  margin-bottom:8px;
}
.footer-nav {
  display:flex;
  flex-wrap:wrap;
  gap:4px 12px;
  margin-bottom:8px;
}
a[data-contract="footer-home"], a[data-contract="footer-sitemap"] {
  font-family:var(--serif);
  font-size:13px;
  letter-spacing:.12em;
  color:var(--ghee);
  text-decoration:none;
  border-bottom:1px solid rgba(232,182,76,.4);
  padding-bottom:1px;
}
a[data-contract="footer-home"]:hover, a[data-contract="footer-sitemap"]:hover {
  color:#fff3d6;
  border-bottom-color:#fff3d6;
  text-decoration:none;
}
.friend-links {
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:4px 8px;
  padding-top:8px;
  border-top:1px dashed rgba(198,211,211,.24);
}
.friend-links-label {
  font-size:11px;
  letter-spacing:.16em;
  color:var(--vermilion-faded);
  border-right:1px solid rgba(198,211,211,.24);
  padding-right:8px;
}
a.runtime-friend-link {
  font-size:11.5px;
  color:rgba(198,211,211,.8);
  text-decoration:none;
  border-bottom:1px dotted rgba(198,211,211,.35);
}
a.runtime-friend-link:hover {
  color:var(--ghee);
  border-bottom-color:var(--ghee);
  text-decoration:none;
}
@media (max-width:900px){.hero-backdrop {width:44%;opacity:.36;}
.comments-paper-stack {grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:720px){body {font-size:14px;}
.page-main {padding:0 9px 8px;}
.hero-section {padding:11px 10px 10px;border-radius:3px 3px 3px 16px;}
.hero-backdrop {width:52%;opacity:.3;}
.cast-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
.episodes-grid {grid-template-columns:1fr;}
.comments-paper-stack {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.comment-note {transform:none !important;}
.details-list {grid-template-columns:repeat(2,minmax(0,1fr));}
.recommendation-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
.timeline-track {gap:5px;}
.timeline-node {width:68px;}}
@media (max-width:460px){.site-header {padding:6px 10px;}
a[data-contract="site-name"] {font-size:16px;letter-spacing:.1em;}
.hero-backdrop {width:64%;opacity:.24;}
.movie-title {font-size:26px;}
.movie-tagline {letter-spacing:.14em;}
.cast-grid {grid-template-columns:1fr;}
.details-list {grid-template-columns:1fr;}
.comments-paper-stack {grid-template-columns:1fr;}
.recommendation-grid {grid-template-columns:1fr;}
.player-controls button, .player-controls select {font-size:11px;padding:2px 6px;}
.timeline-node {width:60px;}
.node-label {min-height:64px;font-size:11px;}
.friend-links-label {border-right:none;padding-right: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}