*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,"PingFang SC",Arial,sans-serif;background:#050709;color:#edf7ff;font-size:14px}
a{color:inherit;text-decoration:none}
.pos{color:#20d18f}.neg{color:#f2424c}.mut{color:#8c99ad}.acc{color:#03d0e0}.gold{color:#e3b341}
nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:22px;padding:12px 26px;background:#0a1220cc;backdrop-filter:blur(10px);border-bottom:1px solid #111c26}
nav .logo{font-weight:800;font-size:18px;background:linear-gradient(90deg,#03d0e0,#a371f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer}
nav .nl{cursor:pointer;color:#a7b5be;padding:5px 2px;font-weight:500}
nav .nl:hover,nav .nl.on{color:#fff;border-bottom:2px solid #03d0e0}
nav .sp{flex:1}
.btn{background:linear-gradient(90deg,#03d0e0,#2d7ff7);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px}
.btn.gh{background:#111c26;border:1px solid #1f2d3a}
.btn.sm{padding:5px 11px;font-size:12px}
.btn.disabled{background:#18222e;color:#8c99ad;border:1px solid #1f2d3a;cursor:not-allowed;background-image:none}
.badge.mm{background:#2a2f3a;color:#8b97a6;border:1px dashed #444c56}
.ckbox{display:inline-flex;align-items:center;gap:3px;font-size:12px;color:#a7b5be;cursor:pointer;margin-right:8px}
.ckbox input{cursor:pointer;accent-color:#2d7ff7}
.btn.sm.wd{background:#3a2f15;color:#e3b341;border-color:#5c4a1f}
.btn.gold{background:#3a2f15;color:#e3b341;border:1px solid #5c4a1f;background-image:none}
.badge.note{background:#15233a;color:#69a3ff;border:1px solid #234876;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
.pager{display:flex;align-items:center;gap:12px;justify-content:center;margin-top:14px}
.pginfo{color:#a7b5be;font-size:13px}
.rollnote{background:#1a1410;border:1px solid #3a2f15;color:#e3b341;border-radius:8px;padding:8px 12px;margin:6px 0 10px;font-size:12px;line-height:1.6}
.mut{color:#8c99ad}
.vipbadge{padding:3px 10px;border-radius:7px;font-size:12px;font-weight:800;letter-spacing:.5px;box-shadow:0 0 8px rgba(227,179,65,.25)}
.vip-vip1{background:linear-gradient(90deg,#5c4a1f,#8a6d24);color:#ffe9a8}
.vip-vip2{background:linear-gradient(90deg,#2d7ff7,#03d0e0);color:#fff}
.vip-vip3{background:linear-gradient(90deg,#7b2ff7,#e3b341);color:#fff;box-shadow:0 0 10px rgba(227,179,65,.5)}
.price.curtier{border-color:#20d18f;box-shadow:0 0 14px rgba(63,185,80,.3);position:relative}
.price.curtier::before{content:'✓ 当前套餐';position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#20d18f;color:#04140a;font-size:11px;font-weight:800;padding:2px 10px;border-radius:6px}
.splitrow{display:flex;align-items:center;gap:12px;margin:8px 0}
.splitlbl{width:56px;color:#8c99ad;font-size:12px;flex-shrink:0}
.splitbar{flex:1;display:flex;height:14px;border-radius:7px;overflow:hidden;background:#050709;min-width:120px;max-width:340px}
.seglong{background:#20d18f}.segshort{background:#f2424c}
.splittxt{font-size:12px;white-space:nowrap}
.clearx{display:none;position:absolute;right:6px;top:50%;transform:translateY(-50%);cursor:pointer;color:#8c99ad;font-size:13px;line-height:1;padding:2px}
.clearx:hover{color:#f2424c}
.btn.sm:disabled,.btn.gh.sm:disabled{opacity:.4;cursor:not-allowed}
.lang{cursor:pointer;color:#8c99ad;font-size:13px}
.page{display:none;max-width:1240px;margin:0 auto;padding:24px}
.page.on{display:block}
.hero{display:flex;align-items:center;gap:36px;padding:48px 20px 26px;flex-wrap:wrap}
.hero-l{flex:1;min-width:320px;text-align:left}
.hero-r{flex:0 0 auto}
.hero-r img{width:min(38vw,400px);height:auto;filter:drop-shadow(0 12px 54px rgba(3,208,224,.32))}
@media(max-width:860px){.hero{justify-content:center}.hero-l{text-align:center}.hero-r{display:none}}
.hero h1{font-size:42px;font-weight:800;line-height:1.2;margin-bottom:16px}
.hero h1 span{background:linear-gradient(90deg,#03d0e0,#a371f7,#20d18f);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero p{color:#9aa5b1;font-size:17px;margin-bottom:20px}
.hsearch{display:flex;gap:10px;max-width:640px;margin:10px auto 4px}
.hsearch input{flex:1;background:#0a1220;border:1px solid #1f2d3a;border-radius:10px;padding:14px 16px;font-size:15px;color:#edf7ff}
.hsearch input:focus{outline:none;border-color:#03d0e0}
.hsearch button{padding:0 22px;font-size:15px;border-radius:10px}
.stats{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin:24px 0}
.stat{background:#0a1220;border:1px solid #111c26;border-radius:12px;padding:18px 28px;min-width:170px}
.stat .n{font-size:26px;font-weight:800;color:#fff}.stat .l{color:#8c99ad;font-size:13px;margin-top:4px}
.sect-t{font-size:20px;font-weight:700;margin:34px 0 14px;display:flex;align-items:center;gap:10px}
.card{background:#0a1220;border:1px solid #111c26;border-radius:12px}
.tabs{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.tab{padding:7px 15px;border-radius:20px;background:#0a1220;border:1px solid #111c26;cursor:pointer;color:#a7b5be;font-weight:600;font-size:13px}
.tab.on{background:#2d7ff722;border-color:#03d0e0;color:#fff}
.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;background:#0a1220;border:1px solid #111c26;border-radius:12px;padding:12px 14px;margin-bottom:14px}
.fg{display:flex;gap:5px;align-items:center}
.fg .lbl{color:#8c99ad;font-size:12px;margin-right:3px}
.chip{padding:5px 11px;border-radius:7px;background:#050709;border:1px solid #1f2d3a;cursor:pointer;font-size:12px;color:#a7b5be}
.chip.on{background:#2d7ff7;border-color:#2d7ff7;color:#fff}
select,input{background:#050709;border:1px solid #1f2d3a;color:#edf7ff;border-radius:7px;padding:6px 9px;font-size:12px}
table{width:100%;border-collapse:collapse;font-size:13px}
th{text-align:right;padding:11px 12px;color:#8c99ad;font-weight:600;border-bottom:1px solid #111c26;font-size:12px}
td{text-align:right;padding:11px 12px;border-bottom:1px solid #111c26}
th.l,td.l{text-align:left}
tr.row{cursor:pointer}tr.row:hover{background:#0f1a24}
.badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;background:#111c26;color:#a7b5be}
.badge.g{background:#23371f;color:#20d18f}.badge.r{background:#3a1d1d;color:#f2424c}.badge.gold{background:#3a2f15;color:#e3b341}
.rank{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:6px;background:#111c26;font-weight:700;font-size:12px}
.rank.t1{background:#e3b34122;color:#e3b341}.rank.t2{background:#c0c0c022;color:#cbd5e1}.rank.t3{background:#cd7f3222;color:#e0995e}
.addr{font-family:ui-monospace,monospace;color:#03d0e0}
.cp{cursor:pointer;opacity:.5;margin-left:5px}.cp:hover{opacity:1}
.promo-link{flex:1;background:#050709;border:1px solid #1f2d3a;border-radius:8px;padding:11px 14px;font-family:ui-monospace,monospace;color:#03d0e0;font-size:13px}
.pfunnel{display:flex;gap:0;margin-top:16px;flex-wrap:wrap}
.pf{flex:1;min-width:110px;text-align:center;padding:10px 8px;border-right:1px solid #111c26}
.pf:last-child{border-right:none}.pf .n{font-size:22px;font-weight:800;color:#fff}.pf .l{color:#8c99ad;font-size:12px;margin-top:3px}
.dhead{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:20px;margin-bottom:16px}
.dhead .av{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#03d0e0,#a371f7);display:flex;align-items:center;justify-content:center;font-size:28px}
.dtitle{font-size:22px;font-weight:800}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mcard{background:#0a1220;border:1px solid #111c26;border-radius:12px;padding:15px}
.mcard .l{color:#8c99ad;font-size:12px;margin-bottom:6px}.mcard .v{font-size:21px;font-weight:800}
.panel{background:#0a1220;border:1px solid #111c26;border-radius:12px;padding:18px;margin-bottom:16px}
.panel h3{font-size:15px;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.rflags{display:flex;gap:8px;flex-wrap:wrap}
.locked{position:relative;overflow:hidden}
.locked .blur{filter:blur(6px);pointer-events:none;user-select:none;opacity:.6}
.lockmask{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#050709aa;gap:8px}
.lockmask .t{font-weight:700}.lockmask .s{color:#8c99ad;font-size:12px}
.coinrow{cursor:pointer}.coinrow:hover{background:#0f1a24}
.tdrow{display:none}.tdrow.on{display:table-row}
.tdtable{width:100%;font-size:11px;margin:4px 0}.tdtable th{padding:6px 8px;background:#0a1220}.tdtable td{padding:6px 8px}
.prices{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.price{background:#0a1220;border:1px solid #111c26;border-radius:14px;padding:22px;text-align:center}
.price.hi{border-color:#03d0e0;box-shadow:0 0 0 1px #03d0e0}
.price .t{font-weight:700;font-size:16px}.price .p{font-size:30px;font-weight:800;margin:10px 0}.price .p small{font-size:14px;color:#8c99ad}
.price ul{list-style:none;text-align:left;margin-top:16px;font-size:13px;color:#cbd5e1;line-height:1.5}
.price li{padding:7px 0 7px 22px;position:relative}
.price li::before{content:'\2713';position:absolute;left:1px;top:7px;color:#20d18f;font-weight:700;font-size:12px}
footer{border-top:1px solid #111c26;margin-top:50px;padding:30px 26px;color:#8c99ad;font-size:13px}
.fcols{display:flex;gap:50px;flex-wrap:wrap;max-width:1240px;margin:0 auto}
.fcol h4{color:#edf7ff;font-size:13px;margin-bottom:10px}.fcol div{padding:3px 0;cursor:pointer}.fcol div:hover{color:#03d0e0}
.svgwrap{width:100%;height:160px}
.tag2{font-size:11px;color:#8c99ad}
.loading{text-align:center;padding:40px;color:#8c99ad}
#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#2d7ff7;color:#fff;padding:9px 18px;border-radius:8px;display:none;z-index:99}
/* 详情弹窗最大化(篮子持仓/对齐核对表格宽) */
#wmodal.wide{align-items:flex-start;padding:2vh 0}
#wmodal.wide>.card{max-width:96vw!important;width:96vw;text-align:left;max-height:96vh;overflow:auto;padding:20px 24px}
#wmodal.wide #wmt{text-align:left}#wmodal.wide #wms{text-align:left}

/* ===== 白天模式 (html.light) ===== */
.themebtn{cursor:pointer;font-size:16px;line-height:1;user-select:none;opacity:.85}
.themebtn:hover{opacity:1}
html.light body{background:#f5f7fa;color:#1a2533}
html.light nav{background:#ffffffe6;border-bottom:1px solid #e3e8ef}
html.light nav .nl{color:#5a6b7b}
html.light nav .nl.on,html.light nav .nl:hover{color:#0a1220;border-bottom-color:#03d0e0}
html.light .card,html.light .stat,html.light .tab,html.light .filters,html.light .panel,html.light .price,html.light .tdtable,html.light .mcard{background:#ffffff!important;border-color:#e3e8ef!important}
html.light .tab.on{background:#2d7ff714!important;border-color:#03d0e0!important;color:#0a1220!important}
html.light .stat .n,html.light .mcard .v{color:#0a1220!important}
html.light .stat .l,html.light .tag2,html.light .mut,html.light .lang,html.light .pginfo,html.light .splitlbl,html.light .fg .lbl,html.light .mcard .l{color:#64748b!important}
html.light .pos{color:#16a34a!important}
html.light .neg{color:#dc2626!important}
html.light .hsearch input,html.light input,html.light select,html.light textarea{background:#ffffff!important;border:1px solid #cbd5e1!important;color:#1a2533!important}
html.light .btn.gh{background:#eef2f7!important;border:1px solid #cbd5e1!important;color:#1a2533!important}
html.light table{color:#1a2533}
html.light th{color:#64748b!important;border-color:#e3e8ef!important}
html.light td{border-color:#eef2f7!important}
html.light tr.row:hover,html.light .row:hover,html.light .coinrow:hover,html.light tbody tr:hover{background:#f1f5f9!important;color:#1a2533!important}
html.light .sect-t{color:#1a2533}
html.light .promo-link{background:#eef2f7!important;color:#1a2533!important;border-color:#cbd5e1!important}
html.light .pf .n{color:#0a1220!important}
html.light .splitbar{background:#e3e8ef!important}
/* 内联深色背景兜底(覆盖常见硬编码) */
html.light [style*="#0a1220"]{background:#ffffff!important}
html.light [style*="#050709"]{background:#f5f7fa!important}
html.light [style*="background:#0f1623"],html.light [style*="background:#15233a"],html.light [style*="background:#050709"]{background:#f5f7fa!important}
/* 白天模式: 深色 chrome(徽章/排名/禁用按钮/chip) 转浅色 */
html.light .btn.disabled{background:#eef2f7!important;color:#94a3b8!important;border:1px solid #e3e8ef!important}
html.light .badge{background:#eef2f7!important;color:#5a6b7b!important}
html.light .badge.mm{background:#f1f5f9!important;color:#94a3b8!important;border:1px dashed #cbd5e1!important}
html.light .badge.note{background:#e8f0fe!important;color:#3b6fd6!important;border:1px solid #c3d9f7!important}
html.light .badge.g{background:#dcfce7!important;color:#16a34a!important}
html.light .badge.r{background:#fee2e2!important;color:#dc2626!important}
html.light .badge.gold{background:#fef3c7!important;color:#b8860b!important}
html.light .rank{background:#eef2f7!important;color:#5a6b7b!important}
html.light .rank.t1{background:#fef3c7!important;color:#b8860b!important}
html.light .rank.t2{background:#eef2f7!important;color:#64748b!important}
html.light .rank.t3{background:#fde8d4!important;color:#c2703a!important}
html.light .chip{background:#f1f5f9!important;border:1px solid #cbd5e1!important;color:#5a6b7b!important}
html.light .chip.on{background:#2d7ff7!important;border-color:#2d7ff7!important;color:#fff!important}
html.light .vipbadge,html.light .badge.gold{box-shadow:none}
html.light .btn.gold,html.light .btn.sm.wd{background:#fef3c7!important;color:#b8860b!important;border:1px solid #f0d98a!important}
html.light .rollnote{background:#fff7e6!important;border-color:#f0d98a!important;color:#b8860b!important}
/* 白天模式: 表格深色表头 + 净盈亏曲线深色背景 */
html.light .tdtable th{background:#f1f5f9!important;color:#5a6b7b!important}
html.light th{background:transparent!important}
html.light [style*="background:#071018"]{background:#f8fafc!important;border-color:#e3e8ef!important}
html.light #cvwrap line{stroke:#cbd5e1!important}
html.light #cvdot{border-color:#fff!important}
/* 白天模式: 悬停 tooltip + 浮动返回按钮(深色#131f2b)转浅色 */
html.light [style*="#131f2b"]{background:#ffffff!important;border-color:#cbd5e1!important;color:#1a2533!important;box-shadow:0 2px 10px rgba(15,23,42,.14)}
/* 白天模式: 全量剩余内联深色适配 */
html.light [style*="background:#0d1117"],html.light [style*="background:#111c26"],html.light [style*="background:#1c2333"]{background:#f8fafc!important}
html.light [style*="background:#0f1f17"]{background:#f0fdf4!important}
html.light [style*="background:#1a1410"],html.light [style*="background:#1a1408"]{background:#fffbeb!important}
html.light [style*="background:#15101f"]{background:#faf5ff!important}
html.light [style*="#1f2d3a"],html.light [style*="#21283a"],html.light [style*="#18222e"],html.light [style*="#1c2333"]{border-color:#e3e8ef!important}
html.light [style*="border-color:#1f5c4a"]{border-color:#86efac!important}
html.light [style*="border-color:#5c1f1f"]{border-color:#fca5a5!important}
html.light [style*="border-color:#3a2f5c"]{border-color:#d8b4fe!important}
html.light [style*="border-color:#234876"]{border-color:#bfdbfe!important}
html.light [style*="border-color:#3a2f15"],html.light [style*="border:1px solid #5c4a1f"]{border-color:#f0d98a!important}
html.light [style*="color:#edf7ff"]{color:#1a2533!important}

/* 会员定价页 白天可读性 */
html.light .price ul{color:#475569}
html.light .price li::before{color:#16a34a}
.price{transition:box-shadow .15s,transform .15s}
.price:hover{transform:translateY(-2px)}

html[data-lang=en] .price.curtier::before{content:'✓ Current plan'}
html[data-lang=ko] .price.curtier::before{content:'✓ 현재 요금제'}
html[data-lang=ja] .price.curtier::before{content:'✓ 現在のプラン'}
html[data-lang=fr] .price.curtier::before{content:'✓ Forfait actuel'}
html[data-lang=es] .price.curtier::before{content:'✓ Plan actual'}
html[data-lang=vi] .price.curtier::before{content:'✓ Gói hiện tại'}