* {margin:0;padding:0;box-sizing:border-box}
html {-webkit-text-size-adjust:100%}
body {background:#e8e9eb;color:#24262b;font-family:"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-stretch:condensed;line-height:1.5;font-size:15px}
img, video {display:block;max-width:100%}
a {color:inherit;text-decoration:none}
ul, ol {list-style:none}
button, input {font:inherit;color:inherit}
h1, h2, h3 {font-family:Georgia,"Songti SC","SimSun","Noto Serif SC",serif;font-weight:700;line-height:1.25}
:root {
--ink:#24262b;
--cold:#6d727c;
--cold-2:#9aa0aa;
--cold-3:#c6c9cf;
--red:#7c1f2b;
--red-2:#a8333f;
--paper:#f4f4f3;
--tint:#ececec;
}
.site-header {background:#20222a;border-bottom:2px solid var(--red);position:sticky;top:0;z-index:20}
.header-inner {max-width:1240px;margin:0 auto;padding:6px 14px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.brand-block {display:flex;align-items:center}
a[data-contract="site-name"].brand-name {font-family:Georgia,"Songti SC","SimSun",serif;font-weight:700;font-size:19px;letter-spacing:.04em;color:#f2f2f0;text-decoration:none;border-left:3px solid var(--red-2);padding-left:9px}
a[data-contract="site-name"].brand-name:hover {color:#fff;text-decoration:underline}
.category-nav {display:flex;flex-wrap:wrap;gap:2px;flex:1 1 auto;min-width:0}
a.runtime-category {white-space:nowrap;font-size:13px;color:var(--cold-3);text-decoration:none;padding:3px 9px;border:1px solid transparent}
a.runtime-category:hover {color:#fff;text-decoration:none;border-color:var(--red-2);background:rgba(168,51,63,.28)}
.page-main {max-width:1240px;margin:0 auto;padding:14px 14px 26px}
section {margin-bottom:20px}
.section-heading {font-size:16px;color:var(--ink);letter-spacing:.06em;padding-bottom:5px;margin-bottom:10px;border-bottom:1px solid var(--cold-3);position:relative}
.section-heading::after {content:"";position:absolute;left:0;bottom:-1px;width:46px;height:2px;background:var(--red)}
.hero-section {display:grid;grid-template-columns:minmax(0,1fr);gap:14px;background:var(--paper);border:1px solid var(--cold-3);border-top:3px solid var(--red);padding:12px}
.hero-media {min-width:0}
.poster-figure {margin:0;width:100%;max-width:280px}
.poster-image {width:100%;height:auto;object-fit:cover;border:1px solid var(--cold-3);filter:saturate(.92) contrast(1.04)}
.hero-info {min-width:0;display:flex;flex-direction:column;gap:12px}
.title-group {position:relative;padding:4px 0 8px 12px;border-left:3px solid var(--red)}
.movie-title {font-size:26px;letter-spacing:.03em;color:var(--ink)}
.movie-tagline {margin-top:4px;font-size:13.5px;color:var(--red);letter-spacing:.1em}
.player-shell {min-width:0;background:#16171c;padding:6px;border:1px solid #303239}
.main-player {width:100%;display:block;background:#000}
.player-controls {display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:6px}
.ctrl {font-size:12.5px;line-height:1;padding:5px 8px;background:#2a2c34;color:#d3d5da;border:1px solid #3b3e47;cursor:pointer;white-space:nowrap}
.ctrl:hover {background:var(--red);color:#fff;border-color:var(--red-2)}
.ctrl-progress {flex:1 1 120px;min-width:0;height:20px;padding:0;background:transparent;border:none;accent-color:var(--red-2);cursor:pointer}
.ctrl-volume {flex:0 1 90px;min-width:60px;height:20px;padding:0;background:transparent;border:none;accent-color:var(--cold-2);cursor:pointer}
body.is-playing .ctrl-play {background:var(--red);color:#fff;border-color:var(--red-2)}
body.is-theater .player-shell {box-shadow:0 0 0 1px var(--red-2)}
body.is-lights-off {background:#0d0e11}
body.is-lights-off .page-main {filter:brightness(.72) contrast(1.05)}
.episode-status {display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;padding:6px 0;border-top:1px solid var(--cold-3);border-bottom:1px solid var(--cold-3)}
.status-current {color:#fff;background:var(--red);padding:2px 8px;font-weight:700;letter-spacing:.04em}
.status-total {color:var(--cold)}
.status-state {color:var(--red-2);border:1px solid var(--red-2);padding:1px 7px;letter-spacing:.08em}
.cast-strip {min-width:0}
.cast-heading {font-size:14px;color:var(--cold);letter-spacing:.14em;margin-bottom:8px}
.cast-list {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 6px}
.cast-item {display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}
.cast-avatar {width:44px;height:44px;border-radius:50%;background:#c3c6cc;border:2px solid var(--paper);box-shadow:0 0 0 1px var(--cold-3);margin-bottom:5px}
.cast-avatar-1 {background:linear-gradient(145deg,#8d939d,#5b606a)}
.cast-avatar-2 {background:linear-gradient(145deg,#a8333f,#6d1a24)}
.cast-avatar-3 {background:linear-gradient(145deg,#7b8089,#454a53)}
.cast-avatar-4 {background:linear-gradient(145deg,#b4a6a6,#7c6f70)}
.cast-avatar-5 {background:linear-gradient(145deg,#9aa0aa,#5f646d)}
.cast-avatar-6 {background:linear-gradient(145deg,#8c6b6f,#4f3a3d)}
.cast-name {font-size:13px;font-weight:700;color:var(--ink)}
.cast-role {font-size:11.5px;color:var(--cold-2);letter-spacing:.02em}
.synopsis-block {min-width:0}
.synopsis-line {font-size:14px;line-height:1.72;color:#3a3d44;margin-bottom:7px;text-align:justify}
.synopsis-line:last-child {margin-bottom:0}
.details-block {min-width:0}
.details-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;border-top:1px solid var(--cold-3)}
.details-row {display:flex;align-items:baseline;gap:8px;padding:5px 0;border-bottom:1px solid var(--tint);min-width:0}
.detail-key {flex:0 0 auto;font-size:12.5px;color:var(--cold);letter-spacing:.08em}
.detail-value {flex:1 1 auto;min-width:0;font-size:13px;color:var(--ink);text-align:right}
.timeline-section {min-width:0}
.timeline-scroll {overflow-x:auto;padding-bottom:6px;border-top:1px solid var(--cold-3);border-bottom:1px solid var(--cold-3);background:linear-gradient(180deg,var(--paper),#e2e3e5)}
.timeline-track {display:flex;align-items:flex-start;gap:0;min-width:max-content;padding:16px 6px 12px;position:relative}
.timeline-track::before {content:"";position:absolute;left:24px;right:24px;top:32px;height:1px;background:var(--cold-3)}
.timeline-node {position:relative;flex:0 0 auto;width:132px;padding:0 8px;text-align:center}
.timeline-node::before {content:"";display:block;width:9px;height:9px;border-radius:50%;background:var(--cold-2);margin:8px auto 10px;position:relative;z-index:1;box-shadow:0 0 0 3px var(--paper)}
.node-timecode {display:block;font-size:12px;color:var(--cold);letter-spacing:.06em;margin-bottom:3px}
.node-label {display:block;font-size:12.5px;line-height:1.45;color:#4a4e56}
.timeline-node.is-active::before {background:var(--red);width:13px;height:13px;margin-top:6px;box-shadow:0 0 0 3px var(--paper),0 0 0 4px var(--red-2)}
.timeline-node.is-active .node-timecode {color:var(--red);font-weight:700}
.timeline-node.is-active .node-label {color:var(--ink);font-weight:700}
.episodes-section {min-width:0}
.episode-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.episode-card {border:1px solid var(--cold-3);background:var(--paper);padding:8px 10px;display:flex;flex-direction:column;gap:3px;min-width:0;transition:background .15s,color .15s,border-color .15s}
.episode-card:hover {background:var(--ink);color:#f1f1ef;border-color:var(--ink)}
.episode-card:hover .episode-title, .episode-card:hover .episode-number {color:#fff}
.episode-card:hover .episode-summary {color:#bdc0c6}
.episode-number {font-size:11.5px;color:var(--red);letter-spacing:.1em;font-weight:700}
.episode-title {font-size:14px;color:var(--ink);letter-spacing:.02em}
.episode-summary {font-size:12.5px;line-height:1.55;color:var(--cold)}
.comments-section {min-width:0}
.comments-columns {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
.comment-column {display:flex;flex-direction:column;gap:8px;min-width:0}
.comment-column-right {padding-top:22px}
.comment-item {position:relative;background:var(--paper);border:1px solid var(--cold-3);padding:8px 10px 8px 16px;min-width:0}
.comment-strip {position:absolute;left:0;top:0;bottom:0;width:4px}
.comment-accent-1 .comment-strip, .comment-accent-4 .comment-strip {background:var(--red)}
.comment-accent-2 .comment-strip, .comment-accent-5 .comment-strip {background:var(--red-2)}
.comment-accent-3 .comment-strip, .comment-accent-6 .comment-strip {background:var(--cold)}
.comment-text {font-size:13.5px;line-height:1.65;color:#3a3d44}
.comment-author {display:block;margin-top:5px;font-size:11.5px;color:var(--cold-2);letter-spacing:.08em}
.comment-author::before {content:"— "}
.recommend-region {min-width:0}
.recommend-title {font-size:14px;color:var(--ink);letter-spacing:.08em;margin-bottom:9px;padding-left:9px;border-left:3px solid var(--red)}
.recommend-list {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;align-items:start}
.recommend-item {min-width:0;display:flex}
a[data-runtime="recommendation"] {display:flex;flex-direction:column;gap:4px;width:100%;min-width:0;background:var(--paper);border:1px solid var(--cold-3);padding:6px;color:var(--ink);text-decoration:none;transition:border-color .15s,background .15s}
a[data-runtime="recommendation"] img {width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;filter:saturate(.9) contrast(1.04)}
a[data-runtime="recommendation"] [data-runtime="name"] {font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
a[data-runtime="recommendation"] [data-runtime="blurb"] {font-size:12px;line-height:1.5;color:var(--cold)}
a[data-runtime="recommendation"]:hover {background:var(--ink);border-color:var(--ink);text-decoration:none}
a[data-runtime="recommendation"]:hover [data-runtime="name"] {color:#fff}
a[data-runtime="recommendation"]:hover [data-runtime="blurb"] {color:#bdc0c6}
.site-footer {background:#20222a;color:#b9bcc3;border-top:2px solid var(--red);padding:14px}
.site-footer>* {max-width:1240px;margin:0 auto}
.footer-disclaimer {font-size:12px;line-height:1.7;color:#8f939c;margin-bottom:10px}
.footer-nav {display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}
a[data-contract="footer-home"] {font-size:13px;color:#e4e5e8;text-decoration:none;border-bottom:1px solid transparent}
a[data-contract="footer-home"]:hover {color:#fff;text-decoration:underline}
a[data-contract="footer-sitemap"] {font-size:13px;color:var(--cold-3);text-decoration:none;border-bottom:1px solid transparent}
a[data-contract="footer-sitemap"]:hover {color:#fff;text-decoration:underline}
.friend-links {display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;padding-top:9px;border-top:1px solid #33363e}
.friend-links-label {font-size:12px;color:var(--red-2);letter-spacing:.14em;margin-right:4px}
a.runtime-friend-link {font-size:12.5px;color:#9aa0aa;text-decoration:none;white-space:nowrap}
a.runtime-friend-link:hover {color:#fff;text-decoration:underline}
.player .ctrl {outline:none}
.ctrl.play, .ctrl.pause, .ctrl.mute, .ctrl.volume, .ctrl.progress, .ctrl.speed, .ctrl.pip, .ctrl.fullscreen, .ctrl.theater, .ctrl.light {transition:background .15s,color .15s,border-color .15s}
.ctrl.pause {background:var(--red);color:#fff;border-color:var(--red-2)}
.ctrl.mute {color:var(--red-2);border-color:var(--red-2)}
.ctrl.progress, .ctrl.volume {border:none;background:transparent}
.ctrl.progress::-webkit-slider-runnable-track {height:4px;background:var(--cold-3)}
.ctrl.progress::-webkit-slider-thumb {-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:50%;background:var(--red)}
.ctrl.volume::-webkit-slider-runnable-track {height:3px;background:#4a4e56}
.ctrl.volume::-webkit-slider-thumb {-webkit-appearance:none;width:10px;height:10px;margin-top:-3.5px;border-radius:50%;background:var(--cold-2)}
.input .ctrl-progress {accent-color:var(--red-2)}
.progress .ctrl-progress {accent-color:var(--red)}
.timeupdate .ctrl-progress {accent-color:var(--red-2)}
.light .ctrl-light {background:var(--red);color:#fff;border-color:var(--red-2)}
.theater .ctrl-theater {background:var(--red);color:#fff;border-color:var(--red-2)}
.fullscreen .ctrl-fullscreen {background:var(--red);color:#fff;border-color:var(--red-2)}
.pip .ctrl-pip {background:var(--red);color:#fff;border-color:var(--red-2)}
.speed .ctrl-speed {background:var(--red);color:#fff;border-color:var(--red-2)}
.mute .ctrl-mute {background:var(--red);color:#fff;border-color:var(--red-2)}
.click .ctrl {background:var(--red);color:#fff;border-color:var(--red-2)}
@media (min-width:760px){.hero-section {grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:16px;padding:14px}
.poster-figure {max-width:none}
.cast-list {grid-template-columns:repeat(6,minmax(0,1fr))}
.details-grid {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1040px){.hero-section {grid-template-columns:minmax(0,260px) minmax(0,1fr)}
.episode-grid {grid-template-columns:repeat(4,minmax(0,1fr))}
.comment-column-right {padding-top:34px}}
@media (max-width:759px){.recommend-list {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:559px){.cast-list {grid-template-columns:repeat(2,minmax(0,1fr))}
.episode-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
.comments-columns {grid-template-columns:minmax(0,1fr)}
.comment-column-right {padding-top:0}
.recommend-list {grid-template-columns:repeat(2,minmax(0,1fr))}
.details-grid {grid-template-columns:minmax(0,1fr)}
.movie-title {font-size:22px}
.page-main {padding:10px 10px 20px}}
@media (max-width:400px){.recommend-list {grid-template-columns:minmax(0,1fr)}
.episode-grid {grid-template-columns:minmax(0,1fr)}}
@media (max-width:479px){.ctrl {font-size:12px;padding:5px 6px}
.player-controls {gap:4px}}
@media (min-width:480px) and (max-width:759px){.player-shell {max-width:none}}
@media (min-width:760px){.player-shell {max-width:none}}

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}