* {margin:0;padding:0;box-sizing:border-box}
html {scroll-behavior:smooth}
body {background:#1a1512;color:#d4c9b8;font-family:"Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.6;font-size:14px}
a {color:#c9a86a;text-decoration:none}
a:hover {color:#e0c08a}
img {display:block;max-width:100%}
ul {list-style:none}
header {display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:#1a1512;border-bottom:1px solid #3a2e22;position:sticky;top:0;z-index:100}
header a[data-contract="site-name"] {font-family:"Songti SC","SimSun",serif;font-size:24px;font-weight:700;color:#c9a86a;letter-spacing:2px;white-space:nowrap}
header a[data-contract="site-name"]:hover {color:#e0c08a}
[data-contract="categories"] {display:flex;gap:8px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
[data-contract="categories"]::-webkit-scrollbar {display:none}
.runtime-category {display:inline-block;padding:6px 16px;background:#2a221c;color:#d4c9b8;border:1px solid #3a2e22;border-radius:20px;font-size:13px;white-space:nowrap;transition:all .2s}
.runtime-category:hover {background:#3a2e22;color:#e0c08a;border-color:#c9a86a}
main {max-width:1400px;margin:0 auto;padding:20px 24px 40px}
.player-wrapper {width:100%;max-width:1280px;margin:0 auto 24px;background:#0f0c0a;border-radius:8px;overflow:hidden;border:1px solid #3a2e22}
.player-wrapper video {display:block;width:100%;aspect-ratio:16/9;background:#000}
.player-controls {display:flex;flex-wrap:wrap;gap:6px;padding:10px 14px;background:#1f1a16;border-top:1px solid #3a2e22}
.player-controls button {background:#2a221c;color:#d4c9b8;border:1px solid #3a2e22;border-radius:4px;padding:6px 14px;font-size:12px;cursor:pointer;transition:all .2s}
.player-controls button:hover {background:#3a2e22;color:#e0c08a}
.player-wrapper.theater-mode {max-width:100%}
.player-wrapper.lights-off {background:#000;border-color:#000}
.player-wrapper.lights-off video {filter:brightness(0.4)}
[data-fragment="movie-overview"] {background:#1f1a16;border:1px solid #3a2e22;border-radius:8px;padding:24px;margin-bottom:32px}
.hero-poster {position:relative;max-width:480px;margin:0 auto 20px;aspect-ratio:2/3;overflow:hidden;border-radius:4px;border:1px solid #3a2e22}
.hero-poster img {width:100%;height:100%;object-fit:cover;filter:sepia(0.3) contrast(0.9) brightness(0.8)}
.hero-tagline {position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(transparent,rgba(26,21,18,0.9));color:#e0c08a;font-family:"Songti SC","SimSun",serif;font-size:20px;text-align:center;letter-spacing:2px}
.movie-title {font-family:"Songti SC","SimSun",serif;font-size:32px;color:#e0c08a;text-align:center;margin-bottom:24px;letter-spacing:1px}
.cast-section {margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid #3a2e22}
.section-title-serif {font-family:"Songti SC","SimSun",serif;font-size:22px;color:#c9a86a;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #3a2e22;letter-spacing:1px}
.actor-card-list {display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.actor-card {background:#2a221c;border-radius:6px;padding:12px;text-align:center;transition:transform .2s}
.actor-card:hover {transform:translateY(-2px)}
.actor-photo {width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:4px;margin-bottom:8px;filter:sepia(0.2)}
.actor-name {display:block;font-family:"Songti SC","SimSun",serif;font-size:16px;color:#e0c08a;margin-bottom:4px}
.actor-role {display:block;font-size:13px;color:#a89880}
.synopsis-section {margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid #3a2e22}
.synopsis-section p {margin-bottom:12px;text-indent:2em;color:#d4c9b8;font-size:14px;line-height:1.8}
.episode-status {display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;background:#2a221c;border-radius:6px}
.status-label {font-size:13px;color:#c9a86a;font-weight:600}
.status-value {font-size:15px;color:#e0c08a;font-family:"Songti SC","SimSun",serif}
.status-detail {font-size:13px;color:#a89880}
.movie-details {margin-bottom:10px}
.details-list {display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.details-list li {display:flex;align-items:baseline;gap:8px;padding:6px 10px;background:#2a221c;border-radius:4px;font-size:13px;color:#d4c9b8}
.detail-label {display:inline-block;font-size:12px;color:#c9a86a;min-width:32px;font-weight:600}
.timeline-section {margin-bottom:32px}
.timeline-track {display:flex;gap:0;overflow-x:auto;padding:20px 0;scroll-snap-type:x mandatory;scrollbar-width:thin}
.timeline-item {flex:0 0 260px;padding:0 16px;position:relative;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;text-align:center}
.timeline-item::before {content:"";position:absolute;top:18px;left:0;right:0;height:2px;background:#3a2e22}
.timeline-item:first-child::before {left:50%}
.timeline-item:last-child::before {right:50%}
.timeline-dot {width:12px;height:12px;border-radius:50%;background:#c9a86a;border:2px solid #1a1512;margin-bottom:12px;position:relative;z-index:1;box-shadow:0 0 8px rgba(201,168,106,0.5)}
.timeline-timecode {font-family:"Songti SC","SimSun",serif;font-size:16px;color:#e0c08a;margin-bottom:8px;font-weight:700}
.timeline-label {font-size:13px;color:#d4c9b8;line-height:1.5}
.episodes-section {margin-bottom:32px}
.episode-accordion {display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.episode-item {background:#2a221c;border-radius:6px;border:1px solid #3a2e22;transition:border-color .2s}
.episode-item:hover {border-color:#c9a86a}
.episode-item summary {display:flex;align-items:center;gap:10px;padding:14px 16px;cursor:pointer;list-style:none;color:#d4c9b8;font-size:14px}
.episode-item summary::-webkit-details-marker {display:none}
.episode-item summary::after {content:"+";margin-left:auto;color:#c9a86a;font-size:18px;transition:transform .2s}
.episode-item[open] summary::after {transform:rotate(45deg)}
.episode-number {font-family:"Songti SC","SimSun",serif;font-size:15px;color:#c9a86a;font-weight:700}
.episode-summary {padding:0 16px 8px;color:#d4c9b8;font-size:13px;line-height:1.6}
.episode-duration {display:inline-block;padding:4px 10px;margin:0 16px 14px;background:#1f1a16;border-radius:3px;font-size:12px;color:#a89880}
.comments-section {margin-bottom:32px}
.comments-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;align-items:start}
.comment-card {background:#2a221c;border-radius:12px;padding:16px;border:1px solid #3a2e22;position:relative}
.comment-nickname {display:block;font-size:13px;color:#c9a86a;font-weight:600;margin-bottom:8px}
.comment-text {font-size:13px;color:#d4c9b8;line-height:1.6}
.rec-region {margin-bottom:36px}
.rec-title {font-family:"Songti SC","SimSun",serif;font-size:18px;color:#c9a86a;margin-bottom:14px;padding-bottom:6px;border-bottom:1px solid #3a2e22;letter-spacing:1px}
.rec-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
a.rec-item {display:flex;flex-direction:column;background:#1f1a16;border:1px solid #3a2e22;border-radius:6px;overflow:hidden;text-decoration:none;color:#d4c9b8;transition:all .2s}
a.rec-item:hover {border-color:#c9a86a;transform:translateY(-2px);color:#e0c08a}
[data-runtime="recommendation"] img {width:100%;aspect-ratio:16/9;object-fit:cover;background:#2a221c}
[data-runtime="recommendation"] [data-runtime="name"] {display:block;padding:10px 12px 4px;font-family:"Songti SC","SimSun",serif;font-size:15px;color:#e0c08a;line-height:1.4}
[data-runtime="recommendation"] [data-runtime="blurb"] {display:block;padding:0 12px 12px;font-size:12px;color:#a89880;line-height:1.5}
footer {background:#1f1a16;border-top:1px solid #3a2e22;padding:28px 24px;color:#a89880;font-size:13px}
[data-contract="disclaimer"] {max-width:1200px;margin:0 auto 16px;line-height:1.6;text-align:center}
footer a[data-contract="footer-home"], footer a[data-contract="footer-sitemap"] {display:inline-block;margin:0 8px;color:#c9a86a}
footer a[data-contract="footer-home"]:hover, footer a[data-contract="footer-sitemap"]:hover {color:#e0c08a}
[data-contract="friend-links"] {max-width:1200px;margin:16px auto 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:center}
.friend-links-label {color:#a89880;font-size:13px}
a.runtime-friend-link {color:#c9a86a;font-size:12px;padding:4px 10px;background:#2a221c;border-radius:3px;text-decoration:none;white-space:nowrap}
a.runtime-friend-link:hover {color:#e0c08a;background:#3a2e22}
@media (max-width:900px){.actor-card-list {grid-template-columns:repeat(2,1fr)}
.movie-title {font-size:26px}
.hero-poster {max-width:360px}
.episode-status {flex-direction:column;align-items:flex-start;gap:6px}}
@media (max-width:600px){main {padding:12px 14px 30px}
[data-fragment="movie-overview"] {padding:16px}
.movie-title {font-size:22px}
.hero-tagline {font-size:16px;padding:14px}
.actor-card-list {grid-template-columns:repeat(2,1fr);gap:8px}
.actor-card {padding:8px}
.actor-name {font-size:14px}
.actor-role {font-size:12px}
.section-title-serif {font-size:18px}
.timeline-item {flex-basis:200px}
.episode-accordion {grid-template-columns:1fr}
.comments-grid {grid-template-columns:1fr}
.rec-grid {grid-template-columns:repeat(2,1fr);gap:10px}
[data-runtime="recommendation"] [data-runtime="name"] {font-size:13px}
[data-runtime="recommendation"] [data-runtime="blurb"] {font-size:11px}
header {padding:10px 14px;flex-direction:column;align-items:flex-start;gap:8px}
header a[data-contract="site-name"] {font-size:20px}
.player-controls button {padding:4px 10px;font-size:11px}
.details-list {grid-template-columns:1fr}
footer {padding:20px 16px}
[data-contract="friend-links"] {gap:6px}}
@media (max-width:400px){.rec-grid {grid-template-columns:1fr}
.actor-card-list {grid-template-columns:1fr}
.movie-title {font-size:20px}
.hero-poster {max-width:280px}}

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}
