*, *::before, *::after {box-sizing:border-box;margin:0;padding:0}
html {-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body {font-family:"Songti SC","SimSun","Noto Serif SC","Microsoft YaHei",serif;background:#0b0e14;color:#c8cdd4;line-height:1.5;font-weight:300;letter-spacing:.02em}
a {color:inherit;text-decoration:none}
img, video {display:block;max-width:100%}
ul {list-style:none}
button, input {font:inherit;color:inherit;background:none;border:none}
table {border-collapse:collapse;width:100%}
header {position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:24px;padding:12px 24px;background:rgba(11,14,20,.92);backdrop-filter:blur(8px);border-bottom:1px solid #1e2630}
.site-brand {font-size:1.15rem;font-weight:700;letter-spacing:.2em;color:#e6e9ed;white-space:nowrap}
a[data-contract="site-name"] {color:#e6e9ed;text-decoration:none;font-weight:700}
a[data-contract="site-name"]:hover {color:#ff3b3b}
.primary-categories {display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin;scrollbar-color:#3a4450 transparent}
.primary-categories::-webkit-scrollbar {height:3px}
.primary-categories::-webkit-scrollbar-thumb {background:#3a4450}
.runtime-category {font-size:.78rem;font-weight:400;color:#8b95a3;padding:4px 10px;border:1px solid #252d38;border-radius:2px;white-space:nowrap;transition:all .2s;background:#111620}
a.runtime-category {color:#8b95a3;text-decoration:none}
a.runtime-category:hover {color:#ff3b3b;border-color:#ff3b3b;background:#1a1f2a}
.surveillance-stage {position:relative;background:radial-gradient(ellipse at center,#10161f 0%,#07090d 75%,#030405 100%);padding:28px 24px 16px;border-bottom:1px solid #1a212b}
.stage-shell {position:relative;max-width:1280px;margin:0 auto}
.stage-shell.theater-mode {max-width:100%}
.stage-shell.lights-low::after {content:"";position:fixed;inset:0;background:rgba(0,0,0,.55);pointer-events:none;z-index:5}
.stage-mediaframe {position:relative;width:100%;background:#000;border:2px solid #1e2630;box-shadow:0 0 40px rgba(0,0,0,.9),inset 0 0 60px rgba(0,0,0,.5);clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}
.stage-mediaframe video {width:100%;aspect-ratio:16/9;object-fit:cover;background:#000}
.live-badge {position:absolute;top:20px;left:20px;z-index:10;background:rgba(0,0,0,.75);color:#ff2a2a;font-size:.75rem;font-weight:700;letter-spacing:.15em;padding:6px 12px;border:1px solid #ff2a2a;border-radius:2px;display:flex;align-items:center;gap:6px;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.55}}
.player-controls {display:flex;align-items:center;gap:10px;padding:10px 12px;background:#141a22;border:1px solid #1e2630;border-top:none;flex-wrap:wrap}
.player-controls button {font-size:.75rem;padding:4px 10px;background:#1a222d;border:1px solid #2a3440;border-radius:2px;cursor:pointer;transition:all .2s;color:#a0aab5}
.player-controls button:hover {background:#2a3440;color:#fff;border-color:#ff3b3b}
.player-controls input[type="range"] {flex:1;min-width:100px;height:4px;accent-color:#ff3b3b;background:#2a3440;border-radius:2px}
.stage-shell:not(.theater-mode) .stage-mediaframe {max-width:100%}
.movie-overview-block {display:grid;grid-template-columns:260px 1fr;gap:0;background:linear-gradient(145deg,#0f141c 0%,#0b0f15 100%);padding:32px 24px;border-bottom:1px solid #1a212b;position:relative}
.movie-overview-block::before {content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff3b3b,transparent 60%)}
.poster-wrapper {padding-right:28px;align-self:start}
.poster-img {width:100%;aspect-ratio:2/3;object-fit:cover;border:1px solid #252d38;box-shadow:0 8px 30px rgba(0,0,0,.7);clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}
.overview-content {padding-top:4px}
.movie-title {font-size:1.6rem;font-weight:700;color:#eef1f4;letter-spacing:.08em;margin-bottom:6px;line-height:1.3}
.tagline {font-size:.92rem;color:#8b95a3;font-style:italic;letter-spacing:.12em;margin-bottom:24px;padding-left:12px;border-left:3px solid #ff3b3b}
.group-heading {font-size:.82rem;font-weight:700;color:#ff3b3b;letter-spacing:.25em;text-transform:uppercase;margin:18px 0 8px;display:flex;align-items:center;gap:8px}
.group-heading::after {content:"";flex:1;height:1px;background:#1e2630}
.cast-list {display:flex;flex-wrap:wrap;gap:8px}
.cast-list li {font-size:.85rem;padding:4px 12px;background:#1a222d;border:1px solid #252d38;border-radius:2px;color:#a0aab5}
.synopsis-group p {font-size:.88rem;color:#9aa3ad;margin-bottom:10px;text-align:justify;line-height:1.7}
.detail-table {width:100%;max-width:680px}
.detail-table th {width:90px;text-align:left;font-size:.78rem;font-weight:600;color:#6b7684;padding:5px 8px;border-bottom:1px solid #1a212b;letter-spacing:.1em}
.detail-table td {font-size:.85rem;padding:5px 8px;border-bottom:1px solid #1a212b;color:#b8c0c9}
.episode-status-group {display:flex;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid #1e2630}
.total-ep, .current-ep {font-size:.78rem;padding:5px 14px;border-radius:2px;letter-spacing:.08em}
.total-ep {background:#1a222d;color:#8b95a3;border:1px solid #252d38}
.current-ep {background:#ff3b3b;color:#fff;font-weight:700;border:1px solid #ff3b3b}
.timeline-section {padding:36px 24px 28px;background:#0d1117;border-bottom:1px solid #1a212b}
.section-title {font-size:1.2rem;font-weight:700;color:#eef1f4;letter-spacing:.15em;margin-bottom:24px;display:flex;align-items:center;gap:12px}
.section-title::before {content:"";width:28px;height:3px;background:#ff3b3b}
.timeline-vertical {position:relative;max-width:820px;margin:0 auto;padding-left:24px}
.timeline-vertical::before {content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#ff3b3b,#1e2630)}
.timeline-item {position:relative;padding:0 0 24px 32px}
.timeline-item::before {content:"";position:absolute;left:-6px;top:4px;width:14px;height:14px;background:#0d1117;border:2px solid #ff3b3b;transform:rotate(45deg)}
.timecode {display:block;font-size:.8rem;font-weight:700;color:#ff3b3b;letter-spacing:.08em;margin-bottom:4px}
.event {font-size:.9rem;color:#a0aab5;line-height:1.5}
.episodes-section {padding:36px 24px;background:#0b0e14;border-bottom:1px solid #1a212b}
.episode-scroller {display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.episode-card {background:#111620;border:1px solid #1e2630;border-radius:2px;padding:18px 16px;position:relative;transition:all .25s;display:flex;flex-direction:column;gap:8px}
.episode-card:hover {border-color:#ff3b3b;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.5)}
.ep-number {position:absolute;top:10px;right:12px;font-size:2.2rem;font-weight:700;color:#1a222d;line-height:1;letter-spacing:-.05em}
.episode-card h3 {font-size:.95rem;font-weight:700;color:#d6dbe0;padding-right:32px;line-height:1.3}
.episode-card p {font-size:.78rem;color:#7d8794;line-height:1.5;flex:1}
.duration {font-size:.72rem;color:#5a6472;letter-spacing:.1em;border-top:1px solid #1a212b;padding-top:8px}
.comments-section {padding:36px 24px;background:#0d1117;border-bottom:1px solid #1a212b}
.comment-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.comment-card {background:#111620;border:1px solid #1e2630;border-left:3px solid #ff3b3b;padding:16px 14px;border-radius:0 2px 2px 0;transition:all .2s}
.comment-card:hover {background:#141b25}
.commenter {display:block;font-size:.8rem;font-weight:700;color:#ff3b3b;margin-bottom:8px;letter-spacing:.05em}
.comment-card p {font-size:.82rem;color:#9aa3ad;line-height:1.6}
.recommendation-stack {padding:32px 24px;background:#0b0e14;border-bottom:1px solid #1a212b}
.recommendation-stack h2 {font-size:1.15rem;font-weight:700;color:#eef1f4;letter-spacing:.12em;margin-bottom:18px;display:flex;align-items:center;gap:10px}
.recommendation-stack h2::before {content:"";width:22px;height:3px;background:#ff3b3b}
.stack-cards {display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
a[data-runtime="recommendation"] {display:flex;flex-direction:column;background:#111620;border:1px solid #1e2630;padding:10px;transition:all .25s;color:#c8cdd4;text-decoration:none;position:relative}
a[data-runtime="recommendation"]:hover {border-color:#ff3b3b;transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.6)}
a[data-runtime="recommendation"] img {width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:10px;border:1px solid #1a212b}
a[data-runtime="recommendation"] [data-runtime="name"] {font-size:.85rem;font-weight:700;color:#d6dbe0;margin-bottom:4px;line-height:1.3}
a[data-runtime="recommendation"] [data-runtime="blurb"] {font-size:.72rem;color:#6b7684;line-height:1.4}
footer {padding:28px 24px 24px;background:#070a0e;border-top:1px solid #1a212b}
.disclaimer {font-size:.75rem;color:#5a6472;line-height:1.6;max-width:900px;margin-bottom:16px}
.footer-links {display:flex;gap:18px;margin-bottom:14px}
a[data-contract="footer-home"], a[data-contract="footer-sitemap"] {font-size:.82rem;color:#8b95a3;text-decoration:none;transition:color .2s}
a[data-contract="footer-home"]:hover, a[data-contract="footer-sitemap"]:hover {color:#ff3b3b}
.friend-links {display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
.friend-label {font-size:.8rem;color:#5a6472}
a.runtime-friend-link {font-size:.78rem;color:#6b7684;text-decoration:none;padding:2px 0;border-bottom:1px dotted #2a3440;transition:color .2s}
a.runtime-friend-link:hover {color:#ff3b3b;border-bottom-color:#ff3b3b}
.stage-shell.theater-mode .stage-mediaframe {max-width:100%;border:2px solid #ff3b3b}
.stage-shell.lights-low .stage-mediaframe {box-shadow:0 0 80px rgba(0,0,0,.8)}
.stage-shell.lights-low .player-controls {opacity:.6}
.player-controls:has(button:active) {background:#1a222d}
@media (max-width:900px){.movie-overview-block {grid-template-columns:200px 1fr;padding:24px 16px}
.poster-wrapper {padding-right:20px}
.comment-grid {grid-template-columns:repeat(2,1fr)}
.stack-cards {grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}
@media (max-width:640px){header {flex-direction:column;align-items:flex-start;gap:10px;padding:10px 16px}
.primary-categories {width:100%}
.surveillance-stage {padding:16px 12px 12px}
.movie-overview-block {grid-template-columns:1fr;gap:20px;padding:20px 14px}
.poster-wrapper {padding-right:0;max-width:220px}
.poster-img {width:100%}
.comment-grid {grid-template-columns:1fr}
.timeline-section, .episodes-section, .comments-section, .recommendation-stack {padding:24px 14px}
.episode-scroller {grid-template-columns:1fr}
.stack-cards {grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
.player-controls button {font-size:.68rem;padding:3px 8px}
.movie-title {font-size:1.25rem}}
@media (max-width:400px){.stack-cards {grid-template-columns:1fr 1fr}
.episode-status-group {flex-direction:column;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}
