/* DSJ_MEV5CSS_20260823 · 「我的」页 V5.1
   ★ 独立文件 + mev5- 前缀 双保险 —— index.html 里 .body/.nav/.top/.chip 都是极常见的名字，
     不加前缀会静默串样式，把别的分区弄花（不报错，所以最难查）
   ★ 色值全部沿用站点 V3 的 var(--grn) 等；只在取不到时才 fallback
   回滚：删掉 index.html 里那一行 <link>，这个文件留着无害 */
.mev5{--m1:#e9f2fb;--m2:#a8b6c8;--m3:#78899e;--m4:#4d5b6e;--m5:#2b3542;
 --mh:rgba(140,170,205,.09);--mh2:rgba(140,170,205,.17);
 --ms1:#090e15;--ms3:#101822;
 --mmono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
 --mt1:34px;--mt2:19px;--mt3:15px;--mt4:12.5px;--mt5:10.5px;--mt6:8.5px;
 font-variant-numeric:tabular-nums;
 border:1px solid var(--mh);border-radius:14px;overflow:hidden;
 background:var(--bg,#05070b)}
.mev5 *{box-sizing:border-box}

/* ① 答案条 */
.mev5-answer{padding:19px 21px;border-bottom:1px solid var(--mh);
 background:radial-gradient(120% 160% at 0% 0%,rgba(0,229,140,.07),transparent 55%),var(--ms1)}
.mev5-al{display:flex;align-items:center;gap:8px;font:700 var(--mt6) var(--mmono);
 letter-spacing:.2em;text-transform:uppercase;color:var(--m4)}
.mev5-at{font:600 var(--mt2)/1.4 inherit;color:var(--m1);margin-top:9px;max-width:720px}
.mev5-at b{color:var(--grn,#00e58c);font-weight:700}
.mev5-an{display:flex;gap:30px;flex-wrap:wrap;margin-top:16px}
.mev5-an>div .n{font:700 var(--mt1)/.95 var(--mmono);letter-spacing:-.035em;color:var(--m1)}
.mev5-an>div .n.sm{font-size:var(--mt2);color:var(--m2)}
.mev5-an>div .n.gd{color:var(--gold,#ffc53d)}
.mev5-an>div .l{font:700 var(--mt6) var(--mmono);letter-spacing:.16em;text-transform:uppercase;
 color:var(--m4);margin-top:7px}
.mev5-led{width:6px;height:6px;border-radius:50%;background:var(--grn,#00e58c);flex:none;
 box-shadow:0 0 0 3px rgba(0,229,140,.13);animation:mev5led 2.6s ease-in-out infinite}
@keyframes mev5led{0%,100%{box-shadow:0 0 0 3px rgba(0,229,140,.13)}
 50%{box-shadow:0 0 0 5px rgba(0,229,140,.04)}}

/* ② 要你做的事 */
.mev5-todo{padding:12px 21px;border-bottom:1px solid var(--mh);
 display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.mev5-todo .ic{width:21px;height:21px;border-radius:6px;flex:none;display:flex;
 align-items:center;justify-content:center;font:700 var(--mt4) var(--mmono);
 background:rgba(0,229,140,.1);color:var(--grn,#00e58c)}
.mev5-todo .tx{min-width:180px;max-width:640px;font-size:var(--mt4);
 line-height:1.55;color:var(--m4)}

/* ③ 三栏 */
.mev5-body{display:grid;grid-template-columns:198px minmax(0,1fr) 320px}
.mev5-nav{border-right:1px solid var(--mh);padding:11px 0;background:var(--ms1)}
.mev5-nav .grp{font:700 var(--mt6) var(--mmono);letter-spacing:.18em;text-transform:uppercase;
 color:var(--m5);padding:10px 17px 5px}
.mev5-nav a{display:flex;align-items:center;gap:9px;padding:8px 17px;font-size:var(--mt4);
 color:var(--m3);cursor:pointer;border-left:2px solid transparent;text-decoration:none}
.mev5-nav a:hover{color:var(--m1);background:rgba(255,255,255,.02)}
.mev5-nav a.on{color:var(--m1);border-left-color:var(--grn,#00e58c);background:rgba(0,229,140,.05)}
.mev5-nav a .dt{width:5px;height:5px;border-radius:50%;background:var(--m5);flex:none}
.mev5-nav a.on .dt{background:var(--grn,#00e58c)}
.mev5-pane{padding:17px 21px;max-width:640px}
.mev5-aside{border-left:1px solid var(--mh);padding:17px;background:var(--ms1)}
.mev5-aside .blk{margin-bottom:19px}.mev5-aside .blk:last-child{margin-bottom:0}

/* 零件 */
.mev5-sh{display:flex;align-items:baseline;gap:9px;margin-bottom:11px}
.mev5-sh .t{font:700 var(--mt3)/1 inherit;color:var(--m1)}
.mev5-sh .e{font:700 var(--mt6) var(--mmono);letter-spacing:.2em;text-transform:uppercase;color:var(--m4)}
.mev5-sh .sp{flex:1}
.mev5-chip{font:700 var(--mt6) var(--mmono);letter-spacing:.1em;padding:3px 7px;border-radius:5px;
 background:var(--ms3);color:var(--m3);white-space:nowrap}
.mev5-chip.g{color:var(--grn,#00e58c);background:rgba(0,229,140,.08)}
.mev5-chip.gd{color:var(--gold,#ffc53d);background:rgba(255,197,61,.09)}
.mev5-chip.am{color:var(--amb,#ffab00);background:rgba(255,171,0,.09)}
.mev5-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--mh);
 border-radius:10px;overflow:hidden;margin-bottom:13px}
.mev5-trio>div{background:var(--ms1);padding:11px 13px}
.mev5-trio .k{font:700 var(--mt6) var(--mmono);letter-spacing:.14em;text-transform:uppercase;color:var(--m4)}
.mev5-trio .v{font:700 var(--mt3) var(--mmono);margin-top:6px;color:var(--m1)}
.mev5-dl .r{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:baseline;
 padding:8px 0;border-bottom:1px solid var(--mh)}
.mev5-dl .r:last-child{border-bottom:0}
.mev5-dl .k{font-size:var(--mt4);color:var(--m3)}
.mev5-dl .v{font:600 var(--mt4) var(--mmono);color:var(--m1)}
.mev5-dl .v.d{color:var(--m4)}
.mev5-dl .v.gd{color:var(--gold,#ffc53d)}
.mev5-b{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;
 border-radius:9px;font:700 var(--mt4) inherit;cursor:pointer;background:var(--ms3);
 color:var(--m1);white-space:nowrap;border:0;text-decoration:none;transition:.13s}
.mev5-b:hover{background:#141d29}
.mev5-b.pri{background:rgba(0,229,140,.12);color:var(--grn,#00e58c);
 box-shadow:inset 0 0 0 1px rgba(0,229,140,.24)}
.mev5-b.q{background:transparent;color:var(--m3);box-shadow:inset 0 0 0 1px var(--mh2)}
.mev5-b.w{width:100%}
.mev5-br{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}
.mev5-inp{width:100%;background:#0b1119;border:1px solid var(--mh2);border-radius:8px;
 padding:8px 10px;color:var(--m1);font:400 var(--mt4) inherit;margin-bottom:9px}
.mev5-lbl{font:700 var(--mt6) var(--mmono);letter-spacing:.14em;text-transform:uppercase;
 color:var(--m4);margin:9px 0 5px}
.mev5-note{font-size:var(--mt5);line-height:1.7;color:var(--m3);margin-top:10px}
.mev5-note b{color:var(--m1)}
.mev5-warn{margin-top:11px;padding:9px 11px;border-radius:8px;font:500 var(--mt5)/1.7 var(--mmono);
 background:rgba(255,171,0,.05);color:#e5c88f;box-shadow:inset 0 0 0 1px rgba(255,171,0,.17)}
.mev5-hr{height:1px;background:var(--mh);margin:13px 0}
.mev5 details{border-top:1px solid var(--mh)}
.mev5 details summary{list-style:none;cursor:pointer;padding:10px 0;display:flex;
 align-items:center;gap:9px;font-size:var(--mt4);color:var(--m3)}
.mev5 details summary::-webkit-details-marker{display:none}
.mev5 details summary::before{content:"+";font:700 var(--mt4) var(--mmono);color:var(--m4);width:11px}
.mev5 details[open] summary::before{content:"-"}
.mev5 details[open] summary{color:var(--m1)}
.mev5 details summary .sp{flex:1}
.mev5 details summary .hint{font:600 var(--mt6) var(--mmono);color:var(--m5);letter-spacing:.08em}
.mev5 details .in{padding:2px 0 14px 20px}
.mev5-steps .st{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:var(--mt4);color:var(--m3)}
.mev5-steps .st b{width:18px;height:18px;border-radius:50%;flex:none;display:flex;
 align-items:center;justify-content:center;font:700 10px var(--mmono);background:var(--ms3);color:var(--m4)}
.mev5-steps .st.done{color:var(--grn,#00e58c)}
.mev5-steps .st.done b{background:rgba(0,229,140,.2);color:var(--grn,#00e58c)}
.mev5-steps .st.now{color:var(--cyan,#00d5c4)}
.mev5-steps .st.now b{background:rgba(0,213,196,.2);color:var(--cyan,#00d5c4)}

/* ★ 手机：只有这一条 media query，其余全走类 */
@media(max-width:920px){
 .mev5-body{grid-template-columns:1fr}
 .mev5-nav{border-right:0;border-bottom:1px solid var(--mh);padding:0;display:flex;overflow-x:auto}
 .mev5-nav .grp{display:none}
 .mev5-nav a{border-left:0;border-bottom:2px solid transparent;padding:10px 12px;white-space:nowrap}
 .mev5-nav a.on{border-bottom-color:var(--grn,#00e58c)}
 .mev5-pane{max-width:none;padding:14px}
 .mev5-aside{border-left:0;border-top:1px solid var(--mh);padding:14px}
 .mev5-answer{padding:16px 14px}
 .mev5-todo{padding:11px 14px}
 .mev5-an{gap:20px}
 .mev5-an>div .n{font-size:27px}
 .mev5-at{font-size:16px}
 .mev5-trio{grid-template-columns:1fr 1fr}
}

/* DSJ_MEV5JS_20260823 · tab 切换配套 */
.mev5-p[hidden]{display:none}
.mev5-body{align-items:start}          /* ★ 左栏不再被右栏撑高 */
.mev5-nav{align-self:stretch}
.mev5-aside[data-hl="1"]{box-shadow:inset 2px 0 0 var(--grn,#00e58c)}

/* 持仓表 */
.mev5-tbl{width:100%;border-collapse:collapse;font-family:var(--mmono);margin-top:4px}
.mev5-tbl th{font:700 var(--mt6) var(--mmono);letter-spacing:.13em;text-transform:uppercase;
 color:var(--m4);text-align:right;padding:0 0 7px}
.mev5-tbl th:first-child{text-align:left}
.mev5-tbl td{font-size:var(--mt4);padding:7px 0;border-top:1px solid var(--mh);
 text-align:right;color:var(--m1)}
.mev5-tbl td:first-child{text-align:left;font-weight:700}
.mev5-tbl .L{color:var(--grn,#00e58c)}.mev5-tbl .S{color:var(--red,#ff3355)}
.mev5-tbl .up{color:var(--grn,#00e58c)}.mev5-tbl .dn{color:var(--red,#ff3355)}

/* DSJ_SWITCH_20260823 · 跟单开关（主网 + 测试网各一个）*/
.mev5-swrow{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--mh);
 border-radius:10px;overflow:hidden;margin-bottom:12px}
.mev5-swbox{background:var(--ms1);padding:13px 14px;display:grid;
 grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:4px 10px;align-items:center}
.mev5-swbox .l{display:flex;align-items:center;gap:7px;font-size:var(--mt4);color:var(--m2)}
.mev5-swbox .l b{color:var(--m1);font-weight:700}
.mev5-swbox .d{grid-column:1;font:600 var(--mt5) var(--mmono);color:var(--m4)}
.mev5-swbox .d.on{color:var(--grn,#00e58c)}
.mev5-swbox .d.err{color:var(--red,#ff3355)}
.mev5-swbox .sw{grid-column:2;grid-row:1/3;justify-self:end;
 width:44px;height:25px;border-radius:13px;background:var(--m5);
 position:relative;cursor:pointer;transition:.16s}
.mev5-swbox .sw::after{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;
 border-radius:50%;background:var(--m3);transition:.16s}
.mev5-swbox .sw.on{background:rgba(0,229,140,.24)}
.mev5-swbox .sw.on::after{left:24px;background:var(--grn,#00e58c)}
.mev5-swbox .sw.busy{opacity:.5;cursor:wait}
.mev5-swbox .sw.na{opacity:.35;cursor:not-allowed}
@media(max-width:920px){.mev5-swrow{grid-template-columns:1fr}}