*, *::before, *::after {margin:0;padding:0;box-sizing:border-box}
html {scroll-behavior:smooth}
body {background:#141210;color:#d9d2c5;font-family:"PingFang SC","Microsoft YaHei","Heiti SC","SimHei",sans-serif;line-height:1.6;font-size:14px;min-height:100vh}
img, video {display:block;max-width:100%}
a {color:inherit;text-decoration:none}
button {font-family:inherit;cursor:pointer;background:none;border:none;color:inherit;font-size:12px;padding:4px 10px;border:1px solid rgba(200,160,80,.3);border-radius:2px}
button:hover {border-color:rgba(230,190,110,.6);color:#e6c070}
header {background:rgba(20,18,16,.95);border-bottom:1px solid rgba(180,140,70,.15);position:sticky;top:0;z-index:50;backdrop-filter:blur(6px)}
.header-shell {max-width:1400px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:nowrap}
.site-logo {font-family:"Songti SC","SimSun",serif;font-size:22px;font-weight:700;letter-spacing:2px;color:#e8c988;white-space:nowrap;text-decoration:none}
.site-logo:hover {color:#f5dc9e}
.categories-bar {display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}
.runtime-category {font-size:13px;color:#b8ab92;text-decoration:none;padding:6px 12px;border:1px solid rgba(180,140,70,.25);border-radius:20px;white-space:nowrap;transition:all .2s;background:transparent}
.runtime-category:hover {color:#141210;background:#d4af6a;border-color:#d4af6a;text-decoration:none}
.movie-overview {position:relative;background:linear-gradient(180deg,#1a1714 0%,#141210 100%);overflow:hidden}
.hero-bg-inner {position:absolute;inset:0;background:linear-gradient(135deg,rgba(80,60,30,.4) 0%,rgba(20,18,16,.7) 60%),radial-gradient(ellipse at 70% 20%,rgba(180,140,70,.15),transparent 50%);pointer-events:none}
.hero-title-block {position:relative;z-index:2;text-align:center;padding:48px 20px 24px}
.hero-title {font-family:"Songti SC","SimSun",serif;font-size:clamp(24px,4vw,42px);font-weight:700;letter-spacing:6px;color:#f0e2c0;text-shadow:0 2px 12px rgba(0,0,0,.6);margin-bottom:12px}
.hero-tagline {font-size:14px;letter-spacing:8px;color:#c9a96e;text-transform:uppercase}
.overview-content {position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:24px 24px 40px;display:grid;grid-template-columns:minmax(240px,300px) 1fr;gap:32px;align-items:start}
.poster-wrapper {line-height:0;border-radius:4px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.6);border:1px solid rgba(180,140,70,.2)}
.poster-img {width:100%;aspect-ratio:2/3;object-fit:cover;background:#1a1714}
.info-panel {display:flex;flex-direction:column;gap:24px;min-width:0}
.section-heading {font-family:"Songti SC","SimSun",serif;font-size:18px;font-weight:700;color:#e0c88a;letter-spacing:2px;border-left:3px solid #c9a96e;padding-left:12px;margin-bottom:14px;position:relative}
.section-heading::after {content:"";display:block;width:100%;height:1px;background:linear-gradient(90deg,rgba(180,140,70,.3),transparent);margin-top:8px}
.synopsis-block p {font-size:14px;color:#c4bba8;margin-bottom:10px;text-align:justify;line-height:1.8}
.details-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:8px 24px}
.details-grid div {display:flex;padding:6px 0;border-bottom:1px solid rgba(180,140,70,.1)}
.details-grid dt {color:#8a7d66;font-size:13px;min-width:70px;flex-shrink:0}
.details-grid dd {color:#d9d2c5;font-size:13px;margin:0}
.cast-list {display:flex;flex-wrap:wrap;gap:8px}
.cast-item {display:inline-block}
.cast-name {display:inline-block;font-size:13px;color:#c4bba8;padding:4px 14px;border:1px solid rgba(180,140,70,.2);border-radius:20px;background:rgba(180,140,70,.06)}
.cast-name:hover {border-color:#c9a96e;color:#e0c88a}
.episode-status-block {display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding:12px 16px;background:rgba(180,140,70,.08);border-radius:4px;border-left:3px solid #c9a96e}
.status-label {font-size:13px;color:#8a7d66}
.status-value {font-family:"Songti SC","SimSun",serif;font-size:20px;font-weight:700;color:#e8c988}
.status-total {font-size:13px;color:#8a7d66}
.player-wrapper {max-width:1100px;margin:0 auto;padding:0 24px 40px;position:relative}
.player-wrapper video {width:100%;background:#000;border-radius:4px;box-shadow:0 4px 20px rgba(0,0,0,.5)}
.player-controls {display:flex;gap:8px;padding:10px 0;flex-wrap:wrap;justify-content:center;border-top:1px solid rgba(180,140,70,.15);margin-top:-4px}
.player-controls button {font-size:12px;color:#b8ab92;padding:4px 12px;border:1px solid rgba(180,140,70,.2);border-radius:2px;background:rgba(20,18,16,.8);transition:all .2s}
.player-controls button:hover {color:#e8c988;border-color:#c9a96e;background:rgba(180,140,70,.1)}
video.theater-mode {max-height:80vh;object-fit:contain}
body.lights-off {background:#0a0806}
body.lights-off .hero-bg-inner, body.lights-off .movie-overview {background:#0a0806}
.timeline-section {max-width:1280px;margin:0 auto;padding:32px 24px}
.timeline-scroll {overflow-x:auto;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:rgba(180,140,70,.4) transparent}
.timeline-scroll::-webkit-scrollbar {height:4px}
.timeline-scroll::-webkit-scrollbar-track {background:rgba(180,140,70,.05)}
.timeline-scroll::-webkit-scrollbar-thumb {background:rgba(180,140,70,.4);border-radius:2px}
.timeline-track {display:flex;gap:0;min-width:max-content;position:relative;padding:20px 0}
.timeline-track::before {content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(180,140,70,.2),rgba(201,169,110,.6),rgba(180,140,70,.2))}
.timeline-item {display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 24px;position:relative;min-width:140px}
.timeline-item::before {content:"";width:12px;height:12px;border-radius:50%;background:#141210;border:2px solid #c9a96e;position:absolute;top:50%;transform:translateY(-50%);left:50%;margin-left:-6px;box-shadow:0 0 8px rgba(201,169,110,.4)}
.timeline-item:nth-child(1)::before {background:#c9a96e}
.timecode {font-family:"Songti SC","SimSun",serif;font-size:16px;color:#e0c88a;font-weight:700;background:#141210;padding:0 6px;position:relative;z-index:1}
.label {font-size:12px;color:#b8ab92;background:#141210;padding:2px 8px;position:relative;z-index:1;text-align:center}
.episodes-section {max-width:1280px;margin:0 auto;padding:32px 24px}
.episode-list {display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.episode-card {display:flex;flex-direction:column;gap:6px;padding:16px 18px;background:rgba(255,255,255,.02);border:1px solid rgba(180,140,70,.15);border-radius:4px;transition:border-color .2s,background .2s}
.episode-card:hover {border-color:rgba(201,169,110,.5);background:rgba(180,140,70,.05)}
.episode-number {font-family:"Songti SC","SimSun",serif;font-size:15px;font-weight:700;color:#c9a96e;letter-spacing:1px}
.episode-title {font-size:16px;color:#e8dcc0;font-weight:600;margin-top:2px}
.episode-summary {font-size:12px;color:#8a7d66;line-height:1.6;flex-grow:1}
.episode-duration {font-size:11px;color:#6b5f4e;border-top:1px solid rgba(180,140,70,.1);padding-top:8px;margin-top:4px}
.comments-section {max-width:1280px;margin:0 auto;padding:32px 24px}
.comments-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.comment-item {padding:16px 18px;background:rgba(255,255,255,.02);border:1px solid rgba(180,140,70,.12);border-radius:4px;display:flex;flex-direction:column;gap:8px}
.comment-nick {font-size:13px;font-weight:600;color:#e0c88a;letter-spacing:1px}
.comment-nick::before {content:"◆";color:#c9a96e;margin-right:6px;font-size:10px}
.comment-text {font-size:13px;color:#b8ab92;line-height:1.7;text-align:justify}
.recommendation-region {max-width:1280px;margin:0 auto;padding:24px}
.recommendation-title {font-family:"Songti SC","SimSun",serif;font-size:18px;font-weight:700;color:#e0c88a;letter-spacing:2px;border-left:3px solid #c9a96e;padding-left:12px;margin-bottom:16px}
.recommendation-scroll {display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
a[data-runtime="recommendation"] {display:flex;flex-direction:column;gap:8px;padding:10px;background:rgba(255,255,255,.02);border:1px solid rgba(180,140,70,.12);border-radius:4px;transition:all .2s;color:#d9d2c5;text-decoration:none;overflow:hidden}
a[data-runtime="recommendation"]:hover {border-color:rgba(201,169,110,.5);background:rgba(180,140,70,.06);transform:translateY(-2px);text-decoration:none}
a[data-runtime="recommendation"] img {width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:2px;background:#1a1714}
a[data-runtime="recommendation"] [data-runtime="name"] {font-size:15px;font-weight:600;color:#e8dcc0;margin-top:4px}
a[data-runtime="recommendation"] [data-runtime="blurb"] {font-size:12px;color:#8a7d66;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
footer {background:#100e0c;border-top:1px solid rgba(180,140,70,.15);padding:32px 24px 40px;margin-top:24px}
.footer-links {display:flex;justify-content:center;gap:24px;margin-bottom:20px}
a[data-contract="footer-home"], a[data-contract="footer-sitemap"] {font-size:13px;color:#8a7d66;text-decoration:none;transition:color .2s;padding:4px 0;border-bottom:1px solid transparent}
a[data-contract="footer-home"]:hover, a[data-contract="footer-sitemap"]:hover {color:#e0c88a;border-bottom-color:#c9a96e;text-decoration:none}
.disclaimer {max-width:800px;margin:0 auto 24px;text-align:center;font-size:11px;color:#5c5345;line-height:1.8}
.friend-links {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;max-width:1000px;margin:0 auto}
.friend-label {font-size:12px;color:#8a7d66;font-weight:600}
.runtime-friend-link {font-size:12px;color:#6b5f4e;text-decoration:none;transition:color .2s;white-space:nowrap}
.runtime-friend-link:hover {color:#e0c88a;text-decoration:underline}
@media (max-width:1024px){.overview-content {grid-template-columns:minmax(200px,240px) 1fr;gap:24px}
.episode-list {grid-template-columns:repeat(2,1fr)}
.recommendation-scroll {grid-template-columns:repeat(3,1fr)}}
@media (max-width:768px){.header-shell {flex-direction:column;align-items:flex-start;gap:10px;padding:12px 16px}
.categories-bar {width:100%;overflow-x:auto}
.overview-content {grid-template-columns:1fr;padding:16px}
.poster-wrapper {max-width:260px;margin:0 auto}
.hero-title-block {padding:32px 16px 16px}
.details-grid {grid-template-columns:1fr 1fr}
.episode-list {grid-template-columns:1fr}
.comments-grid {grid-template-columns:1fr}
.recommendation-scroll {grid-template-columns:repeat(2,1fr)}
.timeline-item {min-width:120px;padding:0 16px}
.player-wrapper {padding:0 16px 24px}}
@media (max-width:480px){body {font-size:13px}
.hero-title {letter-spacing:3px}
.hero-tagline {letter-spacing:4px;font-size:12px}
.overview-content {padding:12px}
.details-grid {grid-template-columns:1fr}
.episode-status-block {flex-direction:column;align-items:flex-start;gap:6px}
.recommendation-scroll {grid-template-columns:1fr}
.timeline-track {padding:16px 0}
.timeline-item {min-width:100px;padding:0 12px}
.player-controls {gap:6px}
.player-controls button {padding:4px 8px;font-size:11px}
.footer-links {flex-direction:column;align-items:center;gap:8px}}

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}