#app-root{z-index:0;min-height:100vh;position:relative}.space-bg{z-index:-3;background:linear-gradient(170deg,#d0e2ff 0%,#e0ecff 30%,#e8f0fe 60%,#dce5f5 100%);position:fixed;inset:0}.space-grid{z-index:-2;pointer-events:none;background-image:linear-gradient(#0052d90a 1px,#0000 1px),linear-gradient(90deg,#0052d90a 1px,#0000 1px);background-size:50px 50px;animation:4s linear infinite gridScroll;position:fixed;inset:0}@keyframes gridScroll{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.orbit{z-index:-1;pointer-events:none;border:1.5px solid;border-radius:50%;animation:linear infinite orbitSpin;position:fixed}.o1{border-color:#3b82f666 #3b82f626 #3b82f626;width:180px;height:180px;animation-duration:12s;top:5%;right:5%;box-shadow:0 0 30px #3b82f60d}.o1:before{content:"";background:#60a5fa;border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;top:-3px;left:50%;box-shadow:0 0 10px #3b82f699}.o2{border-color:#8b5cf61f #8b5cf61f #8b5cf659;width:120px;height:120px;animation-duration:8s;animation-direction:reverse;bottom:20%;left:6%;box-shadow:0 0 20px #8b5cf60a}.o2:before{content:"";background:#a78bfa;border-radius:50%;width:5px;height:5px;position:absolute;bottom:-2.5px;left:30%;box-shadow:0 0 8px #8b5cf680}.o3{border-color:#06b6d41a #06b6d41a #06b6d41a #06b6d44d;width:80px;height:80px;animation-duration:6s;top:55%;left:55%;box-shadow:0 0 15px #06b6d408}.o3:before{content:"";background:#22d3ee;border-radius:50%;width:4px;height:4px;margin-top:-2px;position:absolute;top:50%;left:-2px;box-shadow:0 0 8px #06b6d480}@keyframes orbitSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.space-lines{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.space-stars{z-index:-1;pointer-events:none;background-image:radial-gradient(2px 2px at 10% 20%,#3b82f6b3,#0000),radial-gradient(2.5px 2.5px at 25% 45%,#3b82f699,#0000),radial-gradient(2px 2px at 40% 15%,#3b82f6a6,#0000),radial-gradient(1.5px 1.5px at 55% 60%,#3b82f680,#0000),radial-gradient(2.5px 2.5px at 70% 30%,#3b82f6b3,#0000),radial-gradient(2px 2px at 85% 70%,#3b82f699,#0000),radial-gradient(1.5px 1.5px at 15% 80%,#3b82f680,#0000),radial-gradient(2px 2px at 35% 90%,#3b82f699,#0000),radial-gradient(2px 2px at 60% 10%,#3b82f673,#0000),radial-gradient(1.5px 1.5px at 80%,#3b82f699,#0000),radial-gradient(2px 2px at 5% 35%,#3b82f680,#0000),radial-gradient(2.5px 2.5px at 45% 75%,#3b82f68c,#0000),radial-gradient(1.5px 1.5px at 75% 15%,#3b82f673,#0000),radial-gradient(2px 2px at 90% 85%,#3b82f680,#0000),radial-gradient(2px 2px,#3b82f699,#0000);animation:3s ease-in-out infinite starTwinkle;position:fixed;inset:0}@keyframes starTwinkle{0%,to{opacity:.7}50%{opacity:1}}.space-dots{z-index:-1;pointer-events:none;position:fixed;inset:0}.dot{will-change:transform, opacity;background:#3b82f6;border-radius:50%;margin-top:-2px;margin-left:-2px;animation:linear infinite burst;position:absolute;top:50%;left:50%;box-shadow:0 0 6px #3b82f64d}@keyframes burst{0%{opacity:0;transform:translate(0)scale(0)}15%{transform:translate(calc(var(--x) * .2), calc(var(--y) * .2)) scale(1);opacity:.8}50%{transform:translate(calc(var(--x) * .6), calc(var(--y) * .6)) scale(.8);opacity:.5}to{transform:translate(var(--x), var(--y)) scale(0);opacity:0}}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#f0f5ff;--bg-secondary:#e4edff;--bg-card:#ffffffd9;--bg-card-hover:#fffffff2;--primary:#0052d9;--primary-light:#3b82f6;--primary-dark:#0037a6;--primary-bg:#0052d90f;--primary-glow:#0052d91f;--accent:#06b6d4;--accent-purple:#7c3aed;--text:#1e293b;--text-light:#475569;--text-muted:#94a3b8;--border:#0052d91a;--border-light:#0052d90d;--radius:12px;--shadow:0 2px 10px #0000000a;--shadow-hover:0 6px 24px #0052d91a}body{background:var(--bg-primary);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Microsoft YaHei,PingFang SC,sans-serif;line-height:1.6;overflow-x:hidden}#app-root{perspective:1200px;perspective-origin:50% 30%}.page{transform-style:preserve-3d}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transform-style:preserve-3d;backface-visibility:hidden;padding:24px;transition:border-color .3s,box-shadow .3s,transform .4s;position:relative;transform:perspective(1000px)rotateX(0)rotateY(0);box-shadow:0 2px 10px #0000000a,0 8px 30px #0052d90f,0 1px 3px #00000008}.card:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(135deg,#ffffff4d,#0000 50%);transition:opacity .5s;position:absolute;inset:0}.card:after{content:"";border-radius:inherit;pointer-events:none;z-index:-1;opacity:0;background:linear-gradient(135deg,#0052d914,#0000 60%);transition:opacity .5s;position:absolute;inset:-1px}.card:hover{background:var(--bg-card-hover);border-color:var(--primary);transform:perspective(1000px)rotateX(-3deg)rotateY(1deg)translateY(-6px)scale(1.02);box-shadow:0 8px 30px #00000014,0 20px 60px #0052d91f,0 0 40px #0052d90f}.card:hover:before,.card:hover:after{opacity:1}.card>*{transform-style:preserve-3d}.card .f-icon,.card .step-num,.card-icon{filter:drop-shadow(0 2px 4px #0000000d);transition:transform .5s,text-shadow .5s;transform:translateZ(25px)}.card:hover .f-icon,.card:hover .step-num,.card:hover .card-icon{filter:drop-shadow(0 4px 12px #0052d933);transform:translateZ(50px)scale(1.15)}.card h3{transition:transform .4s;transform:translateZ(15px)}.card:hover h3{transform:translateZ(30px)}.card p{transition:transform .4s;transform:translateZ(5px)}.card:hover p{transform:translateZ(15px)}.btn{transform-style:preserve-3d;transition:border-color .2s,box-shadow .2s,transform .3s;transform:translateZ(0)}.btn-primary{position:relative}.btn-primary:after{content:"";border-radius:inherit;background:inherit;filter:blur(12px);opacity:0;z-index:-1;transition:opacity .4s;position:absolute;inset:0;transform:translateZ(-10px)scale(.9)}.btn-primary:hover{transform:translateZ(5px)translateY(-2px)}.btn-primary:hover:after{opacity:.4}.btn:hover{transform:translateZ(3px)translateY(-2px)}.btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:10px 28px;font-size:15px;font-weight:500;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-light);transform:translateY(-1px)}.btn-secondary{color:var(--text);border:1px solid var(--border);background:#fff}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.btn-danger{color:#fff;background:#f44336}.btn-sm{padding:6px 16px;font-size:13px}.btn-block{width:100%}.input{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:6px;outline:none;padding:10px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #0052d91a}.input::placeholder{color:var(--text-muted)}textarea.input{resize:vertical;min-height:80px}.page{isolation:isolate;min-height:100vh;position:relative}.page-header{text-align:center;padding:40px 20px;position:relative;overflow:hidden}.page-header:before{content:"";z-index:0;background:linear-gradient(135deg,#2563eb26,#7c3aed1a);position:absolute;inset:0}.page-header h1,.page-header p{z-index:1;position:relative}.page-header h1{margin-bottom:6px;font-size:1.6em;font-weight:700}.page-header p{opacity:.7;font-size:.95em}.page-body{max-width:800px;margin:0 auto;padding:20px}.grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=768px){.grid-2{grid-template-columns:1fr}}.loading{text-align:center;color:var(--text-light);padding:60px 20px}.loading:before{content:"";border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:.8s linear infinite spin;display:block}@keyframes spin{to{transform:rotate(360deg)}}.toast{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glow);color:#fff;z-index:9999;border-radius:10px;padding:14px 28px;font-size:14px;animation:.3s toastIn;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #00000080}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.form-group{margin-bottom:18px}.form-label{color:var(--text-light);margin-bottom:6px;font-size:14px;font-weight:500;display:block}.badge{border-radius:20px;padding:2px 12px;font-size:12px;font-weight:500;display:inline-block}.badge-success{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.badge-default{background:var(--bg-card);color:var(--text-light);border:1px solid var(--border)}.empty{text-align:center;color:var(--text-light);padding:60px 20px}.empty .icon{margin-bottom:10px;font-size:3em}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:12px 16px;font-size:14px}.table th{color:var(--text-light);background:#2563eb14;font-weight:600}.table tr:hover td{background:#2563eb0d}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}