/* 交易页「闪兑 / 股票」，位置和颜色量自 public/assets/references/sept29/trade-{convert,stock}.jpg
   （iPhone 14 Pro，393 × 852pt）。顶部标签与现货页共用 .p-spot-top。 */
.t-caret{width:8px;height:5px;flex:none}
.mobile-app.screen-trade .t-trade-tabs~*{box-sizing:border-box}

/* —— 闪兑 —— */
.t-convert{padding:0 15px;position:relative}
.mobile-app .t-convert-banner{display:flex;align-items:center;justify-content:space-between;width:100%;height:40px;margin-top:17px;padding:0 17px 0 35px;border-radius:12px;background:#fefbe8;font-size:12px;color:#000;text-align:left}
.t-convert-banner .m-icon{width:14px;height:14px;stroke-width:2.2;color:#000;margin-right:-2.5px}
.t-convert-dots{position:absolute;left:0;right:0;top:32px;display:flex;justify-content:center;gap:3px}
.t-convert-dots b{width:8px;height:3px;border-radius:1px;background:#000}.t-convert-dots b+b{background:#ececec}
.t-convert-subtabs{display:flex;align-items:center;height:31px;margin-top:16.7px;font-size:12.5px;color:#686868}
.t-convert-subtabs>b{display:grid;place-items:center;width:51px;height:31px;margin-left:1.7px;border-radius:8px;background:#f5f5f5;color:#000;font-weight:500;font-size:12px}
.mobile-app .t-convert-subtabs>button{margin-left:25.5px;font-size:12px;font-weight:500}
.mobile-app .t-convert-subtabs>button+button{margin-left:38.3px}
.t-convert-subtabs>*{transform:translateY(-1.3px)}
.t-convert-subtabs>div{margin-left:auto;display:flex;align-items:center;gap:23px;margin-right:1px}
.t-convert-subtabs>div{color:#000;gap:22px}.t-convert-subtabs>div svg{width:24px;height:24px;display:block;margin-left:6px}.t-convert-subtabs>div .m-icon{width:18px;height:18px}
.t-leg-head{display:flex;align-items:center;justify-content:space-between;height:14px;font-size:12px;color:#6a6a6a}
.t-from .t-leg-head{margin-top:23px}
.t-wallet{transform:translateY(-1.5px)}
.t-wallet{display:flex;align-items:center;color:#000}
.t-wallet>i{display:grid;place-items:center;width:13px;height:13px;border-radius:50%;background:#e6e6e6;font-style:normal;font-size:10.5px;font-weight:600;margin-right:-1px}
.t-wallet>svg{width:13px;height:11px;margin-right:4px}
.mobile-app .t-wallet .t-balance{font-size:11.4px;font-weight:500;color:#000;margin-left:1px}
.t-wallet .t-balance u{text-decoration:none;border-bottom:1px dotted #9b9b9b;padding-bottom:0}
.mobile-app .t-add{display:grid;place-items:center;width:13px;height:13px;margin-left:5px;border-radius:50%;background:#000;color:#fff}
.t-add .m-icon{width:9px;height:9px;stroke-width:3}
.t-leg-main{display:flex;align-items:center;justify-content:space-between;height:24px;margin-top:14px}
.mobile-app .t-coin{display:flex;align-items:center;gap:5px;font-size:18.5px;font-weight:600;color:#000}
.t-coin .x-coin-icon{width:24px;height:24px;margin-right:0}
.t-coin>b{font-weight:600;letter-spacing:-.2px}
.t-coin .t-caret{margin-left:0}
.mobile-app .t-leg-main input,.t-leg-main output{width:170px;min-width:0;padding:0;background:none;border:0;text-align:right;font-size:24px;line-height:24px;height:24px;font-weight:600;color:#000;font-family:var(--reference-font,inherit);margin-right:2.5px}
.mobile-app .t-leg-main input::placeholder,.t-leg-main output{color:#b9b9b9}
.mobile-app .t-leg-main input:focus{outline:none}
.mobile-app .t-max{display:block;margin:12px 0 0 auto;font-size:12px;font-weight:500;color:#c29b07}
.t-swap{position:relative;height:32px;margin-top:8.4px;display:flex;align-items:center;justify-content:center}
.t-swap>i{position:absolute;left:0;right:0;top:15.5px;height:1px;background:#ededed}
.mobile-app .t-swap>button{position:relative;display:grid;place-items:center;width:28px;height:31px;border:1px solid #ececec;border-radius:8px;background:#fff}
.t-swap svg{width:17px;height:17px}
.t-to .t-leg-head{margin-top:10.3px}
.t-to .t-leg-main{margin-top:14.6px}
.t-rate{margin:12px 0 0;font-size:12px;color:#6a6a6a;text-align:right}
.mobile-app .t-preview{display:block;width:100%;height:46px;margin-top:71.5px;border-radius:12px;background:#fcd535;color:#000;font-size:16px;line-height:44px;font-weight:500}
.mobile-app .t-preview:disabled{opacity:1;background:#fff3c3;color:#b1ab9b}
.t-rate+.t-preview{margin-top:39px}

/* —— 股票 —— */
.t-stock{padding:0 15px}
.t-stock-head{display:flex;align-items:center;height:32px;margin-top:13px}
.t-stock-head>div:nth-child(2){transform:translateY(1.5px)}
.t-stock-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#0c0d10;flex:none}
.t-stock-icon svg{width:17px;height:17px;margin-top:-1px}
.t-stock-head>div:nth-child(2){margin-left:8px;display:flex;flex-direction:column}
.mobile-app .t-stock-symbol{display:flex;align-items:center;gap:8px;height:18px;font-size:20px;font-weight:600;color:#000}
.t-stock-symbol .t-caret{width:10px;height:6px}
.t-stock-head small{display:block;margin-top:2px;font-size:12.5px;line-height:15px;color:#6a6a6a;white-space:nowrap}
.t-stock-head small b{font-weight:500;color:#000}
.t-stock-head small .down{color:#f6465d}.t-stock-head small .up{color:#2ebd85}
.t-stock-head>div:last-child{margin-left:auto;display:flex;align-items:center;gap:19px;margin-right:1px;transform:translateY(-7px)}
.t-stock-head>div:last-child .m-icon{width:17px;height:17px}
.t-stock-row{display:flex;align-items:center;justify-content:space-between;margin-top:13px}
.t-stock-side{display:flex;width:137px;height:26px;border-radius:7px;background:#f5f5f5}
.mobile-app .t-stock-side>button{flex:1;border-radius:7px;font-size:14px;font-weight:500;color:#6b6b6b}
.mobile-app .t-stock-side>button.on{background:#2ebd85;color:#fff}.mobile-app .t-stock-side>button.on.sell{background:#f6465d}
.mobile-app .t-stock-type{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:500;color:#000;margin-right:6px}
.t-stock-amount{position:relative;display:flex;align-items:baseline;height:46px;margin:26px 0 0 15px;font-family:var(--reference-font,inherit);font-size:48.9px;line-height:46px;color:#969696;cursor:text}
.t-stock-amount>span:first-child{color:#000}.t-stock-amount>span.is-empty{color:#b9b9b9}
.t-stock-amount>span+span{margin-left:2px;color:#969696}
.mobile-app .t-stock-amount input{position:absolute;inset:0;width:100%;height:100%;opacity:0;padding:0;border:0;font-size:16px}
.mobile-app .t-stock .t-stock-available{display:flex;align-items:center;margin:8.8px 0 0 15.5px;font-size:12px;color:#6b6b6b}
.t-stock-available b{margin-left:4px;font-weight:500;color:#000}
.t-stock-available .t-add{width:14px;height:14px;margin-left:3px;background:#f0b90b}
.t-pay{display:flex;align-items:center;height:55px;margin-top:24.5px;padding:0 15px;border-radius:10px;background:#fafafa}
.mobile-app .t-pay-account{display:flex;flex-direction:column;align-items:flex-start;text-align:left}
.t-pay-account small{font-size:11.7px;color:#6a6a6a;line-height:15px}
.t-pay-account{transform:translateY(1px)}
.t-pay-account b{display:flex;align-items:center;gap:5px;margin-top:6px;font-size:12.6px;font-weight:500;color:#000;line-height:15px}
.t-pay-account .t-caret{width:6px;height:4px}
.t-pay>div{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;transform:translate(5.5px,4px)}
.t-pay>div>b{display:flex;align-items:center;gap:1px;font-size:14px;font-weight:600;color:#000;line-height:15px}
.t-usdt{display:block;width:19px;height:19px;margin-right:1px}.t-usdt svg{display:block;width:19px;height:19px}
.t-pay>div>small{margin-top:5px;font-size:13px;color:#6e6e6e;line-height:15px}
.t-pay>.m-icon{width:15px;height:15px;margin-left:7px;color:#676767;stroke-width:1.6}
.mobile-app .t-stock-preview{display:block;width:100%;height:40px;margin-top:13px;border-radius:9px;background:#2ebd85;color:#fff;font-size:18px;font-weight:500}
.mobile-app .t-stock-preview.sell{background:#f6465d}
.t-stock-banner{position:relative;display:flex;align-items:flex-start;min-height:56.7px;margin-top:11.2px;padding:13px 40px 0 13px;border-radius:10px;background:#f5f5f5;box-sizing:border-box}
.t-stock-banner>.m-icon{width:15px;height:15px;margin-top:-1px;flex:none;color:#000;stroke-width:1.6}
.mobile-app .t-stock-banner p{margin:0 0 0 5px;font-size:11.8px;line-height:16px;color:#000;white-space:nowrap}
.mobile-app .t-stock-banner .t-link{margin-top:0;font-size:12px;font-weight:500;color:#c69d0d;line-height:15px}
.mobile-app .t-stock-banner>button:last-child{position:absolute;right:14px;top:15px;color:#919191}
.t-stock-banner>button:last-child .m-icon{width:12px;height:12px;stroke-width:1.8}
.t-stock-tabs{display:flex;align-items:center;height:33.7px;margin:15.3px -15px 0;padding:0 15px;border-bottom:1px solid #eaeaea;position:relative}
.mobile-app .t-stock-tabs>button{position:relative;height:33.7px;font-size:14px;font-weight:500;color:#6a6a6a;margin-right:16px}
.mobile-app .t-stock-tabs>button.active{color:#000}
.mobile-app .t-stock-tabs>button.active::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:3px;background:#fcd535}
.mobile-app .t-stock-tabs>button:last-child{margin:0 0 0 auto;height:auto;color:#000;transform:translateY(-2.5px)}
.t-stock-tabs .m-icon{width:17px;height:17px;display:block}
.t-stock-empty{display:flex;flex-direction:column;align-items:center;padding-top:24px}
.t-empty-icon{width:57px;height:57px;margin-top:-6px;color:#969696}
.t-stock-empty>b{margin-top:2px;font-size:14px;font-weight:500;color:#000}
.mobile-app .t-stock-empty>button{margin-top:12px;height:28px;padding:0 17px;border:1px solid #e6e6e6;border-radius:7px;font-size:11.7px;color:#000}

/* —— 三页共用顶部标签（参考图：18px、未选中 #757575、菜单图标黑色压在右侧并有白色渐隐） —— */
.mobile-app.screen-trade .t-trade-tabs{position:relative;gap:14.9px!important;padding:8px 15px 7px;border-bottom:1px solid #eaeaea;height:44px}
.mobile-app.screen-trade .t-trade-tabs>*{font-size:18px;font-weight:600;letter-spacing:0}
.mobile-app.screen-trade .t-trade-tabs>button:not(.p-spot-menu){color:#757575}
.mobile-app.screen-trade .t-trade-tabs>b{color:#000}
.mobile-app.screen-trade .t-trade-tabs>.p-spot-menu{position:absolute;right:0;top:0;height:43px;width:58px;margin:0;padding-right:17px;display:flex;align-items:center;justify-content:flex-end;color:#000;background:linear-gradient(90deg,rgba(255,255,255,0),#fff 38%);box-shadow:none}
.mobile-app.screen-trade .t-trade-tabs>.p-spot-menu .m-icon{width:17px;height:17px}

/* —— 现货页：整体比参考图高 10.5pt，图标黑色，灰字用中性灰 —— */
.mobile-app.screen-trade .t-trade-tabs+.m-pair-bar{margin-top:10.5px}
.mobile-app.screen-trade .m-pair-bar .m-icon,.mobile-app.screen-trade .m-pair-bar button{color:#000}
.mobile-app.screen-trade .m-book-mark{color:#757575}
.mobile-app.screen-trade .p-spot-order-tabs>button:not(.active){color:#757575}
.mobile-app.screen-trade .p-spot-order-tabs>button{font-size:13.6px}
.mobile-app.screen-trade .p-spot-order-tabs>*{transform:translateY(-2px)}
.mobile-app.screen-trade .p-spot-order-tabs>button.active::after{transform:translateY(2px)}

/* 空委托时的机器人推荐卡（trade-spot.jpg：标题 y568，卡片 598–717，复制按钮 303–361 × 616–645） */
.p-bot-suggest{padding:0 15px}
.mobile-app .p-bot-head{display:flex;align-items:center;justify-content:space-between;width:100%;height:40px;margin-top:4px;font-size:14px;font-weight:500;color:#000}
.p-bot-head .m-icon{width:14px;height:14px;color:#8f8f8f;stroke-width:1.6;margin-right:-1.5px}
.p-bot-card{position:relative;height:119px;margin-top:2px;border:1px solid #e9e9e9;border-radius:12px;box-sizing:border-box}
.p-bot-card>*{position:absolute}
.p-bot-card>div:first-child{left:15px;top:15px}
.p-bot-card>div:first-child b{display:block;font-size:15.8px;line-height:17px;font-weight:600;color:#000}
.p-bot-card>div:first-child small{display:flex;align-items:center;gap:1px;margin-top:4px;font-size:9.5px;line-height:11px;color:#6d6d6d}
.p-bot-card small svg{width:10px;height:10px}
.mobile-app .p-bot-copy{right:16px;top:17px;width:58px;height:29px;border-radius:7px;background:#fcd535;font-size:13.5px;font-weight:600;color:#000}
.p-bot-card>div:nth-child(3){left:15px;top:64.3px}.p-bot-card>div:nth-child(4){right:15px;top:64.3px;text-align:right}
.p-bot-card>div:nth-child(3) small,.p-bot-card>div:nth-child(4) small{display:block;font-size:12px;line-height:15px;color:#696969}
.p-bot-card>div:nth-child(3) b,.p-bot-card>div:nth-child(4) b{display:block;margin-top:3.2px;font-size:18px;line-height:21px;font-weight:600}
.p-bot-card .up{color:#2ebd85}
/* 盘口多空比：参考图只画绿色（占比 = 买盘比例），不画红色底条 */
.mobile-app.screen-trade .m-book-ratio>i{background:none;border-radius:2px}
.mobile-app.screen-trade .m-book-ratio b{height:3.3px;border-right:0;border-radius:1px;background:#2ebd85}
/* 下拉箭头都是灰色实心小三角 */
.mobile-app.screen-trade :is(.m-order-selector,.m-book-step,.p-spot-total,.p-spot-estimates) svg.m-icon path{fill:currentColor}
.mobile-app.screen-trade .p-spot-estimates p:first-child span svg{width:9px;height:9px;color:#9a9a9a;vertical-align:1px}
.mobile-app.screen-trade .m-book-step button svg,.mobile-app.screen-trade .m-order-selector>svg:last-child{color:#9a9a9a}
.mobile-app.screen-trade .m-book-ratio>i{margin-right:-5.3px;overflow:visible}
.mobile-app.screen-trade .m-book-ratio b{position:relative}
.mobile-app.screen-trade .m-book-ratio b:after{content:"";position:absolute;right:-3px;top:0;width:1.3px;height:100%;border-radius:1px;background:#d5d8dc}
.mobile-app.screen-trade .m-book-ratio>i{margin-right:-3.6px}
.mobile-app.screen-trade .m-book-ratio b:after{right:-2.4px;background:#e3e5e8}
.mobile-app.screen-trade :is(.m-order-selector,.m-book-step,.p-spot-total) svg.m-icon{width:19px;height:19px;color:#a0a0a0;stroke:none;flex:none}
.mobile-app.screen-trade .m-order-selector>svg.m-icon:first-child path{fill:none}
.mobile-app.screen-trade .m-order-selector>svg.m-icon:first-child{width:14px;height:14px;stroke:currentColor;color:#9a9a9a}
.mobile-app.screen-trade .p-spot-total button svg.m-icon{width:19px!important;height:19px!important;color:#a0a0a0;stroke:none}
.mobile-app.screen-trade .p-spot-total button svg.m-icon path{fill:currentColor}
.mobile-app.screen-trade .m-amount-input.p-spot-total>button svg.m-icon{flex:0 0 19px;margin:0 -4px 0 -2px}
.mobile-app.screen-trade .m-order-selector>svg.m-icon:first-child{stroke:#fff;stroke-width:2.6}
.mobile-app.screen-trade .m-order-selector>svg.m-icon:first-child path{fill:#9a9a9a}
/* sept29 叠图：标签字下移 1pt；现货主体整体下移 1pt、标题再下移 0.7pt */
.mobile-app.screen-trade .t-trade-tabs{padding-top:9px;padding-bottom:6px}
.mobile-app.screen-trade .t-trade-tabs+.m-pair-bar{margin-top:11.5px}
/* 以下是逐块叠图测出的剩余偏移（单位 pt） */
.mobile-app.screen-trade .t-trade-tabs+.m-pair-bar>button{transform:translateY(.7px)}
.mobile-app.screen-trade .p-native-spot-book .m-book-ratio{transform:translateY(.7px)}
.mobile-app.screen-trade .p-spot-panel .m-order-selector{transform:translateY(1.7px)}
.mobile-app.screen-trade .m-order-entry>button.m-buy,.mobile-app.screen-trade .m-order-entry>button.m-sell{position:relative;top:-2px}
.mobile-app.screen-trade .p-spot-order-tabs{transform:translateY(-1.3px)}
.mobile-app.screen-trade .p-spot-order-tabs+*{transform:translateY(1.3px)}
/* 09-30 逐块叠图复核 */
.mobile-app.screen-trade .t-trade-tabs>b{position:relative;top:-1px}
.mobile-app.screen-trade .t-trade-tabs>.p-spot-menu .m-icon{width:18.2px;height:18.2px;stroke-width:1.5;transform:translate(1px,1px) scaleY(1.13)}
.t-convert-subtabs>*{transform:translateY(.2px)}
.t-convert-subtabs>b{width:54px;height:32px;margin-left:-.3px}
.mobile-app .t-convert-subtabs>button{margin-left:24.5px}
.t-stock-banner>button:last-child .m-icon{width:15px;height:15px;stroke-width:1.5}
.mobile-app .t-stock-banner>button:last-child{top:10.4px;right:12px}
.t-stock-banner>.m-icon{width:17px;height:17px;margin-top:-2px}
.t-convert-subtabs>div>:first-child{position:relative;left:9.3px}
.t-usdt,.t-usdt svg{width:16px;height:16px}.t-usdt{margin:0 1.3px 0 1.3px;position:relative;top:.2px}
.t-pay>div>b{position:relative;top:-1.7px}.t-usdt{top:0}
/* AAPL 字宽比参考图大 5%，三角 8.4×5、离字 6.5pt */
.mobile-app .t-stock-symbol{font-size:18px;gap:7.3px}
.t-stock-symbol>b{position:relative;top:.7px}
.t-stock-symbol .t-caret{width:9.6px;height:5.8px}
.mobile-app.contract-v2.screen-trade .m-bottom-chart{font-weight:500;word-spacing:0}
/* 猜你想看标题上移 1.3pt；卡片内上半部分（名称、复制）不动，下半部分上移 1pt */
.mobile-app .p-bot-head{position:relative;top:-1.3px}
.p-bot-card>div:not(:first-child){margin-top:-1px}
/* 复制按钮 64×32、名称上移 1.7pt、复制两字 13px */
.mobile-app .p-bot-copy{right:14.3px;top:14.4px;width:64px;height:32px;border-radius:8px;font-size:13px}
.p-bot-card>div:first-child{top:13.3px;left:14px}
.mobile-app .p-bot-copy{top:13.1px;font-size:12.5px}
.p-bot-card>div:first-child small{margin-top:6px;margin-left:1px}