:root{--bg-top:#1f0f3d;--bg-bottom:#3a1a6b;--purple:#8e4fd0;--purple-light:#b98af0;--purple-soft:#f1e8fb;--gold-start:#f5e6a8;--gold-end:#e0b86a;--gold-text:#3b2a07;--text:#22163a;--text-2:#6b6380;--text-3:#a39cb5;--line:#ece8f3;--up:#16b979;--down:#f0506e;--card-radius:16px;--nav-height:48px;--tab-height:58px;color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.5}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:#120826}#app{height:100%}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--purple);text-decoration:none}.phone{background:linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bottom) 100%);color:#fff;width:100%;min-width:320px;max-width:430px;height:100%;margin:0 auto;position:relative;overflow:hidden}@media (width>=520px){body{background:radial-gradient(circle at 50% 20%,#2c1556,#0d061c)}.phone{border-radius:28px;width:390px;height:min(100vh,860px);margin-top:max(0px,50vh - 430px);box-shadow:0 30px 80px #0000008c}}.page{background:linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bottom) 100%);flex-direction:column;display:flex;position:absolute;inset:0}.page-body{-webkit-overflow-scrolling:touch;flex:1;padding:12px 14px 24px;overflow-y:auto}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{width:0;height:0;display:none}.page-body.with-tab{padding-bottom:calc(var(--tab-height) + 20px)}.page-body.with-footer{padding-bottom:90px}.page.sub{z-index:20}.page-light{color:var(--text);background:#f6f3fb}.page-light .page-body{color:var(--text)}.slide-enter-active,.slide-leave-active{transition:transform .25s,opacity .25s}.slide-enter-from{transform:translate(100%)}.slide-leave-to{opacity:.6;transform:translate(100%)}.nav-bar{height:var(--nav-height);flex:0 0 var(--nav-height);color:#fff;align-items:center;padding:0 8px;display:flex}.nav-bar .nav-back,.nav-bar .nav-right{width:64px;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;font-size:14px;display:flex}.nav-bar .nav-back{padding-left:6px;font-size:22px}.nav-bar .nav-right{justify-content:flex-end;padding-right:6px}.nav-bar .nav-title{text-align:center;flex:1;font-size:17px;font-weight:600}.brand{align-items:center;gap:10px;padding:14px 16px 6px;display:flex}.brand-logo{background:linear-gradient(135deg, var(--gold-start), var(--gold-end));width:38px;height:38px;color:var(--gold-text);border-radius:12px;place-items:center;font-size:18px;font-weight:800;display:grid}.brand-name{letter-spacing:1px;font-size:18px;font-weight:700}.brand-slogan{color:#ffffffa6;font-size:12px}.card{color:var(--text);border-radius:var(--card-radius);background:#fff;margin-bottom:12px;padding:14px;box-shadow:0 6px 20px #1406302e}.card-glass{color:#fff;border-radius:var(--card-radius);background:#ffffff14;border:1px solid #ffffff1f;margin-bottom:12px;padding:14px}.card-gold{background:linear-gradient(135deg, var(--gold-start), var(--gold-end));color:var(--gold-text);border-radius:var(--card-radius);margin-bottom:12px;padding:16px}.card-title{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:15px;font-weight:600;display:flex}.section-title{justify-content:space-between;align-items:center;margin:14px 2px 10px;font-size:16px;font-weight:600;display:flex}.section-title .more{color:#fff9;cursor:pointer;font-size:12px;font-weight:400}.btn{cursor:pointer;-webkit-user-select:none;user-select:none;border:0;border-radius:22px;justify-content:center;align-items:center;gap:6px;height:44px;padding:0 18px;font-size:15px;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-block{width:100%;display:flex}.btn-gold{background:linear-gradient(90deg, var(--gold-start), var(--gold-end));color:var(--gold-text)}.btn-purple{background:var(--purple);color:#fff}.btn-outline{color:var(--purple);border:1px solid var(--purple);background:0 0}.btn-outline-light{color:#fff;background:0 0;border:1px solid #ffffff80}.btn-ghost{background:var(--purple-soft);color:var(--purple)}.btn-danger{background:var(--down);color:#fff}.btn-sm{border-radius:15px;height:30px;padding:0 12px;font-size:13px}.btn-xs{border-radius:12px;height:24px;padding:0 10px;font-size:12px}.btn-row{gap:10px;display:flex}.btn-row>.btn{flex:1}.footer-bar{padding:12px 14px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#1f0f3deb;gap:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.footer-bar>.btn{flex:1}.page-light .footer-bar{background:#fffffff5;box-shadow:0 -4px 16px #0000000f}.tab-bar{height:var(--tab-height);z-index:10;background:#fff;border-top-left-radius:18px;border-top-right-radius:18px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -6px 20px #0003}.tab-item{cursor:pointer;color:var(--text-3);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:12px;display:flex}.tab-item .tab-icon{font-size:20px;line-height:1}.tab-item.active{color:var(--purple);font-weight:600}.form-item{margin-bottom:14px}.form-label{color:var(--text-2);margin-bottom:6px;font-size:13px;display:block}.page:not(.page-light) .auth .form-label{color:#ffffffbf}.input,.select,.textarea{border:1px solid var(--line);width:100%;height:44px;color:var(--text);background:#faf8fd;border-radius:12px;outline:none;padding:0 14px;transition:border-color .15s}.textarea{resize:vertical;height:auto;min-height:80px;padding:10px 14px}.addr-input{white-space:pre-wrap;word-break:break-all;min-height:60px;line-height:1.5}.input:focus,.select:focus,.textarea:focus{border-color:var(--purple)}.input-group{gap:8px;display:flex}.input-group .input{flex:1}.input-suffix{position:relative}.input-suffix .suffix{color:var(--text-2);font-size:13px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.checkbox{color:var(--text-2);cursor:pointer;align-items:flex-start;gap:8px;font-size:13px;display:flex}.checkbox input{accent-color:var(--purple);margin-top:3px}.segment{background:#f1edf8;border-radius:12px;gap:3px;padding:3px;display:flex}.segment button{height:34px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;font-size:13px}.segment button.active{color:var(--purple);background:#fff;font-weight:600;box-shadow:0 2px 6px #8e4fd02e}.radio-group{flex-wrap:wrap;gap:18px;display:flex}.radio{cursor:pointer;align-items:center;gap:6px;font-size:14px;display:flex}.radio input{accent-color:var(--purple);width:16px;height:16px}.tabs{border-bottom:1px solid #ffffff1f;gap:22px;margin-bottom:12px;display:flex}.tabs button{cursor:pointer;color:#fff9;background:0 0;border:0;padding:10px 0;font-size:14px;position:relative}.tabs button.active{color:#fff;font-weight:600}.tabs button.active:after{content:"";background:linear-gradient(90deg, var(--gold-start), var(--gold-end));border-radius:2px;height:3px;position:absolute;bottom:-1px;left:20%;right:20%}.page-light .tabs{border-color:var(--line)}.page-light .tabs button{color:var(--text-3)}.page-light .tabs button.active{color:var(--text)}.chips{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{cursor:pointer;color:#ffffffd9;background:#ffffff0f;border:1px solid #ffffff40;border-radius:15px;flex:none;height:30px;padding:0 14px;font-size:13px}.chip.active{background:linear-gradient(90deg, var(--gold-start), var(--gold-end));color:var(--gold-text);border-color:#0000;font-weight:600}.page-light .chip:not(.active){border-color:var(--line);color:var(--text-2);background:#fff}.sheet .chips{flex-wrap:wrap;overflow-x:visible}.sheet .chip:not(.active){border-color:var(--line);background:var(--purple-soft);color:var(--text)}.page-light .section-title{color:var(--text)}.pill{background:var(--purple-soft);height:24px;color:var(--purple);border-radius:12px;align-items:center;gap:4px;padding:0 10px;font-size:12px;display:inline-flex}.tag{background:var(--purple-soft);height:20px;color:var(--purple);border-radius:10px;align-items:center;padding:0 8px;font-size:11px;display:inline-flex}.tag-green{color:var(--up);background:#e3f8ef}.tag-red{color:var(--down);background:#fde8ec}.tag-gold{color:#a8781e;background:#fbf1d6}.tag-gray{color:var(--text-2);background:#eeedf2}.list{color:var(--text);border-radius:var(--card-radius);background:#fff;margin-bottom:12px;overflow:hidden}.list-item{cursor:pointer;border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:10px;padding:14px;display:flex}.list-item:last-child{border-bottom:0}.list-item .li-icon{background:var(--purple-soft);width:32px;height:32px;color:var(--purple);border-radius:10px;place-items:center;font-size:16px;display:grid}.list-item .li-main{flex:1;min-width:0}.list-item .li-title{font-size:14px;font-weight:500}.list-item .li-sub{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.list-item .li-extra{color:var(--text-2);text-align:right;font-size:13px}.list-item .arrow{color:var(--text-3)}.kv{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:center;gap:10px;padding:8px 0;font-size:13px;display:flex}.kv:last-child{border-bottom:0}.kv .k{color:var(--text-2);flex-shrink:0}.kv .v{text-align:right;word-break:break-all}.metrics{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.metric{text-align:center}.metric .m-value{font-size:18px;font-weight:700}.metric .m-label{color:var(--text-3);font-size:12px}.grid4{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.grid-item{cursor:pointer;color:var(--text);background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:8px 0;font-size:12px;display:flex}.grid-item .g-icon{width:42px;height:42px;color:var(--purple);background:linear-gradient(135deg,#efe3ff,#dcc6fa);border-radius:14px;place-items:center;font-size:20px;display:grid}.progress{background:#efeaf6;border-radius:3px;height:6px;overflow:hidden}.progress>i{background:linear-gradient(90deg, var(--purple-light), var(--purple));border-radius:3px;height:100%;display:block}.up{color:var(--up)}.down{color:var(--down)}.muted{color:var(--text-3)}.text-2{color:var(--text-2)}.gold{color:var(--gold-end)}.small{font-size:12px}.bold{font-weight:600}.row{align-items:center;gap:8px;display:flex}.between{justify-content:space-between;align-items:center;gap:8px;display:flex}.wrap{flex-wrap:wrap}.flex1{flex:1;min-width:0}.mt4{margin-top:4px}.mt8{margin-top:8px}.mt12{margin-top:12px}.mb8{margin-bottom:8px}.center{text-align:center}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.break{word-break:break-all}.avatar{color:#fff;background:linear-gradient(135deg,#b98af0,#6b2fb3);border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;font-weight:700;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-lg{width:60px;height:60px;font-size:22px}.banner{aspect-ratio:712/370;border-radius:var(--card-radius);background:linear-gradient(120deg,#6b2fb3,#b06ad9 60%,#e0b86a);margin-bottom:12px;position:relative;overflow:hidden}.banner img{object-fit:cover;width:100%;height:100%;display:block}.banner .banner-text{text-shadow:0 2px 8px #0000004d;font-size:18px;font-weight:700;position:absolute;bottom:14px;left:16px}.banner .dots{gap:4px;display:flex;position:absolute;bottom:10px;right:12px}.banner .dots i{background:#ffffff80;border-radius:3px;width:6px;height:6px}.banner .dots i.active{background:#fff;width:14px}.auth{padding:30px 22px}.auth-head{text-align:center;margin:30px 0 26px}.auth-head .brand-logo{border-radius:20px;width:64px;height:64px;margin:0 auto 14px;font-size:28px}.auth-head h1{letter-spacing:2px;margin:0;font-size:24px}.auth-head p{color:#ffffffa6;margin:6px 0 0;font-size:13px}.auth .input{color:#fff;background:#ffffff1a;border-color:#ffffff2e}.auth .input::placeholder{color:#ffffff73}.auth .input:focus{border-color:var(--gold-end)}.auth-switch{text-align:center;color:#ffffffb3;margin-top:18px;font-size:13px}.auth-switch a{color:var(--gold-start);cursor:pointer}.mask{z-index:50;background:#0a04188c;position:absolute;inset:0}.sheet{z-index:51;max-height:85%;color:var(--text);background:#fff;border-top-left-radius:20px;border-top-right-radius:20px;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.sheet-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 16px;font-size:16px;font-weight:600;display:flex}.sheet-close{color:var(--text-3);cursor:pointer;background:0 0;border:0;font-size:20px}.sheet-body{flex:1;padding:16px;overflow-y:auto}.sheet-foot{padding:10px 16px calc(14px + env(safe-area-inset-bottom));gap:10px;display:flex}.sheet-foot>.btn{flex:1}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.sheet-enter-active,.sheet-leave-active{transition:transform .25s}.sheet-enter-from,.sheet-leave-to{transform:translateY(100%)}.toast{z-index:100;color:#fff;text-align:center;pointer-events:none;background:#140a28e0;border-radius:10px;max-width:78%;padding:10px 16px;font-size:14px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.confirm-mask{z-index:90;background:#0a04188c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.confirm-box{border-radius:var(--card-radius);width:80%;max-width:320px;color:var(--text);text-align:center;background:#fff;padding:22px 18px 16px}.confirm-title{margin-bottom:8px;font-size:16px;font-weight:600}.confirm-msg{color:var(--text-2);word-break:break-all;font-size:14px;line-height:1.6}.confirm-actions{gap:10px;margin-top:20px;display:flex}.confirm-actions>.btn{flex:1}.empty{text-align:center;color:var(--text-3);padding:36px 0;font-size:13px}.empty .empty-icon{opacity:.7;margin-bottom:6px;font-size:36px}.page:not(.page-light) .empty{color:#ffffff8c}.loading{color:var(--text-3);justify-content:center;align-items:center;gap:8px;padding:24px 0;font-size:13px;display:flex}.page:not(.page-light) .loading{color:#ffffffa6}.spinner{border:2px solid #8e4fd040;border-top-color:var(--purple);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.swipe{border-radius:var(--card-radius);margin-bottom:12px;position:relative;overflow:hidden}.swipe-actions{display:flex;position:absolute;top:0;bottom:0;right:0}.swipe-actions button{color:#fff;cursor:pointer;border:0;width:76px;font-size:14px}.swipe-content{z-index:1;touch-action:pan-y;transition:transform .2s;position:relative}.swipe-content.dragging{transition:none}.swipe .card{margin-bottom:0}.signal-card{cursor:pointer}.signal-card.no-click{cursor:default}.signal-card .sc-name{align-items:center;gap:6px;font-size:18px;font-weight:700;display:flex}.signal-card .sc-diamond{color:#8a7cf0;font-size:14px}.signal-card .sc-sub{color:var(--text);font-size:14px}.signal-card .sc-stars{color:#e8b04a;letter-spacing:1px;font-size:16px}.signal-card .sc-star-off{color:#d6d3dc}.signal-card .sc-right{text-align:right}.signal-card .sc-profit{color:#5a2a96;font-size:16px;font-weight:700}.signal-card .sc-pills{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px;display:grid}.signal-card .sc-pill{border:1px solid var(--line);color:#3a7bd5;white-space:nowrap;border-radius:15px;place-items:center;height:30px;font-size:13px;display:grid}.account-select{text-align:center;text-align-last:center;color:#d7c8ff;appearance:none;background-color:#3b1f78;background-image:linear-gradient(45deg,#0000 50%,#b9a6ef 50%),linear-gradient(135deg,#b9a6ef 50%,#0000 50%);background-position:calc(100% - 18px) 16px,calc(100% - 12px) 16px;background-repeat:no-repeat;background-size:6px 6px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #5b3aa6;border-radius:6px;outline:none;width:100%;height:38px;padding:0 30px 0 12px;font-size:15px}.account-select option{color:var(--text);background:#fff}.sum-card{text-align:center;padding:20px 14px}.sum-card .sum-value{color:#b58a1e;font-size:30px;font-weight:800}.line-tabs{gap:28px;margin-bottom:6px;display:flex}.line-tabs button{color:var(--text-3);cursor:pointer;background:0 0;border:0;padding:4px 0 8px;font-size:18px;position:relative}.line-tabs button.active{color:var(--text);font-weight:700}.line-tabs button.active:after{content:"";background:var(--purple);border-radius:2px;width:70%;height:3px;position:absolute;bottom:0;left:0}.line-tabs .count{margin-left:4px;font-size:14px}.order-row{border-bottom:1px solid var(--line);cursor:pointer;padding:14px 0}.order-row:last-child{border-bottom:0}.order-row .o-symbol{margin-bottom:6px;font-size:17px;font-weight:700}.order-row .o-profit{color:#b58a1e;font-size:18px;font-weight:700}.order-row .o-profit.down{color:var(--down)}.side-tag{color:#fff;border-radius:4px;place-items:center;width:20px;height:20px;margin-right:4px;font-size:12px;display:inline-grid}.side-tag.sell{background:#20b483}.side-tag.buy{background:var(--down)}.detail-kv .kv{border-bottom:0;padding:10px 0;font-size:15px}.detail-kv .kv .k{color:var(--text-3)}.stepper{align-items:center;gap:10px;display:flex}.stepper button{cursor:pointer;border:0;border-radius:4px;place-items:center;width:30px;height:30px;font-size:20px;display:grid}.stepper .minus{color:#888;background:#e6e6e6}.stepper .plus{color:#fff;background:#12122a}.stepper input{text-align:center;background:0 0;border:0;outline:none;width:80px;font-size:16px;font-weight:700}.switch{cursor:pointer;background:#d9d6e0;border:0;border-radius:14px;width:50px;height:28px;transition:background .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:left .2s;position:absolute;top:3px;left:3px}.switch.on{background:var(--purple)}.switch.on:after{left:25px}.btn-gold-round{border-radius:18px;height:36px;padding:0 22px}.pos-card .pos-symbol{font-size:16px;font-weight:700}.pos-card .pos-meta{color:var(--text-2);font-size:12px}.pos-card .pos-profit{font-size:18px;font-weight:700}.month-table{border-collapse:collapse;width:100%;font-size:11px}.month-table th,.month-table td{text-align:center;border-bottom:1px solid var(--line);padding:5px 2px}.month-table th{color:var(--text-3);font-weight:400}.table-scroll{overflow-x:auto}.select-light{color:#fff;background:#ffffff1a;border-color:#fff3}.select-light option{color:var(--text)}.divider{background:var(--line);height:1px;margin:10px 0}.copy{cursor:pointer;color:var(--purple);margin-left:6px;font-size:12px}.notice{color:var(--text-2);background:#faf6ff;border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.6}.rich{white-space:pre-wrap;font-size:14px;line-height:1.8}.text-gold{color:#b58a1e}
