/* 他律锁 · 自定义样式（从 index.html 内联 <style> 抽出）*/

html{-webkit-text-size-adjust:100%}
  body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
  ::-webkit-scrollbar{width:10px;height:10px}
  ::-webkit-scrollbar-thumb{background:#1e293b;border-radius:8px;border:2px solid transparent;background-clip:content-box}
  .num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}

/* ══════════ 浅色主题（html.light 时覆盖深色工具类）══════════ */
html.light { color-scheme: light; }
html.light body { background:#f1f5f9 !important; color:#0f172a !important; }
html.light .bg-slate-950, html.light .bg-slate-950\/60, html.light .bg-slate-950\/50,
html.light .bg-slate-950\/40, html.light .bg-slate-950\/30 { background:#ffffff !important; }
html.light .bg-slate-900, html.light .bg-slate-900\/60, html.light .bg-slate-900\/50,
html.light .bg-slate-900\/40 { background:#f8fafc !important; }
html.light .bg-slate-800, html.light .bg-slate-800\/60, html.light .bg-slate-800\/50 { background:#e2e8f0 !important; }
html.light .hover\:bg-slate-800:hover, html.light .hover\:bg-slate-800\/60:hover { background:#e2e8f0 !important; }
html.light .text-slate-100 { color:#0f172a !important; }
html.light .text-slate-200 { color:#1e293b !important; }
html.light .text-slate-300 { color:#334155 !important; }
html.light .text-slate-400 { color:#475569 !important; }
html.light .text-slate-500 { color:#526077 !important; }
html.light .text-slate-600 { color:#6b7a91 !important; }
html.light .placeholder-slate-500::placeholder { color:#94a3b8 !important; }
html.light [class*="text-slate-400"] { color:#475569 !important; }
html.light [class*="text-slate-500"] { color:#526077 !important; }
html.light [class*="text-slate-600"] { color:#6b7a91 !important; }
html.light .border-slate-800, html.light .border-slate-800\/80 { border-color:#e2e8f0 !important; }
html.light .border-slate-700 { border-color:#cbd5e1 !important; }
html.light .placeholder-slate-500::placeholder { color:#94a3b8 !important; }
html.light .shadow-black\/40, html.light .shadow-black\/50 { --tw-shadow-color: rgba(15,23,42,.12) !important; }
html.light .from-slate-900 { --tw-gradient-from:#ffffff !important; }
html.light aside, html.light #sidebar { background:#ffffff !important; border-color:#e2e8f0 !important; }
html.light .divide-slate-800 > * + * { border-color:#e2e8f0 !important; }
html.light .bg-slate-800\/40 { background:#e2e8f0 !important; }
html.light .text-slate-950 { color:#ffffff !important; }
html.light .border-dashed { border-color:#cbd5e1 !important; }
html.light input, html.light textarea, html.light select { color:#0f172a !important; }
html.light .modal-card, html.light #modal > div { background:#ffffff !important; border-color:#e2e8f0 !important; }


/* 补全：顶栏等使用了带透明度变体的深色类，用属性选择器一网打尽 */
html.light [class*="bg-slate-950"] { background-color:#ffffff !important; }
html.light [class*="bg-slate-900"] { background-color:#f8fafc !important; }
html.light [class*="bg-slate-800"] { background-color:#e2e8f0 !important; }
html.light [class*="border-slate-800"], html.light [class*="border-slate-700"] { border-color:#e2e8f0 !important; }
html.light [class*="text-slate-950"] { color:#0f172a !important; }
html.light [class*="divide-slate-800"] > * + * { border-color:#e2e8f0 !important; }
html.light header { background-color:rgba(255,255,255,.85) !important; border-color:#e2e8f0 !important; }
html.light #modal > div, html.light .rounded-2xl[class*="bg-slate"] { background-color:#ffffff !important; }
html.light [class*="shadow-black"] { --tw-shadow-color: rgba(15,23,42,.10) !important; }

/* 浅色下侧栏激活态改用中性灰，避免 slate 的偏紫观感 */
html.light .navi:hover, html.light .navi-sub:hover { background:rgba(15,23,42,.05) !important; }
html.light .navi.on, html.light .navi-sub.on { background:rgba(16,185,129,.12) !important; color:#047857 !important; }
html.light [class*="bg-slate-800\/6"], html.light [class*="bg-slate-800\/4"] { background:rgba(15,23,42,.045) !important; }
html.light [class*="border-slate-800"] { border-color:#e5e7eb !important; }
html.light [class*="bg-slate-900\/6"], html.light [class*="bg-slate-900\/5"] { background:#ffffff !important; }
/* 主题按钮的三态图标 */
.theme-ico { display:none; }
html[data-theme-mode="system"] .theme-ico.system { display:block; }
html[data-theme-mode="light"]  .theme-ico.light  { display:block; }
html[data-theme-mode="dark"]   .theme-ico.dark   { display:block; }