/* 主题：深色（默认）/ 浅色。页面 <style> 之后引入，靠 html[data-theme] 提高优先级。
   页面各自负责自己的排版与浅色细节，这里只放通用变量和图标。 */
html[data-theme="light"]{
  --bg:#f4f2fb;--txt:#1b1530;--dim:#6a6285;--acc:#6d3fd4;
  --line:rgba(24,16,64,.13);--card:rgba(255,255,255,.72);
  --ok:#12a150;--bad:#d94848;--warn:#c98a12;
}
html[data-theme="light"] body{
  background:
    radial-gradient(120% 70% at 15% -10%, rgba(139,92,246,.16), transparent 60%),
    radial-gradient(100% 60% at 95% 5%, rgba(34,211,238,.12), transparent 55%),
    radial-gradient(120% 80% at 50% 115%, rgba(244,114,182,.12), transparent 60%),
    #f5f3fb !important;
  color:#1b1530;
}
/* 图标：白线换成深色线，光晕换成淡紫 */
html[data-theme="light"] .icon-btn .glow,
html[data-theme="light"] .pw .glow{
  background:radial-gradient(circle, rgba(124,84,238,.30), rgba(124,84,238,.10) 55%, transparent 75%);
}
html[data-theme="light"] .icon-btn svg,
html[data-theme="light"] .pw svg{
  stroke:#241c47;
  filter:drop-shadow(0 0 4px rgba(96,62,200,.45)) drop-shadow(0 0 14px rgba(96,62,200,.22));
}
html[data-theme="light"] .icon-btn svg [fill="#ffffff"],
html[data-theme="light"] .pw svg [fill="#ffffff"]{fill:#241c47}
/* 网络体检：分组与行 */
html[data-theme="light"] .dsec .s,
html[data-theme="light"] .drow .h{color:#8a82a5}
html[data-theme="light"] .diag-btn{color:#7a7295}
html[data-theme="light"] .diag-btn.on{color:#6d3fd4}
html[data-theme="light"] .back{color:#6a6285}
html[data-theme="light"] .ok{color:#12a150}
html[data-theme="light"] .mid{color:#b07d0a}
html[data-theme="light"] .slow{color:#c26b1a}
html[data-theme="light"] .bad{color:#d94848}
html[data-theme="light"] .caption .on,
html[data-theme="light"] .tip .on{color:#12a150}
html[data-theme="light"] .foot,
html[data-theme="light"] .hint{color:#8a82a5}
/* 主页/电脑管理右上角主题圆钮（暂未用，保留） */
.theme-btn{
  position:fixed;top:calc(12px + env(safe-area-inset-top));right:12px;z-index:50;
  width:40px;height:40px;border-radius:50%;border:1px solid var(--line);
  background:var(--card);color:var(--txt);display:flex;align-items:center;justify-content:center;
  font-size:17px;line-height:1;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  transition:transform .2s ease,background .2s ease;
}
.theme-btn:active{transform:scale(.92)}
.theme-btn svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}