*, * {margin:0;padding:0;box-sizing:border-box}
html {background:#2a2118}
body {background:#2a2118;color:#e8dcc8;font-family:"Songti SC","SimSun",serif;line-height:1.5;font-size:14px}
a {color:inherit;text-decoration:none}
img {display:block;max-width:100%;height:auto}
ul {list-style:none}
button {font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;cursor:pointer}
header {display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.75rem 1rem;border-bottom:1px solid #4a3a28;flex-wrap:wrap;position:sticky;top:0;background:rgba(42,33,24,0.92);backdrop-filter:blur(4px);z-index:10}
a[data-contract="site-name"] {font-size:1.15rem;color:#c9a45c;letter-spacing:0.2em;white-space:nowrap}
a[data-contract="site-name"]:hover {color:#e8d4a8;text-shadow:0 0 8px #c9a45c66}
nav[data-contract="categories"] {display:flex;gap:0.5rem;flex-wrap:wrap;justify-content:flex-end}
.runtime-category {color:#b8a88a;font-size:0.85rem;padding:0.25rem 0.6rem;border:1px solid #4a3a28;border-radius:2px;white-space:nowrap;letter-spacing:0.05em}
.runtime-category:hover {color:#e8d4a8;border-color:#c9a45c;background:#3a2d1e}
main {max-width:1280px;margin:0 auto;padding:1rem 1rem 2rem}
section[data-fragment="movie-overview"] {display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(0,1fr);gap:1.25rem;align-items:start;background:linear-gradient(145deg,#2f2619,#241d12);border:1px solid #4a3a28;border-radius:4px;padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 6px 18px #1a130b66}
.poster-shell {width:100%;min-width:0}
.poster-shell img {width:100%;aspect-ratio:2/3;object-fit:cover;border:1px solid #5a4a34;border-radius:2px;box-shadow:0 4px 12px #0f0a0444;filter:sepia(0.2) saturate(0.85) contrast(1.05)}
.overview-info {display:flex;flex-direction:column;gap:0.5rem;min-width:0}
.movie-title {font-size:1.6rem;color:#f0e6d0;letter-spacing:0.1em;font-weight:600;line-height:1.3;text-shadow:1px 1px 2px #0f0a04}
.movie-tagline {color:#c9a45c;font-style:italic;font-size:1rem;margin-bottom:0.25rem}
.overview-info h2 {font-size:0.95rem;color:#d8c4a0;margin-top:0.5rem;margin-bottom:0.25rem;letter-spacing:0.15em;border-bottom:1px dashed #4a3a28;padding-bottom:0.2rem}
.cast-list {display:flex;flex-wrap:wrap;gap:0.35rem}
.cast-item {background:#3a2d1e;border:1px solid #5a4a34;border-radius:2px;padding:0.2rem 0.6rem;font-size:0.85rem;color:#d8c4a0}
.cast-item:hover {background:#4a3a28;color:#f0e6d0}
.synopsis-paragraph {margin-bottom:0.4rem;font-size:0.9rem;color:#cbbfaa;text-align:justify}
.episode-progress {font-size:0.9rem;color:#c9a45c}
.detail-list {display:grid;grid-template-columns:auto 1fr;gap:0.2rem 0.8rem;font-size:0.85rem;max-width:320px}
.detail-list dt {color:#8a7a62;font-weight:600;white-space:nowrap}
.detail-list dd {color:#d8c4a0;margin:0}
.player-wrapper {grid-column:2/4;width:100%;min-width:0;background:#1f1912;border:1px solid #4a3a28;border-radius:3px;padding:0.5rem}
.player-wrapper video {display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#0f0a04}
.player-controls {display:flex;flex-wrap:wrap;gap:0.3rem;padding-top:0.5rem;margin-top:0.5rem;border-top:1px solid #3a2d1e}
.player-controls button {font-size:0.8rem;color:#b8a88a;padding:0.2rem 0.5rem;border:1px solid #4a3a28;border-radius:2px;background:#2a2118}
.player-controls button:hover {background:#3a2d1e;color:#f0e6d0;border-color:#c9a45c}
section[data-fragment="timeline"] {margin-bottom:2rem}
section[data-fragment="timeline"] h2 {font-size:1.1rem;color:#c9a45c;letter-spacing:0.15em;margin-bottom:0.75rem;text-align:center}
.timeline-horizontal {display:grid;grid-template-columns:repeat(5,1fr);gap:0.75rem;position:relative;padding:1rem 0.5rem 0.5rem}
.timeline-horizontal::before {content:"";position:absolute;top:1.9rem;left:2%;right:2%;height:2px;background:repeating-linear-gradient(90deg,#5a4a34 0 8px,transparent 8px 14px)}
.timeline-horizontal::after {content:"";position:absolute;top:0.6rem;left:2%;right:2%;height:1.2rem;background:repeating-linear-gradient(90deg,#4a3a28 0 4px,transparent 4px 10px)}
.timeline-item {background:#2f2619;border:1px solid #4a3a28;border-radius:3px;padding:0.5rem 0.6rem;position:relative;z-index:1;box-shadow:0 2px 6px #0f0a0433;min-width:0}
.timeline-item::before {content:"";position:absolute;top:-0.85rem;left:50%;transform:translateX(-50%);width:0.6rem;height:0.6rem;background:#c9a45c;border-radius:50%;border:2px solid #2a2118}
.timecode {display:block;font-size:0.75rem;color:#c9a45c;font-weight:600;margin-bottom:0.2rem;letter-spacing:0.05em}
.timeline-item p {font-size:0.8rem;color:#cbbfaa;line-height:1.3}
section[data-fragment="episodes"] {margin-bottom:2rem}
section[data-fragment="episodes"] h2 {font-size:1.1rem;color:#c9a45c;letter-spacing:0.15em;margin-bottom:0.75rem;text-align:center}
.episode-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:0.75rem}
.episode-card {background:#2f2619;border:1px solid #4a3a28;border-radius:3px;padding:0.6rem 0.7rem;display:flex;flex-direction:column;gap:0.35rem;position:relative;box-shadow:0 2px 6px #0f0a0422;min-width:0}
.episode-card::before {content:"";position:absolute;top:0.3rem;bottom:0.3rem;left:0;width:3px;background:linear-gradient(180deg,#c9a45c,#4a3a28)}
.episode-card:hover {border-color:#5a4a34;box-shadow:0 4px 12px #0f0a0444}
.episode-number {font-size:0.8rem;color:#c9a45c;font-weight:600;letter-spacing:0.1em}
.episode-title {font-size:0.95rem;color:#f0e6d0;font-weight:600}
.episode-card p {font-size:0.8rem;color:#b8a88a;line-height:1.4;flex-grow:1}
.episode-duration {font-size:0.75rem;color:#8a7a62;text-align:right;font-family:"FangSong","仿宋",serif}
section[data-fragment="comments"] {margin-bottom:2rem}
section[data-fragment="comments"] h2 {font-size:1.1rem;color:#c9a45c;letter-spacing:0.15em;margin-bottom:0.75rem;text-align:center}
.comments-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:0.6rem}
.comment-item {background:#2f2619;border:1px solid #4a3a28;border-radius:3px;padding:0.6rem 0.8rem;position:relative;box-shadow:0 2px 6px #0f0a0422}
.comment-item::before {content:"";position:absolute;top:0.5rem;left:-0.5rem;width:0;height:0;border-top:0.5rem solid transparent;border-bottom:0.5rem solid transparent;border-right:0.5rem solid #4a3a28}
.comment-item::after {content:"";position:absolute;top:0.5rem;left:-0.35rem;width:0;height:0;border-top:0.4rem solid transparent;border-bottom:0.4rem solid transparent;border-right:0.4rem solid #2f2619}
.comment-nickname {display:block;font-size:0.85rem;color:#c9a45c;font-weight:600;margin-bottom:0.3rem;letter-spacing:0.05em;font-family:"FangSong","仿宋",serif}
.comment-item p {font-size:0.85rem;color:#cbbfaa;line-height:1.4}
section[data-fragment="recommendations"] {margin-bottom:2rem}
section[data-fragment="recommendations"] h2 {font-size:1.1rem;color:#c9a45c;letter-spacing:0.15em;margin-bottom:0.75rem;text-align:center}
.recommendation-stack {display:grid;grid-template-columns:repeat(4,1fr);gap:0.75rem}
.recommendation-list {display:flex;flex-direction:column;gap:0.6rem;max-width:720px;margin:0 auto}
.recommendation-columns {display:grid;grid-template-columns:repeat(2,1fr);gap:0.75rem;max-width:720px;margin:0 auto}
a[data-runtime="recommendation"] {display:flex;flex-direction:column;background:#2f2619;border:1px solid #4a3a28;border-radius:3px;padding:0.5rem;text-decoration:none;color:#cbbfaa;box-shadow:0 2px 6px #0f0a0422;min-width:0;transition:border-color 0.15s,box-shadow 0.15s}
a[data-runtime="recommendation"]:hover {border-color:#c9a45c;box-shadow:0 4px 12px #0f0a0444;color:#f0e6d0}
a[data-runtime="recommendation"] img {width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:2px;margin-bottom:0.4rem;filter:sepia(0.15) saturate(0.9)}
a[data-runtime="recommendation"] span[data-runtime="name"] {font-size:0.9rem;color:#f0e6d0;font-weight:600;margin-bottom:0.2rem}
a[data-runtime="recommendation"] span[data-runtime="blurb"] {font-size:0.8rem;color:#b8a88a;line-height:1.3}
.recommendation-list a[data-runtime="recommendation"] {flex-direction:row;align-items:center;gap:0.6rem;padding:0.5rem 0.6rem}
.recommendation-list a[data-runtime="recommendation"] img {width:100px;flex-shrink:0;aspect-ratio:16/10;object-fit:cover}
.recommendation-list a[data-runtime="recommendation"] span[data-runtime="name"] {margin-bottom:0}
.recommendation-list a[data-runtime="recommendation"] span[data-runtime="blurb"] {flex-grow:1}
.recommendation-columns a[data-runtime="recommendation"] {flex-direction:row;align-items:center;gap:0.6rem}
.recommendation-columns a[data-runtime="recommendation"] img {width:120px;flex-shrink:0;aspect-ratio:16/10;object-fit:cover}
.recommendation-columns a[data-runtime="recommendation"] span[data-runtime="name"] {margin-bottom:0}
.recommendation-columns a[data-runtime="recommendation"] span[data-runtime="blurb"] {flex-grow:1}
footer {background:#241d12;border-top:1px solid #4a3a28;padding:1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0.5rem 1rem;font-size:0.8rem;color:#8a7a62}
a[data-contract="footer-home"], a[data-contract="footer-sitemap"] {color:#a89878}
a[data-contract="footer-home"]:hover, a[data-contract="footer-sitemap"]:hover {color:#c9a45c;text-decoration:underline}
div[data-contract="disclaimer"] {width:100%;text-align:center;font-size:0.75rem;color:#6a5a4a;margin-bottom:0.5rem;line-height:1.4}
nav[data-contract="friend-links"] {display:flex;flex-wrap:wrap;align-items:center;gap:0.4rem 0.8rem;justify-content:center;width:100%;margin-top:0.5rem}
.friend-links-label {color:#c9a45c;font-weight:600;letter-spacing:0.1em}
a.runtime-friend-link {color:#8a7a62;white-space:nowrap;padding:0.1rem 0}
a.runtime-friend-link:hover {color:#c9a45c;text-decoration:underline}
body.lights-dimmed {background:#1a140c}
body.lights-dimmed main {opacity:0.6;transition:opacity 0.3s}
body.lights-dimmed .player-wrapper {opacity:1}
.theater-mode .player-wrapper {position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;background:#0f0a04;padding:0;border:none;display:flex;align-items:center;justify-content:center}
.theater-mode .player-wrapper video {max-height:100vh;width:auto}
.theater-mode .player-controls {position:absolute;bottom:0.5rem;background:rgba(31,25,18,0.9);padding:0.5rem}
@media (max-width:1100px){section[data-fragment="movie-overview"] {grid-template-columns:200px minmax(0,1fr)}
.poster-shell {grid-column:1;grid-row:1/4}
.overview-info {grid-column:2;grid-row:1/3}
.player-wrapper {grid-column:2;grid-row:3}
.episode-grid {grid-template-columns:repeat(3,1fr)}
.timeline-horizontal {grid-template-columns:repeat(3,1fr);gap:1.2rem 0.75rem}
.timeline-horizontal::before {display:none}
.timeline-item::before {top:auto;left:auto;bottom:auto;right:auto;position:static;display:block;margin:0 auto 0.3rem}
.timeline-item {margin-top:0.6rem}}
@media (max-width:860px){section[data-fragment="movie-overview"] {grid-template-columns:1fr}
.poster-shell {grid-column:1;grid-row:auto;max-width:260px}
.overview-info {grid-column:1;grid-row:auto}
.player-wrapper {grid-column:1;grid-row:auto}
.episode-grid {grid-template-columns:repeat(2,1fr)}
.timeline-horizontal {grid-template-columns:repeat(2,1fr)}
.recommendation-stack {grid-template-columns:repeat(2,1fr)}
.comments-grid {grid-template-columns:1fr}
.recommendation-columns {grid-template-columns:1fr}
.recommendation-list, .recommendation-columns {max-width:none}
header {position:static}}
@media (max-width:560px){body {font-size:13px}
main {padding:0.5rem 0.5rem 1.5rem}
section[data-fragment="movie-overview"] {padding:0.75rem}
.movie-title {font-size:1.2rem}
.episode-grid {grid-template-columns:1fr}
.timeline-horizontal {grid-template-columns:1fr}
.recommendation-stack {grid-template-columns:1fr}
.cast-list {justify-content:center}
.detail-list {max-width:none}
.player-controls {justify-content:center}
.recommendation-list a[data-runtime="recommendation"] img {width:80px}
.recommendation-columns a[data-runtime="recommendation"] img {width:90px}
.player-wrapper video {aspect-ratio:16/9}}
@media (min-width:1281px){main {max-width:1440px}
section[data-fragment="movie-overview"] {grid-template-columns:300px minmax(0,1fr) minmax(0,1.2fr)}
.episode-grid {grid-template-columns:repeat(4,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}