*, *::before, *::after {box-sizing:border-box;margin:0;padding:0}
html {font-size:16px;-webkit-text-size-adjust:100%}
body {background:#0b0e11;color:#c8d0d8;font-family:"Segoe UI","PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;line-height:1.5;min-height:100vh}
img, video {display:block;max-width:100%}
a {color:#3aa0ff;text-decoration:none}
a:hover {color:#7fc4ff}
table {border-collapse:collapse;width:100%}
h1, h2, h3 {font-weight:700;line-height:1.2}
header {background:#0e1216;border-bottom:1px solid #1c242c;display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;padding:.75rem 1.25rem;position:sticky;top:0;z-index:100}
.site-logo {font-size:1.05rem;font-weight:800;letter-spacing:.08em;color:#3aa0ff;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.site-logo:hover {color:#7fc4ff}
[data-contract="categories"] {display:flex;flex-wrap:wrap;gap:.45rem .75rem;align-items:center}
.runtime-category {display:inline-block;padding:.15rem .45rem;font-size:.8rem;color:#9aa8b4;border:1px solid #1c242c;border-radius:2px;text-decoration:none;white-space:nowrap;background:#11161c;transition:border-color .15s,color .15s}
.runtime-category:hover {color:#3aa0ff;border-color:#3aa0ff}
main {max-width:1400px;margin:0 auto;padding:1.25rem 1rem 2rem}
.overview-shell {background:#0e1216;border:1px solid #1c242c;border-radius:4px;padding:1rem 1rem 1.25rem;margin-bottom:1.5rem;display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem}
.overview-media {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:1rem}
.poster-wrapper {line-height:0}
.main-poster {width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:2px;background:#1c242c}
.player-wrapper {min-width:0;display:flex;align-items:flex-start}
.detail-player {width:100%;height:auto;background:#000;border-radius:2px}
.title-block {margin-top:.25rem}
.movie-title {font-size:1.65rem;line-height:1.15;color:#e8f0f8;letter-spacing:.02em;margin-bottom:.35rem;word-break:break-word}
.tagline {font-size:.95rem;color:#7fc4ff;font-weight:400;letter-spacing:.06em;border-left:3px solid #3aa0ff;padding-left:.65rem;margin-top:.2rem}
.cast-panel {margin-top:.5rem}
.section-heading {font-size:1.1rem;font-weight:700;color:#e8f0f8;letter-spacing:.04em;border-bottom:2px solid #232e38;padding-bottom:.35rem;margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem}
.section-heading::before {content:"";display:inline-block;width:4px;height:18px;background:#3aa0ff}
.cast-list {display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}
.cast-card {display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.5rem .25rem;background:transparent}
.cast-photo {width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:2px;background:#1c242c}
.cast-name {font-size:.9rem;color:#c8d0d8;font-weight:500}
.synopsis-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:.75rem}
.synopsis-item p {font-size:.95rem;color:#aab8c4;line-height:1.65;text-align:justify;border-left:1px solid #232e38;padding-left:.85rem}
.episode-status-block {display:flex;gap:.75rem;align-items:center;margin-top:.75rem;flex-wrap:wrap}
.current-episode, .total-episodes {font-size:.85rem;font-weight:600;padding:.2rem .6rem;border-radius:2px;letter-spacing:.03em}
.current-episode {background:#3aa0ff;color:#0b0e11}
.total-episodes {background:#1c242c;color:#9aa8b4}
.details-table {margin-top:1rem;border-top:1px solid #1c242c;padding-top:.75rem}
.details-table table {font-size:.9rem}
.details-table th {color:#7fc4ff;font-weight:600;text-align:left;padding:.35rem .5rem .35rem 0;width:6.5rem;white-space:nowrap;vertical-align:top}
.details-table td {color:#c8d0d8;padding:.35rem .5rem;border-bottom:1px solid #141a20}
.timeline-section {margin-bottom:1.5rem}
.timeline-vertical {display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem 1.5rem;position:relative}
.timeline-vertical::before {content:"";position:absolute;left:4.5rem;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#3aa0ff,#0e1216)}
.timeline-entry {display:flex;align-items:baseline;gap:.75rem;padding:.4rem .5rem;background:#0e1216;border:1px solid #1c242c;border-radius:2px}
.timecode {font-family:Consolas,monospace;font-size:.85rem;font-weight:600;color:#3aa0ff;min-width:3.5rem;white-space:nowrap}
.timeline-label {font-size:.9rem;color:#c8d0d8}
.episodes-list-section {margin-bottom:1.5rem}
.episode-row {display:grid;grid-template-columns:4rem minmax(4rem,7rem) minmax(0,1fr) 5rem;gap:.6rem;align-items:baseline;padding:.5rem 0;border-bottom:1px solid #141a20;font-size:.9rem}
.ep-number {color:#3aa0ff;font-weight:600;white-space:nowrap}
.ep-title {color:#e8f0f8;font-weight:700;white-space:nowrap}
.ep-summary {color:#9aa8b4;line-height:1.5}
.ep-duration {color:#5a6a78;font-size:.8rem;text-align:right;white-space:nowrap}
.comments-section {margin-bottom:1.5rem}
.comments-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}
.comment-card {background:#0e1216;border:1px solid #1c242c;border-radius:2px;padding:.75rem .9rem;display:flex;flex-direction:column;gap:.35rem}
.comment-nick {font-size:.9rem;font-weight:700;color:#3aa0ff}
.comment-text {font-size:.9rem;color:#aab8c4;line-height:1.55}
.recommend-region {margin-bottom:1.5rem;padding-top:.25rem}
.recommend-title {font-size:1rem;font-weight:700;color:#e8f0f8;letter-spacing:.05em;margin-bottom:.75rem;border-left:3px solid #3aa0ff;padding-left:.6rem}
.recommend-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem}
.recommend-region .recommend-grid {grid-template-columns:repeat(4,1fr)}
[data-recommendation-region="2"] .recommend-grid, [data-recommendation-region="3"] .recommend-grid {grid-template-columns:repeat(3,1fr)}
a[data-runtime="recommendation"] {display:flex;flex-direction:column;gap:.35rem;background:#0e1216;border:1px solid #1c242c;border-radius:3px;padding:.5rem;color:#c8d0d8;text-decoration:none;transition:border-color .15s,transform .15s}
a[data-runtime="recommendation"]:hover {border-color:#3aa0ff;transform:translateY(-2px)}
a[data-runtime="recommendation"] img {width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:2px;background:#1c242c}
a[data-runtime="recommendation"] [data-runtime="name"] {font-size:.9rem;font-weight:600;color:#e8f0f8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
a[data-runtime="recommendation"] [data-runtime="blurb"] {font-size:.8rem;color:#7a8a98;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.footer-shell {background:#0e1216;border-top:1px solid #1c242c;padding:1.25rem 1rem 2rem;margin-top:1rem}
.disclaimer {font-size:.8rem;color:#5a6a78;max-width:900px;margin-bottom:1rem;line-height:1.6}
.footer-nav {display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}
.footer-nav a {font-size:.9rem;color:#3aa0ff;text-decoration:none}
.footer-nav a:hover {color:#7fc4ff}
.friend-links {display:flex;flex-wrap:wrap;gap:.35rem .6rem;align-items:center;font-size:.85rem}
.friend-label {color:#5a6a78;white-space:nowrap}
.runtime-friend-link {color:#3aa0ff;text-decoration:none;white-space:nowrap}
.runtime-friend-link:hover {color:#7fc4ff}
.player.theater-mode {max-width:none}
.player.lights-off {filter:brightness(.6)}
.player.fullscreen {position:fixed;inset:0;z-index:1000;object-fit:contain}
@media (max-width:1100px){.overview-media {grid-template-columns:minmax(0,1fr);gap:1rem}
.poster-wrapper {max-width:320px}
.cast-list {grid-template-columns:repeat(4,1fr)}
.recommend-grid, .recommend-region .recommend-grid, [data-recommendation-region="2"] .recommend-grid, [data-recommendation-region="3"] .recommend-grid {grid-template-columns:repeat(3,1fr)}
.timeline-vertical {grid-template-columns:1fr}}
@media (max-width:850px){header {flex-direction:column;align-items:flex-start;gap:.5rem}
.movie-title {font-size:1.35rem}
.synopsis-grid {grid-template-columns:1fr;gap:.75rem}
.synopsis-item p {border-left:2px solid #232e38}
.cast-list {grid-template-columns:repeat(2,1fr)}
.episode-row {grid-template-columns:3.5rem minmax(4rem,6rem) minmax(0,1fr);row-gap:.2rem}
.ep-duration {grid-column:2/-1;text-align:left;font-size:.75rem}
.comments-grid {grid-template-columns:1fr}
.recommend-grid, .recommend-region .recommend-grid, [data-recommendation-region="2"] .recommend-grid, [data-recommendation-region="3"] .recommend-grid {grid-template-columns:repeat(2,1fr)}
.timeline-vertical::before {left:3.5rem}}
@media (max-width:600px){main {padding:.5rem .5rem 1.5rem}
.overview-shell {padding:.75rem}
.movie-title {font-size:1.15rem}
.cast-list {grid-template-columns:repeat(2,1fr)}
.episode-row {grid-template-columns:3rem 1fr;column-gap:.5rem}
.ep-summary {grid-column:1/-1;grid-row:auto;padding-left:3.5rem}
.ep-duration {grid-column:1/-1;padding-left:3.5rem}
.recommend-grid, .recommend-region .recommend-grid, [data-recommendation-region="2"] .recommend-grid, [data-recommendation-region="3"] .recommend-grid {grid-template-columns:1fr}
.timeline-vertical {grid-template-columns:1fr}
.timeline-entry {flex-wrap:wrap}
.timecode {min-width:auto}
.timeline-vertical::before {display:none}
.footer-shell {padding:1rem .75rem 1.5rem}
.details-table th {width:5rem}}

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}