:root{--bg:#08172b;--surface:#112b45;--text:#eef5fc;--muted:#abc0d6;--lime:#b9ddf5;--gold:#c8deef;--line:#b8ddff26}
body{background:radial-gradient(ellipse at 90% 40%,#13355255,transparent 55%),#08172b}
#snowfall{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:8;opacity:.85;contain:strict}
.header{background:#08182ce8;border-bottom:1px solid #abcffb24;backdrop-filter:blur(18px)}
.brand-mark{color:#c4e7ff;filter:drop-shadow(0 0 7px #95d7ff55)}
.header nav{color:#bbd0e5}.header-link{background:linear-gradient(135deg,#7ec5ee12,#b9dffc05);border-color:#b3dcf655;color:#dbeefb}
.hero{background:#112d4b;min-height:680px}
.hero:after{content:"CHANGCHUN / CHINA";position:absolute;right:5%;top:250px;writing-mode:vertical-rl;font-family:Arial,sans-serif;font-size:9px;letter-spacing:5px;color:#c8e6f16e;pointer-events:none}
.scene-image{object-position:62% 53%}
.scene-shade{background:linear-gradient(90deg,#06162deb 0%,#071b32df 27%,#0a233d4d 62%,#071a3212 100%),linear-gradient(0deg,#08172bf2,transparent 48%,#09213c15)}
.scene-grain{opacity:.05}
.mist{background:radial-gradient(ellipse,#e9f5ff2b,transparent 65%)}
.hero .eyebrow{color:#bedcf2}.hero-kicker{color:#bddbf0;letter-spacing:8px}
.hero h1{color:#f2f8ff;text-shadow:0 2px 25px #051a31a6;letter-spacing:2px}
.hero h1>span:first-of-type{color:#d7edff;background:linear-gradient(120deg,#f3f9ff 5%,#a7d8ff 55%,#eaf5ff 95%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-description{color:#c2d3e5}.primary{background:linear-gradient(115deg,#e0f0fb,#a9d2ef);color:#13344f;border:1px solid #eef7ff80;box-shadow:0 6px 30px #77b8e51c}.primary:hover{background:linear-gradient(115deg,#f5fbff,#c7eaff)}
.glass{border-color:#badcf54d;background:#d8efff0c;color:#e3f0fa}.glass:hover{background:#deefff1a}.small-play{border-color:#b8def58c}
.hero-source{color:#b8cfe1}.hero-source strong{color:#dfebf6}.hero-source small{color:#a4bdd1}.source-symbol{color:#d7e9f5;border-color:#b7def36b;background:#c8eaff05}
.cloud-observatory{border-color:#b8dcfc33;background:#0e29477a;box-shadow:inset 0 0 30px #89cafa0b,0 12px 40px #00162b33;border-radius:8px}.planet-stage{background:#07172d}
.observatory-copy{color:#d5ebf8}.observatory-copy small{color:#9abbd8}
.planet-fallback{background:radial-gradient(circle at 30% 24%,#f4fbff,#b5dcf5 32%,#2e5d8b 65%,#091b35);box-shadow:0 0 20px #93d6ff66}.planet-fallback:after{border-color:#c3e9ffb0}
.scene-marker{color:#e0effa;text-shadow:0 1px 10px #071a32}.scene-marker>div>span{color:#b3cee5}.scene-marker small{color:#adcce1}.marker-cross{color:#c2e1f4}.marker-line{background:#d6eeff66}
.hero-bottom{border-top-color:#cbe6ff30}.view-button{background:#0b234575;border-color:#b9d6f030;color:#bfd6e9}.view-button>span{color:#7faccf}.view-button.active{background:linear-gradient(115deg,#a4d9ff22,#87b8ef12);border-color:#a0d1f79c;color:#edf7ff;box-shadow:inset 0 0 16px #aad9ff08}.view-button.active>span{color:#c8e8ff}
.hero-caption{color:#97b7d1}.motion-toggle,.scroll-cue{color:#b8cfe2}
.live-dot{background:#c8e7ff;box-shadow:0 0 11px #91d7ff77}.eyebrow-line{background:#c2ddf06b}.muted{color:#8aaac5}
.ticker{background:#0e243c;border-color:#86b8df26}.ticker>div{color:#9cbad3}.ticker span{color:#bfe6ff}
.perspectives{background:radial-gradient(ellipse at 100% 30%,#173e602e,transparent 65%)}
em{color:#bdddf5}.perspective-card{border-color:#9ccbea40;background:#102f50;box-shadow:0 10px 30px #020e1d26}.perspective-card:after{background:linear-gradient(0deg,#061a32f2,transparent 90%)}.perspective-card:hover{border-color:#b8ddff88;box-shadow:0 14px 45px #05152b80}.perspective-index{color:#cde4f3}.perspective-card small{color:#d4e7f4}.perspective-card p{color:#b2c8dc}
.cinema-band{background:linear-gradient(115deg,#102941,#143554 60%,#102c48);border-color:#9dc5e430}.cinema-intro p{color:#a4c1d9}
.spotlight{border-color:#a6cae238;background:#173c60}.spotlight:after{background:linear-gradient(0deg,#06192fed,transparent 80%)}.spotlight-index{color:#cee7f9}.spotlight-info>span{color:#aac5da}
.work-card{background:linear-gradient(145deg,#102c46,#0d223a);border-color:#95b9d629;box-shadow:0 8px 22px #010e1d1c}.work-card:hover{border-color:#a3d5ff8c;box-shadow:0 14px 36px #020d1e44}.cover{background:#163657}.cover:after{background:linear-gradient(transparent 55%,#0b234533)}
.category-badge{background:#112b48d9;border-color:#c7e4f14f;color:#e2effa}.category-badge.anime{background:#cce8f5ea;color:#173c60}.demo-badge{background:#132f49c2;color:#bfdaed}
.play-button{background:#cdeaff0c;color:#f5fbff;border-color:#d3edffa1;box-shadow:0 0 26px #ade5ff0d}.work-card:hover .play-button,.spotlight:hover .play-button{background:#c6e6f8e8;color:#173c62}.duration{background:#0a2444dc;color:#e2edf6}.cover-footer{color:#c1d8eb}
.card-meta{color:#8fabc1}.card-year{color:#7298b8}.card-meta i{background:#789cb7}.search{background:#102b46;border-color:#84b9e038}.search input::placeholder{color:#839fb9}.filter{color:#a3bed5}.filter.active{background:linear-gradient(115deg,#e1f0fa,#b7d8ef);color:#163957}.filter:not(.active):hover{border-color:#9cc5e947;color:#e4f4ff}
.result-label{color:#8facc6}.collection-bottom{color:#a5bfd6}.about-copy>p{color:#b0c7dd}.about-stamp{border-color:#d0eafa70;background:#0d2e4944;color:#d6eafa}.about-visual:after{background:linear-gradient(0deg,#081d38e3,transparent 72%)}.about-visual-caption{color:#d2e4f2}.about-visual-caption small{color:#edf6fd}.creative-method small,.creator small{color:#93b0c8}.creator-avatar{background:#a7d7ff0d;border-color:#a8d5fa3b}
.closing{background:radial-gradient(ellipse at 75% 50%,#1d486788,transparent 65%),#112c46;border-color:#b3dafa30}.footer-top p{color:#9cb5cb}.footer-top strong{color:#d8e7f3}.footer-bottom{color:#7f9eb9}.admin-entry{background:#112c46;border-color:#9ac2e64a;color:#c4dfef}.admin-entry:hover{border-color:#b7e1ff}
dialog{background:#102941;border-color:#9cc4e34d}dialog::backdrop{background:#031023dc}.close-dialog{background:#234564;color:#d7edfc}.field input,.field select,.field textarea{background:#0b1f35;border-color:#668fb46b}.secondary{background:#234767;border-color:#759dc15c;color:#e1f0fb}.admin-row{background:#173753;border-color:#779dbe33}.admin-tabs .active{background:#c6e2f4;color:#173a5b}.upload-zone{background:#163750;border-color:#82b3d279;color:#d0e9f8}.upload-zone small,.hint{color:#9bbad2}.sample-note{background:#233a4b;border-color:#a5b9b555;color:#c9dae5}.detail-media{background:#06152b}.detail-body p{color:#b9cfe2}.doc-stage{background:radial-gradient(ellipse at 50% 0%,#436583,#102941)}.toast{background:#d8edf9;color:#173b59}.scenic-upload{background:#183b57;border-color:#9cbcd655}.scenic-upload strong{color:#d1e9fa}.scenic-reset{color:#a8c3d6}
@media(max-width:850px){.scene-shade{background:linear-gradient(90deg,#06162de8,#071b32b0 65%,#0a233d4d),linear-gradient(0deg,#08172bf2,transparent 70%)}}
@media(max-width:650px){.hero{min-height:695px}.hero:after{display:none}.scene-image{object-position:67% center}.scene-shade{background:linear-gradient(90deg,#07162deb,#0c2342b3 70%,#12335459),linear-gradient(0deg,#08172bf2,#102d4926 75%)}.hero-kicker{letter-spacing:5px}.hero h1{letter-spacing:0}.hero-description{font-size:15px}.spotlight-grid{scrollbar-color:#a3c6e455 transparent}#snowfall{opacity:.7}}
@media(prefers-reduced-motion:reduce){#snowfall{display:none}}