*, *::before, *::after {box-sizing:border-box;margin:0;padding:0}
html {scroll-behavior:smooth}
body {background:#14181c;color:#d8d2c4;font-family:Georgia,"Times New Roman",STSong,"Songti SC",SimSun,serif;font-size:15px;line-height:1.6;min-height:100vh;letter-spacing:.02em}
a {color:inherit;text-decoration:none}
img {display:block;max-width:100%;height:auto}
button {font:inherit;color:inherit;background:none;border:none;cursor:pointer}
input[type=range] {accent-color:#c97b4a}
header {position:sticky;top:0;z-index:50;display:flex;align-items:baseline;gap:2.5rem;padding:1rem 4vw;background:rgba(20,24,28,.92);backdrop-filter:blur(8px);border-bottom:1px solid rgba(220,215,200,.18);box-shadow:0 2px 20px rgba(0,0,0,.6)}
.site-brand {font-size:1.25rem;font-weight:300;letter-spacing:.35em;color:#e8ddc8;text-transform:uppercase;white-space:nowrap;transition:color .3s}
.site-brand:hover {color:#c97b4a}
.category-nav {display:flex;flex-wrap:wrap;gap:.75rem 1.2rem;align-items:baseline}
.category-nav:empty::before {content:"分类";font-size:.8rem;letter-spacing:.15em;color:#8a8578}
.runtime-category {font-size:.8rem;letter-spacing:.12em;color:#b0a898;white-space:nowrap;padding:.2rem .4rem;border-bottom:1px solid transparent;transition:color .3s,border-color .3s}
.runtime-category:hover {color:#e8ddc8;border-color:#c97b4a}
.player-section {padding:2rem 4vw 1rem;background:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}
.player-shell {max-width:1100px;margin:0 auto;position:relative;background:#0a0c0e;border:1px solid rgba(220,215,200,.15);box-shadow:0 10px 50px rgba(0,0,0,.8),0 0 0 1px rgba(0,0,0,.4)}
.player-shell video {display:block;width:100%;height:auto;background:#000}
.player-shell.is-theater video {aspect-ratio:auto}
.player-shell.is-lights-off {box-shadow:0 0 80px rgba(201,123,74,.15)}
.player-controls {display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.5rem .8rem;background:rgba(10,12,14,.92);border-top:1px solid rgba(220,215,200,.12)}
.player-controls button {font-family:"Courier New",monospace;font-size:.75rem;letter-spacing:.1em;padding:.25rem .6rem;border:1px solid transparent;border-radius:2px;color:#a89f92;transition:color .3s,border-color .3s,background .3s}
.player-controls button:hover {color:#e8ddc8;border-color:#c97b4a;background:rgba(201,123,74,.1)}
.player-controls button.is-playing {color:#c97b4a}
.player-controls input[type=range] {flex:1;min-width:80px;height:4px;background:transparent}
@media(max-width:600px){.player-controls {gap:.2rem}
.player-controls button {font-size:.65rem;padding:.2rem .3rem}}
.movie-overview {background:linear-gradient(180deg,rgba(20,24,28,.6),transparent);padding:1rem 4vw 2rem}
.overview-grid {max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:2rem;align-items:start;background:rgba(28,32,36,.85);border:1px solid rgba(220,215,200,.12);box-shadow:0 4px 30px rgba(0,0,0,.5);padding:2rem}
.poster-column {position:relative}
.poster-wrapper {position:relative;display:inline-block;max-width:100%;background:#0a0c0e;box-shadow:0 0 0 1px rgba(220,215,200,.1),0 8px 30px rgba(0,0,0,.7)}
.poster-wrapper::after {content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.4) 0%,transparent 40%,transparent 60%,rgba(0,0,0,.2) 100%),radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.5) 100%);pointer-events:none}
.main-poster {width:100%;aspect-ratio:2/3;object-fit:cover}
.info-column {min-width:0}
.movie-title {font-size:1.8rem;font-weight:300;letter-spacing:.15em;color:#ece3d2;line-height:1.3;margin-bottom:.3rem;text-shadow:0 0 20px rgba(201,123,74,.2)}
.movie-tagline {font-size:.9rem;letter-spacing:.35em;color:#c97b4a;margin-bottom:1.5rem;font-style:italic}
.block-heading {font-size:.75rem;font-weight:400;letter-spacing:.3em;color:#9a9184;text-transform:uppercase;border-bottom:1px solid rgba(220,215,200,.15);padding-bottom:.4rem;margin:1.8rem 0 .8rem}
.synopsis-text {font-size:.9rem;line-height:1.8;color:#c5beb2;margin-bottom:.6rem}
.cast-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}
.cast-card {background:rgba(0,0,0,.15);border:1px solid rgba(220,215,200,.08);padding:.8rem;transition:border-color .3s,background .3s}
.cast-card:hover {border-color:rgba(201,123,74,.5);background:rgba(201,123,74,.05)}
.cast-portrait {position:relative;margin-bottom:.6rem}
.cast-portrait::before, .cast-portrait::after {content:"";display:block;height:6px;background:repeating-linear-gradient(90deg,#3a3f42 0 4px,transparent 4px 8px);opacity:.6}
.cast-portrait::after {margin-top:2px}
.cast-photo {width:100%;aspect-ratio:1/1.2;object-fit:cover;filter:sepia(.3) contrast(1.1)}
.cast-name {font-size:.95rem;font-weight:400;letter-spacing:.1em;color:#e8ddc8}
.cast-role {font-size:.75rem;color:#8a8578;margin:.1rem 0 .3rem}
.cast-quote {font-size:.75rem;font-style:italic;color:#a89f92;line-height:1.4}
.episode-status-block {margin-top:1.5rem}
.status-meta {display:flex;gap:1.5rem;flex-wrap:wrap;font-family:"Courier New",monospace;font-size:.8rem;color:#c5beb2}
.status-total, .status-current {padding:.2rem .8rem;border:1px solid rgba(220,215,200,.15);border-radius:2px}
.status-current {color:#c97b4a;border-color:rgba(201,123,74,.4)}
.details-list {display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem 2rem;font-size:.85rem}
.detail-item {display:flex;justify-content:space-between;border-bottom:1px solid rgba(220,215,200,.06);padding:.3rem 0}
.detail-item dt {color:#8a8578;letter-spacing:.1em}
.detail-item dd {color:#d8d2c4;font-family:"Courier New",monospace}
@media(max-width:900px){.overview-grid {grid-template-columns:180px 1fr;padding:1.5rem;gap:1.2rem}
.cast-grid {grid-template-columns:repeat(2,1fr)}
.movie-title {font-size:1.3rem}}
@media(max-width:600px){.overview-grid {grid-template-columns:1fr;padding:1rem}
.poster-column {max-width:240px;margin:0 auto}
.cast-grid {grid-template-columns:1fr 1fr;gap:.6rem}
.details-list {grid-template-columns:1fr}}
.timeline-section {padding:1rem 4vw 2rem;border-top:1px solid rgba(220,215,200,.1)}
.timeline-section>.block-heading {max-width:1200px;margin-left:auto;margin-right:auto}
.timeline-scroll {max-width:1200px;margin:0 auto;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,280px);gap:1.2rem;overflow-x:auto;padding:1rem .5rem 1.5rem;scroll-snap-type:x mandatory}
.timeline-node {scroll-snap-align:start;background:rgba(28,32,36,.6);border:1px solid rgba(220,215,200,.1);padding:.8rem;transition:border-color .3s}
.timeline-node:hover {border-color:rgba(201,123,74,.5)}
.timeline-thumb {margin-bottom:.5rem;overflow:hidden}
.timeline-img {width:100%;aspect-ratio:16/9;object-fit:cover;filter:sepia(.2) contrast(1.05);transition:transform .5s}
.timeline-node:hover .timeline-img {transform:scale(1.03)}
.timecode {font-family:"Courier New",monospace;font-size:.7rem;color:#c97b4a;letter-spacing:.1em;display:block;margin-bottom:.2rem}
.timeline-label {font-size:.75rem;color:#b0a898;line-height:1.5}
.timeline-scroll::-webkit-scrollbar {height:6px}
.timeline-scroll::-webkit-scrollbar-track {background:rgba(220,215,200,.05)}
.timeline-scroll::-webkit-scrollbar-thumb {background:#c97b4a;border-radius:3px}
.episodes-section {padding:1rem 4vw 2rem;border-top:1px solid rgba(220,215,200,.1)}
.episode-stack {max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}
.episode-card {display:flex;gap:1rem;padding:.9rem 1rem;background:rgba(28,32,36,.5);border:1px solid transparent;border-left:3px solid rgba(220,215,200,.15);transition:border-color .3s,background .3s}
.episode-card:hover {border-color:rgba(201,123,74,.5);border-left-color:#c97b4a;background:rgba(201,123,74,.04)}
.episode-number {font-family:"Courier New",monospace;font-size:1.4rem;color:#c97b4a;line-height:1;width:2rem;text-align:center;padding-top:.2rem;flex-shrink:0}
.episode-info {min-width:0}
.episode-title {font-size:1rem;font-weight:400;letter-spacing:.12em;color:#e8ddc8;margin-bottom:.3rem}
.episode-summary {font-size:.8rem;color:#a89f92;line-height:1.6;margin-bottom:.4rem}
.episode-duration {font-family:"Courier New",monospace;font-size:.7rem;color:#8a8578;letter-spacing:.05em}
@media(max-width:700px){.episode-stack {grid-template-columns:1fr}}
.comments-section {padding:1rem 4vw 2rem;border-top:1px solid rgba(220,215,200,.1)}
.comments-layout {max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}
.comment-card {display:flex;gap:.8rem;background:rgba(0,0,0,.3);border:1px solid rgba(220,215,200,.08);border-radius:8px;padding:.9rem;align-items:flex-start}
.comment-avatar {width:2.2rem;height:2.2rem;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,#3a3f42,#1a1e22);border:2px solid rgba(220,215,200,.2);display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#c97b4a}
.comment-body {min-width:0}
.comment-nickname {font-size:.85rem;font-weight:400;color:#d8d2c4;letter-spacing:.08em;margin-bottom:.2rem}
.comment-text {font-size:.8rem;color:#a89f92;line-height:1.6}
@media(max-width:700px){.comments-layout {grid-template-columns:1fr}}
.recommendation-region {padding:1rem 4vw 2rem;border-top:1px solid rgba(220,215,200,.1)}
.recommendation-region>.block-heading {max-width:1200px;margin-left:auto;margin-right:auto}
.recommendation-grid {max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.recommendation-item {display:flex;flex-direction:column;background:rgba(28,32,36,.6);border:1px solid rgba(220,215,200,.1);padding:.7rem;transition:border-color .3s,transform .3s,box-shadow .3s;color:inherit;min-width:0}
.recommendation-item:hover {border-color:rgba(201,123,74,.5);transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.4)}
.recommendation-img {width:100%;aspect-ratio:16/10;object-fit:cover;margin-bottom:.5rem;filter:sepia(.2) contrast(1.05)}
.recommendation-name {font-size:.9rem;color:#e8ddc8;letter-spacing:.08em;margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recommendation-blurb {font-size:.75rem;color:#8a8578;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:900px){.recommendation-grid {grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.recommendation-grid {grid-template-columns:1fr}}
.site-footer {background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(20,24,28,.9));border-top:1px solid rgba(220,215,200,.1);padding:2rem 4vw 3rem;position:relative}
.site-footer::before {content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#c97b4a,transparent);opacity:.3}
.friend-links {display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;max-width:1200px;margin:0 auto .5rem}
.friend-links-label {font-size:.75rem;letter-spacing:.2em;color:#8a8578;text-transform:uppercase;margin-right:.5rem}
.runtime-friend-link {font-size:.8rem;color:#a89f92;border-bottom:1px solid transparent;transition:color .3s,border-color .3s}
.runtime-friend-link:hover {color:#e8ddc8;border-color:#c97b4a}
.footer-links {display:flex;gap:1.5rem;max-width:1200px;margin:.8rem auto}
.footer-links a {font-size:.8rem;color:#8a8578;letter-spacing:.15em;transition:color .3s}
.footer-links a:hover {color:#c97b4a}
.copyright-disclaimer {max-width:1200px;margin:.8rem auto 0;font-size:.7rem;color:#6a655a;line-height:1.6;letter-spacing:.05em;border-top:1px solid rgba(220,215,200,.06);padding-top:.8rem}
@media(max-width:600px){header {flex-direction:column;gap:.5rem;padding:.6rem 1rem}
.category-nav {gap:.3rem .6rem}
.player-section, .movie-overview, .timeline-section, .episodes-section, .comments-section, .recommendation-region, .site-footer {padding-left:1rem;padding-right:1rem}
.movie-title {font-size:1.1rem}
.movie-tagline {font-size:.75rem}}
.player-shell.is-theater {position:fixed;inset:0;z-index:100;max-width:none;background:#000;display:flex;flex-direction:column;justify-content:center}
.player-shell.is-theater video {aspect-ratio:auto;width:100%;height:auto}
.player-shell.is-theater .player-controls {position:absolute;bottom:0;left:0;right:0}
.player-shell.is-lights-off video {filter:brightness(.6) sepia(.2)}
.player-shell.is-lights-off .player-controls {background:rgba(0,0,0,.85)}
.player-controls button.is-muted {color:#c97b4a;border-color:rgba(201,123,74,.5)}
.player-controls button.is-active {color:#c97b4a;background:rgba(201,123,74,.15)}
.player-controls button.is-playing {color:#c97b4a}
.player-shell.is-theater .player-controls {flex-wrap:wrap}
main {overflow:hidden}
body, html {overflow-x:hidden}
a:focus-visible, button:focus-visible {outline:1px solid #c97b4a;outline-offset:2px}
::selection {background:rgba(201,123,74,.3);color:#fff}
::-webkit-scrollbar {width:8px;height:8px}
::-webkit-scrollbar-track {background:#1a1e22}
::-webkit-scrollbar-thumb {background:#3a3f42;border-radius:4px}
::-webkit-scrollbar-thumb:hover {background:#c97b4a}

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}