html,body{background:var(--bg-dark);width:100%;min-height:100vh}#app{width:100%;min-height:100vh}:root{--brand-blue:#0052d9;--deep-blue:#0a1a3a;--tech-cyan:#00d4aa;--alert-orange:#ff6b35;--bg-dark:#0a1628;--text-primary:#e0e6f0;--text-secondary:#89a;--font-family:"PingFang SC", "Microsoft YaHei", sans-serif;--transition-fast:.2s ease;--transition-normal:.4s ease;--gradient-blue-end:#00a6ff;--white:#fff;--brand-blue-05:#0052d90d;--brand-blue-06:#0052d90f;--brand-blue-08:#0052d914;--brand-blue-10:#0052d91a;--brand-blue-12:#0052d91f;--brand-blue-15:#0052d926;--brand-blue-20:#0052d933;--brand-blue-25:#0052d940;--brand-blue-30:#0052d94d;--brand-blue-40:#0052d966;--brand-blue-60:#0052d999;--brand-blue-70:#0052d9b3;--white-03:#ffffff08;--white-04:#ffffff0a;--white-05:#ffffff0d;--white-06:#ffffff0f;--white-08:#ffffff14;--white-10:#ffffff1a;--white-12:#ffffff1f;--white-15:#ffffff26;--white-20:#fff3;--white-50:#ffffff80;--white-60:#fff9;--white-70:#ffffffb3;--white-80:#fffc;--white-90:#ffffffe6;--alert-orange-08:#ff6b3514;--alert-orange-15:#ff6b3526;--alert-orange-18:#ff6b352e;--alert-orange-20:#ff6b3533;--alert-orange-40:#ff6b3566;--alert-orange-50:#ff6b3580;--alert-orange-80:#ff6b35cc;--tech-cyan-06:#00d4aa0f;--tech-cyan-08:#00d4aa14;--tech-cyan-10:#00d4aa1a;--tech-cyan-15:#00d4aa26;--tech-cyan-18:#00d4aa2e;--tech-cyan-20:#00d4aa33;--tech-cyan-50:#00d4aa80;--tech-cyan-80:#00d4aacc;--bg-dark-95:#0a1628f2;--bg-dark-92:#0a1628eb}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;text-decoration:none}.btn{cursor:pointer;transition:all var(--transition-fast);font-size:16px;font-weight:700;font-family:var(--font-family);border:none;border-radius:8px;justify-content:center;align-items:center;padding:12px 28px;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--brand-blue), var(--gradient-blue-end));color:var(--white)}.btn-primary:hover{box-shadow:0 4px 16px var(--brand-blue-40);transform:translateY(-2px)}.btn-ghost{border:1px solid var(--brand-blue);color:var(--brand-blue);background:0 0}.btn-ghost:hover{background:var(--brand-blue);color:var(--white)}.card{background:var(--white-05);border:1px solid var(--white-10);transition:transform var(--transition-normal), box-shadow var(--transition-normal);border-radius:16px;padding:32px}.card:hover{box-shadow:0 8px 32px var(--brand-blue-30);transform:translateY(-4px)}.text-gradient{background:linear-gradient(135deg, var(--brand-blue), var(--tech-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{max-width:1200px;margin:0 auto;padding:0 32px}@media (width<=768px){.container{padding:0 20px}.btn{padding:10px 22px;font-size:15px}.card{border-radius:12px;padding:24px}}@media (width<=480px){.container{padding:0 16px}.btn{padding:10px 18px;font-size:14px}.card{padding:20px}}