*, *::before, *::after {box-sizing:border-box;margin:0;padding:0}
html {-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body {font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",system-ui,-apple-system,sans-serif;background:#1a1512;color:#d8cdbf;line-height:1.55;font-size:15px}
img {display:block;max-width:100%}
ul {list-style:none}
a {color:inherit;text-decoration:none}
button {font:inherit;border:none;background:none;color:inherit;cursor:pointer}
video {display:block}
h1, h2, h3 {font-weight:600}
.site-header {position:sticky;top:0;z-index:100;background:rgba(26,21,18,.96);border-bottom:2px solid #6b5a3e;padding:.55rem 1.25rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}
.site-brand {font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;letter-spacing:.12em;color:#e6d5b8;font-weight:700;white-space:nowrap;border-left:4px solid #b08d4f;padding-left:.6rem}
.site-brand:hover {color:#f0e6d2}
.categories-bar {display:flex;flex-wrap:wrap;gap:.3rem .85rem;align-items:center;padding:.15rem 0}
.runtime-category {color:#b7a58c;font-size:.85rem;padding:.2rem .35rem;border-bottom:1px solid transparent;white-space:nowrap;letter-spacing:.05em}
.runtime-category:hover {color:#e0c9a2;border-bottom-color:#b08d4f}
.main-content {max-width:1440px;margin:0 auto;padding:0 1.25rem}
.movie-overview-shell {display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:2rem;padding:2.5rem 0 1.75rem;border-bottom:2px solid #3c3127}
.poster-stage {align-self:start}
.poster-frame {position:relative;background:#241e19;border:1px solid #4a3d2e;box-shadow:0 6px 24px rgba(0,0,0,.5)}
.poster-frame::before {content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border:1px solid rgba(176,141,79,.35);pointer-events:none}
.main-poster-img {width:100%;aspect-ratio:2/3;object-fit:cover;filter:saturate(.9) contrast(1.05)}
.poster-frame::after {content:"";position:absolute;top:0;left:0;right:0;height:18px;background:repeating-linear-gradient(90deg,transparent 0 10px,rgba(176,141,79,.5) 10px 12px);opacity:.4;pointer-events:none}
.overview-info-panel {background:#221c17;border:1px solid #3c3127;padding:1.75rem 1.5rem 1.25rem;display:flex;flex-direction:column;gap:1rem}
.movie-title {font-family:Georgia,"Times New Roman",serif;font-size:1.9rem;letter-spacing:.18em;color:#e9dcc8;font-weight:700;line-height:1.2}
.movie-tagline {font-size:.95rem;color:#a58b6a;letter-spacing:.25em;margin-top:-.4rem;font-style:italic}
.seo-description {font-size:.92rem;color:#bfae99;line-height:1.7;max-width:65ch}
.cast-section {border-top:1px solid #3c3127;padding-top:1rem}
.section-heading {font-family:Georgia,"Times New Roman",serif;font-size:1rem;letter-spacing:.2em;color:#c9a96e;text-transform:uppercase;margin-bottom:.75rem;font-weight:600;display:flex;align-items:center;gap:.5rem}
.section-heading::after {content:"";flex:1;height:1px;background:#3c3127}
.actor-grid {display:grid;grid-template-columns:repeat(4,auto);gap:.5rem 1rem;align-items:start}
.actor-card {font-size:.9rem;color:#d8cdbf;background:#2c241d;border-left:2px solid #6b5a3e;padding:.35rem .6rem;white-space:nowrap}
.synopsis-section {border-top:1px solid #3c3127;padding-top:1rem}
.synopsis-group {display:flex;flex-direction:column;gap:.6rem}
.synopsis-line {font-size:.92rem;line-height:1.75;color:#c4b5a2}
.episode-status-block {border-top:1px solid #3c3127;padding-top:1rem}
.episode-status-meta {display:flex;gap:1rem;align-items:baseline;margin-bottom:.8rem;flex-wrap:wrap}
.episode-count {font-size:.9rem;color:#b7a58c;background:#2c241d;padding:.2rem .6rem;border:1px solid #4a3d2e}
.current-episode {font-size:.9rem;color:#d8cdbf;border-bottom:1px dashed #6b5a3e;padding-bottom:.1rem}
.player-wrap {background:#0d0a08;border:1px solid #4a3d2e;max-width:640px;width:100%}
.player-wrap video {width:100%;background:#000}
.player-wrap.theater-mode video {max-width:none}
.player-controls {display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem;max-width:640px}
.control-btn {font-size:.75rem;color:#b7a58c;border:1px solid #4a3d2e;background:#241e19;padding:.3rem .7rem;transition:all .15s}
.control-btn:hover {color:#e0c9a2;border-color:#6b5a3e;background:#2c241d}
.details-section {border-top:1px solid #3c3127;padding-top:1rem}
.details-list {display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem 1.5rem}
.detail-row {display:flex;gap:.5rem;align-items:baseline;font-size:.88rem}
.detail-term {color:#8a7458;min-width:4.5em;font-weight:500}
.detail-value {color:#d8cdbf}
.episodes-section {padding:2rem 0;border-bottom:2px solid #3c3127}
.episode-list {display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.episode-item {display:flex;gap:.8rem;background:#221c17;border:1px solid #3c3127;padding:.9rem 1rem;align-items:flex-start}
.episode-number {font-family:Georgia,"Times New Roman",serif;font-size:1.1rem;color:#b08d4f;font-weight:700;white-space:nowrap;padding-top:.1rem}
.episode-info {display:flex;flex-direction:column;gap:.3rem}
.episode-title {font-size:1rem;color:#e0d4c2;font-weight:600}
.episode-summary {font-size:.82rem;color:#a89a88;line-height:1.5}
.episode-duration {font-size:.75rem;color:#8a7458;letter-spacing:.08em}
.timeline-section {padding:2rem 0;border-bottom:2px solid #3c3127}
.timeline-scroll {overflow-x:auto;padding-bottom:.5rem;margin:0 -.25rem}
.timeline-track {display:flex;gap:.75rem;min-width:max-content;padding:.25rem}
.timeline-item {display:flex;flex-direction:column;gap:.35rem;background:#221c17;border-left:3px solid #b08d4f;padding:.7rem 1rem .7rem .9rem;min-width:180px;max-width:220px}
.timecode {font-family:Georgia,"Times New Roman",serif;font-size:.9rem;color:#c9a96e;font-weight:700}
.timeline-label {font-size:.82rem;color:#b7a58c;line-height:1.5}
.comments-section {padding:2rem 0;border-bottom:2px solid #3c3127}
.comments-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem 1.2rem}
.comment-card {background:#221c17;border:1px solid #3c3127;padding:.9rem 1.1rem;border-top:2px solid #6b5a3e}
.commenter-name {font-family:Georgia,"Times New Roman",serif;font-size:.95rem;color:#d8cdbf;margin-bottom:.35rem;letter-spacing:.05em}
.comment-text {font-size:.88rem;color:#a89a88;line-height:1.6}
.recommendation-region {padding:1.75rem 0;border-bottom:2px solid #3c3127}
.recommendation-region:last-of-type {border-bottom:none}
.recommendation-row {display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.recommendation-card {display:flex;flex-direction:column;background:#221c17;border:1px solid #3c3127;padding:.8rem;transition:border-color .15s,transform .15s}
.recommendation-card:hover {border-color:#b08d4f;transform:translateY(-2px)}
.recommendation-card img {width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:.6rem;border-bottom:2px solid #3c3127}
.recommendation-card span[data-runtime="name"] {font-size:.92rem;color:#e0d4c2;font-weight:600;margin-bottom:.25rem}
.recommendation-card span[data-runtime="blurb"] {font-size:.78rem;color:#8a7458;line-height:1.5}
.site-footer {background:#1a1512;border-top:2px solid #3c3127;padding:1.5rem 1.25rem 2rem;max-width:1440px;margin:0 auto}
.footer-disclaimer {font-size:.8rem;color:#6b5a3e;line-height:1.6;margin-bottom:1rem}
.footer-links {display:flex;gap:1rem;margin-bottom:1rem}
.footer-home-link, .footer-sitemap-link {font-size:.85rem;color:#b7a58c;border-bottom:1px solid transparent}
.footer-home-link:hover, .footer-sitemap-link:hover {color:#e0c9a2;border-bottom-color:#b08d4f}
.friend-links-bar {display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:center}
.friend-links-label {font-size:.8rem;color:#8a7458}
.runtime-friend-link {font-size:.8rem;color:#6b5a3e;white-space:nowrap}
.runtime-friend-link:hover {color:#b7a58c}
.lights-out {background:#0a0806}
.lights-out .movie-overview-shell, .lights-out .episodes-section, .lights-out .timeline-section, .lights-out .comments-section, .lights-out .recommendation-region, .lights-out .site-footer {border-color:#2a221b}
.lights-out .overview-info-panel, .lights-out .episode-item, .lights-out .timeline-item, .lights-out .comment-card, .lights-out .recommendation-card {background:#14100d;border-color:#2a221b}
@media (max-width:1100px){.movie-overview-shell {grid-template-columns:minmax(240px,300px) 1fr;gap:1.5rem}
.recommendation-row {grid-template-columns:repeat(3,1fr)}
.episode-list {grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){.main-content {padding:0 .9rem}
.movie-overview-shell {grid-template-columns:1fr;gap:1.25rem;padding-top:1.5rem}
.poster-stage {max-width:320px}
.actor-grid {grid-template-columns:repeat(2,auto)}
.details-list {grid-template-columns:1fr}
.recommendation-row {grid-template-columns:repeat(2,1fr)}
.comments-grid {grid-template-columns:1fr}
.episode-list {grid-template-columns:1fr}
.site-header {flex-direction:column;align-items:flex-start;gap:.5rem}
.player-wrap {max-width:100%}
.player-controls {max-width:100%}}
@media (max-width:520px){body {font-size:14px}
.site-header {padding:.5rem .9rem}
.movie-title {font-size:1.5rem}
.recommendation-row {grid-template-columns:1fr}
.actor-grid {grid-template-columns:1fr 1fr}
.details-list {grid-template-columns:1fr}
.timeline-item {min-width:160px}
.poster-stage {max-width:100%}
.player-wrap {min-width:0}
.overview-info-panel {padding:1.25rem 1rem}}

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}