*, *::before, *::after {margin:0;padding:0;box-sizing:border-box}
html {font-size:13px}
body {font-family:"Songti SC","SimSun","Noto Serif SC",serif;line-height:1.4;color:#d8cfc0;background:linear-gradient(180deg,#191411 0%,#241c16 40%,#1a1410 100%);background-attachment:fixed;min-height:100vh;padding:0 1rem}
body::before {content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.5}
a {color:#c9a45c;text-decoration:none}
a:hover {color:#e2c88a}
main {max-width:1180px;margin:0 auto}
header {display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 2rem;padding:1rem 0;border-bottom:1px solid #3a2f26;position:sticky;top:0;background:rgba(20,15,12,.92);backdrop-filter:blur(4px);z-index:100}
.site-brand {font-size:1.35rem;font-weight:700;letter-spacing:.12em;color:#e5d5b8;text-shadow:1px 1px 0 rgba(0,0,0,.6),2px 2px 0 rgba(0,0,0,.4)}
.site-brand:hover {color:#f0e2c8;text-decoration:none}
.category-rail {display:flex;flex-wrap:wrap;gap:.35rem .25rem;padding:.15rem 0}
.category-rail .runtime-category {display:inline-block;padding:.2rem .7rem;font-size:.8rem;white-space:nowrap;color:#b5a48e;background:rgba(58,47,38,.5);border:1px solid #4a3d30;border-radius:2px;letter-spacing:.08em}
.category-rail .runtime-category:hover {color:#e2c88a;border-color:#8a6f4a;background:rgba(70,55,40,.6)}
.movie-archive {display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);grid-template-areas:"poster title" "poster cast" "poster synopsis" "poster meta" "poster status";gap:.25rem 1.5rem;margin:1.5rem 0 .5rem;background:linear-gradient(135deg,#241d18 0%,#1e1814 60%,#201812 100%);border:1px solid #3d3228;box-shadow:inset 0 0 40px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.5);padding:1.2rem 1.2rem .8rem;position:relative}
.movie-archive::before {content:"";position:absolute;inset:0;pointer-events:none}
.poster-frame {grid-area:poster;position:relative;align-self:start;max-width:240px}
.main-poster-img {display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border:1px solid #4a3b2e;box-shadow:0 4px 18px rgba(0,0,0,.6)}
.film-scratch-overlay {position:absolute;inset:0;pointer-events:none;mix-blend-mode:overlay}
.title-block {grid-area:title;align-self:start;padding-top:.2rem}
.movie-title {font-family:"Songti SC","STSong","SimSun",serif;font-size:2rem;font-weight:700;color:#ece0c8;letter-spacing:.08em;text-shadow:2px 2px 0 rgba(0,0,0,.5),4px 4px 3px rgba(0,0,0,.6),-1px 1px 0 rgba(201,164,92,.4),1px -1px 0 rgba(255,255,255,.05);position:relative;line-height:1.3}
.movie-title::after {content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:linear-gradient(90deg,#c9a45c,transparent 70%)}
.movie-tagline {font-size:.95rem;color:#a3927c;font-style:italic;letter-spacing:.1em;margin-top:.5rem;padding-left:.2rem}
.cast-cluster {grid-area:cast;margin-top:.4rem}
.cast-label {display:block;font-size:.75rem;color:#b09a7c;letter-spacing:.3em;margin-bottom:.3rem;text-transform:uppercase}
.cast-list {display:flex;flex-wrap:wrap;gap:.5rem .8rem}
.cast-item {display:flex;flex-direction:column;align-items:center;gap:.15rem;width:72px;text-align:center;padding:.3rem .2rem;border-radius:4px;transition:background .2s}
.cast-item:hover {background:rgba(201,164,92,.08)}
.cast-avatar {width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #6b563c;filter:sepia(.3) contrast(.95);box-shadow:0 1px 4px rgba(0,0,0,.5)}
.cast-name {font-size:.8rem;color:#d8c8a8;white-space:nowrap}
.cast-bio {font-size:.7rem;color:#8f7d66;line-height:1.2}
.synopsis-split {grid-area:synopsis;display:grid;grid-template-columns:1fr 1fr;gap:.3rem 1.2rem;margin-top:.8rem;padding-top:.6rem;border-top:1px solid #3d3228}
.synopsis-col.col-left {transform:translateY(.4rem)}
.synopsis-col.col-right {transform:translateY(-.2rem)}
.synopsis-col.col-full {grid-column:1/-1;margin-top:.2rem}
.synopsis-para {font-size:.85rem;line-height:1.6;color:#c4b49e;text-align:justify;text-indent:1.5em;margin-bottom:.35rem}
.synopsis-para::first-letter {font-size:1.4em;color:#c9a45c;font-weight:700}
.meta-panel {grid-area:meta;display:grid;grid-template-columns:repeat(4,1fr);gap:.15rem .3rem;margin-top:.7rem;padding-top:.5rem;border-top:1px solid #3d3228}
.meta-cell {display:flex;flex-direction:column;padding:.25rem .5rem;background:rgba(42,33,26,.5);border-left:2px solid #6b563c}
.meta-key {font-size:.7rem;color:#8f7d66;letter-spacing:.1em;text-transform:uppercase}
.meta-value {font-size:.85rem;color:#e0d2b8;margin-top:.1rem}
.rating-highlight {color:#e8a33d;font-weight:700;font-size:.95rem}
.episode-progress {grid-area:status;display:flex;gap:1rem;align-items:baseline;margin-top:.5rem;padding:.3rem .5rem;background:rgba(58,47,38,.4);border-left:3px solid #c9a45c}
.current-ep {font-size:.9rem;color:#e0d2b8;letter-spacing:.05em}
.total-ep {font-size:.8rem;color:#8f7d66}
.player-shell {margin:1rem 0 1.5rem;background:#0e0b09;border:1px solid #3d3228;box-shadow:0 4px 20px rgba(0,0,0,.6);padding:.5rem;min-width:0}
.player-shell video {display:block;background:#000}
.player-controls {display:flex;flex-wrap:wrap;gap:.3rem;padding:.45rem .2rem 0}
.player-controls button {font-family:inherit;font-size:.75rem;color:#b5a48e;background:#241d18;border:1px solid #4a3d30;padding:.25rem .6rem;border-radius:2px;cursor:pointer;transition:background .15s}
.player-controls button:hover {background:#3a2f26;color:#e2c88a}
.player-shell.theater-mode {position:sticky;top:60px;z-index:50}
.dimmed-lights main>* {filter:brightness(.4) sepia(.2);transition:filter .4s}
.recommend-block {margin:1.2rem 0}
.reco-title {font-size:1.1rem;color:#d8c8a8;font-weight:700;letter-spacing:.1em;margin-bottom:.5rem;padding-left:.6rem;border-left:3px solid #c9a45c}
.reco-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.6rem}
.reco-card {display:flex;flex-direction:column;gap:.2rem;padding:.45rem;background:linear-gradient(160deg,#241d18,#1a1410);border:1px solid #3d3228;border-radius:3px;transition:border-color .2s,transform .2s;text-decoration:none;color:#d8cfc0;position:relative;overflow:hidden}
.reco-card::after {content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.04) 50%,transparent 70%);pointer-events:none}
.reco-card:hover {border-color:#8a6f4a;transform:translateY(-2px);color:#e8dcc8;text-decoration:none}
[data-runtime="recommendation"] img {width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:#1a1410;filter:sepia(.25) contrast(.9) brightness(.9);transition:filter .2s}
.reco-card:hover .reco-thumb, [data-runtime="recommendation"]:hover img {filter:sepia(.15) contrast(1) brightness(1)}
.reco-name {font-size:.82rem;font-weight:700;color:#e0d2b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reco-blurb {font-size:.72rem;color:#8f7d66;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.timeline-vertical {position:relative;margin:1.5rem 0;padding:0 0 0 1.5rem}
.timeline-vertical::before {content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#c9a45c,#4a3d30 70%,transparent)}
.timeline-heading {font-size:1.2rem;color:#e0d2b8;letter-spacing:.15em;margin-bottom:.8rem;padding-left:.8rem}
.timeline-node {position:relative;margin-bottom:.75rem;padding:.3rem .8rem .3rem 1.2rem;max-width:75%}
.timeline-node::before {content:"";position:absolute;left:-1.5rem;top:.55rem;width:10px;height:10px;border-radius:50%;background:#c9a45c;box-shadow:0 0 0 3px #241d18,0 0 6px rgba(201,164,92,.6)}
.timeline-node.left {margin-right:auto;margin-left:0}
.timeline-node.right {margin-left:auto;margin-right:0;text-align:right;padding-left:.8rem;padding-right:1.2rem}
.timeline-node.right::before {left:auto;right:-1.5rem}
.timeline-node.right .timecode {justify-content:flex-end}
.timecode {display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;color:#c9a45c;letter-spacing:.08em}
.timecode::after {content:"";flex:0 0 auto;width:1.5rem;height:1px;background:#4a3d30}
.timeline-node.right .timecode::after {order:-1}
.timeline-label {font-size:.85rem;color:#b5a48e;line-height:1.5;margin-top:.15rem}
.episode-scroller {margin:1.5rem 0}
.episode-heading {font-size:1.2rem;color:#e0d2b8;letter-spacing:.15em;margin-bottom:.6rem}
.episode-track {display:flex;gap:.6rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin;scrollbar-color:#6b563c #241d18}
.episode-track::-webkit-scrollbar {height:6px}
.episode-track::-webkit-scrollbar-thumb {background:#6b563c;border-radius:3px}
.episode-track::-webkit-scrollbar-track {background:#241d18}
.episode-card {flex:0 0 210px;display:flex;flex-direction:column;gap:.2rem;padding:.7rem;background:linear-gradient(180deg,#241d18,#1c1612);border:1px solid #3d3228;border-radius:3px;position:relative;min-height:0}
.episode-card::before {content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#c9a45c,transparent)}
.episode-card:hover {border-color:#6b563c}
.ep-number {font-size:.75rem;color:#c9a45c;font-weight:700;letter-spacing:.1em}
.ep-title {font-size:1rem;color:#e8dcc8;font-weight:700;line-height:1.3}
.ep-summary {font-size:.78rem;color:#a3927c;line-height:1.5;flex:1;margin:.15rem 0}
.ep-duration {font-size:.72rem;color:#8f7d66;border-top:1px solid #3a2f26;padding-top:.3rem}
.comment-masonry {margin:1.5rem 0}
.comments-heading {font-size:1.2rem;color:#e0d2b8;letter-spacing:.15em;margin-bottom:.6rem}
.comment-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;align-items:start}
.comment-card {padding:.6rem .8rem;background:linear-gradient(150deg,#241d18,#1e1814);border:1px solid #3d3228;border-left:2px solid #6b563c;border-radius:2px;display:flex;flex-direction:column;gap:.3rem}
.comment-card:nth-child(2) {transform:translateY(1.2rem)}
.comment-card:nth-child(4) {transform:translateY(.6rem)}
.comment-card:nth-child(5) {transform:translateY(1.5rem)}
.commentator {font-size:.8rem;font-weight:700;color:#d8c8a8;letter-spacing:.05em}
.comment-text {font-size:.8rem;color:#b5a48e;line-height:1.55;text-align:justify}
.disclaimer {font-size:.75rem;color:#8f7d66;line-height:1.6;padding:.8rem 1rem;background:#1c1612;border-left:3px solid #4a3d30;margin:1.5rem 0 .5rem}
.footer-link {font-size:.85rem;color:#b5a48e;margin-right:1rem;display:inline-block;padding:.3rem 0}
.footer-link:hover {color:#e2c88a;text-decoration:underline}
.friend-links {display:flex;flex-wrap:wrap;gap:.3rem 1rem;align-items:center;margin-top:.4rem;padding-top:.5rem;border-top:1px solid #2a221c}
.friend-label {font-size:.75rem;color:#8f7d66;letter-spacing:.15em}
.runtime-friend-link {font-size:.78rem;color:#a3927c;padding:.15rem .3rem;border-radius:2px}
.runtime-friend-link:hover {color:#e2c88a;background:rgba(201,164,92,.08);text-decoration:none}
footer {max-width:1180px;margin:1rem auto 2rem;padding:0 1rem;color:#8f7d66}
@media(max-width:900px){.movie-archive {grid-template-columns:minmax(140px,180px) minmax(0,1fr);gap:.25rem 1rem}
.movie-title {font-size:1.6rem}
.meta-panel {grid-template-columns:repeat(2,1fr)}
.comment-grid {grid-template-columns:repeat(2,1fr)}
.comment-card:nth-child(2), .comment-card:nth-child(4), .comment-card:nth-child(5) {transform:none}
.timeline-node {padding-left:1rem}
.timeline-node.right {padding-right:1rem}
.synopsis-split {grid-template-columns:1fr;gap:.1rem}
.synopsis-col.col-left, .synopsis-col.col-right {transform:none}
.reco-grid {grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
.cast-list {gap:.3rem .5rem}
.cast-item {width:60px}}
@media(max-width:600px){body {padding:0 .5rem;font-size:12px}
header {padding:.6rem 0;gap:.3rem}
.movie-archive {display:grid;grid-template-columns:110px minmax(0,1fr);grid-template-areas:"poster title" "poster status" "cast cast" "synopsis synopsis" "meta meta";gap:.3rem .8rem;padding:.8rem}
.poster-frame {max-width:110px}
.main-poster-img {aspect-ratio:2/3}
.movie-title {font-size:1.3rem;letter-spacing:.04em}
.movie-tagline {font-size:.8rem;margin-top:.3rem}
.cast-list {gap:.4rem;justify-content:flex-start}
.cast-item {width:56px}
.cast-avatar {width:42px;height:42px}
.meta-panel {grid-template-columns:repeat(2,1fr);gap:.1rem}
.meta-cell {padding:.2rem .4rem}
.episode-progress {flex-direction:column;gap:.1rem;align-items:flex-start}
.player-shell {margin:.8rem 0 1.2rem}
.player-controls button {flex:1 1 auto;font-size:.7rem;padding:.2rem .4rem}
.reco-grid {grid-template-columns:repeat(2,1fr);gap:.4rem}
.reco-card {padding:.3rem}
.reco-name {font-size:.75rem}
.reco-blurb {font-size:.68rem}
.timeline-vertical {padding-left:1.2rem}
.timeline-node {max-width:100%;padding-left:.9rem}
.timeline-node.right {padding-right:.9rem;padding-left:.9rem}
.timeline-node::before {left:-1.2rem;width:8px;height:8px}
.timeline-node.right::before {right:-1.2rem;left:auto}
.timeline-node.right .timecode::after {display:none}
.timecode::after {display:none}
.episode-card {flex-basis:175px;padding:.5rem}
.ep-title {font-size:.9rem}
.ep-summary {font-size:.72rem}
.comment-grid {grid-template-columns:1fr 1fr;gap:.4rem}
.comment-card {padding:.45rem .5rem}
.comment-card:nth-child(2), .comment-card:nth-child(4), .comment-card:nth-child(5), .comment-card:nth-child(6) {transform:none}
.comment-text {font-size:.74rem}
.synopsis-para {font-size:.8rem;text-indent:1.2em;line-height:1.55}
.disclaimer {font-size:.7rem;padding:.6rem .7rem;margin:1rem 0 .3rem}
.footer-link {margin-right:.6rem;font-size:.8rem}
.friend-links {gap:.2rem .8rem}
.runtime-friend-link {font-size:.72rem}
.category-rail .runtime-category {font-size:.72rem;padding:.15rem .5rem}
.site-brand {font-size:1.15rem}}
@media(max-width:380px){.movie-archive {grid-template-columns:90px minmax(0,1fr)}
.poster-frame {max-width:90px}
.movie-title {font-size:1.1rem}
.cast-item {width:50px}
.cast-avatar {width:38px;height:38px}
.reco-grid {grid-template-columns:1fr 1fr}
.comment-grid {grid-template-columns:1fr}
.meta-panel {grid-template-columns:1fr 1fr}}

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}