:root{--xlxs-bg-dark: #070a12;--xlxs-bg-mid: #0f1a2e;--xlxs-bg-card: rgba(18, 24, 38, .92);--xlxs-water-blue: #18c8ff;--xlxs-spirit-purple: #8b5cf6;--xlxs-dark-gold: #c9a45c;--xlxs-text-primary: #e8ecf4;--xlxs-text-secondary: #7a8899;--xlxs-text-muted: #4a5568;--xlxs-border-glow: rgba(24, 200, 255, .25);--xlxs-border-subtle: rgba(122, 136, 153, .15);--xlxs-gradient-water: linear-gradient(135deg, #18c8ff, #8b5cf6);--xlxs-gradient-gold: linear-gradient(135deg, #c9a45c, #e8d5a3);--xlxs-gradient-dark: linear-gradient(165deg, #070a12 0%, #0f1a2e 50%, #162033 100%);--xlxs-sidebar-width: 240px;--xlxs-aside-width: 300px;--font-sans: "PingFang SC", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--neu-bg: #12182a;--neu-bg-elevated: #1a2238;--neu-border: rgba(201, 164, 92, .45);--neu-border-strong: rgba(232, 236, 244, .22);--neu-shadow: 4px 4px 0 rgba(0, 0, 0, .85);--neu-shadow-accent: 4px 4px 0 rgba(24, 200, 255, .15);--neu-accent: var(--xlxs-dark-gold);--neu-accent-muted: rgba(201, 164, 92, .2);--neu-lime: #6b9e3d;--neu-lime-bg: rgba(107, 158, 61, .22)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{font-family:var(--font-sans);background:var(--xlxs-bg-dark);color:var(--xlxs-text-primary);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#7a889959;border-radius:3px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border:none;border-radius:999px;background:var(--xlxs-gradient-gold);color:var(--xlxs-bg-dark);font-size:15px;font-weight:600;letter-spacing:.08em;transition:opacity .2s,transform .15s}.btn-primary:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border:1px solid var(--xlxs-border-glow);border-radius:999px;background:transparent;color:var(--xlxs-water-blue);font-size:14px;transition:background .2s}.btn-outline:hover{background:#18c8ff14}.card{background:var(--xlxs-bg-card);border:1px solid var(--xlxs-border-subtle);border-radius:16px;padding:20px}.section-title{font-size:13px;color:var(--xlxs-text-secondary);letter-spacing:.2em;margin-bottom:16px;font-weight:500}.page-title{font-size:22px;font-weight:700;color:var(--xlxs-dark-gold);letter-spacing:.12em}