:root{--bg-primary: #09090B;--bg-card: #151519;--bg-card-light: rgba(255, 255, 255, .035);--bg-input: rgba(9, 9, 11, .5);--color-primary: #ffffff;--color-secondary: rgba(255, 255, 255, .7);--color-tertiary: #9a9a9d;--color-disabled: #4D5052;--color-border: #2a2a2d;--color-success: #4ade80;--color-danger: #ef4444;--color-warning: #f59e0b;--color-accent: #60a5fa;--color-charge: #22c55e;--color-discharge: #f97316;--color-grid: #3b82f6;--color-load: #a855f7;--radius-card: 8px;--radius-small: 6px;--side-padding: 12px}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;width:100%}html,body{background:var(--bg-primary);color:var(--color-primary);font-family:Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.4;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.text-title-lg{font-size:20px;font-weight:600;color:var(--color-primary)}.text-title-md{font-size:16px;font-weight:600;color:var(--color-primary)}.text-title-sm{font-size:14px;font-weight:600;color:var(--color-primary)}.text-body{font-size:14px;color:var(--color-primary)}.text-label{font-size:12px;color:var(--color-secondary)}.text-tip{font-size:11px;color:var(--color-tertiary)}.card{background:var(--bg-card);border-radius:var(--radius-card);padding:12px}.card-light{background:var(--bg-card-light);border-radius:var(--radius-card);padding:12px}.divider{height:1px;background:#ffffff14;margin:10px 0}.btn-outline{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary);border-radius:40px;padding:12px 20px;cursor:pointer;font-size:15px}.btn-outline:hover{opacity:.85}.btn-primary{background:var(--color-primary);color:var(--bg-primary);border:none;border-radius:40px;padding:12px 20px;cursor:pointer;font-weight:600}.btn-ghost{background:transparent;border:none;color:var(--color-secondary);cursor:pointer}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}::-webkit-scrollbar-track{background:transparent}.mobile-frame{width:100%;max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh;position:relative;background:var(--bg-primary);overflow:hidden}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}