*, *::before, *::after {box-sizing:border-box;margin:0;padding:0}
html {scroll-behavior:smooth}
body {font-family:"Songti SC","SimSun",serif;background:#0a0a0c;color:#c8c8c8;line-height:1.6;-webkit-font-smoothing:antialiased}
img {display:block;max-width:100%}
a {color:#c8c8c8;text-decoration:none}
button {font-family:inherit;cursor:pointer;background:none;border:none;color:inherit}
header {position:sticky;top:0;z-index:100;background:rgba(10,10,12,.95);border-bottom:1px solid rgba(200,200,200,.1);backdrop-filter:blur(8px)}
.site-brand {display:inline-block;padding:14px 24px;font-family:"KaiTi","STKaiti",serif;font-size:22px;letter-spacing:4px;color:#c0392b;font-weight:bold;white-space:nowrap}
.site-brand:hover {color:#e74c3c;text-shadow:0 0 12px rgba(192,57,43,.4)}
.categories-bar {display:flex;flex-wrap:wrap;gap:2px;padding:8px 16px;border-top:1px solid rgba(200,200,200,.06)}
.runtime-category {display:inline-block;padding:4px 12px;font-size:13px;color:#a0a0a0;border:1px solid transparent;border-radius:3px;white-space:nowrap;transition:all .2s ease}
.runtime-category:hover {color:#c0392b;border-color:rgba(192,57,43,.4);background:rgba(192,57,43,.08)}
.page-shell {max-width:1440px;margin:0 auto;padding:0 24px}
.movie-overview {display:grid;grid-template-columns:minmax(280px,340px) 1fr;grid-template-areas:"poster title" "poster cast" "poster synopsis" "poster status" "poster details" "player player";gap:0;background:linear-gradient(135deg,#111114 0%,#1a1a1f 60%,#141416 100%);border:1px solid rgba(200,200,200,.08);box-shadow:0 8px 32px rgba(0,0,0,.5);position:relative;overflow:hidden}
.movie-overview::before {content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#c0392b,transparent)}
.poster-hero {grid-area:poster;position:relative;padding:0;background:#0d0d10;border-right:1px solid rgba(200,200,200,.08)}
.hero-poster {width:100%;aspect-ratio:2/3;object-fit:cover;filter:grayscale(30%) contrast(1.1);transition:filter .4s ease}
.poster-hero:hover .hero-poster {filter:grayscale(0) contrast(1.15)}
.poster-hero::after {content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(10,10,12,.6))}
.title-tagline-group {grid-area:title;padding:32px 32px 16px;border-bottom:1px solid rgba(200,200,200,.06)}
.movie-title {font-family:"KaiTi","STKaiti",serif;font-size:clamp(24px,3vw,36px);color:#e8e8e8;letter-spacing:2px;line-height:1.3;margin-bottom:8px;text-shadow:2px 2px 8px rgba(0,0,0,.5)}
.tagline {font-family:"KaiTi","STKaiti",serif;font-size:18px;color:#c0392b;letter-spacing:6px;margin-bottom:8px}
.seo-hidden-desc {font-size:13px;color:#8a8a8a;max-width:720px;line-height:1.7}
.cast-panel {grid-area:cast;padding:20px 32px;border-bottom:1px solid rgba(200,200,200,.06)}
.section-subheading {font-family:"KaiTi","STKaiti",serif;font-size:16px;color:#c0392b;letter-spacing:3px;margin-bottom:12px;display:flex;align-items:center;gap:10px}
.section-subheading::before {content:"";width:24px;height:1px;background:#c0392b}
.actor-card-list {display:flex;flex-wrap:wrap;gap:10px}
.actor-card {background:rgba(192,57,43,.06);border:1px solid rgba(192,57,43,.2);padding:6px 16px;border-radius:2px;transition:all .25s ease}
.actor-card:hover {background:rgba(192,57,43,.15);border-color:#c0392b;transform:translateY(-2px)}
.actor-name {font-family:"KaiTi","STKaiti",serif;font-size:15px;color:#e0e0e0;letter-spacing:2px}
.synopsis-block {grid-area:synopsis;padding:20px 32px;border-bottom:1px solid rgba(200,200,200,.06)}
.synopsis-paragraph {font-size:14px;line-height:1.9;color:#b0b0b0;margin-bottom:10px;text-align:justify}
.synopsis-paragraph::first-letter {font-size:20px;color:#c0392b;font-family:"KaiTi","STKaiti",serif}
.episode-status-panel {grid-area:status;display:flex;flex-wrap:wrap;gap:16px;padding:16px 32px;border-bottom:1px solid rgba(200,200,200,.06);align-items:center}
.total-episodes, .current-episode, .episode-meta {font-size:14px;padding:4px 14px;border-radius:2px}
.total-episodes {background:rgba(200,200,200,.05);color:#a0a0a0;border:1px solid rgba(200,200,200,.1)}
.current-episode {background:rgba(192,57,43,.15);color:#e74c3c;border:1px solid rgba(192,57,43,.3);font-weight:bold}
.episode-meta {background:rgba(200,200,200,.05);color:#a0a0a0;border:1px solid rgba(200,200,200,.1)}
.details-grid {grid-area:details;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;padding:16px 32px 24px;border-bottom:1px solid rgba(200,200,200,.06)}
.detail-item {display:flex;flex-direction:column;gap:2px;padding:6px 10px;background:rgba(200,200,200,.03);border-left:2px solid rgba(192,57,43,.3)}
.detail-label {font-size:11px;color:#777;text-transform:uppercase;letter-spacing:1px}
.detail-value {font-size:14px;color:#d0d0d0}
.player-shell {grid-area:player;padding:24px 32px 32px;min-width:0}
.player-shell video {display:block;background:#000;border:1px solid rgba(200,200,200,.1);border-radius:4px;box-shadow:0 4px 24px rgba(0,0,0,.6)}
.player-controls {display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;padding:8px;background:rgba(200,200,200,.04);border-radius:3px}
.player-controls button {padding:6px 14px;font-size:12px;color:#a0a0a0;border:1px solid rgba(200,200,200,.1);border-radius:2px;transition:all .2s;background:rgba(10,10,12,.6)}
.player-controls button:hover {color:#e74c3c;border-color:rgba(192,57,43,.4);background:rgba(192,57,43,.1)}
.player-shell video.theater-mode {max-height:calc(100vh - 180px);object-fit:contain}
.player-shell video.theater-mode+ .player-controls {position:sticky;bottom:0;z-index:10;background:rgba(10,10,12,.9)}
body.lights-off {background:#000}
.lights-off .page-shell {opacity:.97;filter:brightness(.75) contrast(1.1)}
.lights-off .player-shell video {box-shadow:0 0 60px rgba(192,57,43,.15)}
.timeline-section {padding:48px 0 24px;position:relative}
.section-heading {font-family:"KaiTi","STKaiti",serif;font-size:26px;color:#e0e0e0;letter-spacing:8px;margin-bottom:28px;display:flex;align-items:center;gap:14px}
.section-heading::after {content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(192,57,43,.3),transparent)}
.timeline-horizontal {display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0;position:relative;padding:20px 0}
.timeline-horizontal::before {content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(192,57,43,.5),rgba(200,200,200,.3),rgba(192,57,43,.5),transparent)}
.timeline-entry {position:relative;padding:12px 16px;background:rgba(20,20,24,.9);border:1px solid rgba(200,200,200,.08);border-radius:2px;margin:0 6px;min-height:80px;display:flex;flex-direction:column;gap:6px;transition:border-color .3s,transform .3s}
.timeline-entry:hover {border-color:rgba(192,57,43,.4);transform:translateY(-2px)}
.timeline-entry::before {content:"";position:absolute;top:-14px;left:50%;width:8px;height:8px;background:#c0392b;transform:translateX(-50%) rotate(45deg)}
.timeline-timecode {font-family:"KaiTi","STKaiti",serif;font-size:14px;color:#c0392b;font-weight:bold;letter-spacing:1px}
.timeline-label {font-size:13px;color:#a0a0a0;line-height:1.5}
.episodes-list-section {padding:24px 0}
.episode-vertical-list {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.episode-item {display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"num title dur" "num summary summary";gap:4px 16px;padding:16px 20px;background:rgba(20,20,24,.8);border:1px solid rgba(200,200,200,.06);border-left:3px solid rgba(192,57,43,.5);transition:all .3s ease}
.episode-item:hover {border-left-color:#e74c3c;background:rgba(25,25,30,.95)}
.episode-number {grid-area:num;font-family:"KaiTi","STKaiti",serif;font-size:18px;color:#c0392b;writing-mode:vertical-rl;align-self:center;letter-spacing:2px}
.episode-title {grid-area:title;font-family:"KaiTi","STKaiti",serif;font-size:18px;color:#e0e0e0;letter-spacing:2px}
.episode-duration {grid-area:dur;font-size:12px;color:#777;align-self:center}
.episode-summary {grid-area:summary;font-size:13px;color:#a0a0a0;line-height:1.6}
.behind-scenes {padding:24px 0}
.making-panel {background:linear-gradient(135deg,rgba(20,20,24,.9),rgba(15,15,18,.95));border:1px solid rgba(200,200,200,.06);padding:24px 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.making-panel p {font-size:14px;color:#b0b0b0;line-height:1.7;padding:10px 16px;background:rgba(200,200,200,.02);border-left:1px solid rgba(192,57,43,.3)}
.comments-section {padding:24px 0}
.comments-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.comment-card {background:rgba(20,20,24,.85);border:1px solid rgba(200,200,200,.06);padding:20px;position:relative;transition:transform .3s,box-shadow .3s}
.comment-card:hover {transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.4)}
.comment-card::before {content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,#c0392b,transparent)}
.comment-nickname {display:block;font-family:"KaiTi","STKaiti",serif;font-size:15px;color:#c0392b;letter-spacing:2px;margin-bottom:8px}
.comment-text {font-size:14px;color:#b0b0b0;line-height:1.7}
.recommendation-region {padding:24px 0}
.rec-heading {font-family:"KaiTi","STKaiti",serif;font-size:20px;color:#e0e0e0;letter-spacing:4px;margin-bottom:16px;display:flex;align-items:center;gap:12px}
.rec-heading::after {content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(192,57,43,.3),transparent)}
.rec-card-wrapper {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.rec-card {display:flex;flex-direction:column;gap:8px;background:rgba(20,20,24,.85);border:1px solid rgba(200,200,200,.06);padding:12px;transition:all .3s ease;position:relative;overflow:hidden}
.rec-card:hover {border-color:rgba(192,57,43,.4);transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.5)}
.rec-card::after {content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#c0392b,transparent);transform:scaleX(0);transition:transform .3s}
.rec-card:hover::after {transform:scaleX(1)}
.rec-card img {width:100%;aspect-ratio:16/10;object-fit:cover;background:#000;border-radius:2px}
.rec-card [data-runtime="name"] {font-family:"KaiTi","STKaiti",serif;font-size:15px;color:#e0e0e0;letter-spacing:1px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.rec-card [data-runtime="blurb"] {font-size:12px;color:#8a8a8a;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:36px}
footer {background:#0d0d10;border-top:1px solid rgba(200,200,200,.08);padding:32px 24px 48px;margin-top:48px}
.footer-disclaimer {font-size:12px;color:#666;line-height:1.8;max-width:1200px;margin:0 auto 24px;padding:12px 20px;border-left:2px solid rgba(192,57,43,.3);background:rgba(200,200,200,.02)}
.footer-nav {display:flex;gap:24px;justify-content:center;margin-bottom:20px}
.footer-nav a {font-size:14px;color:#a0a0a0;letter-spacing:1px;transition:color .2s}
.footer-nav a:hover {color:#e74c3c}
.friend-links {display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;max-width:1200px;margin:0 auto}
.friend-links-label {font-size:13px;color:#777}
.runtime-friend-link {font-size:13px;color:#8a8a8a;padding:2px 10px;border:1px solid transparent;border-radius:2px;transition:all .2s}
.runtime-friend-link:hover {color:#c0392b;border-color:rgba(192,57,43,.3);background:rgba(192,57,43,.05)}
@media(max-width:1024px){.movie-overview {grid-template-columns:minmax(240px,280px) 1fr}
.page-shell {padding:0 16px}
.hero-poster {aspect-ratio:2/3.2}}
@media(max-width:768px){.movie-overview {grid-template-columns:1fr;grid-template-areas:"poster" "title" "cast" "synopsis" "status" "details" "player"}
.poster-hero {border-right:none;border-bottom:1px solid rgba(200,200,200,.08);max-width:340px}
.hero-poster {width:100%;aspect-ratio:2/3}
.title-tagline-group, .cast-panel, .synopsis-block, .episode-status-panel, .details-grid, .player-shell {padding-left:20px;padding-right:20px}
.timeline-horizontal {grid-template-columns:1fr;gap:4px}
.timeline-horizontal::before {display:none}
.timeline-entry {margin:0 0 8px 20px}
.timeline-entry::before {top:50%;left:-16px;transform:rotate(45deg) translateY(-50%)}}
@media(max-width:480px){.page-shell {padding:0 12px}
.movie-title {font-size:20px}
.tagline {font-size:15px;letter-spacing:3px}
.actor-card-list {flex-direction:column;gap:6px}
.actor-card {text-align:center}
.details-grid {grid-template-columns:repeat(2,1fr)}
.episode-vertical-list {grid-template-columns:1fr}
.comments-grid {grid-template-columns:1fr}
.rec-card-wrapper {grid-template-columns:1fr}
.player-shell {padding-left:12px;padding-right:12px}
.player-shell video {aspect-ratio:16/9 !important;width:100% !important;min-width:0}
.player-controls {justify-content:center}
.categories-bar {padding:6px 8px}
.runtime-category {font-size:12px;padding:3px 8px}
.site-brand {padding:12px 16px;font-size:18px;letter-spacing:2px}}
@media(max-width:360px){.page-shell {padding:0 8px}
.movie-overview {grid-template-columns:1fr}
.details-grid {grid-template-columns:1fr 1fr;gap:6px}
.detail-item {padding:4px 8px}
.detail-value {font-size:12px}
.player-controls button {padding:4px 10px;font-size:11px}
.footer-nav {flex-direction:column;align-items:center;gap:8px}
.friend-links {flex-direction:column;gap:6px;text-align:center}}
.player-shell video {width:100%;min-width:0}
body.lights-off header {background:rgba(0,0,0,.97)}
body.lights-off .movie-overview {background:#0d0d10}
.movie-overview>* {min-width:0}
.title-tagline-group, .cast-panel, .synopsis-block, .episode-status-panel, .details-grid, .player-shell {max-width:100%;overflow-wrap:break-word}
.episode-status-panel .total-episodes, .episode-status-panel .current-episode, .episode-status-panel .episode-meta {white-space:nowrap}
@media(max-width:400px){.episode-status-panel {flex-direction:column;align-items:flex-start;gap:6px}
.episode-status-panel span {display:block}}

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}