:root{--red:#ed123f;--green:#20bf8d;--ink:#30333b;--muted:#9197a6;--bg:#f7f8fa;--panel:#fff;--line:#eef0f4;--field:#fff;--header:#10131b;--chart-bg:#10131b;--chart-up:#20bf8d;--chart-down:#f33d59;--up:#12c58a;--down:#ff354f;--shadow:0 4px 24px #17233c06;--body-font:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--body-font);color:var(--ink);background:var(--bg);font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:3px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--red)!important}input,select,textarea{color:var(--ink);background:var(--field);border:1px solid #dfe2e9;border-radius:3px;padding:12px 14px;min-width:0}input::placeholder,textarea::placeholder{color:#afb4c1}input[type=checkbox]{accent-color:var(--red);min-width:16px}input[type=range]{accent-color:var(--red);padding:0;width:100%;border:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}input::-webkit-inner-spin-button{appearance:none}h1,h2,h3,p{margin:0}h1{font-size:32px}h2{font-size:25px}h3{font-size:18px}p{line-height:1.8}small,.muted{color:var(--muted)}.red,.down{color:var(--down)!important}.green,.up{color:var(--up)!important}.accent{color:var(--red)}.nowrap{white-space:nowrap}.mono{font-variant-numeric:tabular-nums}.container{max-width:1200px;width:calc(100% - 64px);margin:auto}.row{display:flex;align-items:center;gap:16px}.between{justify-content:space-between}.right{text-align:right}.center{text-align:center}.gap8{gap:8px}.stack{display:flex;flex-direction:column;gap:18px}.mb24{margin-bottom:24px}.mt24{margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:9px 22px;background:var(--red);border:1px solid var(--red);border-radius:3px;color:#fff;white-space:nowrap}.btn:hover{filter:brightness(1.07)}.btn.outline{background:transparent;color:var(--red)}.btn.subtle{background:var(--panel);border-color:var(--line);color:var(--muted)}.btn.sell{background:var(--green);border-color:var(--green)}.btn.full{width:100%;min-height:46px}.btn.small{min-height:30px;padding:5px 16px;font-size:12px}.link-btn{color:var(--red);padding:0}.icon{width:22px;height:22px;display:inline-block;vertical-align:middle;flex-shrink:0}.icon-button{padding:7px;display:inline-flex;align-items:center;justify-content:center}.topbar{height:64px;background:var(--header);color:#d8dbe4;display:flex;align-items:center;padding:0 24px;gap:28px;position:relative;z-index:20;white-space:nowrap}.brand{display:flex;align-items:center;gap:8px;color:#f5f5f9;flex-shrink:0}.brand img{width:37px;height:37px;object-fit:contain;border-radius:50%}.brand b{font-size:23px;letter-spacing:1px}.edition{font-size:10px;padding:3px 6px;border:1px solid #ed123f65;color:#f65b7c;letter-spacing:1px;border-radius:2px}.desktop-nav{display:flex;align-items:center;gap:28px;height:100%}.nav-item{height:100%;display:flex;align-items:center;position:relative}.nav-item>a,.nav-item>button{font-size:14px;height:100%;display:flex;align-items:center;gap:4px;padding:0}.nav-item.active{color:#fff}.chevron{font-size:10px;color:#878b97;margin-left:3px}.nav-menu{display:none;position:absolute;top:55px;left:-18px;min-width:170px;background:#20232e;box-shadow:0 6px 25px #0003;padding:8px;border-radius:4px}.nav-item:hover .nav-menu,.nav-item:focus-within .nav-menu,.nav-item.menu-open .nav-menu{display:block}.nav-menu a,.nav-menu button{display:flex;width:100%;padding:12px 14px;text-align:left;color:#d3d6df;border-radius:2px}.nav-menu a:hover,.nav-menu button:hover{background:#2b2e3b;color:#ff3c68}.top-actions{margin-left:auto;display:flex;align-items:center;gap:19px;font-size:13px}.top-actions .btn{min-height:30px;padding:5px 17px}.top-actions .divider{height:16px;width:1px;background:#30323c}.environment{height:27px;background:#181b25;color:#8b90a2;display:flex;align-items:center;justify-content:space-between;padding:0 26px;font-size:10px;letter-spacing:.3px}.environment span:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#70788d;margin-right:7px}.environment button{color:#bdc3d0;font-size:10px}.mobile-only,.mobile-nav{display:none}.hero{background:#10131b;color:#fff;padding:37px 0 0}.hero h1{font-size:33px;letter-spacing:1px;font-weight:600}.hero .hero-sub{color:#b6b8c3;font-size:13px;margin-top:10px}.banner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:32px}.banner{display:block;padding:0;border-radius:3px;overflow:hidden;transition:transform .2s}.banner:hover{transform:translateY(-3px)}.banner img{display:block;width:100%;aspect-ratio:2.11;object-fit:cover}.carousel-foot{display:flex;justify-content:space-between;color:#848898;font-size:11px;padding:18px 0 23px}.carousel-foot .dots{display:flex;align-items:center;gap:12px}.dot{width:6px;height:6px;background:#575b67;border-radius:50%;padding:0}.dot.on{background:white}.quick-strip{border-top:1px solid #1d202a;padding:19px 0}.quick-buy{display:flex;align-items:center;max-width:760px;margin:auto;color:#363942;background:#fff;border-radius:3px;overflow:hidden;height:45px}.quick-buy .coin-choice{min-width:210px;padding:5px 17px;border-right:1px solid #eee;display:flex;align-items:center;gap:10px;text-align:left}.quick-buy .coin-choice small{display:block;font-size:10px}.quick-buy input{border:0;flex:1;width:0;padding:10px}.quick-buy .btn{height:45px;border-radius:0;min-width:130px}.quick-buy .unit{color:#777;margin-right:20px}.market-section{background:var(--panel);padding:28px 0 32px}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-title{font-size:20px;font-weight:600}.section-top small{font-size:11px}.table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.table th{text-align:left;color:var(--muted);font-size:12px;font-weight:400;padding:14px 16px;border-bottom:1px solid var(--line)}.table td{padding:18px 16px;border-bottom:1px solid var(--line);font-size:13px}.table th:first-child,.table td:first-child{padding-left:0}.table th:last-child,.table td:last-child{text-align:right;padding-right:0}.table tbody tr:hover{background:#f7f8fb80}.coin-name{display:flex;align-items:center;gap:10px;white-space:nowrap}.coin-name>div{display:flex;align-items:center;gap:9px}.coin-name b{font-size:14px;font-weight:500}.coin-name small{font-size:12px;color:#9aa2b5}.coin-icon{width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--coin-color);color:#fff;font-size:20px;font-weight:600;flex-shrink:0}.coin-icon img{width:100%;height:100%;border-radius:50%;object-fit:contain}.coin-icon.zb{background:transparent}.tiny-label{display:inline-flex;font-size:10px!important;font-weight:400!important;padding:0 3px;color:#f9315c;border:1px solid #fc9daf;border-radius:1px;margin-left:3px}.spark{width:120px;height:32px;display:block;margin-left:auto}.table .action{color:var(--red);border:1px solid var(--line);padding:5px 16px;font-size:12px;border-radius:2px}.more{display:block;margin:24px auto 0;text-align:center;color:var(--muted);font-size:12px}.service-section{padding:62px 0;background:var(--bg)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:43px;text-align:center}.feature-icon{width:58px;height:58px;border-radius:18px;background:#ffedf1;color:var(--red);margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.feature-icon .icon{width:30px;height:30px}.feature-grid h3{font-size:17px;margin-bottom:10px}.feature-grid p{font-size:12px;color:var(--muted)}.product-section{padding:60px 0;background:var(--panel)}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.product-tabs{display:flex;gap:20px;margin:24px 0 20px;font-size:12px}.product-tabs a{padding:10px 0;border-bottom:2px solid transparent}.product-tabs a:first-child{color:var(--red);border-color:var(--red)}.product-section p{color:var(--muted);font-size:12px}.mini-terminal{background:#141722;color:#ddd;padding:15px;border-radius:4px;box-shadow:0 10px 40px #181e3012}.mini-terminal .candlestick{width:100%;height:auto}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:34px}.download-card{padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:4px;min-height:155px}.download-card h3{font-size:18px;margin-bottom:13px}.download-card p{font-size:12px;color:var(--muted);margin-bottom:17px}.footer{background:#10131b;color:#848895;padding:50px 0 25px;font-size:12px}.footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:45px}.footer .brand{margin-bottom:20px}.footer h4{font-size:14px;color:#d1d3dc;margin:0 0 22px;font-weight:500}.footer a,.footer button{display:block;color:#848895;padding:0;margin-bottom:14px;font-size:12px;text-align:left}.footer .brand{display:flex;color:#fff}.footer-bottom{margin-top:35px;border-top:1px solid #21242d;padding-top:22px;display:flex;justify-content:space-between;color:#646b7b}.page-head{padding:35px 0 26px}.page-head h1{font-size:25px;margin-bottom:8px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:3px;box-shadow:var(--shadow)}.panel-pad{padding:28px}.tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);align-items:center;overflow:auto;white-space:nowrap;scrollbar-width:none}.tabs button,.tabs a{padding:20px 0;position:relative;color:var(--ink);flex-shrink:0}.tabs .active{color:var(--red)!important}.tabs .active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--red)}.search{display:flex;align-items:center;border:1px solid #dfe2e9;border-radius:20px;padding-left:12px;background:var(--panel)}.search .icon{width:15px;height:15px;color:#acb2c2}.search input{border:0;background:transparent;padding:9px 12px;width:180px;font-size:12px}.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:70px;padding:24px 0}.summary-card{background:var(--panel);padding:20px 24px;border-radius:4px;box-shadow:var(--shadow);border:1px solid var(--line)}.summary-card p{display:flex;justify-content:space-between;font-size:13px}.summary-card .price{font-size:25px;margin:12px 0 9px}.summary-card .coin-icon{float:right;width:45px;height:45px;font-size:28px}.market-page{background:var(--panel);min-height:70vh;padding-bottom:50px}.markets-controls{display:flex;justify-content:space-between;align-items:center;gap:20px}.markets-controls .tabs{flex:1;border-bottom:0}.favorite{font-size:20px;color:#bec2cb;padding:0;margin-right:8px}.favorite.on{color:#f5b740}.two-line small{display:block;margin-top:5px;font-size:11px}.empty{text-align:center;padding:70px 10px;color:var(--muted);font-size:13px}.empty-art{display:flex;align-items:center;justify-content:center;width:78px;height:78px;border-radius:50%;background:#f3294c08;color:#fa5a79;margin:0 auto 16px}.empty-art .icon{width:35px;height:35px}.empty p{font-size:12px;margin-top:8px}.empty .btn{margin-top:20px}.subnav{background:#282636;color:#aaa8b6;padding:25px 0 0}.subnav .container{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.subnav button,.subnav a{padding:16px 0 22px;white-space:nowrap}.subnav .active{color:var(--red)}.subnav .main-link{font-size:20px;font-weight:600}.subnav .nav-spacer{flex:1}.subnav .tutorial{background:var(--red);color:#fff;font-size:11px;padding:9px 14px;border-radius:3px;align-self:center;margin-bottom:8px}.otc-page{background:var(--panel);padding:14px 0 55px;min-height:65vh}.coin-tabs{display:flex;gap:25px;overflow:auto;scrollbar-width:none;padding:21px 0;white-space:nowrap;font-size:15px;font-weight:500}.coin-tabs button{padding:4px 0}.coin-tabs .active{color:var(--red)}.filter-bar{display:flex;gap:24px;margin:14px 0 55px;align-items:center;flex-wrap:wrap}.filter-bar label{display:flex;align-items:center;gap:9px}.filter-bar input{width:170px;font-size:12px;padding:10px}.filter-bar select{font-size:12px;padding:9px;min-width:120px}.filter-bar .joined{display:flex;gap:0}.joined select{border-radius:3px 0 0 3px}.joined input{border-left:0;border-radius:0 3px 3px 0}.otc-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.otc-heading h3{border-left:3px solid var(--red);padding-left:12px}.otc-heading label{color:var(--muted);font-size:12px}.merchant-table th{background:var(--bg);padding:13px 20px!important}.merchant-table td{padding:22px 20px!important}.merchant-table tr:nth-child(even){background:var(--bg)}.merchant{display:flex;align-items:center;gap:12px;min-width:200px}.avatar{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--avatar-color,#8569a9);color:#fff;border-radius:50%;font-size:17px;font-weight:600;flex-shrink:0}.merchant b{font-size:13px;font-weight:600}.merchant small{display:block;font-size:10px;margin-top:4px}.payment-icon{display:inline-flex;width:18px;height:18px;border-radius:2px;align-items:center;justify-content:center;color:#fff;background:var(--pay-color);font-size:13px;margin-right:5px}.certified{background:#ed123f;color:#fff;font-size:9px;padding:2px 3px;border-radius:1px;margin-left:5px}.pager{display:flex;gap:17px;align-items:center;justify-content:flex-end;padding:25px 0;color:var(--muted);font-size:12px}.pager button{border:1px solid var(--line);padding:8px 15px;border-radius:2px}.earn-hero{background:radial-gradient(circle at 9% 10%,#392047 0,transparent 18%),radial-gradient(circle at 86% 100%,#392047 0,transparent 16%),#1b0c38;text-align:center;padding:48px 15px;color:white}.earn-hero h1{font-size:32px;margin-bottom:12px}.earn-hero p{font-size:18px;color:#ccc1dc}.earn-list{padding:30px 0 50px;display:grid;gap:12px}.earn-card{display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr 120px;align-items:center;gap:20px;background:var(--panel);border:1px solid var(--line);padding:30px;border-radius:3px}.earn-card .coin-icon{width:39px;height:39px;font-size:25px}.earn-card .coin-name>div{display:block}.earn-card .coin-name small{display:block;margin-top:6px}.earn-card .apr{color:var(--red);font-size:27px;font-weight:400}.earn-card small{display:block;font-size:11px;margin-top:7px}.breadcrumb{padding:28px 0;color:var(--muted);font-size:12px}.earn-detail-head{padding:22px 28px;border-bottom:1px solid var(--line)}.earn-detail-body{display:grid;grid-template-columns:1.4fr 1fr;text-align:center}.earn-total{padding:37px;border-right:1px solid var(--line)}.big-number{font-size:43px;font-weight:500;font-variant-numeric:tabular-nums;margin:6px 0}.earn-stats{display:flex;justify-content:space-around;text-align:left;margin-top:35px}.earn-stats b{display:block;font-size:22px;margin-top:8px;font-weight:500}.earn-rate{padding:55px 30px}.earn-rate .apr{font-size:43px;color:var(--red)}.earn-rate .row{margin-top:35px;justify-content:center}.earn-rate .btn{flex:1;max-width:160px}.records-panel{margin:24px 0 50px}.records-panel h3{padding:23px 28px;border-bottom:1px solid var(--line)}.record-row{padding:20px 28px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.record-row small{display:block;margin-top:6px;font-size:11px}.asset-layout{display:grid;grid-template-columns:180px 1fr;gap:22px;padding:30px 0 50px}.sidebar{background:var(--panel);border:1px solid var(--line);align-self:start;padding:10px 0}.sidebar button{display:flex;align-items:center;gap:12px;padding:16px 20px;text-align:left;width:100%;font-size:13px;color:var(--muted)}.sidebar button.active{background:#ed123f07;color:var(--red);border-left:3px solid var(--red)}.asset-summary{background:var(--panel);padding:28px}.asset-summary p{font-size:12px;color:var(--muted)}.asset-summary .big-number{font-size:34px}.asset-summary .row{margin-top:23px}.wallet-table{padding:0 25px 20px;background:var(--panel);margin-top:20px}.wallet-tools{display:flex;justify-content:space-between;align-items:center;padding:22px 0;font-size:12px}.wallet-tools .search input{width:150px}.wallet-table .table td{padding:22px 10px}.wallet-table .coin-name>div{display:block}.wallet-table .coin-name small{display:block;font-size:11px;margin-top:5px}.wallet-table .wallet-actions{display:flex;gap:16px;justify-content:flex-end;white-space:nowrap;font-size:12px;color:var(--red)}.asset-summary .account-tabs{display:flex;gap:30px;margin:-5px 0 20px;border-bottom:1px solid var(--line)}.account-tabs button{padding:0 0 17px}.account-tabs .active{color:var(--red);border-bottom:2px solid var(--red)}.form-panel{max-width:760px;margin:0 auto 50px;background:var(--panel);padding:35px 55px;border:1px solid var(--line)}.form-panel h2{font-size:24px;margin-bottom:30px}.form-line{display:flex;align-items:center;gap:25px;margin-bottom:20px}.form-line>label{width:135px;flex-shrink:0;color:var(--muted);font-size:13px}.form-line>input,.form-line>select,.form-line>textarea,.form-line>.input-unit{flex:1;width:0}.input-unit{display:flex;align-items:center;background:var(--field);border:1px solid #dfe2e9;border-radius:3px}.input-unit input{border:0;flex:1;width:0;background:transparent}.input-unit span{color:var(--muted);font-size:12px;padding-right:14px}.input-unit button{font-size:12px;padding-right:14px;color:var(--red)}.form-hint{font-size:12px;color:var(--muted);line-height:1.9;margin:18px 0 26px}.form-label{display:block;color:var(--muted);font-size:12px;margin:20px 0 10px}.form-input{width:100%;min-height:46px}.form-summary{background:var(--bg);padding:16px 20px;margin:20px 0;color:var(--muted);font-size:12px}.form-summary>div{display:flex;justify-content:space-between;margin-bottom:12px}.form-summary>div:last-child{margin-bottom:0}.form-summary b{font-weight:500;color:var(--ink)}.check-row{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);margin:23px 0}.check-row input{margin:0}.segmented{display:inline-flex;border:1px solid var(--red);border-radius:3px;overflow:hidden}.segmented button{padding:10px 25px;color:var(--red);border-right:1px solid var(--red)}.segmented button:last-child{border:0}.segmented button.active{background:var(--red);color:white}.network-row{text-align:center;margin-bottom:28px}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.setting-row{padding:23px 27px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.setting-row small{display:block;margin-top:7px;font-size:12px}.toggle{width:40px;height:22px;border-radius:30px;background:#d5d8df;padding:3px;display:inline-flex;align-items:center;flex-shrink:0}.toggle:after{content:'';background:white;width:16px;height:16px;border-radius:50%;box-shadow:0 1px 4px #0002}.toggle.on{background:var(--red);justify-content:flex-end}.settings-layout{max-width:850px;margin:30px auto 50px}.settings-layout h2{margin-bottom:25px}.settings-layout .panel{margin-bottom:20px}.profile-row{display:flex;align-items:center;gap:18px;padding:26px}.profile-row .avatar{width:55px;height:55px;font-size:23px}.profile-row h3{margin-bottom:8px}.information-layout{display:grid;grid-template-columns:180px 1fr;gap:24px;margin:30px auto 50px;min-height:55vh}.article-row{padding:24px 28px;display:block;text-align:left;width:100%;border-bottom:1px solid var(--line)}.article-row h3{font-weight:400;font-size:15px;margin-bottom:10px}.article-row small{font-size:11px}.article{padding:35px 45px;line-height:1.9}.article h1{font-size:25px;line-height:1.6;margin-bottom:20px}.article p{margin:16px 0}.article time{font-size:12px;color:var(--muted)}.auth-bg{min-height:calc(100vh - 91px);background:linear-gradient(#b9d3dfb3,#f6f0e760 60%),url(assets/auth-sky.jpg) bottom center/100% auto no-repeat,#d5e2e8;padding:55px 16px}.auth-card{background:#fff;border-radius:4px;width:465px;max-width:100%;padding:35px 39px;position:relative;color:#34363a;margin:auto}.auth-card.register{width:860px;display:grid;grid-template-columns:1.1fr .9fr;padding:0}.auth-main{padding:35px 39px}.auth-card h1{font-size:24px;margin:4px 0 12px}.auth-card>p,.auth-main>p{color:#969ca7;font-size:12px;line-height:1.6;margin-bottom:25px}.auth-card .form-input{margin-bottom:20px}.auth-card .tabs{border:0;margin-bottom:20px;gap:24px}.auth-card .tabs button{padding:10px 0;font-size:14px}.auth-card .check-row{margin:22px 0}.auth-alt{display:flex;align-items:center;gap:20px;justify-content:center;margin:23px 0;color:#9399a2;font-size:12px}.auth-alt:before,.auth-alt:after{content:'';height:1px;flex:1;background:#e4e7eb}.auth-links{display:flex;justify-content:space-between;margin-top:24px;font-size:12px}.auth-download{border-left:1px solid #eee;text-align:center;padding:80px 35px}.auth-download h2{font-size:25px;font-weight:400}.auth-download p{font-size:12px;color:#a6abb6;margin-top:25px}.auth-note{text-align:center;font-size:11px;margin:17px auto;color:#687582}.demo-code{border:1px dashed #dfe3e9;padding:22px;margin:25px 0;background:#f8f9fb;color:#84909d;text-align:center;font-size:13px}.demo-code b{display:block;font-size:24px;letter-spacing:12px;margin-top:12px;color:var(--red)}.auth-corner{position:absolute;top:0;right:0;padding:10px;color:var(--red)}.error-text{color:var(--red);font-size:12px;margin:10px 0;min-height:16px}.auth-card .demo-enter{width:100%;margin-top:20px}.account-note{font-size:11px;color:#9ca3af;line-height:1.8;margin-top:15px}.overlay{position:fixed;inset:0;background:#0006;z-index:100;display:flex;align-items:center;justify-content:center;padding:22px;backdrop-filter:blur(1px)}.dialog{background:var(--panel);color:var(--ink);width:490px;max-width:100%;max-height:90dvh;overflow:auto;border-radius:4px;box-shadow:0 6px 45px #0002}.dialog.wide{width:660px}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;border-bottom:1px solid var(--line)}.dialog-header h2{font-size:18px;font-weight:500}.dialog-header button{color:var(--muted)}.dialog-body{padding:25px 28px}.dialog-body .form-label:first-child{margin-top:0}.dialog-body p{font-size:13px;color:var(--muted)}.dialog-body .form-line{gap:12px}.dialog-body .form-line>label{width:100px}.dialog-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:25px}.dialog-body>.btn{margin-top:20px}.coin-picker{display:flex;flex-direction:column;gap:0;max-height:50vh;overflow:auto}.coin-picker>button{display:flex;justify-content:space-between;align-items:center;padding:15px 5px;border-bottom:1px solid var(--line)}.coin-picker>button:hover{background:var(--bg)}.drawer{width:340px;height:100dvh;position:fixed;left:0;top:0;background:var(--panel);overflow:auto;box-shadow:5px 0 20px #0002;padding-bottom:20px}.drawer .dialog-header{padding:22px}.drawer .setting-row{padding:19px 22px;font-size:13px}.drawer .profile-row{padding:24px 22px}.drawer .section-label{background:var(--bg);font-size:11px;color:var(--muted);padding:12px 22px}.drawer .drawer-actions{display:flex;gap:15px;padding:20px 22px}.drawer a.setting-row{display:flex}.drawer .setting-row .icon{color:var(--muted)}.drawer .preferences{padding:18px 22px;display:flex;gap:12px}.preferences button{border:1px solid var(--line);padding:10px;font-size:11px;flex:1;border-radius:2px}.preferences .active{border-color:var(--red);color:var(--red)}#toast{position:fixed;left:50%;bottom:38px;transform:translate(-50%,15px);background:#272a35;color:#fff;padding:12px 22px;border-radius:4px;font-size:13px;z-index:250;box-shadow:0 5px 20px #0002;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}.order-layout{max-width:1000px;margin:35px auto 55px}.order-status{padding:28px;margin-bottom:20px;background:var(--panel);border:1px solid var(--line)}.order-status h2{font-size:22px;margin-bottom:10px}.order-steps{display:grid;grid-template-columns:repeat(4,1fr);margin:32px 0 5px;gap:10px}.order-step{font-size:12px;color:var(--muted);border-top:2px solid var(--line);padding-top:12px}.order-step.active{border-color:var(--red);color:var(--red)}.order-content{display:grid;grid-template-columns:1fr 310px;gap:20px}.order-info{padding:25px;background:var(--panel)}.order-info h3{margin-bottom:25px}.detail-row{display:flex;justify-content:space-between;align-items:center;margin:17px 0;font-size:13px}.detail-row>span:first-child{color:var(--muted)}.detail-row b{font-weight:500}.payment-card{padding:24px;background:linear-gradient(130deg,#333646,#45485d);color:white;border-radius:5px;margin:22px 0}.payment-card .payment-icon{margin-right:8px}.payment-card small{color:#b8bdcc;display:block;font-size:11px}.payment-card strong{font-size:24px;display:block;margin:24px 0 8px;letter-spacing:1px}.order-chat{padding:25px;background:var(--panel);align-self:start}.order-chat h3{font-size:15px;margin-bottom:20px}.chat-message{background:var(--bg);font-size:12px;line-height:1.9;padding:15px;border-radius:3px;margin-bottom:20px;color:var(--muted)}.countdown{font-size:28px;font-weight:600;letter-spacing:2px;margin:15px 0}.inline-note{background:#ed123f08;border:1px solid #ed123f18;color:#bf3554;font-size:12px;padding:14px;line-height:1.9;border-radius:3px}.ad-form{max-width:660px;margin:30px auto}.ad-form .form-line>label{width:145px}.ad-form .form-line{font-size:12px}.pill{display:inline-flex;padding:4px 9px;border:1px solid var(--line);border-radius:3px;font-size:11px;color:var(--muted)}.launch-hero{background:linear-gradient(145deg,#271941,#161b2b);color:white;padding:45px 0;text-align:center}.launch-hero h1{font-size:46px;font-style:italic;margin-bottom:10px}.launch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:30px 0 50px}.launch-card{padding:28px;background:var(--panel);border:1px solid var(--line)}.launch-card h3{font-size:23px;margin:20px 0 10px}.launch-card p{color:var(--muted);font-size:12px}.launch-card .btn{margin-top:23px}.progress{height:5px;background:var(--line);border-radius:5px;margin:24px 0 10px}.progress i{display:block;height:100%;background:var(--red);border-radius:5px}.network-address{font-family:monospace;font-size:14px;background:var(--bg);padding:18px;overflow-wrap:anywhere;margin:20px 0;color:var(--muted)}body.dark{--ink:#d8dbe4;--muted:#7e8395;--bg:#0d0e16;--panel:#171824;--line:#232430;--field:#0d0e16;--shadow:none}.dark input,.dark select,.dark textarea{border-color:#30323e}.dark .table tbody tr:hover{background:#ffffff03}.dark .search{border-color:#30323e}.dark .btn.subtle{background:#1c1e2c}.dark .auth-bg{background:#10131b}.dark .auth-card{background:#171824;color:var(--ink)}.dark .auth-download{border-color:var(--line)}.dark .demo-code{background:#0d0e16;border-color:#30323e}.dark .quick-buy{background:#171824;color:#ddd}.dark .quick-buy input{color:#ddd}.dark .quick-buy .coin-choice{border-color:#292b38}.dark .feature-icon{background:#f3294c12}.dark .inline-note{color:#f1708c}.dark .auth-alt:before,.dark .auth-alt:after{background:#30323e}.dark .input-unit{border-color:#30323e}
/* The professional trading terminal follows the screenshot's dense, edge-to-edge grid. */
.trade-page{--ink:#ced1db;--muted:#777f91;--panel:#10131b;--field:#1b1e29;--line:#1c202a;--up:#20bf8d;--down:#f23c57;--bg:#0c0f16;background:var(--bg);color:var(--ink);min-height:calc(100dvh - 91px);font-variant-numeric:tabular-nums}.trade-page .trade-top{display:flex;align-items:center;gap:30px;padding:13px 20px;background:var(--panel);border-bottom:2px solid #0b0d14}.pair-select{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;padding:0}.pair-select .coin-icon{width:25px;height:25px;font-size:18px}.ticker-price strong{display:block;font-size:23px;font-weight:500;line-height:1.1}.ticker-price small{font-size:10px}.ticker-stat{font-size:11px;display:flex;flex-direction:column;gap:6px}.ticker-stat b{font-size:12px;font-weight:400}.trade-mode{margin-left:auto;display:flex;align-items:center;border:1px solid var(--red);font-size:11px;border-radius:2px;overflow:hidden}.trade-mode button{color:var(--red);padding:6px 10px;border-right:1px solid var(--red)}.trade-mode button:last-child{border:0}.trade-mode .active{background:var(--red);color:white}.terminal{display:grid;grid-template-columns:minmax(460px,1fr) 280px 250px;grid-template-rows:minmax(420px,calc(100dvh - 420px)) auto;gap:2px;background:#090b12}.chart-panel{background:var(--panel);min-width:0;display:flex;flex-direction:column}.chart-toolbar{padding:10px 14px;display:flex;gap:18px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:10px}.periods{display:flex;gap:4px}.periods button{padding:5px 8px;color:var(--muted);white-space:nowrap}.periods .active{color:#ddd;background:#272c39;border-radius:2px}.chart-types{display:flex;gap:10px}.chart-types button{padding:0;color:var(--muted);font-size:10px}.chart-types .active{color:white}.chart-info{padding:12px 20px;font-size:10px;color:var(--muted);min-height:31px}.chart-info .ohlc{margin-left:20px;color:var(--green)}.chart-ma{padding:0 20px;font-size:10px;color:#9a78bc;line-height:1.8}.chart-surface{flex:1;min-height:0;position:relative;padding:3px 0 5px 16px;display:flex;align-items:stretch}.candlestick{width:100%;height:100%;min-height:230px}.gridline{fill:none;stroke:#242936;stroke-width:.65}.gridline.vertical{stroke-dasharray:3 3}.chart-text{fill:#70788b;font-size:11px}.candle:hover{filter:brightness(1.5)}.candle:hover rect:last-child{fill:#fff;opacity:.025}.chart-watermark{position:absolute;bottom:20px;left:24px;color:#464c5e;font-size:11px}.book-panel,.recent-panel{background:var(--panel);padding:12px 12px 6px;overflow:hidden}.book-panel h3,.recent-panel h3{font-size:12px;font-weight:500;margin-bottom:18px}.book-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.book-top .icon{height:15px;width:15px;color:var(--green)}.book-top select{background:#252a36;color:#adb4c3;border:0;padding:3px 7px;font-size:10px}.book-head,.book-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:5px;font-size:10px;position:relative;line-height:1.9}.book-head{color:var(--muted);margin-bottom:7px;font-size:10px}.book-row>span:last-child,.book-head>span:last-child{text-align:right}.book-row span{position:relative;z-index:1}.book-row{cursor:pointer}.book-row:hover{background:#ffffff09}.depth-bar{position:absolute!important;right:0;top:0;bottom:0;opacity:.12}.book-row.ask .depth-bar{background:var(--red)}.book-row.bid .depth-bar{background:var(--green)}.book-mid{padding:13px 0;display:flex;align-items:center;justify-content:space-between}.book-mid strong{font-size:20px;color:var(--red);font-weight:500}.book-mid small{font-size:9px}.recent-panel .book-row{line-height:2.07}.recent-panel .book-head,.recent-panel .book-row{grid-template-columns:1.2fr 1fr 1fr}.order-panel{grid-column:2/4;background:var(--panel);padding:0 15px 16px}.order-panel .tabs{gap:23px;font-size:12px;margin-bottom:17px}.trade-page .tabs{border-color:var(--line)}.trade-page .tabs button{color:var(--muted);padding:14px 0}.trade-page .tabs .active{color:#d5d8e1!important}.trade-forms{display:grid;grid-template-columns:1fr 1fr;gap:20px}.trade-form .available{color:var(--muted);font-size:10px;display:flex;justify-content:space-between;margin-bottom:9px}.trade-form .available b{font-weight:400;color:#c7cbd5}.trade-form .input-unit{background:var(--field);border:0;margin:8px 0}.trade-form .input-unit input{font-size:11px;background:transparent;color:#d5d8e1;padding:10px;border:0}.trade-form .input-unit span{font-size:10px;padding-right:10px}.trade-form .total-label{background:var(--field);padding:10px;font-size:11px;display:flex;justify-content:space-between;color:var(--muted);margin:12px 0}.trade-form input[type=range]{height:12px;accent-color:var(--green);margin:6px 0}.trade-form.sell-form input[type=range]{accent-color:var(--red)}.trade-form .btn{font-size:12px;min-height:33px}.trade-form .buy-order{background:var(--green);border-color:var(--green)}.trade-form .sell-order{background:#f43b5a;border-color:#f43b5a}.orders-panel{background:var(--panel);padding:0 16px;grid-column:1;grid-row:2;min-height:210px}.orders-panel .tabs{font-size:12px}.orders-panel .tabs .cancel-all{margin-left:auto;font-size:10px}.orders-panel .empty{padding:35px 0;font-size:11px}.orders-panel .empty-art{width:43px;height:43px;background:none;color:#414758;margin-bottom:6px}.orders-panel .empty-art .icon{width:30px;height:30px}.orders-panel .table th,.orders-panel .table td{font-size:10px;border-color:var(--line);padding:12px 6px}.orders-panel .table tbody tr:hover{background:transparent}.trade-bottom{display:flex;justify-content:space-between;padding:8px 18px;font-size:9px;color:#626b7d;background:#10131b;border-top:1px solid #1c202a}.analysis-layout{background:var(--panel);padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:30px;flex:1}.donut{width:175px;height:175px;border-radius:50%;background:conic-gradient(#ffb62f 0 51%,#00a4c5 51% 100%);margin:25px auto;display:flex;align-items:center;justify-content:center}.donut:after{content:'资金分布';font-size:18px;color:#8e99ae;background:#182335;display:flex;align-items:center;justify-content:center;border-radius:50%;width:115px;height:115px}.analysis-layout h3{font-size:14px;color:#8e99ae}.analysis-layout p{font-size:11px;color:var(--muted);text-align:center}.global-table{padding:20px}.global-table .table th,.global-table .table td{color:var(--muted);border-color:var(--line)}.coin-overview{padding:10px 25px;overflow:auto}.coin-overview h3{background:#191d28;margin:10px -25px 0;padding:15px 25px;font-size:14px}.coin-overview .detail-row{border-bottom:1px solid var(--line);padding:5px 0 13px;font-size:12px}.coin-overview p{color:var(--muted);font-size:12px;margin:15px 0}.mobile-trade-tabs{display:none}.terminal .depth-chart{width:100%;height:100%;min-height:200px}.contract-position{padding:20px;border-bottom:1px solid var(--line);display:flex;gap:25px;align-items:center;font-size:12px}.contract-position p{color:var(--muted);font-size:10px;margin-top:8px}.contract-position .btn{margin-left:auto}.mobile-order-tabs{display:none}.hidden{display:none!important}
@media(min-width:1500px){.container{max-width:1340px}.terminal{grid-template-columns:minmax(600px,1fr) 310px 280px;grid-template-rows:minmax(500px,calc(100dvh - 420px)) auto}.book-row,.book-head{font-size:11px}.hero{padding-top:44px}.banner-grid{gap:33px}.hero h1{font-size:36px}.topbar{gap:35px}.desktop-nav{gap:33px}}
@media(max-width:1150px) and (min-width:761px){.topbar{padding:0 15px;gap:18px}.desktop-nav{gap:17px}.edition{display:none}.top-actions{gap:13px}.top-actions .download-link{display:none}.terminal{grid-template-columns:minmax(420px,1fr) 250px}.recent-panel{display:none}.order-panel{grid-column:2;grid-row:2}.orders-panel{grid-column:1}.trade-forms{grid-template-columns:1fr}.sell-form{display:none}.summary-cards{gap:25px}.subnav .container{gap:19px}.subnav .tutorial{display:none}.earn-card{grid-template-columns:1fr 1fr 1fr 100px}.earn-card .earn-yesterday{display:none}.ticker-stat:last-of-type{display:none}.launch-grid{gap:15px}.filter-bar{gap:16px}.merchant{min-width:160px}.merchant-table .note-cell{display:none}.footer-grid{gap:25px}}
.market-name-link{display:inline-flex;align-items:center;gap:7px}.mobile-trade-tabs .active{color:var(--red)}.trade-mode a{color:var(--red);padding:6px 10px;border-right:1px solid var(--red)}.trade-mode a:last-child{border:0}.trade-mode a.active{color:white;background:var(--red)}.trade-form select{border:0;background:var(--field);font-size:12px;padding:10px;color:var(--ink);width:100%}.payment-choices{display:flex;gap:12px;margin:22px 0}.payment-choices label{flex:1;border:1px solid var(--line);padding:15px 10px;display:flex;gap:5px;align-items:center;justify-content:center;font-size:12px}.payment-choices label:has(input:checked){border-color:var(--red)}.payment-choices input{width:12px;height:12px;min-width:12px;margin:0}.transfer-accounts{padding:22px;background:var(--bg);margin-bottom:30px}.transfer-accounts .form-line{margin:0}.transfer-accounts .form-line>label{width:40px}.transfer-accounts .right{padding:10px 0}.auth-main>p{margin-bottom:20px}.auth-card.register .form-input{margin-bottom:20px}.table-scroll{overflow:auto}.records-panel .table-scroll{padding:0 22px}.trade-top .pair-select{color:var(--ink)}.dark .asset-summary small{color:var(--muted)}
@media(max-width:760px){
:root{--ink:#d9dae4;--muted:#7d7e8e;--bg:#0d0e15;--panel:#171824;--line:#22232e;--field:#0d0e15;--up:#ee173f;--down:#12b781;--shadow:none}body{font-size:14px;background:var(--panel);padding-bottom:calc(66px + env(safe-area-inset-bottom))}.desktop-only,.desktop-nav,.topbar,.footer,.environment{display:none!important}.mobile-only{display:block}.container{width:100%;max-width:none}.mobile-header{height:61px;display:flex;align-items:center;justify-content:space-between;padding:7px 13px;background:var(--panel);color:var(--ink);gap:10px}.mobile-header>strong{font-size:18px;font-weight:600;white-space:nowrap;max-width:calc(100% - 80px);overflow:hidden}.mobile-header .icon{width:24px;height:24px}.mobile-header .icon-button{padding:5px}.brand-title{display:flex;align-items:center;gap:9px;font-size:21px}.brand-title i{background:var(--red);color:#0d0e15;font-style:normal;font-size:12px;padding:1px 4px;border-radius:1px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--panel);border-top:1px solid #2c2d38;z-index:40;justify-content:space-around;padding:8px 0 calc(7px + env(safe-area-inset-bottom));height:calc(65px + env(safe-area-inset-bottom))}.mobile-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;flex:1;color:#80818f;font-size:12px}.mobile-nav .icon{width:24px;height:24px;stroke-width:1.9}.mobile-nav a.active{color:var(--red)}input,select,textarea{border-color:#30313e;background:var(--field);color:var(--ink);padding:13px 12px;border-radius:3px;font-size:15px}input::placeholder{color:#676a7b}.search{border-color:#30313e;background:var(--panel)}.btn{min-height:40px;font-size:15px;border-radius:2px;padding:10px 22px}.btn.small{font-size:13px;min-height:29px;padding:5px 19px}.btn.full{min-height:46px}.btn.subtle{background:#252734;border-color:#252734;color:#d9dbe6}.hero{padding:12px 0 0;background:var(--panel);background-image:radial-gradient(ellipse at 75% 5%,#22253844 0,transparent 60%)}.hero .container{padding:0 21px}.hero h1{font-size:23px;text-align:left;letter-spacing:.1px;line-height:1.5;max-width:350px}.hero .hero-sub{font-size:13px;text-align:left;margin-top:9px;color:#9292a0}.mobile-register{padding-top:18px}.mobile-register .btn{min-height:36px;font-size:14px;padding:8px 27px}.banner-grid{margin-top:24px;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.banner-grid .banner{min-width:calc(100vw - 42px);scroll-snap-align:center;border-radius:4px}.carousel-foot{padding:13px 0 18px}.quick-strip{display:none}.market-section{padding:0 0 12px;background:var(--panel)}.market-section .container{padding:0}.section-top{display:block;margin:0}.home-market-tabs{text-align:center;padding-top:16px}.home-market-tabs .segmented{font-size:15px}.home-market-tabs .segmented button{padding:8px 17px;font-weight:600}.home-market-tabs .coin-tabs{padding:18px 14px 10px;gap:27px;border-bottom:5px solid var(--bg);margin:0;font-size:16px}.coin-tabs button.active{position:relative;color:var(--red)}.coin-tabs button.active:after{position:absolute;content:'';height:3px;background:var(--red);width:19px;bottom:-10px;left:calc(50% - 9px);border-radius:2px}.table th{font-size:11px;padding:12px 15px!important;border-color:var(--line)}.table td{font-size:13px;padding:18px 15px!important;border-color:var(--line)}.home-markets th:last-child,.home-markets td:last-child,.home-markets .spark-cell{display:none}.home-markets th:nth-child(3),.home-markets td:nth-child(3){text-align:right}.home-markets .coin-name{gap:10px}.home-markets .coin-icon{height:29px;width:29px;font-size:20px}.home-markets .coin-name>div{display:block}.home-markets .coin-name b{font-size:17px;font-weight:600}.home-markets .coin-name small{display:block;color:#898b9d;font-size:11px;margin-top:4px}.home-markets .tiny-label{display:none}.home-markets td:nth-child(2){font-size:18px;font-weight:600;text-align:right;padding-left:3px!important;padding-right:3px!important}.home-markets td:nth-child(2) small{font-size:11px;font-weight:400;color:var(--muted)}.home-markets td:nth-child(3)>span{font-size:14px;font-weight:600;background:var(--down);color:white!important;display:inline-flex;align-items:center;justify-content:center;border-radius:1px;width:82px;min-height:33px}.home-markets td:nth-child(3)>span.up{background:var(--up)}.home-markets .table td{padding-top:20px!important;padding-bottom:20px!important}.more{font-size:12px;margin:22px auto}.summary-cards{padding:14px;gap:10px;overflow-x:auto;display:flex;background:var(--bg)}.summary-card{min-width:195px;padding:17px 15px;box-shadow:none;border:1px solid var(--line);border-radius:4px}.summary-card p{font-size:11px}.summary-card .price{font-size:20px}.summary-card .coin-icon{width:31px;height:31px;font-size:20px}.summary-card small{font-size:10px}.market-page{background:var(--panel);padding:0 0 20px}.markets-controls{flex-wrap:wrap;gap:0;padding:0 14px}.markets-controls .tabs{width:100%;flex:auto;gap:22px;font-size:14px}.markets-controls .tabs button{padding:18px 0}.markets-controls .search{width:100%;margin:10px 0 7px}.markets-controls .search input{width:100%;font-size:12px}.market-table .high-cell,.market-table .low-cell,.market-table .volume-cell,.market-table .spark-cell{display:none}.market-table .coin-name{gap:7px}.market-table .coin-name>div{display:block}.market-table .coin-name small{display:none}.market-table .favorite{font-size:18px;margin-right:6px}.market-table .coin-name b{font-size:14px}.market-table .coin-icon{width:24px;height:24px;font-size:17px}.market-table .tiny-label{display:none}.market-table td:nth-child(3),.market-table th:nth-child(3){text-align:right}.market-table td{padding:19px 13px!important}.market-table td:nth-child(2){font-size:15px}.page-head{padding:23px 18px}.page-head h1{font-size:22px}.page-head p{font-size:12px}.panel{border:0;box-shadow:none;background:var(--panel);border-radius:0}.panel-pad{padding:18px}.empty{padding:65px 20px;color:var(--muted)}.empty-art{width:68px;height:68px;background:#ff3b6010;color:#f36a83}.empty .btn{font-size:14px}.subnav{display:none}.otc-page{background:var(--panel);padding:0 0 35px;min-height:calc(100dvh - 130px)}.mobile-header .segmented{display:flex;font-size:15px}.mobile-header .segmented a{padding:7px 17px;color:var(--red);border-right:1px solid var(--red);font-weight:500}.mobile-header .segmented a:last-child{border:0}.mobile-header .segmented a.active{background:var(--red);color:white}.otc-page .coin-tabs{padding:9px 17px 14px;border-bottom:5px solid var(--bg);gap:23px;font-size:16px}.otc-page .coin-tabs button{color:var(--muted);font-weight:600}.otc-page .coin-tabs .active{color:var(--red)}.filter-bar{display:grid;grid-template-columns:1fr auto;gap:13px;padding:19px 16px;margin:0;border-bottom:6px solid var(--bg)}.filter-bar .joined{display:flex;grid-column:1/3;flex-wrap:wrap}.filter-bar .joined select{width:100%;background:transparent;border:0;padding:0 0 13px;font-size:12px;color:var(--muted)}.filter-bar .joined input{width:100%;border:1px solid #30313e;border-radius:2px;font-size:14px}.filter-bar label{font-size:12px;color:var(--muted)}.filter-bar label select{font-size:13px;min-width:90px;padding:9px}.filter-bar .fiat-filter{display:none}.filter-bar .btn{font-size:12px;min-height:33px;padding:7px 17px}.otc-heading{padding:16px;margin:0;border-bottom:1px solid var(--line)}.otc-heading h3{font-size:16px;padding:0;border:0;display:flex;align-items:center;gap:7px}.otc-tag{display:inline-block!important;background:var(--red);color:#fff;font-size:12px;font-weight:400;padding:0 4px;border-radius:1px}.otc-heading label{font-size:11px;gap:3px}.merchant-table{display:block}.merchant-table tbody{display:block}.merchant-table tr{display:grid;grid-template-columns:1fr 95px;grid-template-rows:auto auto;position:relative;min-height:141px;border-bottom:1px solid var(--line);padding:20px 16px;background:var(--panel)!important;gap:8px}.merchant-table td{display:block;border:0;padding:0!important}.merchant-table td:first-child{grid-column:1;grid-row:1}.merchant{min-width:0;gap:10px}.merchant b{font-size:14px;line-height:1.5}.merchant small{display:none}.merchant .avatar{width:37px;height:37px;font-size:18px}.certified{font-size:9px}.mobile-pay{padding-top:6px}.mobile-pay .payment-icon{height:14px;width:14px;font-size:10px;margin-right:5px}.merchant-table .merchant-action{grid-column:2;grid-row:1;text-align:right;align-self:start;padding:0!important}.merchant-action .btn{border-radius:20px;min-width:75px;font-size:13px;font-weight:400}.merchant-table .merchant-price{grid-column:2;grid-row:2;display:flex;flex-direction:column-reverse;gap:4px;text-align:right}.merchant-price b{font-size:23px;font-weight:600}.merchant-price small{font-size:10px;color:var(--muted)}.merchant-table .merchant-limit{grid-column:1;grid-row:2;align-self:end;font-size:11px;color:#a4a8b7;padding-bottom:5px!important}.merchant-limit .mobile-only{display:inline}.pager{display:none}.earn-hero{padding:30px 15px 32px}.earn-hero h1{font-size:27px}.earn-hero p{font-size:13px}.earn-list{padding:14px;gap:12px;background:var(--bg)}.earn-card{grid-template-columns:1fr 1fr 75px;padding:20px 14px;gap:12px;border-color:var(--line);background:var(--panel);font-size:12px}.earn-card .coin-icon{width:30px;height:30px;font-size:20px}.earn-card .coin-name{gap:8px}.earn-card>div:nth-child(2),.earn-card .earn-yesterday{display:none}.earn-card .apr{font-size:17px}.earn-card small{font-size:9px}.earn-card .btn{font-size:12px;padding:7px 16px;min-height:32px}.earn-card .coin-name small{font-size:10px}.breadcrumb{padding:18px;font-size:12px}.earn-detail-head{padding:19px}.earn-detail-body{grid-template-columns:1fr}.earn-total{padding:25px 20px;border-right:0;border-bottom:5px solid var(--bg)}.big-number{font-size:36px}.earn-total>p{font-size:12px}.earn-stats b{font-size:20px}.earn-rate{padding:25px 22px}.earn-rate .apr{font-size:34px}.earn-rate p{font-size:12px}.earn-rate .row{margin-top:20px}.earn-rate .btn{max-width:none}.records-panel{margin:14px 0 24px;border-top:6px solid var(--bg)}.records-panel h3{padding:20px;font-size:18px}.record-row{padding:20px;font-size:13px}.asset-layout{display:block;padding:0}.asset-layout .sidebar{display:none}.asset-summary{padding:20px 17px 24px;background:var(--panel);border-radius:0}.asset-summary .account-tabs{overflow:auto;white-space:nowrap;scrollbar-width:none;gap:26px;margin-bottom:22px}.account-tabs button{font-size:15px;padding-bottom:14px}.asset-summary .big-number{font-size:32px;margin:9px 0 3px}.asset-summary .big-number small{font-size:12px!important}.asset-summary>small{font-size:10px}.asset-summary .row{gap:10px;margin-top:20px}.asset-summary .row.between{margin-top:0}.asset-summary .row .btn{flex:1;padding:8px 20px;min-height:38px;font-size:14px}.asset-summary p{font-size:12px}.asset-summary .icon-button{padding:0}.asset-summary .icon{width:17px;height:17px}.wallet-table{margin-top:0;padding:0;background:var(--panel);border-top:6px solid var(--bg)}.wallet-tools{padding:18px;font-size:12px;gap:15px}.wallet-tools .search{width:105px;border:0;gap:5px;padding:0}.wallet-tools .search input{width:85px;padding:5px;font-size:12px}.wallet-table .table tr{position:relative}.wallet-table .table td{padding:22px 18px!important;border:0}.wallet-table .coin-icon{width:28px;height:28px}.wallet-table .coin-name b{font-size:18px;font-weight:500}.wallet-table .coin-name small{font-size:11px;color:var(--muted)}.wallet-table .asset-quantity{text-align:right;font-size:18px;vertical-align:top;padding-top:22px!important}.asset-quantity small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.asset-layout main>.setting-row{padding:20px 18px!important;background:var(--bg)}.form-panel{padding:25px 18px;margin:0 0 25px;border:0;background:var(--panel)}.form-panel h2{font-size:23px}.form-line{gap:15px;align-items:center;margin-bottom:20px}.form-line>label{width:90px;font-size:13px}.form-line input,.form-line select{font-size:14px}.form-input{font-size:15px;min-height:50px}.input-unit{background:var(--field);border-color:#30313e}.input-unit input{padding:15px 12px;font-size:15px}.input-unit span{font-size:12px}.form-label{font-size:13px;margin:23px 0 12px}.form-summary{padding:18px;background:var(--bg)}.form-hint{font-size:12px;margin:18px 0 26px}.network-row{display:flex;justify-content:center}.network-row button{font-size:14px;padding:10px 27px}.network-address{background:var(--bg);color:var(--muted);font-size:13px;padding:20px 13px}.transfer-accounts{background:var(--bg);padding:20px 16px}.transfer-accounts select{background:var(--field);border:0;font-size:14px}.tabs{gap:25px}.tabs button,.tabs a{padding:16px 0;font-size:14px}.settings-layout{margin:0 0 24px;max-width:none;padding:0}.settings-layout>h2,.settings-layout>.row{padding:23px 18px}.settings-layout>h2{font-size:23px}.settings-layout .panel{margin:0 0 8px}.settings-layout>.btn{width:calc(100% - 36px);margin:20px 18px}.setting-row{padding:21px 18px;font-size:14px}.setting-row small{font-size:11px}.profile-row{padding:25px 18px}.profile-row h3{font-size:19px}.profile-row small{font-size:12px}.settings-layout>.form-hint{padding:0 18px}.preferences{display:flex;gap:10px}.preferences button{font-size:11px;padding:10px}.information-layout{display:block;margin:0;min-height:calc(100dvh - 130px)}.information-layout>.sidebar{display:none}.information-layout .tabs{padding:0 17px!important;gap:24px;border-bottom:5px solid var(--bg)}.information-layout .tabs button{font-size:15px;font-weight:600}.article-row{padding:23px 18px}.article-row h3{font-size:14px;line-height:1.6}.article{padding:28px 20px}.article h1{font-size:23px;line-height:1.5}.article h3{font-size:17px;margin-top:27px}.article p{font-size:13px;line-height:1.95;color:#9a9eae}.auth-bg{min-height:calc(100dvh - 65px);padding:38px 23px;background:var(--panel)!important}.auth-card{width:100%;padding:0;background:transparent!important;color:var(--ink)}.auth-card h1{font-size:30px;margin:10px 0 18px;font-weight:500}.auth-card>p,.auth-main>p{font-size:11px;color:var(--muted);margin-bottom:28px}.auth-card .tabs{margin-bottom:22px}.auth-card .form-input{margin-bottom:24px;background:var(--bg);padding:17px 14px;min-height:52px}.auth-card .input-unit{margin-bottom:28px!important}.auth-card .input-unit input{min-height:50px}.auth-card .btn{font-size:16px;min-height:47px}.auth-card .auth-alt{margin:27px 0}.auth-alt:before,.auth-alt:after{background:#30313e}.auth-links{font-size:12px;margin-top:28px}.auth-note{color:var(--muted);margin-top:32px;font-size:10px}.auth-card.register{display:block;width:100%}.auth-card .auth-main{padding:0}.auth-download{display:none}.account-note{font-size:10px;margin-top:22px}.demo-code{background:var(--bg);border-color:#30313e}.auth-card .check-row{font-size:11px;margin:25px 0}.dialog{max-height:88dvh;background:var(--panel)}.dialog-header{padding:20px}.dialog-header h2{font-size:18px}.dialog-body{padding:23px 20px}.dialog-body p{font-size:13px;line-height:1.9}.dialog-actions{gap:12px;margin-top:25px}.dialog-actions .btn{flex:1;font-size:14px}.dialog-body .form-line>label{width:70px}.dialog-body .form-line>select{font-size:14px}.dialog-body .form-summary b{font-size:15px}.overlay{padding:17px;background:#0009}.drawer{width:min(340px,90vw);background:var(--panel)}.drawer .dialog-header h2{font-size:20px}.drawer .drawer-actions a{font-size:14px;padding:8px 26px}.drawer .section-label{background:var(--bg)}.drawer .preferences button{font-size:12px}.drawer .preferences{padding:18px 22px}.drawer .setting-row{font-size:13px}#toast{bottom:95px;font-size:13px;min-width:150px;max-width:calc(100vw - 36px);line-height:1.6}.order-layout{margin:0 0 25px}.order-status{padding:22px 18px;border:0;border-bottom:6px solid var(--bg);margin:0}.order-status h2{font-size:20px}.order-status small{font-size:10px}.order-status .pill{display:none}.order-steps{margin-top:25px;gap:8px}.order-step{font-size:10px;padding-top:10px}.order-content{display:block}.order-info{padding:23px 18px}.order-info h3{font-size:18px}.order-info .detail-row{font-size:13px;margin:20px 0}.order-info .detail-row strong{font-size:25px!important}.payment-card{padding:25px 20px;margin:25px 0}.payment-card h3{font-size:20px;margin-bottom:10px}.payment-card strong{font-size:20px}.order-chat{padding:23px 18px;border-top:6px solid var(--bg)}.order-chat .merchant small{display:block}.order-chat h3{font-size:16px}.order-chat>.btn{font-size:14px}.inline-note{font-size:11px}.order-info .dialog-actions{flex-wrap:wrap}.order-info .dialog-actions .btn{min-width:45%}.launch-hero{padding:35px 15px}.launch-hero h1{font-size:39px}.launch-hero p{font-size:13px;color:#b9b4c8}.launch-grid{grid-template-columns:1fr;margin:0;gap:10px;background:var(--bg);padding:15px}.launch-card{padding:25px 20px;border:1px solid var(--line)}.launch-card h3{font-size:21px}.launch-card .coin-icon{float:right;width:40px;height:40px;font-size:27px}.ad-form{margin:0;padding:25px 18px}.ad-form .form-line>label{width:110px;font-size:12px}.ad-form h2{font-size:22px}.table-scroll{width:100%;overflow-x:auto}.table-scroll .table{min-width:660px}.table-scroll .table th,.table-scroll .table td{padding:12px!important;font-size:11px}.panel-pad:has(>.table){overflow:auto}.panel-pad>.table{min-width:560px}.payment-choices{gap:7px}.payment-choices label{font-size:11px;padding:14px 6px}.payment-choices .payment-icon{height:14px;width:14px;font-size:10px}.payment-choices input{min-width:10px;width:10px}.segmented{border-radius:3px}
/* Classic H5 has a separate trading flow, optimized for touch. */
.trade-page{--panel:#171824;--bg:#0d0e15;--line:#232430;--field:#0d0e15;min-height:calc(100dvh - 65px);background:var(--panel)}.trade-page .mobile-header{background:var(--panel);height:60px}.trade-page .mobile-header>strong{font-size:19px}.trade-page .trade-top{padding:14px 18px;gap:15px;flex-wrap:wrap;border:0;background:var(--panel)}.trade-top .pair-select,.trade-top .trade-mode{display:none}.trade-top .ticker-price{flex:1}.trade-top .ticker-price strong{font-size:27px}.trade-top .ticker-price small{font-size:11px;line-height:1.8}.trade-top .ticker-stat{font-size:10px;gap:7px}.trade-top .ticker-stat:nth-of-type(4),.trade-top .ticker-stat:nth-of-type(5){display:none}.mobile-trade-tabs{display:flex;padding:0 16px;gap:22px;overflow:auto;white-space:nowrap;font-size:15px;height:47px;align-items:center;border-bottom:1px solid var(--line)}.mobile-trade-tabs button{padding:13px 0;color:#828293;font-size:15px;font-weight:600;position:relative}.mobile-trade-tabs .active{color:var(--red)}.mobile-trade-tabs .active:after{content:'';position:absolute;width:19px;height:3px;border-radius:2px;background:var(--red);bottom:0;left:calc(50% - 9px)}.terminal{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:0;background:var(--panel)}.terminal .chart-panel{display:none}.terminal .recent-panel{display:none}.terminal .book-panel{grid-column:2;grid-row:1;padding:15px 16px 10px 8px;background:var(--panel);max-height:502px;overflow:hidden}.terminal .order-panel{grid-column:1;grid-row:1;padding:15px 8px 15px 16px;background:var(--panel)}.terminal .orders-panel{grid-column:1/3;grid-row:2;padding:0 16px;min-height:255px;background:var(--panel);border-top:6px solid var(--bg)}.terminal .orders-panel>.tabs{gap:23px;font-size:12px}.terminal .orders-panel>.tabs button{font-size:12px;padding:18px 0}.terminal .orders-panel>.tabs .cancel-all{font-size:10px}.terminal .orders-panel .table th,.terminal .orders-panel .table td{font-size:10px;padding:9px 5px!important}.terminal .order-panel>.tabs{display:none}.mobile-order-tabs{display:flex;width:100%;margin-bottom:16px;background:#232430;border-radius:2px;overflow:hidden}.mobile-order-tabs button{flex:1;font-size:16px;padding:10px 0;color:var(--muted)}.mobile-order-tabs button.active{background:var(--red);color:white}.mobile-order-tabs button.active[data-side=sell]{background:var(--green)}.trade-forms{display:block}.trade-forms .sell-form{display:none}.trade-forms.mobile-sell .buy-form{display:none}.trade-forms.mobile-sell .sell-form{display:block}.trade-form .available{font-size:10px;line-height:1.8;margin-bottom:14px;gap:4px;display:flex;flex-wrap:wrap}.trade-form .available b{font-size:10px;overflow-wrap:anywhere}.mobile-order-type select{width:100%;background:#232430;color:#b8bac9;padding:8px;font-size:12px;border:0;border-radius:2px;margin-bottom:7px}.trade-form .input-unit{border:1px solid #30313e;border-radius:2px;background:var(--field);margin:9px 0}.trade-form .input-unit input{padding:12px 8px;font-size:14px}.trade-form .input-unit span{font-size:10px;padding-right:6px}.trade-form input[type=range]{margin:11px 0;height:15px;accent-color:var(--red)}.trade-form .total-label{padding:11px 5px;background:transparent;font-size:11px;margin:6px 0 9px;gap:5px;flex-wrap:wrap}.trade-form .btn{min-height:44px;font-size:15px;border-radius:2px}.trade-form .btn.buy-order{background:var(--red);border-color:var(--red)}.trade-form .btn.sell-order{background:var(--green);border-color:var(--green)}.book-head,.book-row{grid-template-columns:1.25fr 1fr;font-size:11px;gap:4px;line-height:1.9}.book-row span:nth-of-type(3),.book-head span:nth-of-type(3){display:none}.book-row span:nth-of-type(2),.book-head span:nth-of-type(2){text-align:right}.book-mid{padding:12px 0;flex-direction:column;align-items:flex-start;gap:4px}.book-mid strong{font-size:17px}.book-mid small{font-size:9px}.book-top{margin-bottom:12px}.book-top select{font-size:10px;padding:3px 5px}.trade-bottom{font-size:8px;background:var(--panel);color:#616779;gap:15px}.trade-bottom>span:last-child{display:none}.terminal.show-mobile-chart{display:block}.show-mobile-chart .chart-panel{display:flex;min-height:450px;background:var(--panel)}.show-mobile-chart .order-panel,.show-mobile-chart .orders-panel,.show-mobile-chart .book-panel{display:none}.chart-toolbar{padding:12px 8px;gap:0}.chart-toolbar .chart-types{display:none}.periods{gap:3px;width:100%;justify-content:space-between}.periods button{font-size:11px;padding:5px 8px}.chart-info{padding:10px 13px;font-size:9px;line-height:1.6;min-height:45px}.chart-info .ohlc{display:block;margin:5px 0 0;font-size:9px}.chart-ma{padding:3px 13px;font-size:10px}.chart-surface{min-height:340px;padding-left:0}.candlestick{min-height:300px}.chart-watermark{font-size:8px;bottom:10px;left:12px}.analysis-layout{display:block;padding:25px 20px}.analysis-layout>div{padding-bottom:30px}.analysis-layout .spark{width:100%;height:120px;margin-top:20px}.donut{margin:30px auto;width:175px;height:175px}.global-table{padding:10px 15px}.global-table .table th{font-size:11px;padding:14px 3px!important}.global-table .table td{font-size:14px;padding:22px 3px!important}.global-table .table td:nth-child(2){font-size:16px}.coin-overview{padding:5px 17px}.coin-overview h3{font-size:15px;background:#1c1d29;margin:12px -17px 0;padding:16px 17px}.coin-overview p{font-size:13px;color:#8d92a3;line-height:1.9}.coin-overview .detail-row{font-size:13px;padding:12px 0}.contract-position{flex-wrap:wrap;padding:17px 0;font-size:12px;gap:18px}.contract-position p{font-size:10px}.contract-position .btn{font-size:12px;padding:6px 12px;min-height:28px}.trade-page:has(form[data-form=contract]) .order-panel{padding-top:20px}.trade-page:has(form[data-form=contract]) .trade-form select{font-size:12px;padding:9px}.trade-page:has(form[data-form=contract]) .trade-form .row{gap:7px}.drawer .setting-row{background:var(--panel)}.dialog .btn.outline{background:transparent}.input-unit input:disabled{opacity:.6}
}
@media(max-width:370px){.merchant b{font-size:12px}.merchant .avatar{width:30px;height:30px}.merchant-table tr{grid-template-columns:1fr 85px;padding:19px 13px}.merchant-limit{font-size:10px!important}.mobile-header .segmented a{padding:7px 12px}.mobile-trade-tabs{gap:17px;font-size:14px;padding:0 13px}.mobile-trade-tabs button{font-size:14px}.trade-page .mobile-header>strong{font-size:17px}.home-markets td:nth-child(2){font-size:16px}.home-markets td:nth-child(3)>span{width:73px;font-size:13px}.home-markets .coin-name b{font-size:15px}}
@media(min-width:761px){.mobile-only{display:none!important}}
@media(max-width:760px){body.mobile-light{--ink:#30333b;--muted:#989ca8;--bg:#f3f4f8;--panel:#fff;--line:#eaecf2;--field:#f5f6f9;background:var(--panel)}.mobile-light .hero{background:#171824}.mobile-light .hero h1{color:#fff}.mobile-light .mobile-nav{border-color:var(--line)}.mobile-light .hero .mobile-register{color:white}.mobile-light .btn.subtle{background:#f0f2f6;color:#6d7485;border-color:#f0f2f6}.mobile-light input,.mobile-light select,.mobile-light textarea,.mobile-light .input-unit{border-color:#e3e5eb}.mobile-light .search{border-color:#e3e5eb}.mobile-light .auth-card{background:#fff!important;color:var(--ink)}.mobile-light .demo-code{background:#f5f6f9;border-color:#e3e5eb}.mobile-light .auth-bg{background:white!important}}
@media(max-width:760px){.app-style{--ink:#dce2eb;--muted:#737e8f;--bg:#181f27;--panel:#202832;--field:#283340;--line:#2c3744;--red:#f22c5a}.app-style .mobile-header,.app-style .hero,.app-style .drawer,.app-style .drawer .setting-row,.app-style .mobile-nav{background:var(--panel)}.app-style .trade-page{--panel:#202832;--bg:#181f27;--field:#283340;--line:#2c3744}.app-style .btn{border-radius:5px}.app-style .asset-summary{border-radius:22px 22px 0 0}.app-style .auth-card,.app-style .auth-bg{background:#181f27!important}.app-style .home-market-tabs .segmented{border-radius:5px}.trade-form input[type=range]{appearance:none;background:#515667;height:3px;outline:none;margin:18px 0}.trade-form input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:19px;border:2px solid #60667a;border-radius:5px;background:#282d39}}

/* v0.2: filters and simulation controls inherit both desktop and mobile themes. */
.order-filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}.order-filters select{min-width:125px;padding:9px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:4px}.trade-form select[name="direction"]{width:100%;padding:8px;margin-bottom:8px;background:var(--field);color:var(--ink);border:1px solid var(--line)}.trade-bottom button{font-size:12px}.settings-layout .setting-row{gap:12px}.settings-layout .setting-row>div:last-child{flex-wrap:wrap}
@media(max-width:760px){.order-filters select{flex:1;min-width:135px}.table-scroll{overflow-x:auto}.table-scroll table{min-width:640px}.settings-layout .setting-row{flex-wrap:wrap}.trade-bottom{display:flex;flex-direction:column;padding:12px;line-height:2}.dialog-actions{flex-wrap:wrap}.dialog-actions .btn{flex:1;min-width:130px}}
/* Public Binance market feed */
.market-status{font-size:11px;color:#dca860;white-space:nowrap}.market-status.connected{color:#10bd82}.live-ticker{display:contents}.live-empty{min-height:280px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px}.quote-unavailable{display:block;font-size:10px;color:var(--muted);margin-top:4px}.environment .market-status{padding:0 7px}.chart-watermark{pointer-events:none}.market-table .spark-cell{min-width:100px}
@media(max-width:760px){.environment{display:flex!important;font-size:10px;gap:4px;padding:5px 10px}.environment>span{display:none}.environment>div{width:100%;display:flex;justify-content:space-between}.live-empty{min-height:200px}.live-ticker .ticker-stat{display:none}}