/* 张子豪专用 · NIGHTFALL / motion edition */
:root{--ice:#a3f7e9;--violet:#ae99ff;--mx:0px;--my:0px;color-scheme:dark}
body{background:#070b16!important;isolation:isolate;color:#e3edf7}
.scene{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#080e19}
.scene-photo{position:absolute;inset:-35px;background:url('wallpaper.png') center right/cover no-repeat;opacity:.68;transform:translate(var(--mx),var(--my)) scale(1.04);animation:portrait-drift 28s ease-in-out infinite alternate;will-change:transform}
.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#060c19ed 0%,#060c19a3 45%,#080e1920 100%),linear-gradient(0deg,#070c19e8,transparent 75%)}
.scene-orbit{position:absolute;right:-20vw;top:12vh;width:72vw;height:72vw;border:1px solid #8addf222;border-radius:50%;box-shadow:0 0 80px #5794f310,inset 0 0 80px #83e6ec0d;transform:rotateX(68deg);animation:orbit-glow 12s ease-in-out infinite alternate}
.scene-orbit::after{content:'';position:absolute;inset:12%;border:1px dashed #ccadff33;border-radius:50%}
.scene-dust{position:absolute;inset:-15%;background-image:radial-gradient(circle,#a2fff7b0 1px,transparent 2px),radial-gradient(circle,#d4c2ff77 1px,transparent 2px);background-size:173px 193px,293px 311px;opacity:.3;animation:dust-drift 48s linear infinite;pointer-events:none}
@keyframes portrait-drift{from{transform:translate(var(--mx),var(--my)) scale(1.04)}to{transform:translate(calc(var(--mx) - 14px),calc(var(--my) + 8px)) scale(1.09)}}
@keyframes dust-drift{to{transform:translate3d(36px,-90px,0)}}
@keyframes orbit-glow{to{opacity:.4;transform:rotateX(68deg) rotateZ(18deg)}}
.motion-tools{position:fixed;right:22px;bottom:18px;z-index:30;display:flex;gap:6px;padding:6px;background:#080f20e8;border:1px solid #a3c4e733;border-radius:14px;box-shadow:0 10px 40px #0007;backdrop-filter:blur(18px)}
.motion-tools button{margin:0!important;width:auto!important;padding:7px 12px;font-size:11px;background:#223449;color:#d7edf6;border:1px solid #486079;box-shadow:none}
.motion-tools button[aria-pressed=true]{background:#234747;border-color:#7dcabc;color:#b9fff0}
body.motion-off .scene *,body.motion-off .metric-grid article,body.motion-off .stats article{animation:none!important;transform:none!important}
body.wallpaper-off .scene-photo{opacity:0}body.wallpaper-off .scene{background:radial-gradient(ellipse at 90% 10%,#312456,transparent 60%),#080f1e}
main{position:relative;padding-top:32px;padding-bottom:85px}
header{min-height:260px;align-items:center;position:relative;padding:34px!important;border:1px solid #84b9e72e!important;border-radius:22px;background:linear-gradient(100deg,#101d32c9,#12213555 66%,#11223500);box-shadow:0 20px 70px #0004,inset 0 1px #cff8ff15;margin-bottom:30px;overflow:hidden}
header::before{content:'';position:absolute;left:0;top:28%;bottom:28%;width:3px;background:linear-gradient(transparent,#a2ffec,transparent);box-shadow:0 0 24px #a2ffec}
header h1{font-size:clamp(28px,3vw,44px);letter-spacing:3px;margin:15px 0;color:#effaff;text-shadow:0 3px 22px #081624}
header p{max-width:670px;color:#afc5d9;line-height:1.9}header small{font:10px monospace;letter-spacing:4px;color:#a5f4e4}
.app-sidebar,body>aside{background:linear-gradient(160deg,#122136ed,#080f1dee)!important;backdrop-filter:blur(20px);border-right:1px solid #78a3d52c!important;box-shadow:8px 0 40px #0002}
.side-brand,.brand{color:#a7f8e7!important;text-shadow:0 0 25px #88ffdf30}
.app-sidebar nav a,aside nav a{border:1px solid transparent;border-radius:9px;transition:background .2s,transform .2s}
.app-sidebar nav a:hover,aside nav a:hover{background:#9adaff0d;transform:translateX(4px);border-color:#a3dbf922}
.metric-grid,.stats{gap:18px;perspective:1100px}
.metric-grid article,.stats article{position:relative;border:1px solid #80b4d947!important;border-radius:17px!important;background:linear-gradient(145deg,#233953d6,#0a1528e8)!important;box-shadow:0 14px 28px #0005,0 3px 0 #08111f,inset 0 1px #d6f5ff29!important;backdrop-filter:blur(16px);transform-style:preserve-3d;transition:transform .2s ease,box-shadow .2s ease;padding:24px!important;overflow:hidden}
.metric-grid article::after,.stats article::after{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#ffffff0d,transparent 40%,#95bbff08);pointer-events:none}
.metric-grid b,.stats strong{font-family:ui-monospace,monospace;font-weight:400!important;font-size:clamp(30px,3.4vw,48px)!important;color:#abf7e5;text-shadow:0 0 25px #94ffd52a;transform:translateZ(20px)}
.table-wrap{background:#0b1528ed!important;border:1px solid #7ba9d536!important;border-radius:16px!important;box-shadow:0 20px 55px #0005!important}
th{background:#15263af5!important;color:#a7c7d9!important}td{border-color:#89b6dc19!important}tr:hover td{background:#85d2f508!important}
button{border-radius:9px!important;transition:transform .16s,box-shadow .16s;background:linear-gradient(135deg,#c1ffea,#74cfcb)!important;box-shadow:0 4px 0 #1a5a64,0 9px 22px #0003!important;color:#102b35!important;border:1px solid #c5fff155!important}
button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06)}button:active:not(:disabled){transform:translateY(1px)}button.secondary{background:linear-gradient(145deg,#33425f,#19283f)!important;color:#d3e4fa!important;border-color:#7c9cbd55!important;box-shadow:0 3px 0 #0a1221,0 9px 22px #0003!important}button.danger{background:linear-gradient(145deg,#51283d,#2d1b30)!important;color:#ffc0cb!important;box-shadow:0 3px 0 #22111c!important}
input:not([type=checkbox]),select,textarea{background:#0a1426e8!important;border-color:#728fad55!important;color:#e2eefc!important;border-radius:9px!important}input:focus,select:focus,textarea:focus{outline:1px solid #a0f1de!important;box-shadow:0 0 0 4px #a0f1de0c}
details,.note,main>section,#workspace>section{background:#101e31e8!important;border-color:#749cbe38!important;border-radius:16px!important;backdrop-filter:blur(12px)}
.license-toolbar{background:#0b1729bd!important;backdrop-filter:blur(15px);border-color:#8db7d82b!important}
#license-gate{background:linear-gradient(140deg,#21354aeb,#0d182bec)!important;border:1px solid #a0d8ee44!important;border-radius:22px!important;backdrop-filter:blur(25px);box-shadow:0 30px 100px #0008!important}
.popup .scene-photo{background-position:65% center;opacity:.27}.popup .scene-shade{background:#08122577}.popup .motion-tools{position:relative;right:auto;bottom:auto;justify-content:center;margin-top:18px}.popup h1{color:#d6fff3;letter-spacing:2px}
@media(prefers-reduced-motion:reduce){.scene *{animation:none!important;transform:none!important}*{scroll-behavior:auto!important}}
@media(max-width:900px){header{min-height:210px;padding:24px!important;display:block}header h1{font-size:28px}.scene-photo{opacity:.38}.metric-grid,.stats{gap:10px}.motion-tools{right:10px;bottom:10px}}

#import-drop{display:block;padding:22px;border:1px dashed #76c9c9;cursor:pointer}#import-drop input{display:block;margin-top:12px}#import-panel .actions{margin-top:18px;flex-wrap:wrap}#import-summary{overflow-wrap:anywhere}#link-page{width:100px}#reason-list{max-height:350px;overflow:auto}
