*, *::before, *::after {box-sizing:border-box;margin:0;padding:0}
html {scroll-behavior:smooth}
body {background:#0a0e1a;color:#d8dce6;font-family:"Songti SC","SimSun",serif;line-height:1.6;min-height:100vh}
img, video {display:block;max-width:100%}
a {color:inherit;text-decoration:none}
ul {list-style:none}
button {background:none;border:none;color:inherit;cursor:pointer;font:inherit}
h1, h2 {font-family:"Heiti SC","SimHei","Microsoft YaHei",sans-serif;font-weight:700;line-height:1.2}
header {background:#05070d;border-bottom:2px solid #1a2233;display:flex;align-items:center;justify-content:space-between;padding:0.8rem 1.2rem;position:sticky;top:0;z-index:100}
.site-logo {color:#f5c96b;font-family:"Heiti SC","SimHei",sans-serif;font-size:1.4rem;font-weight:700;letter-spacing:0.15em;text-shadow:0 0 10px rgba(245,201,107,0.3)}
nav[data-contract="categories"] {display:flex;gap:0.6rem;flex-wrap:nowrap;overflow-x:auto;padding-bottom:0.2rem}
a.runtime-category {color:#8a94b0;font-family:"Heiti SC","SimHei",sans-serif;font-size:0.9rem;padding:0.3rem 0.8rem;white-space:nowrap;border-bottom:2px solid transparent}
a.runtime-category:hover {color:#f5c96b;border-bottom-color:#f5c96b}
main {max-width:1400px;margin:0 auto;padding:1rem}
.movie-overview-panel {background:#0d1220;border:1px solid #1a2233;box-shadow:0 0 30px rgba(0,0,0,0.6);padding:1.2rem;margin-bottom:1.5rem;position:relative}
.movie-overview-panel::before {content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#f5c96b,#c0392b,#f5c96b)}
.hero-media-group {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:start;margin-bottom:1rem}
.player-shell {position:relative;background:#000;border:2px solid #1a2233;box-shadow:0 0 20px rgba(0,0,0,0.8)}
.player-shell video {width:100%!important;max-width:none!important}
.player-controls {background:rgba(5,7,13,0.9);border-top:1px solid #1a2233;display:flex;gap:0.4rem;align-items:center;padding:0.5rem 0.8rem;flex-wrap:wrap}
.player-controls button {background:#1a2233;color:#c8cedc;font-family:"Heiti SC","SimHei",sans-serif;font-size:0.75rem;padding:0.3rem 0.6rem;border-radius:2px;transition:all 0.2s}
.player-controls button:hover {background:#2a3550;color:#f5c96b}
.progress-indicator {color:#8a94b0;font-size:0.75rem;padding:0.3rem 0.6rem;background:#1a2233;border-radius:2px;cursor:pointer}
.progress-indicator.active {color:#f5c96b;background:#2a3550}
.poster-thumb-wrap {width:140px;flex-shrink:0}
.main-poster-img {width:100%;aspect-ratio:2/3;object-fit:cover;border:2px solid #1a2233;box-shadow:0 0 15px rgba(0,0,0,0.5)}
.title-tagline-block {padding:1rem 0;border-bottom:2px solid #1a2233;margin-bottom:1rem;position:relative}
.title-tagline-block::after {content:"";position:absolute;bottom:-2px;right:0;width:80px;height:2px;background:#c0392b}
.movie-title {color:#f5c96b;font-size:1.8rem;letter-spacing:0.05em;text-shadow:2px 2px 4px rgba(0,0,0,0.8);margin-bottom:0.3rem}
.movie-tagline {color:#8a94b0;font-size:1rem;font-style:italic}
.info-grid-columns {display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:1.5rem;margin-bottom:1.5rem}
.info-left, .info-right {display:flex;flex-direction:column;gap:1.2rem;min-width:0}
.section-title {color:#f5c96b;font-size:1.2rem;letter-spacing:0.1em;margin-bottom:0.8rem;position:relative;padding-left:1rem}
.section-title::before {content:"▸";position:absolute;left:0;color:#c0392b}
.cast-section {background:#0d1220;padding:0.8rem 0}
.cast-list {display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:0.8rem}
.cast-item {display:flex;flex-direction:column;align-items:center;gap:0.4rem;text-align:center}
.actor-avatar {width:70px;height:70px;background:linear-gradient(135deg,#1a2233,#0d1220);border:2px solid #c0392b;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;font-family:"Heiti SC","SimHei",sans-serif;font-size:0.7rem;color:#f5c96b;text-align:center;padding:0.5rem}
.actor-name {font-family:"Heiti SC","SimHei",sans-serif;font-size:0.9rem;color:#d8dce6}
.synopsis-block {padding:0.8rem 0}
.synopsis-grid {display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.synopsis-grid p {color:#b0b8c8;font-size:0.9rem;text-align:justify}
.synopsis-full {grid-column:1/-1;border-top:1px solid #1a2233;padding-top:1rem}
.detail-panel {background:#0d1220;padding:0.8rem 0}
.detail-list li {display:flex;justify-content:space-between;padding:0.5rem 0;border-bottom:1px solid #1a2233;font-size:0.9rem}
.detail-list li span {color:#c0392b;font-family:"Heiti SC","SimHei",sans-serif;font-weight:700}
.episode-status {display:flex;gap:0.8rem;flex-wrap:wrap;padding:0.8rem 0;border-top:2px solid #1a2233}
.status-label {background:#c0392b;color:#fff;font-family:"Heiti SC","SimHei",sans-serif;font-size:0.85rem;padding:0.3rem 0.8rem;clip-path:polygon(0 0,100% 0,90% 100%,0 100%)}
.current-ep {background:#1a2233;color:#f5c96b;font-family:"Heiti SC","SimHei",sans-serif;font-size:0.85rem;padding:0.3rem 0.8rem;border-left:3px solid #f5c96b}
.timeline-block {padding:1rem 0;border-top:2px solid #1a2233}
.timeline-vertical {position:relative;padding-left:2rem}
.timeline-vertical::before {content:"";position:absolute;left:0.8rem;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#f5c96b,#c0392b,#1a2233)}
.timeline-node {position:relative;padding:0.6rem 0;display:flex;gap:1rem;align-items:baseline}
.timeline-node::before {content:"";position:absolute;left:-1.7rem;top:0.8rem;width:12px;height:12px;background:#c0392b;transform:rotate(45deg);border:2px solid #f5c96b}
.timecode {font-family:"Heiti SC","SimHei",sans-serif;font-size:0.8rem;color:#f5c96b;white-space:nowrap;min-width:5.5rem}
.timeline-label {color:#b0b8c8;font-size:0.9rem}
.episodes-section {padding:1.2rem;margin-bottom:1.5rem;background:#0d1220;border:1px solid #1a2233}
.episode-scroll {display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;overflow-x:auto;padding-bottom:0.5rem}
.episode-card {background:#0d1220;border:1px solid #2a3550;padding:1rem;position:relative;display:flex;flex-direction:column;gap:0.5rem;transition:all 0.3s;clip-path:polygon(0 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%)}
.episode-card:hover {border-color:#c0392b;transform:translateY(-3px)}
.episode-number {position:absolute;top:0.5rem;right:0.8rem;font-family:"Heiti SC","SimHei",sans-serif;font-size:2rem;color:#1a2233;font-weight:700}
.episode-title {font-family:"Heiti SC","SimHei",sans-serif;font-size:1.1rem;color:#f5c96b;font-weight:700}
.episode-summary {font-size:0.85rem;color:#8a94b0;flex-grow:1}
.episode-duration {font-size:0.75rem;color:#c0392b;font-family:"Heiti SC","SimHei",sans-serif}
.comments-section {padding:1.2rem;margin-bottom:1.5rem;background:#141a28}
.comments-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}
.comment-bubble {background:#0d1220;border:1px solid #2a3550;border-radius:8px;padding:1rem;position:relative}
.comment-bubble::before {content:"";position:absolute;top:-8px;left:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #2a3550}
.comment-author {display:block;font-family:"Heiti SC","SimHei",sans-serif;color:#f5c96b;font-size:0.9rem;margin-bottom:0.5rem;font-weight:700}
.comment-bubble p {font-size:0.85rem;color:#b0b8c8}
.recommend-region {padding:1.2rem;margin-bottom:1.5rem;background:#0d1220;border:1px solid #1a2233;border-left:4px solid #c0392b}
.recommend-title {color:#f5c96b;font-size:1.3rem;margin-bottom:1rem;font-family:"Heiti SC","SimHei",sans-serif}
.recommend-row {display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}
a[data-runtime="recommendation"] {background:#0a0e1a;border:1px solid #2a3550;padding:0.8rem;display:flex;flex-direction:column;gap:0.5rem;transition:all 0.3s;position:relative;color:#d8dce6}
a[data-runtime="recommendation"]:hover {border-color:#f5c96b;transform:translateY(-4px);box-shadow:0 4px 15px rgba(245,201,107,0.2)}
a[data-runtime="recommendation"] img {width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center;background:#1a2233}
a[data-runtime="recommendation"] [data-runtime="name"] {font-family:"Heiti SC","SimHei",sans-serif;font-weight:700;font-size:0.95rem;color:#f5c96b}
a[data-runtime="recommendation"] [data-runtime="blurb"] {font-size:0.8rem;color:#8a94b0;line-height:1.4}
footer {background:#05070d;border-top:2px solid #1a2233;padding:1.5rem 1.2rem;margin-top:2rem}
.disclaimer {color:#5a6478;font-size:0.75rem;margin-bottom:1rem;text-align:center;max-width:800px;margin-left:auto;margin-right:auto}
.footer-links {display:flex;gap:1.5rem;justify-content:center;margin-bottom:1rem}
a[data-contract="footer-home"], a[data-contract="footer-sitemap"] {color:#8a94b0;font-family:"Heiti SC","SimHei",sans-serif;font-size:0.9rem;transition:color 0.2s}
a[data-contract="footer-home"]:hover, a[data-contract="footer-sitemap"]:hover {color:#f5c96b}
nav[data-contract="friend-links"] {display:flex;flex-wrap:wrap;justify-content:center;gap:0.8rem;align-items:center;padding-top:1rem;border-top:1px solid #1a2233}
.friend-label {color:#5a6478;font-size:0.85rem;font-family:"Heiti SC","SimHei",sans-serif}
a.runtime-friend-link {color:#8a94b0;font-size:0.85rem;padding:0.2rem 0.6rem;border:1px solid #1a2233;transition:all 0.2s}
a.runtime-friend-link:hover {color:#f5c96b;border-color:#f5c96b}
a[data-contract="site-name"] {color:#f5c96b}
a[data-contract="site-name"]:hover {text-decoration:underline;text-decoration-color:#c0392b}
.theater-mode {max-width:100%!important}
.theater-mode video {width:100%!important}
.lights-off main, .lights-off header, .lights-off footer {opacity:0.3;filter:brightness(0.4);transition:all 0.5s}
.lights-off .player-shell {opacity:1;filter:none;box-shadow:0 0 50px rgba(245,201,107,0.3)}
@media (max-width:1024px){.hero-media-group {grid-template-columns:1fr}
.poster-thumb-wrap {width:100%;max-width:200px;margin:0 auto}
.info-grid-columns {grid-template-columns:1fr}
.synopsis-grid {grid-template-columns:1fr}}
@media (max-width:768px){header {flex-direction:column;gap:0.5rem;padding:0.6rem}
.movie-title {font-size:1.4rem}
.cast-list {grid-template-columns:repeat(3,1fr)}
.episode-scroll {grid-template-columns:1fr 1fr}
.comments-grid {grid-template-columns:1fr}
.recommend-row {grid-template-columns:1fr 1fr}
.player-controls {justify-content:center}}
@media (max-width:480px){main {padding:0.5rem}
.movie-overview-panel {padding:0.8rem}
.cast-list {grid-template-columns:1fr 1fr}
.episode-scroll {grid-template-columns:1fr}
.recommend-row {grid-template-columns:1fr}
.timeline-node {flex-direction:column;gap:0.2rem}
.timecode {min-width:0}
.title-tagline-block h1 {font-size:1.2rem}
.synopsis-grid {grid-template-columns:1fr}
.detail-list li {font-size:0.85rem}}

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}