*, *::before, *::after {box-sizing:border-box;margin:0;padding:0}
html {scroll-behavior:smooth}
body {background:#12161f;color:#b7c2cc;font-family:Helvetica,Arial,"Microsoft YaHei",sans-serif;font-size:14px;line-height:1.45;overflow-x:hidden}
a {color:#4fa8c9;text-decoration:none}
a:hover {color:#e2a93b;text-decoration:underline}
img, video {display:block;max-width:100%}
button {font:inherit;cursor:pointer;background:none;border:none;color:inherit}
.site-header {background:linear-gradient(180deg,#1a2029 0%,#12161f 100%);border-bottom:2px solid #2a3441;position:sticky;top:0;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,.5)}
.header-shell {display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1.2rem;max-width:1440px;margin:0 auto}
.brand-mark {font-size:1.5rem;font-weight:800;letter-spacing:.08em;color:#dce6ef;text-transform:uppercase;text-decoration:none;text-shadow:0 0 8px rgba(79,168,201,.4),0 2px 4px rgba(0,0,0,.8)}
.brand-mark:hover {color:#e2a93b;text-decoration:none}
.category-strip {display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}
.runtime-category {display:inline-block;padding:.3rem .7rem;background:#1e2733;border:1px solid #2a3441;color:#8fa3b5;font-size:.8rem;line-height:1.4;white-space:nowrap;border-radius:2px;transition:background .2s,border-color .2s,color .2s}
.runtime-category:hover, .runtime-category:focus {background:#2a3a4a;border-color:#4fa8c9;color:#e2a93b;text-decoration:none;outline:none}
.page-main {max-width:1440px;margin:0 auto;padding:1rem 1.2rem 2rem}
.movie-hero-shell {background:linear-gradient(145deg,#1c232d 0%,#141a22 60%,#1c232d 100%);border:1px solid #2a3441;border-radius:8px;margin-bottom:2rem;box-shadow:0 8px 24px rgba(0,0,0,.6);overflow:hidden}
.overview-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:0}
.poster-player-wrap {display:grid;grid-template-columns:minmax(0,0.8fr) minmax(0,1.4fr);background:#0f141b;border-right:1px solid #2a3441}
.poster-block {padding:1rem;background:#0f141b;display:flex;align-items:flex-start}
.main-poster-img {width:100%;aspect-ratio:2/3;object-fit:cover;border:1px solid #3a4655;border-radius:4px;box-shadow:0 4px 16px rgba(0,0,0,.7)}
.player-block {padding:1rem;display:flex;flex-direction:column;gap:.6rem;min-width:0}
.movie-player {background:#0a0d12;border:1px solid #2a3441;border-radius:4px}
.player-control-bar {display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;background:#1a212b;border:1px solid #2a3441;border-radius:4px;flex-wrap:wrap}
.ctrl-btn {background:#2a3441;color:#c8d3dc;border:1px solid #3a4655;padding:.3rem .5rem;border-radius:3px;font-size:.9rem;line-height:1.3;transition:all .2s}
.ctrl-btn:hover {background:#3a4a5a;color:#e2a93b;border-color:#e2a93b}
.progress-slider {flex:1;min-width:60px;height:6px;background:#3a4655;border-radius:3px;cursor:pointer;position:relative;border:1px solid #2a3441}
.volume-ctl {color:#c8d3dc;font-size:1rem;cursor:pointer;padding:0 .2rem;user-select:none}
.overview-info {padding:1.2rem 1.5rem;display:flex;flex-direction:column;gap:1.2rem;background:linear-gradient(180deg,#1c232d 0%,#161c25 100%)}
.title-tagline-group {border-bottom:1px solid #2a3441;padding-bottom:1rem}
.movie-title {font-size:1.6rem;font-weight:800;color:#e6edf3;line-height:1.3;letter-spacing:.02em;margin-bottom:.4rem;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.movie-tagline {font-size:.95rem;color:#a8b8c6;font-style:italic;margin-bottom:.5rem;letter-spacing:.04em}
.seo-desc {font-size:.82rem;color:#7e8fa0;line-height:1.6}
.meta-cluster {display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.details-panel, .cast-module {background:rgba(20,26,34,.6);border:1px solid #2a3441;border-radius:6px;padding:1rem}
.panel-heading {font-size:.85rem;font-weight:700;color:#e2a93b;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid #3a4655;padding-bottom:.5rem;margin-bottom:.8rem;display:flex;align-items:center;gap:.4rem}
.panel-heading::before {content:"▮";color:#4fa8c9}
.details-grid {display:grid;grid-template-columns:1fr;gap:.4rem}
.detail-item {display:flex;justify-content:space-between;gap:.6rem;font-size:.8rem;border-bottom:1px dashed #2a3441;padding:.2rem 0}
.detail-item dt {color:#8fa3b5;font-weight:600;white-space:nowrap}
.detail-item dd {color:#dce6ef;text-align:right;font-weight:500}
.cast-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}
.cast-card {display:flex;align-items:center;gap:.5rem;padding:.4rem;background:#1a212b;border:1px solid #2a3441;border-radius:4px;transition:border-color .2s,background .2s}
.cast-card:hover {border-color:#4fa8c9;background:#1e2733}
.cast-avatar {width:2.4rem;height:2.4rem;border-radius:50%;background:linear-gradient(135deg,#4fa8c9,#2a3441);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;color:#e6edf3;text-shadow:0 1px 2px rgba(0,0,0,.6);border:2px solid #4fa8c9;box-shadow:0 0 6px rgba(79,168,201,.4)}
.comic-style {background:linear-gradient(135deg,#e2a93b,#b87a1e,#ffd77a);border-color:#ffd77a;color:#1a212b;text-shadow:none;box-shadow:0 0 8px rgba(226,169,59,.5),inset 0 0 4px rgba(0,0,0,.2)}
.cast-name {font-size:.85rem;color:#c8d3dc;font-weight:600}
.synopsis-block {background:rgba(20,26,34,.6);border:1px solid #2a3441;border-radius:6px;padding:1rem;position:relative}
.synopsis-block::before {content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#4fa8c9,#e2a93b,#4fa8c9)}
.synopsis-text {display:flex;flex-direction:column;gap:.5rem}
.synopsis-text p {font-size:.85rem;color:#a8b8c6;line-height:1.7;text-indent:1.5em}
.episode-status-chip {display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#1a212b;border:1px solid #2a3441;border-radius:20px;font-size:.85rem;align-self:flex-start}
.status-label {color:#8fa3b5;font-weight:600}
.status-value {color:#e2a93b;font-weight:800}
.sep {color:#3a4655;font-weight:700}
.timeline-section {margin-bottom:2rem;padding:1.2rem;background:#1a212b;border:1px solid #2a3441;border-radius:6px}
.section-title {font-size:1.2rem;font-weight:800;color:#e2a93b;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem;display:flex;align-items:center;gap:.6rem}
.section-title::after {content:"";flex:1;height:1px;background:linear-gradient(90deg,#3a4655,transparent)}
.timeline-scroll {overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin;scrollbar-color:#4fa8c9 #2a3441}
.timeline-track {display:flex;gap:0;min-width:max-content;position:relative;padding:1rem 0}
.timeline-track::before {content:"";position:absolute;top:50%;left:0;right:0;height:3px;background:linear-gradient(90deg,#4fa8c9,#2a3441,#e2a93b);transform:translateY(-50%);border-radius:2px}
.timeline-node {display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;padding:0 1.5rem;position:relative;min-width:140px;flex:0 0 auto}
.timeline-node::before {content:"";width:14px;height:14px;border-radius:50%;background:#e2a93b;border:3px solid #12161f;box-shadow:0 0 8px rgba(226,169,59,.6);position:absolute;top:50%;left:1.5rem;transform:translateY(-50%) translateX(-50%);z-index:2}
.timeline-node:nth-child(odd)::before {background:#4fa8c9;box-shadow:0 0 8px rgba(79,168,201,.6)}
.timecode {font-size:.8rem;font-weight:700;color:#e2a93b;background:#1a212b;padding:.1rem .4rem;border:1px solid #3a4655;border-radius:3px;margin-top:-.5rem}
.timeline-node:nth-child(odd) .timecode {color:#4fa8c9}
.timeline-node .label {font-size:.75rem;color:#a8b8c6;line-height:1.4;background:#12161f;padding:.3rem .5rem;border-radius:3px;border-left:2px solid #4fa8c9}
.episodes-section {margin-bottom:2rem;padding:1.2rem;background:#1a212b;border:1px solid #2a3441;border-radius:6px}
.episode-list {display:flex;flex-direction:column;gap:1rem}
.episode-item {display:flex;gap:1.2rem;background:#161c25;border:1px solid #2a3441;border-radius:6px;padding:1rem;transition:border-color .2s,box-shadow .2s}
.episode-item:hover {border-color:#e2a93b;box-shadow:0 0 12px rgba(226,169,59,.15)}
.episode-thumb {flex:0 0 220px;align-self:flex-start}
.episode-img {width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px;border:1px solid #3a4655}
.episode-info {display:flex;flex-direction:column;gap:.4rem}
.episode-number {font-size:.75rem;font-weight:800;color:#e2a93b;background:#1a212b;display:inline-block;padding:.2rem .5rem;border:1px solid #3a4655;border-radius:3px;align-self:flex-start}
.episode-title {font-size:1.1rem;font-weight:700;color:#e6edf3}
.episode-summary {font-size:.85rem;color:#a8b8c6;line-height:1.6}
.episode-duration {font-size:.75rem;color:#7e8fa0;font-weight:600;letter-spacing:.05em}
.comments-section {margin-bottom:2rem;padding:1.2rem;background:#1a212b;border:1px solid #2a3441;border-radius:6px}
.comment-list {display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.comment-item {display:flex;gap:.8rem;background:#161c25;border:1px solid #2a3441;border-radius:6px;padding:.8rem;transition:border-color .2s}
.comment-item:hover {border-color:#4fa8c9}
.comment-avatar {width:2.6rem;height:2.6rem;border-radius:50%;background:linear-gradient(135deg,#4fa8c9,#1e2733);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;color:#e6edf3;border:2px solid #4fa8c9;flex-shrink:0;box-shadow:0 0 6px rgba(79,168,201,.3)}
.comment-item:nth-child(even) .comment-avatar {background:linear-gradient(135deg,#e2a93b,#8a6a1a);border-color:#e2a93b;color:#1a212b}
.comment-body {display:flex;flex-direction:column;gap:.3rem}
.comment-nick {font-size:.8rem;font-weight:700;color:#e2a93b;letter-spacing:.05em}
.comment-text {font-size:.82rem;color:#a8b8c6;line-height:1.6;position:relative;padding-left:1rem}
.comment-text::before {content:"“";position:absolute;left:0;top:-.2rem;font-size:1.4rem;color:#4fa8c9;font-family:Georgia,serif}
.rec-region {margin-bottom:2rem;padding:1.2rem;background:#1a212b;border:1px solid #2a3441;border-radius:6px}
.rec-title {font-size:1.1rem;font-weight:800;color:#e6edf3;letter-spacing:.08em;margin-bottom:1rem;display:flex;align-items:center;gap:.6rem}
.rec-title::before {content:"▸";color:#e2a93b;font-size:1.2rem}
.rec-grid {display:grid;gap:1rem}
.rec-4 {grid-template-columns:repeat(4,1fr)}
.rec-5 {grid-template-columns:repeat(5,1fr)}
.rec-6 {grid-template-columns:repeat(6,1fr)}
.rec-3 {grid-template-columns:repeat(3,1fr)}
.rec-card {display:flex;flex-direction:column;gap:.4rem;background:#161c25;border:1px solid #2a3441;border-radius:6px;padding:.6rem;color:#c8d3dc;transition:all .25s;overflow:hidden;position:relative}
.rec-card:hover {color:#e6edf3;text-decoration:none;border-color:#e2a93b;transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.5)}
.rec-card::after {content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(226,169,59,.15) 50%,transparent 60%);transform:translateX(-100%);transition:transform .6s ease;pointer-events:none}
.rec-card:hover::after {transform:translateX(100%)}
[data-runtime="recommendation"] img {width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:4px;border:1px solid #2a3441;background:#0f141b}
[data-runtime="name"] {font-size:.85rem;font-weight:700;color:#dce6ef;line-height:1.4}
[data-runtime="blurb"] {font-size:.72rem;color:#7e8fa0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.site-footer {background:#0f141b;border-top:2px solid #2a3441;padding:1.5rem 1.2rem 2.5rem}
.footer-contract {max-width:1440px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}
.disclaimer-text {font-size:.75rem;color:#5a6a78;line-height:1.6;border-left:3px solid #2a3441;padding-left:.8rem}
.friend-links {display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}
.friend-links-label {font-size:.8rem;color:#8fa3b5;font-weight:600;white-space:nowrap}
.runtime-friend-link {font-size:.78rem;color:#4fa8c9;padding:.2rem .5rem;background:#161c25;border:1px solid #2a3441;border-radius:3px;transition:all .2s;white-space:nowrap}
.runtime-friend-link:hover {color:#e2a93b;border-color:#e2a93b;text-decoration:none}
.footer-links-mini {display:flex;gap:1rem;border-top:1px solid #1a212b;padding-top:.8rem}
.footer-home-link, .footer-sitemap-link {font-size:.8rem;color:#8fa3b5;letter-spacing:.05em;padding:.2rem .4rem;transition:color .2s}
.footer-home-link:hover, .footer-sitemap-link:hover {color:#e2a93b;text-decoration:none}
.player.theater-mode {position:fixed;inset:0;z-index:1000;background:#000;border:none;border-radius:0}
.player.light {filter:brightness(1.2)}
.player.mute .volume-ctl {opacity:.4}
.player.play .ctrl-btn[data-player-action="play"] {color:#e2a93b}
.player.progress {cursor:pointer}
.player.fullscreen {width:100%;height:100%}
.player.pip {border:2px solid #e2a93b}
body.lights-dim {background:#0a0d12}
body.lights-dim .page-main>section:not(.movie-hero-shell) {opacity:.92;filter:brightness(.85)}
body.lights-dim .movie-hero-shell {box-shadow:0 0 40px rgba(0,0,0,.9)}
body.lights-dim .site-header {border-bottom-color:#0a0d12}
body.lights-dim .site-footer {opacity:.7}
body.lights-dim .player-block {background:#000}
body.lights-dim .player-control-bar {background:#0a0d12}
body.lights-dim .main-poster-img {filter:brightness(.7)}
body.lights-dim .timeline-node::before, .theater-mode .timeline-node::before {box-shadow:0 0 4px rgba(226,169,59,.3)}
@media (max-width:1100px){.overview-grid {grid-template-columns:1fr}
.poster-player-wrap {grid-template-columns:minmax(0,0.7fr) minmax(0,1.3fr);border-right:none;border-bottom:1px solid #2a3441}
.meta-cluster {grid-template-columns:1fr 1fr}
.rec-6 {grid-template-columns:repeat(3,1fr)}
.rec-5 {grid-template-columns:repeat(3,1fr)}
.rec-4 {grid-template-columns:repeat(2,1fr)}}
@media (max-width:768px){body {font-size:13px}
.header-shell {flex-direction:column;align-items:flex-start;gap:.5rem;padding:.5rem .8rem}
.category-strip {justify-content:flex-start;gap:.3rem;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.3rem}
.runtime-category {flex-shrink:0}
.page-main {padding:.8rem}
.poster-player-wrap {grid-template-columns:1fr}
.poster-block {justify-content:center;padding:.6rem .6rem 0}
.main-poster-img {max-width:280px;margin:0 auto}
.player-block {padding:.6rem}
.overview-info {padding:.8rem}
.movie-title {font-size:1.3rem}
.meta-cluster {grid-template-columns:1fr}
.details-panel, .cast-module {overflow-x:auto}
.cast-grid {grid-template-columns:repeat(2,1fr)}
.episode-item {flex-direction:column}
.episode-thumb {flex:0 0 auto;width:100%}
.episode-img {width:100%}
.comment-list {grid-template-columns:1fr}
.rec-4, .rec-5, .rec-6, .rec-3 {grid-template-columns:repeat(2,1fr)}
.timeline-node {min-width:120px;padding:0 1rem}
.timeline-scroll {overflow-x:auto;-webkit-overflow-scrolling:touch}
.player-control-bar {gap:.3rem;padding:.4rem}
.ctrl-btn {padding:.25rem .4rem;font-size:.8rem}}
@media (max-width:480px){body {font-size:12px}
.brand-mark {font-size:1.2rem}
.movie-title {font-size:1.1rem}
.rec-4, .rec-5, .rec-6, .rec-3 {grid-template-columns:1fr}
.comment-list {grid-template-columns:1fr}
.episode-number, .episode-duration {font-size:.7rem}
.details-grid {grid-template-columns:1fr}
.cast-card {flex-direction:column;text-align:center;gap:.3rem}
.cast-avatar {width:2.2rem;height:2.2rem}
.footer-contract {padding:0 .4rem}
.friend-links {gap:.3rem}
.timeline-node {min-width:110px;padding:0 .8rem}
.timeline-scroll {padding-bottom:1rem}
.player-control-bar {flex-wrap:wrap;justify-content:center}
.progress-slider {min-width:100%;order:-1}}

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}