*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#000;color:#f5f5f5;font:14px Arial,'Microsoft JhengHei',sans-serif}button,input,select{font:inherit}button,a{cursor:pointer}button{border:1px solid #4b4b4b;border-radius:8px;padding:12px 16px;background:#111;color:#fff}button:hover{border-color:#facc15}a{color:inherit;text-decoration:none}.gold,.selected{background:#fbd214!important;color:#080808!important;border-color:#fbd214!important}.muted{color:#92959e}.red{color:#fb4256}.green{color:#16b987}main{max-width:1440px;margin:auto;padding:0 16px 100px}.demo{position:fixed;top:0;left:0;z-index:10;font-size:10px;color:#a69963;background:#141208b0;padding:3px 8px;pointer-events:none}header{height:65px;display:flex;align-items:center;justify-content:space-between;padding:8px 4%}header img{width:48px;height:48px;object-fit:contain}header button{padding:6px 12px;margin-left:12px}header .icon{color:#facc15;background:transparent;border:0;font-size:22px}.hero{width:100%;height:200px;object-fit:fill}.shortcuts{display:grid;grid-template-columns:repeat(6,1fr);padding:30px 0;gap:8px;text-align:center}.shortcuts a{font-size:13px}.shortcuts img{display:block;width:40px;height:40px;object-fit:contain;margin:0 auto 8px}input,select{background:#161617;border:1px solid #505054;border-radius:8px;padding:12px;color:#fff;width:100%;outline:none}input:focus{border-color:#facc15}.search{height:36px;font-size:14px;padding-left:16px}.tabs{display:flex;gap:28px;align-items:center;margin:22px 0 16px}.tabs button{border:0;border-radius:0;background:none;color:#92959e;padding:8px 0}.tabs button.active{color:#facc15;border-bottom:2px solid #facc15}.market{background:#101113}.row{display:grid;grid-template-columns:2fr 1fr 1.4fr 1fr;align-items:center;gap:12px;padding:14px 8px;min-height:64px}.row:hover{background:#17181b}.coin{display:flex;align-items:center;gap:8px}.coin img{width:32px;height:32px;object-fit:contain}.coin small{display:block;font-size:12px;margin-top:6px}.price{text-align:right;padding-right:8%}.spark{width:100%;height:40px}.row.head{color:#999;font-size:12px;background:#000}h2{text-align:center;font-size:36px;margin:36px 0}h3{font-size:20px;margin:0 0 14px}p{color:#999;line-height:1.65;margin:8px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{background:#111;border-radius:8px;padding:32px;margin-bottom:16px}.feature{display:flex;align-items:center;justify-content:space-between;gap:30px}.feature em{color:#a4e300;font-style:normal;font-size:36px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}.products img{width:100%;max-width:250px}.stats{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;padding:40px}.stats strong{display:block;color:#facc15;font-size:28px}.partners{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.partners img{width:100%}.cta{text-align:center;padding:60px 20px;background:#111}.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stars{color:#facc15}details{border-bottom:1px solid #333;padding:24px 4px}summary{cursor:pointer;list-style:none}summary:after{content:'+';float:right;color:#facc15}footer{margin:50px 0 10px}footer img{width:48px}nav{position:fixed;bottom:8px;left:8px;right:8px;display:grid;grid-template-columns:repeat(6,1fr);border-radius:28px;background:#1b1b1bf5;z-index:20;height:54px;backdrop-filter:blur(15px)}nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:11px}nav img{width:20px;height:20px;filter:brightness(0) invert(1)}nav a.active{color:#facc15}nav a.active img{filter:brightness(0) saturate(100%) invert(80%) sepia(90%) saturate(1240%)}.page{padding:32px 4px}.page h1{font-size:26px}.wide-tabs{display:flex;gap:8px;margin:20px 0}.wide-tabs button{flex:1}.trade-grid{display:grid;grid-template-columns:3fr 2fr;gap:16px}.periods{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.chart{width:100%;height:480px;display:block}.field{display:block;margin:18px 0 10px}.actions{display:flex;gap:8px;margin:24px 0}.actions button{flex:1}.balance{display:flex;justify-content:space-between;margin:24px 0}.empty{text-align:center;color:#737780;padding:70px 0}.notice{padding:14px;background:#171608;color:#b5ab74;line-height:1.6}.book-row{display:flex;justify-content:space-between;padding:5px 0}.auth{max-width:600px;padding:30px 4px;margin:auto}.auth h1{line-height:1.6}.auth button.full{width:100%;margin:10px 0}.auth label{display:block;margin:20px 0 8px}.auth .check{display:flex;align-items:center;gap:8px}.check input{width:auto}.account-menu button{display:flex;justify-content:space-between;width:100%;padding:24px 20px;background:#1a1a1a;border:0;margin-bottom:8px;border-radius:12px}.asset strong{display:block;font-size:26px;margin:16px 0 0}dialog{border:1px solid #555;background:#151515;color:#fff;border-radius:14px;max-width:500px;width:90%;padding:24px}dialog::backdrop{background:#000a}dialog button{margin-top:20px}.local-note{font-size:12px;color:#ac9c54;margin:12px 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tab-content{padding:20px 0}.accent{color:#facc15}.bank-message{text-align:center;padding:80px 20px}.wallet-card{background:#1b1b1b;border-radius:12px;padding:24px}.funds-tabs{display:flex;gap:30px}.funds-tabs button{border:0;background:none}.funds-tabs .active{color:#facc15;border-bottom:2px solid #facc15;border-radius:0}.full{width:100%}@media(max-width:700px){main{padding:0 16px 90px}header{padding:8px 0}.hero{width:calc(100% + 32px);margin-left:-16px}.shortcuts{gap:4px}.shortcuts a{font-size:11px}.grid,.reviews{grid-template-columns:1fr}h2{font-size:30px}.card{padding:24px}.row{grid-template-columns:1.5fr 1fr 1fr}.spark{display:none}.products{grid-template-columns:1fr 1fr}.stats{padding:25px 0;grid-template-columns:1fr 1fr;gap:25px}.partners{grid-template-columns:repeat(3,1fr)}.trade-grid{grid-template-columns:1fr}.chart{height:360px}.two{grid-template-columns:1fr}.page{padding-top:24px}.shortcuts img{width:36px;height:36px}.wide-tabs{flex-wrap:wrap}.wide-tabs button{min-width:65px}.coin select{max-width:120px}}

