*, *::before, *::after {box-sizing:border-box;margin:0;padding:0}
html {-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body {font-family:"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;background:#0a0a0a;color:#c8c8c8;line-height:1.5;font-weight:300;letter-spacing:.02em;min-height:100vh}
a {color:inherit;text-decoration:none}
img, video {display:block;max-width:100%}
button {font:inherit;color:inherit;background:none;border:none;cursor:pointer}
blockquote {quotes:none}
blockquote::before, blockquote::after {content:"";content:none}
dl, dd {margin:0}
.site-header {position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:24px;padding:10px 20px;background:rgba(10,10,10,.85);backdrop-filter:blur(8px);border-bottom:1px solid rgba(200,200,200,.08);flex-wrap:wrap}
a[data-contract="site-name"] {font-size:1.35rem;font-weight:700;letter-spacing:.12em;color:#f5f5f0;text-transform:uppercase;white-space:nowrap;transition:color .3s}
a[data-contract="site-name"]:hover {color:#c0392b}
.categories-nav {display:flex;flex-wrap:wrap;gap:4px 14px;flex:1 1 auto;justify-content:flex-end;min-width:0;overflow:hidden}
.categories-nav a.runtime-category {color:#8a8a8a;font-size:.78rem;letter-spacing:.08em;white-space:nowrap;transition:color .3s;padding:4px 0;border-bottom:1px solid transparent}
.categories-nav a.runtime-category:hover {color:#e8e8e8;border-bottom-color:#c0392b}
.page-main {max-width:1440px;margin:0 auto;padding:0 20px}
.section-title, .section-subhead {font-weight:700;color:#f0f0eb;letter-spacing:.1em}
.section-subhead {font-size:1rem;text-transform:uppercase;margin-bottom:12px;border-left:3px solid #c0392b;padding-left:10px}
.section-title {font-size:1.4rem;margin-bottom:20px}
.movie-overview-block {background:linear-gradient(145deg,#141414 0%,#0d0d0d 100%);border:1px solid rgba(200,200,200,.06);box-shadow:0 10px 40px rgba(0,0,0,.6);position:relative;overflow:hidden}
.movie-overview-block::before {content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#c0392b,#3a3a3a,#c0392b);opacity:.6;pointer-events:none}
.overview-layout {display:grid;grid-template-columns:300px minmax(0,1fr);gap:0}
.poster-media-wrap {position:relative;align-self:start}
.main-poster-img {width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;display:block;background:#1a1a1a}
.overview-info {padding:28px 32px 32px;display:flex;flex-direction:column;gap:0;min-width:0}
.movie-title {font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800;color:#f5f5f0;letter-spacing:.06em;line-height:1.2;margin-bottom:8px}
.tagline-highlight {font-size:1.05rem;color:#c0392b;font-style:italic;font-weight:400;letter-spacing:.04em;margin-bottom:28px;border-left:2px solid #c0392b;padding-left:14px}
.actor-grid {margin-bottom:28px}
.actor-chip-list {display:flex;flex-wrap:wrap;gap:8px}
.actor-chip {background:rgba(192,57,43,.08);border:1px solid rgba(192,57,43,.3);color:#d0d0d0;padding:4px 14px;font-size:.85rem;border-radius:2px;letter-spacing:.08em;transition:all .3s}
.actor-chip:hover {background:rgba(192,57,43,.18);border-color:#c0392b;color:#fff}
.synopsis-stack {margin-bottom:28px}
.synopsis-text {font-size:.92rem;line-height:1.75;color:#a8a8a8;margin-bottom:10px;max-width:70ch}
.synopsis-text:last-child {margin-bottom:0}
.episode-status-box {border-top:1px solid rgba(200,200,200,.1);border-bottom:1px solid rgba(200,200,200,.1);padding:18px 0;margin-bottom:24px}
.status-meta-row {display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.status-badge {background:rgba(192,57,43,.12);color:#e0a0a0;border:1px solid rgba(192,57,43,.35);padding:2px 12px;font-size:.78rem;letter-spacing:.1em;border-radius:2px;text-transform:uppercase}
.player-shell-wide {width:100%;max-width:720px;min-width:0}
.player-shell-wide video {width:100%;aspect-ratio:16/9;background:#000;border:1px solid rgba(200,200,200,.12)}
.player-controls {display:flex;flex-wrap:wrap;gap:6px;padding:8px 0;border:1px solid rgba(200,200,200,.08);border-top:0;background:rgba(20,20,20,.8)}
.player-controls button {font-size:.72rem;letter-spacing:.06em;color:#9a9a9a;padding:4px 10px;border:1px solid rgba(200,200,200,.15);border-radius:2px;background:transparent;transition:all .25s}
.player-controls button:hover {color:#f0f0f0;border-color:#c0392b;background:rgba(192,57,43,.15)}
.player-shell-wide.theater-mode {max-width:100%;background:#000;padding:18px;border-radius:4px;border:1px solid rgba(200,200,200,.15)}
body.lights-dim {background:#050505}
body.lights-dim .page-main {opacity:.96}
.detail-meta-grid {margin-top:2px}
.detail-list {display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:2px 24px}
.detail-item {display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px dashed rgba(200,200,200,.08);font-size:.82rem;line-height:1.4}
.detail-item dt {color:#6e6e6e;letter-spacing:.08em;white-space:nowrap}
.detail-item dd {color:#d4d4d4;text-align:right;font-weight:400}
.timeline-scroller {margin:48px 0;overflow:hidden}
.timeline-track {display:flex;gap:0;overflow-x:auto;padding-bottom:16px;scrollbar-width:thin;scrollbar-color:#3a3a3a #1a1a1a;align-items:stretch;position:relative}
.timeline-track::before {content:"";position:absolute;top:24px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#c0392b,transparent)}
.timeline-item {flex:0 0 auto;width:200px;padding:12px 16px 12px 0;position:relative;border-left:1px solid rgba(192,57,43,.3);margin-left:12px;min-height:90px;display:flex;flex-direction:column;gap:6px}
.timeline-item::after {content:"";position:absolute;left:-4px;top:10px;width:7px;height:7px;background:#c0392b;border-radius:50%;box-shadow:0 0 8px rgba(192,57,43,.6)}
.time-code {font-size:.78rem;font-weight:700;color:#c0392b;letter-spacing:.08em;white-space:nowrap}
.time-label {font-size:.8rem;color:#a0a0a0;line-height:1.5;font-weight:300}
.episode-vertical-list {margin:48px 0}
.episode-list {display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2px 0;border-top:1px solid rgba(200,200,200,.08)}
.episode-item {padding:16px 18px;border-bottom:1px solid rgba(200,200,200,.06);border-left:2px solid transparent;transition:all .3s;display:flex;flex-direction:column;gap:4px;position:relative;background:rgba(18,18,18,.4)}
.episode-item:hover {border-left-color:#c0392b;background:rgba(192,57,43,.04)}
.ep-number {font-size:.78rem;font-weight:700;color:#c0392b;letter-spacing:.1em}
.ep-name {font-size:1.05rem;font-weight:600;color:#e8e8e3;letter-spacing:.04em}
.ep-summary {font-size:.82rem;color:#8a8a8a;line-height:1.6;margin-top:2px}
.ep-duration {font-size:.72rem;color:#5e5e5e;letter-spacing:.06em;margin-top:auto;text-transform:uppercase}
.comment-masonry {margin:48px 0}
.comment-card-grid {columns:3;column-gap:16px}
.comment-card {break-inside:avoid;margin-bottom:16px;background:rgba(24,24,24,.6);border:1px solid rgba(200,200,200,.06);border-left:2px solid rgba(192,57,43,.4);padding:16px 18px;border-radius:2px;transition:background .3s}
.comment-card:hover {background:rgba(30,30,30,.8)}
.comment-author {display:block;font-size:.8rem;font-weight:600;color:#c0392b;letter-spacing:.06em;margin-bottom:6px;text-transform:uppercase}
.comment-body {font-size:.85rem;color:#b0b0b0;line-height:1.65;font-weight:300}
.recommend-row {margin:48px 0}
.recommend-title {font-size:1.15rem;font-weight:700;color:#e8e8e3;letter-spacing:.06em;margin-bottom:18px;border-bottom:1px solid rgba(200,200,200,.1);padding-bottom:10px}
.recommend-track {display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}
a.rec-card {display:flex;flex-direction:column;gap:8px;background:rgba(20,20,20,.5);border:1px solid rgba(200,200,200,.07);padding:10px;transition:all .3s;color:#d0d0d0;height:100%;align-self:start}
a.rec-card:hover {border-color:rgba(192,57,43,.5);transform:translateY(-2px);background:rgba(30,30,30,.7)}
[data-runtime="recommendation"] img {width:100%;aspect-ratio:2/3;object-fit:cover;background:#1a1a1a;display:block}
[data-runtime="recommendation"] [data-runtime="name"] {font-size:.9rem;font-weight:600;color:#e0e0db;letter-spacing:.03em;line-height:1.3}
[data-runtime="recommendation"] [data-runtime="blurb"] {font-size:.74rem;color:#8a8a8a;line-height:1.5;font-weight:300;flex:1 1 auto}
.site-footer {margin-top:64px;border-top:1px solid rgba(200,200,200,.1);background:#0d0d0d;padding:32px 20px 24px;display:flex;flex-direction:column;gap:20px}
.footer-disclaimer {font-size:.75rem;color:#6e6e6e;line-height:1.7;max-width:80ch;text-align:center;margin:0 auto}
.footer-links {display:flex;justify-content:center;gap:24px}
a[data-contract="footer-home"], a[data-contract="footer-sitemap"] {color:#8a8a8a;font-size:.85rem;letter-spacing:.1em;white-space:nowrap;transition:color .3s}
a[data-contract="footer-home"]:hover, a[data-contract="footer-sitemap"]:hover {color:#c0392b}
.friend-links {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;padding-top:12px;border-top:1px solid rgba(200,200,200,.06)}
.friend-label {font-size:.75rem;color:#5e5e5e;letter-spacing:.08em}
a.runtime-friend-link {font-size:.75rem;color:#7a7a7a;white-space:nowrap;transition:color .3s;letter-spacing:.04em}
a.runtime-friend-link:hover {color:#c0392b}
@media (max-width:1024px){.overview-layout {grid-template-columns:240px minmax(0,1fr)}
.overview-info {padding:24px 24px}
.comment-card-grid {columns:2}
.episode-list {grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}
@media (max-width:768px){.site-header {flex-direction:column;align-items:flex-start;gap:8px;padding:10px 16px}
.categories-nav {justify-content:flex-start;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
.categories-nav a.runtime-category {flex:0 0 auto}
.page-main {padding:0 14px}
.overview-layout {grid-template-columns:1fr}
.poster-media-wrap {max-width:260px;margin:0 auto}
.main-poster-img {aspect-ratio:2/3}
.overview-info {padding:20px 18px}
.movie-title {font-size:1.6rem}
.player-shell-wide {max-width:100%}
.detail-list {grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
.episode-list {grid-template-columns:1fr}
.comment-card-grid {columns:1}
.recommend-track {grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
.timeline-item {width:170px}}
@media (max-width:480px){.site-header {padding:8px 12px}
a[data-contract="site-name"] {font-size:1.15rem}
.page-main {padding:0 10px}
.overview-info {padding:16px 14px}
.movie-title {font-size:1.35rem}
.tagline-highlight {font-size:.95rem}
.synopsis-text {font-size:.86rem}
.status-meta-row {flex-direction:column;gap:6px}
.player-controls {gap:4px}
.player-controls button {padding:3px 8px;font-size:.68rem}
.detail-list {grid-template-columns:1fr 1fr;gap:0 12px}
.detail-item {font-size:.76rem;flex-direction:column;gap:2px}
.detail-item dd {text-align:left}
.episode-item {padding:14px 14px}
.recommend-track {grid-template-columns:1fr 1fr;gap:10px}
a.rec-card {padding:8px}
.rec-card [data-runtime="name"] {font-size:.82rem}
.footer-links {flex-direction:column;align-items:center;gap:10px}
.friend-links {gap:6px 12px}}
.player-shell-wide.theater-mode {position:relative;z-index:10}
body.lights-dim {transition:background .4s}
body.lights-dim .site-header {background:rgba(5,5,5,.9)}
.player-shell-wide:fullscreen {background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center}
.player-shell-wide:fullscreen video {max-height:90vh;width:auto;aspect-ratio:16/9}
.player-shell-wide.pip video {opacity:.4}
.player-shell-wide.pip::after {content:"PIP";position:absolute;top:10px;right:10px;background:#c0392b;color:#fff;font-size:.7rem;padding:2px 8px;letter-spacing:.1em;z-index:5}
img {background-color:#1a1a1a}
section {position:relative}
.episode-item, .timeline-item, .comment-card, .rec-card {position:relative}
.actor-chip-list, .episode-list, .comment-card-grid, .recommend-track, .detail-list {align-items:start}
.episode-item, .comment-card, .rec-card {align-self:start}
.poster-media-wrap {aspect-ratio:2/3;max-width:100%}
.poster-media-wrap .main-poster-img {object-fit:cover;width:100%;height:100%}

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}
