*, *::before, *::after {box-sizing:border-box;margin:0;padding:0}
html {scroll-behavior:smooth}
body {font-family:"Songti SC","STSong","SimSun",serif;background:#0e1621;color:#d7e1eb;line-height:1.6;font-size:16px}
img {max-width:100%;display:block}
a {color:inherit}
button {font:inherit;cursor:pointer;background:none;border:none;color:inherit}
header {background:#0a1119;border-bottom:3px solid #f4a261;display:flex;align-items:center;gap:2rem;padding:0.8rem 1.5rem;position:sticky;top:0;z-index:50;flex-wrap:wrap}
.site-brand {font-family:"Heiti SC","Microsoft YaHei",sans-serif;font-weight:700;font-size:1.3rem;color:#f4a261;text-decoration:none;letter-spacing:0.05em}
.site-brand:hover {color:#e76f51}
.categories-container {display:flex;gap:0.6rem;flex-wrap:wrap;align-items:center}
.runtime-category {font-family:"Heiti SC","Microsoft YaHei",sans-serif;font-size:0.9rem;color:#8ba3b8;text-decoration:none;white-space:nowrap;padding:0.3rem 0.7rem;border-left:2px solid transparent}
.runtime-category:hover {color:#f4a261;border-left-color:#f4a261}
main {max-width:1400px;margin:0 auto;padding:1.5rem}
.overview-shell {display:grid;grid-template-columns:300px 1fr;gap:1.8rem;background:#111c28;border-left:4px solid #f4a261;box-shadow:0 4px 20px rgba(0,0,0,0.4);margin-bottom:2.5rem}
.poster-media {align-self:start;background:#0a1119}
.main-poster-img {width:100%;object-fit:cover;aspect-ratio:2/3}
.overview-info {padding:1.5rem 1.5rem 1.5rem 0;min-width:0}
.movie-title {font-family:"Heiti SC","Microsoft YaHei",sans-serif;font-size:1.9rem;font-weight:700;color:#f4a261;line-height:1.3;margin-bottom:0.4rem;border-bottom:1px solid #2a3b4c;padding-bottom:0.6rem}
.tagline {font-family:"Heiti SC","Microsoft YaHei",sans-serif;font-size:0.95rem;color:#8ba3b8;letter-spacing:0.08em;margin-bottom:0.8rem;text-transform:uppercase}
.seo-description {font-size:0.92rem;color:#b0c4d4;margin-bottom:1.5rem;max-width:65ch;border-left:3px solid #f4a261;padding-left:0.8rem}
.cast-panel {margin-bottom:1.5rem}
.panel-heading {font-family:"Heiti SC","Microsoft YaHei",sans-serif;font-size:1rem;font-weight:600;color:#f4a261;margin-bottom:0.6rem;padding-bottom:0.3rem;border-bottom:1px solid #2a3b4c;display:inline-block}
.cast-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:0.6rem}
.cast-card {background:#16222f;border-right:2px solid #f4a261;padding:0.6rem 0.8rem;display:flex;flex-direction:column;gap:0.15rem}
.actor-name {font-family:"Heiti SC","Microsoft YaHei",sans-serif;font-weight:600;color:#e8eef4;font-size:0.95rem}
.actor-role {font-size:0.82rem;color:#8ba3b8}
.synopsis-panel {margin-bottom:1.5rem}
.synopsis-para {font-size:0.9rem;color:#c3d2de;margin-bottom:0.7rem;line-height:1.7;text-align:justify}
.episode-status-panel, .details-panel {margin-bottom:1.5rem}
.episode-status-panel {background:rgba(244,162,97,0.06);padding:0.7rem 1rem;border-left:3px solid #f4a261}
.episode-count {font-size:0.9rem;color:#d7e1eb}
.current-episode {font-size:0.88rem;color:#f4a261;font-weight:600;margin-top:0.2rem}
.details-panel {}
.details-list {list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:0.35rem 1rem;padding:0}
.details-list li {display:flex;gap:0.5rem;font-size:0.85rem;border-bottom:1px dotted #2a3b4c;padding:0.25rem 0;align-items:baseline}
.detail-label {color:#8ba3b8;white-space:nowrap;min-width:4.5em}
.detail-value {color:#d7e1eb;font-family:"Heiti SC","Microsoft YaHei",sans-serif}
.player-wrapper {background:#0a1119;border:1px solid #2a3b4c;margin-bottom:2.5rem;position:relative;width:100%}
.player-wrapper video {width:100%;display:block}
.player-controls {display:flex;flex-wrap:wrap;gap:0.3rem;padding:0.6rem 0.8rem;background:#101b27;border-top:1px solid #2a3b4c}
.player-controls button {font-family:"Heiti SC","Microsoft YaHei",sans-serif;font-size:0.78rem;color:#b0c4d4;background:#16222f;border:1px solid #2a3b4c;padding:0.35rem 0.7rem;transition:all 0.2s}
.player-controls button:hover {color:#f4a261;border-color:#f4a261}
.player-wrapper.theater-mode {position:fixed;inset:0;z-index:100;background:#000;border:none;margin:0}
.player-wrapper.theater-mode video {height:100vh;object-fit:contain}
.player-wrapper.light-off {background:#000}
.player-wrapper.light-off video {opacity:0.3}
.episodes-fragment {margin-bottom:2.5rem}
.section-heading {font-family:"Heiti SC","Microsoft YaHei",sans-serif;font-size:1.4rem;font-weight:700;color:#f4a261;border-left:4px solid #e76f51;padding-left:0.8rem;margin-bottom:1rem}
.episode-card-row {display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0.8rem}
.episode-card {background:#111c28;border:1px solid #2a3b4c;border-top:3px solid #f4a261;padding:0.8rem 1rem;display:flex;flex-direction:column;gap:0.4rem;transition:transform 0.2s,box-shadow 0.2s}
.episode-card:hover {transform:translateY(-2px);box-shadow:0 4px 12px rgba(244,162,97,0.15)}
.episode-number {font-family:"Heiti SC","Microsoft YaHei",sans-serif;font-size:2rem;font-weight:700;color:#f4a261;line-height:1;opacity:0.85}
.episode-title {font-family:"Heiti SC","Microsoft YaHei",sans-serif;font-size:1rem;font-weight:600;color:#e8eef4}
.episode-summary {font-size:0.82rem;color:#9db1c2;flex-grow:1;line-height:1.5}
.episode-duration {font-size:0.78rem;color:#8ba3b8;border-top:1px solid #2a3b4c;padding-top:0.3rem}
.timeline-fragment {margin-bottom:2.5rem}
.timeline-list {display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:0.6rem;position:relative}
.timeline-item {background:#111c28;padding:0.7rem 0.9rem;border-left:3px solid #f4a261;display:flex;flex-direction:column;gap:0.2rem;position:relative}
.timeline-item::before {content:"";width:10px;height:10px;background:#e76f51;border-radius:50%;position:absolute;left:-6.5px;top:50%;transform:translateY(-50%)}
.timeline-time {font-family:"Heiti SC","Microsoft YaHei",sans-serif;font-weight:700;color:#f4a261;font-size:0.9rem}
.timeline-label {font-size:0.85rem;color:#c3d2de}
.comments-fragment {margin-bottom:2.5rem}
.comment-bubble-list {display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:0.8rem}
.comment-bubble {background:#16222f;border:1px solid #2a3b4c;border-radius:0 12px 12px 12px;padding:0.8rem 1rem;display:flex;flex-direction:column;gap:0.4rem;position:relative}
.comment-bubble::after {content:"";position:absolute;top:-1px;left:-1px;width:0;height:0;border-left:10px solid #f4a261;border-top:10px solid transparent}
.comment-nick {font-family:"Heiti SC","Microsoft YaHei",sans-serif;font-weight:600;color:#f4a261;font-size:0.85rem}
.comment-text {font-size:0.85rem;color:#c3d2de;line-height:1.5}
.recommendation-region {margin-bottom:2.5rem}
.rec-title {font-family:"Heiti SC","Microsoft YaHei",sans-serif;font-size:1.2rem;font-weight:700;color:#d7e1eb;margin-bottom:0.8rem;padding-bottom:0.4rem;border-bottom:2px solid #2a3b4c;position:relative}
.rec-title::after {content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:#f4a261}
.rec-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:0.8rem}
.rec-grid a[data-runtime="recommendation"] {background:#111c28;border:1px solid #2a3b4c;text-decoration:none;color:inherit;display:flex;flex-direction:column;padding:0.6rem;gap:0.4rem;transition:border-color 0.2s,transform 0.2s}
.rec-grid a[data-runtime="recommendation"]:hover {border-color:#f4a261;transform:translateY(-2px)}
.rec-grid a[data-runtime="recommendation"] img {width:100%;aspect-ratio:3/4;object-fit:cover;background:#0a1119}
.rec-grid a[data-runtime="recommendation"] [data-runtime="name"] {font-family:"Heiti SC","Microsoft YaHei",sans-serif;font-weight:600;font-size:0.9rem;color:#e8eef4;line-height:1.3}
.rec-grid a[data-runtime="recommendation"] [data-runtime="blurb"] {font-size:0.78rem;color:#9db1c2;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
footer {background:#0a1119;border-top:3px solid #f4a261;padding:1.5rem;display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;margin-top:2rem}
.disclaimer {font-size:0.78rem;color:#8ba3b8;max-width:60ch;line-height:1.5;flex-basis:100%}
footer > a {font-family:"Heiti SC","Microsoft YaHei",sans-serif;font-size:0.85rem;color:#b0c4d4;text-decoration:none;white-space:nowrap}
footer > a:hover {color:#f4a261;text-decoration:underline}
footer nav {display:flex;flex-wrap:wrap;gap:0.5rem 1rem;align-items:center}
.friend-label {font-family:"Heiti SC","Microsoft YaHei",sans-serif;font-size:0.85rem;color:#8ba3b8}
.runtime-friend-link {font-size:0.82rem;color:#8ba3b8;text-decoration:none;white-space:nowrap}
.runtime-friend-link:hover {color:#f4a261;text-decoration:underline}
@media (max-width:1100px){.overview-shell {grid-template-columns:250px 1fr}
.cast-grid {grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}
@media (max-width:900px){.overview-shell {grid-template-columns:1fr}
.poster-media {max-width:280px;margin:0 auto}
.overview-info {padding:1.2rem}
.episode-card-row {grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.timeline-list {grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.comment-bubble-list {grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.rec-grid {grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}
@media (max-width:600px){body {font-size:15px}
header {flex-direction:column;align-items:flex-start;gap:0.5rem;padding:0.6rem 1rem}
main {padding:0.8rem}
.movie-title {font-size:1.5rem}
.overview-shell {border-left:none;border-top:4px solid #f4a261}
.poster-media {max-width:220px}
.cast-grid {grid-template-columns:repeat(2,1fr)}
.details-list {grid-template-columns:1fr}
.episode-card-row {grid-template-columns:1fr 1fr}
.timeline-list {grid-template-columns:1fr}
.comment-bubble-list {grid-template-columns:1fr}
.rec-grid {grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
footer {flex-direction:column;align-items:flex-start;gap:0.8rem}
.player-controls button {flex-grow:1;text-align:center}}
@media (max-width:420px){.episode-card-row {grid-template-columns:1fr}
.cast-grid {grid-template-columns:1fr}
.rec-grid {grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}
.player {position:relative}
.light-off .player-controls {background:#000;border-color:#333}
.light-off {background:#000}
.theater-mode .player-controls {position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.7)}
.click {cursor:pointer}
[data-player-action]:hover {background:#f4a261 !important;color:#0a1119 !important;border-color:#f4a261 !important}

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}