*, * {margin:0;padding:0;box-sizing:border-box}
html {scroll-behavior:smooth}
body {background:#0B1B3A;color:#c9d4e4;font-family:"Source Han Sans SC","Noto Sans CJK SC","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.6;font-size:14px;position:relative;min-height:100vh}
body::before {content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(230,161,94,0.06) 0%,transparent 60%),radial-gradient(ellipse at 85% 20%,rgba(230,161,94,0.04) 0%,transparent 50%),linear-gradient(180deg,#0B1B3A 0%,#0a1731 100%);z-index:-1;pointer-events:none}
ul {list-style:none}
a {color:inherit;text-decoration:none}
main {max-width:1280px;margin:0 auto;padding:0 24px}
h1, h2, h3 {font-family:"Songti SC","SimSun","Noto Serif SC",serif;font-weight:400;letter-spacing:0.04em;color:#e8eef7}
header {max-width:1280px;margin:0 auto;padding:20px 24px;display:flex;align-items:center;gap:32px;border-bottom:1px solid rgba(230,161,94,0.15);position:relative;z-index:10}
.site-brand {font-family:"Songti SC","SimSun","Noto Serif SC",serif;font-size:20px;letter-spacing:0.08em;color:#E6A15E;white-space:nowrap;transition:color 0.3s;text-shadow:0 0 20px rgba(230,161,94,0.2)}
.site-brand:hover {color:#f0b878}
nav[data-contract="categories"] {display:flex;flex-wrap:wrap;gap:4px 2px}
.runtime-category {font-size:13px;color:#8fa1bc;padding:4px 10px;border-radius:20px;transition:all 0.3s ease;white-space:nowrap;display:inline-block;line-height:1.4}
.runtime-category:hover {color:#E6A15E;background:rgba(230,161,94,0.08)}
.overview-shell {position:relative;display:grid;grid-template-columns:260px 1fr minmax(400px,480px);gap:24px;padding:48px 0 24px;align-items:start}
.poster-media-wrap {position:relative;width:100%;max-width:260px}
.overview-poster-img {display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:4px;box-shadow:0 20px 60px rgba(0,0,0,0.5);border:1px solid rgba(230,161,94,0.15)}
.overview-poster-img::after {content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(11,27,58,0.4) 100%);border-radius:4px;pointer-events:none}
.overview-content-group {display:flex;flex-direction:column;gap:16px;padding-right:8px}
.movie-title {font-size:26px;line-height:1.3;letter-spacing:0.06em;color:#f0f4fa;margin-bottom:2px}
.movie-tagline {color:#E6A15E;font-size:14px;letter-spacing:0.1em;border-left:3px solid rgba(230,161,94,0.5);padding-left:12px;margin-bottom:4px}
.synopsis-block {display:flex;flex-direction:column;gap:10px}
.section-subhead {font-size:16px;letter-spacing:0.12em;color:#E6A15E;position:relative;padding-bottom:8px;margin-bottom:4px}
.section-subhead::after {content:"";position:absolute;left:0;bottom:0;width:36px;height:1px;background:rgba(230,161,94,0.4)}
.synopsis-para {font-size:13px;line-height:1.8;color:#a5b5cd;text-align:justify;margin-bottom:2px}
.cast-panel {margin-top:4px}
.cast-list {display:flex;flex-wrap:wrap;gap:12px 20px;padding:10px 0}
.cast-item {display:flex;align-items:center;gap:8px;font-size:13px;color:#b8c6da;cursor:default;transition:color 0.3s}
.cast-item:hover {color:#E6A15E}
.cast-avatar {display:block;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,rgba(230,161,94,0.2),rgba(230,161,94,0.05));border:1px solid rgba(230,161,94,0.3);position:relative;flex-shrink:0}
.cast-avatar::after {content:"";position:absolute;inset:4px;border-radius:50%;border:1px solid rgba(230,161,94,0.15)}
.episode-status-strip {display:inline-flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid rgba(230,161,94,0.1);border-bottom:1px solid rgba(230,161,94,0.1);align-self:flex-start;margin-top:4px}
.status-label {color:#a5b5cd;font-size:13px}
.total-episodes {color:#E6A15E;font-weight:700}
.status-sep {color:rgba(230,161,94,0.4)}
.status-current {color:#8fa1bc;font-size:13px}
.current-episode {color:#E6A15E;font-weight:700}
.details-grid {display:grid;grid-template-columns:repeat(4,auto);gap:6px 20px;padding-top:8px}
.detail-item {display:flex;gap:8px;align-items:baseline;font-size:12px}
.detail-key {color:#6d7e99;white-space:nowrap}
.detail-value {color:#b8c6da;white-space:nowrap}
.player-wrapper {position:relative;grid-column:3;grid-row:1 / span 2;background:rgba(10,22,46,0.7);border-radius:8px;border:1px solid rgba(230,161,94,0.12);overflow:hidden;box-shadow:0 15px 40px rgba(0,0,0,0.4)}
.player-wrapper video {display:block;background:#000;border-bottom:1px solid rgba(230,161,94,0.1)}
.player-control-bar {display:flex;flex-wrap:wrap;gap:4px;padding:8px 10px;align-items:center;background:rgba(8,18,38,0.8)}
.ctrl-btn {background:rgba(230,161,94,0.08);border:1px solid rgba(230,161,94,0.2);color:#8fa1bc;font-size:11px;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all 0.3s;white-space:nowrap}
.ctrl-btn:hover {background:rgba(230,161,94,0.15);color:#E6A15E}
.ctrl-btn.active-control, .ctrl-btn.muted-on, .ctrl-btn.speed-high {background:rgba(230,161,94,0.25);color:#E6A15E;border-color:rgba(230,161,94,0.4)}
.ctrl-progress {flex:1;min-width:120px;height:4px;accent-color:#E6A15E;background:rgba(230,161,94,0.1);border:none;border-radius:2px;cursor:pointer}
.ctrl-progress::-webkit-slider-thumb {-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#E6A15E;cursor:pointer}
.theater-mode video {max-width:100%;height:auto}
.theater-mode {background:#050d1f}
.timeline-section {padding:48px 0 32px;position:relative}
.section-title {font-size:22px;letter-spacing:0.15em;margin-bottom:28px;position:relative;display:inline-block;padding-bottom:10px}
.section-title::after {content:"";position:absolute;left:0;bottom:0;width:48px;height:2px;background:linear-gradient(90deg,#E6A15E,transparent)}
.timeline-list {position:relative;display:flex;flex-direction:column;gap:0;max-width:720px}
.timeline-list::before {content:"";position:absolute;left:120px;top:8px;bottom:8px;width:1px;background:rgba(230,161,94,0.2)}
.timeline-entry {display:grid;grid-template-columns:120px 1fr;gap:20px;padding:10px 0;position:relative;align-items:baseline;transition:background 0.3s}
.timeline-entry::before {content:"";position:absolute;left:114px;top:16px;width:13px;height:13px;border-radius:50%;background:#0B1B3A;border:2px solid #E6A15E;z-index:1;transition:all 0.3s}
.timeline-entry:hover::before {background:#E6A15E;box-shadow:0 0 12px rgba(230,161,94,0.5)}
.timeline-entry:hover {background:rgba(230,161,94,0.03)}
.timeline-time {font-family:"Songti SC","SimSun","Noto Serif SC",serif;font-size:13px;color:#E6A15E;letter-spacing:0.05em;text-align:right;padding-right:10px;white-space:nowrap}
.timeline-label {font-size:13px;color:#a5b5cd;padding-left:14px;line-height:1.6}
.episodes-section {padding:32px 0;border-top:1px solid rgba(230,161,94,0.08)}
.episode-card-list {display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:8px 0}
.episode-card {background:rgba(10,22,46,0.5);border:1px solid rgba(230,161,94,0.1);border-radius:6px;padding:14px 16px;display:flex;flex-direction:column;gap:6px;transition:all 0.3s;cursor:default;position:relative;overflow:hidden}
.episode-card::before {content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(230,161,94,0.3),transparent);opacity:0;transition:opacity 0.3s}
.episode-card:hover {background:rgba(20,38,70,0.7);border-color:rgba(230,161,94,0.25);transform:translateY(-2px)}
.episode-card:hover::before {opacity:1}
.episode-number {font-family:"Songti SC","SimSun","Noto Serif SC",serif;font-size:12px;color:#E6A15E;letter-spacing:0.2em;opacity:0.7}
.episode-title {font-size:16px;color:#e8eef7;letter-spacing:0.04em;margin:2px 0}
.episode-summary {font-size:12px;color:#8fa1bc;line-height:1.6;flex:1}
.episode-duration {font-size:11px;color:#6d7e99;margin-top:4px;letter-spacing:0.06em;display:inline-flex;align-items:center;gap:4px}
.episode-duration::before {content:"";display:inline-block;width:10px;height:10px;border:1px solid rgba(230,161,94,0.3);border-radius:2px;position:relative}
.episode-duration::after {content:"";position:absolute;width:4px;height:4px;background:#E6A15E;opacity:0.6}
.comments-section {padding:40px 0;border-top:1px solid rgba(230,161,94,0.08)}
.comments-masonry {display:grid;grid-template-columns:repeat(2,1fr);gap:14px;align-items:start}
.comment-card {background:rgba(10,22,46,0.4);border:1px solid rgba(230,161,94,0.08);border-radius:6px;padding:16px 18px;display:flex;flex-direction:column;gap:8px;transition:all 0.3s;break-inside:avoid}
.comment-card:hover {border-color:rgba(230,161,94,0.2);background:rgba(14,28,56,0.5)}
.comment-nick {font-family:"Songti SC","SimSun","Noto Serif SC",serif;font-size:14px;color:#E6A15E;letter-spacing:0.06em;display:flex;align-items:center;gap:8px}
.comment-nick::before {content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#E6A15E;opacity:0.5}
.comment-text {font-size:13px;color:#a5b5cd;line-height:1.7;text-align:justify}
.recommend-section {padding:36px 0 20px;border-top:1px solid rgba(230,161,94,0.06)}
.recommend-title {font-size:18px;letter-spacing:0.1em;color:#E6A15E;margin-bottom:18px;position:relative;display:inline-block;padding-bottom:8px}
.recommend-title::after {content:"";position:absolute;left:0;bottom:0;width:32px;height:1px;background:rgba(230,161,94,0.4)}
.recommend-row {display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.recommend-item {display:flex;flex-direction:column;gap:6px;background:rgba(10,22,46,0.4);border:1px solid rgba(230,161,94,0.1);border-radius:6px;padding:8px;transition:all 0.3s;text-decoration:none;color:inherit;overflow:hidden}
.recommend-item:hover {transform:translateY(-3px);border-color:rgba(230,161,94,0.3);background:rgba(16,32,62,0.6)}
.recommend-item img {width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:4px;background:rgba(230,161,94,0.05)}
.recommend-item span[data-runtime="name"] {font-size:13px;color:#d5deea;letter-spacing:0.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recommend-item span[data-runtime="blurb"] {font-size:11px;color:#7d8eaa;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
footer {max-width:1280px;margin:48px auto 0;padding:24px 24px 40px;border-top:1px solid rgba(230,161,94,0.15);display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;font-size:12px}
.footer-disclaimer {width:100%;color:#5b6d8a;line-height:1.7;margin-bottom:8px;font-size:11px;letter-spacing:0.03em}
.friend-links {display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;flex:1;min-width:200px}
.friend-label {color:#6d7e99;white-space:nowrap}
.runtime-friend-link {color:#7d8eaa;text-decoration:none;transition:color 0.3s;white-space:nowrap}
.runtime-friend-link:hover {color:#E6A15E;text-decoration:underline}
.footer-link {color:#8fa1bc;text-decoration:none;transition:color 0.3s;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}
.footer-link:hover {color:#E6A15E;text-decoration:underline}
body.night-light-off main, body.night-light-off header, body.night-light-off footer {filter:brightness(0.5) contrast(1.1)}
body.night-light-off .poster-media-wrap, body.night-light-off .player-wrapper {filter:brightness(0.8)}
body.night-light-off .overview-shell {background:rgba(5,12,26,0.3)}
body.night-light-off .player-wrapper::after {content:"";position:absolute;inset:0;background:rgba(5,12,26,0.6);pointer-events:none;z-index:5}
@media (max-width:1100px){.overview-shell {grid-template-columns:220px 1fr;gap:20px}
.player-wrapper {grid-column:1 / -1;grid-row:auto;margin-top:8px}
.poster-media-wrap {max-width:220px}
.details-grid {grid-template-columns:repeat(3,auto)}}
@media (max-width:768px){main {padding:0 16px}
header {flex-direction:column;align-items:flex-start;gap:10px;padding:16px}
.overview-shell {grid-template-columns:140px 1fr;padding:24px 0 16px;gap:14px}
.poster-media-wrap {max-width:140px}
.movie-title {font-size:20px}
.movie-tagline {font-size:12px}
.synopsis-para {font-size:12px;line-height:1.7}
.details-grid {grid-template-columns:repeat(2,auto);gap:6px 14px}
.timeline-list::before {left:70px}
.timeline-entry {grid-template-columns:70px 1fr;gap:12px}
.timeline-entry::before {left:64px;width:11px;height:11px}
.timeline-time {font-size:12px;padding-right:8px}
.comments-masonry {grid-template-columns:1fr}
.recommend-row {grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.episode-card-list {grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.player-wrapper {min-width:0}}
@media (max-width:480px){body {font-size:13px}
main {padding:0 12px}
header {padding:14px 12px}
.site-brand {font-size:17px}
.overview-shell {grid-template-columns:1fr;display:flex;flex-direction:column;gap:16px}
.poster-media-wrap {max-width:160px;margin:0 auto}
.overview-content-group {width:100%;padding:0}
.movie-title {font-size:18px;text-align:center}
.movie-tagline {text-align:center;border-left:none;padding-left:0;font-size:12px}
.section-subhead {font-size:15px}
.cast-list {justify-content:center;gap:10px 16px}
.episode-status-strip {align-self:center;flex-wrap:wrap;justify-content:center}
.details-grid {grid-template-columns:repeat(2,1fr);gap:8px 10px;text-align:center}
.detail-item {justify-content:center;font-size:11px}
.timeline-list::before {left:50px}
.timeline-entry {grid-template-columns:50px 1fr;gap:10px}
.timeline-entry::before {left:44px;width:10px;height:10px}
.timeline-time {font-size:11px;padding-right:6px}
.timeline-label {font-size:12px;padding-left:10px}
.episode-card-list {grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
.episode-card {padding:10px 12px}
.episode-title {font-size:14px}
.episode-summary {font-size:11px}
.comments-masonry {grid-template-columns:1fr;gap:10px}
.comment-card {padding:12px 14px}
.recommend-row {grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.recommend-item {padding:6px}
.recommend-title {font-size:16px}
footer {padding:16px 12px 32px;gap:8px 12px}
.friend-links {gap:4px 10px}
.footer-disclaimer {font-size:10px;line-height:1.6}}
img, video {max-width:100%;height:auto}
video {aspect-ratio:16/9;width:100%}
.player-wrapper video {aspect-ratio:16/9;width:100%;height:auto}
@media (min-width:769px){.overview-shell {grid-template-columns:260px minmax(0,1fr) minmax(480px,560px)}}
@media (min-width:1101px){.overview-shell {grid-template-columns:260px minmax(0,1fr) minmax(480px,560px)}}
.synopsis-block p:last-child {margin-bottom:0}
.cast-avatar:hover {background:linear-gradient(135deg,rgba(230,161,94,0.3),rgba(230,161,94,0.1));box-shadow:0 0 12px rgba(230,161,94,0.2)}
.episode-status-strip .status-current {letter-spacing:0.02em}
[data-runtime="recommendation"] img {width:100%;display:block;aspect-ratio:16/10;object-fit:cover;border-radius:4px;background:rgba(230,161,94,0.05)}
section {padding-top:32px;padding-bottom:24px}
.overview-shell {padding-top:40px}
.timeline-section {padding-top:40px}
::selection {background:rgba(230,161,94,0.25);color:#f0f4fa}
::-webkit-scrollbar {width:8px;height:8px}
::-webkit-scrollbar-track {background:#0a1731}
::-webkit-scrollbar-thumb {background:rgba(230,161,94,0.25);border-radius:4px}
::-webkit-scrollbar-thumb:hover {background:rgba(230,161,94,0.4)}
:focus-visible {outline:2px solid rgba(230,161,94,0.5);outline-offset:2px}
.footer-disclaimer {max-width:80ch}
.runtime-friend-link {display:inline-block;padding:2px 0}
footer .footer-link {margin-left:auto}
@media (max-width:768px){footer .footer-link {margin-left:0}}
.overview-content-group {min-width:0}
.player-wrapper {min-width:0}
.recommend-row, .episode-card-list, .comments-masonry {min-width:0}
.synopsis-block + .cast-panel {margin-top:8px}
.cast-panel + .episode-status-strip {margin-top:8px}
.episode-status-strip + .details-grid {margin-top:12px}
body::after {content:"";position:fixed;top:0;left:0;right:0;height:120px;background:linear-gradient(180deg,rgba(230,161,94,0.04),transparent);pointer-events:none;z-index:0}

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}