*, *::before, *::after {box-sizing:border-box;margin:0;padding:0}
html {scroll-behavior:smooth}
body {font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;background:#1a1e24;color:#c8d0da;font-weight:300;line-height:1.6;font-size:15px}
img, video {display:block;max-width:100%;height:auto}
a {color:inherit;text-decoration:none}
ul {list-style:none}
header {display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#14181d;border-bottom:1px solid #2a313a;gap:12px;flex-wrap:wrap}
[data-contract="categories"] {display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.runtime-category {display:inline-block;padding:4px 14px;background:#232a33;border-radius:16px;font-size:13px;color:#8a97a8;white-space:nowrap;transition:background .2s,color .2s}
.runtime-category:hover {background:#3a4655;color:#e8eef4}
.site-brand {font-size:20px;font-weight:700;color:#f0a35e;letter-spacing:1px;white-space:nowrap}
a[data-contract="site-name"] {color:#f0a35e;text-decoration:none}
a[data-contract="site-name"]:hover {text-decoration:underline}
.hero-shell {position:relative;padding:20px 20px 0;background:linear-gradient(180deg,#14181d 0%,#1a1e24 100%)}
.player-wrapper {max-width:1100px;margin:0 auto;position:relative;background:#0d1014;border-radius:12px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.5)}
.player-wrapper video {width:100%;aspect-ratio:16/9;object-fit:cover;background:#000}
.player-wrapper.theater-mode {max-width:100%;border-radius:0}
.player-controls {display:flex;gap:6px;padding:10px 12px;background:rgba(20,24,29,.9);flex-wrap:wrap;align-items:center}
.player-controls button {background:transparent;border:none;color:#c8d0da;font-size:16px;padding:4px 8px;cursor:pointer;border-radius:6px;transition:background .2s}
.player-controls button:hover {background:#2a313a;color:#f0a35e}
.movie-overview {display:grid;grid-template-columns:260px 1fr;gap:0;background:#1a1e24;max-width:1200px;margin:0 auto;padding:24px 20px}
.poster-media {position:relative}
.main-poster {width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.4)}
.movie-info-group {display:flex;flex-direction:column;gap:16px;padding-left:24px}
.movie-title {font-size:26px;font-weight:700;color:#e8eef4;line-height:1.3}
.movie-tagline {font-size:15px;color:#f0a35e;font-style:italic;margin-top:-8px}
.section-heading {font-size:16px;font-weight:700;color:#8a97a8;letter-spacing:2px;border-left:3px solid #f0a35e;padding-left:10px;margin-bottom:8px}
.synopsis-panel p {margin-bottom:6px;font-size:14px;color:#b0bac6;line-height:1.7}
.cast-section {margin-top:4px}
.actor-cards {display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
.actor-card {background:#232a33;border-radius:8px;padding:8px 12px;text-align:center;font-size:14px;color:#c8d0da;font-weight:400;transition:background .2s}
.actor-card:hover {background:#2e3742}
.meta-details-row {display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid #2a313a;padding-top:14px}
.episode-status p.episode-count {font-size:14px;margin-bottom:4px}
.episode-badge {display:inline-block;background:#f0a35e;color:#1a1e24;font-size:12px;font-weight:700;padding:2px 10px;border-radius:12px}
.details-panel .detail-list {display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:4px 12px}
.detail-list li {font-size:13px;color:#9aa5b3;display:flex;gap:6px}
.detail-list li span {color:#6b7683;min-width:40px}
.timeline-section {max-width:1200px;margin:0 auto;padding:24px 20px 16px}
.timeline-vertical {display:flex;flex-direction:column;gap:0;border-left:2px solid #2a313a;margin-left:8px;padding-left:20px}
.timeline-item {display:flex;align-items:baseline;gap:16px;padding:8px 0;position:relative}
.timeline-item::before {content:"";position:absolute;left:-26px;top:14px;width:8px;height:8px;border-radius:50%;background:#f0a35e;box-shadow:0 0 0 3px rgba(240,163,94,.2)}
.timecode {font-size:13px;font-weight:700;color:#f0a35e;min-width:50px}
.timeline-label {font-size:14px;color:#b0bac6}
.episodes-list {max-width:1200px;margin:0 auto;padding:16px 20px 24px}
.episodes-list .section-heading {margin-bottom:12px}
.episode-item {display:flex;align-items:center;gap:16px;padding:10px 12px;border-bottom:1px solid #232a33;transition:background .15s}
.episode-item:hover {background:#1f252c}
.episode-number {font-size:16px;font-weight:700;color:#f0a35e;min-width:24px;text-align:center}
.episode-title {font-size:15px;font-weight:600;color:#e8eef4;min-width:80px}
.episode-summary {flex:1;font-size:13px;color:#8a97a8;line-height:1.5}
.episode-duration {font-size:12px;color:#6b7683;white-space:nowrap}
.comments-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;max-width:1200px;margin:0 auto;padding:16px 20px 24px}
.comments-grid .section-heading {grid-column:1/-1}
.comment-card {background:#1f252c;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:8px;border:1px solid #2a313a}
.nickname {font-size:13px;font-weight:600;color:#f0a35e}
.comment-text {font-size:14px;color:#c8d0da;line-height:1.5}
.recommendation-row {max-width:1200px;margin:0 auto;padding:16px 20px 8px}
.recommendation-row .section-heading {margin-bottom:10px}
.recommendation-scroll {display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}
.recommendation-scroll a[data-runtime="recommendation"] {flex:0 0 200px;scroll-snap-align:start;background:#1f252c;border-radius:10px;overflow:hidden;border:1px solid #2a313a;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.recommendation-scroll a[data-runtime="recommendation"]:hover {transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3)}
.recommendation-scroll a[data-runtime="recommendation"] img {width:100%;aspect-ratio:16/10;object-fit:cover;background:#0d1014}
.recommendation-scroll a[data-runtime="recommendation"] span[data-runtime="name"] {font-size:14px;font-weight:600;color:#e8eef4;padding:8px 10px 2px}
.recommendation-scroll a[data-runtime="recommendation"] span[data-runtime="blurb"] {font-size:12px;color:#8a97a8;padding:0 10px 10px;line-height:1.4}
a[data-runtime="recommendation"] {color:#e8eef4;text-decoration:none}
a[data-runtime="recommendation"]:hover {text-decoration:underline}
footer {background:#14181d;border-top:1px solid #2a313a;padding:24px 20px;display:flex;flex-direction:column;gap:16px;max-width:1200px;margin:0 auto}
[data-contract="disclaimer"] {font-size:12px;color:#6b7683;line-height:1.6}
.footer-links {display:flex;gap:16px}
a[data-contract="footer-home"], a[data-contract="footer-sitemap"] {font-size:14px;color:#8a97a8;text-decoration:none}
a[data-contract="footer-home"]:hover, a[data-contract="footer-sitemap"]:hover {color:#f0a35e;text-decoration:underline}
[data-contract="friend-links"] {display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.friend-label {font-size:13px;color:#6b7683;margin-right:6px}
.runtime-friend-link {font-size:13px;color:#8a97a8;text-decoration:none;padding:2px 8px;background:#1f252c;border-radius:12px;transition:color .2s}
.runtime-friend-link:hover {color:#f0a35e;text-decoration:underline}
.lights-dim {background:#0d1014}
.lights-dim .hero-shell {background:linear-gradient(180deg,#0d1014,#14181d)}
.lights-dim .player-wrapper {box-shadow:0 4px 12px rgba(0,0,0,.7)}
.lights-dim .player-controls {background:rgba(13,16,20,.95)}
.player.theater-mode .player-wrapper {max-width:100%}
.play .player-controls button[data-player-action="play"] {color:#f0a35e}
.mute .player-controls button[data-player-action="mute"] {color:#f0a35e}
.speed .player-controls button[data-player-action="speed"] {color:#f0a35e}
.pip .player-controls button[data-player-action="pip"] {color:#f0a35e}
.fullscreen .player-controls button[data-player-action="fullscreen"] {color:#f0a35e}
.theater .player-controls button[data-player-action="theater"] {color:#f0a35e}
.light .player-controls button[data-player-action="light"] {color:#f0a35e}
.progress .player-controls button[data-player-action="progress"] {color:#f0a35e}
.volume .player-controls button[data-player-action="volume"] {color:#f0a35e}
.click .player-controls button {transform:scale(.95)}
@media (max-width:768px){.movie-overview {grid-template-columns:1fr;gap:20px;padding:16px 12px}
.poster-media {max-width:200px}
.movie-info-group {padding-left:0}
.meta-details-row {grid-template-columns:1fr}
.episode-item {flex-wrap:wrap;gap:6px}
.episode-summary {flex-basis:100%}
.comments-grid {grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.recommendation-scroll a[data-runtime="recommendation"] {flex-basis:150px}
header {flex-direction:column;align-items:flex-start}
.player-wrapper {min-width:0}}
@media (max-width:480px){body {font-size:14px}
.hero-shell {padding:12px 8px 0}
.movie-title {font-size:22px}
.actor-cards {grid-template-columns:repeat(2,1fr)}
.detail-list {grid-template-columns:1fr}
.timeline-vertical {padding-left:16px}
.timeline-item {flex-direction:column;gap:2px}
.timecode {min-width:0}
.episode-duration {display:none}
.recommendation-scroll a[data-runtime="recommendation"] {flex-basis:130px}
.player-controls button {font-size:14px;padding:3px 6px}
footer {padding:20px 12px}}
.player-wrapper {min-width:0}
@media (max-width:480px){.hero-shell {padding-left:4px;padding-right:4px}
.player-wrapper {width:100%}}

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}