/* ===========================================================
   wanha-theme.css  ·  万哈 API 视觉换肤层
   设计来源：桌面壁纸 / Claude 官网视觉体系
   底色 #F7F5EF 米白 · 主色 #D97757 赤陶橙 · 标题衬线体
   -----------------------------------------------------------
   本文件只做"外观覆盖"，不改动 sub2api 程序本体与任何功能。
   浅色相关的覆盖全部限定在 html:not(.dark)，用户切深色模式不受影响。
   停用方式：把 nginx 里注入的 <link> 那行注释掉并 reload，
   或把本文件改名为 wanha-theme.css.off，立即恢复原样。
   建立：2026-10-25
   =========================================================== */

:root{
  --w-cream:#F7F5EF;
  --w-cream-2:#EFEBE1;
  --w-cream-3:#F4F1E9;
  --w-paper:#FFFDF9;
  --w-ink:#191919;
  --w-ink-2:#3D3929;
  --w-muted:#7C7768;
  --w-faint:#A8A294;
  --w-line:#E5E0D3;
  --w-line-2:#D8D2C2;
  --w-terra:#D97757;
  --w-terra-d:#BE5F3F;
  --w-terra-s:#F4E5DA;
  --w-serif:"Songti SC","STSong","Noto Serif SC",Georgia,"Times New Roman",serif;
  --w-sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
  --w-mono:"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;
}

html:not(.dark),html:not(.dark) body{background-color:var(--w-cream)!important}
html:not(.dark) body{font-family:var(--w-sans);-webkit-font-smoothing:antialiased;color:var(--w-ink)}
html.dark,html.dark body{background-color:#141210}
::selection{background:rgba(217,119,87,.22);color:var(--w-ink)}

/* ---------- 标题：衬线体，书卷气 ---------- */
h1,h2,h3,h4{font-family:var(--w-serif)!important;letter-spacing:-.2px}
h1,h2{font-weight:400!important}
h1{letter-spacing:-.8px}
h3,h4{font-weight:500!important}
html:not(.dark) .text-gradient{
  font-family:var(--w-serif)!important;
  background-image:linear-gradient(100deg,#191919 0%,#3D3929 46%,#BE5F3F 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important;
}

/* ---------- 按钮：主按钮统一赤陶，次按钮纸白描边 ---------- */
.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-danger{
  border-radius:10px!important;font-weight:500!important;transition:all .18s ease!important;
  box-shadow:none!important;
}
.btn-primary{
  background-image:none!important;
  background-color:var(--w-terra)!important;
  color:#fff!important;
  border:1px solid var(--w-terra)!important;
  box-shadow:0 1px 2px rgba(190,95,63,.20)!important;
}
.btn-primary:hover{
  background-color:var(--w-terra-d)!important;
  border-color:var(--w-terra-d)!important;
  box-shadow:0 3px 12px rgba(190,95,63,.24)!important;
}
.btn-primary:disabled,.btn-primary[disabled]{opacity:.55!important}
html:not(.dark) .btn-secondary,
html:not(.dark) .btn-outline,
html:not(.dark) .btn-ghost{
  background-color:var(--w-paper)!important;
  color:var(--w-ink-2)!important;
  border:1px solid var(--w-line-2)!important;
}
html:not(.dark) .btn-secondary:hover,
html:not(.dark) .btn-outline:hover,
html:not(.dark) .btn-ghost:hover{
  border-color:var(--w-ink-2)!important;background-color:#fff!important;color:var(--w-ink)!important;
}

/* ---------- 卡片：纸质白 + 细边 + 小圆角 ---------- */
html:not(.dark) .card,
html:not(.dark) .card-glass{
  border-radius:14px!important;
  border:1px solid var(--w-line)!important;
  box-shadow:0 1px 2px rgba(25,25,25,.03)!important;
}
html:not(.dark) .card{background-color:var(--w-paper)!important}
html:not(.dark) .card-glass{
  background-color:rgba(255,253,249,.88)!important;
  border-radius:18px!important;
  box-shadow:0 12px 40px rgba(25,25,25,.07)!important;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}

/* ---------- 表单 ---------- */
html:not(.dark) .input,
html:not(.dark) .input-label,
html:not(.dark) .textarea,
html:not(.dark) .select,
html:not(.dark) select,
html:not(.dark) textarea,
html:not(.dark) input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=range]):not([type=file]){
  border-radius:10px!important;
}
html:not(.dark) .input,
html:not(.dark) .textarea,
html:not(.dark) .select,
html:not(.dark) select,
html:not(.dark) textarea,
html:not(.dark) input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=range]):not([type=file]){
  background-color:var(--w-paper)!important;
  border:1px solid var(--w-line)!important;
  color:var(--w-ink)!important;
}
html:not(.dark) .input:focus,
html:not(.dark) .textarea:focus,
html:not(.dark) .select:focus,
html:not(.dark) select:focus,
html:not(.dark) textarea:focus,
html:not(.dark) input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):focus{
  outline:none!important;
  border-color:var(--w-terra)!important;
  box-shadow:0 0 0 3px rgba(217,119,87,.14)!important;
}
html:not(.dark) .input-label{color:var(--w-ink-2)!important;font-weight:500!important}
:focus-visible{outline-color:var(--w-terra)}

