:root{--sp-primary: #4B5DFF;--sp-primary-gradient: linear-gradient(135deg, #4B5DFF 0%, #7C3AED 100%);--sp-grad-dark: linear-gradient(180deg, #0F1220 0%, #1E2A45 100%);--sp-success: #22C55E;--sp-warning: #F59E0B;--sp-danger: #EF4444;--sp-usdt: #26A17B;--sp-bg: #0F1220;--sp-bg-alt: #1E2A45;--sp-surface: #FFFFFF;--sp-text: #111827;--sp-text-muted: #6B7280;--sp-line: #E5E7EB;--sp-radius-sm: 8px;--sp-radius: 12px;--sp-radius-lg: 20px;--sp-shadow: 0 4px 20px rgba(17, 24, 39, .08);--sp-shadow-lg: 0 12px 40px rgba(75, 93, 255, .18)}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%}body{font-family:PingFang SC,Microsoft YaHei,Segoe UI,Arial,sans-serif;background:#f5f6fa;color:var(--sp-text);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.sp-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border:none;border-radius:var(--sp-radius-sm);font-size:14px;font-weight:600;background:var(--sp-primary-gradient);color:#fff;transition:opacity .2s}.sp-btn:hover{opacity:.9}.sp-btn:disabled{opacity:.5;cursor:not-allowed}.sp-btn-ghost{display:inline-flex;align-items:center;padding:10px 18px;border:1px solid var(--sp-line);border-radius:var(--sp-radius-sm);font-size:14px;font-weight:500;background:#fff;color:var(--sp-text)}.sp-btn-ghost:hover{border-color:var(--sp-primary);color:var(--sp-primary)}.sp-card{background:var(--sp-surface);border-radius:var(--sp-radius);box-shadow:var(--sp-shadow);padding:24px}.sp-input{width:100%;padding:10px 14px;border:1px solid var(--sp-line);border-radius:var(--sp-radius-sm);font-size:14px;outline:none}.sp-input:focus{border-color:var(--sp-primary);box-shadow:0 0 0 3px #4b5dff1f}.sp-label{display:block;margin-bottom:6px;font-size:13px;color:var(--sp-text-muted)}.sp-page-title{font-size:20px;font-weight:700;margin-bottom:16px}