*, *::before, *::after {box-sizing:border-box;margin:0;padding:0}
html {font-size:16px;-webkit-text-size-adjust:100%}
body {font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;background:#05060e;color:#c7d0e8;line-height:1.5;overflow-x:hidden}
img, video {display:block;max-width:100%;height:auto}
a {color:#9aa8d0;text-decoration:none}
a:hover {color:#ff5e8f}
button {font:inherit;cursor:pointer;background:none;border:none;color:inherit}
.page-main {max-width:1440px;margin:0 auto;padding:0 16px}
.site-header {position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 24px;background:rgba(5,6,14,.85);backdrop-filter:blur(8px);border-bottom:1px solid #1e2440}
a[data-contract="site-name"] {font-size:1.5rem;font-weight:800;letter-spacing:2px;color:#f2f5ff;text-shadow:0 0 12px #ff5e8f;white-space:nowrap}
a[data-contract="site-name"]:hover {color:#ff5e8f}
.categories-nav {display:flex;align-items:center;gap:8px;overflow-x:auto;padding:4px 0}
a.runtime-category {display:inline-block;padding:4px 12px;font-size:.875rem;font-weight:600;color:#9aa8d0;border:1px solid #2a3050;border-radius:999px;white-space:nowrap;transition:all .2s ease}
a.runtime-category:hover {color:#ff5e8f;border-color:#ff5e8f;box-shadow:0 0 8px rgba(255,94,143,.3)}
section {margin-bottom:8px}
.section-heading {font-size:1.25rem;font-weight:700;letter-spacing:1px;color:#f2f5ff;margin-bottom:12px;padding-left:10px;border-left:4px solid #ff5e8f;text-shadow:0 0 10px rgba(255,94,143,.4)}
.movie-overview {display:grid;grid-template-columns:280px 1fr;gap:24px;padding:24px 0;border-bottom:1px solid #1e2440}
.poster-wrapper {position:relative;align-self:start;width:100%;max-width:280px}
.hero-poster {width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:4px;background:#12162c;box-shadow:0 4px 24px rgba(0,0,0,.6),0 0 40px rgba(56,60,140,.3)}
.poster-glow {position:absolute;inset:0;border-radius:4px;pointer-events:none;background:radial-gradient(circle at 50% 40%,rgba(255,94,143,.25),rgba(255,94,143,.05) 50%,transparent 70%);filter:blur(12px);opacity:.7}
.movie-info-group {display:flex;flex-direction:column;gap:16px;background:#0a0d1c;border:1px solid #1e2440;border-radius:8px;padding:20px 24px;box-shadow:0 4px 20px rgba(0,0,0,.4)}
.movie-title {font-size:2rem;font-weight:800;color:#f2f5ff;letter-spacing:1px;text-shadow:0 0 16px rgba(255,94,143,.5)}
.movie-tagline {font-size:1rem;color:#8b93b8;font-style:italic;letter-spacing:.5px;margin-top:-8px}
.cast-section, .synopsis-section, .episode-status-block, .movie-details {margin-top:8px}
.actor-wall {display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.actor-card {position:relative;padding:12px 8px;background:linear-gradient(160deg,#11152e,#0a0d1c);border:1px solid #262b4d;border-radius:6px;text-align:center;overflow:hidden;transition:transform .2s ease,border-color .2s ease}
.actor-card:hover {transform:translateY(-4px);border-color:#ff5e8f}
.actor-name {font-size:1rem;font-weight:700;color:#eef1ff;margin-bottom:4px}
.actor-role {font-size:.8125rem;color:#7f88ad}
.actor-overlay {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:8px;background:rgba(10,13,28,.92);opacity:0;transition:opacity .25s ease}
.actor-card:hover .actor-overlay {opacity:1}
.overlay-bio {font-size:.8125rem;color:#ffb9cf;text-align:center;line-height:1.4}
.synopsis-paragraph {font-size:.9375rem;color:#a5aecd;margin-bottom:8px;line-height:1.7}
.episode-status-block {display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0}
.status-meta {display:flex;gap:12px;font-weight:600}
.episode-current {color:#ff5e8f}
.episode-number {display:inline-block;min-width:1.5em;text-align:center;border-bottom:2px solid #ff5e8f;padding:0 4px}
.episode-total {color:#7f88ad;font-weight:400}
.progress-dots {display:flex;gap:4px;flex-wrap:wrap}
.dot {width:8px;height:8px;border-radius:50%;background:#2a3050;transition:background .2s,box-shadow .2s}
.dot.active {background:#ff5e8f;box-shadow:0 0 8px #ff5e8f}
.detail-list {display:grid;grid-template-columns:repeat(4,1fr);gap:4px 16px;font-size:.875rem}
.detail-list>div {display:flex;gap:6px;padding:4px 0;border-bottom:1px solid #1e2440}
.detail-list dt {color:#7f88ad;flex-shrink:0}
.detail-list dd {color:#d5dbf5}
.player-region {width:100%;margin:0 auto 8px;padding:0;background:#000;border:1px solid #1e2440;border-radius:8px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.5)}
.player-region video {display:block;background:#000}
.player-controls {display:flex;align-items:center;gap:4px;padding:8px 12px;background:#0a0d1c;border-top:1px solid #1e2440;flex-wrap:wrap}
.player-controls button {padding:4px 8px;font-size:1rem;border-radius:4px;transition:background .2s,color .2s;color:#9aa8d0}
.player-controls button:hover {background:#1e2440;color:#fff}
.player-controls button.active-state {color:#ff5e8f;background:rgba(255,94,143,.2)}
.timeline-section {padding:20px 0;border-bottom:1px solid #1e2440}
.timeline-list {list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative;padding-left:12px}
.timeline-list::before {content:"";position:absolute;left:4px;top:8px;bottom:8px;width:2px;background:repeating-linear-gradient(to bottom,transparent 0 4px,#ff5e8f 4px 8px);opacity:.4}
.timeline-item {position:relative;padding-left:16px}
.timeline-item::before {content:"";position:absolute;left:-9px;top:6px;width:10px;height:10px;border-radius:50%;background:#ff5e8f;box-shadow:0 0 6px #ff5e8f,0 0 12px rgba(255,94,143,.6)}
.timecode {display:block;font-family:"Courier New",monospace;font-size:.8125rem;color:#ff5e8f;font-weight:700;margin-bottom:4px}
.label {font-size:.875rem;color:#a5aecd;line-height:1.4}
.episodes-section {padding:20px 0;border-bottom:1px solid #1e2440}
.episode-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.episode-card {position:relative;background:#0a0d1c;border:1px solid #1e2440;border-radius:6px;padding:12px;min-height:120px;display:flex;flex-direction:column;gap:6px;transition:transform .2s,box-shadow .2s}
.episode-card:hover {transform:translateY(-4px);box-shadow:0 6px 16px rgba(0,0,0,.5);border-color:#ff5e8f}
.episode-num {position:absolute;top:8px;right:10px;font-size:2rem;font-weight:800;color:#1e2440;line-height:1;z-index:0}
.episode-card h3 {font-size:1rem;font-weight:700;color:#d5dbf5;z-index:1}
.ep-summary {font-size:.8125rem;color:#7f88ad;line-height:1.4;display:none}
.episode-card:hover .ep-summary {display:block}
.ep-duration {font-size:.75rem;color:#5a6285;margin-top:auto}
.comments-section {padding:20px 0;border-bottom:1px solid #1e2440}
.comments-masonry {display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-items:start}
.comment-bubble {background:#0a0d1c;border:1px solid #1e2440;border-radius:12px;padding:14px;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.4)}
.comment-bubble::before {content:"";position:absolute;bottom:-6px;left:16px;width:12px;height:12px;background:#0a0d1c;border-right:1px solid #1e2440;border-bottom:1px solid #1e2440;transform:rotate(45deg)}
.comment-text {font-size:.875rem;color:#a5aecd;line-height:1.6;margin-bottom:8px}
.commenter {font-size:.8125rem;color:#ff5e8f;font-weight:600}
.recommendation-region {padding:16px 0;border-bottom:1px solid #1e2440}
.rec-title {font-size:1.125rem;font-weight:700;color:#eef1ff;margin-bottom:12px;padding-left:10px;border-left:3px solid #ff5e8f}
.rec-row {display:grid;grid-template-columns:repeat(4,1fr);gap:12px;overflow-x:auto}
a[data-runtime="recommendation"] {display:flex;flex-direction:column;gap:6px;background:#0a0d1c;border:1px solid #1e2440;border-radius:8px;padding:8px;transition:transform .2s,border-color .2s}
a[data-runtime="recommendation"]:hover {transform:translateY(-4px);border-color:#ff5e8f;color:#ff5e8f}
.rec-thumb {width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px;background:#12162c}
.recommendation-region [data-runtime="name"] {font-size:.9375rem;font-weight:600;color:#eef1ff;line-height:1.3}
.recommendation-region [data-runtime="blurb"] {font-size:.8125rem;color:#7f88ad;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.recommendation-region:nth-of-type(2) .rec-row {grid-template-columns:repeat(3,1fr)}
.recommendation-region:nth-of-type(3) .rec-row {grid-template-columns:repeat(3,1fr)}
.recommendation-region:nth-of-type(4) .rec-row {grid-template-columns:repeat(4,1fr)}
.site-footer {background:#05060e;border-top:1px solid #1e2440;padding:20px 16px;display:flex;flex-direction:column;gap:12px}
.footer-friend-links {display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.friend-label {font-size:.875rem;color:#7f88ad;margin-right:4px}
.runtime-friend-link {font-size:.8125rem;color:#7f88ad;padding:2px 8px;border:1px solid #1e2440;border-radius:4px;transition:color .2s,border-color .2s}
.runtime-friend-link:hover {color:#ff5e8f;border-color:#ff5e8f}
.footer-meta {display:flex;gap:16px}
.footer-home, .footer-sitemap {font-size:.875rem;color:#9aa8d0;transition:color .2s}
.footer-home:hover, .footer-sitemap:hover {color:#ff5e8f}
.disclaimer {font-size:.75rem;color:#5a6285;line-height:1.6}
.ambient-low {background:#020208}
.ambient-low .movie-overview, .ambient-low .player-region, .ambient-low .episode-card, .ambient-low .comment-bubble {filter:brightness(.7)}
@media(max-width:1024px){.movie-overview {grid-template-columns:220px 1fr}
.actor-wall {grid-template-columns:repeat(2,1fr)}
.timeline-list {grid-template-columns:repeat(2,1fr)}
.episode-grid {grid-template-columns:repeat(3,1fr)}
.rec-row {grid-template-columns:repeat(3,1fr)}
.recommendation-region:nth-of-type(2) .rec-row, .recommendation-region:nth-of-type(3) .rec-row {grid-template-columns:repeat(3,1fr)}
.recommendation-region:nth-of-type(4) .rec-row {grid-template-columns:repeat(3,1fr)}
.detail-list {grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.page-main {padding:0 12px}
.site-header {padding:8px 12px;flex-direction:column;align-items:flex-start;gap:4px}
.movie-overview {grid-template-columns:1fr;gap:16px;padding:16px 0}
.poster-wrapper {max-width:200px;margin:0 auto}
.movie-info-group {padding:16px}
.movie-title {font-size:1.5rem}
.actor-wall {grid-template-columns:repeat(2,1fr)}
.timeline-list {grid-template-columns:1fr;padding-left:20px}
.timeline-list::before {left:6px}
.timeline-item {padding-left:16px}
.timeline-item::before {left:-8px}
.episode-grid {grid-template-columns:repeat(2,1fr);gap:8px}
.episode-card {min-height:100px}
.comments-masonry {grid-template-columns:1fr}
.rec-row {grid-template-columns:repeat(2,1fr);gap:8px}
.recommendation-region:nth-of-type(2) .rec-row, .recommendation-region:nth-of-type(3) .rec-row, .recommendation-region:nth-of-type(4) .rec-row {grid-template-columns:repeat(2,1fr)}
.detail-list {grid-template-columns:1fr}
.player-controls {gap:2px;padding:6px}
.player-controls button {padding:3px 6px}
.footer-friend-links {gap:4px}
.status-meta {flex-direction:column;gap:4px}
.progress-dots {justify-content:flex-start}}
@media(max-width:480px){.actor-wall {grid-template-columns:1fr 1fr}
.episode-grid {grid-template-columns:1fr 1fr}
.ep-summary {display:none}
.episode-card:hover .ep-summary {display:block}
.movie-overview {grid-template-columns:1fr}
.poster-wrapper {max-width:160px}}
.player-region {min-width:0}
video[data-contract="player"] {min-width:0}
.player-region:not(.theater-mode) {max-width:none}
@media(min-width:769px){.player-region {width:calc(100% - 0px)}}
.player-region.theater-mode {background:#000;border-color:#ff5e8f;box-shadow:0 0 40px rgba(255,94,143,.2)}
.hero-poster[src] {aspect-ratio:2/3}
.movie-overview .poster-wrapper {min-width:0}
.movie-info-group {min-width:0}
.actor-card, .episode-card, .comment-bubble, .recommendation-region a[data-runtime="recommendation"] {align-self:start}
.rec-row {grid-auto-rows:auto}
.rec-row a[data-runtime="recommendation"] {height:auto}
.timeline-list, .episode-grid, .comments-masonry, .rec-row, .actor-wall, .detail-list {min-width:0}
.episode-grid>*, .comments-masonry>*, .rec-row>*, .actor-wall>* {min-width:0}
.rec-thumb {object-fit:cover;width:100%}
.hero-poster {object-fit:cover}
.comment-bubble:nth-child(2) {margin-top:8px}
.comment-bubble:nth-child(4) {margin-top:16px}
.comment-bubble:nth-child(1) {margin-top:0}
.comment-bubble:nth-child(3) {margin-top:4px}
.comment-bubble:nth-child(5) {margin-top:12px}
h1, h2, h3, p {margin:0}
.section-heading {margin-bottom:8px}
.movie-title {margin-bottom:4px}
.movie-tagline {margin-bottom:8px}
.dot.active {background:#ff5e8f;box-shadow:0 0 6px #ff5e8f}
.dot {background:#2a3050}
.episode-number {color:#ff5e8f}
.actor-overlay p {margin:0}
.commenter {margin:0;font-style:normal}
.rec-row {scrollbar-width:thin;scrollbar-color:#1e2440 transparent}
.rec-row::-webkit-scrollbar {height:4px}
.rec-row::-webkit-scrollbar-thumb {background:#1e2440;border-radius:2px}
.player-region video {aspect-ratio:16/9;width:100%;max-width:100%}
a[data-contract="site-name"], a[data-contract="footer-home"], a[data-contract="footer-sitemap"] {color:#9aa8d0;text-decoration:none}
a[data-contract="site-name"]:hover, a[data-contract="footer-home"]:hover, a[data-contract="footer-sitemap"]:hover {color:#ff5e8f;text-decoration:underline}
a.runtime-category, a[data-runtime="recommendation"], a.runtime-friend-link {color:#9aa8d0;text-decoration:none}
a.runtime-category:hover, a[data-runtime="recommendation"]:hover, a.runtime-friend-link:hover {color:#ff5e8f;text-decoration:underline}

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}