/* ============================================================
   铭商互联官网 · 浅色主题（白 + 蓝 · 商务）
   仅在 <html data-theme="light"> 时生效；主色由后台「风格设置」注入
   ============================================================ */
html[data-theme="light"]{
  --bg:#F5F8FD;
  --bg-2:#FFFFFF;
  --bg-3:#FFFFFF;
  --card:#FFFFFF;
  --card-2:#F2F6FD;
  --line:rgba(20,45,90,.10);
  --line-2:rgba(20,45,90,.07);
  --ink:#101B2F;
  --ink-2:#46566F;
  --ink-3:#7A889E;
  --violet:#4F46E5;
  --grad:linear-gradient(115deg,var(--accent),var(--accent-2));
  --glow:0 14px 34px -14px var(--accent-a40);
}
html[data-theme="light"] body{background:var(--bg);color:var(--ink)}
html[data-theme="light"] ::selection{background:var(--accent-a25);color:#0B1526}

/* 背景：极淡蓝渐变 + 极细网格 */
html[data-theme="light"] body::before{
  background:
    radial-gradient(900px 560px at 84% -10%,var(--accent-a10),transparent 62%),
    radial-gradient(700px 480px at 2% 2%,var(--accent-a07),transparent 62%),
    radial-gradient(700px 520px at 50% 104%,rgba(14,165,198,.05),transparent 66%),
    var(--bg);
}
html[data-theme="light"] body::after{
  opacity:.7;
  background-image:
    linear-gradient(to right,rgba(20,45,90,.055) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(20,45,90,.055) 1px,transparent 1px);
}

/* 导航 */
html[data-theme="light"] .hdr.scrolled{
  background:rgba(255,255,255,.86);
  border-bottom-color:rgba(20,45,90,.08);
  box-shadow:0 6px 22px -18px rgba(16,27,47,.5);
}
html[data-theme="light"] .nav-links a.link:hover,
html[data-theme="light"] .nav-links a.link.active{color:var(--accent);background:var(--accent-a08)}
html[data-theme="light"] .nav-sep{background:rgba(20,45,90,.12)}
html[data-theme="light"] .nav-toggle{border-color:rgba(20,45,90,.14);background:#fff}
html[data-theme="light"] .logo-txt b{color:#0F1B33}
html[data-theme="light"] .logo-txt span{color:#93A0B4}

/* 按钮 */
html[data-theme="light"] .btn-primary{color:#fff;box-shadow:0 12px 26px -14px var(--accent-a55)}
html[data-theme="light"] .btn-primary:hover{box-shadow:0 18px 34px -16px var(--accent-a60)}
html[data-theme="light"] .btn-ghost{
  border-color:rgba(20,45,90,.16);color:#22304A;background:#fff;
  box-shadow:0 1px 2px rgba(16,27,47,.04);
}
html[data-theme="light"] .btn-ghost:hover{background:#fff;border-color:var(--accent-a45);color:var(--accent)}

/* 通用 */
html[data-theme="light"] .kicker{
  color:var(--accent);background:var(--accent-a08);border-color:var(--accent-a22);
}
html[data-theme="light"] .kicker::before{background:var(--accent-2);box-shadow:0 0 8px var(--accent-a45)}
html[data-theme="light"] .mono{color:#8A97AC}

/* Hero 面板 */
html[data-theme="light"] .hero-visual::before{
  background:radial-gradient(closest-side,var(--accent-a22),transparent 72%);
  filter:blur(34px);
}
html[data-theme="light"] .panel{
  border-color:rgba(20,45,90,.10);
  background:#fff;
  box-shadow:0 40px 70px -40px rgba(16,27,47,.35),0 2px 8px rgba(16,27,47,.05);
}
html[data-theme="light"] .panel-bar{background:#F5F8FD;border-bottom-color:rgba(20,45,90,.08)}
html[data-theme="light"] .panel-bar em{background:rgba(20,45,90,.14)}
html[data-theme="light"] .panel-bar em:nth-child(1){background:#FF6B6B66}
html[data-theme="light"] .panel-bar em:nth-child(2){background:#FFC94D66}
html[data-theme="light"] .panel-bar em:nth-child(3){background:#4ADE8066}
html[data-theme="light"] .panel-bar span{color:#93A0B4}
html[data-theme="light"] .kpi{background:#F7FAFE;border-color:rgba(20,45,90,.07)}
html[data-theme="light"] .rows .row .bar{background:rgba(20,45,90,.08)}
html[data-theme="light"] .float-chip{
  background:rgba(255,255,255,.96);border-color:rgba(20,45,90,.10);
  box-shadow:0 16px 30px -18px rgba(16,27,47,.4);color:#182337;
}
html[data-theme="light"] .float-chip svg{stroke:var(--accent)}
html[data-theme="light"] .pill{color:#0C8F63;background:rgba(16,185,129,.10);border-color:rgba(16,185,129,.26)}
html[data-theme="light"] .pill::before{box-shadow:none}
html[data-theme="light"] .kpi b i{color:#0E9F6E}
html[data-theme="light"] .pb-head small{color:#8A97AC}

/* 信任条 */
html[data-theme="light"] .trust-in{border-color:rgba(20,45,90,.09)}
html[data-theme="light"] .trust-in div{color:#4A5A73}
html[data-theme="light"] .trust-in b{color:#101B2F}
html[data-theme="light"] .trust-in svg{stroke:var(--accent)}
html[data-theme="light"] .trust-in span{color:#93A0B4}

/* 产品卡 */
html[data-theme="light"] .pcard{
  background:#fff;border-color:rgba(20,45,90,.09);
  box-shadow:0 1px 2px rgba(16,27,47,.04);
}
html[data-theme="light"] .pcard::after{background:radial-gradient(420px 200px at 82% -10%,var(--accent-a10),transparent 70%)}
html[data-theme="light"] .pcard:hover{
  background:#fff;border-color:var(--accent-a40);
  box-shadow:0 22px 44px -26px rgba(16,27,47,.32);
}
html[data-theme="light"] .pcard-ico{
  background:linear-gradient(145deg,var(--accent-a14),rgba(14,165,198,.08));
  border-color:var(--accent-a22);
}
html[data-theme="light"] .pcard-ico svg{stroke:var(--accent)}
html[data-theme="light"] .pcard .domain{color:#5C7398}
html[data-theme="light"] .pcard .badge{color:var(--accent);background:var(--accent-a10);border-color:var(--accent-a22)}
html[data-theme="light"] .pcard .badge.soon{color:#4F46E5;background:rgba(79,70,229,.09);border-color:rgba(79,70,229,.2)}
html[data-theme="light"] .pcard li svg{stroke:var(--accent)}
html[data-theme="light"] .pcard .go{color:var(--accent)}

/* 解决方案 */
html[data-theme="light"] .sol{
  background:linear-gradient(180deg,#FFFFFF,#F8FBFF);
  border-color:rgba(20,45,90,.09);
  box-shadow:0 1px 2px rgba(16,27,47,.04);
}
html[data-theme="light"] .sol:hover{border-color:var(--accent-a35);box-shadow:0 20px 40px -28px rgba(16,27,47,.34)}
html[data-theme="light"] .sol .num{-webkit-text-stroke-color:rgba(20,45,90,.22)}
html[data-theme="light"] .sol:hover .num{-webkit-text-stroke-color:var(--accent-a55)}
html[data-theme="light"] .sol li::before{background:var(--accent);box-shadow:none}

/* 服务 / 数据带 */
html[data-theme="light"] .svc{background:#fff;border-color:rgba(20,45,90,.09)}
html[data-theme="light"] .svc:hover{background:#fff;border-color:var(--accent-a35);box-shadow:0 16px 34px -26px rgba(16,27,47,.35)}
html[data-theme="light"] .svc-ico{background:var(--accent-a08);border-color:var(--accent-a18)}
html[data-theme="light"] .svc-ico svg{stroke:var(--accent)}
html[data-theme="light"] .svc p{color:#6D7C93}
html[data-theme="light"] .svc-note{color:#6D7C93}
html[data-theme="light"] .svc-note b{color:var(--accent)}
html[data-theme="light"] .svc-note a{color:var(--accent);border-bottom-color:var(--accent-a35)}
html[data-theme="light"] .stats{background:rgba(20,45,90,.08);border-color:rgba(20,45,90,.08)}
html[data-theme="light"] .stats .stat{background:#fff}
html[data-theme="light"] .stats .stat b em{color:#6D7C93}

/* 关于 / CTA / 页脚 */
html[data-theme="light"] .about-visual{
  background:linear-gradient(150deg,var(--accent-a45),rgba(14,165,198,.16) 45%,rgba(20,45,90,.06));
}
html[data-theme="light"] .about-inner{background:linear-gradient(160deg,#FFFFFF,#F6FAFF)}
html[data-theme="light"] .about-inner .wordmark small{color:#93A0B4}
html[data-theme="light"] .about-inner .split{background:rgba(20,45,90,.09)}
html[data-theme="light"] .about-inner li svg{stroke:var(--accent)}
html[data-theme="light"] .cta-band{
  border-color:var(--accent-a25);
  background:
    radial-gradient(600px 240px at 12% 0%,var(--accent-a12),transparent 65%),
    radial-gradient(500px 220px at 88% 100%,rgba(14,165,198,.10),transparent 65%),
    linear-gradient(135deg,#FFFFFF,#F4F9FF);
  box-shadow:0 30px 60px -46px rgba(16,27,47,.45);
}
html[data-theme="light"] .cta-band::after{background:radial-gradient(circle,rgba(14,165,198,.10),transparent 70%)}
html[data-theme="light"] .ftr{background:#FFFFFF;border-top-color:rgba(20,45,90,.08)}
html[data-theme="light"] .ftr-brand p{color:#7A889E}
html[data-theme="light"] .ftr-grid h5{color:#93A0B4}
html[data-theme="light"] .ftr-grid li a{color:#46566F}
html[data-theme="light"] .ftr-grid li a:hover{color:var(--accent)}
html[data-theme="light"] .ftr-bottom{color:#93A0B4;border-top-color:rgba(20,45,90,.08)}
html[data-theme="light"] .ftr-bottom i{background:#C4CDDA}

/* 子页 / 详情 */
html[data-theme="light"] .phero::before{
  background:radial-gradient(700px 340px at 22% 40%,var(--accent-a12),transparent 68%),
             radial-gradient(560px 300px at 82% 10%,rgba(14,165,198,.08),transparent 70%);
}
html[data-theme="light"] .crumb a:hover{color:var(--accent)}
html[data-theme="light"] .tag-row span{color:var(--accent);background:var(--accent-a07);border-color:var(--accent-a18)}
html[data-theme="light"] .pdp-side{background:linear-gradient(180deg,#FFFFFF,#F8FBFF);border-color:rgba(20,45,90,.09)}
html[data-theme="light"] .spec{border-bottom-color:rgba(20,45,90,.08)}
html[data-theme="light"] .mod{background:#fff;border-color:rgba(20,45,90,.09)}
html[data-theme="light"] .mod:hover{background:#fff;border-color:var(--accent-a30);box-shadow:0 16px 32px -26px rgba(16,27,47,.32)}
html[data-theme="light"] .mod h3 .ic{background:var(--accent-a08);border-color:var(--accent-a18)}
html[data-theme="light"] .mod h3 .ic svg{stroke:var(--accent)}
html[data-theme="light"] .mi::before{background:linear-gradient(180deg,var(--accent),rgba(14,165,198,.45))}
html[data-theme="light"] .mi p{color:#7A889E}
html[data-theme="light"] .hi-list li{background:#fff;border-color:rgba(20,45,90,.08)}
html[data-theme="light"] .hi-list svg{stroke:var(--accent)}
html[data-theme="light"] .scene-tags span{background:#fff;border-color:rgba(20,45,90,.10)}
html[data-theme="light"] .step{background:#fff;border-color:rgba(20,45,90,.09)}
html[data-theme="light"] .step .n{color:#fff}
html[data-theme="light"] .step p{color:#7A889E}
html[data-theme="light"] .faq{background:#fff;border-color:rgba(20,45,90,.09)}
html[data-theme="light"] .faq:hover{border-color:var(--accent-a28)}
html[data-theme="light"] .faq summary .pm{background:#F5F8FD;border-color:rgba(20,45,90,.10)}
html[data-theme="light"] .faq summary .pm::before,
html[data-theme="light"] .faq summary .pm::after{background:var(--accent)}
html[data-theme="light"] .faq[open] summary .pm{background:var(--accent-a12)}
html[data-theme="light"] .ccard{background:#fff;border-color:rgba(20,45,90,.09)}
html[data-theme="light"] .ccard .sub{color:#7A889E}
html[data-theme="light"] .c-row{border-bottom-color:rgba(20,45,90,.08)}
html[data-theme="light"] .c-row .ic{background:var(--accent-a08);border-color:var(--accent-a18)}
html[data-theme="light"] .c-row .ic svg{stroke:var(--accent)}
html[data-theme="light"] .c-row p{color:#7A889E}
html[data-theme="light"] .qr-box{background:#F8FBFF;border-color:rgba(20,45,90,.08)}
html[data-theme="light"] .tip-box{background:rgba(79,70,229,.06);border-color:rgba(79,70,229,.18);color:#4A5570}
html[data-theme="light"] .tip-box svg{stroke:#5B54E8}
html[data-theme="light"] .timeline::before{background:linear-gradient(180deg,var(--accent),rgba(79,70,229,.28),transparent)}
html[data-theme="light"] .tl::before{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-a10)}
html[data-theme="light"] .tl-tag{color:var(--accent);background:var(--accent-a08);border-color:var(--accent-a18)}
html[data-theme="light"] .value-card{background:#fff;border-color:rgba(20,45,90,.09)}
html[data-theme="light"] .value-card:hover{background:#fff;border-color:var(--accent-a30)}
html[data-theme="light"] .value-card .ic{background:var(--accent-a08);border-color:var(--accent-a18)}
html[data-theme="light"] .value-card .ic svg{stroke:var(--accent)}
html[data-theme="light"] .value-card p{color:#7A889E}
html[data-theme="light"] .biz-list div{background:#fff;border-color:rgba(20,45,90,.08)}
html[data-theme="light"] .biz-list div::before{background:var(--accent)}

/* 公告条 / 动态 */
html[data-theme="light"] .cms-notice{
  color:var(--accent);background:linear-gradient(90deg,var(--accent-a07),rgba(14,165,198,.05));
  border-bottom-color:var(--accent-a14);
}
html[data-theme="light"] .cms-notice .cn-dot{background:var(--accent);box-shadow:none}
html[data-theme="light"] .news-card{background:#fff;border-color:rgba(20,45,90,.09);box-shadow:0 1px 2px rgba(16,27,47,.04)}
html[data-theme="light"] .news-card:hover{border-color:var(--accent-a35);box-shadow:0 22px 44px -28px rgba(16,27,47,.34)}
html[data-theme="light"] .news-card .n-cat{background:var(--accent-a08);color:var(--accent)}

/* 移动端菜单 */
@media (max-width:900px){
  html[data-theme="light"] .nav-links{
    background:rgba(255,255,255,.98);border-bottom-color:rgba(20,45,90,.09);
    box-shadow:0 20px 40px -28px rgba(16,27,47,.4);
  }
}