.bank-deposit{background:#f7f8f9;color:#292d33;border-radius:12px;padding:20px!important}.bank-deposit .card{background:#fff;color:#292d33;border:1px solid #e4e6e8;box-shadow:0 2px 8px #0001;margin:18px 0}.bank-deposit input,.bank-deposit select{background:#fff;color:#292d33;border:1px solid #ccc}.bank-deposit .gold{background:#00cfd0;color:#062e30}.bank-deposit .local-note{color:#727987}.bank-deposit h2{color:#292d33}

.personal-center{max-width:600px;margin:auto;padding-bottom:110px!important}.personal-top{display:flex;align-items:center;justify-content:space-between;margin:2px 0 24px}.personal-top h2{font-size:21px;margin:0}.personal-top>a:first-child{background:#191919;border-radius:14px;padding:6px 15px;font-size:26px}.personal-identity{display:flex;gap:14px;align-items:center;margin:0 0 22px}.personal-avatar{width:58px;height:58px;border:2px solid #515151;border-radius:14px;background:#27232d;display:grid;place-items:center;color:#ede15b;font-size:25px;font-weight:700}.personal-identity strong{font-size:19px}.personal-identity small{display:block;font-size:12px;margin-top:4px;overflow-wrap:anywhere}.personal-total{display:block;background:#191919;padding:18px;border-radius:16px;margin-bottom:16px}.personal-total>small{display:block;font-size:11px;color:#ccc}.personal-total>small span{float:right;font-size:18px}.personal-total>strong{display:block;font-size:29px;margin:10px 0}.personal-total strong small{font-size:12px}.personal-actions{display:flex;background:#191919;border-radius:16px;padding:10px;margin:0 0 18px}.personal-actions button{flex:1;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:13px}.personal-actions button span{color:#e8dc51;font-size:21px}.personal-tabs{display:flex;gap:24px;border-bottom:1px solid #222;margin:0 0 20px}.personal-tabs button{border:0;background:transparent;border-radius:0;padding:9px 0;font-size:14px}.personal-tabs button.selected{color:#e7d92d;border-bottom:2px solid #e7d92d}.personal-fund{background:linear-gradient(110deg,#eee669,#d9d448);color:#080808;border-radius:14px;padding:16px;margin-bottom:13px}.personal-fund-line{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:15px}.personal-fund-line strong{font-size:16px}.personal-fund-line small{font-size:10px}.personal-fund-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:13px;gap:8px}.personal-fund-bottom>small{font-size:11px;color:#48451d}.personal-fund-bottom button{background:#ffffff5c;color:#171600;border:1px solid #8b852f55;padding:5px 12px;font-size:12px;margin-left:6px;border-radius:8px}.personal-menu{display:grid;gap:11px;margin-top:24px}.personal-menu>button,.personal-menu>a{display:flex;align-items:center;gap:12px;border:0;background:#191919;border-radius:16px;padding:17px 15px;text-align:left}.personal-menu b{flex:1;font-size:14px}.personal-menu-icon{display:grid;place-items:center;color:#dfcf33;font-size:21px;border:1px solid #2c2c2c;border-radius:11px;width:38px;height:38px}.personal-menu em{font-size:11px;font-style:normal;background:#e8d937;color:#161600;padding:5px 8px;border-radius:7px;max-width:100px;overflow:hidden;text-overflow:ellipsis}.personal-token{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#191919;border-radius:13px;margin:12px 0;gap:12px}.personal-token small{display:block;font-size:11px;color:#999;margin-top:6px}.transfer-swap{display:block;margin:14px auto;color:#e5d744!important}.personal-center .field select{width:100%}@media(min-width:700px){.personal-menu{grid-template-columns:1fr 1fr}.personal-menu b{font-size:13px}}

.personal-tabs button.selected{background:transparent!important;color:#e7d92d!important;border-color:#e7d92d!important}

.personal-currency{display:flex;justify-content:space-between;align-items:center;gap:12px}.personal-currency>div{display:grid;gap:4px}.personal-currency strong{font-size:14px}.personal-currency small{font-size:10px}.ico-holding-row{display:flex;justify-content:space-between;gap:12px;padding:20px 0;border-bottom:1px solid #263039}.ico-holding-head{padding-top:8px;font-size:12px}.ico-holding-row>div{text-align:right}.ico-holding-row small{display:block;color:#aaa;font-size:11px;margin-top:5px}

.staking-page{max-width:720px;margin:auto;padding-bottom:110px!important}.stake-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 24px}.stake-heading h2{font-size:20px;margin:0}.stake-orders{padding:10px;background:#1c1c1c;border-radius:12px}.stake-orders span{color:#e4d73c;margin-left:4px}.stake-summary{background:#191919;border-radius:17px;padding:23px;margin-bottom:20px}.stake-summary h2{margin:0 0 9px;font-size:23px}.stake-summary>p{color:#aaa;font-size:12px}.stake-count{margin:20px 0}.stake-summary-currency{border-top:1px solid #353535;padding:14px 0}.stake-summary-currency>div{display:flex;justify-content:space-between;gap:10px;margin-top:11px;font-size:12px}.stake-summary-currency>div strong{font-size:14px}.stake-summary>small{color:#999;font-size:10px}.stake-product-terms{display:flex;justify-content:space-between;text-align:center;gap:8px;margin:22px 0}.stake-product-terms small,.stake-product-terms b{display:block}.stake-product-terms small{font-size:11px;color:#aaa;margin-bottom:7px}.stake-product-terms b{font-size:12px}.stake-order{margin:16px 0}.stake-order h3{margin:0 0 18px}.stake-order dl{display:grid;grid-template-columns:minmax(115px,1fr) minmax(0,1.5fr);gap:12px;font-size:12px}.stake-order dt{color:#bbb}.stake-order dd{text-align:right;margin:0;overflow-wrap:anywhere}.stake-order button{padding:9px 13px;font-size:12px}

.spot-page{max-width:650px;margin:auto;padding-bottom:110px!important}.spot-search{display:flex;gap:10px;margin:16px 0}.spot-search button{border-radius:50%}.spot-source-note{background:#191919;border-radius:14px;padding:16px;margin:20px 0}.spot-source-note summary{font-weight:700;cursor:pointer}.spot-source-note p{font-size:12px;color:#aaa;line-height:1.7}.spot-list-head{display:grid;grid-template-columns:1.4fr 1fr 85px;font-size:12px;margin:24px 0 8px;text-align:right}.spot-list-head>b:first-child{text-align:left}.spot-product-row{display:grid;grid-template-columns:1.4fr 1fr 85px;align-items:center;gap:8px;width:100%;border:0;background:transparent;padding:14px 0;text-align:right}.spot-product-row>div{display:flex;align-items:center;gap:9px;text-align:left}.spot-product-row img,.spot-symbol-icon{width:32px;height:32px;border-radius:50%;flex-shrink:0}.spot-symbol-icon{display:grid;place-items:center;background:#263641;color:#eee;font-size:12px;border:2px solid #576069}.spot-product-row small{display:block;font-size:10px;margin-top:3px;color:#aaa}.spot-product-row strong{font-size:13px;overflow-wrap:anywhere}.spot-change{display:inline-block;border-radius:7px;padding:6px 8px;color:#fff;font-size:12px;font-weight:bold}.spot-change.up{background:#219847}.spot-change.down{background:#ff474f}.spot-trade-heading{display:flex;align-items:center;justify-content:space-between;margin:10px 0 28px}.spot-trade-heading h2{font-size:20px;margin:0}.spot-quote{border-bottom:1px solid #444;margin-bottom:20px}.spot-buy-sell{display:flex;gap:14px;margin:20px 0 36px}.spot-buy-sell button{flex:1;padding:18px;font-size:18px}.spot-market-type{padding:16px;background:#191919;border-radius:12px;margin:24px 0 30px}.spot-percent{display:flex;gap:7px;margin:16px 0 32px}.spot-percent button{flex:1;padding:9px 3px;font-size:12px;background:#191919;border:0}.spot-page form>.balance{margin:20px 0;font-size:12px}.spot-page form>.full{margin-top:28px}.spot-order-filters{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0}.spot-order-filters button{font-size:10px;padding:8px}.spot-order{margin:14px 0}.spot-order h3{font-size:15px}.spot-order-values{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px;margin-top:16px}.spot-order-values small,.spot-order-values b{display:block;font-size:12px}.spot-order-values small{color:#999;margin-bottom:7px}.spot-order>p,.spot-order>small{color:#999;font-size:10px}

.spot-order-filters{max-height:170px;overflow:auto;padding:4px 0}.spot-order-values>div:last-child b{color:#e6d848}

.spot-timeframes{display:flex;gap:6px;justify-content:space-between;margin:22px 0}.spot-timeframes button{padding:8px 12px;font-size:12px;border:0}#spotCandlestickChart{display:block;width:100%;height:400px;border-radius:8px}

.spot-source-note summary{display:flex;align-items:center;justify-content:space-between;list-style:none}.spot-source-note summary::-webkit-details-marker{display:none}.spot-source-note summary::after{content:"▼";background:#fbd214;color:#111;border-radius:20px;min-width:40px;text-align:center;font-size:11px}.spot-source-note[open] summary::after{content:"▲"}.spot-source-note p{color:#fff;font-size:13px;font-weight:600;white-space:pre-wrap}

.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.spot-focused #nav{display:none!important}.spot-chart-page,.spot-deal-page{max-width:430px;padding-bottom:25px!important}.spot-focused main{padding-bottom:20px}.spot-trade-heading>a:first-child,.spot-trade-heading>button{width:38px;height:38px;display:grid;place-items:center;border:0;background:#191919;border-radius:14px;padding:0;font-size:22px}.spot-deal-page .spot-trade-heading,.spot-chart-page .spot-trade-heading{margin:0 0 34px}.spot-chart-page .spot-list-head,.spot-deal-page .spot-list-head{margin-bottom:0}.spot-quote{padding:10px 0 14px}.spot-deal-page .spot-quote{border:0;margin-bottom:0}.spot-chart-options{text-align:right;margin:8px 0}.spot-chart-options button{border:0;background:none;padding:6px}.spot-timeframes{display:flex;justify-content:space-between;gap:8px;margin:12px 0}.spot-timeframes button{border:0;background:none;padding:7px 12px}.spot-chart-page canvas{display:block;width:100%;border-radius:0}.spot-chart-trade{margin-top:6px;position:sticky;bottom:10px;z-index:2;border-radius:13px}.spot-deal-page .spot-buy-sell{margin:0 0 46px;gap:20px}.spot-buy-sell button{display:flex;align-items:center;text-align:left;font-size:16px;background:#191919;border-color:#333;border-radius:13px;padding:8px}.spot-buy-sell i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#36363e;font-style:normal;font-size:24px;margin-right:8px}.spot-buy-sell em{margin-left:auto;font-style:normal}.spot-deal-page .spot-market-type{display:flex;justify-content:space-between;margin:0 0 48px;padding:14px 12px}.spot-quantity{position:relative;display:block}.spot-quantity input{padding-right:70px;height:46px}.spot-unit{position:absolute;right:12px;top:9px;background:#fbd214;color:#000;border-radius:6px;padding:5px 12px}.spot-deal-page .spot-percent{margin:20px 0 34px}.spot-deal-page form>.balance{font-size:14px;margin:28px 0}.spot-deal-page .spot-fee-detail{font-size:11px;color:#999;margin:12px 0}.spot-deal-page form>.full{margin-top:28px;border-radius:13px}.spot-deal-page .local-note{font-size:10px;margin-top:26px}

.spot-orders-page{max-width:430px;padding-bottom:32px!important}.spot-orders-page .spot-trade-heading{margin:0 0 28px}.spot-orders-chart{display:grid;place-items:center;width:38px;height:38px;background:#191919;border-radius:14px;font-size:24px}.spot-orders-page .spot-order-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 4px;margin:0 0 16px;max-height:205px;overflow-y:auto;scrollbar-width:thin}.spot-orders-page .spot-order-filters button{border:0;background:transparent;font-size:12px;font-weight:700;padding:9px 3px;white-space:nowrap;border-radius:13px}.spot-orders-page .spot-order{border:1px solid #292929;border-radius:13px;background:#111;padding:18px;margin:14px 0}.spot-order-heading{display:flex;align-items:center;justify-content:space-between}.spot-order-heading h3{margin:0;font-size:16px}.spot-side-tag{font-size:11px;padding:3px 10px;border:1px solid;border-radius:6px}.spot-side-tag.buy{color:#16a05c;border-color:#123b26;background:#0d2016}.spot-side-tag.sell{color:#cf304b;border-color:#51202b;background:#231317}.spot-orders-page .spot-order-values{grid-template-columns:1fr 1fr 1.1fr;margin-top:14px;gap:12px}.spot-orders-page .spot-order-values small{color:#eee;font-size:11px}.spot-orders-page .spot-order-values b{font-size:13px;overflow-wrap:anywhere}.spot-order-extra{margin-top:10px;color:#999;font-size:10px}.spot-order-extra summary{cursor:pointer}.spot-order-extra p{line-height:1.5}.spot-orders-empty{color:#999;text-align:center;padding:30px 0}

.spot-chart-trade:disabled,.spot-deal-page button[type=submit]:disabled{background:#807000!important;border-color:#807000!important;color:#100e00!important;opacity:1;cursor:not-allowed}
.option-page{max-width:430px;margin:auto;padding-bottom:120px!important}.option-page .spot-list-head{margin-top:28px}.option-product-select{display:flex;align-items:center;gap:8px;border:0;background:none;padding:0;text-align:left}.option-product-select img{width:32px;height:32px}.option-page .spot-product-row{grid-template-columns:1.4fr 1fr 85px}.option-page .balance>button{border:0;background:none;padding:6px}.option-chart-wrap{position:relative}.option-chart-wrap canvas,.option-subchart{display:block;width:100%}.option-gear{position:absolute;right:0;top:0;font-size:24px;border:0;background:#000;padding:2px;z-index:1}.option-page .spot-buy-sell{margin:24px 0 16px;gap:8px}.option-page .spot-buy-sell button{justify-content:center;padding:12px}.option-trade-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.option-periods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:10px 0}.option-periods button{padding:12px 3px;background:#111;white-space:nowrap}.option-trade-grid .field{display:block;margin-top:12px}.option-trade-grid .balance{font-size:11px;margin-top:20px}.option-trade-grid .full{text-align:left;padding:16px}.option-trade-grid section>p{font-size:11px}.option-trade-grid a{display:block;font-size:12px;margin-top:20px}.option-drawer-shade,.option-overlay{position:fixed;inset:0;background:#0009;z-index:45}.option-drawer{position:fixed;left:0;top:0;bottom:0;width:164px;background:#171717;z-index:46;overflow-y:auto;padding:8px}.option-drawer>input{position:sticky;top:0;background:#111;border-color:#fbd214;z-index:1}.option-drawer button{display:flex;align-items:center;gap:5px;width:100%;padding:12px 6px;margin:10px 0;border:1px solid transparent;background:#0d0d0d;word-break:break-all}.option-drawer button img{width:30px;height:30px}.option-drawer .selected{background:#111!important;color:#fff!important;border-color:#fbd214}.option-overlay{display:flex;align-items:center;justify-content:center;padding:10px}.option-indicators{width:100%;max-width:405px;background:#1b1b1b;border-radius:26px;padding:24px;max-height:90vh;overflow:auto}.option-indicators h3{margin:0}.indicator-switch{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px;background:#111;border-color:#252525;border-radius:16px}.indicator-switch i{width:48px;height:26px;background:#222;border-radius:20px;position:relative}.indicator-switch i:after{content:'';position:absolute;left:3px;top:3px;width:20px;height:20px;background:#fff;border-radius:50%}.indicator-switch i.on{background:#fbd214}.indicator-switch i.on:after{left:25px}

.option-depth-side{margin:12px 0 34px;min-height:160px}.option-depth-row{display:flex;justify-content:space-between;gap:7px;font-size:12px;line-height:1.9}.option-page .spot-quote{margin-bottom:8px}.option-page>.balance{margin:4px 0}.option-page .spot-timeframes{margin:10px 0}.option-page .spot-buy-sell{margin:20px 0 16px}.option-page .option-trade-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:16px}.option-trade-grid .full{border-radius:13px;font-size:17px}.option-page .local-note{font-size:10px}.option-page .spot-list-head{margin-top:20px}
.contract-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.contract-two label{min-width:0;font-size:12px}.contract-two input,.contract-two select{margin-top:8px}.contract-lots{display:flex;align-items:center;background:#111;border:1px solid #555;border-radius:10px;overflow:hidden}.contract-lots input{min-width:0;border:0;background:none;padding:12px 6px}.contract-lots button{border:0;background:none;color:#fbd214;padding:8px 3px}.positions-page{max-width:650px;margin:auto}.positions-tabs{display:flex;gap:22px;margin:25px 0 34px}.positions-tabs button{border:0;background:none;border-radius:0;padding:10px 0;font-weight:bold}.positions-tabs button.active{color:#fbd214;border-bottom:2px solid #fbd214}.positions-summary{display:flex;align-items:center;justify-content:space-between;border:1px solid #262626;border-radius:12px;padding:10px;margin:18px 0 24px}.positions-summary button{border:0;padding:5px;font-size:11px}.positions-head,.positions-values{display:grid;grid-template-columns:1.15fr .6fr 1fr 1fr 1fr .85fr;gap:6px;align-items:center;font-size:10px;overflow-wrap:anywhere}.positions-head{padding:10px 0;border-bottom:1px solid #222}.position-order{border-bottom:1px solid #242424;padding:18px 0}.position-order details{font-size:11px;color:#999;margin:12px 0}.position-order button{font-size:11px;padding:7px 15px}.positions-empty{padding:75px 0;text-align:center;color:#999}.positions-empty>div{display:grid;place-items:center;margin:auto;width:130px;height:130px;background:linear-gradient(140deg,#333,#aaa);color:#fff;font-size:80px;border-radius:18px}.positions-empty p{margin-top:32px}.positions-page .spot-source-note{margin-top:0}
.positions-market{text-align:right;font-size:13px;margin:8px 2px 18px}.positions-summary{gap:12px;border:0;padding:0;background:none}.positions-summary>span{flex:1;border:1px solid #242424;border-radius:13px;padding:13px 15px;display:flex;justify-content:space-between}.positions-summary>button{flex-shrink:0;background:none}.position-controls{display:flex;justify-content:flex-end;gap:7px;margin-top:10px}.position-controls button{padding:5px 12px;border-radius:7px;font-size:11px}.position-order{border-bottom:1px solid #aaa}.positions-values,.positions-head{grid-template-columns:1.2fr .85fr 1.1fr 1.1fr 1fr 1fr;gap:5px;text-align:center;font-weight:bold}.positions-values>b:first-child,.positions-head>b:first-child{text-align:left}.spot-position-table .positions-values>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.positions-page .positions-tabs{gap:25px}.positions-page .spot-source-note{padding:12px;border-radius:16px}.positions-page .spot-source-note p{font-size:13px}.position-controls button:disabled{background:#6d601e!important;cursor:not-allowed;opacity:.65}
.position-order details{padding:0;border:0;margin:6px 0 0}.position-order details:not([open]){min-height:12px}.position-order details summary{font-size:9px;line-height:1.3;color:#888}.positions-values{font-size:11px}.positions-head{font-size:10px}.position-order{padding:14px 0}.positions-page .position-controls button{padding:5px 11px}
.positions-values>span{font-size:10px;white-space:nowrap}.positions-values>b{font-size:10px}.spot-position-table .positions-values{grid-template-columns:1.1fr 1fr 1.15fr 1.15fr 1fr .85fr}
.order-revision-note{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;padding:8px;background:#25200d;border-radius:7px;font-size:10px;color:#ead16e}.order-revision-note button{margin-left:auto}.positions-summary>span>span{font-size:12px}
.option-history-page{max-width:430px;margin:auto;padding-bottom:40px!important}.option-history-card{background:#1a1a1a;border-radius:19px;padding:24px;margin:16px 0}.option-history-card h3{margin:0 0 18px;font-size:16px}.option-history-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.option-history-values small,.option-history-values b{display:block}.option-history-values small{font-size:12px;margin-bottom:5px}.option-history-values b{font-size:15px;overflow-wrap:anywhere}.option-history-card details{border:0;padding:0;margin-top:14px;font-size:10px;color:#888}.option-history-card details p{line-height:1.7}.option-demo-label{font-size:10px;line-height:1.6;color:#e5c653;background:#2a230c;border-radius:6px;padding:7px}.option-demo-check{display:flex;gap:6px;align-items:flex-start;font-size:10px;color:#e5c653;margin:12px 0;line-height:1.6}.option-demo-check input{width:15px;height:15px;flex-shrink:0;accent-color:#fbd214}

.withdraw-icon-picker{position:relative;margin-top:8px;color:#fff;font-size:15px}.withdraw-icon-picker summary,.withdraw-picker-options button{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 14px;box-sizing:border-box;cursor:pointer}.withdraw-icon-picker summary{list-style:none;background:#171717;border:1px solid #555;border-radius:9px}.withdraw-icon-picker summary::-webkit-details-marker{display:none}.withdraw-icon-picker img{width:32px;height:32px;object-fit:contain;flex-shrink:0}.withdraw-picker-arrow{margin-left:auto}.withdraw-picker-options{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;background:#202020;border:1px solid #555;border-radius:9px;box-shadow:0 8px 24px #0009;overflow:hidden}.withdraw-picker-options button{width:100%;border:0;border-radius:0;background:transparent;color:#fff;text-align:left;margin:0}.withdraw-picker-options button:hover,.withdraw-picker-options button[aria-pressed=true]{background:#383520}.withdraw-icon-picker[open] summary{border-color:#ffda00}

.network-label{display:inline-flex;flex-direction:column;gap:4px;vertical-align:middle;text-align:left;line-height:1.3}.network-label small{display:block;font-size:12px;color:#929aaa;font-weight:400}.withdraw-icon-picker .network-label{padding:2px 0}

.option-history-detail-link{background:transparent;color:#a5acb6;border:0;padding:14px 0 0;font-size:12px;text-align:left;width:100%}.option-order-detail-page{background:#000;color:#f3f3f3;min-height:100vh;padding:0 16px}.option-order-detail-page header{display:flex;align-items:center;justify-content:flex-start;gap:18px;border-bottom:1px solid #292929;padding:16px 0;background:#000}.option-order-detail-page header a{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#191919;color:#fff;font-size:28px;flex-shrink:0}.option-order-detail-page h2{margin:0;font-size:22px}.option-detail-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:23px 0;border-bottom:1px solid #292929;font-size:14px}.option-detail-row>span{color:#9095a1;flex-shrink:0}.option-detail-row b{font-weight:400;text-align:right;overflow-wrap:anywhere}.option-detail-demo{font-size:12px;line-height:1.6;color:#fbd214;background:#29230d;border:1px solid #413815;border-radius:8px;padding:10px 12px}

.option-order-detail-page h2{color:#fff}.option-order-detail-page .green{color:#00c896}.option-order-detail-page .red{color:#ff4056}

.stable-wallet-breakdown{font-size:11px;margin-top:6px}.stable-wallet-breakdown summary{cursor:pointer}.stable-wallet-breakdown small{display:block;padding-top:5px}

.personal-currency{display:grid;grid-template-columns:minmax(128px,.9fr) minmax(0,1.4fr);min-height:74px;padding:15px 17px;gap:12px;border-radius:14px}.personal-currency>b{font-size:15px;white-space:nowrap}.personal-currency>div{display:grid;gap:4px;min-width:0}.personal-currency strong{font-size:14px;line-height:1.4;overflow-wrap:anywhere}

.option-confirm-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000}.option-confirm-panel{background:#191919;border-radius:24px;padding:24px 20px;width:min(420px,100%);max-height:90dvh;overflow:auto;color:white}.option-confirm-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.option-confirm-title h3{font-size:20px;margin:0}.option-confirm-title button{border:0;background:transparent;color:#ffd400;font-size:26px;padding:0 6px}.option-confirm-row{display:flex;justify-content:space-between;gap:20px;padding:8px 0;font-size:14px}.option-confirm-row b{text-align:right}.option-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.option-confirm-actions button{padding:13px;border-radius:9px}.option-confirm-disclosure{font-size:11px;color:#b8a650;margin-top:14px}#optionTradeNotice{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:1200;width:min(398px,calc(100% - 28px));padding:16px;background:#202020;color:#fff;border-radius:9px;font-size:13px;box-shadow:0 4px 20px #0006}

/* Home market rows retain all four columns on phones. */
#rows .home-market-row{display:grid;grid-template-columns:minmax(110px,1.3fr) minmax(60px,.7fr) minmax(55px,.75fr) minmax(75px,1fr);gap:8px;align-items:center;padding:14px 8px;min-height:66px}
#rows .home-market-row .coin{display:flex;align-items:center;gap:8px;min-width:0}
#rows .home-market-row .coin img{display:block;width:32px;height:32px;flex:0 0 32px;object-fit:contain}
#rows .home-market-row .coin small{display:block;font-size:11px;margin-top:5px}
#rows .home-market-row .home-spark{display:block;width:100%;height:38px;text-align:center}
#rows .home-market-row>.price{text-align:right;font-size:13px;white-space:nowrap}
@media(max-width:420px){#rows .home-market-row{grid-template-columns:minmax(100px,1.3fr) 56px minmax(42px,.7fr) minmax(70px,1fr);gap:5px;padding:12px 4px}#rows .home-market-row>.price{font-size:12px}}

.demo-verification-card{background:#191919;border:1px solid #333;border-radius:16px;padding:22px;margin:24px 0;box-shadow:0 2px 10px #0005}.demo-verification-card h3{font-size:18px;margin:0 0 14px}.demo-verification-card p{color:#999da8;line-height:1.8;margin:0 0 16px}.demo-verification-card .full{margin:0;min-height:52px;border-radius:10px}.demo-verification-card small{display:block;color:#92959e;font-size:11px;margin-top:12px}.demo-verification-card .verification-pending{background:#2b2b2b;color:#aaaeba;border-color:#2b2b2b;cursor:default}.demo-verification-card .verification-approved{background:#173e2e;color:#64d59f;border-color:#173e2e;cursor:default}

.demo-verification-card .verification-pending{background:#42350f;color:#ffda55;border:1px solid #8f7425;font-weight:700;font-size:16px;opacity:1;-webkit-text-fill-color:#ffda55;box-shadow:inset 0 1px 0 #ffffff0a}


.loan-description{background:#191919;border-radius:12px;margin:24px 0 12px;padding:0 12px}.loan-description>summary{display:flex;align-items:center;justify-content:space-between;padding:12px 0;font-weight:700;list-style:none;cursor:pointer}.loan-description>summary::-webkit-details-marker{display:none}.loan-description-arrow{display:inline-flex;align-items:center;justify-content:center;background:#fbd214;color:#111;border-radius:20px;width:38px;height:20px}.loan-description[open] .loan-description-arrow{transform:rotate(180deg)}.loan-description>p{padding-bottom:16px;margin:0;color:#a5a8b0}

.loan-description>summary::after{content:none;display:none}.loan-description .loan-description-arrow{margin-left:auto;flex:0 0 38px}

.loan-record-page{max-width:620px;margin:auto}.loan-back{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;background:#191919;border-radius:12px;font-size:23px}.loan-record-tabs{display:flex;gap:36px;margin:26px 0}.loan-record-tabs .active,.loan-status-tabs .active{color:#fbd214;border-bottom:2px solid #fbd214;padding-bottom:10px}.loan-status-tabs{display:flex;gap:20px;overflow-x:auto;margin-bottom:24px}.loan-status-tabs button{padding:0 0 10px;background:none;border:0;border-radius:0;white-space:nowrap;font-weight:700}.loan-order-card{padding:20px;background:#191919;border-radius:15px;margin-bottom:14px}.loan-order-card header{height:auto;padding:0;margin-bottom:18px}.loan-order-card h3{margin:0;font-size:17px}.loan-order-status{font-size:12px;font-weight:700;padding:6px 12px;border-radius:7px;background:#eee;color:#e27618}.loan-order-status.active{background:#f07916;color:white}.loan-order-status.rejected,.loan-order-status.overdue{background:#4a2026;color:#ff8b99}.loan-order-status.repaid{background:#153e2b;color:#7fe0ac}.loan-order-columns{display:grid;grid-template-columns:1fr .8fr 1.15fr;gap:16px}.loan-order-columns strong{display:block;font-size:16px;overflow-wrap:anywhere}.loan-order-columns small{display:block;font-weight:700;margin-top:7px}.loan-order-card>p{font-size:12px;line-height:1.7}.loan-order-card .full{margin-top:16px}

/* Keep loan navigation visible while only the order list scrolls. */
.loan-record-page{height:calc(100dvh - 96px);height:calc(100svh - 96px);padding-top:18px;padding-bottom:0;display:flex;flex-direction:column;overflow:hidden;min-height:0}
.loan-record-fixed{flex:0 0 auto;background:#000;z-index:2;padding-bottom:12px}
.loan-record-fixed .loan-record-tabs{margin:24px 0 20px}
.loan-record-fixed .loan-status-tabs{margin-bottom:0;padding-bottom:2px}
.loan-order-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding-bottom:20px;scrollbar-width:thin}

.loan-record-tabs{align-items:center}.loan-record-tabs .loan-online-support{display:inline-flex;align-items:center;gap:7px;margin-left:auto;color:#f5f5f5;font-size:13px;white-space:nowrap}.loan-online-support img{width:30px;height:30px;object-fit:contain}

.loan-record-tabs button.loan-online-support{background:transparent;border:0;padding:0;border-radius:0}

.frontend-tools-header .frontend-tools{display:flex;align-items:center;gap:16px}.frontend-tools-header .frontend-tools button{display:inline-flex;align-items:center;justify-content:center;color:#fbd214;background:transparent;border:0;padding:5px;margin:0;min-width:28px;min-height:34px}.frontend-tools-header .frontend-tools svg{display:block}.language-options{display:flex;flex-direction:column;gap:10px}.frontend-announcement{padding:12px 0;border-bottom:1px solid #333}.frontend-announcement h3{color:#fbd214}

.feature .home-feature-icon{width:40px;height:40px;flex:0 0 40px;object-fit:contain;margin-left:18px}#home-content-area p{white-space:pre-wrap}.home-content-editor-image{object-fit:contain}

.deposit-address-card{background:#191919;border-radius:18px;padding:22px 16px;margin:16px 0}.deposit-address-heading{display:flex;flex-direction:column;gap:4px;margin-bottom:28px}.deposit-address-heading b{font-size:16px}.deposit-address-heading small{font-size:12px;color:#fff}.deposit-address-row{display:flex;align-items:center;gap:12px;background:#101010;border:1px solid #292929;border-radius:14px;padding:18px 14px}.deposit-address-row>b{font-size:13px;flex-shrink:0}.deposit-address-row>span{flex:1;min-width:0;overflow-wrap:anywhere;text-align:right;font-size:16px;font-weight:700;line-height:1.5}.deposit-address-row>button{border:0;background:transparent;padding:0;color:#fff;display:flex;flex-shrink:0}.deposit-qr-title{text-align:center;font-weight:700;margin:16px 0 14px}.deposit-address-qr{display:block;width:250px;max-width:100%;height:auto;object-fit:contain;margin:0 auto}.deposit-qr-empty{text-align:center;color:#999}

.deposit-address-row{display:block;padding:12px 10px}.deposit-address-row>b{display:block;text-align:left;margin-bottom:10px;font-size:12px}.deposit-address-value{display:flex;align-items:center;gap:6px;min-width:0}.deposit-address-value>span{flex:1;min-width:0;white-space:nowrap;overflow-x:auto;overflow-wrap:normal;text-align:left;font-size:clamp(10px,2.65vw,12px);font-weight:700;line-height:1.6;scrollbar-width:thin}.deposit-address-value>button{display:flex;align-items:center;justify-content:center;flex-shrink:0;border:0;background:transparent;color:#fff;padding:2px;width:24px;height:26px}

.deposit-address-value>span{font-size:clamp(11px,2.9vw,13px)}

.deposit-screen{height:calc(100dvh - 76px);display:flex;flex-direction:column;overflow:hidden}.deposit-fixed-top{flex-shrink:0;background:#000;z-index:20;padding:0 12px}.deposit-header-line{position:relative;padding:28px 4px 6px}.deposit-header-line p{margin:12px 0 6px}.deposit-orders-icon{position:absolute;right:4px;top:18px;border:0;border-radius:12px;background:#191919;padding:9px;color:#fff;display:flex}.deposit-scroll-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.deposit-scroll-body .page{padding-top:0}.deposit-orders-top{display:flex;align-items:center;gap:18px;background:#000;padding:8px 0 18px;position:sticky;top:0}.deposit-back{display:flex;background:#191919;border-radius:12px;width:38px;height:38px;align-items:center;justify-content:center;font-size:26px}.deposit-order-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;border-radius:18px;background:#191919;color:#fff;padding:18px 12px;margin:12px 0}.deposit-order-item>span:nth-child(2){flex:1;min-width:0}.deposit-order-item small{display:block;color:#999;margin-top:6px;font-size:11px}.deposit-order-direction{font-size:24px;color:#fbd214}.request-status{font-size:12px;border-radius:8px;padding:6px;white-space:nowrap}.request-pending{background:#66360c;color:#ffab38}.request-approved{background:#143e2e;color:#62d9a7}.request-rejected{background:#4a2026;color:#ff7d89}.deposit-request-detail>div{display:flex;gap:18px;justify-content:space-between;align-items:center;background:#101010;border:1px solid #292929;border-radius:12px;padding:16px;margin:10px 0}.deposit-request-detail b{text-align:right;overflow-wrap:anywhere}.deposit-request-detail span{flex-shrink:0;color:#aaa}

.withdrawal-order-heading{position:relative;min-height:44px;padding-top:8px}.withdrawal-order-heading .deposit-orders-icon{top:0;right:4px}

.personal-avatar.avatar-upload{border-radius:50%;padding:0;overflow:hidden;flex-shrink:0;cursor:pointer}.avatar-upload img{width:100%;height:100%;object-fit:cover;display:block}

.auth label{display:block;margin:18px 0 8px}.registration-code-row,.registration-phone-row{display:flex;gap:8px;align-items:stretch}.registration-code-row input,.registration-phone-row input{flex:1;min-width:0}.registration-code-row button{flex-shrink:0;color:#fbd214;white-space:nowrap}.registration-phone-row select{width:145px;flex-shrink:0}.registration-phone-row input{width:0}.auth input{width:100%}

.login-options{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.auth .login-options label{display:flex;align-items:center;gap:6px;margin:0}.login-options input{width:auto}.trial-login-button{margin-top:20px;background:transparent;border:1px solid #fbd214;color:#fff}.login-register-line{text-align:center;margin:4px 0}.login-register-line button{padding:0;border:0;background:none;color:#fbd214;font-weight:700}

.auth-password-row{position:relative}.auth-password-row input{padding-right:44px}.auth-password-row button{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:none;color:#fbd214;padding:4px;display:flex}

.auth.public-login{margin:0 auto!important;padding:0 8px 24px}.auth-brand-banner{min-height:300px;display:flex;align-items:center;justify-content:flex-start;padding:50px 0 20px}.auth-brand-banner img{width:175px;max-width:65%;height:70px;object-fit:contain;object-position:left center}.public-login .auth-title-line h1{font-size:25px;margin:8px 0}.auth-brand-name{font-size:22px;font-weight:700;margin:0 0 34px}.public-login input{border-radius:12px}.public-login .trial-login-button{border-radius:12px}@media(max-height:700px){.auth-brand-banner{min-height:200px}}

.auth a[href="reset.html"]{color:#fff}

.localized-long-text{white-space:pre-line;overflow-wrap:anywhere;line-height:1.8;margin-top:10px}

.localized-file-control{position:relative;display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 12px;background:#161616;border:1px solid #555;border-radius:9px;overflow:hidden}.localized-file-control input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;z-index:1}.localized-file-button{flex-shrink:0;background:#303030;border:1px solid #666;border-radius:5px;padding:5px 9px}.localized-file-name{min-width:0;overflow-wrap:anywhere;color:#aaa}

.history-cards-page .spot-order-heading h3{margin:0}.history-cards-page .spot-order-heading{margin-bottom:18px}.option-history-card[role=button],.spot-order[role=button]{cursor:pointer}.option-history-card[role=button]:focus-visible,.spot-order[role=button]:focus-visible{outline:2px solid #fbd214}.history-detail-dialog{position:fixed;inset:0;margin:auto;width:calc(100% - 28px);max-width:430px;max-height:85dvh;overflow:auto;padding:24px;background:#1a1a1a;border:0;border-radius:24px;color:#fff}.history-detail-dialog::backdrop{background:#0009}.history-detail-dialog>button{display:none}.history-detail-dialog h3{margin:0 32px 24px 0;font-size:18px}.history-modal-close{position:absolute;right:14px;top:12px;background:transparent;color:#fbd214;border:0;font-size:26px;padding:4px 10px}.history-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}.history-detail-grid small,.history-detail-grid b{display:block}.history-detail-grid small{font-size:12px;margin-bottom:4px;color:#bfc2c8}.history-detail-grid b{font-size:14px;overflow-wrap:anywhere}.history-detail-list>div{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:15px 0;font-size:13px}.history-detail-list small{font-size:12px}.history-detail-list b{text-align:right;overflow-wrap:anywhere}.history-detail-hero{font-size:30px;text-align:center;margin:20px 0 30px}.history-detail-dialog .green{color:#00c896}.history-detail-dialog .red{color:#ff4056}

.positions-values[role=button]{cursor:pointer}.positions-values[role=button]:focus-visible{outline:1px solid #fbd214}.contract-position-table .positions-values>b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contract-cost-preview{margin:16px 0}.contract-cost-preview>div{display:flex;justify-content:space-between;gap:12px;margin:10px 0;font-size:12px}.position-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.position-modal-actions button{padding:12px;border-radius:9px}.positions-page .position-order{padding:14px 0}.positions-page .position-controls{margin-top:10px}

.pending-limits{max-width:430px;margin:24px auto 80px;padding:0 14px}.pending-limits h3{font-size:16px}.pending-limit-row{background:#191919;border:1px solid #333;border-radius:12px;padding:14px;margin:12px 0}.pending-limit-row p{font-size:12px;overflow-wrap:anywhere}.pending-limit-row button{padding:7px 18px}.option-trade-grid .pending-limits{padding:0;margin-bottom:16px}

/* Shared mobile trading form and genuine market book layout. */
.option-page,.metals-page{box-sizing:border-box;width:100%;max-width:560px;margin-left:auto;margin-right:auto;overflow-x:hidden}
.option-trade-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:start}
.option-trade-grid>*,.contract-form-column,.option-trade-grid section{min-width:0}
.option-trade-grid input,.option-trade-grid select{box-sizing:border-box;max-width:100%;width:100%}
.option-trade-grid .contract-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.option-depth-side{margin-top:8px;min-height:190px}
.option-depth-side+.option-depth-side{margin-top:30px}
.option-depth-row{display:flex;justify-content:space-between;gap:8px;line-height:1.65;font-size:13px;white-space:nowrap}
.option-depth-row span:last-child{text-align:right}
#optionDepth>small{display:block;font-size:10px;line-height:1.4;margin-bottom:10px}
.depth-status{font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.option-periods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.option-periods button{padding:10px 4px;min-width:0;white-space:nowrap}
.option-trade-grid .spot-percent{gap:6px}.option-trade-grid .spot-percent button{min-width:0;padding:9px 4px}

.metals-page{max-width:560px;padding-bottom:90px}.metal-order-form .contract-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.metal-order-form input,.metal-order-form select{box-sizing:border-box;max-width:100%;width:100%}.metal-order-form .contract-two .field{margin:0}.metal-leverage{margin:26px 0 30px}.metal-leverage>label{display:block;margin-bottom:14px}.metal-leverage input[type=range]{padding:0;accent-color:#fbd214;height:24px;cursor:pointer}.metal-leverage-ticks{display:flex;justify-content:space-between;font-size:12px}.metal-leverage output{display:inline-block;background:#fbd214;color:#111;border-radius:12px;padding:6px 10px;margin-top:7px}.metal-trade-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.metal-trade-actions button{margin:0!important;padding:17px 12px;text-align:left;border-radius:14px;font-size:17px}.metal-risk{margin:14px 0}.metal-risk summary{cursor:pointer;color:#aaa}.metal-order-form .pending-limits{padding:0;margin:24px 0}.metals-page .position-order{margin:8px 0;padding:12px}

.metal-orders-head{display:grid;grid-template-columns:.7fr 1.6fr 1fr 1fr;gap:8px;font-size:12px;padding:8px 0}.metal-orders-head span{min-width:0;overflow-wrap:anywhere}

.home-tech-tabs{display:flex;overflow-x:auto;gap:6px;margin:25px 0 20px;scrollbar-width:thin}.home-tech-tabs button{flex:0 0 auto;padding:14px 20px;white-space:nowrap;background:#191919;color:#999;border:0;border-radius:12px}.home-tech-tabs button.selected{background:#fbd214;color:#111;font-weight:bold}.home-tech-card{min-height:280px}.home-tech-card h3{color:#fbd214;line-height:1.6;margin:0 0 20px}.home-tech-point{display:flex;align-items:center;gap:20px;margin:22px 0}.home-tech-point img{width:40px;height:40px;object-fit:contain;flex-shrink:0}.home-tech-point p{margin:0;line-height:1.7}

/* Footer logo uses a fixed display box without distorting the uploaded image. */
#home-content-area footer img{width:140px;height:40px;object-fit:contain;object-position:left center}

#app img[data-content-removed="true"]{display:none!important}

/* Fixed header logo box; retain animation and native aspect ratio. */
#app header img{width:140px;height:40px;max-width:140px;object-fit:contain;object-position:left center;flex-shrink:0}

/* Keep header and footer logos identically sized, including in narrow flex layouts. */
#app .frontend-tools-header{min-height:64px;gap:12px;overflow:visible}
#app .frontend-tools-header img.home-header-brand,#home-content-area footer img{box-sizing:content-box!important;width:140px!important;min-width:140px!important;max-width:140px!important;height:40px!important;min-height:40px!important;max-height:40px!important;flex:0 0 140px!important;object-fit:contain!important;object-position:left center!important;padding:0!important;border:0!important;transform:none!important}
#app .frontend-tools-header .frontend-tools{flex:0 0 auto;margin-left:auto;gap:12px}

@media(min-width:701px){#app .hero{width:100%;height:260px;object-fit:cover;object-position:center;display:block}}

/* Trade form occupies full width without order-book sidebar. */
.option-page .option-trade-grid{grid-template-columns:minmax(0,1fr)}
.option-page .option-trade-grid>section{min-width:0;width:100%}

.deposit-orders-page .deposit-order-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto 12px;gap:12px;align-items:center;width:100%;background:#191919;border:0;border-radius:17px;padding:16px;margin:9px 0;text-align:left;min-height:72px}.deposit-order-item small{display:block;margin-top:3px}.deposit-order-direction{display:grid;place-items:center;width:36px;height:36px;border:1px solid #292929;border-radius:12px;color:#fbd214;background:#111}.deposit-order-item .request-status{padding:6px 10px;border-radius:7px;font-weight:700;white-space:nowrap}.deposit-order-item .request-approved{background:#0cb58a;color:white}.deposit-order-item .request-pending{background:#fb7915;color:white}.deposit-order-item .request-rejected{background:#a32b3d;color:white}.deposit-orders-top{display:flex;align-items:center;justify-content:space-between}

.metal-icon{width:38px;height:38px;border-radius:50%;display:block;object-fit:cover}
.spot-product-row .metal-icon,.spot-list-row .metal-icon{width:38px;height:38px}

/* file-control-fix */
.localized-file-control{margin:6px 0 14px;min-height:52px;align-items:center}
.localized-file-button{min-width:88px;text-align:center;color:#eee;font-size:13px}
.localized-file-name{font-size:13px;line-height:1.5;color:#9aa0aa}
.personal-top .personal-lang{background:none;border:0;padding:6px;color:#e9c74b;line-height:0;cursor:pointer}

/* demo-proof */
.demo-proof{position:relative;display:inline-block;margin-top:8px}
.demo-proof img{max-width:100%;max-height:160px;border-radius:10px;display:block}
.demo-proof-clear{position:absolute;top:-8px;right:-8px;width:26px;height:26px;border-radius:50%;border:1px solid #e0453a;background:#e0453a;color:#fff;font-size:16px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 6px #0006}
.demo-proof-clear:hover{background:#b73026;border-color:#b73026}

.demo-proof-img{max-width:100%;max-height:160px;border-radius:10px;display:block;margin-top:8px}

/* login logo */
.auth-brand-banner img.auth-login-logo{width:140px;height:40px;object-fit:contain;image-rendering:auto}
.auth-brand-name{font-weight:800;letter-spacing:.2px}

/* login-logo-tight: Logo 紧贴「登入」标题上方 */
.auth-brand-banner{min-height:auto!important;padding:0 0 18px!important;justify-content:flex-start;align-items:center}
.auth.public-login{margin-top:24px!important}

/* required mark */
.auth label .req,.req{color:#e0453a;font-style:normal;margin-left:3px;font-weight:700}

/* frontend login button */
.frontend-login-btn{background:#f5c518;color:#141414;border:0;border-radius:8px;padding:7px 16px;font-size:15px;font-weight:700;line-height:1.2;cursor:pointer;margin-right:4px}
.frontend-login-btn:active{transform:translateY(1px)}

/* doc iframe mobile open layer */
.doc-frame-wrap{position:relative}
.doc-open-overlay{display:none}
@media (max-width:768px){
 .doc-open-overlay{display:block;position:absolute;inset:0;z-index:2}
}

/* 平仓确认弹窗 */
.confirm-text{color:#f5c518;font-weight:700;font-size:17px;line-height:1.7;margin:6px 0 22px}
.confirm-text b{color:#f5c518;font-weight:800}
.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.confirm-actions button{width:100%;padding:13px 0;border-radius:10px;font-size:16px}

/* 顶部成功提示 */
.spot-success-toast{position:fixed;left:12px;right:12px;top:14px;z-index:9999;transform:translateY(-140%);opacity:0;transition:all .28s ease;background:#111;border:1px solid #2b2b2b;border-radius:12px;padding:14px 18px;color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;gap:10px}
.spot-success-toast span{display:inline-flex;width:22px;height:22px;border-radius:50%;background:#f5c518;color:#111;align-items:center;justify-content:center;font-size:14px;font-weight:900}
.spot-success-toast.show{transform:translateY(0);opacity:1}

/* nav-label-fix: 底部导航图标对齐，长语言名截断不换行 */
nav a{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.15;padding:0 2px;justify-content:flex-start;align-items:center;text-align:center}
nav a img{flex:0 0 auto}
@media (min-width:768px){
 nav a{white-space:normal;overflow:visible;text-overflow:clip;font-size:12px;line-height:1.2}
 nav{height:auto;min-height:62px;align-items:center}
}

/* 金属选择抽屉 */
.metal-drawer-mask{position:fixed;inset:0;background:#000a;z-index:40}
.metal-drawer-panel{position:fixed;left:0;top:0;bottom:0;width:min(72vw,280px);background:#0b0b0b;border-right:1px solid #1f1f1f;z-index:41;display:flex;flex-direction:column;padding:14px 12px}
.metal-drawer-head{display:flex;align-items:center;margin-bottom:10px}
.metal-drawer-list{overflow-y:auto;display:flex;flex-direction:column;gap:8px}
.metal-drawer-list button{display:flex;align-items:center;gap:10px;background:#151515;border:1px solid #262626;border-radius:12px;color:#fff;padding:10px 12px;font-size:15px;text-align:left;width:100%}
.metal-drawer-list button.selected{border-color:#f5c518;color:#f5c518}
.metal-drawer-list img{width:26px;height:26px;border-radius:50%}

.pd-mask{position:fixed;inset:0;background:#000a;z-index:60}
.pd-panel{position:fixed;left:0;top:0;bottom:0;width:min(78vw,300px);background:#0b0b0b;border-right:1px solid #1f1f1f;z-index:61;display:flex;flex-direction:column;padding:14px 12px}
.pd-head{display:flex;gap:8px;margin-bottom:10px}
.pd-head input{flex:1;background:#111;border:1px solid #2a2a2a;border-radius:10px;color:#fff;padding:10px 12px;font-size:15px}
.pd-head button{background:#1c1c1c;border:0;color:#fff;border-radius:10px;padding:10px 14px}
.pd-list{overflow-y:auto;display:flex;flex-direction:column;gap:8px}
.pd-list button{display:flex;align-items:center;gap:10px;background:#151515;border:1px solid #262626;border-radius:12px;color:#fff;padding:10px 12px;font-size:14px;text-align:left;width:100%}
.pd-list button.selected{border-color:#f5c518}
.pd-list button em{margin-left:auto;color:#f5c518;font-style:normal}
.pd-list img{width:26px;height:26px;border-radius:50%}
.pd-list small{display:block;opacity:.6;font-size:12px}

.pd-mask{opacity:0;transition:opacity .22s ease}
.pd-panel{transform:translateX(-100%);transition:transform .24s cubic-bezier(.22,.61,.36,1)}
#pdDrawer.pd-show .pd-mask{opacity:1}
#pdDrawer.pd-show .pd-panel{transform:translateX(0)}
.pd-item:active{transform:scale(.985)}

/* Spot chart product selector only; existing page layouts remain unchanged. */
.spot-chart-page .spot-symbol-select{display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:0;color:inherit;text-align:left;font:inherit;cursor:pointer}
.spot-symbol-select i{font-style:normal;font-size:11px;color:#ffda00}
.spot-picker-layer{position:fixed;inset:0;z-index:1000}
.spot-picker-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:rgba(0,0,0,.35)}
.spot-picker-panel{position:absolute;top:0;bottom:0;left:max(0px,calc((100% - 430px)/2));width:158px;max-width:75vw;background:#1c1c1c;display:flex;flex-direction:column;box-sizing:border-box;padding:5px 6px;overflow:hidden}
.spot-picker-search{display:flex;align-items:center;gap:5px;flex-shrink:0;height:46px;padding:0 10px;border:1px solid #ffdf00;border-radius:14px;box-sizing:border-box;background:#111;color:#eee;margin-bottom:17px}
.spot-picker-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#eee;padding:0;font-size:14px;box-shadow:none}
.spot-picker-search svg{flex-shrink:0}
.spot-picker-list{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0}
.spot-picker-list::-webkit-scrollbar{display:none}
.spot-picker-item{display:flex;align-items:center;gap:4px;width:100%;min-height:53px;margin:0 0 12px;padding:9px 10px;border:1px solid transparent;border-radius:14px;background:#111;color:#eee;text-align:left;font-size:14px;cursor:pointer;box-sizing:border-box}
.spot-picker-item.selected{border-color:#ffdf00}
.spot-picker-item img,.spot-picker-item .metal-icon,.spot-picker-item .spot-symbol-icon{width:30px;height:30px;flex-shrink:0;border-radius:50%}
.spot-picker-item span{white-space:nowrap}
.spot-picker-item>b{margin-left:auto;color:#ffdf00;font-size:15px}
.spot-picker-empty{font-size:12px;color:#aaa;text-align:center}

/* The metals entry now uses the existing spot buy/sell layout. */
.metals-spot-focused #nav{display:none!important}
.metals-spot-focused main{padding-bottom:20px}
.metals-spot-page .spot-trade-heading{margin-bottom:34px}
.metals-spot-page .spot-buy-sell{margin-bottom:46px}
.metals-spot-focused .pending-limits{max-width:430px;margin:24px auto 0;padding:20px 10px}
.metals-spot-focused .pending-limits h3{font-size:16px}

/* 首屏加载 */
.boot-splash{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}
.boot-splash img{width:120px;height:120px;object-fit:contain;opacity:.95}
.boot-name{color:#fff;font-weight:800;font-size:30px;letter-spacing:.5px;margin-top:10px}
.boot-ring{margin-top:130px;width:26px;height:26px;border-radius:50%;border:3px solid #1f2a37;border-top-color:#22c1e0;animation:bootspin .8s linear infinite}
@keyframes bootspin{to{transform:rotate(360deg)}}

/* 加载中隐藏空导航栏 */
nav:empty{display:none!important}