:root{--bg:#171E28;--bg2:#171E28;--card:#202A39;--card2:#2a3547;--input:#171E28;--border:#2d3a4d;--text:#fff;--text2:#76808F;--text3:#555;--primary:#a8e063;--primary-dark:#4a7c10;--up:#22c087;--down:#ef4655;--shadow:0 3px 12px rgba(0,0,0,.3);--r:4px;--r-sm:4px;--r-lg:10px;--r-pill:20px}.light-theme{--bg:#f5f6fa;--bg2:#fff;--card:#fff;--card2:#f0f2f5;--input:#f8f8f8;--border:#eee;--text:#111;--text2:#666;--text3:#bbb;--shadow:0 3px 12px rgba(0,0,0,.06)}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--text);font-size:14px}html.pc-trade,html.pc-trade body{height:100vh;overflow:hidden!important}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:#3a4a5e;border-radius:4px}::-webkit-scrollbar-track{background:var(--card)}.btn-primary{background:var(--primary);color:#111;border:none;border-radius:var(--r);padding:10px 24px;font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-primary:hover{filter:brightness(1.1)}.btn-danger{background:var(--down);color:#fff;border:none;border-radius:var(--r);padding:10px 24px;font-weight:600;font-size:14px;cursor:pointer}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:var(--r);padding:8px 16px;font-size:13px;cursor:pointer}.btn-sm{padding:5px 14px;font-size:12px;border-radius:var(--r-sm)}.input{width:100%;height:36px;background:var(--input);border:1px solid var(--border);border-radius:var(--r);padding:0 12px;color:var(--text);font-size:14px;outline:none}.input:focus{border-color:var(--primary)}.textarea{width:100%;min-height:80px;background:var(--input);border:1px solid var(--border);border-radius:var(--r);padding:10px 12px;color:var(--text);font-size:14px;outline:none;resize:vertical}.card{background:var(--card);border-radius:var(--r-lg);padding:16px;box-shadow:var(--shadow)}.card-green{background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;border-radius:var(--r-lg);padding:16px;position:relative;overflow:hidden}.card-green:after{content:"";position:absolute;top:-20px;right:-20px;width:60px;height:60px;border-radius:30px;background:#ffffff14}.tab-pill{display:flex;border-radius:var(--r);overflow:hidden}.tab-pill>*{flex:1;padding:10px 0;text-align:center;cursor:pointer;font-weight:600;font-size:13px;transition:all .15s}.tab-pill>.active{background:var(--primary);color:#111}.tab-pill>*:not(.active){background:var(--input);color:var(--text2)}.tbl{width:100%;border-collapse:collapse}.tbl th{background:var(--card2);color:var(--text2);font-size:11px;font-weight:600;text-transform:uppercase;padding:10px 12px;text-align:left;border-bottom:1px solid var(--border)}.tbl td{padding:9px 12px;font-size:12px;border-bottom:1px solid rgba(255,255,255,.04)}.tbl tr:hover td{background:#a8e06305}.badge{padding:2px 8px;border-radius:var(--r-sm);font-size:10px;font-weight:600;display:inline-block}.badge-green{background:#22c0871f;color:#22c087}.badge-red{background:#ef46551f;color:#ef4655}.badge-primary{background:#a8e0631f;color:var(--primary)}.badge-gray{background:#76808f1f;color:var(--text2)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-box{background:var(--card);border-radius:12px;padding:28px 32px;max-width:420px;min-width:360px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.toggle{width:36px;height:20px;border-radius:10px;cursor:pointer;position:relative;transition:background .2s}.toggle.on{background:var(--primary)}.toggle.off{background:#4c4d4f}.toggle:after{content:"";width:14px;height:14px;border-radius:7px;background:#fff;position:absolute;top:3px;transition:left .15s}.toggle.on:after{left:19px}.toggle.off:after{left:3px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.page-enter{animation:pageIn .2s ease}.skeleton{background:linear-gradient(90deg,var(--card2) 25%,var(--border) 50%,var(--card2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}.txt-nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.txt-clamp{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}@supports (padding-bottom:env(safe-area-inset-bottom)){.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}}.offline-bar{position:fixed;top:0;left:0;right:0;background:var(--down);color:#fff;text-align:center;padding:4px;font-size:12px;z-index:9999}