*, *::before, *::after {margin:0;padding:0;box-sizing:border-box;border:0;font:inherit;vertical-align:baseline}
html {scroll-behavior:smooth}
body {background:#141a1a;color:#c9d1cc;font-family:"Songti SC","SimSun",serif;font-weight:300;line-height:1.35;letter-spacing:.02em;position:relative}
body.lights-off {background:#050808;color:#8a9590}
body.lights-off .movie-unit, body.lights-off .episode-card, body.lights-off .comment-item {background:#0b0f0f;border-color:#1d2424}
body.lights-off .crt-hero {filter:brightness(.7)}
img, video {display:block;max-width:100%}
ul, ol {list-style:none}
a {color:#a8c3c0;text-decoration:none}
a[data-contract="site-name"] {color:#e8ecea;text-decoration:none;font-family:"Heiti SC","SimHei",sans-serif;font-weight:700;letter-spacing:.08em}
a[data-contract="site-name"]:hover {color:#ff8a6a;text-decoration:underline}
a.runtime-category {color:#9fb5b2;text-decoration:none;font-family:"Heiti SC","SimHei",sans-serif;font-size:.78rem;letter-spacing:.05em;padding:.2rem .35rem;border-radius:2px;transition:color .2s,background .2s;white-space:nowrap}
a.runtime-category:hover {color:#ff8a6a;background:rgba(255,138,106,.08);text-decoration:none}
a.rec-item {color:#c9d1cc;text-decoration:none}
a.rec-item:hover {color:#ff8a6a;text-decoration:none}
a[data-contract="footer-home"], a[data-contract="footer-sitemap"] {color:#8a9a96;text-decoration:none;font-size:.8rem;padding:.15rem .4rem;border:1px solid #2a3333;border-radius:3px;transition:color .2s,border-color .2s}
a[data-contract="footer-home"]:hover, a[data-contract="footer-sitemap"]:hover {color:#ff8a6a;border-color:#ff8a6a;text-decoration:none}
a.runtime-friend-link {color:#7f9490;text-decoration:none;font-size:.75rem;padding:.3rem .6rem;border-radius:12px;background:#1b2222;border:1px solid #262f2f;transition:color .2s,background .2s}
a.runtime-friend-link:hover {color:#ff8a6a;background:#202828;text-decoration:none}
header {display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1.2rem;border-bottom:2px solid #2a3433;background:#101616;position:sticky;top:0;z-index:100}
.site-brand {font-size:1.05rem;white-space:nowrap}
.category-rail {display:flex;flex-wrap:nowrap;overflow-x:auto;gap:.4rem;padding:.1rem 0;scrollbar-width:thin;scrollbar-color:#3a4544 transparent}
.category-rail::-webkit-scrollbar {height:3px}
.category-rail::-webkit-scrollbar-thumb {background:#3a4544;border-radius:2px}
.player-wrapper {background:#000;border-bottom:3px solid #1d2424;position:relative;padding:0;max-width:100%;margin:0 auto}
.player-wrapper video {display:block;width:100%;aspect-ratio:16/9;object-fit:cover;cursor:pointer}
.player-controls {display:flex;flex-wrap:wrap;gap:.3rem;padding:.35rem .6rem;background:#0c1111;border-top:1px solid #1d2424;justify-content:center}
.player-controls button {background:transparent;border:1px solid #2a3433;color:#9fb5b2;font-size:.7rem;font-family:"Heiti SC","SimHei",sans-serif;padding:.2rem .5rem;border-radius:3px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.player-controls button:hover {background:#1d2626;color:#ff8a6a;border-color:#ff8a6a}
.player-wrapper.theater-mode {position:fixed;inset:0;z-index:200;background:#000;display:flex;flex-direction:column;justify-content:center}
.player-wrapper.theater-mode video {max-width:100%;max-height:calc(100vh - 60px);width:100%;aspect-ratio:16/9;object-fit:contain}
.crt-hero {position:relative;padding:2.5rem 1.2rem 3rem;background:#1a2020;overflow:hidden;border-bottom:3px solid #2a3433}
.crt-hero::before {content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 3px),radial-gradient(ellipse at center,rgba(255,255,255,.03) 0%,rgba(0,0,0,.25) 100%);pointer-events:none;z-index:1}
.crt-hero::after {content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,20,30,.4) 0%,transparent 40%,rgba(40,10,5,.3) 100%);pointer-events:none;z-index:1;mix-blend-mode:multiply}
.crt-overlay {position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(10,30,30,.4) 0%,rgba(5,10,10,.9) 100%),linear-gradient(90deg,rgba(0,0,0,.3) 0%,transparent 30%,transparent 70%,rgba(0,0,0,.3) 100%);z-index:2;pointer-events:none}
.hero-copy {position:relative;z-index:3;text-align:center;max-width:700px;margin:0 auto}
.hero-tagline {font-size:1.25rem;font-family:"Heiti SC","SimHei",sans-serif;font-weight:700;color:#e8ecea;letter-spacing:.12em;line-height:1.6;text-shadow:0 0 12px rgba(0,0,0,.8),0 0 4px rgba(255,138,106,.3);padding:1rem;border:1px solid rgba(255,255,255,.08);background:rgba(10,15,15,.6)}
.tape-roll {display:block;width:120px;height:60px;margin:1.5rem auto 0;background:linear-gradient(135deg,#2a1a1a 0%,#4a2a2a 30%,#1a2020 50%,#3a2525 70%,#2a1a1a 100%);border-radius:50% 50% 0 0/100% 100% 0 0;position:relative;border:2px solid #4a3535;box-shadow:0 -4px 12px rgba(0,0,0,.6),inset 0 2px 4px rgba(255,255,255,.05)}
.tape-roll::before {content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:80px;height:14px;background:repeating-linear-gradient(90deg,#2a3433 0px,#2a3433 4px,#0d1111 4px,#0d1111 8px);border-radius:4px;box-shadow:0 0 6px rgba(0,0,0,.5)}
.tape-roll::after {content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:10px;background:#1a2020;border-radius:2px;border:1px solid #2a3433}
.movie-unit {background:#171d1d;border-bottom:3px solid #2a3433;position:relative;padding:1.5rem 1.2rem;display:grid;grid-template-columns:220px 1fr;grid-template-rows:auto auto auto auto;column-gap:1.5rem;row-gap:.6rem;overflow:hidden}
.movie-unit::before {content:"";position:absolute;top:0;left:0;right:0;height:3px;background:repeating-linear-gradient(90deg,#2a3433 0px,#2a3433 8px,rgba(255,255,255,.03) 8px,rgba(255,255,255,.03) 9px)}
.poster-shell {grid-column:1;grid-row:1/5;align-self:start;position:relative}
.poster-shell::after {content:"";position:absolute;bottom:-4px;right:-4px;width:20px;height:16px;background:linear-gradient(135deg,#1a2020 0%,#2a3433 60%,#3a4544 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:.6}
.main-poster {width:100%;max-width:220px;aspect-ratio:2/3;object-fit:cover;border:1px solid #2a3433;border-radius:2px;filter:saturate(.8) contrast(1.05)}
.movie-title {grid-column:2;font-family:"Heiti SC","SimHei",sans-serif;font-weight:700;font-size:1.5rem;color:#e8ecea;letter-spacing:.04em;line-height:1.3;padding-top:.2rem}
.movie-tagline {grid-column:2;font-size:.85rem;color:#9fb5b2;font-style:italic;border-left:2px solid #ff8a6a;padding-left:.5rem;margin-top:.2rem}
.synopsis-panel {grid-column:2;padding-top:.4rem}
.section-label {font-family:"Heiti SC","SimHei",sans-serif;font-weight:700;font-size:.85rem;color:#ff8a6a;letter-spacing:.15em;border-bottom:1px solid #2a3433;padding-bottom:.25rem;margin-bottom:.4rem;display:flex;align-items:center;gap:.4rem}
.section-label::before {content:"";width:14px;height:2px;background:#ff8a6a;display:inline-block}
.synopsis-para {font-size:.82rem;line-height:1.55;color:#b8c4c1;margin-bottom:.35rem;text-align:justify}
.cast-list {grid-column:2}
.cast-roster {display:flex;flex-wrap:wrap;gap:.3rem .8rem}
.cast-item {display:flex;align-items:baseline;gap:.3rem;font-size:.8rem;background:rgba(255,255,255,.02);border-left:2px solid #3a4544;padding:.15rem .4rem;transition:border-color .2s}
.cast-item:hover {border-left-color:#ff8a6a}
.cast-name {font-family:"Heiti SC","SimHei",sans-serif;font-weight:600;color:#d8dedc}
.cast-role {color:#8a9a96;font-size:.72rem}
.episode-status {grid-column:2;display:flex;align-items:center;gap:.4rem;font-size:1.1rem;padding-top:.3rem}
.current-episode {font-family:"Heiti SC","SimHei",sans-serif;font-weight:700;color:#ff8a6a;background:rgba(255,138,106,.1);padding:.1rem .4rem;border-radius:2px}
.total-episodes {color:#8a9a96;font-size:.85rem}
.detail-facts {grid-column:2;padding-top:.4rem}
.detail-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:.2rem .6rem}
.detail-item {display:flex;flex-direction:column;font-size:.72rem;border-top:1px solid #242d2d;padding-top:.2rem}
.detail-item dt {color:#8a9a96;text-transform:uppercase;letter-spacing:.08em;font-size:.65rem}
.detail-item dd {color:#c9d1cc;font-family:"Heiti SC","SimHei",sans-serif;font-weight:500}
.timeline-section {padding:1.2rem;background:#161c1c;border-bottom:3px solid #2a3433}
.timeline-track {display:flex;gap:.3rem;overflow-x:auto;padding:1rem 0 .6rem;position:relative}
.timeline-track::before {content:"";position:absolute;top:1.6rem;left:0;right:0;height:2px;background:linear-gradient(90deg,#2a3433,#3a4544,#2a3433)}
.timeline-node {flex:1 1 160px;min-width:160px;position:relative;padding:1.2rem .4rem .4rem;cursor:pointer;transition:background .2s}
.timeline-node::before {content:"";position:absolute;top:1.2rem;left:50%;transform:translateX(-50%);width:10px;height:10px;background:#ff8a6a;border-radius:50%;border:2px solid #161c1c;box-shadow:0 0 0 2px #ff8a6a,0 0 8px rgba(255,138,106,.4);z-index:1}
.timeline-node:nth-child(odd)::before {background:#4a8a8a;box-shadow:0 0 0 2px #4a8a8a,0 0 8px rgba(74,138,138,.4)}
.timeline-node:hover {background:rgba(255,255,255,.02)}
.timeline-node:hover .node-label {color:#ff8a6a}
.timecode {display:block;text-align:center;font-family:"Heiti SC","SimHei",sans-serif;font-size:.7rem;color:#ff8a6a;letter-spacing:.05em;margin-bottom:.3rem}
.timeline-node:nth-child(odd) .timecode {color:#4a8a8a}
.node-label {display:block;font-size:.75rem;line-height:1.4;color:#98a6a3;text-align:center;padding:0 .2rem}
.episode-grid-section {padding:1.2rem;background:#141a1a;border-bottom:3px solid #2a3433}
.episode-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}
.episode-card {border:1px solid #2a3433;border-radius:3px;padding:.6rem .7rem;position:relative;background:linear-gradient(135deg,rgba(255,255,255,.02) 0%,transparent 100%);transition:border-color .2s;overflow:hidden}
.episode-card::after {content:"";position:absolute;top:0;right:0;width:12px;height:12px;background:repeating-linear-gradient(45deg,#2a3433 0px,#2a3433 2px,transparent 2px,transparent 4px);opacity:.5}
.episode-card:hover {border-color:#ff8a6a}
.episode-number {font-family:"Heiti SC","SimHei",sans-serif;font-weight:700;font-size:1.6rem;color:#ff8a6a;display:block;line-height:1;margin-bottom:.3rem;opacity:.9}
.episode-title {font-family:"Heiti SC","SimHei",sans-serif;font-weight:600;font-size:.9rem;color:#d8dedc;margin-bottom:.3rem;letter-spacing:.02em}
.episode-summary {font-size:.72rem;line-height:1.5;color:#8a9a96;margin-bottom:.4rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.episode-duration {font-size:.65rem;color:#5a6a66;text-transform:uppercase;letter-spacing:.08em;border-top:1px solid #242d2d;padding-top:.2rem;display:block}
.recommendation-region {padding:1.2rem;border-bottom:3px solid #2a3433;background:#161c1c}
.rec-title {font-family:"Heiti SC","SimHei",sans-serif;font-weight:700;font-size:.9rem;color:#e8ecea;letter-spacing:.08em;margin-bottom:.6rem;display:flex;align-items:center;gap:.4rem}
.rec-title::after {content:"";flex:1;height:1px;background:linear-gradient(90deg,#2a3433,transparent)}
.rec-row {display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.rec-item {display:flex;flex-direction:column;gap:.2rem;padding:.35rem;border:1px solid transparent;border-radius:3px;transition:background .2s,border-color .2s;max-width:100%}
.rec-item:hover {background:rgba(255,255,255,.03);border-color:#2a3433}
.rec-item img {width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid #2a3433;border-radius:2px;filter:grayscale(.3) contrast(1.1)}
.rec-item img:hover {filter:grayscale(0) contrast(1.05)}
.rec-item [data-runtime="name"] {font-family:"Heiti SC","SimHei",sans-serif;font-weight:600;font-size:.78rem;color:#d8dedc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rec-item [data-runtime="blurb"] {font-size:.68rem;color:#7f9490;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}
.comments-section {padding:1.2rem;background:#141a1a;border-bottom:3px solid #2a3433}
.comment-bubbles {display:flex;flex-direction:column;gap:.5rem}
.comment-item {position:relative;background:#1a2121;border:1px solid #2a3433;border-radius:8px;padding:.6rem .8rem .6rem 1rem;max-width:85%;transition:background .2s}
.comment-item:hover {background:#1e2626}
.comment-item::before {content:"";position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:3px;height:60%;background:repeating-linear-gradient(0deg,#ff8a6a 0px,#ff8a6a 3px,transparent 3px,transparent 6px);opacity:.4;border-radius:2px}
.comment-item::after {content:"";position:absolute;bottom:-3px;left:8px;width:calc(100% - 16px);height:4px;background:linear-gradient(90deg,transparent,#3a4544 20%,#2a3433 80%,transparent);opacity:.6}
.comment-item:nth-child(even) {margin-left:auto;transform:translateX(-1rem)}
.comment-item:nth-child(even)::before {left:auto;right:-1px;background:repeating-linear-gradient(0deg,#4a8a8a 0px,#4a8a8a 3px,transparent 3px,transparent 6px)}
.comment-nickname {font-family:"Heiti SC","SimHei",sans-serif;font-weight:700;font-size:.75rem;color:#ff8a6a;display:block;margin-bottom:.2rem;letter-spacing:.04em}
.comment-item:nth-child(even) .comment-nickname {color:#4a8a8a}
.comment-text {font-size:.78rem;line-height:1.55;color:#b8c4c1}
.footer-contract {display:flex;gap:.6rem;padding:1rem 1.2rem .4rem;border-top:2px solid #2a3433;background:#101616}
.friend-links {display:flex;flex-wrap:wrap;gap:.3rem;align-items:center;padding:.4rem 1.2rem;background:#101616}
.friend-label {font-size:.7rem;color:#8a9a96;font-family:"Heiti SC","SimHei",sans-serif;letter-spacing:.08em;margin-right:.3rem}
footer p[data-contract="disclaimer"] {font-size:.68rem;color:#5a6a66;padding:.6rem 1.2rem 1.2rem;background:#101616;border-top:1px solid #1a2121;text-align:center;letter-spacing:.03em}
@media (max-width:900px){.movie-unit {grid-template-columns:160px 1fr;column-gap:1rem}
.main-poster {max-width:160px}
.detail-grid {grid-template-columns:repeat(2,1fr)}
.rec-row {grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){header {flex-direction:column;align-items:flex-start;gap:.3rem;padding:.4rem .8rem}
.category-rail {width:100%}
.crt-hero {padding:1.5rem .6rem 2rem}
.hero-tagline {font-size:1rem}
.tape-roll {width:90px;height:45px}
.tape-roll::before {width:60px;height:10px}
.movie-unit {grid-template-columns:1fr;padding:1rem .8rem}
.poster-shell {grid-column:1;grid-row:auto;max-width:140px;margin-bottom:.5rem}
.movie-title {grid-column:1;font-size:1.2rem}
.movie-tagline {grid-column:1}
.synopsis-panel {grid-column:1}
.cast-list {grid-column:1}
.episode-status {grid-column:1}
.detail-facts {grid-column:1}
.episode-grid {grid-template-columns:1fr}
.timeline-track {flex-direction:column;gap:.4rem;overflow-x:visible}
.timeline-track::before {display:none}
.timeline-node {min-width:0;flex:1 1 auto;padding:.4rem .4rem .4rem 1rem;border-left:2px solid #2a3433;margin-left:.4rem}
.timeline-node::before {top:50%;left:-.4rem;transform:translateY(-50%)}
.rec-row {grid-template-columns:1fr}
.comment-item {max-width:100%}
.comment-item:nth-child(even) {margin-left:0;transform:none}
.detail-grid {grid-template-columns:repeat(2,1fr)}}
@media (max-width:400px){.detail-grid {grid-template-columns:1fr}
.rec-row {grid-template-columns:1fr}
.player-controls {gap:.2rem}
.player-controls button {padding:.15rem .4rem;font-size:.65rem}}
.player-controls button[data-player-action="pip"], .player-controls button[data-player-action="theater"], .player-controls button[data-player-action="light"] {border-color:#3a4544}
.player-controls button[data-player-action="pip"]:hover, .player-controls button[data-player-action="theater"]:hover, .player-controls button[data-player-action="light"]:hover {border-color:#ff8a6a;color:#ff8a6a}
.player.is-playing ~ .player-controls button[data-player-action="play"] {color:#ff8a6a;border-color:#ff8a6a;background:rgba(255,138,106,.05)}
.player.pip-active ~ .player-controls button[data-player-action="pip"] {color:#4a8a8a;border-color:#4a8a8a}
.player-wrapper.theater-mode .player-controls {position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);z-index:5}
.player-wrapper.theater-mode .player-controls button {background:rgba(0,0,0,.4);border-color:#3a4544}
footer .runtime-friend-link {white-space:nowrap}
.player-wrapper.theater-mode video {width:100%;aspect-ratio:16/9}
.player-wrapper.theater-mode {display:flex;flex-direction:column}
.player-wrapper.theater-mode video {flex:1;height:auto;max-height:none;min-height:0;object-fit:contain;background:#000}
.player-wrapper.theater-mode .player-controls {flex:0 0 auto;position:static;background:#0c1111}
body.lights-off main .movie-unit, body.lights-off main .timeline-section, body.lights-off main .episode-grid-section, body.lights-off main .recommendation-region, body.lights-off main .comments-section, body.lights-off footer div, body.lights-off footer nav, body.lights-off footer p[data-contract="disclaimer"] {background:#080d0d}
body.lights-off .episode-card, body.lights-off .comment-item {border-color:#1d2424}
body.lights-off .rec-item:hover {background:rgba(255,255,255,.02)}
body.lights-off .timeline-node:hover {background:rgba(255,255,255,.01)}
.main-poster {box-shadow:0 4px 12px rgba(0,0,0,.4)}
.episode-number::after {content:"";display:inline-block;width:18px;height:3px;background:repeating-linear-gradient(90deg,#ff8a6a 0px,#ff8a6a 3px,transparent 3px,transparent 5px);margin-left:.4rem;vertical-align:middle;opacity:.5}
.timeline-node:nth-child(even) .node-label::after {content:"▸";display:block;text-align:center;font-size:.6rem;color:#4a8a8a;margin-top:.2rem}
.category-rail a.runtime-category:first-child {background:rgba(255,138,106,.08);color:#ff8a6a}
a[data-contract="site-name"]::before {content:"◉";color:#ff8a6a;margin-right:.3rem;font-size:.8em}
a[data-contract="footer-home"]::before {content:"⌂ ";font-size:1em}
a[data-contract="footer-sitemap"]::before {content:"☷ "}
.footer-contract a {display:inline-flex;align-items:center}
.footer-contract a[data-contract="footer-home"], .footer-contract a[data-contract="footer-sitemap"] {font-family:"Heiti SC","SimHei",sans-serif}
.section-label, .rec-title, .movie-title, .episode-title, .comment-nickname, .site-brand, a.runtime-category, .current-episode, .episode-number {font-family:"Heiti SC","SimHei",sans-serif}
body {font-family:"Songti SC","SimSun",serif}
.synopsis-para, .episode-summary, .comment-text, .node-label, .cast-role, .detail-item dd, a.runtime-friend-link {font-weight:300}
.episode-card:last-child {grid-column:1/-1;max-width:calc(50% - .3rem)}
@media (max-width:640px){.episode-card:last-child {grid-column:auto;max-width:none}}
.timeline-track::-webkit-scrollbar {height:4px;background:#1a2121}
.timeline-track::-webkit-scrollbar-thumb {background:#3a4544;border-radius:4px}
.timeline-track::-webkit-scrollbar-thumb:hover {background:#ff8a6a}
.comment-item:last-child::after {opacity:.8}
.comment-item:first-child::after {opacity:.3}
.rec-item {position:relative}
.rec-item::before {content:"";position:absolute;top:0;right:0;width:8px;height:8px;background:repeating-linear-gradient(45deg,#ff8a6a 0px,#ff8a6a 2px,transparent 2px,transparent 4px);opacity:0;transition:opacity .2s;z-index:1}
.rec-item:hover::before {opacity:.6}
.player-wrapper::after {content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#4a8a8a,transparent);opacity:.3;pointer-events:none;z-index:2}
.crt-hero .hero-copy::before {content:"";position:absolute;top:-2rem;left:50%;transform:translateX(-50%);width:80%;height:4rem;background:radial-gradient(ellipse at center,rgba(74,138,138,.15),transparent 70%);pointer-events:none}
.movie-unit .poster-shell::before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid rgba(255,255,255,.03);pointer-events:none;z-index:1}
footer p[data-contract="disclaimer"] {border-top:2px solid #1d2424}
a.runtime-friend-link {white-space:nowrap}

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}
