:root,[data-theme=dark]{--bg:#181e3a;--bg2:#101630;--bg3:#1e2a4a;--card:#1a2340;--card2:#222e50;--border:#2a3a6a;--text:#e8eaf6;--text2:#8ca0c8;--text3:#5a7ab0;--primary:#f97316;--primary-dark:#ea580c;--primary-light:#fed7aa;--green:#22c55e;--red:#ef4444;--nav-bg:#101630;--nav-text:#5a7ab0;--nav-active:#f97316;--input-bg:#ffffff0d;--input-border:#2a3a6a;--shadow:0 4px 24px #0006}[data-theme=light]{--bg:#f5f6fa;--bg2:#eef0f8;--bg3:#e8eaf6;--card:#fff;--card2:#f0f2fc;--border:#dde1f0;--text:#1a1f3a;--text2:#4a5580;--text3:#8a97c0;--primary:#f97316;--primary-dark:#ea580c;--primary-light:#fff3e0;--green:#16a34a;--red:#dc2626;--nav-bg:#fff;--nav-text:#8a97c0;--nav-active:#f97316;--input-bg:#f8f9ff;--input-border:#dde1f0;--shadow:0 4px 24px #0000001a}.mi{vertical-align:middle;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-family:Material Icons Round;font-size:1.4rem;font-style:normal;font-weight:400;line-height:1;display:inline-flex}.mi-sm{font-size:1.1rem}.mi-lg{font-size:1.8rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{background:var(--bg);color:var(--text);max-width:430px;min-height:100vh;margin:0 auto;font-family:Noto Sans SC,Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;transition:background .3s,color .3s;overflow-x:hidden}body.is-desktop{overflow:hidden;max-width:100%!important;margin:0!important}#app{flex-direction:column;min-height:100vh;display:flex}.page{flex:1;padding-bottom:65px}.page-no-nav{flex:1}.bottom-nav{background:var(--nav-bg);border-top:1px solid var(--border);z-index:100;width:100%;max-width:430px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 12px #00000026}.nav-item{cursor:pointer;color:var(--nav-text);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:10px 0;font-size:.8rem;text-decoration:none;transition:color .2s;display:flex}.nav-item .nav-icon{margin-bottom:3px;font-size:1.7rem!important}.nav-item.active,.nav-item:hover{color:var(--nav-active)}button.nav-item{background:0 0;border:none;font-family:inherit}.top-bar{background:var(--primary);color:#fff;z-index:50;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}.top-bar.dark-bar{background:var(--bg2);border-bottom:1px solid var(--border);color:var(--text)}.top-bar h1{font-size:1.05rem;font-weight:600}.top-bar .actions{align-items:center;gap:10px;display:flex}.card{background:var(--card);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:12px;margin:10px 14px;padding:16px}.card2{background:var(--card2);border-radius:10px;padding:12px}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:13px 20px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:active{transform:scale(.98)}.btn-outline{border:1px solid var(--primary);color:var(--primary);background:0 0}.btn-sm{border-radius:6px;width:auto;padding:7px 14px;font-size:.8rem}.btn-green{background:var(--green);color:#fff}.btn-red{background:var(--red);color:#fff}.form-group{margin-bottom:14px}.form-label{color:var(--text2);margin-bottom:6px;font-size:.85rem;font-weight:500;display:block}.form-row{background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;align-items:center;gap:10px;padding:12px 14px;display:flex}.form-row .icon{color:var(--text3);flex-shrink:0;font-size:1.1rem}.form-row input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.form-row input::placeholder{color:var(--text3)}.divider{background:var(--border);height:1px;margin:12px 0}.text-center{text-align:center}.text-primary{color:var(--primary)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-muted{color:var(--text2)}.text-sm{font-size:.78rem}.mt-1{margin-top:6px}.mt-2{margin-top:12px}.mt-3{margin-top:20px}.mb-1{margin-bottom:6px}.mb-2{margin-bottom:12px}.px-4{padding-left:16px;padding-right:16px}.py-2{padding-top:8px;padding-bottom:8px}.flex{display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.gap-2{gap:8px}.w-full{width:100%}.rounded{border-radius:8px}.font-bold{font-weight:700}.font-lg{font-size:1.1rem}.badge{border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.badge-green{background:var(--green);color:#fff}.badge-red{background:var(--red);color:#fff}.badge-gray{background:var(--border);color:var(--text2)}.asset-item{border-bottom:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;padding:12px 16px;transition:background .15s;display:flex}.asset-item:hover{background:var(--bg3)}.asset-item:last-child{border-bottom:none}.asset-icon{background:var(--bg3);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-right:12px;font-size:.85rem;font-weight:700;display:flex;overflow:hidden}.asset-icon img{object-fit:cover;width:100%;height:100%}.asset-info{flex:1}.asset-name{font-size:.88rem;font-weight:600}.asset-name-en{color:var(--text2);font-size:.72rem}.asset-status{color:var(--text2);margin-top:2px;font-size:.72rem}.asset-price{text-align:right}.asset-price .price{border-radius:6px;padding:4px 10px;font-size:.95rem;font-weight:700}.price-up{background:var(--green);color:#fff}.price-down{background:var(--red);color:#fff}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.loading-overlay{z-index:999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.amount-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0;display:grid}.amount-btn{border:1px solid var(--border);background:var(--card2);color:var(--text);cursor:pointer;text-align:center;border-radius:8px;padding:11px;font-size:.88rem;font-weight:600;transition:all .2s}.amount-btn.active,.amount-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.menu-list{background:var(--card);border:1px solid var(--border);border-radius:12px;margin:10px 14px;overflow:hidden}.menu-item{border-bottom:1px solid var(--border);cursor:pointer;color:var(--text);align-items:center;padding:18px 16px;text-decoration:none;transition:background .15s;display:flex}.menu-item:last-child{border-bottom:none}.menu-item:hover{background:var(--bg3)}.menu-item .menu-icon{color:var(--primary);margin-right:14px;font-size:1.5rem!important}.menu-item .menu-label{flex:1;font-size:1rem}.menu-item .menu-arrow{color:var(--text3);font-size:1.2rem!important}.tabs{background:var(--bg2);border-bottom:1px solid var(--border);display:flex}.tab-item{text-align:center;cursor:pointer;color:var(--text2);border-bottom:2px solid #0000;flex:1;padding:13px;font-size:.88rem;transition:all .2s}.tab-item.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}