*, *::before, *::after {box-sizing:border-box;margin:0;padding:0}
html {scroll-behavior:smooth}
body {font-family:"Noto Sans SC","Microsoft YaHei","PingFang SC",system-ui,sans-serif;background:#05060f;color:#cfd3e6;line-height:1.5;min-height:100vh;overflow-x:hidden}
img, video {display:block;max-width:100%;height:auto}
a {color:inherit;text-decoration:none;transition:color .2s ease}
button {font:inherit;cursor:pointer;background:none;border:none;color:inherit}
header {position:sticky;top:0;z-index:100;background:rgba(5,6,15,.94);border-bottom:1px solid rgba(120,40,60,.4);backdrop-filter:blur(8px)}
.header-shell {display:flex;align-items:center;gap:24px;padding:10px 24px;max-width:1600px;margin:0 auto}
.site-brand {font-size:22px;font-weight:900;letter-spacing:2px;color:#e8ecf7;text-transform:uppercase;white-space:nowrap;position:relative;padding-left:18px}
.site-brand::before {content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) rotate(45deg);width:10px;height:10px;background:#c8233a;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
a[data-contract="site-name"] {color:#e8ecf7;text-decoration:none}
a[data-contract="site-name"]:hover {color:#ff3b56}
.categories-bar {display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:4px 0;scrollbar-width:thin;flex:1;min-width:0}
a.runtime-category {white-space:nowrap;font-size:13px;padding:6px 12px;border-radius:0;background:linear-gradient(135deg,rgba(20,25,50,.7),rgba(10,12,30,.9));color:#9aa3c7;border-left:2px solid rgba(200,35,58,.6);text-decoration:none;letter-spacing:.5px;flex-shrink:0}
a.runtime-category:hover {color:#fff;background:linear-gradient(135deg,rgba(200,35,58,.3),rgba(10,12,30,.9));border-left-color:#ff3b56}
main {max-width:1600px;margin:0 auto;padding:0 16px}
.hero-zone {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;padding:28px 0 12px;position:relative}
.poster-column {display:flex;flex-direction:column;gap:8px}
.poster-frame {position:relative;width:100%;max-width:420px;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));background:linear-gradient(135deg,#1a1e3a,#0d0f20);padding:4px}
.hero-poster {width:100%;aspect-ratio:2/3;object-fit:cover;filter:contrast(1.1) brightness(.85);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}
.info-panel {background:linear-gradient(160deg,rgba(22,26,48,.92),rgba(10,12,28,.96));border:1px solid rgba(120,40,60,.3);border-left:none;padding:24px 28px 20px;position:relative;display:flex;flex-direction:column}
.info-panel::before {content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#c8233a,#2a1a3a,#c8233a)}
.movie-title {font-size:34px;font-weight:900;letter-spacing:3px;color:#f0f2ff;text-shadow:0 0 20px rgba(200,35,58,.3);line-height:1.2;margin-bottom:4px;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px))}
.tagline {font-size:12px;color:#6a7199;letter-spacing:1px;margin-bottom:2px;text-transform:uppercase}
.movie-tagline {font-size:18px;font-weight:700;color:#ff3b56;letter-spacing:2px;margin:8px 0 16px;font-style:italic;text-shadow:0 0 12px rgba(255,59,86,.3)}
.section-title-angled {font-size:20px;font-weight:800;color:#dce0f5;letter-spacing:2px;margin:20px 0 8px;padding-left:14px;position:relative;text-transform:uppercase}
.section-title-angled::before {content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #c8233a}
.section-title-angled::after {content:"";position:absolute;left:14px;bottom:-2px;width:60px;height:2px;background:linear-gradient(90deg,#c8233a,transparent)}
.synopsis-block {margin-bottom:4px}
.synopsis-para {font-size:14px;color:#aab1d4;line-height:1.7;margin-bottom:6px;text-align:justify;padding-left:14px;border-left:1px solid rgba(200,35,58,.2)}
.cast-grid-panel {margin-top:4px}
.cast-grid {display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px}
.cast-card {display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;background:rgba(15,18,40,.6);border:1px solid rgba(100,110,160,.15);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);transition:background .2s,transform .2s}
.cast-card:hover {background:rgba(200,35,58,.15);transform:translateY(-2px)}
.cast-avatar {width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2a2e52,#1a1e3a);color:#e0e4f8;font-size:18px;font-weight:700;border:1px solid rgba(120,130,180,.3);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.cast-name {font-size:13px;color:#c3c9e8;letter-spacing:.5px;white-space:nowrap}
.episode-status-strip {display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 8px;padding:10px 0;border-top:1px solid rgba(120,60,90,.2);border-bottom:1px solid rgba(120,60,90,.2)}
.status-item {font-size:12px;color:#8f96bd;padding:2px 10px;background:rgba(15,18,40,.6);color:#c3c9e8;border:1px solid rgba(100,110,160,.2)}
.status-item:first-child {color:#ff3b56;border-color:rgba(255,59,86,.4)}
.details-meta {display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.meta-chip {font-size:12px;color:#8f96bd;padding:3px 10px;background:rgba(10,12,30,.7);border:1px solid rgba(100,110,160,.2);letter-spacing:.5px}
.meta-chip:nth-child(n/**/+6) {color:#c3c9e8}
.player-shell {background:linear-gradient(180deg,rgba(10,12,28,.9),rgba(5,6,15,.95));border:1px solid rgba(120,40,60,.3);padding:12px;margin:12px 0 8px;position:relative;width:100%}
.player-shell video {aspect-ratio:16/9;width:100%;background:#000;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
.player-controls {display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;padding:8px 4px;border-top:1px solid rgba(120,60,90,.2)}
.player-controls button {font-size:12px;color:#9aa3c7;padding:4px 12px;border:1px solid rgba(100,110,160,.25);background:rgba(15,18,40,.6);transition:all .2s}
.player-controls button:hover {color:#fff;border-color:#ff3b56;background:rgba(200,35,58,.2)}
.player-controls button[data-player-action="theater"], .player-controls button[data-player-action="light"] {color:#ff3b56}
.episodes-timeline-section {padding:16px 0;position:relative}
.episode-timeline {display:grid;grid-template-columns:1fr 1fr;gap:0 24px;position:relative;margin-top:12px}
.episode-timeline::before {content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#c8233a,rgba(200,35,58,.1));transform:translateX(-50%)}
.episode-item {display:flex;align-items:flex-start;gap:8px;padding:10px 12px;margin:4px 0;background:rgba(15,18,40,.5);border:1px solid rgba(100,110,160,.12);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);transition:background .2s}
.episode-item:hover {background:rgba(200,35,58,.1)}
.episode-item:nth-child(odd) {margin-right:8px}
.episode-item:nth-child(even) {margin-left:8px}
.episode-diamond {width:10px;height:10px;background:transparent;border:2px solid #c8233a;transform:rotate(45deg);margin-top:6px;flex-shrink:0;position:relative}
.episode-item:first-child .episode-diamond, .episode-item:nth-child(4) .episode-diamond, .episode-item:nth-child(8) .episode-diamond, .episode-item:last-child .episode-diamond {background:#c8233a;box-shadow:0 0 8px rgba(200,35,58,.6)}
.episode-num {font-size:16px;font-weight:800;color:#ff3b56;min-width:20px;text-align:center;line-height:1.2;margin-top:2px}
.episode-info {flex:1;min-width:0}
.ep-title {display:block;font-size:14px;font-weight:700;color:#dce0f5;letter-spacing:.5px}
.ep-summary {font-size:12px;color:#8f96bd;line-height:1.5;margin-top:2px}
.ep-duration {font-size:11px;color:#6a7199;white-space:nowrap;align-self:center;padding-left:8px}
.timeline-section {padding:20px 0}
.timeline-horizontal {position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-top:20px;overflow-x:auto;padding-bottom:8px}
.timeline-horizontal::before {content:"";position:absolute;top:12px;left:0;right:0;height:2px;background:repeating-linear-gradient(90deg,#c8233a 0 20px,transparent 20px 24px);opacity:.4}
.timeline-node {flex:1;min-width:140px;text-align:center;position:relative;padding-top:30px;background:rgba(15,18,40,.5);border:1px solid rgba(100,110,160,.15);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);margin:0 2px}
.timeline-node::before {content:"";position:absolute;top:5px;left:50%;transform:translateX(-50%) rotate(45deg);width:14px;height:14px;background:#1a1e3a;border:2px solid #c8233a;z-index:1}
.timeline-node:nth-child(3)::before, .timeline-node:last-child::before {background:#c8233a;box-shadow:0 0 10px rgba(200,35,58,.7)}
.timecode {display:block;font-size:16px;font-weight:800;color:#ff3b56;margin-bottom:4px;padding:4px 0;background:rgba(200,35,58,.1)}
.label {display:block;font-size:12px;color:#aab1d4;line-height:1.4;padding:6px 8px}
.comments-section {padding:20px 0}
.comments-slider {display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
.comment-card {background:linear-gradient(160deg,rgba(20,24,48,.85),rgba(10,12,28,.9));border:1px solid rgba(100,110,160,.2);padding:14px;position:relative;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.comment-card::before {content:"";position:absolute;top:0;right:0;width:0;height:0;border-top:20px solid #c8233a;border-left:20px solid transparent}
.comment-nick {display:block;font-size:14px;font-weight:700;color:#e0e4f8;margin-bottom:6px;letter-spacing:.5px}
.comment-text {font-size:13px;color:#aab1d4;line-height:1.6}
.recommend-region {padding:16px 0;position:relative}
.recommend-title {font-size:22px;font-weight:800;color:#dce0f5;letter-spacing:2px;padding-left:16px;margin-bottom:12px;position:relative;display:inline-block;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));background:linear-gradient(90deg,rgba(200,35,58,.2),transparent);padding:6px 20px 6px 16px}
.recommend-list {display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
a.rec-card {display:flex;flex-direction:column;background:linear-gradient(160deg,rgba(20,24,48,.85),rgba(8,10,24,.95));border:1px solid rgba(100,110,160,.2);padding:8px;text-decoration:none;color:inherit;transition:transform .2s,border-color .2s,box-shadow .2s;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);position:relative}
a.rec-card:hover {transform:translateY(-4px);border-color:rgba(200,35,58,.6);box-shadow:0 4px 20px rgba(200,35,58,.2)}
[data-runtime="recommendation"] img {width:100%;aspect-ratio:16/9;object-fit:cover;background:#1a1e3a;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}
[data-runtime="name"] {display:block;font-size:14px;font-weight:700;color:#dce0f5;margin-top:8px;letter-spacing:.5px}
[data-runtime="blurb"] {display:block;font-size:12px;color:#8f96bd;line-height:1.4;margin-top:4px}
.site-footer {background:linear-gradient(180deg,rgba(8,10,24,.95),#05060f);border-top:1px solid rgba(120,40,60,.4);padding:24px 16px 16px;margin-top:24px}
.disclaimer {font-size:12px;color:#6a7199;line-height:1.6;max-width:1200px;margin:0 auto 16px;padding:10px 16px;border-left:3px solid #c8233a;background:rgba(15,18,40,.4)}
.footer-nav {display:flex;gap:16px;justify-content:center;margin-bottom:16px}
a[data-contract="footer-home"], a[data-contract="footer-sitemap"] {color:#9aa3c7;text-decoration:none;font-size:14px;letter-spacing:1px;padding:4px 8px;border:1px solid rgba(100,110,160,.2);transition:all .2s}
a[data-contract="footer-home"]:hover, a[data-contract="footer-sitemap"]:hover {color:#fff;border-color:#ff3b56}
.friend-links {display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center;max-width:1200px;margin:0 auto;padding-top:12px;border-top:1px solid rgba(100,110,160,.1)}
.friend-label {font-size:12px;color:#6a7199;margin-right:8px;letter-spacing:1px}
a.runtime-friend-link {font-size:12px;color:#8f96bd;text-decoration:none;padding:2px 8px;border:1px solid rgba(100,110,160,.15);transition:all .2s;background:rgba(15,18,40,.4)}
a.runtime-friend-link:hover {color:#ff3b56;border-color:#ff3b56;background:rgba(200,35,58,.1)}
.player.theater-mode {position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999;aspect-ratio:auto;object-fit:contain}
.lights-off {filter:brightness(.3);transition:filter .3s}
.player.lights-off {filter:brightness(.8)}
.theater-mode {position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999;aspect-ratio:auto;object-fit:contain;background:#000}
.theater-mode + .player-controls {position:fixed;bottom:0;left:0;right:0;z-index:1000;background:rgba(0,0,0,.9)}
@media (max-width:1200px){.hero-zone {grid-template-columns:minmax(0,1fr);gap:16px}
.poster-column {max-width:400px}
.info-panel {border-left:1px solid rgba(120,40,60,.3)}
.cast-grid {grid-template-columns:repeat(5,1fr)}
.comments-slider {grid-template-columns:repeat(2,1fr)}
.recommend-list {grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.header-shell {flex-direction:column;gap:8px;padding:10px}
.categories-bar {width:100%}
.episode-timeline {grid-template-columns:1fr}
.episode-timeline::before {left:6px;transform:none}
.episode-item:nth-child(odd), .episode-item:nth-child(even) {margin-left:0}
.timeline-horizontal {flex-direction:column;align-items:stretch}
.timeline-horizontal::before {display:none}
.timeline-node {min-width:auto;padding-top:8px}
.timeline-node::before {display:none}
.recommend-list {grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){main {padding:0 8px}
.hero-zone {padding:12px 0}
.poster-column {max-width:100%}
.info-panel {padding:16px}
.movie-title {font-size:26px}
.cast-grid {grid-template-columns:repeat(3,1fr)}
.player-controls {justify-content:center}
.player-controls button {padding:4px 10px;font-size:11px}
.episode-item {flex-wrap:wrap}
.ep-duration {width:100%;padding-left:0;padding-top:4px}
.comments-slider {grid-template-columns:1fr}
.recommend-list {grid-template-columns:1fr}
.footer-nav {flex-direction:column;align-items:center;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}