:root{
  --bg:#090b0f;--bg2:#0d1016;--panel:#11151c;--panel2:#151a22;--line:#232a35;
  --text:#f5f7fb;--muted:#8e98a8;--gold:#f4b84c;--gold2:#ffcf6c;--green:#2ed48a;
  --red:#ff6274;--blue:#5fa9ff;--shadow:0 12px 34px rgba(0,0,0,.32);--r:18px;
}
*{box-sizing:border-box} html,body{margin:0;background:radial-gradient(circle at 80% -10%,rgba(244,184,76,.12),transparent 28%),linear-gradient(180deg,#0b0e13 0%,#080a0d 100%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;min-height:100%;}
body{display:flex;justify-content:center}.app-shell{width:min(100%,520px);min-height:100vh;background:linear-gradient(180deg,rgba(16,20,27,.96),rgba(8,10,14,.98));position:relative;padding-bottom:88px;box-shadow:0 0 80px rgba(0,0,0,.5)}
.topbar{height:82px;display:flex;align-items:center;padding:18px 18px 10px;gap:12px;position:sticky;top:0;z-index:30;background:linear-gradient(180deg,rgba(10,13,18,.98),rgba(10,13,18,.86),transparent);backdrop-filter:blur(12px)}
.brand-mark{width:38px;height:38px;position:relative;display:flex;align-items:flex-end;gap:4px;transform:skew(-10deg)}.brand-mark span{display:block;width:8px;border-radius:2px;background:linear-gradient(180deg,var(--gold2),var(--gold));box-shadow:0 0 16px rgba(244,184,76,.2)}.brand-mark span:nth-child(1){height:18px}.brand-mark span:nth-child(2){height:28px}.brand-mark span:nth-child(3){height:36px}.brand-copy{flex:1}.brand-name{font-weight:800;font-size:19px;letter-spacing:.5px}.brand-sub{font-size:11px;color:var(--muted);margin-top:3px}.icon-btn{border:1px solid var(--line);background:#11161e;color:#dbe2ec;width:38px;height:38px;border-radius:12px;font-size:20px;cursor:pointer}
.view{padding:4px 16px 18px}.hero-card,.card{background:linear-gradient(145deg,rgba(23,28,37,.96),rgba(13,16,22,.96));border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.hero-card{padding:18px;position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;inset:-50% -10% auto 50%;height:180px;background:radial-gradient(circle,rgba(244,184,76,.23),transparent 62%);pointer-events:none}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.eyebrow,.section-kicker{color:var(--muted);font-size:12px}.money{font-size:34px;font-weight:850;letter-spacing:-1px;margin:6px 0 14px}.status-pill{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid rgba(46,212,138,.34);background:rgba(46,212,138,.1);color:var(--green)}.status-pill.warn{color:var(--gold2);border-color:rgba(244,184,76,.35);background:rgba(244,184,76,.1)}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.045);border-radius:14px;padding:12px}.metric small{color:var(--muted);font-size:11px;display:block;margin-bottom:5px}.metric b{font-size:18px}.metric .sub{font-size:12px;margin-top:3px}.pos{color:var(--green)}.neg{color:var(--red)}.gold{color:var(--gold2)}
.section-head{display:flex;align-items:center;justify-content:space-between;margin:20px 2px 10px}.section-head h2{font-size:17px;margin:0}.section-head button{background:none;border:0;color:var(--muted);font-size:12px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-card{padding:14px;background:linear-gradient(145deg,#131821,#0f1319);border:1px solid var(--line);border-radius:15px}.mini-card small{display:block;color:var(--muted);font-size:11px;margin-bottom:6px}.mini-card b{font-size:18px}.mini-card .iconline{display:flex;align-items:center;justify-content:space-between}.mini-icon{width:31px;height:31px;border-radius:10px;background:rgba(244,184,76,.12);display:flex;align-items:center;justify-content:center;color:var(--gold2)}
.strategy-card{padding:14px;display:flex;gap:12px;align-items:center;cursor:pointer}.strategy-thumb{width:54px;height:54px;border-radius:14px;background:radial-gradient(circle at 35% 30%,#ffe69b,#c98213 35%,#5e3607 68%,#1d1307);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 8px 22px rgba(191,124,14,.18);position:relative}.strategy-thumb:after{content:"◆";position:absolute;color:#ffe7a6;font-size:26px;left:14px;top:11px;text-shadow:0 2px 6px #6f3f00}.strategy-main{flex:1;min-width:0}.strategy-title{font-weight:800;font-size:15px}.tags{display:flex;gap:6px;margin-top:7px;flex-wrap:wrap}.tag{font-size:10px;padding:4px 7px;border-radius:7px;background:#182335;color:#9cc6ff}.tag.goldtag{background:rgba(244,184,76,.11);color:var(--gold2)}.strategy-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.strategy-meta div{border-top:1px solid var(--line);padding-top:9px}.strategy-meta small{color:var(--muted);display:block;font-size:9px}.strategy-meta b{font-size:12px;margin-top:3px;display:block}
.chart-card{margin-top:10px;padding:14px}.chart-tabs,.segmented{display:flex;gap:7px;overflow:auto}.chart-tabs button,.segmented button{flex:1;min-width:max-content;border:1px solid var(--line);background:#11161e;color:#aeb7c5;border-radius:10px;padding:9px 11px;font-size:12px}.chart-tabs button.active,.segmented button.selected{background:linear-gradient(180deg,rgba(244,184,76,.22),rgba(244,184,76,.08));border-color:#a66d17;color:#ffd778;box-shadow:inset 0 0 0 1px rgba(255,207,108,.08)}.chart-wrap{height:230px;margin-top:10px;position:relative;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#0d1117,#0a0d12);border:1px solid #1d2530}.chart-wrap canvas{width:100%;height:100%;display:block}.chart-badge{position:absolute;right:8px;top:8px;font-size:10px;color:#d6dde8;background:rgba(13,17,23,.8);border:1px solid var(--line);border-radius:8px;padding:5px 7px}.action-row{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;margin-top:12px}.btn{border:1px solid var(--line);border-radius:13px;padding:12px 14px;font-weight:750;cursor:pointer;background:#151a22;color:#e8edf5}.btn.primary{background:linear-gradient(180deg,#ffc85e,#e8a735);color:#15100a;border-color:#e0a43a}.btn.secondary{background:#151b24}.btn.danger{border-color:rgba(255,98,116,.4);background:rgba(255,98,116,.12);color:#ff8b99}.btn.full{width:100%;margin-top:12px}
.bottom-nav{height:76px;position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,520px);display:grid;grid-template-columns:repeat(4,1fr);background:rgba(10,13,18,.96);border-top:1px solid #202733;backdrop-filter:blur(16px);padding-bottom:max(4px,env(safe-area-inset-bottom));z-index:40}.nav-btn{border:0;background:none;color:#7f8999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:22px}.nav-btn small{font-size:11px}.nav-btn.active{color:var(--gold2)}
.list-card{padding:0;overflow:hidden}.list-row{display:grid;grid-template-columns:1.2fr .82fr .82fr .9fr;gap:8px;padding:13px 14px;border-bottom:1px solid var(--line);align-items:center}.list-row:last-child{border-bottom:0}.list-row.header{background:#0f1319;color:var(--muted);font-size:10px;padding-top:9px;padding-bottom:9px}.list-row .main b{font-size:13px}.list-row .main small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.list-row span{font-size:11px}.tabline{display:flex;gap:8px;margin-bottom:10px}.tabline button{flex:1;border:1px solid var(--line);background:#10151c;color:#8d97a7;border-radius:11px;padding:10px}.tabline button.active{background:rgba(244,184,76,.12);border-color:#9f6a1c;color:#ffd06b}
.info-list{overflow:hidden}.info-row{display:flex;align-items:center;justify-content:space-between;padding:15px 2px;border-bottom:1px solid var(--line)}.info-row:last-child{border-bottom:0}.info-row .left small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.info-row .right{color:#cbd3df;font-size:12px}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.system-card{padding:14px}.system-card small{display:block;color:var(--muted);font-size:10px;margin-bottom:6px}.system-card b{font-size:14px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(46,212,138,.45);margin-right:6px}.dot.amber{background:var(--gold);box-shadow:0 0 10px rgba(244,184,76,.4)}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:70;display:flex;align-items:flex-end;justify-content:center;backdrop-filter:blur(5px)}.modal-backdrop.hidden,.hidden{display:none!important}.modal-card{width:min(100%,520px);max-height:88vh;overflow:auto;border-radius:24px 24px 0 0;background:linear-gradient(180deg,#151a22,#0c1015);border:1px solid #2a313d;padding:18px 18px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -20px 60px rgba(0,0,0,.55)}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h3{margin:4px 0 0}.control-block{margin-top:14px;padding:14px;background:#10151c;border:1px solid var(--line);border-radius:15px;display:flex;align-items:center;justify-content:space-between}.control-block.vertical{display:block}.control-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:0;width:100%}.vertical .control-label{margin-bottom:10px}.control-label span{font-size:13px}.control-label b{font-size:12px;color:var(--gold2)}.switch{position:relative;width:52px;height:30px;display:block}.switch input{display:none}.slider{position:absolute;inset:0;background:#29313d;border-radius:20px;transition:.2s}.slider:before{content:"";position:absolute;width:24px;height:24px;left:3px;top:3px;border-radius:50%;background:white;transition:.2s}.switch input:checked + .slider{background:linear-gradient(180deg,#ffc85e,#e5a12b)}.switch input:checked + .slider:before{transform:translateX(22px)}.custom-risk{display:flex;gap:8px;margin-top:10px}.custom-risk input{flex:1;background:#0c1016;border:1px solid var(--line);color:white;padding:11px;border-radius:10px}.ack-box{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:12px;border-radius:12px;background:rgba(244,184,76,.08);border:1px solid rgba(244,184,76,.2)}.ack-box b{font-size:12px;display:block}.ack-box small{font-size:10px;color:var(--muted);display:block;margin-top:4px;line-height:1.5}.toast{position:fixed;left:50%;transform:translateX(-50%) translateY(20px);bottom:96px;z-index:100;background:#171d26;border:1px solid #313a47;color:#eef3fa;padding:10px 14px;border-radius:11px;opacity:0;pointer-events:none;transition:.2s;box-shadow:var(--shadow);font-size:12px}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.record-card{padding:14px;margin-bottom:10px}.record-top{display:flex;align-items:center;gap:10px}.record-top .strategy-thumb{width:44px;height:44px}.record-top .strategy-thumb:after{font-size:21px;left:12px;top:9px}.record-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.record-meta div{background:#0f141b;border:1px solid var(--line);border-radius:10px;padding:9px}.record-meta small{display:block;color:var(--muted);font-size:9px}.record-meta b{display:block;font-size:12px;margin-top:4px}.future-slot{padding:14px;border:1px dashed #394252;border-radius:14px;color:#8f99a8;text-align:center;margin-top:10px}.demo-note{margin-top:10px;padding:10px 12px;border-radius:11px;background:rgba(95,169,255,.08);border:1px solid rgba(95,169,255,.16);color:#a8cfff;font-size:10px;line-height:1.5}
@media(min-width:700px){body{padding:24px}.app-shell{border-radius:28px;overflow:hidden;min-height:calc(100vh - 48px);border:1px solid #232a35}.bottom-nav{bottom:24px;border-radius:0 0 28px 28px}.modal-backdrop{align-items:center}.modal-card{border-radius:24px;max-height:82vh}}

/* V0.2.3 历史订单收益日历 */
.history-empty{padding:22px!important;text-align:center;display:grid;gap:8px;color:var(--muted)}.history-empty b{font-size:17px;color:var(--text)}.history-empty span{font-size:12px}.history-empty small{font-size:10px;color:#657083}
.history-calendar-card{padding:14px;margin-bottom:12px}.history-cal-head{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;text-align:center}.history-cal-head button{height:36px;border:1px solid var(--line);border-radius:10px;background:#0e131a;color:#e9eef6;font-size:24px}.history-cal-head b{display:block;font-size:16px}.history-cal-head small{display:block;color:var(--muted);font-size:10px;margin-top:3px}
.history-month-total{display:flex;align-items:baseline;gap:8px;padding:14px 2px 10px;border-bottom:1px solid var(--line)}.history-month-total span{font-size:11px;color:var(--muted)}.history-month-total b{font-size:21px}.history-month-total em{font-style:normal;font-size:12px}.history-month-total small{margin-left:auto;color:var(--muted);font-size:10px}
.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-week{padding-top:8px;color:#707b8d;font-size:10px;text-align:center}.calendar-week span{padding:6px 0}.calendar-cell{min-height:59px;border-top:1px solid #1e2631;padding:5px 1px;text-align:center;display:flex;flex-direction:column;gap:4px}.calendar-cell.ghost{border-top-color:transparent}.calendar-cell>span{font-size:10px;color:#bac2ce}.calendar-cell b{font-size:9px;line-height:1.1;word-break:break-all}.calendar-cell small{font-size:8px;color:#657083}.calendar-cell.empty{opacity:.58}.section-head.compact{margin-top:12px}

/* V1.3 MT5 self-binding */
.bind-form label{display:block;color:var(--muted);font-size:11px;margin:10px 0 5px}.bind-form input,.bind-form select{width:100%;box-sizing:border-box;padding:12px;border-radius:11px;border:1px solid #303847;background:#0c1118;color:#fff}.bind-form select{appearance:auto}.info-row .right small{color:var(--muted);font-size:9px}.section-head.compact{margin-top:16px}