/* ==========================================================================
   BITBOSS · 浅色（白模式）主题
   用法：<html data-theme="light"> · 由 ui.js 主题按钮切换并持久化
   ========================================================================== */
html[data-theme="light"]{
  --bg:#f2f6fb; --bg2:#eaf1f8; --panel:#ffffff; --panel2:#f7fafd; --panel3:#eaf2f9;
  --line:rgba(16,64,92,.14); --line2:rgba(16,64,92,.24); --line3:rgba(16,64,92,.38);
  --cyan:#0a7cb0; --cyan2:#00688f; --green:#0a8f5f; --red:#cf1f45; --amber:#a86600; --violet:#5b48c8;
  --txt:#0e2334; --txt2:#274a60; --dim:#4f7086; --faint:#7e95a6;
  color-scheme:light;
}
html[data-theme="light"] body{
  background:
    radial-gradient(1000px 560px at 46% -12%, rgba(150,205,235,.38), transparent 62%),
    radial-gradient(900px 520px at 100% 100%, rgba(190,220,240,.32), transparent 70%),
    #f2f6fb;
  color:var(--txt);
}
html[data-theme="light"] ::-webkit-scrollbar-thumb{background:rgba(16,64,92,.22)}

/* ---------- app shell ---------- */
html[data-theme="light"] .sidebar{background:#fff;border-right:1px solid var(--line)}
html[data-theme="light"] .brand b{color:#0e2334}
html[data-theme="light"] .brand small{color:var(--faint)}
html[data-theme="light"] .nav-group{color:var(--faint)}
html[data-theme="light"] .nav a{color:var(--dim)}
html[data-theme="light"] .nav a:hover{color:var(--txt);background:rgba(10,120,170,.06)}
html[data-theme="light"] .nav a.on{color:#06344a;background:linear-gradient(90deg,rgba(10,140,190,.14),transparent 80%)}
html[data-theme="light"] .nav a em{color:#0a6b48;border-color:rgba(10,143,95,.35);background:rgba(10,143,95,.07)}
html[data-theme="light"] .side-foot{border-top:1px solid var(--line)}
html[data-theme="light"] .plan-chip{background:rgba(10,143,95,.07);border-color:rgba(10,143,95,.3)}
html[data-theme="light"] .plan-chip b{color:#0a6b48}
html[data-theme="light"] .user{color:var(--txt2)}
html[data-theme="light"] .avatar{background:linear-gradient(135deg,#d8ebf7,#c5dfef);border-color:var(--line2);color:#0b4a66}
html[data-theme="light"] .topbar{background:rgba(255,255,255,.88);border-bottom:1px solid var(--line)}
html[data-theme="light"] .topbar h1{color:var(--txt)}
html[data-theme="light"] .topbar .crumb{color:var(--faint)}
html[data-theme="light"] .tb-status{color:#0a6b48;border-color:rgba(10,143,95,.35);background:rgba(10,143,95,.08)}
html[data-theme="light"] .icon-btn{color:var(--dim);border-color:var(--line)}
html[data-theme="light"] .icon-btn:hover{color:var(--txt);border-color:var(--line3)}
html[data-theme="light"] .icon-btn.on{color:#a86600;border-color:rgba(168,102,0,.4);background:rgba(255,182,46,.12)}
html[data-theme="light"] .content{background:transparent}

/* ---------- cards / stats / tables ---------- */
html[data-theme="light"] .card{
  background:#fff;border-color:var(--line);
  box-shadow:0 1px 2px rgba(16,64,92,.04);
}
html[data-theme="light"] .card::before,
html[data-theme="light"] .card::after{border-color:rgba(16,120,160,.35)}
html[data-theme="light"] .card-h h3{color:var(--cyan)}
html[data-theme="light"] .card-h .meta{color:var(--faint)}
html[data-theme="light"] .stat{background:#fff;border-color:var(--line)}
html[data-theme="light"] .stat .k{color:var(--faint)}
html[data-theme="light"] .stat .v{color:var(--txt)}
html[data-theme="light"] .stat .d{color:var(--dim)}
html[data-theme="light"] .tbl th{color:var(--faint);border-bottom-color:rgba(16,64,92,.18)}
html[data-theme="light"] .tbl td{color:var(--txt2);border-bottom-color:rgba(16,64,92,.08)}
html[data-theme="light"] .tbl tbody tr:hover td{background:rgba(10,140,190,.05)}
html[data-theme="light"] .list .it{border-bottom-color:rgba(16,64,92,.08)}
html[data-theme="light"] .bar{background:rgba(16,64,92,.1)}

/* ---------- controls ---------- */
html[data-theme="light"] .btn{color:var(--txt2);border-color:var(--line2);background:#fff}
html[data-theme="light"] .btn:hover{color:var(--txt);border-color:var(--line3)}
html[data-theme="light"] .btn.pri{background:linear-gradient(90deg,rgba(10,143,95,.16),rgba(10,140,190,.12));
  color:#064a36;border-color:rgba(10,143,95,.45)}
html[data-theme="light"] .btn.warn{color:#8a5a00;border-color:rgba(168,102,0,.45);background:#fff}
html[data-theme="light"] .btn.danger{color:#b01f3c;border-color:rgba(207,31,69,.4);background:#fff}
html[data-theme="light"] .btn.ghost{color:var(--dim);background:transparent}
html[data-theme="light"] .input,html[data-theme="light"] select.input,html[data-theme="light"] textarea.input{
  background:#fff;border-color:var(--line2);color:var(--txt)}
html[data-theme="light"] .input::placeholder{color:var(--faint)}
html[data-theme="light"] .input:focus{border-color:var(--line3);box-shadow:0 0 0 1px rgba(10,140,190,.2)}
html[data-theme="light"] .seg{background:#fff;border-color:var(--line)}
html[data-theme="light"] .seg button{color:var(--dim)}
html[data-theme="light"] .seg button.on{background:rgba(10,140,190,.12);color:#06344a;box-shadow:inset 0 0 0 1px rgba(10,140,190,.28)}
html[data-theme="light"] .tabs button{color:var(--dim)}
html[data-theme="light"] .tabs button.on{color:var(--txt);background:rgba(10,140,190,.06)}
html[data-theme="light"] .tag{color:var(--dim);border-color:var(--line2)}
html[data-theme="light"] .tag.live{color:#0a6b48;border-color:rgba(10,143,95,.4);background:rgba(10,143,95,.08)}
html[data-theme="light"] .tag.paper{color:#8a5a00;border-color:rgba(168,102,0,.4);background:rgba(255,182,46,.12)}
html[data-theme="light"] .tag.sim{color:#4f3fb0;border-color:rgba(91,72,200,.4);background:rgba(91,72,200,.08)}
html[data-theme="light"] .tag.risk{color:#b01f3c;border-color:rgba(207,31,69,.4);background:rgba(207,31,69,.07)}
html[data-theme="light"] .pill{color:var(--dim);border-color:var(--line)}
html[data-theme="light"] .pill.on{color:#0a6b48;border-color:rgba(10,143,95,.35);background:rgba(10,143,95,.07)}
html[data-theme="light"] .dot{box-shadow:0 0 6px rgba(10,143,95,.5)}
html[data-theme="light"] .dot.red{box-shadow:0 0 6px rgba(207,31,69,.45)}
html[data-theme="light"] .dot.amber{box-shadow:0 0 6px rgba(168,102,0,.45)}

/* ---------- notes / modal / palette / code ---------- */
html[data-theme="light"] .note{background:rgba(255,182,46,.10);color:#6b4a12;border-left-color:var(--amber)}
html[data-theme="light"] .note.cyan{background:rgba(10,140,190,.08);color:#0b4a66;border-color:var(--cyan)}
html[data-theme="light"] .note.red{background:rgba(207,31,69,.07);color:#8f1b33;border-color:var(--red)}
html[data-theme="light"] .overlay{background:rgba(12,34,48,.32)}
html[data-theme="light"] .modal{background:#fff;border-color:var(--line2);box-shadow:0 18px 50px rgba(16,64,92,.18)}
html[data-theme="light"] .modal h3{color:var(--txt)}
html[data-theme="light"] .modal .sub{color:var(--dim)}
html[data-theme="light"] .code{background:#f2f7fb;color:#14364a}
html[data-theme="light"] .empty{color:var(--faint);border-color:var(--line2)}
html[data-theme="light"] .ui-mask{background:rgba(12,34,48,.32)}
html[data-theme="light"] .ui-pal-box{background:#fff;border-color:var(--line2);box-shadow:0 18px 50px rgba(16,64,92,.18)}
html[data-theme="light"] .ui-pal-in{color:var(--txt);border-bottom-color:var(--line)}
html[data-theme="light"] .ui-pal-item{color:var(--txt2)}
html[data-theme="light"] .ui-pal-item.on{background:rgba(10,140,190,.08);color:var(--txt)}
html[data-theme="light"] .ui-pal-item .k{color:var(--faint)}
html[data-theme="light"] .ui-pal-foot{color:var(--faint);border-top-color:var(--line)}
html[data-theme="light"] .ui-mask .ui-modal,html[data-theme="light"] .ui-modal{background:#fff;border-color:var(--line2)}
html[data-theme="light"] .ui-modal h3{color:var(--txt)}
html[data-theme="light"] .kbd{background:#f2f7fb;border-color:var(--line2);color:var(--dim)}

/* ---------- mobile tabbar ---------- */
html[data-theme="light"] .tabbar{background:rgba(255,255,255,.96);border-top:1px solid var(--line)}
html[data-theme="light"] .tabbar button{color:var(--dim)}
html[data-theme="light"] .tabbar button.on{color:var(--cyan)}

/* ==========================================================================
   产品首页（landing）浅色覆盖
   ========================================================================== */
html[data-theme="light"] .land{background:transparent}
html[data-theme="light"] .land-nav{background:rgba(255,255,255,.9);border-bottom:1px solid var(--line)}
html[data-theme="light"] .land-nav .links{color:var(--dim)}
html[data-theme="light"] .land-nav .links a:hover{color:var(--txt)}
html[data-theme="light"] .hero h1{color:#0e2334}
html[data-theme="light"] .hero h1 em{background:linear-gradient(90deg,#0a8fc4,#0a8f5f);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme="light"] .hero p{color:var(--dim)}
html[data-theme="light"] .tchip{color:var(--dim);border-color:var(--line);background:#fff}
html[data-theme="light"] .tchip b{color:#0a6b48}
html[data-theme="light"] .mock{background:#fff;border-color:rgba(16,120,160,.3);
  box-shadow:0 10px 30px rgba(16,64,92,.10)}
html[data-theme="light"] .mock::before{background:radial-gradient(500px 300px at 80% 0%,rgba(150,210,235,.35),transparent 65%)}
html[data-theme="light"] .mock-h .t{color:#0a6b48}
html[data-theme="light"] .mock-stat{background:#f7fbfe;border-color:var(--line)}
html[data-theme="light"] .mock-row{color:var(--dim);border-bottom-color:rgba(16,64,92,.08)}
html[data-theme="light"] .mock-row b{color:var(--txt)}
html[data-theme="light"] .feat,html[data-theme="light"] .stp{background:#fff;border-color:var(--line)}
html[data-theme="light"] .feat p,html[data-theme="light"] .stp p{color:var(--dim)}
html[data-theme="light"] .feat .ic{border-color:rgba(10,140,190,.35);color:var(--cyan);background:#f7fbfe}
html[data-theme="light"] .stp h4{color:var(--txt)}
html[data-theme="light"] .stp .n{color:rgba(10,140,190,.45)}
html[data-theme="light"] .vent-card{background:#fff;border-color:var(--line)}
html[data-theme="light"] .vent-card:hover{border-color:var(--line3)}
html[data-theme="light"] .vent-card .vd{color:var(--dim)}
html[data-theme="light"] .vent-card .vt .ic{background:#f7fbfe;border-color:var(--line2);color:#0b5a78}
html[data-theme="light"] .vent-card.dex .vt .ic{color:#4f3fb0;border-color:rgba(91,72,200,.4);background:rgba(91,72,200,.07)}
html[data-theme="light"] .vent-card .go{color:#0a7cb0}
html[data-theme="light"] .pg{background:#fff;border-color:var(--line)}
html[data-theme="light"] .pg .p small{color:var(--dim)}
html[data-theme="light"] .pg ul{color:var(--dim)}
html[data-theme="light"] .band{background:linear-gradient(100deg,rgba(10,143,95,.12),rgba(255,255,255,0) 60%);border-color:rgba(10,143,95,.35)}
html[data-theme="light"] .band p{color:var(--dim)}
html[data-theme="light"] .foot{color:var(--faint);border-top-color:var(--line)}
html[data-theme="light"] .foot b{color:var(--dim)}
html[data-theme="light"] .install-hint{background:rgba(10,140,190,.07);border-color:rgba(10,140,190,.3);color:var(--txt2)}
html[data-theme="light"] .install-hint b{color:var(--txt)}
html[data-theme="light"] .install-hint button{color:#0a7cb0;border-color:rgba(10,140,190,.4)}
html[data-theme="light"] .sec-h h2{color:#0e2334}
html[data-theme="light"] .sec-h span{color:var(--faint)}
html[data-theme="light"] .mcta .btn{background:#fff}
html[data-theme="light"] .mcta .btn.pri{color:#02241a}

/* ---------- 登录 / 引导页 ---------- */
html[data-theme="light"] .hero-panel,html[data-theme="light"] .form-panel{background:#fff}
html[data-theme="light"] .login-card,html[data-theme="light"] .onb-card{background:#fff;border-color:var(--line)}

/* ==========================================================================
   页面级浅色覆盖（各页面 inline style 中的深色块）
   ========================================================================== */

/* 总览：行情条 + 快捷操作 + Toast */
html[data-theme="light"] .mkt{background:#fff;border-color:var(--line)}
html[data-theme="light"] .mkt .it{border-right-color:var(--line)}
html[data-theme="light"] .mkt .n{color:var(--dim)}
html[data-theme="light"] .mkt .p{color:var(--txt)}
html[data-theme="light"] .mobile-quick .mq{background:#fff;border-color:var(--line);color:var(--txt2)}
html[data-theme="light"] .mobile-quick .mq .i{color:var(--cyan)}
html[data-theme="light"] .mobile-quick .mq:active{background:rgba(10,140,190,.08)}
html[data-theme="light"] .ui-toast{background:#fff;border-color:var(--line2);color:var(--txt);
  box-shadow:0 14px 40px rgba(16,64,92,.18)}
html[data-theme="light"] .ui-toast.ok{border-color:rgba(10,143,95,.5)}
html[data-theme="light"] .ui-toast.warn{border-color:rgba(168,102,0,.5)}
html[data-theme="light"] .ui-toast.err{border-color:rgba(207,31,69,.5)}

/* Agent 工作台 */
html[data-theme="light"] .agent-list .it{background:#fff;border-color:var(--line)}
html[data-theme="light"] .agent-list .it.on{background:rgba(10,140,190,.07);border-color:rgba(10,140,190,.4)}
html[data-theme="light"] .agent-list .it b{color:var(--txt)}
html[data-theme="light"] .msg .bubble{background:#fff;border-color:var(--line);color:var(--txt2)}
html[data-theme="light"] .msg.user .bubble{background:rgba(10,143,95,.07);border-color:rgba(10,143,95,.28);color:var(--txt)}
html[data-theme="light"] .composer{background:#fff;border-color:var(--line2)}
html[data-theme="light"] .composer textarea{color:var(--txt)}
html[data-theme="light"] .tool{background:rgba(91,72,200,.07);border-color:rgba(91,72,200,.3)}
html[data-theme="light"] .tool .th{color:#4f3fb0}
html[data-theme="light"] .tool .res{border-top-color:rgba(91,72,200,.25);color:var(--dim)}
html[data-theme="light"] .confirm{background:rgba(255,182,46,.12);border-color:rgba(168,102,0,.4)}
html[data-theme="light"] .confirm .hd{color:#8a5a00}

/* 策略与回测 */
html[data-theme="light"] .editor{background:#f6fafd;border-color:var(--line)}
html[data-theme="light"] .editor .no{color:#93a9b8;border-right-color:var(--line)}
html[data-theme="light"] .editor .cd{color:#20475e}
html[data-theme="light"] .metric{background:#fff;border-color:var(--line)}
html[data-theme="light"] .metric .v{color:var(--txt)}
html[data-theme="light"] .opt{border-bottom-color:rgba(16,64,92,.1)}

/* 实盘执行 */
html[data-theme="light"] .pipe{background:#fff;border-color:var(--line)}
html[data-theme="light"] .pipe .n{color:var(--dim)}
html[data-theme="light"] .pipe .n.on{color:var(--txt);background:rgba(10,140,190,.08)}
html[data-theme="light"] .pipe .n.done{color:#0a6b48}
html[data-theme="light"] .pipe .n+.n{border-left-color:var(--line)}
html[data-theme="light"] .kill{background:rgba(207,31,69,.06);border-color:rgba(207,31,69,.35)}

/* 带单中心 */
html[data-theme="light"] .lead{background:linear-gradient(100deg,rgba(10,143,95,.12),rgba(255,255,255,0) 70%);
  border-color:rgba(10,143,95,.35)}
html[data-theme="light"] .lcard{background:#fff;border-color:var(--line)}
html[data-theme="light"] .lcard b{color:var(--txt)}

/* 策略广场 */
html[data-theme="light"] .strat{background:#fff;border-color:var(--line)}
html[data-theme="light"] .strat h4{color:var(--txt)}
html[data-theme="light"] .strat .desc{color:var(--dim)}
html[data-theme="light"] .feat{background:#fff;border-color:rgba(10,143,95,.35)}
html[data-theme="light"] .feat h4{color:var(--txt)}

/* 团队 / 邀请 */
html[data-theme="light"] .ws{background:#fff;border-color:var(--line)}

/* 引导 / 订阅 */
html[data-theme="light"] .steps{background:#fff;border-color:var(--line)}
html[data-theme="light"] .step.on{background:rgba(10,140,190,.08);color:var(--txt)}
html[data-theme="light"] .plan{background:#fff;border-color:var(--line)}
html[data-theme="light"] .sum{background:#f7fbfe;border-color:var(--line)}
html[data-theme="light"] .pay .it{background:#fff;border-color:var(--line)}
html[data-theme="light"] .pay .it.on{background:rgba(10,140,190,.08);border-color:rgba(10,140,190,.45)}

/* 设置 */
html[data-theme="light"] .set-nav{background:#fff;border-color:var(--line)}
html[data-theme="light"] .set-nav a{color:var(--dim)}
html[data-theme="light"] .set-nav a.on{color:var(--txt);background:rgba(10,140,190,.07)}

/* 交易场所 / 项目方 */
html[data-theme="light"] .cta-ven{background:linear-gradient(100deg,rgba(10,143,95,.10),rgba(255,255,255,0) 62%);
  border-color:rgba(10,143,95,.35)}
html[data-theme="light"] .comp{background:linear-gradient(100deg,rgba(255,182,46,.14),rgba(255,255,255,0) 64%);
  border-color:rgba(168,102,0,.4)}
html[data-theme="light"] .redline{background:linear-gradient(180deg,rgba(207,31,69,.06),#fff 80%);
  border-color:rgba(207,31,69,.4)}
html[data-theme="light"] .redline h4{color:#b01f3c}
html[data-theme="light"] .rule{color:var(--dim);border-bottom-color:rgba(207,31,69,.14)}
html[data-theme="light"] .rule b{color:#8f1b33}
html[data-theme="light"] .oklist div{color:var(--dim);border-bottom-color:rgba(10,143,95,.14)}
html[data-theme="light"] .simblk,html[data-theme="light"] .simblk .m{color:var(--dim)}
html[data-theme="light"] .check span{color:var(--dim)}
html[data-theme="light"] .check b{color:var(--txt)}

/* 图表/画布在浅色下透明 */
html[data-theme="light"] canvas{background:transparent}