:root{color-scheme:dark;--bg: #07111f;--bg-soft: #0d1829;--panel: rgba(12, 22, 39, .88);--panel-strong: rgba(15, 27, 46, .96);--panel-border: rgba(148, 163, 184, .16);--text: #edf3ff;--text-muted: #93a4bf;--text-soft: #70819c;--primary: #62d4ff;--primary-strong: #2ea5ff;--secondary: #8b5cf6;--accent: #f97316;--success: #22c55e;--shadow: 0 24px 64px rgba(0, 0, 0, .3);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;--container: min(1400px, calc(100vw - 32px) )}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:radial-gradient(circle at top right,rgba(46,165,255,.2),transparent 30%),radial-gradient(circle at top left,rgba(139,92,246,.18),transparent 26%),linear-gradient(180deg,#08111d,#091525 42%,#050b14)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.65),transparent 88%);mask-image:linear-gradient(180deg,rgba(0,0,0,.65),transparent 88%);opacity:.5}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}button{cursor:pointer}input,button{border:0;outline:0}[v-cloak]{display:none}.container{width:var(--container);margin:0 auto}.page{padding:32px 0 72px}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-xl);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--primary)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.section-title h2{margin:0;font-size:20px}.section-title span{font-size:12px;color:var(--text-muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;background:#ffffff14;color:var(--text);transition:transform .24s ease,background-color .24s ease,border-color .24s ease}.button:hover{transform:translateY(-1px);background:#ffffff1f}.button--primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-strong) 100%);color:#02111f;font-weight:700}.button--primary:hover{background:linear-gradient(135deg,#89e2ff,#4bb7ff)}.button--ghost{border:1px solid rgba(255,255,255,.12);background:transparent}.button--small{min-height:38px;padding:0 14px;font-size:14px}.tag-list,.filter-chips,.quick-topics{display:flex;flex-wrap:wrap;gap:10px}.tag-chip,.topic-chip,.filter-chip{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;font-size:13px;color:var(--text-muted);background:#ffffff0d;border:1px solid transparent;transition:all .24s ease}.topic-chip:hover,.filter-chip:hover{color:var(--text);border-color:#62d4ff66}.topic-chip.is-active,.filter-chip.is-active{color:#02111f;background:linear-gradient(135deg,var(--primary) 0%,#8de6ff 100%);border-color:transparent}@media (max-width: 768px){.page{padding-top:24px;padding-bottom:56px}.panel{border-radius:22px}}.header{position:sticky;top:0;z-index:50;padding:18px 0;background:#050b14b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(148,163,184,.1)}.header__inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px}.header__brand{display:inline-flex;align-items:center;gap:14px;min-width:0}.header__brand-badge{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;color:#04111e;background:linear-gradient(135deg,var(--primary) 0%,#8b5cf6 100%);box-shadow:0 16px 32px #2ea5ff38}.header__brand-copy{display:flex;flex-direction:column;gap:4px}.header__brand-copy strong{font-size:18px}.header__brand-copy small{color:var(--text-muted)}.header__nav{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.header__nav-link{padding:12px 16px;border-radius:999px;color:var(--text-muted);transition:color .24s ease,background-color .24s ease}.header__nav-link:hover{color:var(--text);background:#ffffff0f}.header__nav-link.is-active{color:var(--text);background:#2ea5ff38;box-shadow:inset 0 0 0 1px #2ea5ff59}.header__search{display:inline-flex;align-items:center;gap:10px;min-width:min(100%,360px);padding:8px 8px 8px 14px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.header__search i{color:var(--text-soft)}.header__search input{flex:1;min-width:0;background:transparent;color:var(--text)}.header__search input::placeholder{color:var(--text-soft)}.header__toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;color:var(--text);background:#ffffff14;border-radius:14px}@media (max-width: 1100px){.header__inner{grid-template-columns:auto auto 1fr}.header__toggle{display:inline-flex}.header__nav{position:absolute;top:calc(100% + 12px);left:16px;right:16px;display:none;flex-direction:column;align-items:stretch;padding:14px;border-radius:22px;background:#08111df5;border:1px solid rgba(148,163,184,.16);box-shadow:var(--shadow)}.header__nav.is-open{display:flex}.header__nav-link{border-radius:16px}.header__search{min-width:0}}@media (max-width: 768px){.header{padding:14px 0}.header__inner{grid-template-columns:1fr auto;gap:14px}.header__search{grid-column:1/-1}}.footer{padding:0 0 36px}.footer__inner{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px;padding:28px;background:#080f1bf0;border:1px solid rgba(148,163,184,.12);border-radius:28px;box-shadow:var(--shadow)}.footer__intro,.footer__share,.footer__notice{padding:8px 0}.footer__brand{display:inline-flex;align-items:center;gap:12px;margin-bottom:14px;font-size:18px;font-weight:700}.footer__brand i{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;color:#03111f;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%)}.footer__intro p,.footer__notice p{margin:0;color:var(--text-muted);line-height:1.75}.footer__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start}.footer__links a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:16px;color:var(--text-muted);background:#ffffff0a;border:1px solid rgba(255,255,255,.06);transition:all .24s ease}.footer__links a:hover{color:var(--text);border-color:#62d4ff47;background:#ffffff14}.footer__share{display:flex;flex-direction:column;gap:14px}.footer__share>span{color:var(--text-muted)}.footer__share-list{display:flex;flex-wrap:wrap;gap:12px}.footer__share-list a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;color:var(--text);background:#ffffff0d;border:1px solid rgba(255,255,255,.08);transition:transform .24s ease,border-color .24s ease,background-color .24s ease}.footer__share-list a:hover{transform:translateY(-2px);border-color:#62d4ff5c;background:#62d4ff1f}.footer__notice{grid-column:1/-1;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid rgba(148,163,184,.12)}.footer__notice strong{min-width:84px;font-size:16px}.footer__notice span{color:var(--text-soft);white-space:nowrap}@media (max-width: 980px){.footer__inner{grid-template-columns:1fr}.footer__notice{flex-direction:column}}@media (max-width: 640px){.footer__inner{padding:22px}.footer__links{grid-template-columns:1fr}}.article-detail-main{display:grid;gap:22px}.movie-hero,.related-board,.empty-state{padding:24px}.movie-hero{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px}.movie-hero__poster img{width:260px;height:100%;border-radius:16px;object-fit:cover}.movie-hero__body{display:grid;gap:12px}.movie-hero__body h1{margin:0;font-size:clamp(30px,4vw,44px)}.movie-hero__meta{margin:0;display:flex;flex-wrap:wrap;gap:10px;color:var(--text-soft);font-size:12px}.movie-hero__summary{margin:0;color:var(--text-muted);line-height:1.85}.movie-hero__info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.movie-hero__info div{display:grid;gap:8px;padding:14px;border-radius:14px;background:#ffffff0a}.movie-hero__info span{color:var(--text-soft);font-size:12px}.movie-hero__info strong,.movie-hero__info a{font-size:14px;line-height:1.6}.movie-hero__info a{color:var(--primary)}.review-board{display:grid;gap:16px}.review-board__toolbar{display:grid;gap:12px}.review-compose{display:grid;gap:12px;padding:16px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.review-compose__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.review-compose input,.review-compose textarea{width:100%;border:1px solid rgba(148,163,184,.22);background:#0f172a9e;color:var(--text);border-radius:10px;font:inherit;padding:10px 12px}.review-compose textarea{resize:vertical;min-height:110px;line-height:1.7}.review-compose__foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.form-message{font-size:12px}.form-message--error{color:#fda4af}.form-message--success{color:#86efac}.filter-group{display:grid;gap:10px}.filter-group>span{color:var(--text-soft);font-size:13px}.filter-chips{display:flex;flex-wrap:wrap;gap:10px}.filter-chip{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;font-size:13px;color:var(--text-muted);background:#ffffff0d;border:1px solid transparent;transition:all .24s ease}.filter-chip:hover{color:var(--text);border-color:#62d4ff66}.filter-chip.is-active{color:#02111f;background:linear-gradient(135deg,var(--primary) 0%,#8de6ff 100%)}.review-card{padding:18px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.review-card+.review-card{margin-top:12px}.review-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.review-card__author{display:flex;align-items:center;gap:10px}.review-card__author>div{display:grid}.review-card__author>div h3{margin:0;font-size:16px;color:var(--text-soft)}.review-card__avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:linear-gradient(135deg,#1d4ed8,#7c3aed);color:#fff;box-shadow:0 6px 14px #1d4ed85c;border:1px solid rgba(255,255,255,.22);text-shadow:0 1px 2px rgba(0,0,0,.45);font-size:14px;font-weight:700}.review-card__head strong{display:block;margin-bottom:6px;font-size:16px}.review-card__head span{color:var(--text-soft);font-size:12px}.review-card__score{display:grid;justify-items:end;gap:6px}.review-card__score span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:linear-gradient(135deg,#fbbf24,#f97316);color:#02111f;font-weight:700}.review-card p{margin:0;color:var(--text-muted);line-height:1.82}.review-card__content{display:grid;gap:12px}.related-board{display:grid;align-content:start;gap:14px}.related-row{display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:center;padding-top:12px;border-top:1px solid rgba(148,163,184,.14)}.related-row:first-of-type{border-top:0;padding-top:0}.related-row img{width:64px;height:84px;border-radius:10px;object-fit:cover}.related-row div{display:grid;gap:6px}.related-row strong{font-size:14px}.related-row small{color:var(--text-soft);font-size:12px}.empty-state{display:grid;place-items:center;gap:10px;min-height:200px;text-align:center;color:var(--text-muted)}.empty-state i{color:var(--primary);font-size:26px}@media (max-width: 1100px){.movie-hero,.detail-layout{grid-template-columns:1fr}.movie-hero__poster img{width:100%;height:300px}}@media (max-width: 640px){.movie-hero,.related-board,.empty-state{padding:20px}.movie-hero__info{grid-template-columns:1fr}.review-card__head{flex-direction:column}.review-card__score{justify-items:start}.review-compose__row{grid-template-columns:1fr}.review-compose__foot{flex-direction:column;align-items:flex-start}}