.mobile-app[class*="screen-c2c"]{--c-yellow:#ffdb2e;--c-green:#2bbd85;--c-red:#ff4467;--c-gray:#818181;--c-soft:#f5f5f5;color:#080a0b;background:#fff;font-family:BinanceNova,-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}
.mobile-app[class*="screen-c2c"] .m-main{padding-bottom:0}
.c-page{font-size:14px;line-height:1.35;min-height:100%;background:#fff}
.c-page button,.c-nav button,.c-bottom-action button,.c-chat-input button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0}
.c-page svg,.c-nav svg,.c-chat-input svg{width:22px;height:22px;flex-shrink:0;vertical-align:middle}
.c-page button:focus-visible,.c-nav button:focus-visible{outline:2px solid #d7ab00;outline-offset:3px}
.c-page h1,.c-page h2,.c-page h3,.c-page p{margin:0}
.c-page u{text-decoration:none;border-bottom:1px dotted #aaa;padding-bottom:2px}
.c-page .up{color:var(--c-green)}
.c-page .down{color:var(--c-red)}
.c-page .c-yellow,.c-bottom-action .c-yellow{background:var(--c-yellow);color:#000}
.c-page .c-green,.c-bottom-action .c-green{background:var(--c-green);color:white}
.c-page .c-red,.c-bottom-action .c-red{background:var(--c-red);color:white}
.c-page .c-soft{background:var(--c-soft)}
.c-simulation{font-size:9px;color:#a88700;white-space:nowrap;font-weight:400}
.c-header{height:39px;margin:0 15px;display:flex;align-items:center;justify-content:space-between;position:relative}
.c-header h2{position:absolute;left:50%;transform:translateX(-50%);font-size:19px;white-space:nowrap;display:flex;align-items:center;gap:6px;font-weight:600}
.c-coin{display:inline-flex;justify-content:center;align-items:center;width:20px;height:20px;flex-shrink:0;border-radius:50%;background:#00999e;color:#fff;font-size:20px;font-weight:700}
.c-unit-price{text-align:center;margin:0 0 13px!important;font-size:13px}
.c-unit-price svg{width:17px}
.c-zones{display:flex;align-items:center;gap:17px;padding:4px 15px 16px;white-space:nowrap;overflow:hidden;height:44px;box-sizing:border-box}
.c-zones>button{font-size:18px;font-weight:600;color:#818181;flex-shrink:0}
.c-zones>button:first-child{margin-right:1px}
.c-zones>button.active{color:#000}
.c-zones svg{width:17px}
.c-banner{position:relative;background:#030300;color:#fff;margin:0 15px;height:128px;border-radius:7px;overflow:hidden;box-sizing:border-box;padding:14px 17px}
.c-banner>button:first-child{position:absolute;right:6px;top:3px;color:#999}
.c-banner>button:first-child svg{width:14px;height:14px}
.c-banner>small{color:#f0b900;font-size:10px;font-weight:600}
.c-banner h1{color:#ffcc00;font-size:25px;margin-top:7px;line-height:1.15;letter-spacing:-.8px}
.c-banner p{font-size:9px;margin-top:4px;line-height:1.25}
.c-banner>button:not(:first-child){margin-top:6px;border-radius:20px;background:#ffcc00;color:#000;width:53px;height:13px;font-size:6px;font-weight:700}
.c-banner>svg{position:absolute;right:22px;top:19px;width:113px;height:91px}
.c-banner footer{position:absolute;bottom:7px;left:17px;color:#676c71;font-size:3px}
.c-carousel{display:flex;justify-content:center;gap:5px;height:49px;align-items:flex-start;padding-top:17px;box-sizing:border-box}
.c-carousel i{width:8px;height:3px;background:#e9ebee;transform:skew(-12deg)}
.c-carousel i:first-child{background:#252b34}
.c-buy-sell{display:flex;justify-content:space-between;align-items:center;margin:1px 12px 12px}
.c-buy-sell>div{background:#f5f5f5;border-radius:25px;display:flex}
.c-buy-sell>div button{width:64px;height:32px;font-size:15px;font-weight:600;color:#818181;border-radius:25px}
.c-buy-sell>div .active{background:#000;color:white}
.c-buy-sell>button{border:1px solid;border-radius:6px;height:26px;padding:0 8px;font-size:14px}
.c-buy-sell>button svg{width:12px;height:12px;margin-left:5px}
.c-filters{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:7px;padding:9px 15px 11px;background:#fff;border-bottom:1px solid #eee;height:40px;box-sizing:border-box}
.c-filters button{display:flex;align-items:center;gap:3px;white-space:nowrap;font-size:14px}
.c-filters button:not(:last-child)>svg{width:11px;height:11px}
.c-filters .c-coin{margin-right:1px}
.c-filters .m-check{width:16px;height:16px;border-radius:4px;margin-left:3px}
.c-filter{position:relative;margin-left:auto}
.c-filter:after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#f0b90b;right:0;top:-1px}
.c-featured{padding:11px 15px 12px;background:#f7f7f7}
.c-featured h3{font-size:16px;font-weight:600;margin:0 0 14px}
.c-merchant{padding:17px 15px 15px;border-bottom:1px solid #f0f0f0;min-height:160px;box-sizing:border-box}
.c-merchant.featured{border:1px solid #e9e9e9;border-radius:12px;background:white;padding:19px 9px 18px;min-height:170px}
.c-merchant-name{display:flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap}
.c-merchant-name>span:nth-child(2){max-width:174px;overflow:hidden;text-overflow:ellipsis}
.c-avatar{display:inline-flex;justify-content:center;align-items:center;width:16px;height:16px;border-radius:50%;background:#ffda2d;font-size:13px;color:#000;position:relative;flex-shrink:0}
.c-avatar.black{background:#050505;color:#fff}
.c-avatar i{width:8px;height:8px;position:absolute;right:-2px;bottom:-2px;background:#2bbd85;border-radius:50%}
.c-star{color:#e7ae00;font-size:20px;line-height:16px;text-shadow:1px 1px #ffe18c}
.c-shield{display:inline-flex;background:linear-gradient(135deg,#ffe3a0,#ff9700);color:white;clip-path:polygon(10% 0,90% 0,100% 75%,50% 100%,0 75%);padding:1px;width:12px;height:13px}
.c-shield svg{width:12px;height:12px}
.c-performance{color:#858585;font-size:10px;margin-top:12px}
.c-performance>span{border-bottom:1px dotted #aaa;padding-bottom:2px;margin-right:3px}
.c-offer{display:flex;justify-content:space-between;margin-top:18px;gap:4px}
.c-price{font-size:24px;font-weight:650;white-space:nowrap;line-height:1.2}
.c-price small{font-size:12px;font-weight:600}
.c-price>span{color:#888;font-size:9px;font-weight:400;margin-left:2px}
.c-offer p{font-size:10px;margin-top:7px;white-space:nowrap}
.c-offer p>span{color:#858585;margin-right:3px}
.c-offer-side{display:flex;align-items:flex-end;flex-direction:column;gap:6px;justify-content:flex-end}
.c-offer-side>span{color:#858585;font-size:12px;white-space:nowrap}
.alipay,.bank{display:inline-block;vertical-align:middle;width:2px;height:6px;border-radius:3px;background:#58c6f1;margin-left:3px}
.bank{background:#f6d777}
.c-offer-side>small{color:#999;display:flex;align-items:center;gap:3px;font-size:10px}
.c-offer-side>small svg{width:12px;height:12px}
.c-offer-side>button{height:24px;width:80px;border-radius:6px;font-size:13px;font-weight:500;margin-top:2px}
.c-verify{display:inline-block;padding:2px 4px;background:#f6f6f6;border-radius:4px;font-size:10px;margin-top:16px}
.c-footnote{font-size:10px;color:#a0a0a0;text-align:center;padding:12px}
.c-backtop{position:absolute;right:16px;bottom:99px;background:#eee!important;border-radius:14px!important;width:38px;height:38px;font-size:26px!important;z-index:6;opacity:.85}
.c-nav{display:flex;flex-shrink:0;height:83px;border-top:1px solid #eee;background:white;padding-top:8px;box-sizing:border-box}
.c-nav button{position:relative;flex:1;display:flex;align-items:center;flex-direction:column;gap:5px;font-size:10px;color:#999;height:43px}
.c-nav svg{width:23px;height:23px}
.c-nav button.active{color:#000}
.c-nav sup{position:absolute;top:-3px;left:57%;background:#ffdb2e;color:#000;border-radius:15px;min-width:16px;font-size:10px;line-height:12px;padding:0 3px}
.c-amount-card{margin:0 16px;background:#fafafa;border-radius:13px;padding:19px 15px 15px}
.c-unit-tabs{display:flex;gap:16px;font-weight:500;height:37px}
.c-unit-tabs button{color:#888;position:relative}
.c-unit-tabs button.active{color:#000}
.c-unit-tabs .active:after{content:'';position:absolute;left:7px;right:7px;height:3px;background:#ffdb2e;bottom:6px}
.c-amount-input{display:flex;align-items:center;gap:13px;height:66px;border-bottom:1px solid #eee;margin:0 0 6px}
.c-amount-input input{width:0;min-width:0;flex:1;font:600 40px BinanceNova,-apple-system,sans-serif;border:0;background:none;outline:0;color:inherit;letter-spacing:-1px}
.c-amount-input>button:first-of-type{font-size:27px;color:#aaa;font-weight:300}
.c-amount-input>button:last-of-type{color:#cda100;font-size:16px;font-weight:500}
.c-amount-input>b{font-size:16px}
.c-limit{font-size:12px;color:#888}
.c-amount-card>.c-detail{margin-top:18px}
.c-amount-card>.c-detail:last-of-type{margin-top:9px}
.c-detail{display:flex;justify-content:space-between;align-items:center;gap:7px}
.c-detail>span:first-child{color:#888}
.c-detail b{font-weight:500}
.c-payment-card{background:#fafafa;border-radius:13px;padding:21px 15px;font-size:19px;font-weight:600;margin:12px 16px 0;display:flex;align-items:center;gap:5px}
.c-payment-card i{height:10px;width:3px;margin:0}
.c-require{padding:12px 16px 16px}
.c-require h3{font-size:16px;margin-top:20px;margin-bottom:19px}
.c-require>.c-detail{font-size:14px;margin-bottom:22px}
.c-require>.c-detail:first-of-type{padding-bottom:23px;border-bottom:1px solid #eee;margin-bottom:24px}
.c-online{color:#888;white-space:nowrap;font-size:13px}
.c-online:first-letter{color:#2bbd85}
.c-terms{font-size:13px;margin-top:15px!important;line-height:1.4}
.c-bottom-action{flex-shrink:0;padding:12px 15px 46px;border-top:1px solid #eee;background:white}
.c-bottom-action button{display:block;width:100%;height:40px;border-radius:7px;font-size:17px;font-weight:600}
.c-bottom-action button:disabled{opacity:.5}
.c-order-tabs{display:flex;align-items:center;margin:9px 12px 18px;gap:16px;height:30px;color:#888;font-size:14px;font-weight:500}
.c-order-tabs>.active{color:#000}
.c-order-tabs>div{margin-left:auto;display:flex;gap:17px;color:#000}
.c-order-tabs svg{width:18px;height:18px}
.c-order-filters{display:flex;gap:9px;margin:0 8px 18px;font-size:14px;font-weight:500}
.c-order-filters button{padding:3px 8px;color:#888;border-radius:2px}
.c-order-filters .active{color:#000;background:#f6f6f6}
.c-order-card{margin:0 15px;padding:0 0 16px;border-bottom:1px solid #f1f1f1}
.c-order-card+.c-order-card{padding-top:17px}
.c-order-card>header{display:flex;justify-content:space-between;align-items:center;font-size:16px;margin-bottom:19px}
.c-order-card>header b,.c-order-card>header strong{font-weight:600}
.c-status{background:#f5f5f5;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500}
.c-status.pending{background:#fbf6e6;color:#cba000}
.c-status.cancelled{color:#bbb}
.c-order-timer{display:flex;justify-content:flex-end;align-items:center;gap:5px;color:#888;margin-top:-10px;margin-bottom:5px;font-size:12px}
.c-order-timer svg{width:15px;height:15px}
.c-order-fields{margin:0}
.c-order-fields>div{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;margin-bottom:7px;gap:5px}
.c-order-fields dt{color:#888;white-space:nowrap}
.c-order-fields dd{margin:0;text-align:right;overflow-wrap:anywhere}
.c-order-fields dd b{font-weight:600;font-size:16px}
.c-order-fields svg{width:15px;height:15px;margin-left:4px}
.c-order-number{font-variant-numeric:tabular-nums;font-size:13.5px}
.c-order-card>footer{display:flex;align-items:center;justify-content:space-between;margin-top:9px;gap:7px}
.c-order-card>footer button{display:inline-flex;align-items:center;gap:4px;max-width:175px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#f5f5f5;border-radius:6px;padding:4px 9px;font-size:12px;font-weight:500}
.c-order-card>footer svg{width:14px;height:14px}
.c-order-card>footer time{color:#888;font-size:11px;white-space:nowrap}
.c-empty{color:#888;text-align:center;font-size:14px;padding:13px 0 30px;font-weight:500}
.c-pay-head{display:flex;align-items:center;justify-content:space-between;height:39px;padding:0 16px}
.c-pay-head>button:nth-child(2){font-size:14px;color:#888;border-bottom:1px dotted #aaa}
.c-pay-title{margin:10px 15px 18px}
.c-pay-title h1{font-size:25px;font-weight:600;letter-spacing:.2px;line-height:1.35}
.c-pay-title p{font-size:14px;margin-top:2px}
.c-sim-note{font-size:10px;color:#b29a4c;display:block;margin-top:4px}
.c-pay-merchant{display:flex;align-items:center;gap:6px;margin:0 15px 22px;border:1px solid #e9e9e9;border-radius:12px;height:56px;padding:0 14px}
.c-pay-merchant>.c-avatar{width:20px;height:20px;font-size:14px}
.c-pay-merchant>.c-avatar i{display:none}
.c-pay-merchant>b{font-size:16px;font-weight:500;max-width:210px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.c-pay-merchant>button{margin-left:auto;border-radius:4px;padding:4px 10px;font-size:13px;white-space:nowrap}
.c-payment-steps{padding:0 15px 30px 46px}
.c-payment-steps>section{position:relative}
.c-payment-steps>section:first-child{padding-bottom:27px}
.c-payment-steps>section:first-child:before{content:'';position:absolute;left:-21px;top:11px;width:2px;height:100%;background:#000}
.c-payment-steps h3{font-size:17px;font-weight:600;margin-bottom:14px;line-height:1.4}
.c-step{position:absolute;left:-27px;top:4px;width:15px;height:15px;background:#000;transform:rotate(45deg);border-radius:2px;color:#fff;font-size:12px;font-style:normal}
.c-step>span{transform:rotate(-45deg);display:block;text-align:center}
.c-pay-field{margin-bottom:13px;font-size:14px}
.c-pay-field label{color:#888;display:block;margin-bottom:5px}
.c-pay-field>div{display:flex;align-items:center;justify-content:space-between;gap:8px}
.c-pay-field button svg{width:16px;height:16px}
.c-order-details{color:#888!important;font-size:14px!important;margin-top:6px}
.c-order-details svg{width:13px;height:13px}
.c-page>.c-order-fields{margin:0 16px}
.c-success{text-align:center;padding:30px 16px}
.c-success .c-coin{width:36px;height:36px;font-size:30px}
.c-success h3{font-size:23px;margin:12px}
.c-success p{color:#888}
.c-success button{margin:20px auto;padding:10px 40px;border-radius:7px}
.c-chat-header{display:flex;align-items:center;gap:9px;padding:0 16px 8px;height:39px;border-bottom:1px solid #eee}
.c-chat-header .c-avatar{width:32px;height:32px;font-size:23px}
.c-chat-header .c-avatar i{display:none}
.c-chat-header>div{flex:1}
.c-chat-header b{font-size:16px;font-weight:600}
.c-chat-header small{display:block;font-size:11px}
.c-chat-summary{display:flex;align-items:center;justify-content:space-between;padding:9px 16px 20px}
.c-chat-summary b{font-size:14px;font-weight:500}
.c-chat-summary small{display:block;font-size:12px;color:#888;margin-top:3px}
.c-chat-summary button{padding:4px 10px;border-radius:4px;font-weight:500;font-size:13px}
.c-chat-body{background:#f3f3f3;padding:0 15px 20px;min-height:500px}
.c-chat-notice{padding:12px 13px;font-size:12px;line-height:1.3}
.c-chat-date{text-align:center;font-size:13px;margin:16px 0!important}
.c-system-message{padding:12px 15px;background:#ececec;border:1px solid #e0e0e0;border-radius:16px;margin:10px 0 16px;font-size:14px}
.c-system-message b{font-weight:500}
.c-system-message u{color:#cca000}
.c-system-message button{display:block;color:#cca000;font-weight:600;margin-top:10px}
.c-chat-bubble{background:white;border-radius:20px 20px 20px 0;padding:11px 14px;font-size:15px;line-height:1.35;max-width:87%;margin-top:15px;overflow-wrap:anywhere}
.c-chat-bubble small{display:block;text-align:right;color:#aaa;font-size:10px;margin-top:7px}
.c-chat-bubble.mine{background:#fff4ba;margin-left:auto;border-radius:20px 20px 0 20px}
.c-chat-input{background:#f3f3f3;display:flex;gap:10px;align-items:flex-start;flex-shrink:0;padding:10px 15px 46px}
.c-chat-input button{background:white;border-radius:50%;width:37px;height:37px;flex-shrink:0}
.c-chat-input input{width:0;flex:1;font:16px inherit;border:0;border-radius:25px;height:37px;box-sizing:border-box;padding:0 13px;font-family:inherit;outline:none}
.c-conversation{display:flex!important;align-items:center;padding:17px 15px!important;width:100%;gap:12px;border-bottom:1px solid #eee!important;text-align:left}
.c-conversation>.c-avatar{width:34px;height:34px;font-size:24px}
.c-conversation>div{min-width:0}
.c-conversation small{display:block;margin-top:5px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}
.c-profile{padding:20px 16px}
.c-profile>.c-avatar{width:42px;height:42px;font-size:27px}
.c-profile h2{font-size:21px;margin:14px 0 6px}
.c-profile>p{color:#888;margin:8px 0}
.c-profile>strong{font-size:30px}
.c-profile>button:not(.c-profile-row){padding:10px 23px;margin:15px 10px 25px 0;border-radius:6px}
.c-profile>.c-detail{margin:18px 0}
.c-profile-row{display:block!important;width:100%;text-align:left;padding:16px 0!important;border-bottom:1px solid #eee!important}
.c-transfer-directions{display:grid;grid-template-columns:1fr 34px 1fr;gap:10px;align-items:center}
.c-transfer-directions select{width:100%}
.c-funding-options{display:grid;gap:10px}
.c-funding-options button{padding:14px;border:1px solid #eee;border-radius:10px;background:#fafafa;text-align:left;cursor:pointer}
.c-funding-options b{display:block;font-size:17px}
.c-funding-options small{display:block;color:#888;margin-top:4px}
.m-dark .c-page,.m-dark[class*="screen-c2c"] .c-nav,.m-dark .c-filters,.m-dark .c-bottom-action{background:#181a20;color:#eaecef}
.m-dark .c-amount-card,.m-dark .c-payment-card,.m-dark .c-featured,.m-dark .c-chat-body{background:#20232b}
.m-dark .c-merchant.featured,.m-dark .c-chat-bubble{background:#181a20}
.m-dark .c-system-message{background:#2a2d35}
.m-dark .c-chat-bubble.mine{background:#544918}
@media(max-width:370px){.c-filters{gap:4px;padding-left:12px;padding-right:12px}
.c-filters button{font-size:12px}
.c-offer p{font-size:9px}
.c-amount-input{gap:8px}
.c-amount-input input{font-size:35px}
.c-order-number{font-size:12px}
.c-order-card>footer time{font-size:10px}
.c-zones{gap:13px}
}

.screen-trade .p-spot-top{height:44px;box-sizing:border-box;padding:6px 15px 12px;gap:17px;overflow-x:auto;white-space:nowrap;font-size:18px;align-items:center}
.screen-trade .p-spot-top>*{flex-shrink:0;font-weight:600}
.screen-trade .p-spot-announcement{display:flex;align-items:center;gap:6px;margin:10px 15px 12px;font-size:12px}
.screen-trade .p-spot-announcement>svg{width:15px;height:15px;color:#efbc00}
.screen-trade .p-spot-announcement>span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.screen-trade .p-spot-announcement>button{font-size:10px;color:#b7930b}
.screen-trade .m-pair-bar{margin:0 15px}
.screen-trade .m-pair-bar b{font-size:20px}
.screen-trade .m-market-line{margin:0 15px 12px;font-size:12px}
.screen-trade .m-market-line>span:last-child{display:none}
.screen-trade .p-spot-panel{display:grid;grid-template-columns:minmax(0,38.3fr) minmax(0,57.6fr);gap:15px;padding:0 15px 20px}
.screen-trade .p-spot-panel .m-order-entry{padding:0;min-width:0}
.screen-trade .p-spot-leverage{height:33px;display:flex;align-items:flex-start;gap:4px;font-size:12px}
.screen-trade .p-spot-leverage .x-switch{width:28px;height:16px}
.screen-trade .p-spot-leverage .x-switch:before{width:12px;height:12px}
.screen-trade .m-book-head{height:26px;box-sizing:border-box;align-items:flex-start;font-size:11px;line-height:14px;margin-bottom:0}
.screen-trade .p-native-spot-book .m-book-row{height:20px;line-height:20px;font-size:10px;padding:0;background:linear-gradient(to left,transparent 0%);position:relative;isolation:isolate}
.screen-trade .p-native-spot-book .m-book-row:before{content:'';position:absolute;inset:0 0 0 auto;width:var(--depth);z-index:-1;background:#ffedf1}
.screen-trade .p-native-spot-book .m-bids .m-book-row:before{background:#eaf7f2}
.screen-trade .p-native-spot-book .m-book-row>span:last-child{color:var(--m-text);font-variant-numeric:tabular-nums}
.screen-trade .p-native-spot-book .m-book-price{font-size:19px;text-align:center;margin-top:4px;line-height:25px;font-weight:600;letter-spacing:-.3px}
.screen-trade .p-native-spot-book .m-book-mark{display:block;text-align:center;margin-bottom:2px;font-size:11px;line-height:19px;color:#888}
.screen-trade .m-book-ratio{gap:4px;font-size:10px;margin-top:4px;height:14px}
.screen-trade .m-book-ratio i{height:4px;flex:1;min-width:0}
.screen-trade .m-book-step{border:0;padding:0;height:22px;display:flex;gap:7px;margin-top:3px}
.screen-trade .m-book-step button{flex:1;background:#f4f4f4;border-radius:3px;color:#999;text-align:left;padding:3px 7px;font-size:10px;display:flex;align-items:center;justify-content:space-between}
.screen-trade .m-book-step button svg{width:9px;height:9px}
.screen-trade .m-book-step>svg{width:17px;height:17px}
.screen-trade .p-buy-sell{height:26px;margin-bottom:8px;border:1px solid #eee;border-radius:6px;overflow:hidden}
.screen-trade .p-buy-sell button{font-size:15px;line-height:24px;padding:0;font-weight:500}
.screen-trade .p-buy-sell .selected{border-radius:5px}
.screen-trade .m-order-selector{height:27px;border-radius:8px;margin-bottom:8px}
.screen-trade .m-order-selector select{font-size:15px;font-weight:500}
.screen-trade .m-order-selector>svg{width:11px;height:11px}
.screen-trade .m-amount-input,.screen-trade .m-price-input{height:41px;box-sizing:border-box;border-radius:8px;margin-bottom:8px}
.screen-trade .p-spot-total{display:flex;align-items:center;gap:8px;padding:0 12px}
.screen-trade .p-spot-total input{min-width:0;width:0;flex:1;font-size:15px;font-family:inherit;background:none;border:0;text-align:center;outline:none}
.screen-trade .p-spot-total>button{border-left:1px solid #e8e8e8;display:flex;align-items:center;gap:5px;padding-left:8px;font-size:12px}
.screen-trade .p-spot-total svg{width:9px;height:9px}
.screen-trade .m-allocation-track{height:28px;padding:0 4px;margin:0 0 7px;position:relative;display:flex;align-items:center;justify-content:space-between}
.screen-trade .m-allocation-track:before{content:'';position:absolute;left:6px;right:6px;top:13px;height:1px;background:#eee}
.screen-trade .m-allocation-track>i{display:none}
.screen-trade .m-allocation-track>button{z-index:1;position:static;transform:none;width:12px;height:12px;display:block}
.screen-trade .m-allocation-track>button svg{width:10px;height:10px;fill:white;stroke:#eee;stroke-width:1.5}
.screen-trade .m-allocation-track>button:first-of-type svg{width:15px;height:15px;stroke:#000;transform:translate(-2px,-2px)}
.screen-trade .m-allocation-track>button span{display:none}
.screen-trade .p-spot-slippage{display:flex;align-items:center;gap:7px;font-size:13px;margin:0 0 9px}
.screen-trade .p-spot-slippage u{text-decoration:none;border-bottom:1px dotted #aaa}
.screen-trade .p-spot-slippage .m-check{width:16px;height:16px;border-radius:4px}
.screen-trade .p-spot-estimates{margin:0 0 8px}
.screen-trade .p-spot-estimates p{font-size:12px;line-height:17px;margin:0;gap:3px}
.screen-trade .p-spot-estimates p>b{font-size:12px;font-weight:400}
.screen-trade .p-spot-estimates p>button{background:#efba00;color:white;border-radius:50%;width:13px;height:13px}
.screen-trade .p-spot-estimates button svg{width:11px;height:11px}
.screen-trade .m-buy,.screen-trade .m-sell{height:36px;padding:0!important;border-radius:8px!important;font-size:16px!important;font-weight:500!important}
.screen-trade .p-spot-order-tabs{padding:0 15px;gap:14px;height:36px;white-space:nowrap;font-size:14px;overflow:hidden}
.screen-trade .p-spot-order-tabs>button{font-size:14px;flex-shrink:0;font-weight:500}
.screen-trade .p-spot-order-tabs>button:last-child{margin-left:auto}
.screen-trade .p-spot-order-tabs>button:last-child svg{width:20px;height:20px}
.screen-trade .p-asset-filter{display:none}
.screen-trade .m-data-note{display:none}
.screen-trade .p-spot-empty{height:230px;box-sizing:border-box;padding-top:46px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:12px}
.screen-trade .p-spot-empty>svg{width:61px;height:61px}
.screen-trade .p-spot-empty b{font-size:15px;font-weight:500}
.screen-trade .p-spot-empty p{color:#999;font-size:13px;margin:0}
.screen-trade .p-spot-empty>button{display:none}
.screen-home .m-main{background:#f6f6f6}
.screen-home .p-exchange{background:white;height:59px;padding:10px 16px;box-sizing:border-box}
.screen-home .p-search{margin:3px 16px 18px;background:#f3f3f3;border-radius:8px;height:33px;padding:0 13px}
.screen-home .p-home-balance{padding:6px 16px 17px;align-items:center}
.screen-home .p-home-balance h2{font-size:33px;line-height:1.4;margin:3px 0 2px}
.screen-home .p-home-balance small{font-size:14px}
.screen-home .p-home-balance .p-home-fiat{display:block;font-size:11px;color:#888}
.screen-home .p-home-balance p{font-size:12px;margin:3px 0 0}
.screen-home .p-home-balance>.m-yellow-button{background:#ffdb2e;color:#000;font-size:14px;font-weight:600;height:32px;min-width:100px;align-self:center;border-radius:5px}
.screen-home .p-home-promo{margin:0 16px 16px;border-radius:14px;padding:11px 12px;background:white}
.p-home-promo>div{display:flex;align-items:center;justify-content:space-between;color:#aaa;font-size:14px;font-weight:500}
.p-home-promo>article{display:flex;align-items:center;gap:10px;margin-top:10px}
.p-home-promo article>span{font-size:29px;color:#b8a441}
.p-home-promo article>b{flex:1;font-size:14px;font-weight:600;line-height:1.3}
.p-home-promo article>button{background:#eee;border-radius:5px;padding:6px 10px;font-size:12px;white-space:nowrap;font-weight:600}
.p-home-promo>small{display:block;text-align:center;margin-top:5px;color:#bbb;font-size:10px}
.screen-home .p-home-markets{margin:0 16px;border-radius:14px;background:white;padding:14px 16px}
.screen-home .p-rank-tabs{font-size:16px;gap:18px}
.screen-home .p-table-head{font-size:12px;padding-top:16px}
.screen-home .p-home-markets .p-market-row{min-height:56px}
.screen-home .p-home-markets .p-change-pill{border-radius:4px}
.screen-home .p-discover{background:white;margin-top:15px}
.c-zones>button:first-child{color:#000}
.c-filters button:nth-child(2){margin-left:5px}
.c-filters button:nth-child(3){margin-left:5px}
.c-filters .m-check{border:1.5px solid #d0d0d0}
.c-merchant.featured .c-merchant-name>span:nth-child(2){max-width:151px}
.c-merchant.featured .c-offer p{margin-top:6px}
.c-backtop{display:none!important}
.c-page:has(.c-filters.is-scrolled) .c-backtop{display:block!important}

.mobile-app.screen-trade .m-amount-input.p-spot-total>input{width:0;flex:1 1 0;min-width:0;font-size:15px}
.mobile-app.screen-trade .m-amount-input.p-spot-total>button{position:static;flex:0 0 auto;width:auto;max-width:74px;height:28px;padding:0 0 0 8px;font-size:12px;line-height:1.2;gap:5px;color:var(--m-text)}
.mobile-app.screen-trade .m-amount-input.p-spot-total>button svg{position:static;width:9px;height:9px;flex:0 0 9px;margin:0}
.mobile-app.screen-trade .p-native-spot-book .m-book-row:before{opacity:1}
.mobile-app.screen-trade .m-market-line{padding:0;line-height:15px;height:15px}
.mobile-app.screen-trade .p-spot-panel{padding-bottom:14px}
.mobile-app.screen-trade .p-spot-empty{padding-top:43px;gap:8px}
.mobile-app.screen-trade .p-spot-empty>svg{height:51px;width:51px}
.c-sim-note{position:absolute;right:16px;top:95px;font-size:8px;margin:0}
.c-pay-field label{font-size:14px;font-weight:400}
.c-pay-field:first-of-type>div{font-weight:500;font-size:16px}
.c-pay-merchant>.c-avatar i{display:none}
.c-page .c-coin svg{width:100%;height:100%}
.c-header .c-coin{background:none}
.c-star svg{width:14px;height:14px;display:block}
.c-star{display:inline-flex;vertical-align:middle}
.c-unit-price>button svg{width:17px;height:17px}
.mobile-app.screen-trade .m-amount-input input:focus-visible{outline:none}

.mobile-app.screen-trade .p-spot-top{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}
.screen-home .p-exchange{gap:14px;padding:10px 16px;height:59px}
.screen-home .p-exchange>button{width:20px;height:24px;flex-shrink:0}
.screen-home .p-exchange>button svg{width:20px;height:20px}
.screen-home .p-exchange>div{margin:0 auto;flex:1;justify-content:space-between;max-width:162px;height:32px;font-size:17px;display:flex;background:#f5f5f5;border-radius:8px;align-items:center;padding:3px}
.screen-home .p-exchange>div>b{height:26px;white-space:nowrap;border:0!important;border-radius:7px;padding:3px 7px!important;box-shadow:none;box-sizing:border-box;font-size:17px}
.screen-home .p-exchange>div>button{font-size:17px;padding:0 15px;color:#aaa;font-weight:500}
.screen-home .p-home-balance{padding-top:3px;padding-bottom:15px}
.screen-home .p-home-promo{padding-bottom:8px}
.screen-home .p-home-markets{padding:12px 16px}
.screen-home .p-rank-tabs{display:flex;white-space:nowrap;overflow:auto;gap:17px;margin:0;padding:0;height:25px}
.screen-home .p-rank-tabs button{font-size:17px;font-weight:500;flex-shrink:0}
.screen-home .p-home-subtabs{display:flex;gap:18px;margin-top:13px;color:#888;font-size:14px}
.screen-home .p-home-subtabs .active{color:#000}
.screen-home .p-table-head{padding:12px 0 9px;font-size:12px}
.screen-home .p-home-quote{display:grid;grid-template-columns:minmax(0,1fr) auto 78px;align-items:center;gap:10px;width:100%;padding:10px 0;text-align:left;min-height:56px}
.p-home-coin{display:flex;align-items:center;gap:8px}
.p-home-coin img,.p-home-coin>i{width:26px;height:26px;border-radius:50%;flex-shrink:0}
.p-home-coin>i{font-style:normal;text-align:center;background:#7786cb;color:white;line-height:26px}
.p-home-coin>b{font-size:14px;font-weight:600}
.p-home-coin>span{color:#efb800;font-size:19px}
.p-home-price{text-align:right;white-space:nowrap}
.p-home-price>b{font-size:14px;font-weight:600;letter-spacing:-.3px}
.p-home-price>small{display:block;color:#999;font-size:11px;margin-top:3px}
.p-home-quote>strong{border-radius:4px;text-align:center;padding:6px 0;color:white;font-size:14px;font-weight:500}
.p-home-quote>strong.positive{background:#2bbd85}
.p-home-quote>strong.negative{background:#ff4467}
.screen-home .p-view-all{padding:5px 0;font-size:11px}
.screen-home .p-home-balance>div>small:first-child{color:var(--m-text)}
@media(max-width:370px){.screen-home .p-home-quote{gap:6px;grid-template-columns:minmax(0,1fr) auto 65px}
.p-home-coin{gap:4px}
.p-home-coin>span{display:none}
.p-home-price>b{font-size:12px}
.screen-home .p-exchange{gap:10px}
.screen-home .p-exchange>div{max-width:146px}
.screen-home .p-exchange>div>button{padding:0 8px}
}

.screen-home .p-home-promo{padding-bottom:5px}
.p-home-promo>article{margin-top:7px}
.p-home-promo>small{margin-top:2px}
.p-home-coin>span svg{width:16px;height:16px}
.screen-home .p-home-feed-tabs{height:40px;display:flex;align-items:center;gap:14px;padding:0 15px;background:white;border-top:1px solid #eee;overflow:hidden;white-space:nowrap}
.screen-home .p-home-feed-tabs button{font-size:15px;font-weight:500;color:#888;flex-shrink:0}
.screen-home .p-home-feed-tabs button.active{color:#000}
.screen-trade .p-native-spot-book .m-book-head{height:26px}
.screen-trade .p-spot-panel{margin-top:0}
.screen-trade .m-pair-bar b{line-height:23px}
.screen-trade .m-pair-bar{height:23px}
.screen-trade .p-spot-order-tabs>button.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffdb2e}
.screen-trade .p-spot-order-tabs>button{position:relative;height:36px;display:flex;align-items:center}
.screen-trade .p-spot-slippage .m-check{border:1.5px solid #ccc}

.c-amount-card{padding-top:15px}
.c-unit-tabs{height:34px}
.c-amount-input input{padding:0;margin:0}
.c-payment-steps h3{margin-bottom:8px}
.c-pay-field{margin-bottom:11px}
.c-pay-field label{margin:0 0 3px;line-height:19px}
.c-pay-field>div{line-height:20px}
.c-amount-input input::placeholder{color:#aaa}
.c-page .c-profile-row,.c-conversation{white-space:normal}
.c-chat-input input{font-size:16px}

/* The user supplied this promotional artwork; crop it in the layout at its original aspect ratio. */
.c-banner{background:#000 url('/assets/c2c-banner-reference.png') center 14.2265% / 108.2645% auto no-repeat}
.c-banner>small,.c-banner>h1,.c-banner>p,.c-banner>svg,.c-banner>footer{visibility:hidden}
.c-banner>button{position:absolute;opacity:0}
.c-banner>button:first-child{top:1px;right:3px;width:20px;height:20px}
.c-banner>button:not(:first-child){left:17px;top:90px;margin:0;width:53px;height:13px}
.c-banner>button:focus-visible{opacity:1;background:#ffcc00}

.p-home-promo article>span svg{width:27px;height:30px}


.c-zones>button{position:relative}
.c-elite-badge{position:absolute;right:-5px;top:-6px;background:#ffdb2e;color:#000;border-radius:8px;padding:0 3px;font-size:6px;line-height:8px;font-weight:400}
.c-zones{overflow-y:visible}

/* Reference geometry, measured at a 393 × 852 CSS-pixel viewport. */
.c-zones{gap:15px}
.c-buy-sell>button{width:61px;display:flex;align-items:center;justify-content:space-between}
.c-filters{justify-content:flex-start;gap:16px}
.c-filters button{gap:3px}
.c-filters .m-check{flex-shrink:0}
.c-filters button:last-child>svg{width:19px;height:19px}
.c-featured h3{margin-bottom:13px}
.c-shield{background:none;clip-path:none;padding:0;width:14px;height:15px}
.c-shield svg{width:14px;height:15px}
.c-merchant-team{width:14px!important;height:14px!important;margin-left:1px}
.c-merchant-name>span:nth-child(2){max-width:151px}
.c-merchant:not(.featured) .c-merchant-name>span:nth-child(2){max-width:179px}
.c-star svg{width:13px;height:13px}
.c-nav button{gap:4px}
.c-nav svg{width:22px;height:22px}
.c-nav{padding-top:8px}
.c-header h2{font-size:18px;top:4px;line-height:26px}
.c-header>button:first-child{transform:translateY(-3px)}
.screen-c2c-orders .c-header{height:34px}
.c-order-tabs{height:26px;margin:7px 12px 15px;gap:16px}
.c-order-tabs>div{margin-right:3px}
.c-order-filters{height:23px;margin-bottom:18px;gap:6px}
.c-order-filters button{padding:2px 8px;line-height:19px}
.c-order-card>header{margin-bottom:17px}
.c-order-fields>div{margin-bottom:6px;line-height:20px}
.c-order-fields dd b{font-weight:500}
.c-order-card>footer{margin-top:7px}
.c-order-card>footer time{font-size:12px}
.c-order-card>footer button{font-size:12px}
.c-order-number{font-variant-numeric:normal;font-size:14px}
.c-status{line-height:16px}
.c-amount-card{margin-top:-1.333px;padding-bottom:15px}
.c-unit-tabs .active:after{bottom:0}
.c-amount-input{height:74px}
.c-amount-input input{font-weight:500;letter-spacing:0}
.c-amount-input>b{font-size:15px;font-weight:500}
.c-amount-card>.c-detail{margin-top:15px}
.c-amount-card>.c-detail:last-of-type{margin-top:8px}
.c-payment-card{font-size:18px;padding-block:19px;margin-top:12px}
.c-require h3{margin-bottom:17px}
.c-require>.c-detail:first-of-type{margin-bottom:21px}
.c-require>.c-detail{margin-bottom:19px}
.c-pay-head>button{transform:translateY(-3px)}
.c-pay-title h1{font-size:24px;letter-spacing:0}
.c-pay-title p{margin-top:3px}
.c-pay-merchant>b{font-weight:400}
.c-pay-field label{line-height:20px}
.c-pay-field>div{line-height:21px}
.c-payment-steps h3{font-size:16px}
.c-payment-help{position:absolute;right:0;bottom:114px;width:80px;height:56px;border:1px solid #eee!important;border-radius:9px 0 0 9px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:white!important;font-size:11px!important;font-weight:500!important}
.c-bottom-action button{font-size:16px}
@media(max-width:370px){.c-filters{gap:11px}.c-merchant-name>span:nth-child(2){max-width:140px}.c-order-filters{gap:3px}}

.screen-home .p-home-balance{padding-bottom:12px}
.screen-home .p-home-promo{padding-bottom:3px}
.screen-home .p-home-promo article>b{font-size:13.333px}
.screen-home .p-home-promo>small{line-height:14px}
.screen-home .p-home-subtabs{margin-top:10px}
.screen-home .p-table-head{padding-top:11px;padding-bottom:6px}
.screen-home .p-rank-tabs{gap:14px}
.screen-home .p-rank-tabs button{font-size:16px}
.screen-home .p-home-quote{min-height:56px;height:56px;padding:8px 0}
.screen-home .p-home-price>b{font-weight:500;letter-spacing:0}
.screen-home .p-home-quote>strong{height:28px;box-sizing:border-box;padding:3px 0}
.screen-home .m-nav{height:57px}
.screen-home .m-home-indicator{height:26px}
.screen-assets:not(:has(.x-asset-contract-tabs)) .x-asset-list-tabs>button{font-size:16px}
.screen-assets:not(:has(.x-asset-contract-tabs)) .x-asset-list-tabs{gap:16px;border-top:1px solid var(--m-line)}
/* Precision review: native spot spacing and single, draggable diamond thumb. */
.mobile-app.screen-trade .m-market-line{margin-bottom:8px}
.mobile-app.screen-trade .p-native-spot-book .m-book-row{font-size:12px;letter-spacing:0}
.mobile-app.screen-trade .p-native-spot-book .m-book-price{margin-top:0;line-height:23px}
.mobile-app.screen-trade .p-native-spot-book .m-book-mark{line-height:17px;margin-bottom:0}
.mobile-app.screen-trade .p-spot-panel{padding-bottom:10px}
.mobile-app.screen-trade .p-spot-order-tabs>button{font-size:14px!important}
.mobile-app.screen-trade .p-spot-slippage .m-check{display:block;flex:0 0 16px;height:16px}
.mobile-app.screen-trade .p-spot-estimates p>button{display:flex;align-items:center;justify-content:center;flex:0 0 13px}
.mobile-app.screen-trade .p-spot-estimates p>button svg{color:#fff}
.mobile-app.screen-trade .m-allocation-track>button:first-of-type svg{width:10px;height:10px;stroke:#eee;transform:none}
.mobile-app.screen-trade .m-allocation-track input[type=range]{appearance:none;-webkit-appearance:none;position:absolute;left:4px;right:4px;top:6px;margin:0;width:calc(100% - 8px);height:15px;padding:0;background:transparent;border:0;box-shadow:none;z-index:2;cursor:pointer;accent-color:#000}
.mobile-app.screen-trade .m-allocation-track input[type=range]::-webkit-slider-runnable-track{height:1px;background:transparent}
.mobile-app.screen-trade .m-allocation-track input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;border:1px solid #111;border-radius:2px;background:white;transform:rotate(45deg);margin-top:-5px;box-shadow:none}
.mobile-app.screen-trade .m-allocation-track input[type=range]::-moz-range-thumb{width:11px;height:11px;border:1px solid #111;border-radius:2px;background:white;transform:rotate(45deg)}
.mobile-app.screen-trade .m-allocation-track>button{pointer-events:none}
.c-input-error{font-size:12px;line-height:17px;color:#f6465d;margin-top:5px!important}
.c-unread-notice{display:flex!important;align-items:center;gap:6px;margin:0 15px 28px;padding:12px 16px!important;width:calc(100% - 30px);background:#f6f6f6!important;border-radius:12px!important;font-size:13px;text-align:left}
.c-unread-notice>svg{width:16px;height:16px}
.c-unread-notice>svg:last-child{margin-left:auto;color:#999}
.c-order-card:not(:has(.c-order-timer))>header{margin-bottom:8px}
.c-order-card>footer button{position:relative}
.c-order-card>footer sup{position:absolute;right:-3px;top:-3px;background:#ffdb2e;border-radius:9px;min-width:12px;height:12px;line-height:12px;text-align:center;font-size:9px}
.c-unit-price>button svg{width:15px;height:15px}
.screen-home .p-search{justify-content:space-between}
.screen-home .p-search>span{flex:1;text-align:left}
.screen-home .p-home-balance>div>small:first-child>button svg{width:13px;height:13px;color:var(--m-text)}
/* Native leverage input has no extra ring around the numeric label. */
.x-leverage-number input:focus{outline:none;box-shadow:none}
/* 严选区 (IMG_4779): recruitment card is narrower than the 自选区 one; freeze-guarantee notice sits under the filters. */
.c-elite-banner{position:relative;margin:-5px auto 0;width:245px;height:138px;background:#000;color:#fff;box-sizing:border-box;padding:14px 11px}
.c-elite-banner>button:first-child{position:absolute;right:-60px;top:4px;color:#9a9a9a}
.c-elite-banner>button:first-child svg{width:14px;height:14px}
.c-elite-banner small{color:#f0b90b;font-size:9px;font-weight:700}
.c-elite-banner h1{color:#f0b90b;font-size:16px;line-height:1.22;margin-top:13px;font-weight:700}
.c-elite-banner p{font-size:7px;line-height:1.4;margin-top:8px;font-weight:600}
.c-elite-banner footer{position:absolute;left:11px;bottom:9px;font-size:2.4px;color:#777}
.c-elite-banner>svg{position:absolute;right:23px;top:30px;width:81px;height:73px}
.c-carousel.is-three{height:43px;padding-top:12px}
.c-elite-notice{position:relative;margin:0 15px 15px;padding:12px 60px 10px 12px;background:#fefbf3;border:1px solid #fae7ad;border-radius:12px;min-height:75px;box-sizing:border-box}
.c-elite-notice{margin-bottom:17px}.c-elite-notice+.c-merchant{border-top:1px solid #f0f0f0;padding-top:22px}
.c-elite-notice h3{font-size:14px;font-weight:600;color:#000;line-height:20px}
.c-elite-notice p{font-size:12.5px;line-height:16px;color:#757575;margin-top:2px}
.c-elite-notice .c-elite-link{color:#d89f00;font-weight:600;text-decoration:none}
.c-elite-notice>button:first-child{position:absolute;right:12px;top:10px;color:#999}
.c-elite-notice>button:first-child svg{width:13px;height:13px}
.c-elite-notice>svg{position:absolute;right:24px;top:21px;width:30px;height:34px}
.c-offer-side>span+span{margin-top:-2px}
/* When the offer needs verification, the reference sets the tag level with the buy button. */
.c-merchant{position:relative}
.c-merchant:has(.c-verify) .c-offer-side{padding-top:33px}
.c-merchant:has(.c-verify){padding-bottom:14px}
.c-merchant .c-verify{position:absolute;left:15px;bottom:16px;margin:0}
.c-merchant.featured .c-verify{left:9px}
/* IMG_4781: the notice stays pinned under the sticky filter row while offers scroll beneath. */
.c-elite-notice{position:sticky;top:40px;z-index:4;box-shadow:0 0 0 15px #fff,0 17px 0 15px #fff}
/* IMG_4791 home: muted change pills, flame hint in search, trophy promo, rank menu, feed caret. */
.screen-home .p-home-quote>strong.positive{background:#5eba89}
.screen-home .p-home-quote>strong.negative{background:#e35461}
.screen-home .p-home-quote>strong.empty{background:#eaecef;color:#999}
.screen-home .p-search>span{display:flex;align-items:center;gap:2px;color:#999}
.p-hot-flame{font-style:normal;font-size:14px}
.screen-home .p-rank-tabs{position:relative;padding-right:30px}
.screen-home .p-rank-more{position:absolute;right:0;top:0;height:25px;width:28px;background:linear-gradient(90deg,rgba(255,255,255,0),#fff 35%);display:flex;align-items:center;justify-content:flex-end;color:#1e2329}
.screen-home .p-rank-more .m-icon{width:18px;height:18px}
.screen-home .p-home-markets{position:relative}
.p-promo-trophy{display:flex;color:#1e2329}.p-promo-trophy svg{width:26px;height:26px}
.screen-home .p-home-feed-tabs .p-feed-up{margin-left:auto;width:18px;color:#1e2329}.p-feed-up svg{width:16px;height:16px}
.screen-home .p-home-feed-tabs button.active{color:#000;font-weight:600}
.screen-home .p-home-balance p{display:flex;align-items:center;gap:3px}.p-pnl-caret{width:13px;height:13px;color:#888;margin-left:3px}
.screen-home .p-home-promo>div>button{font-size:22px;color:#777;line-height:1}