/* =====================================================================
   瑞亿智创 · 深浅色主题
   - 默认（data-theme="dark" / 无属性）= 原深色科技风，保持不变
   - data-theme="light" = 白天自动使用的浅色主题
   所有覆盖都挂在 :root[data-theme="light"] 上，特异性高于页面内联样式，
   因此无需改动各页 <style>，只要在本文件 <link> 后即可生效。
   ===================================================================== */

/* ---------- 主题切换平滑过渡 ---------- */
:root[data-theme] *{
  transition:background-color .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease;
}

/* ---------- 浅色主题：变量覆盖 ---------- */
:root[data-theme="light"]{
  --bg:#eef2f9;
  --bg2:#e4eaf6;
  --panel:rgba(20,38,75,.05);
  --border:rgba(30,55,110,.14);
  --txt:#16223c;
  --txt2:#475569;
  --cyan:#0a6cc4;
  --green:#0f9d6b;
}

/* ---------- 浅色主题：写死的表面/背景 ---------- */
:root[data-theme="light"] header{
  background:rgba(255,255,255,.82);
  border-bottom:1px solid var(--border);
}
:root[data-theme="light"] .glass-win{
  background:rgba(255,255,255,.94);
  box-shadow:0 24px 60px rgba(30,50,90,.16),0 0 60px rgba(61,123,255,.08);
}
:root[data-theme="light"] .win-row{background:rgba(20,38,75,.045)}
:root[data-theme="light"] .float-chip{
  background:rgba(255,255,255,.96);
  box-shadow:0 10px 30px rgba(30,50,90,.14);
}
:root[data-theme="light"] .prod-inner{background:#ffffff}
:root[data-theme="light"] .flow-ic{background:#ffffff}
:root[data-theme="light"] .path-num{background:#ffffff}
:root[data-theme="light"] .tech-item{color:#3f4d6b}
:root[data-theme="light"] .plat-inner{background:#ffffff}
:root[data-theme="light"] .road-step .pt{background:#ffffff}
:root[data-theme="light"] .cb-card{background:rgba(20,38,75,.045)}
:root[data-theme="light"] .contact-card{background:rgba(20,38,75,.045)}
:root[data-theme="light"] .plat-soon{background:rgba(20,38,75,.05)}
:root[data-theme="light"] .plat-acc b{background:rgba(20,38,75,.05)}
:root[data-theme="light"] .demo-acc b{background:rgba(20,38,75,.05)}

/* 背景装饰光球在浅色下减弱，避免糊成一片 */
:root[data-theme="light"] .orb{opacity:.2}

/* ---------- 浅色主题：AI 助手面板 ---------- */
:root[data-theme="light"] .ai-panel{
  background:rgba(255,255,255,.98);
  border:1px solid var(--border);
  box-shadow:0 28px 66px rgba(30,50,90,.2);
}
:root[data-theme="light"] .ai-tip{
  background:rgba(255,255,255,.98);
  border:1px solid var(--border);
  color:var(--txt);
}
:root[data-theme="light"] .ai-head{
  border-bottom:1px solid var(--border);
  background:linear-gradient(180deg,rgba(61,123,255,.08),rgba(61,123,255,0));
}
:root[data-theme="light"] .ai-typing{
  background:rgba(20,38,75,.05);
  border:1px solid var(--border);
}
:root[data-theme="light"] .ai-input{background:rgba(20,38,75,.04)}
:root[data-theme="light"] .ai-msg.bot{
  background:rgba(20,38,75,.05);
  border:1px solid var(--border);
  color:var(--txt);
}
:root[data-theme="light"] .ai-msg.err{
  background:rgba(255,79,163,.1);
  border:1px solid rgba(255,79,163,.4);
  color:#be185d;
}
:root[data-theme="light"] .ai-quick button{
  background:rgba(20,38,75,.05);
  border:1px solid var(--border);
}
:root[data-theme="light"] .ai-close{background:rgba(20,38,75,.06);color:var(--txt2)}
:root[data-theme="light"] .ai-close:hover{background:rgba(20,38,75,.12);color:#16223c}
:root[data-theme="light"] .ai-quick button{color:var(--txt2)}
:root[data-theme="light"] .fab-panel{
  background:rgba(255,255,255,.98);
  border:1px solid var(--border);
  box-shadow:0 22px 54px rgba(30,50,90,.2);
}
:root[data-theme="light"] .ai-input input{
  background:rgba(20,38,75,.05);
  border:1px solid var(--border);
  color:var(--txt);
}

/* ---------- 浅色主题：低对比文字/强调色加深 ---------- */
:root[data-theme="light"] .tag{color:#0086a8}
:root[data-theme="light"] .sec-tag{color:#0086a8}
:root[data-theme="light"] .more-btn{color:#0086a8}
:root[data-theme="light"] .nav-cta{color:#0a7ea3}
:root[data-theme="light"] .nav-links a:hover{color:#0a6cc4}
:root[data-theme="light"] .nav ul a:hover{color:#0a6cc4}
:root[data-theme="light"] .btn-ghost:hover{border-color:#0a7ea3;color:#0a7ea3}
:root[data-theme="light"] .win-row .go{color:#0086a8}
:root[data-theme="light"] .plat-link{color:#0a7ea3}
:root[data-theme="light"] .demo-note b{color:#0a7ea3}
:root[data-theme="light"] .prod-feats li{color:#3f4d6b}
:root[data-theme="light"] .plat-feats li{color:#3f4d6b}
:root[data-theme="light"] .prod-feats li::before{color:#0a84ff}
:root[data-theme="light"] .plat-feats li::before{color:#0a84ff}
:root[data-theme="light"] .svc-list span{color:#3a5bb0;border-color:rgba(58,91,176,.3);background:rgba(58,91,176,.08)}
:root[data-theme="light"] .ws-strip .t{color:#5a5472}
:root[data-theme="light"] .ws-strip span{color:#3f3a5e;background:rgba(80,60,140,.08);border-color:rgba(80,60,140,.25)}
:root[data-theme="light"] .st-ai{color:#6d28d9}
:root[data-theme="light"] .st-new{color:#0e7490}
:root[data-theme="light"] .path-step .out{color:#3a5bb0}

/* 流程图标/编号在浅色白底上改深色，保证可见 */
:root[data-theme="light"] .flow-ic{color:#3a5bb0}
:root[data-theme="light"] .path-num{color:var(--txt);border:1px solid var(--border)}
:root[data-theme="light"] .chip2{color:#64748b}

/* ---------- 浅色主题：footer 白字不可见，改深色 ---------- */
:root[data-theme="light"] footer .foot-logo{color:#16223c}
:root[data-theme="light"] footer .foot-contact a{color:var(--txt2)}
:root[data-theme="light"] footer .foot-contact a:hover{color:var(--cyan)}
:root[data-theme="light"] footer .links a:hover{color:var(--cyan)}

/* 徽章文字在浅色下加深，保证可读 */
:root[data-theme="light"] .p1 .prod-badge,:root[data-theme="light"] .p1 .plat-badge{color:#1d4ed8}
:root[data-theme="light"] .p2 .prod-badge,:root[data-theme="light"] .p2 .plat-badge{color:#047857}
:root[data-theme="light"] .p3 .prod-badge,:root[data-theme="light"] .p3 .plat-badge{color:#6d28d9}
:root[data-theme="light"] .p4 .prod-badge{color:#b45309}
:root[data-theme="light"] .p5 .prod-badge,:root[data-theme="light"] .p5 .plat-badge{color:#0e7490}
:root[data-theme="light"] .p6 .prod-badge,:root[data-theme="light"] .p6 .plat-badge{color:#be185d}
:root[data-theme="light"] .p7 .prod-badge{color:#b45309}
:root[data-theme="light"] .p7 .plat-badge{color:#475569;border-color:rgba(71,85,105,.4)}
:root[data-theme="light"] .p8 .prod-badge,:root[data-theme="light"] .p9 .plat-badge{color:#3730a3}

/* =====================================================================
   主题切换按钮
   ===================================================================== */
.theme-toggle{
  width:40px;height:40px;border-radius:50%;
  border:1px solid var(--border);
  background:var(--panel);
  color:var(--txt);
  cursor:pointer;font-size:17px;line-height:1;
  display:inline-flex;align-items:center;justify-content:center;
  transition:.3s;flex:0 0 auto;
}
.theme-toggle:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-2px)}
/* 贴右排列：吸收剩余空间，紧挨 nav-cta（space-between 会把独立子项均分到中间） */
.nav .theme-toggle{margin-left:auto;margin-right:14px}
@media(max-width:960px){.theme-toggle{width:36px;height:36px;font-size:15px}}