@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Nunito:wght@400;500;600;700;800;900&display=swap');
:root{font-family:Nunito,'Microsoft YaHei',sans-serif;color:#263a3b;background:#eff5f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.hidden{display:none!important}.app-shell{min-height:100vh}.topbar{height:78px;background:#fff;border-bottom:1px solid #dce8e2;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,3.2vw,56px);gap:20px}.brand{display:flex;align-items:center;gap:12px;min-width:205px}.brand-mark{width:40px;height:40px;border-radius:14px;background:#1f4141;color:#bef0d4;display:grid;place-items:center;font-size:26px;font-weight:900;transform:rotate(-8deg)}.brand strong{display:block;font-size:20px;letter-spacing:-.06em;font-weight:900;line-height:1.1}.brand small{display:block;font:600 10px/1.3 'DM Mono',monospace;letter-spacing:.22em;color:#86a09b;margin-top:5px}.top-center{display:flex;align-items:center;gap:9px;font-weight:800;color:#87a39d;font-size:14px}.top-center strong{color:#4f776e}.author-home-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d4e7dc;background:#eef8f2;color:#4c806b;border-radius:99px;padding:5px 10px;font-size:11px;font-weight:900;text-decoration:none;white-space:nowrap}.author-home-button:hover{background:#e2f3e9}.top-actions{display:flex;align-items:center;gap:20px}.session-pill{border-radius:99px;background:#eaf8ef;color:#417961;padding:9px 14px;font-weight:800;font-size:13px;white-space:nowrap}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#62b487;margin-right:6px}.text-button{border:0;background:none;color:#5f827b;font-weight:800;font-size:13px;padding:8px 0}.text-button:hover{text-decoration:underline}.main{max-width:1660px;padding:28px clamp(18px,3.2vw,56px) 48px;margin:auto}.balance-strip{background:#dff2e8;border:1px solid #cae7d8;border-radius:22px;min-height:146px;padding:25px 30px;display:grid;grid-template-columns:minmax(270px,1.5fr) repeat(4,minmax(125px,.65fr));align-items:center;gap:12px 20px;margin-bottom:22px;position:relative;overflow:hidden}.balance-strip:after{content:'✦';position:absolute;right:28px;top:-33px;color:#c9e9d8;font-size:130px;line-height:1}.balance-lead,.metric{position:relative;z-index:1}.eyebrow,.section-kicker{font:700 11px/1.2 'DM Mono',monospace;letter-spacing:.16em;color:#76a398}.eyebrow{font-family:Nunito,'Microsoft YaHei',sans-serif;letter-spacing:.06em;font-size:13px;color:#4f8e74;font-weight:900}.eyebrow span{color:#e8919c}.balance-title{font-size:15px;font-weight:800;margin-top:11px}.money-large{font:800 clamp(28px,2.6vw,38px)/1.1 Nunito,'Microsoft YaHei',sans-serif;display:block;letter-spacing:-.04em;color:#173d3a;margin-top:3px}.balance-lead p{font-size:12px;color:#6c9787;margin:8px 0 0;font-weight:700}.metric{border-left:1px solid #b8dbca;padding-left:20px;min-height:54px;display:flex;flex-direction:column;justify-content:center;gap:8px}.metric span{color:#6d9485;font-size:13px;font-weight:800}.metric strong{font:700 18px/1.2 'DM Mono',monospace;letter-spacing:-.06em;white-space:nowrap;color:#254b48}.positive{color:#2f9c76!important}.negative{color:#e06e81!important}.workspace{display:grid;grid-template-columns:230px minmax(0,1fr) 320px;align-items:start;gap:20px}.center-column,.right-column{display:flex;flex-direction:column;gap:20px;min-width:0}.panel{background:#fff;border:1px solid #e1ebe6;border-radius:20px;box-shadow:0 5px 24px rgba(32,80,65,.035)}.market-panel{padding:24px 14px}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:0 10px;margin-bottom:18px}.panel-heading h2,.loan-head h2{margin:6px 0 0;font-size:19px;line-height:1.2;letter-spacing:-.04em;font-weight:900}.heading-glyph{font-size:23px;color:#aad6c2}.pair-list{display:flex;flex-direction:column;gap:5px}.pair-row{width:100%;border:0;background:transparent;border-radius:13px;padding:13px 12px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#2b4442}.pair-row:hover{background:#f2f8f4}.pair-row.selected{background:#e8f6ed;box-shadow:inset 3px 0 #69b991}.pair-row strong{display:block;font-size:14px;font-weight:900}.pair-row small{display:block;font-size:11px;color:#92a8a0;margin-top:5px;font-weight:700}.pair-numbers{text-align:right}.pair-numbers strong{font:700 13px/1.3 'DM Mono',monospace;letter-spacing:-.06em}.pair-numbers small{font:700 11px/1.3 'DM Mono',monospace;margin-top:5px}.market-note{margin:22px 9px 0;padding:15px 12px;border-top:1px dashed #dbe9e1;display:flex;gap:8px;color:#8ba49b;font-size:12px;line-height:1.55;font-weight:700}.market-note>span:first-child{color:#eca0a7}.chart-panel{padding:26px 28px 18px}.chart-topline{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.pair-title{display:flex;align-items:center;gap:10px;margin-top:5px;flex-wrap:wrap}.pair-title h1{font-size:25px;letter-spacing:-.04em;margin:0;font-weight:900}.mode-badge{font-size:11px;padding:5px 9px;border-radius:99px;background:#fcebf0;color:#d4788b;font-weight:900}.mode-badge.real{background:#e5f3fa;color:#4d94b8}.pair-sub{color:#98aca5;font-size:12px;font-weight:800;margin-top:3px}.quote-block{text-align:right;padding-top:10px}.quote-block strong{font:700 clamp(23px,2.3vw,30px)/1.2 'DM Mono',monospace;letter-spacing:-.07em;display:block}.quote-block span{font:700 12px/1.5 'DM Mono',monospace}.chart-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 14px;flex-wrap:wrap}.segmented{padding:4px;background:#f1f6f3;display:inline-flex;gap:3px;border-radius:11px}.segmented button{border:0;background:transparent;color:#8ba19b;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:900}.segmented button.active{color:#23534a;background:#fff;box-shadow:0 2px 6px #d5e4dc}.playback-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#9badab;font-size:12px;font-weight:700}.outline-button{background:#fff;border:1px solid #d9e8df;color:#487a68;border-radius:9px;padding:8px 12px;font-size:12px;font-weight:900}.outline-button:hover{background:#f0f8f3}.chart-wrap{height:350px;background:#24383c;border-radius:15px;position:relative;overflow:hidden}.chart-wrap canvas{display:block;width:100%;height:100%}.chart-loading{position:absolute;inset:0;display:grid;place-items:center;background:#24383cde;color:#d6f0e5;font-size:14px;font-weight:800}.chart-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#9baeaa;font-size:11px;font-weight:800;margin-top:13px}.chart-foot>span:first-child{display:flex;align-items:center;gap:7px}.legend-line{width:16px;height:3px;background:#8cd6ac;display:inline-block;border-radius:2px}.positions-panel,.history-panel{padding:23px 18px}.row-heading{margin-bottom:16px}.count-pill{display:inline-grid;place-items:center;min-width:23px;height:23px;padding:0 5px;margin-left:3px;border-radius:99px;background:#e9f5ed;color:#5a9b77;font:900 12px/1 Nunito,'Microsoft YaHei',sans-serif}.quiet-note{font-size:12px;color:#9db0aa;font-weight:800}.empty-state{padding:27px 12px 30px;text-align:center;color:#a0afa9;font-weight:700;font-size:13px}.empty-state .empty-icon{font-size:26px;margin-bottom:8px;color:#bad6c7}.positions-list{display:flex;flex-direction:column;gap:8px}.position-row{border:1px solid #e4eee8;border-radius:13px;padding:12px 14px;display:grid;grid-template-columns:1.1fr .85fr .9fr .75fr auto;align-items:center;gap:10px}.pos-name strong{font-size:14px;font-weight:900;display:block}.pos-name small,.pos-cell small{font-size:11px;color:#9badab;font-weight:800;display:block;margin-top:4px}.direction{display:inline-block;padding:3px 6px;border-radius:5px;font-size:10px;font-weight:900;margin-left:5px}.direction.long{color:#399774;background:#e2f6eb}.direction.short{color:#d87587;background:#fff0f1}.pos-cell strong{font:700 12px/1.3 'DM Mono',monospace;white-space:nowrap}.close-btn{border:1px solid #dce9e1;background:#fff;border-radius:8px;padding:8px 10px;color:#568475;font-size:12px;font-weight:900;white-space:nowrap}.close-btn:hover{background:#f0f8f3}.history-list{border-top:1px solid #edf2ef;padding:8px 10px 0}.history-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;font-size:12px;border-bottom:1px solid #edf2ef}.history-row:last-child{border:0}.history-row span{color:#829d92}.history-row strong{font:700 12px 'DM Mono',monospace}.order-panel{padding:24px}.order-panel .panel-heading{padding:0;margin-bottom:20px}.order-decoration{font-size:28px;color:#efb7bc}.order-pair{background:#f4f8f5;border:1px solid #edf2ee;border-radius:11px;padding:12px 13px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#8ea49a;font-weight:800;margin-bottom:22px}.order-pair strong{font:700 13px 'DM Mono',monospace;color:#36594e}.field-label,.range-label{font-size:13px;font-weight:900;color:#34534b;display:flex;justify-content:space-between;margin-bottom:9px}.field-label span{color:#a5b7ae}.input-shell{border:1px solid #d9e8df;border-radius:11px;height:46px;display:flex;align-items:center;padding:0 12px;gap:7px;color:#6b9381}.input-shell:focus-within{border-color:#6bbd91;box-shadow:0 0 0 3px #dff4e9}.input-shell>span{font-weight:900}.input-shell input{border:0;outline:0;min-width:0;flex:1;width:100%;color:#23433c;font:800 16px 'DM Mono',monospace;background:transparent}.input-shell button{background:#e8f5ec;border:0;border-radius:6px;color:#55a078;font:800 11px 'DM Mono',monospace;padding:5px 6px}.range-label{margin-top:23px}.range-label strong{font:700 15px 'DM Mono',monospace;color:#459a74}.order-panel input[type=range]{appearance:none;width:100%;height:6px;border-radius:99px;background:linear-gradient(90deg,#74c49b var(--progress,19%),#e8f0eb var(--progress,19%));margin:6px 0}.order-panel input[type=range]::-webkit-slider-thumb{appearance:none;width:19px;height:19px;border-radius:50%;border:4px solid #fff;background:#62ba8d;box-shadow:0 1px 7px #8abda2}.range-ticks{display:flex;justify-content:space-between;font:700 10px 'DM Mono',monospace;color:#b0c0b5;margin-top:4px}.order-preview{background:#f7faf7;border:1px solid #ecf3ed;border-radius:11px;padding:14px;margin-top:20px;display:flex;flex-direction:column;gap:12px}.order-preview div{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#91a79b;font-weight:800}.order-preview strong{color:#476b5c;font:700 12px 'DM Mono',monospace}.trade-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.trade-button{border:0;border-radius:11px;padding:14px 6px;font-size:13px;font-weight:900;white-space:nowrap;transition:transform .15s,filter .15s}.trade-button:hover{transform:translateY(-2px);filter:brightness(.98)}.trade-button span{font-size:16px;margin-right:2px}.trade-button.long{background:#78d1a0;color:#173f2b}.trade-button.short{background:#f4a4ae;color:#6e2f3d}.order-note{font-size:11px;line-height:1.55;color:#9aaba3;margin:13px 0 0;font-weight:700}.loan-panel{padding:23px 24px;background:#fff8f3;border-color:#f1e4d7}.loan-head h2 span{color:#e9a8ad}.loan-panel .section-kicker{color:#bb9f86}.loan-panel p{font-size:12px;line-height:1.65;color:#a39283;margin:14px 0 17px;font-weight:700}.loan-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.loan-actions button{border-radius:9px;padding:10px 4px;font-size:12px;font-weight:900}.loan-actions button:first-child{background:#ffe3d3;border:1px solid #f6d3bd;color:#ab7854}.loan-actions button:last-child{background:#fff;border:1px solid #eddccf;color:#ad8b6e}.side-disclaimer{font-size:11px;line-height:1.6;color:#a1ada8;padding:0 9px;font-weight:700}.side-disclaimer a{color:#66977e;display:block;margin-top:5px}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);background:#27433b;color:#fff;padding:11px 17px;border-radius:11px;box-shadow:0 10px 28px #1c3b3040;z-index:30;font-size:13px;font-weight:800;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100vw - 30px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-backdrop{position:fixed;inset:0;background:#19332db0;z-index:40;display:grid;place-items:center;padding:20px}.modal{width:min(100%,420px);background:#fff;border-radius:22px;padding:30px;box-shadow:0 20px 70px #071c1645;text-align:center;position:relative}.modal-x{position:absolute;right:16px;top:12px;border:0;background:none;font-size:27px;color:#91a69c}.modal-icon{width:62px;height:62px;border-radius:20px;background:#e9f8ef;color:#5eb989;display:grid;place-items:center;font-size:29px;margin:0 auto 14px}.modal-icon.loss{background:#fff0f1;color:#e08291}.modal h2{font-size:22px;margin:0 0 8px;font-weight:900}.modal p{font-size:14px;line-height:1.6;color:#8ca097;margin:0 0 18px;font-weight:700}.modal-detail{background:#f4f8f5;border-radius:12px;padding:13px 15px;color:#4b7765;font:800 15px 'DM Mono',monospace;margin-bottom:18px}.modal-detail:empty{display:none}.modal-input-wrap{text-align:left;margin-bottom:18px}.modal-input-wrap label{display:block;font-size:13px;font-weight:900;margin-bottom:8px}.modal-actions{display:flex;gap:9px}.modal-actions button{flex:1;padding:12px}.primary-button{background:#74c69a;color:#183e2b;border:0;border-radius:9px;font-size:13px;font-weight:900}.modal-actions .outline-button{font-size:13px}.modal-actions .outline-button.only{display:none}
@media(max-width:1250px){.workspace{grid-template-columns:200px minmax(0,1fr) 280px;gap:14px}.main{padding-left:18px;padding-right:18px}.balance-strip{padding:23px;gap:12px;grid-template-columns:minmax(220px,1.3fr) repeat(4,minmax(105px,.6fr))}.metric{padding-left:12px}.metric strong{font-size:15px}.order-panel{padding:20px}.chart-panel{padding:22px}.position-row{grid-template-columns:1fr 1fr 1fr auto}.pos-leverage{display:none}}
@media(max-width:1010px){.workspace{grid-template-columns:190px minmax(0,1fr)}.right-column{grid-column:2;display:grid;grid-template-columns:1fr 1fr}.side-disclaimer{grid-column:1/-1}.balance-strip{grid-template-columns:repeat(4,1fr)}.balance-lead{grid-column:1/-1}.balance-strip:after{top:-15px}.metric{border-left:0;border-top:1px solid #b8dbca;padding:14px 0 0;min-height:0}}
@media(max-width:720px){.topbar{height:66px;padding:0 17px}.brand{min-width:0}.brand strong{font-size:18px}.brand small{font-size:9px}.top-center{display:none}.top-actions{gap:11px}.session-pill{font-size:11px;padding:7px 9px}.top-actions .text-button{font-size:11px}.main{padding:17px 13px 40px}.balance-strip{padding:20px;gap:0 15px;margin-bottom:13px;border-radius:16px;grid-template-columns:repeat(2,1fr)}.balance-lead{margin-bottom:16px}.money-large{font-size:30px}.balance-lead p{font-size:11px}.metric{padding:11px 0}.metric strong{font-size:16px}.workspace{display:flex;flex-direction:column;gap:13px}.market-panel{width:100%;padding:17px 14px}.market-panel .panel-heading{margin-bottom:8px}.pair-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.pair-row{padding:10px 8px;display:block}.pair-row strong{font-size:12px}.pair-row small{font-size:10px}.pair-numbers{text-align:left;margin-top:8px}.pair-numbers strong{font-size:11px}.market-note{display:none}.center-column,.right-column{width:100%;gap:13px}.chart-panel{padding:19px 15px 15px}.chart-wrap{height:300px}.pair-title h1{font-size:21px}.quote-block strong{font-size:21px}.chart-controls{margin:18px 0 12px}.playback-controls{font-size:11px}.right-column{display:flex}.order-panel,.loan-panel{padding:20px}.position-row{grid-template-columns:1fr 1fr auto;gap:8px}.pos-entry{display:none}.history-panel,.positions-panel{padding:19px 13px}.side-disclaimer{padding:3px 10px}.chart-foot{font-size:10px}}
@media(max-width:390px){.pair-list{grid-template-columns:repeat(2,minmax(0,1fr))}.top-actions .session-pill{display:none}.quote-block strong{font-size:19px}.trade-button{font-size:12px}}
.battle-shelf{background:#f3f9f5;border:1px solid #dcece2;border-radius:14px;padding:17px;margin:0 0 16px}.battle-shelf-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.battle-shelf-head h2{font-size:16px;margin:5px 0 0;font-weight:900}.battle-info{font-size:12px;color:#779489;line-height:1.55;font-weight:700;margin:10px 0 0}.battle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}.battle-card{border:1px solid #dae9df;background:#fff;border-radius:11px;padding:13px;text-align:left;color:#2b4940;min-height:112px}.battle-card:hover,.battle-card:focus-visible{border-color:#69b991;box-shadow:0 0 0 3px #e3f4e9}.battle-card strong{display:block;font-size:13px;font-weight:900;margin:6px 0}.battle-card small{display:block;color:#839d90;font-size:11px;line-height:1.45;font-weight:700}.battle-card .battle-date{font:700 10px 'DM Mono',monospace;color:#c08792;letter-spacing:.06em}.battle-card .battle-pair{display:inline-block;border-radius:99px;background:#e7f5ec;color:#4e8e70;padding:3px 7px;font:700 10px 'DM Mono',monospace}.battle-source{color:#689578;text-decoration:underline;text-underline-offset:2px}.mode-badge.battle{background:#fff0d9;color:#ae8251}.pair-row:disabled{opacity:.46;cursor:not-allowed}.modal-risk-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:11px}.modal-risk-actions button{border:0;border-radius:10px;padding:12px 7px;font-size:12px;font-weight:900}.modal-risk-actions button:first-child{background:#78d1a0;color:#173f2b}.modal-risk-actions button:last-child{background:#ffe0cd;color:#955f42}.modal-risk-actions button:disabled{opacity:.45}.welcome-card,.tutorial-card{max-width:470px}.welcome-card .section-kicker{display:block;margin-bottom:12px}.welcome-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.welcome-actions button,.tutorial-actions button{padding:12px 8px;font-size:12px}.tutorial-step{display:inline-block;background:#e9f6ed;color:#5c9f78;border-radius:99px;padding:5px 10px;font:800 11px 'DM Mono',monospace;margin-bottom:12px}.tutorial-card .modal-icon{margin-bottom:15px}.tutorial-example{background:#f2f9f4;border:1px solid #e1eee5;border-radius:11px;padding:14px;color:#426e56;font-size:13px;line-height:1.6;font-weight:800;text-align:left;margin-bottom:19px}.tutorial-actions{display:flex;gap:8px}.tutorial-actions button{flex:1}.tutorial-card #tutorialSkip{display:block;margin:12px auto 0}.risk-tag{display:inline-block;color:#bc6f4c;background:#fff1e1;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:900;margin-left:6px}
@media(max-width:720px){.top-actions .session-pill{display:none}.top-actions{gap:10px}.battle-grid{grid-template-columns:1fr}.battle-card{min-height:0}.welcome-actions{grid-template-columns:1fr}.segmented button{padding:8px 9px}.modal-risk-actions{grid-template-columns:1fr 1fr}}
.brand-mark{position:relative;flex:none;overflow:hidden;transform:none;background:#fff0f4;border:1px solid #eabcc9}
.brand-mark img{position:absolute;display:block;width:40px;height:40px;max-width:none;left:-1px;top:-1px}
.account-mode-chip{display:inline-block;margin-left:6px;padding:3px 7px;border-radius:99px;background:#fff;color:#4d8f70;font-size:10px;vertical-align:middle}.mobile-pair-control{display:none}.compact-fields{display:contents}
.challenge-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff6dd;border:1px solid #f0dfae;border-radius:13px;padding:12px 14px;margin:0 0 12px}.challenge-bar>div:first-child{display:flex;flex-direction:column;gap:4px}.challenge-bar strong{font-size:14px;color:#72552c}.challenge-bar small{font-size:11px;color:#9b7b49;font-weight:800}.challenge-actions{display:flex;gap:7px;align-items:center}.challenge-actions button{padding:9px 12px;font-size:11px;white-space:nowrap}.retire-button{border:0;border-radius:9px;background:#f4a4ae;color:#6e2f3d;font-weight:900}.mode-badge.challenge{background:#fff2c8;color:#9c762f}.modal-detail.preline{white-space:pre-line;text-align:left;line-height:1.7;font-family:Nunito,'Microsoft YaHei',sans-serif;font-size:13px}
@media(max-width:720px){
  body{background:#edf5f1}.topbar{height:52px;padding:0 10px;position:sticky;top:0;z-index:20}.brand-mark,.brand-mark img{width:34px;height:34px}.brand-mark img{left:-1px;top:-1px}.brand{gap:8px}.brand strong{font-size:16px}.brand small{display:none}.top-actions{gap:9px}.top-actions #resetBtn{display:none}.main{padding:6px 7px 28px}.balance-strip,.market-panel{display:none}.workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}.center-column,.right-column{display:contents}.chart-panel{order:1;padding:10px 10px 7px;border-radius:14px}.order-panel{order:2;padding:9px 10px;border-radius:14px}.positions-panel{order:3;padding:8px 9px;border-radius:14px}.history-panel{order:4}.loan-panel{order:5}.side-disclaimer{order:6}.chart-topline{align-items:center}.pair-title{margin-top:1px}.pair-title h1{font-size:18px}.pair-sub,.chart-topline .section-kicker{display:none}.quote-block{padding:0}.quote-block strong{font-size:18px}.chart-controls{margin:7px 0 6px;display:grid;grid-template-columns:1fr auto;gap:5px}.segmented{grid-column:1/-1;width:100%;padding:3px}.segmented button{flex:1;padding:6px 3px;font-size:9px}.mobile-pair-control{display:flex;align-items:center;gap:5px;font-size:10px;color:#78958b;font-weight:900}.mobile-pair-control select{min-width:0;max-width:148px;border:1px solid #d7e7de;border-radius:8px;background:#fff;color:#294b42;padding:5px;font:800 11px 'DM Mono',monospace}.playback-controls{justify-content:flex-end;gap:4px;font-size:9px}.playback-controls .outline-button{padding:5px 6px;font-size:9px}.chart-wrap{height:clamp(178px,27dvh,230px);border-radius:11px}.chart-foot{margin-top:5px;font-size:9px}.battle-shelf{padding:10px;margin:0 0 6px}.battle-card{padding:9px;min-height:0}.order-panel .panel-heading,.order-pair,.order-note{display:none}.compact-fields{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:10px;align-items:end}.field-label,.range-label{font-size:10px;margin:0 0 4px}.range-label{margin-top:0}.input-shell{height:36px;padding:0 8px}.input-shell input{font-size:13px}.order-panel input[type=range]{margin:7px 0 2px}.range-ticks{font-size:7px}.order-preview{margin-top:7px;padding:6px 8px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.order-preview div{display:block;font-size:8px}.order-preview strong{display:block;margin-top:2px;font-size:9px}.trade-buttons{margin-top:7px;gap:6px}.trade-button{padding:9px 4px;font-size:11px}.positions-panel .panel-heading{margin:0 0 5px;padding:0 3px}.positions-panel .section-kicker{display:none}.positions-panel .panel-heading h2{font-size:14px;margin:0}.quiet-note{font-size:9px}.positions-list{gap:4px;max-height:112px;overflow:auto}.position-row{padding:6px 7px;grid-template-columns:minmax(0,1.25fr) minmax(72px,.7fr) auto;gap:5px}.pos-entry,.position-row .pos-cell:nth-of-type(3){display:none}.pos-name strong{font-size:11px}.pos-name small,.pos-cell small{font-size:8px;margin-top:2px}.pos-cell strong{font-size:10px}.direction{font-size:8px}.risk-tag{font-size:8px}.close-btn{padding:7px 9px;font-size:10px}.empty-state{padding:10px;font-size:10px}.empty-state .empty-icon{display:none}.history-panel,.loan-panel{padding:14px}.modal-backdrop{padding:10px}.modal{padding:23px 18px;max-height:92dvh;overflow:auto}.challenge-bar{padding:7px 8px;margin-bottom:6px;gap:6px}.challenge-bar .section-kicker{display:none}.challenge-bar strong{font-size:11px}.challenge-bar small{font-size:9px}.challenge-actions{gap:4px}.challenge-actions button{padding:6px 7px;font-size:9px}.chart-panel:has(.challenge-bar:not(.hidden)) .chart-wrap{height:clamp(140px,21dvh,180px)}
}
@media(max-width:390px){.chart-wrap{height:175px}.playback-controls #dataStatus{display:none}.mobile-pair-control select{max-width:130px}.trade-button{font-size:10px}.positions-list{max-height:96px}}

/* 手机端保留关键账户信息与重置入口 */
@media(max-width:720px){
  .top-actions #resetBtn{display:inline-flex;align-items:center;justify-content:center;padding:7px 8px;border-radius:9px;background:#edf7f2;color:#487a68;line-height:1;white-space:nowrap}
  .balance-strip{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;min-height:0;padding:8px 10px;gap:8px;margin-bottom:6px;border-radius:14px;overflow:hidden}
  .balance-strip:after,.balance-lead p,.balance-strip>.metric{display:none}
  .balance-lead{grid-column:auto;margin:0;min-width:0}
  .balance-lead .eyebrow{font-size:9px;line-height:1.2;white-space:nowrap}
  .account-mode-chip{margin-left:3px;padding:2px 5px;font-size:8px}
  .balance-title{font-size:9px;margin-top:4px;color:#6d9485}
  .money-large{display:inline;margin:0 0 0 4px;font-size:18px;line-height:1;letter-spacing:-.05em;white-space:nowrap}
  .balance-strip>.metric:nth-child(2){display:flex;min-height:0;padding:0 0 0 9px;border:0;border-left:1px solid #b8dbca;gap:3px}
  .balance-strip>.metric:nth-child(2) span{font-size:9px}
  .balance-strip>.metric:nth-child(2) strong{font-size:14px}
}

@media(max-width:360px){
  .top-actions{gap:5px}.top-actions .text-button{font-size:10px}.top-actions #resetBtn{padding:6px}
  .balance-strip{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);padding:7px 8px}
  .money-large{font-size:16px}.balance-strip>.metric:nth-child(2) strong{font-size:12px}
}

@media(max-width:720px) and (max-height:700px){
  .balance-strip{padding-top:5px;padding-bottom:5px}
  .chart-wrap{height:125px}
  .challenge-bar{padding:4px 6px}
  .challenge-bar strong{max-width:116px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}
  .challenge-bar small{display:none}
  .challenge-actions button{padding:5px;font-size:8px}
  .chart-panel:has(.challenge-bar:not(.hidden)) .chart-wrap{height:90px}
  .chart-foot{display:none}
}

@media(max-width:720px){
  .top-center{display:flex;position:absolute;left:52px;top:32px;gap:4px;max-width:142px;font-size:8px;line-height:1;white-space:nowrap}
  .top-center strong{font-size:8px}
  .author-home-button{padding:2px 5px;font-size:7px;border-radius:6px}
}