*, *::before, *::after {box-sizing:border-box;margin:0;padding:0}
html {-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body {font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;background:#0a0e14;color:#c8d0dc;line-height:1.5;font-size:14px;letter-spacing:.01em}
img, video {display:block;max-width:100%}
a {color:#c8d0dc;text-decoration:none}
button {background:none;border:none;color:inherit;font:inherit;cursor:pointer}
dt {font-weight:700}
.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(10,14,20,.92);backdrop-filter:blur(8px);border-bottom:1px solid #1a1f2e;flex-wrap:wrap}
.site-logo {font-size:1.15rem;font-weight:900;color:#ff2d55;letter-spacing:.05em;text-shadow:0 0 8px rgba(255,45,85,.3)}
.site-logo:hover {color:#ff4d6d}
.category-bar {flex:1;min-width:0;display:flex;justify-content:flex-end}
.category-nav {display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.category-nav::-webkit-scrollbar {display:none}
.runtime-category {display:inline-block;padding:6px 12px;font-size:.8rem;font-weight:700;color:#8a94a6;border:1px solid #1a1f2e;border-radius:4px;white-space:nowrap;background:#0d1117;transition:color .2s,border-color .2s}
.runtime-category:hover {color:#ff2d55;border-color:#ff2d55}
.main-content {max-width:1600px;margin:0 auto}
.hero-zone {position:relative;background:#05070a;padding:60px 24px 40px;border-bottom:1px solid #1a1f2e;overflow:hidden}
.hero-zone::before {content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(255,45,85,.06) 0%,transparent 60%);pointer-events:none}
.eye-shell {display:flex;justify-content:center;align-items:center;position:relative;max-width:900px;margin:0 auto}
.eye-ring {width:100%;max-width:680px;aspect-ratio:1;border-radius:50%;border:2px solid rgba(255,45,85,.3);box-shadow:0 0 40px rgba(255,45,85,.1),inset 0 0 40px rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;position:relative;background:radial-gradient(circle,rgba(20,28,40,.9) 0%,rgba(5,7,10,.95) 60%,#05070a 100%)}
.eye-ring::before {content:"";position:absolute;inset:8% ;border-radius:50%;border:1px solid rgba(200,208,220,.08)}
.eye-pupil {width:70%;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:20px;position:relative;z-index:2}
.player-wrapper {width:100%;position:relative;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 0 30px rgba(255,45,85,.2),0 0 0 1px rgba(255,45,85,.2)}
.player-wrapper video {display:block;width:100%;height:auto;object-fit:cover}
.player-controls {display:flex;justify-content:center;flex-wrap:wrap;gap:6px;padding:10px;background:rgba(0,0,0,.7)}
.ctrl-btn {padding:6px 10px;font-size:.7rem;color:#8a94a6;background:#1a1f2e;border-radius:4px;transition:all .2s;white-space:nowrap}
.ctrl-btn:hover, .ctrl-btn.active {color:#fff;background:#ff2d55;box-shadow:0 0 8px rgba(255,45,85,.4)}
.ctrl-btn.muted {color:#ff2d55}
.eye-meta {text-align:center}
.movie-title {font-size:1.8rem;font-weight:900;color:#fff;letter-spacing:.02em;margin-bottom:8px;text-shadow:0 0 20px rgba(255,45,85,.3)}
.movie-tagline {font-size:.9rem;color:#8a94a6;letter-spacing:.1em}
.hero-stats {display:flex;justify-content:center;gap:40px;margin-top:50px;position:relative;z-index:2}
.stat-item {font-size:.8rem;color:#5a6478;letter-spacing:.05em;border-left:1px solid #ff2d55;padding-left:12px}
.movie-overview-shell {display:grid;grid-template-columns:300px 1fr;gap:0;background:#0d1117;border-bottom:1px solid #1a1f2e;border-radius:0;box-shadow:none;margin:0;padding:0}
.poster-column {padding:32px 24px 32px 32px;background:linear-gradient(180deg,#0d1117 0%,#10151d 100%)}
.poster-wrapper {width:100%;max-width:260px;margin:0 auto}
.main-poster-img {width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:8px;box-shadow:0 0 30px rgba(0,0,0,.5),0 0 0 1px rgba(255,45,85,.15)}
.info-column {padding:32px 32px 32px 24px;display:flex;flex-direction:column;gap:28px;min-width:0}
.title-block {border-bottom:1px solid #1a1f2e;padding-bottom:16px}
.movie-title-main {font-size:1.6rem;font-weight:900;color:#fff;margin-bottom:6px;letter-spacing:.02em}
.movie-tagline-main {font-size:.85rem;color:#ff2d55;letter-spacing:.08em;font-weight:700}
.synopsis-panel, .episode-status-panel, .details-panel, .cast-panel {background:transparent;border:none;box-shadow:none;padding:0}
.panel-heading {font-size:1rem;font-weight:800;color:#fff;letter-spacing:.05em;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.panel-heading::before {content:"";width:4px;height:1em;background:#ff2d55;border-radius:2px}
.synopsis-line {margin-bottom:8px;color:#8a94a6;font-size:.85rem;line-height:1.6}
.status-row {display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.status-label {font-size:.75rem;color:#5a6478;letter-spacing:.05em}
.status-value {font-size:.85rem;font-weight:700;color:#fff;background:#1a1f2e;padding:2px 8px;border-radius:4px}
.progress-bar-sim {height:4px;background:#1a1f2e;border-radius:2px;overflow:hidden}
.progress-fill {display:block;height:100%;background:linear-gradient(90deg,#ff2d55,#ff4d6d);border-radius:2px;box-shadow:0 0 8px rgba(255,45,85,.6)}
.details-grid {display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:.82rem}
.details-grid dt {color:#5a6478;font-weight:500;white-space:nowrap}
.details-grid dd {color:#c8d0dc;margin:0}
.cast-panel {min-width:0}
.cast-scroll {display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#2a3142 transparent}
.cast-scroll::-webkit-scrollbar {height:4px}
.cast-scroll::-webkit-scrollbar-thumb {background:#2a3142;border-radius:2px}
.cast-card {display:flex;flex-direction:column;align-items:center;gap:8px;min-width:80px;padding:12px;background:transparent;border:1px solid #1a1f2e;border-radius:8px;transition:border-color .2s;scroll-snap-align:start}
.cast-card:hover {border-color:#ff2d55}
.cast-avatar {width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#1a1f2e,#2a3142);display:flex;justify-content:center;align-items:center;font-size:1.4rem;font-weight:900;color:#ff2d55;border:2px solid #ff2d55;box-shadow:0 0 12px rgba(255,45,85,.2)}
.cast-name {font-size:.78rem;color:#8a94a6;white-space:nowrap}
.timeline-zone {background:#0d1117;padding:40px 32px;border-bottom:1px solid #1a1f2e;overflow-x:auto}
.timeline-header {margin-bottom:32px}
.timeline-title {font-size:1.1rem;font-weight:900;color:#fff;letter-spacing:.08em;display:flex;align-items:center;gap:8px}
.timeline-title::before {content:"";width:4px;height:1.1em;background:#ff2d55;border-radius:2px}
.timeline-track {position:relative;display:flex;gap:0;min-width:900px;padding:20px 0;align-items:stretch}
.timeline-line {position:absolute;top:38px;left:0;right:0;height:2px;background:linear-gradient(90deg,#ff2d55,#ff2d55 70%,rgba(255,45,85,.3));overflow:visible}
.timeline-line::after {content:"";position:absolute;top:-2px;left:0;width:6px;height:6px;border-radius:50%;background:#ff2d55;box-shadow:0 0 10px #ff2d55;animation:pulse 2s infinite}
.timeline-node {flex:1;position:relative;padding:0 16px;min-width:140px;text-align:center}
.node-dot {position:absolute;top:32px;left:50%;transform:translateX(-50%);width:10px;height:10px;border-radius:50%;background:#ff2d55;box-shadow:0 0 12px #ff2d55;animation:blink 1.5s infinite;z-index:2}
.node-time {display:block;font-size:.7rem;color:#ff2d55;font-weight:700;letter-spacing:.05em;margin-bottom:8px;margin-top:16px}
.node-label {display:block;font-size:.75rem;color:#8a94a6;line-height:1.4}
@keyframes blink{0%,100%{opacity:1;box-shadow:0 0 12px #ff2d55}50%{opacity:.4;box-shadow:0 0 4px #ff2d55}}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}
.episodes-zone {background:#0a0e14;padding:40px 32px;border-bottom:1px solid #1a1f2e}
.episodes-header {margin-bottom:24px}
.episodes-title {font-size:1.1rem;font-weight:900;color:#fff;letter-spacing:.08em;display:flex;align-items:center;gap:8px}
.episodes-title::before {content:"";width:4px;height:1.1em;background:#ff2d55;border-radius:2px}
.episode-card-list {display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:4px}
.episode-card {display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:4px 16px;padding:12px 16px;background:#0d1117;border:1px solid #1a1f2e;border-radius:0;margin:0;transition:background .2s,border-color .2s}
.episode-card:hover {background:#10151d;border-color:#ff2d55}
.ep-number {grid-row:1/3;align-self:center;font-size:1.6rem;font-weight:900;color:#ff2d55;background:rgba(255,45,85,.08);width:44px;height:44px;display:flex;justify-content:center;align-items:center;border-radius:8px;letter-spacing:-.02em}
.ep-info {display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.ep-title {font-size:.9rem;font-weight:700;color:#fff}
.ep-duration {font-size:.7rem;color:#5a6478}
.ep-summary {grid-column:2;font-size:.78rem;color:#8a94a6;line-height:1.5}
.comments-zone {background:#0d1117;padding:40px 32px;border-bottom:1px solid #1a1f2e}
.comments-header {margin-bottom:24px}
.comments-title {font-size:1.1rem;font-weight:900;color:#fff;letter-spacing:.08em;display:flex;align-items:center;gap:8px}
.comments-title::before {content:"";width:4px;height:1.1em;background:#ff2d55;border-radius:2px}
.comments-waterfall {column-count:3;column-gap:16px}
.comment-card {break-inside:avoid;background:#0a0e14;border:1px solid #1a1f2e;padding:16px;margin-bottom:16px;border-radius:8px;display:flex;flex-direction:column;gap:8px;transition:border-color .2s}
.comment-card:hover {border-color:#ff2d55}
.comment-nick {font-size:.8rem;font-weight:700;color:#ff2d55;letter-spacing:.05em}
.comment-text {font-size:.78rem;color:#8a94a6;line-height:1.5}
.recommend-region {padding:40px 32px;border-bottom:1px solid #1a1f2e;background:#0a0e14}
.recommend-title {font-size:1.1rem;font-weight:900;color:#fff;letter-spacing:.08em;margin-bottom:24px;display:flex;align-items:center;gap:8px}
.recommend-title::before {content:"";width:4px;height:1.1em;background:#ff2d55;border-radius:2px}
.recommend-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;align-items:start}
.recommend-item {display:flex;flex-direction:column;gap:8px;padding:12px;background:#0d1117;border:1px solid #1a1f2e;border-radius:8px;transition:border-color .2s,transform .2s;color:#c8d0dc;min-width:0}
.recommend-item:hover {border-color:#ff2d55;transform:translateY(-2px)}
.recommend-item img {width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px;background:#1a1f2e}
.recommend-name {font-size:.85rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recommend-blurb {font-size:.75rem;color:#5a6478;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.site-footer {background:#05070a;padding:40px 32px 24px;border-top:1px solid #1a1f2e}
.footer-content {max-width:1600px;margin:0 auto;display:flex;flex-direction:column;gap:24px}
.footer-disclaimer {font-size:.75rem;color:#5a6478;line-height:1.6;border-left:2px solid #ff2d55;padding-left:12px}
.footer-nav {display:flex;gap:24px;border-top:1px solid #1a1f2e;padding-top:16px}
.footer-link {font-size:.8rem;color:#8a94a6;transition:color .2s}
.footer-link:hover {color:#ff2d55}
.friend-links {display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;border-top:1px solid #1a1f2e;padding-top:16px}
.friend-links-label {font-size:.75rem;color:#5a6478;letter-spacing:.1em;font-weight:700}
.runtime-friend-link {font-size:.75rem;color:#5a6478;transition:color .2s;white-space:nowrap}
.runtime-friend-link:hover {color:#ff2d55}
.theater-mode .player-wrapper {max-width:1600px;margin:0 auto}
.theater-mode .eye-ring {border-color:transparent;box-shadow:none}
.lights-off .hero-zone {background:#020305}
.lights-off .eye-ring {background:radial-gradient(circle,rgba(10,14,20,.95) 0%,#020305 100%)}
.dark-mode {background:#0a0e14}
.dark-mode .site-header {background:rgba(5,7,10,.95)}
@media (max-width:1024px){.movie-overview-shell {grid-template-columns:240px 1fr}
.poster-column {padding:24px 16px 24px 24px}
.info-column {padding:24px 24px 24px 16px}
.comments-waterfall {column-count:2}}
@media (max-width:768px){.site-header {padding:10px 16px}
.hero-zone {padding:40px 16px 32px}
.eye-ring {max-width:520px}
.movie-title {font-size:1.4rem}
.hero-stats {gap:20px;flex-wrap:wrap}
.movie-overview-shell {grid-template-columns:1fr}
.poster-column {padding:16px 16px 0}
.poster-wrapper {max-width:200px}
.info-column {padding:24px 16px}
.episode-card-list {grid-template-columns:1fr}
.recommend-grid {grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.comments-waterfall {column-count:1}}
@media (max-width:480px){.site-header {flex-direction:column;align-items:flex-start;gap:8px}
.category-bar {width:100%;justify-content:flex-start}
.category-nav {flex-wrap:nowrap;width:100%}
.hero-zone {padding:24px 12px}
.eye-ring {max-width:100%;border-radius:16px;aspect-ratio:auto;padding:24px 16px}
.eye-pupil {width:100%}
.movie-title {font-size:1.2rem}
.hero-stats {gap:12px;flex-direction:column;align-items:flex-start;margin-top:24px}
.timeline-zone {padding:24px 12px}
.timeline-track {min-width:700px}
.episodes-zone {padding:24px 12px}
.comments-zone {padding:24px 12px}
.recommend-region {padding:24px 12px}
.recommend-grid {grid-template-columns:1fr}
.site-footer {padding:24px 16px}
.footer-content {gap:16px}
.footer-nav {flex-wrap:wrap;gap:12px}
.player-controls {gap:4px}
.ctrl-btn {padding:4px 8px;font-size:.65rem}}
@media (max-width:360px){.movie-overview-shell {grid-template-columns:1fr}
.poster-wrapper {max-width:180px}
.info-column {padding:16px 12px}
.episode-card {grid-template-columns:1fr;gap:8px}
.ep-number {width:36px;height:36px;font-size:1.2rem}
.ep-summary {grid-column:1}
.ep-info {flex-direction:column;align-items:flex-start;gap:4px}}

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}