:root{--bg:#050711;--panel:#101326;--text:#eff3ff;--muted:#9aa6c5;--line:#29334c;--accent:#6be9ff;--violet:#b890ff}body{background:radial-gradient(ellipse at 85% 10%,#25204b50,transparent 40%),radial-gradient(ellipse at 0 30%,#00345030,transparent 40%),var(--bg);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#75a2f007 1px,transparent 1px),linear-gradient(90deg,#75a2f007 1px,transparent 1px);background-size:70px 70px;z-index:-1}header{position:relative;border-bottom:1px solid #6681b633}.brand{letter-spacing:1px;font-weight:600}.brand small{font-size:11px;letter-spacing:2px}.mark{color:var(--accent);border:1px solid #6be9ff88;box-shadow:inset 0 0 18px #6be9ff18,0 0 22px #6be9ff15;clip-path:polygon(0 0,80% 0,100% 20%,100% 100%,0 100%)}nav a:hover{color:var(--accent)}.intro.sci-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center;padding:66px 0 54px;min-height:580px}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:2px}.signal{display:inline-block;width:18px;height:2px;vertical-align:middle;margin-right:8px;background:var(--accent);box-shadow:0 0 10px var(--accent)}.sci-hero h1{font-family:"Arial Black",Arial,sans-serif;letter-spacing:-4px;margin:30px 0 20px;line-height:.96;font-weight:900}.name-cn{display:block;font-size:40px;letter-spacing:12px;line-height:1.25;font-weight:500;margin-bottom:10px}.name-en{display:block;font-size:clamp(56px,7.5vw,116px);background:linear-gradient(120deg,#fff 5%,#c8d8fc 55%,#9c82e8);background-clip:text;-webkit-background-clip:text;color:transparent}.name-en .dot{color:var(--accent)}.hero-caption{font-size:26px;letter-spacing:3px;font-weight:300}.hero-description{color:var(--muted);font-size:14px;margin:15px 0 25px}.sci-hero .text-link{max-width:310px;border:1px solid #6be9ff66;padding:12px 18px;background:linear-gradient(100deg,#18485555,#151328);clip-path:polygon(0 0,100% 0,100% 75%,96% 100%,0 100%);transition:box-shadow .3s,background .3s}.sci-hero .text-link:hover{background:#18485588;box-shadow:0 0 28px #6be9ff33}.coordinates{font-size:10px;color:#8493b0;margin-top:30px;letter-spacing:1px}.coordinates span{margin-left:18px}.hero-visual{height:420px;position:relative;perspective:1000px;isolation:isolate}.hero-visual:before{content:"";position:absolute;inset:40px;background:radial-gradient(ellipse,#6744c04d,transparent 65%);filter:blur(35px)}.orbit{position:absolute;border:1px solid #6be9ff2b;border-radius:50%;pointer-events:none}.orbit-one{width:450px;height:450px;left:-10px;top:-20px;transform:rotateX(58deg) rotateZ(-26deg)}.orbit-two{width:390px;height:390px;left:40px;top:15px;border-color:#b890ff35;transform:rotateY(48deg) rotateZ(25deg)}.visual-frame{position:absolute;background:#11172b;border:1px solid #7daaff68;box-shadow:0 25px 50px #0007,inset 0 0 15px #4ba5ff33;overflow:hidden;border-radius:5px;animation:float 7s ease-in-out infinite}.visual-frame img{width:100%;height:100%;display:block;object-fit:cover}.visual-frame>span{position:absolute;left:0;bottom:0;right:0;background:#080d1acf;border-top:1px solid #73bbff4a;padding:7px 12px;font-size:10px;letter-spacing:2px;color:#bae8ff}.frame-back{width:75%;height:190px;right:0;top:0;transform:rotate(7deg);opacity:.85;animation-delay:-2s}.frame-main{width:94%;height:255px;left:-7%;top:88px;transform:rotate(-5deg);z-index:2}.frame-front{width:56%;height:155px;right:-2%;top:258px;transform:rotate(8deg);z-index:3;animation-delay:-4s}.visual-id{position:absolute;left:-10%;bottom:0;color:var(--accent);font-size:12px;letter-spacing:2px}.visual-id span{display:block;color:#919dba;font-size:10px;margin-top:2px}.media-strip{overflow:hidden;border-top:1px solid #44619255;border-bottom:1px solid #44619255;margin:10px -6.2% 52px;background:#0b1120;transform:rotate(-1deg);padding:14px 0}.media-strip>div{white-space:nowrap;width:max-content;font-size:15px;letter-spacing:4px;color:#b6c3dd;animation:marquee 42s linear infinite}.media-strip b{color:var(--accent);padding:0 26px}.section-head h2{font-size:23px;letter-spacing:1px}.filters{gap:7px;max-width:800px}.filters button{color:#a1b0ce;border:1px solid #2e3b59;background:#10172a;border-radius:3px;padding:7px 12px;font-size:13px}.filters button.active{color:#03121a;border-color:var(--accent);background:var(--accent);border-radius:3px;box-shadow:0 0 15px #6be9ff25}.film-grid{gap:30px 26px}.film-card{position:relative;border:1px solid #314262;background:#0a1020;padding:10px;transition:transform .35s,border-color .35s,box-shadow .35s;border-radius:5px}.film-card:before,.film-card:after{content:"";position:absolute;width:22px;height:2px;background:var(--accent);top:-1px;left:18px;transition:width .4s}.film-card:after{left:auto;right:18px;top:auto;bottom:-1px;background:var(--violet)}.film-card:hover{transform:translateY(-5px);border-color:#69d6faaa;box-shadow:0 0 30px #3b87c522}.film-card:hover:before,.film-card:hover:after{width:60px}.film-image{border-radius:3px}.film-image img{transition:transform .7s,filter .7s}.film-image:hover img{filter:brightness(1.08)}.film-image.portrait{background:radial-gradient(ellipse at 50% 50%,#223553,#080d1b)}.play i{border-color:#a8dcff;background:#0b1e34b0;box-shadow:0 0 24px #62d9ff25}.film-image:hover .play i{background:#246278cc}.film-info{padding:18px 8px 9px}.film-info h3{font-family:"Microsoft YaHei",sans-serif;font-size:22px;font-weight:500;letter-spacing:1px}.film-number{color:var(--accent);font-family:monospace;margin-right:9px}.film-info p{font-size:13px;color:#94a6c9}.film-info button{border:1px solid #4b5f83;border-radius:3px;padding:6px 10px;color:#d9eaff;font-size:12px}.film-info button:hover{border-color:var(--accent);color:var(--accent)}.image-label{background:#080f20d9;color:#d8e9ff;border-left:2px solid var(--accent)}.archive{padding:90px 0 20px}.archive .section-head{border-top:1px solid #314262;padding-top:35px;align-items:end}.archive h2{font-size:30px;margin-top:10px}.archive .section-head p{font-size:14px;color:var(--muted);margin:0}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.archive-card{background:#0d1526;border:1px solid #2e3f60;text-align:left;min-width:0;padding:8px;transition:transform .3s,border-color .3s}.archive-card:hover{border-color:var(--accent);transform:translateY(-4px)}.archive-card .asset-image{position:relative;aspect-ratio:16/9;background:#171e30;overflow:hidden}.archive-card img{width:100%;height:100%;display:block;object-fit:contain}.archive-card>small{color:var(--accent);font-size:11px;display:block;margin:10px 4px 2px;letter-spacing:1px}.archive-card>p{font-size:13px;color:#c6d1e6;margin:0 4px 8px;line-height:1.6}.asset-watermark{position:absolute;right:12px;top:12px;background:#081123a3;padding:3px 7px;border:1px solid #c5dcff55;color:#fff;font-size:12px;letter-spacing:1px;pointer-events:none}.large-image-wrap{position:relative}.about{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;padding:90px 0 80px;margin-top:45px;border-top:1px solid #314262}.about-title h2{font-size:54px;font-weight:500;line-height:1.3;margin-top:20px}.about-title h2>span{display:block;font-size:18px;letter-spacing:6px;color:var(--violet);margin:8px 0 0}.about-tags{display:flex;gap:9px;margin-top:30px;flex-wrap:wrap}.about-tags span{font-size:12px;border:1px solid #3a4562;padding:5px 10px;color:#a8b9d9}.about-copy p{font-size:16px;color:#a9b8d4;line-height:2}.about-copy .about-lead{font-size:29px;line-height:1.5;color:#e4edff;margin:0 0 20px}.about-signature{font-size:32px;color:#e6f6ff;border-top:1px solid #293b58;padding-top:22px;margin-top:30px}.about-signature span{font-size:11px;color:var(--accent);letter-spacing:3px;margin-left:20px}footer{background:#080d18;border-color:#293b58}dialog{background:#070c18;border-color:#5d7aa7;box-shadow:0 0 65px #47abed22}dialog::backdrop{background:#01040deb}.dialog-top{background:#0b1427f7;border-color:#304569;color:#a9c8f1}.project-heading h2{font-family:"Microsoft YaHei",sans-serif}.design-grid img{border:1px solid #527094}.design-grid button{position:relative}.design-grid button:after{content:"芙蓉 · 作品展示";position:absolute;top:10px;right:10px;font-size:12px;background:#071126a3;color:white;padding:3px 8px;pointer-events:none}.collection-note{color:#899ec0}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.reveal.shown{opacity:1;transform:none}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:1100px){.section-head{align-items:start}.filters{justify-content:flex-start}.hero-visual{height:380px}.intro.sci-hero{gap:40px}.archive-grid{grid-template-columns:1fr 1fr}.coordinates span{display:none}}@media(max-width:760px){header{padding:18px 6%}.brand{font-size:14px}.brand small{font-size:10px}nav{gap:14px;font-size:12px}.intro.sci-hero{display:flex;flex-direction:column;gap:30px;padding:40px 0 35px;align-items:stretch;min-height:0}.name-cn{font-size:30px;letter-spacing:8px}.name-en{font-size:64px;letter-spacing:-3px}.hero-caption{font-size:21px;letter-spacing:1px}.hero-description{font-size:13px}.hero-visual{height:310px;max-width:430px;width:100%;margin:0 auto}.frame-main{left:0;width:92%;height:195px;top:70px}.frame-back{height:150px}.frame-front{height:115px;top:200px;right:0}.orbit-one{width:310px;height:310px;left:0}.orbit-two{width:280px;height:280px;left:30px}.visual-id{left:0;bottom:-8px}.media-strip{margin-bottom:38px}.section-head h2{font-size:22px}.filters button{font-size:12px;padding:6px 10px}.film-grid{gap:24px}.film-info h3{font-size:20px}.film-info button{font-size:12px}.archive{padding-top:65px}.archive .section-head{align-items:start}.archive h2{font-size:26px}.archive h2 span{display:block;margin:6px 0 0}.archive-grid{grid-template-columns:1fr;gap:18px}.about{grid-template-columns:1fr;gap:28px;padding:50px 0;margin-top:55px}.about-title h2{font-size:40px}.about-tags{margin-top:18px}.about-copy .about-lead{font-size:25px}.about-copy p{font-size:15px}.about-signature span{font-size:10px;letter-spacing:2px}}@media(prefers-reduced-motion:reduce){.visual-frame,.media-strip>div{animation:none}.reveal{opacity:1;transform:none}}

@media(max-width:760px){header{gap:10px}.brand{gap:9px;white-space:nowrap;font-size:13px}.brand small{display:none}.mark{width:34px;height:38px;flex-shrink:0}nav{gap:12px;font-size:12px;white-space:nowrap}.hero-visual{overflow:hidden}.orbit{max-width:100%}}

.asset-watermark{display:none}.design-grid button:after{content:none}

.view-controls{display:flex;align-items:center;gap:14px;padding:13px 15px;background:#0c172b;border:1px solid #324f78}.view-controls button{background:#162941;border:1px solid #476887;color:#daefff;padding:5px 12px;font-size:13px;border-radius:3px;white-space:nowrap}.view-controls input{flex:1;min-width:40px;accent-color:#6be9ff}.view-controls span{font-size:12px;color:#9bb5d5;white-space:nowrap}.player-wrap:fullscreen{display:grid;place-items:center;background:black}.player-wrap:fullscreen video{height:100vh;max-height:100vh;width:100%;aspect-ratio:auto}@media(max-width:760px){.view-controls{gap:8px;padding:9px;flex-wrap:wrap}.view-controls input{order:5;flex-basis:100%}.view-controls span{flex:1;text-align:center}.view-controls button{font-size:12px;padding:4px 8px}}