/* ---------- 表格 ---------- */
html:not(.dark) table thead th,
html:not(.dark) table thead td{
  background-color:var(--w-cream-3)!important;
  color:var(--w-muted)!important;
  font-weight:500!important;
  border-bottom:1px solid var(--w-line)!important;
}
html:not(.dark) table tbody tr{border-bottom:1px solid var(--w-line)!important}
html:not(.dark) table tbody tr:hover{background-color:#FBF8F2!important}
html:not(.dark) table td,html:not(.dark) table th{border-color:var(--w-line)!important}

/* ---------- 侧边栏 ---------- */
html:not(.dark) aside,
html:not(.dark) .sidebar{background-color:var(--w-paper)}

/* ---------- 首页终端演示窗 ---------- */
.terminal-window{
  background-color:#241F1A!important;
  border:1px solid #35302A!important;
  border-radius:14px!important;
  box-shadow:0 20px 50px rgba(25,25,25,.18)!important;
  overflow:hidden;
}
.terminal-header{background-color:#2E2822!important;border-bottom:1px solid #3A342C!important}
.terminal-body,.terminal-container{background-color:#241F1A!important}
.terminal-title,.code-comment{color:#8C8578!important}
.code-prompt{color:var(--w-terra)!important}
.code-cmd{color:#EDE7DC!important}
.code-flag{color:#C9BFAE!important}
.code-url{color:#E5AE93!important}
.code-success{color:#9DBE8A!important}
.code-response{color:#C9BFAE!important}
.cursor{background-color:var(--w-terra)!important}

/* ---------- 等宽字体 ---------- */
.font-mono,.num,code,pre,kbd{font-family:var(--w-mono)!important}

/* ---------- 滚动条 ---------- */
html:not(.dark) ::-webkit-scrollbar{width:10px;height:10px}
html:not(.dark) ::-webkit-scrollbar-track{background:var(--w-cream-2)}
html:not(.dark) ::-webkit-scrollbar-thumb{background:#D5CEBD;border-radius:6px;border:2px solid var(--w-cream-2)}
html:not(.dark) ::-webkit-scrollbar-thumb:hover{background:var(--w-faint)}

/* ---------- 移动端可读性 ---------- */
@media (max-width:768px){
  html:not(.dark) .input,
  html:not(.dark) .textarea,
  html:not(.dark) .select,
  html:not(.dark) select,
  html:not(.dark) textarea,
  html:not(.dark) input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]){font-size:16px!important}
  h1{letter-spacing:-.4px}
}

/* ===========================================================
   以下为自动生成的色板映射（青绿 teal → 赤陶橙 terra）
   =========================================================== */
.bg-primary-100{background-color:rgba(245,226,216,1)!important}
.bg-primary-200\/50{background-color:rgba(237,201,182,0.5)!important}
.bg-primary-300\/10{background-color:rgba(229,174,147,0.1)!important}
.bg-primary-400{background-color:rgba(222,144,112,1)!important}
.bg-primary-400\/10{background-color:rgba(222,144,112,0.1)!important}
.bg-primary-400\/20{background-color:rgba(222,144,112,0.2)!important}
.bg-primary-50{background-color:rgba(251,241,236,1)!important}
.bg-primary-500{background-color:rgba(217,119,87,1)!important}
.bg-primary-500\/10{background-color:rgba(217,119,87,0.1)!important}
.bg-primary-500\/15{background-color:rgba(217,119,87,0.15)!important}
.bg-primary-50\/40{background-color:rgba(251,241,236,0.4)!important}
.bg-primary-50\/50{background-color:rgba(251,241,236,0.5)!important}
.bg-primary-50\/60{background-color:rgba(251,241,236,0.6)!important}
.bg-primary-50\/70{background-color:rgba(251,241,236,0.7)!important}
.bg-primary-50\/80{background-color:rgba(251,241,236,0.8)!important}
.bg-primary-600{background-color:rgba(190,95,63,1)!important}
.bg-primary-900\/10{background-color:rgba(94,44,28,0.1)!important}
.border-primary-100{border-color:rgba(245,226,216,1)!important}
.border-primary-100\/80{border-color:rgba(245,226,216,0.8)!important}
.border-primary-200{border-color:rgba(237,201,182,1)!important}
.border-primary-200\/80{border-color:rgba(237,201,182,0.8)!important}
.border-primary-300{border-color:rgba(229,174,147,1)!important}
.border-primary-400{border-color:rgba(222,144,112,1)!important}
.border-primary-500{border-color:rgba(217,119,87,1)!important}
.border-primary-600{border-color:rgba(190,95,63,1)!important}
.border-primary-600\/25{border-color:rgba(190,95,63,0.25)!important}
.from-primary-400{--tw-gradient-from:rgba(222,144,112,1) var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(222,144,112,0) var(--tw-gradient-to-position)!important}
.from-primary-50{--tw-gradient-from:rgba(251,241,236,1) var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(251,241,236,0) var(--tw-gradient-to-position)!important}
.from-primary-500{--tw-gradient-from:rgba(217,119,87,1) var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(217,119,87,0) var(--tw-gradient-to-position)!important}
.from-primary-600{--tw-gradient-from:rgba(190,95,63,1) var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(190,95,63,0) var(--tw-gradient-to-position)!important}
.ring-primary-100{--tw-ring-color:rgba(245,226,216,1)!important}
.ring-primary-200\/80{--tw-ring-color:rgba(237,201,182,0.8)!important}
.ring-primary-500\/20{--tw-ring-color:rgba(217,119,87,0.2)!important}
.ring-primary-500\/40{--tw-ring-color:rgba(217,119,87,0.4)!important}
.shadow-primary-500\/20{--tw-shadow-color:rgba(217,119,87,0.2)!important}
.shadow-primary-500\/25{--tw-shadow-color:rgba(217,119,87,0.25)!important}
.shadow-primary-500\/30{--tw-shadow-color:rgba(217,119,87,0.3)!important}
.shadow-primary-600\/20{--tw-shadow-color:rgba(190,95,63,0.2)!important}
.text-primary-100{color:rgba(245,226,216,1)!important}
.text-primary-200{color:rgba(237,201,182,1)!important}
.text-primary-300{color:rgba(229,174,147,1)!important}
.text-primary-400{color:rgba(222,144,112,1)!important}
.text-primary-500{color:rgba(217,119,87,1)!important}
.text-primary-600{color:rgba(190,95,63,1)!important}
.text-primary-600\/90{color:rgba(190,95,63,0.9)!important}
.text-primary-700{color:rgba(158,76,49,1)!important}
.text-primary-800{color:rgba(125,59,38,1)!important}
.text-primary-900{color:rgba(94,44,28,1)!important}
.to-primary-100{--tw-gradient-to:rgba(245,226,216,1) var(--tw-gradient-to-position)!important}
.to-primary-500{--tw-gradient-to:rgba(217,119,87,1) var(--tw-gradient-to-position)!important}
.to-primary-600{--tw-gradient-to:rgba(190,95,63,1) var(--tw-gradient-to-position)!important}
.via-primary-50\/30{--tw-gradient-to:rgba(251,241,236,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),rgba(251,241,236,0.3) var(--tw-gradient-via-position),var(--tw-gradient-to)!important}
/* ===== 中性色映射（米白纸张感，仅浅色模式） ===== */
html:not(.dark) .bg-gray-100{background-color:rgba(239,235,225,1)!important}
html:not(.dark) .bg-gray-200{background-color:rgba(229,224,211,1)!important}
html:not(.dark) .bg-gray-200\/60{background-color:rgba(229,224,211,0.6)!important}
html:not(.dark) .bg-gray-200\/70{background-color:rgba(229,224,211,0.7)!important}
html:not(.dark) .bg-gray-200\/80{background-color:rgba(229,224,211,0.8)!important}
html:not(.dark) .bg-gray-300{background-color:rgba(216,210,194,1)!important}
html:not(.dark) .bg-gray-400{background-color:rgba(168,162,148,1)!important}
html:not(.dark) .bg-gray-50{background-color:rgba(247,245,239,1)!important}
html:not(.dark) .bg-gray-50\/30{background-color:rgba(247,245,239,0.3)!important}
html:not(.dark) .bg-gray-50\/40{background-color:rgba(247,245,239,0.4)!important}
html:not(.dark) .bg-gray-50\/50{background-color:rgba(247,245,239,0.5)!important}
html:not(.dark) .bg-gray-50\/60{background-color:rgba(247,245,239,0.6)!important}
html:not(.dark) .bg-gray-50\/70{background-color:rgba(247,245,239,0.7)!important}
html:not(.dark) .bg-gray-50\/80{background-color:rgba(247,245,239,0.8)!important}
html:not(.dark) .bg-gray-700{background-color:rgba(61,57,41,1)!important}
html:not(.dark) .bg-gray-800{background-color:rgba(38,35,28,1)!important}
html:not(.dark) .bg-gray-800\/80{background-color:rgba(38,35,28,0.8)!important}
html:not(.dark) .bg-gray-900{background-color:rgba(25,25,25,1)!important}
html:not(.dark) .bg-gray-950{background-color:rgba(20,18,16,1)!important}
html:not(.dark) .bg-gray-950\/60{background-color:rgba(20,18,16,0.6)!important}
html:not(.dark) .bg-white{background-color:rgba(255,253,249,1)!important}
html:not(.dark) .bg-white\/10{background-color:rgba(255,253,249,0.1)!important}
html:not(.dark) .bg-white\/20{background-color:rgba(255,253,249,0.2)!important}
html:not(.dark) .bg-white\/40{background-color:rgba(255,253,249,0.4)!important}
html:not(.dark) .bg-white\/50{background-color:rgba(255,253,249,0.5)!important}
html:not(.dark) .bg-white\/60{background-color:rgba(255,253,249,0.6)!important}
html:not(.dark) .bg-white\/70{background-color:rgba(255,253,249,0.7)!important}
html:not(.dark) .bg-white\/80{background-color:rgba(255,253,249,0.8)!important}
html:not(.dark) .bg-white\/85{background-color:rgba(255,253,249,0.85)!important}
html:not(.dark) .bg-white\/90{background-color:rgba(255,253,249,0.9)!important}
html:not(.dark) .bg-white\/95{background-color:rgba(255,253,249,0.95)!important}
html:not(.dark) .border-gray-100{border-color:rgba(239,235,225,1)!important}
html:not(.dark) .border-gray-100\/50{border-color:rgba(239,235,225,0.5)!important}
html:not(.dark) .border-gray-100\/70{border-color:rgba(239,235,225,0.7)!important}
html:not(.dark) .border-gray-100\/80{border-color:rgba(239,235,225,0.8)!important}
html:not(.dark) .border-gray-200{border-color:rgba(229,224,211,1)!important}
html:not(.dark) .border-gray-200\/50{border-color:rgba(229,224,211,0.5)!important}
html:not(.dark) .border-gray-200\/60{border-color:rgba(229,224,211,0.6)!important}
html:not(.dark) .border-gray-200\/80{border-color:rgba(229,224,211,0.8)!important}
html:not(.dark) .border-gray-300{border-color:rgba(216,210,194,1)!important}
html:not(.dark) .border-gray-400{border-color:rgba(168,162,148,1)!important}
html:not(.dark) .border-gray-400\/70{border-color:rgba(168,162,148,0.7)!important}
html:not(.dark) .border-gray-50{border-color:rgba(247,245,239,1)!important}
html:not(.dark) .border-gray-700{border-color:rgba(61,57,41,1)!important}
html:not(.dark) .border-white{border-color:rgba(255,253,249,1)!important}
html:not(.dark) .border-white\/10{border-color:rgba(255,253,249,0.1)!important}
html:not(.dark) .border-white\/15{border-color:rgba(255,253,249,0.15)!important}
html:not(.dark) .border-white\/80{border-color:rgba(255,253,249,0.8)!important}
html:not(.dark) .divide-gray-100{border-color:rgba(239,235,225,1)!important}
html:not(.dark) .divide-gray-200{border-color:rgba(229,224,211,1)!important}
html:not(.dark) .focus\:bg-white{background-color:rgba(255,253,249,1)!important}
html:not(.dark) .from-gray-100{--tw-gradient-from:rgba(239,235,225,1) var(--tw-gradient-from-position)!important}
html:not(.dark) .from-gray-50{--tw-gradient-from:rgba(247,245,239,1) var(--tw-gradient-from-position)!important}
html:not(.dark) .from-gray-500{--tw-gradient-from:rgba(124,119,104,1) var(--tw-gradient-from-position)!important}
html:not(.dark) .group-hover\:border-gray-400{border-color:rgba(168,162,148,1)!important}
html:not(.dark) .hover\:bg-gray-100:hover{background-color:rgba(239,235,225,1)!important}
html:not(.dark) .hover\:bg-gray-100\/80:hover{background-color:rgba(239,235,225,0.8)!important}
html:not(.dark) .hover\:bg-gray-200:hover{background-color:rgba(229,224,211,1)!important}
html:not(.dark) .hover\:bg-gray-200\/70:hover{background-color:rgba(229,224,211,0.7)!important}
html:not(.dark) .hover\:bg-gray-300:hover{background-color:rgba(216,210,194,1)!important}
html:not(.dark) .hover\:bg-gray-50:hover{background-color:rgba(247,245,239,1)!important}
html:not(.dark) .hover\:bg-gray-50\/40:hover{background-color:rgba(247,245,239,0.4)!important}
html:not(.dark) .hover\:bg-gray-50\/70:hover{background-color:rgba(247,245,239,0.7)!important}
html:not(.dark) .hover\:bg-gray-50\/80:hover{background-color:rgba(247,245,239,0.8)!important}
html:not(.dark) .hover\:bg-gray-600:hover{background-color:rgba(124,119,104,1)!important}
html:not(.dark) .hover\:bg-gray-700:hover{background-color:rgba(61,57,41,1)!important}
html:not(.dark) .hover\:bg-gray-800:hover{background-color:rgba(38,35,28,1)!important}
html:not(.dark) .hover\:bg-white:hover{background-color:rgba(255,253,249,1)!important}
html:not(.dark) .hover\:bg-white\/10:hover{background-color:rgba(255,253,249,0.1)!important}
html:not(.dark) .hover\:bg-white\/60:hover{background-color:rgba(255,253,249,0.6)!important}
html:not(.dark) .hover\:border-gray-200:hover{border-color:rgba(229,224,211,1)!important}
html:not(.dark) .hover\:border-gray-300:hover{border-color:rgba(216,210,194,1)!important}
html:not(.dark) .hover\:border-gray-400:hover{border-color:rgba(168,162,148,1)!important}
html:not(.dark) .hover\:text-gray-500:hover{color:rgba(124,119,104,1)!important}
html:not(.dark) .hover\:text-gray-600:hover{color:rgba(124,119,104,1)!important}
html:not(.dark) .hover\:text-gray-700:hover{color:rgba(61,57,41,1)!important}
html:not(.dark) .hover\:text-gray-900:hover{color:rgba(25,25,25,1)!important}
html:not(.dark) .hover\:text-white:hover{color:rgba(255,253,249,1)!important}
html:not(.dark) .placeholder-gray-400::placeholder{color:rgba(168,162,148,1)!important}
html:not(.dark) .ring-gray-200{--tw-ring-color:rgba(229,224,211,1)!important}
html:not(.dark) .ring-gray-600\/20{--tw-ring-color:rgba(124,119,104,0.2)!important}
html:not(.dark) .ring-gray-900\/5{--tw-ring-color:rgba(25,25,25,0.05)!important}
html:not(.dark) .ring-white{--tw-ring-color:rgba(255,253,249,1)!important}
html:not(.dark) .ring-white\/10{--tw-ring-color:rgba(255,253,249,0.1)!important}
html:not(.dark) .ring-white\/70{--tw-ring-color:rgba(255,253,249,0.7)!important}
html:not(.dark) .text-gray-100{color:rgba(239,235,225,1)!important}
html:not(.dark) .text-gray-200{color:rgba(229,224,211,1)!important}
html:not(.dark) .text-gray-300{color:rgba(216,210,194,1)!important}
html:not(.dark) .text-gray-400{color:rgba(168,162,148,1)!important}
html:not(.dark) .text-gray-500{color:rgba(124,119,104,1)!important}
html:not(.dark) .text-gray-600{color:rgba(124,119,104,1)!important}
html:not(.dark) .text-gray-700{color:rgba(61,57,41,1)!important}
html:not(.dark) .text-gray-800{color:rgba(38,35,28,1)!important}
html:not(.dark) .text-gray-900{color:rgba(25,25,25,1)!important}
html:not(.dark) .text-gray-950{color:rgba(20,18,16,1)!important}
html:not(.dark) .text-white{color:rgba(255,253,249,1)!important}
html:not(.dark) .to-gray-100{--tw-gradient-to:rgba(239,235,225,1) var(--tw-gradient-to-position)!important}
html:not(.dark) .to-gray-200{--tw-gradient-to:rgba(229,224,211,1) var(--tw-gradient-to-position)!important}
html:not(.dark) .to-gray-600{--tw-gradient-to:rgba(124,119,104,1) var(--tw-gradient-to-position)!important}
html:not(.dark) .to-white{--tw-gradient-to:rgba(255,253,249,1) var(--tw-gradient-to-position)!important}
html:not(.dark) .via-white{--tw-gradient-stops:var(--tw-gradient-from),rgba(255,253,249,1) var(--tw-gradient-via-position),var(--tw-gradient-to)!important}
/* ===========================================================
   手工微调
   =========================================================== */

/* 首页大背景：把青绿过渡压成中性米白，避免整页偏粉 */
html:not(.dark) .via-primary-50\/30{
  --tw-gradient-stops:var(--tw-gradient-from),rgba(239,235,225,.55) var(--tw-gradient-via-position),var(--tw-gradient-to)!important;
}

/* 三张功能卡的 48px 图标块统一成赤陶（带 svg 的才命中，不动模型 logo） */
html:not(.dark) .h-12.w-12.rounded-xl.bg-gradient-to-br:has(svg){
  background-image:linear-gradient(135deg,#E5AE93,#BE5F3F)!important;
  box-shadow:0 4px 12px rgba(190,95,63,.18)!important;
}

/* 窄屏下终端窗不撑宽容器（防御性） */
@media (max-width:640px){
  .terminal-container,.terminal-window{min-width:0!important;max-width:100%!important}
  .terminal-body{overflow-x:auto}
}

/* ===========================================================
   控制台补充（2026-10-25 第二轮：登录后的页面）
   =========================================================== */

/* 1) 全屏装饰网格光晕：青绿/青蓝 → 暖米 + 赤陶 */
html:not(.dark) .bg-mesh-gradient{
  background-image:
    radial-gradient(at 38% 18%, rgba(217,119,87,.10) 0px, transparent 50%),
    radial-gradient(at 82% 2%,  rgba(190,95,63,.06) 0px, transparent 50%),
    radial-gradient(at 2% 52%,  rgba(239,235,225,.92) 0px, transparent 55%)!important;
}

/* 2) 侧边栏：纸白底 + 细边，选中项用赤陶浅底 */
html:not(.dark) .sidebar{
  background-color:var(--w-paper)!important;
  border-right:1px solid var(--w-line)!important;
}
html:not(.dark) .sidebar-link{color:var(--w-ink-2)!important}
html:not(.dark) .sidebar-link:hover{background-color:var(--w-cream-2)!important;color:var(--w-ink)!important}
html:not(.dark) .sidebar-link-active,
html:not(.dark) .sidebar-link-active:hover{
  background-color:var(--w-terra-s)!important;
  color:var(--w-terra-d)!important;
}
html:not(.dark) .sidebar-link-active svg{color:var(--w-terra-d)!important}
html:not(.dark) .shadow-glow,
html:not(.dark) .sidebar-logo{box-shadow:0 6px 18px rgba(217,119,87,.26)!important}

/* 3) 统计卡 / 快捷操作的图标砖：原来的绿蓝紫黄 → 统一赤陶 */
html:not(.dark) .h-12.w-12.rounded-xl{background-color:var(--w-terra-s)!important}
html:not(.dark) .h-12.w-12.rounded-xl svg{color:var(--w-terra-d)!important}

/* 4) 顶部余额胶囊、通知角标等强调元素统一到赤陶 */
html:not(.dark) .bg-primary-50\/80{background-color:rgba(244,229,218,.8)!important}

/* 5) 统计卡里的小图标块（rounded-lg p-2 + 各色底）统一赤陶 */
html:not(.dark) .rounded-lg.p-2.bg-emerald-100,
html:not(.dark) .rounded-lg.p-2.bg-blue-100,
html:not(.dark) .rounded-lg.p-2.bg-purple-100,
html:not(.dark) .rounded-lg.p-2.bg-amber-100,
html:not(.dark) .rounded-lg.p-2.bg-indigo-100,
html:not(.dark) .rounded-lg.p-2.bg-rose-100,
html:not(.dark) .rounded-lg.p-2.bg-cyan-100,
html:not(.dark) .rounded-lg.p-2.bg-teal-100,
html:not(.dark) .rounded-lg.p-2.bg-green-100,
html:not(.dark) .rounded-lg.p-2.bg-sky-100,
html:not(.dark) .rounded-lg.p-2.bg-violet-100,
html:not(.dark) .rounded-lg.p-2.bg-orange-100{
  background-color:var(--w-terra-s)!important;
}
html:not(.dark) .rounded-lg.p-2.bg-emerald-100 svg,
html:not(.dark) .rounded-lg.p-2.bg-blue-100 svg,
html:not(.dark) .rounded-lg.p-2.bg-purple-100 svg,
html:not(.dark) .rounded-lg.p-2.bg-amber-100 svg,
html:not(.dark) .rounded-lg.p-2.bg-indigo-100 svg,
html:not(.dark) .rounded-lg.p-2.bg-rose-100 svg,
html:not(.dark) .rounded-lg.p-2.bg-cyan-100 svg,
html:not(.dark) .rounded-lg.p-2.bg-teal-100 svg,
html:not(.dark) .rounded-lg.p-2.bg-green-100 svg,
html:not(.dark) .rounded-lg.p-2.bg-sky-100 svg,
html:not(.dark) .rounded-lg.p-2.bg-violet-100 svg,
html:not(.dark) .rounded-lg.p-2.bg-orange-100 svg{
  color:var(--w-terra-d)!important;
}