* {box-sizing:border-box;margin:0;padding:0}
:root {
  --earth:#8a6a2f;
  --earth-dark:#5c4520;
  --earth-deep:#3a2c14;
  --iron:#3d3f42;
  --iron-dark:#24262a;
  --iron-deep:#15161a;
  --silver:#c9ced3;
  --silver-bright:#eef1f4;
  --paper:#d8cfb8;
  --ink:#0c0d0f;
  --line:#4a4234;
  --serif:"Songti SC","STSong","SimSun",serif;
  --sans:"PingFang SC","Heiti SC","Microsoft YaHei",sans-serif;
}
html {-webkit-text-size-adjust:100%}
body {
  background:var(--iron-deep);
  color:var(--silver);
  font-family:var(--sans);
  font-size:14px;
  line-height:1.45;
  letter-spacing:.02em;
  min-height:100vh;
}
img {display:block;max-width:100%;height:auto}
a {color:inherit;text-decoration:none}
ul, ol {list-style:none}
h1, h2, h3 {font-family:var(--serif);font-weight:700;letter-spacing:.06em}
button, input {font:inherit;color:inherit}
.site-header {
  background:var(--iron-dark);
  border-bottom:2px solid var(--earth-dark);
  position:sticky;
  top:0;
  z-index:40;
}
.header-inner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:6px 12px;
  flex-wrap:wrap;
}
.site-brand {
  font-family:var(--serif);
  font-size:18px;
  font-weight:700;
  letter-spacing:.22em;
  color:var(--silver-bright);
  border-left:4px solid var(--earth);
  padding-left:8px;
}
a[data-contract="site-name"] {color:var(--silver-bright);text-decoration:none}
a[data-contract="site-name"]:hover {color:#fff;text-decoration:underline}
.category-strip {
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  align-items:center;
}
a.runtime-category {
  display:inline-block;
  white-space:nowrap;
  font-size:12px;
  color:var(--paper);
  padding:3px 8px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,#2c2e32,#1d1f23);
  text-decoration:none;
}
a.runtime-category:hover {color:var(--ink);background:var(--silver);border-color:var(--silver);text-decoration:none}
.page-main {
  display:block;
  padding:0 0 24px;
  background:
    linear-gradient(180deg,#1a1b1f 0%,#202226 40%,#17181c 100%);
}
.hero-ore-field {
  position:relative;
  display:grid;
  grid-template-columns:1.05fr 1fr;
  align-items:stretch;
  background:var(--earth-deep);
  border-bottom:3px solid var(--earth-dark);
  overflow:hidden;
  min-height:0;
}
.hero-back-figure {
  position:relative;
  grid-column:1;
  overflow:hidden;
}
.hero-back-image {
  width:100%;
  height:100%;
  object-fit:cover;
  filter:grayscale(1) contrast(1.15) brightness(.72) sepia(.22);
}
.hero-back-caption {
  position:absolute;
  left:10px;
  bottom:8px;
  font-family:var(--serif);
  font-size:12px;
  letter-spacing:.18em;
  color:var(--silver);
  padding:2px 6px;
  background:rgba(12,13,15,.72);
  border-left:2px solid var(--earth);
}
.hero-censer-figure {
  grid-column:2;
  position:relative;
  margin-left:-14%;
  z-index:2;
  border-left:3px solid rgba(201,206,211,.35);
  overflow:hidden;
  box-shadow:-18px 0 32px rgba(0,0,0,.65);
}
.hero-censer-image {
  width:100%;
  height:100%;
  object-fit:cover;
  filter:grayscale(.35) contrast(1.25) brightness(.95);
  border-radius:14px;
}
.hero-censer-caption {
  position:absolute;
  right:10px;
  top:8px;
  font-family:var(--serif);
  font-size:11px;
  letter-spacing:.16em;
  color:var(--silver-bright);
  padding:2px 6px;
  background:rgba(12,13,15,.66);
  border-right:2px solid var(--silver);
}
.movie-overview {
  display:grid;
  grid-template-columns:minmax(0,220px) minmax(0,1.1fr) minmax(0,1.6fr);
  grid-template-areas:
    "poster identity player"
    "poster cast cast"
    "synopsis synopsis details"
    "status status details";
  gap:14px 18px;
  padding:18px 16px;
  background:linear-gradient(180deg,#232527,#1b1d20);
  border-bottom:2px solid var(--earth-dark);
  align-items:start;
}
.overview-poster-wrap {
  grid-area:poster;
  align-self:start;
  border:1px solid var(--line);
  background:#0f1013;
  padding:4px;
  border-radius:2px;
}
.overview-poster-wrap img {
  width:100%;
  display:block;
  filter:grayscale(.7) contrast(1.1);
}
.overview-identity {
  grid-area:identity;
  display:flex;
  flex-direction:column;
  gap:6px;
  border-left:3px solid var(--earth);
  padding-left:10px;
  min-width:0;
}
.movie-title {
  font-size:30px;
  line-height:1.1;
  color:var(--silver-bright);
  letter-spacing:.14em;
}
.movie-tagline {
  font-size:13px;
  color:var(--earth);
  letter-spacing:.08em;
  border-top:1px solid var(--line);
  padding-top:5px;
}
.movie-seo {
  font-size:12.5px;
  color:#9aa0a6;
  line-height:1.6;
  text-align:justify;
}
.player-shell {
  grid-area:player;
  position:relative;
  width:100%;
  min-width:0;
  background:#000;
  border:1px solid var(--iron);
  display:flex;
  flex-direction:column;
}
.player-shell video {
  display:block;
  width:100%;
  background:#000;
}
.player-controls {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:4px;
  padding:5px 6px;
  background:linear-gradient(180deg,#26282c,#17181b);
  border-top:1px solid var(--iron);
}
.player-btn {
  font-family:var(--sans);
  font-size:11.5px;
  letter-spacing:.06em;
  padding:3px 8px;
  background:#2e3034;
  color:var(--silver);
  border:1px solid var(--line);
  cursor:pointer;
}
.player-btn:hover {background:var(--earth-dark);color:var(--silver-bright)}
.player-range {
  -webkit-appearance:none;
  appearance:none;
  height:4px;
  background:#3a3d41;
  border:none;
  cursor:pointer;
  flex:1 1 90px;
  min-width:70px;
}
.player-range[data-player-action="progress"] {flex:3 1 140px}
.player-range::-webkit-slider-thumb {
  -webkit-appearance:none;
  width:10px;height:14px;
  background:var(--silver);
  border:1px solid var(--earth-deep);
}
.player-range::-moz-range-thumb {
  width:10px;height:14px;
  background:var(--silver);
  border:1px solid var(--earth-deep);
  border-radius:0;
}
.player-shell.is-playing .player-btn[data-player-action="play"] {background:var(--earth);color:var(--ink)}
.player-shell.is-muted .player-btn[data-player-action="mute"] {background:var(--iron-deep);color:var(--earth)}
.player-shell.is-speed .player-btn[data-player-action="speed"] {background:var(--earth);color:var(--ink)}
.player-shell.is-pip .player-btn[data-player-action="pip"] {background:var(--silver);color:var(--ink)}
.player-shell.is-theater {grid-column:1 / -1}
.player-shell.is-lights-off {background:#000}
.player-shell.is-lights-off .player-controls {opacity:.35}
.player-shell.is-fullscreen {width:100%;height:100%}
.player-shell.is-fullscreen video {height:calc(100vh - 44px);object-fit:contain}
.cast-strip {
  grid-area:cast;
  min-width:0;
}
.section-heading {
  font-size:14px;
  color:var(--silver-bright);
  letter-spacing:.2em;
  padding:2px 0 4px 8px;
  border-left:4px solid var(--earth);
  border-bottom:1px solid var(--line);
  margin-bottom:8px;
}
.cast-list {
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
  align-items:start;
}
.cast-card {
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
.cast-figure {
  display:flex;
  flex-direction:column;
  gap:3px;
}
.cast-face {
  width:100%;
  aspect-ratio:1 / 1;
  object-fit:cover;
  object-position:50% 12%;
  filter:grayscale(1) contrast(1.2) brightness(.85);
  border:1px solid var(--line);
}
.cast-name {
  font-family:var(--serif);
  font-size:12.5px;
  color:var(--silver-bright);
  letter-spacing:.08em;
}
.cast-note {
  font-size:11px;
  color:#8f959b;
  line-height:1.35;
  border-top:1px dotted var(--line);
  padding-top:3px;
}
.synopsis-block {grid-area:synopsis;min-width:0}
.synopsis-body {
  columns:2;
  column-gap:18px;
  column-rule:1px solid var(--line);
}
.synopsis-para {
  font-size:12.5px;
  line-height:1.62;
  color:#a7adb2;
  text-align:justify;
  margin-bottom:6px;
  break-inside:avoid;
}
.synopsis-para:first-child::first-letter {
  font-family:var(--serif);
  font-size:26px;
  color:var(--earth);
  float:left;
  line-height:.9;
  padding-right:4px;
}
.episode-status {grid-area:status;min-width:0}
.status-line {
  font-size:12.5px;
  color:var(--paper);
  letter-spacing:.06em;
  padding:2px 0 2px 8px;
  border-left:2px solid var(--earth-dark);
}
.details-block {grid-area:details;min-width:0}
.details-list {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 14px;
  border-top:1px solid var(--line);
}
.details-row {
  display:flex;
  gap:8px;
  align-items:baseline;
  padding:3px 0;
  border-bottom:1px dotted #3a3d41;
}
.details-key {
  flex:0 0 auto;
  font-family:var(--serif);
  font-size:11.5px;
  color:var(--earth);
  letter-spacing:.1em;
  min-width:56px;
}
.details-value {
  flex:1 1 auto;
  font-size:12px;
  color:var(--silver);
  min-width:0;
}
.timeline-ruler {
  padding:16px 16px 22px;
  background:linear-gradient(180deg,#1f2125,#151619);
  border-bottom:2px solid var(--earth-dark);
}
.ruler-track {
  position:relative;
  display:grid;
  grid-template-columns:repeat(24,minmax(0,1fr));
  column-gap:0;
  align-items:start;
  border-top:2px solid var(--line);
  padding-top:0;
  background:repeating-linear-gradient(90deg,transparent 0,transparent calc(100%/24 - 1px),#33363a calc(100%/24 - 1px),#33363a calc(100%/24));
}
.ruler-node {
  position:relative;
  grid-row:1;
  padding:12px 6px 0 0;
  min-width:0;
}
.ruler-node::before {
  content:"";
  position:absolute;
  top:-14px;
  left:0;
  width:1px;
  height:12px;
  background:var(--silver);
}
.ruler-node-1 {grid-column:1 / span 3}
.ruler-node-2 {grid-column:4 / span 3}
.ruler-node-3 {grid-column:8 / span 3}
.ruler-node-4 {grid-column:12 / span 3}
.ruler-node-5 {grid-column:15 / span 4}
.ruler-node-6 {grid-column:20 / span 5}
.ruler-node-crush::before {
  width:3px;
  background:var(--silver-bright);
  box-shadow:0 0 8px rgba(238,241,244,.9);
}
.ruler-node-crush .node-timecode {color:var(--silver-bright)}
.node-timecode {
  display:block;
  font-family:var(--serif);
  font-size:12px;
  color:var(--earth);
  letter-spacing:.1em;
}
.node-label {
  display:block;
  font-size:11px;
  line-height:1.4;
  color:#9aa0a6;
  margin-top:2px;
}
.ruler-node-3 .node-label, .ruler-node-4 .node-label {
  border-left:1px solid var(--earth-dark);
  padding-left:5px;
}
.ruler-node-5 .node-label {
  border-left:2px solid var(--silver);
  padding-left:6px;
  color:var(--silver-bright);
}
.dark-hold {
  background:#08090b;
  padding:36px 16px;
  border-bottom:2px solid var(--earth-dark);
  display:flex;
  align-items:center;
  justify-content:center;
}
.dark-hold-text {
  font-family:var(--serif);
  font-size:16px;
  letter-spacing:.26em;
  color:var(--silver);
  text-align:center;
  border-top:1px solid var(--iron);
  border-bottom:1px solid var(--iron);
  padding:12px 18px;
}
.episodes-columns {
  padding:16px;
  border-bottom:2px solid var(--earth-dark);
  background:#1b1d20;
}
.episode-columns {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 18px;
  align-items:start;
}
.episode-column {
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
  border-left:1px solid var(--line);
  padding-left:10px;
}
.episode-card {
  display:grid;
  grid-template-columns:auto 1fr auto;
  grid-template-areas:
    "num title dur"
    "sum sum sum";
  gap:1px 8px;
  align-items:baseline;
  padding:5px 0 6px;
  border-bottom:1px dotted #3a3d41;
  min-width:0;
}
.episode-number {
  grid-area:num;
  font-family:var(--serif);
  font-size:11px;
  color:var(--earth);
  letter-spacing:.08em;
  white-space:nowrap;
}
.episode-title {
  grid-area:title;
  font-size:13px;
  color:var(--silver-bright);
  letter-spacing:.06em;
  min-width:0;
}
.episode-summary {
  grid-area:sum;
  font-size:11.5px;
  line-height:1.4;
  color:#8f959b;
  margin-top:1px;
}
.episode-duration {
  grid-area:dur;
  font-size:10.5px;
  color:#6f757a;
  white-space:nowrap;
}
.comments-wall {
  padding:20px 16px 26px;
  background:linear-gradient(180deg,#232527,#181a1d);
  border-bottom:2px solid var(--earth-dark);
}
.comment-stack {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px 18px;
  align-items:start;
}
.comment-note {
  background:var(--paper);
  color:var(--ink);
  padding:9px 11px;
  border-left:3px solid var(--earth-dark);
  box-shadow:2px 3px 0 rgba(0,0,0,.5);
  transform:rotate(-.9deg);
  min-width:0;
}
.comment-note:nth-child(2n) {transform:rotate(.8deg) translateY(4px)}
.comment-note:nth-child(3n) {transform:rotate(-1.4deg) translateY(-3px)}
.comment-text {
  font-family:var(--serif);
  font-size:12.5px;
  line-height:1.5;
  color:#1a1a1a;
}
.comment-nickname {
  margin-top:6px;
  font-size:11px;
  letter-spacing:.12em;
  color:var(--earth-dark);
  text-align:right;
  border-top:1px dotted #9c8f6e;
  padding-top:3px;
}
.recommend-band {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  padding:16px;
  background:#141517;
  align-items:start;
}
.recommend-region {min-width:0}
.recommend-title {
  font-family:var(--serif);
  font-size:12.5px;
  font-weight:700;
  letter-spacing:.16em;
  color:var(--silver-bright);
  border-bottom:1px solid var(--earth-dark);
  padding-bottom:4px;
  margin-bottom:6px;
}
.recommend-list {
  display:flex;
  flex-direction:column;
  gap:6px;
}
.recommend-item {min-width:0}
a[data-runtime="recommendation"] {
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  grid-template-areas:
    "pic name"
    "pic blurb";
  gap:1px 8px;
  align-items:start;
  color:var(--silver);
  text-decoration:none;
  padding:4px 0;
  border-bottom:1px dotted #33363a;
}
a[data-runtime="recommendation"] img {
  grid-area:pic;
  width:100%;
  aspect-ratio:16 / 9;
  object-fit:cover;
  filter:grayscale(.8) contrast(1.1) brightness(.85);
  border:1px solid var(--line);
}
a[data-runtime="recommendation"] [data-runtime="name"] {
  grid-area:name;
  font-family:var(--serif);
  font-size:12px;
  color:var(--silver-bright);
  letter-spacing:.04em;
  min-width:0;
}
a[data-runtime="recommendation"] [data-runtime="blurb"] {
  grid-area:blurb;
  font-size:10.5px;
  line-height:1.35;
  color:#82888e;
  min-width:0;
}
a[data-runtime="recommendation"]:hover [data-runtime="name"] {color:var(--earth)}
a[data-runtime="recommendation"]:hover img {filter:grayscale(.2) contrast(1.15) brightness(1)}
.site-footer {
  background:var(--iron-deep);
  border-top:3px solid var(--earth-dark);
  padding:14px 16px 20px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.footer-nav {
  display:flex;
  gap:14px;
  align-items:center;
  flex-wrap:wrap;
}
a[data-contract="footer-home"], a[data-contract="footer-sitemap"] {
  font-family:var(--serif);
  font-size:12.5px;
  letter-spacing:.14em;
  padding:2px 6px;
  border:1px solid var(--line);
  text-decoration:none;
}
a[data-contract="footer-home"] {color:var(--silver-bright);text-decoration:none}
a[data-contract="footer-home"]:hover {color:var(--ink);background:var(--silver);text-decoration:none}
a[data-contract="footer-sitemap"] {color:var(--earth);text-decoration:none}
a[data-contract="footer-sitemap"]:hover {color:var(--ink);background:var(--earth);text-decoration:none}
.friend-links {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:4px 10px;
  padding-top:8px;
  border-top:1px solid #2a2c30;
}
.friend-links-label {
  font-family:var(--serif);
  font-size:11.5px;
  color:#6f757a;
  letter-spacing:.18em;
  margin-right:4px;
}
a.runtime-friend-link {
  font-size:11.5px;
  color:#8f959b;
  text-decoration:none;
  white-space:nowrap;
}
a.runtime-friend-link:hover {color:var(--silver-bright);text-decoration:underline}
.footer-disclaimer {
  font-size:10.5px;
  line-height:1.6;
  color:#5c6167;
  letter-spacing:.03em;
}
@media (max-width:1100px){.movie-overview {
    grid-template-columns:minmax(0,200px) minmax(0,1fr);
    grid-template-areas:
      "poster identity"
      "player player"
      "cast cast"
      "synopsis details"
      "status details";
  }
.cast-list {grid-template-columns:repeat(3,minmax(0,1fr))}
.recommend-band {grid-template-columns:repeat(2,minmax(0,1fr))}
.comment-stack {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.hero-ore-field {grid-template-columns:1fr 1fr}
.hero-censer-figure {margin-left:-8%}
.movie-overview {
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:
      "poster"
      "identity"
      "player"
      "cast"
      "synopsis"
      "status"
      "details";
    gap:12px;
    padding:14px 12px;
  }
.overview-poster-wrap {max-width:220px}
.synopsis-body {columns:1}
.episode-columns {grid-template-columns:minmax(0,1fr)}
.ruler-track {grid-template-columns:repeat(12,minmax(0,1fr));row-gap:14px}
.ruler-node-1 {grid-column:1 / span 4}
.ruler-node-2 {grid-column:5 / span 4}
.ruler-node-3 {grid-column:9 / span 4}
.ruler-node-4 {grid-column:1 / span 4;grid-row:2}
.ruler-node-5 {grid-column:5 / span 4;grid-row:2}
.ruler-node-6 {grid-column:9 / span 4;grid-row:2}
.dark-hold {padding:26px 14px}
.dark-hold-text {font-size:14px;letter-spacing:.18em}}
@media (max-width:560px){.site-brand {font-size:15px;letter-spacing:.14em}
.movie-title {font-size:22px}
.cast-list {grid-template-columns:repeat(2,minmax(0,1fr))}
.details-list {grid-template-columns:minmax(0,1fr)}
.comment-stack {grid-template-columns:minmax(0,1fr)}
.recommend-band {grid-template-columns:minmax(0,1fr);gap:12px}
.ruler-track {grid-template-columns:repeat(6,minmax(0,1fr));row-gap:14px}
.ruler-node-1 {grid-column:1 / span 2}
.ruler-node-2 {grid-column:3 / span 2}
.ruler-node-3 {grid-column:5 / span 2}
.ruler-node-4 {grid-column:1 / span 2;grid-row:2}
.ruler-node-5 {grid-column:3 / span 2;grid-row:2}
.ruler-node-6 {grid-column:5 / span 2;grid-row:2}
.hero-ore-field {grid-template-columns:1fr}
.hero-censer-figure {margin-left:0;border-left:none;border-top:3px solid rgba(201,206,211,.35)}
.hero-back-image, .hero-censer-image {max-height:220px}
.dark-hold {padding:20px 12px}
.dark-hold-text {font-size:12.5px;letter-spacing:.12em;padding:9px 10px}
.player-btn {font-size:10.5px;padding:2px 6px}
.footer-nav {gap:8px}}

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}