* {margin:0;padding:0;box-sizing:border-box}
html {scroll-behavior:smooth}
body {min-height:100vh;background:#0b0712;color:#c9c3d0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.6;font-size:15px}
img, video {display:block;max-width:100%}
a {color:inherit;text-decoration:none}
button {font:inherit;cursor:pointer;border:none;background:none;color:inherit}
h1, h2, h3 {font-family:Georgia,"Times New Roman","Songti SC","SimSun",serif;font-weight:600;line-height:1.3}
header {background:linear-gradient(180deg,#0d0812 0%,#0b0712 100%);border-bottom:1px solid #2a1f35;position:sticky;top:0;z-index:100;backdrop-filter:blur(8px)}
.header-shell {max-width:1200px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.brand-link {font-family:Georgia,"Times New Roman","Songti SC","SimSun",serif;font-size:1.55rem;font-weight:700;color:#d8b4e2;letter-spacing:2px;text-shadow:0 0 12px rgba(180,80,160,.4);transition:color .3s;white-space:nowrap}
.brand-link:hover {color:#f0d5f5}
.categories-container {display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.runtime-category {display:inline-block;padding:4px 12px;font-size:0.9rem;color:#a99bae;border:1px solid #2a1f35;border-radius:4px;transition:all .3s;white-space:nowrap;background:transparent}
.runtime-category:hover {color:#e0c0ea;border-color:#5a3a5a;background:rgba(90,58,90,.15)}
main {max-width:1200px;margin:0 auto;padding:24px}
.movie-overview-shell {background:linear-gradient(135deg,#0d0812 0%,#1a0f1e 50%,#0d0812 100%);border:1px solid #2a1f35;border-radius:12px;padding:28px;margin-bottom:48px;position:relative;overflow:hidden}
.movie-overview-shell::before {content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#8b1a1a,#d4af37,#8b1a1a,transparent);opacity:.6}
.movie-overview-shell::after {content:"";position:absolute;bottom:0;right:0;width:40%;height:40%;background:radial-gradient(ellipse at bottom right,rgba(139,26,26,.15),transparent 70%);pointer-events:none}
.movie-overview-layout {display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:32px;position:relative;z-index:1}
.poster-column {position:relative}
.poster-wrapper {position:relative;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.5),0 0 0 1px rgba(180,120,180,.2)}
.main-poster {width:100%;aspect-ratio:2/3;object-fit:cover;background:#1a0f1e}
.poster-wrapper::after {content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(139,26,26,.1) 0%,transparent 30%,transparent 70%,rgba(11,7,18,.4) 100%);pointer-events:none}
.info-column {min-width:0}
.title-block {margin-bottom:20px;border-left:3px solid #8b1a1a;padding-left:16px}
.movie-title {font-size:1.9rem;color:#f0e6f2;letter-spacing:1px;margin-bottom:6px;text-shadow:0 0 20px rgba(200,150,220,.3)}
.movie-tagline {color:#8b1a1a;font-size:1rem;letter-spacing:3px;font-style:italic;font-family:Georgia,"Times New Roman","Songti SC","SimSun",serif}
.cast-section {margin-bottom:20px}
.section-heading {font-size:1.3rem;color:#d8b4e2;border-bottom:1px solid #2a1f35;padding-bottom:8px;margin-bottom:14px;letter-spacing:1px;position:relative}
.section-heading::after {content:"";position:absolute;bottom:-1px;left:0;width:60px;height:2px;background:#8b1a1a}
.cast-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.cast-card {background:rgba(26,15,30,.5);border:1px solid #2a1f35;border-radius:8px;padding:14px;text-align:center;transition:border-color .3s,transform .3s;display:flex;flex-direction:column;align-items:center;gap:8px}
.cast-card:hover {border-color:#8b1a1a;transform:translateY(-2px)}
.cast-portrait {position:relative;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#2a1f35,#0d0812);border:2px solid #3a2a4a;display:flex;align-items:center;justify-content:center;overflow:hidden}
.cast-portrait::before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,rgba(139,26,26,.15),transparent 70%)}
.cast-avatar {font-family:Georgia,"Times New Roman","Songti SC","SimSun",serif;font-size:1.4rem;color:#e0c0ea;text-shadow:0 0 10px rgba(200,150,220,.4)}
.cast-info {display:flex;flex-direction:column;gap:2px}
.cast-role {font-size:0.95rem;color:#f0e6f2;font-weight:600}
.cast-actor {font-size:0.8rem;color:#a99bae}
.synopsis-section {margin-bottom:20px}
.synopsis-paragraph {color:#b8b0c0;line-height:1.8;margin-bottom:10px;text-align:justify}
.player-shell {position:relative;margin-bottom:16px;background:#0d0812;border:1px solid #2a1f35;border-radius:8px;overflow:hidden}
.player-shell video {display:block}
.player-controls {display:flex;flex-wrap:wrap;gap:4px;padding:8px 10px;background:linear-gradient(180deg,rgba(13,8,18,.8),rgba(13,8,18,.95));border-top:1px solid #2a1f35}
.player-btn {font-size:0.8rem;padding:4px 10px;color:#a99bae;border:1px solid #2a1f35;border-radius:4px;background:rgba(26,15,30,.3);transition:all .3s}
.player-btn:hover {color:#e0c0ea;border-color:#8b1a1a;background:rgba(139,26,26,.15)}
.player-shell.theater-mode video {width:100%}
.player-shell.lights-off {background:#000}
.player-shell.lights-off video {opacity:.9}
.episode-status {display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:8px 12px;background:rgba(26,15,30,.3);border:1px solid #2a1f35;border-radius:4px;width:fit-content}
.status-label {color:#8b1a1a;font-weight:700;font-size:0.95rem;letter-spacing:1px}
.status-divider {color:#a99bae;font-size:1.2rem}
.status-current {color:#c9c3d0;font-size:0.9rem}
.details-section {margin-bottom:8px}
.details-table {display:grid;grid-template-columns:1fr;gap:0;border:1px solid #2a1f35;border-radius:6px;overflow:hidden}
.details-row {display:grid;grid-template-columns:100px 1fr;gap:12px;padding:8px 12px;border-bottom:1px solid #2a1f35;transition:background .2s}
.details-row:last-child {border-bottom:none}
.details-row:nth-child(even) {background:rgba(26,15,30,.2)}
.details-row:hover {background:rgba(139,26,26,.08)}
.details-label {color:#8b1a1a;font-size:0.85rem;font-weight:600;letter-spacing:1px}
.details-value {color:#e0d8e8;font-size:0.9rem}
.timeline-section {margin-bottom:48px;padding:0 4px}
.timeline-track {display:flex;gap:0;overflow-x:auto;padding:20px 20px 24px;scrollbar-width:thin;scrollbar-color:#2a1f35 transparent;position:relative}
.timeline-track::before {content:"";position:absolute;top:28px;left:20px;right:20px;height:2px;background:linear-gradient(90deg,#2a1f35,#8b1a1a,#2a1f35)}
.timeline-item {flex:0 0 auto;min-width:180px;max-width:220px;padding:0 12px;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
.timeline-item::before {content:"";position:absolute;top:22px;left:50%;transform:translateX(-50%);width:12px;height:12px;border-radius:50%;background:#8b1a1a;box-shadow:0 0 8px rgba(139,26,26,.8),0 0 16px rgba(139,26,26,.4);border:2px solid #0d0812;z-index:1}
.timeline-item:hover::before {background:#e0c0ea;box-shadow:0 0 12px rgba(224,192,234,.8),0 0 24px rgba(224,192,234,.4)}
.timeline-code {font-family:Georgia,"Times New Roman","Songti SC","SimSun",serif;font-size:0.9rem;color:#d8b4e2;background:rgba(26,15,30,.6);padding:2px 8px;border-radius:4px;border:1px solid #2a1f35;margin-top:32px}
.timeline-label {font-size:0.85rem;color:#b8b0c0;line-height:1.5}
.episodes-section {margin-bottom:48px}
.episodes-list {display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.episode-item {display:flex;gap:14px;background:rgba(26,15,30,.4);border:1px solid #2a1f35;border-radius:8px;padding:12px;transition:border-color .3s,transform .3s;align-items:flex-start}
.episode-item:hover {border-color:#8b1a1a;transform:translateY(-2px)}
.episode-thumbnail {flex:0 0 auto;width:90px;height:60px;background:linear-gradient(135deg,#1a0f1e,#0d0812);border:1px solid #2a1f35;border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.episode-thumbnail::before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(139,26,26,.2),transparent 70%)}
.episode-number {font-family:Georgia,"Times New Roman","Songti SC","SimSun",serif;font-size:1.6rem;font-weight:700;color:#8b1a1a;text-shadow:0 0 10px rgba(139,26,26,.5);position:relative;z-index:1}
.episode-content {min-width:0;flex:1}
.episode-title {font-size:1.05rem;color:#f0e6f2;margin-bottom:4px}
.episode-summary {font-size:0.85rem;color:#a99bae;line-height:1.5;margin-bottom:6px}
.episode-duration {font-size:0.75rem;color:#8b1a1a;letter-spacing:1px}
.recommendation-region {margin-bottom:48px}
.recommendation-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}
.recommendation-card {display:flex;flex-direction:column;background:linear-gradient(180deg,#1a0f1e,#0d0812);border:1px solid #2a1f35;border-radius:10px;overflow:hidden;padding:0;transition:transform .3s,border-color .3s,box-shadow .3s;color:inherit;text-decoration:none;align-self:start}
.recommendation-card:hover {transform:translateY(-6px);border-color:#8b1a1a;box-shadow:0 8px 24px rgba(139,26,26,.2)}
.recommendation-card img {width:100%;aspect-ratio:3/4;object-fit:cover;background:#1a0f1e}
.recommendation-card span[data-runtime="name"] {font-family:Georgia,"Times New Roman","Songti SC","SimSun",serif;font-size:1rem;color:#f0e6f2;padding:10px 12px 2px;letter-spacing:1px}
.recommendation-card span[data-runtime="blurb"] {font-size:0.8rem;color:#a99bae;padding:2px 12px 12px;line-height:1.5;flex:1}
.comments-section {margin-bottom:48px}
.comments-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.comment-card {background:rgba(26,15,30,.4);border:1px solid #5a2a2a;border-radius:8px;padding:16px;position:relative;transition:border-color .3s;align-self:start}
.comment-card:hover {border-color:#8b1a1a}
.comment-quote {font-family:Georgia,"Times New Roman","Songti SC","SimSun",serif;font-size:2rem;color:#8b1a1a;line-height:1;display:block;margin-bottom:4px}
.comment-text {color:#c9c3d0;font-size:0.9rem;line-height:1.7;margin-bottom:12px;padding-left:4px}
.comment-author {display:block;font-size:0.8rem;color:#8b1a1a;letter-spacing:1px;text-align:right;font-family:Georgia,"Times New Roman","Songti SC","SimSun",serif}
footer {background:linear-gradient(0deg,#0d0812,#0b0712);border-top:1px solid #2a1f35;margin-top:24px}
.footer-shell {max-width:1200px;margin:0 auto;padding:32px 24px 24px;display:flex;flex-direction:column;gap:20px}
.footer-disclaimer {font-size:0.8rem;color:#8a7f92;line-height:1.7;text-align:center}
.footer-links {display:flex;justify-content:center;gap:24px}
.footer-home, .footer-sitemap {font-size:0.9rem;color:#a99bae;transition:color .3s;white-space:nowrap}
.footer-home:hover, .footer-sitemap:hover {color:#d8b4e2}
.friend-links {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;padding-top:12px;border-top:1px solid #2a1f35}
.friend-links-label {font-size:0.8rem;color:#8a7f92;white-space:nowrap}
.runtime-friend-link {font-size:0.8rem;color:#a99bae;padding:2px 8px;border:1px solid #2a1f35;border-radius:4px;transition:all .3s;white-space:nowrap}
.runtime-friend-link:hover {color:#e0c0ea;border-color:#8b1a1a;background:rgba(139,26,26,.1)}
@media (min-width:768px){.details-table {grid-template-columns:1fr 1fr}
.details-row:nth-child(odd) {border-right:1px solid #2a1f35}
.details-row:nth-child(even) {background:rgba(26,15,30,.2)}
.details-row:nth-child(odd):nth-last-child(-n/**/+2) {border-bottom:none}
.episodes-list {grid-template-columns:repeat(2,1fr)}
.comments-grid {grid-template-columns:repeat(2,1fr)}}
@media (max-width:768px){.header-shell {padding:10px 16px}
.brand-link {font-size:1.3rem}
.categories-container {width:100%;justify-content:flex-start}
.movie-overview-shell {padding:16px;margin-bottom:32px}
.movie-overview-layout {grid-template-columns:1fr;gap:20px}
.poster-column {max-width:220px}
.poster-wrapper {max-width:220px}
.movie-title {font-size:1.5rem}
.cast-grid {grid-template-columns:repeat(3,1fr)}
.episodes-list {grid-template-columns:1fr}
.recommendation-grid {grid-template-columns:repeat(2,1fr)}
.comments-grid {grid-template-columns:1fr}
.timeline-item {min-width:150px}}
@media (max-width:480px){main {padding:12px}
.movie-overview-layout {grid-template-columns:1fr}
.poster-column {max-width:180px}
.poster-wrapper {max-width:180px}
.cast-grid {grid-template-columns:repeat(3,1fr)}
.cast-card {padding:10px}
.cast-portrait {width:44px;height:44px}
.cast-avatar {font-size:1.1rem}
.episode-thumbnail {width:70px;height:48px}
.episode-number {font-size:1.2rem}
.recommendation-grid {grid-template-columns:repeat(2,1fr);gap:10px}
.recommendation-card span[data-runtime="name"] {font-size:0.9rem;padding:8px 8px 2px}
.recommendation-card span[data-runtime="blurb"] {font-size:0.75rem;padding:2px 8px 8px}
.details-row {grid-template-columns:80px 1fr}
.player-controls {gap:2px}
.player-btn {font-size:0.7rem;padding:3px 8px}
.timeline-item {min-width:130px}
.timeline-code {font-size:0.8rem}
.timeline-label {font-size:0.75rem}
.footer-shell {padding:24px 16px 16px}
.friend-links {gap:6px}
.runtime-friend-link {font-size:0.75rem}}
@media (min-width:900px){.episodes-list {grid-template-columns:repeat(2,1fr)}
.recommendation-grid {grid-template-columns:repeat(4,1fr)}
.comments-grid {grid-template-columns:repeat(2,1fr)}}

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}