/* ============================================================================
   Sub2API · 主题精修覆盖样式表 (theme-override.css)
   仅重定义 [data-ui-theme] 上的 --ui-* 设计变量与少量质感规则。
   选择器提权到 :root[data-ui-theme] (0,2,0)，稳压内置主题定义。
   最后加载，删除本文件即完整回滚。不改动应用二进制与任何 HTML 结构。
   ============================================================================ */

/* ============================================================================
   1) 粉 · anime-pink — 樱雪玫瑰
   去脏底色（原 #1a1420 偏红棕发闷 → 干净冷调深梅）；
   收敛高饱和荧光粉 → 高级樱花玫瑰；边框去粉调转中性紫灰，让粉只在该处突出。
   ============================================================================ */
:root[data-ui-theme=anime-pink],
body[data-ui-theme=anime-pink]{
  color-scheme:dark;
  --ui-page:            #16121c;
  --ui-sidebar:         #1d1726;
  --ui-sidebar-end:     #171120;
  --ui-surface:         rgba(41, 32, 51, .94);
  --ui-surface-solid:   #292033;
  --ui-surface-raised:  #332838;
  --ui-surface-muted:   #211a2a;
  --ui-surface-hover:   #3a2d46;
  --ui-border:          #443a52;
  --ui-border-strong:   #6d5a79;
  --ui-text:            #f4edf6;
  --ui-text-soft:       #d6cbdd;
  --ui-text-muted:      #a99bb2;
  --ui-accent:          #f28cb9;
  --ui-accent-strong:   #ffa7cf;
  --ui-accent-soft:     rgba(242, 140, 185, .15);
  --ui-accent-contrast: #2c1620;
  --ui-secondary:       #ab97f2;
  --ui-secondary-soft:  rgba(171, 151, 242, .14);
  --ui-success:         #6ed6a1;
  --ui-warning:         #f0c46e;
  --ui-danger:          #ff8098;
  --ui-info:            #74cfe2;
  --ui-focus:           rgba(242, 140, 185, .40);
  --ui-overlay:         rgba(12, 8, 16, .78);
  --ui-shadow-card:     0 8px 24px rgba(8, 4, 12, .28);
  --ui-shadow-popover:  0 14px 36px rgba(5, 3, 8, .48);
}

/* ============================================================================
   2) 黑 · hacker — 沉稳翡翠终端
   死黑 #060908 微提亮减少刺眼；荧光绿 #58e68b 收敛为沉稳翡翠，长时间浏览护眼；
   纯白文字略去纯度降高对比疲劳。保留极客/终端气质。
   ============================================================================ */
:root[data-ui-theme=hacker],
body[data-ui-theme=hacker]{
  color-scheme:dark;
  --ui-page:            #0a0f0d;
  --ui-sidebar:         #0c1210;
  --ui-sidebar-end:     #0a0f0d;
  --ui-surface:         rgba(17, 26, 22, .96);
  --ui-surface-solid:   #111a16;
  --ui-surface-raised:  #16221d;
  --ui-surface-muted:   #0d1512;
  --ui-surface-hover:   #1b2b24;
  --ui-border:          #24463a;
  --ui-border-strong:   #3d6b57;
  --ui-text:            #e6f2ec;
  --ui-text-soft:       #b9d0c5;
  --ui-text-muted:      #869e94;
  --ui-accent:          #43d17f;
  --ui-accent-strong:   #6ee6a0;
  --ui-accent-soft:     rgba(67, 209, 127, .13);
  --ui-accent-contrast: #04140b;
  --ui-secondary:       #35c2c9;
  --ui-secondary-soft:  rgba(53, 194, 201, .12);
  --ui-success:         #43d17f;
  --ui-warning:         #e8c069;
  --ui-danger:          #f56b7f;
  --ui-info:            #4bccd3;
  --ui-focus:           rgba(67, 209, 127, .34);
  --ui-overlay:         rgba(2, 6, 4, .82);
  --ui-shadow-card:     0 0 0 1px rgba(67, 209, 127, .04), 0 8px 24px rgba(0, 0, 0, .32);
  --ui-shadow-popover:  0 0 0 1px rgba(53, 194, 201, .10), 0 16px 38px rgba(0, 0, 0, .6);
}

/* ============================================================================
   3) 铅笔 · pencil — 石墨手绘
   把跑偏的青色强调 #346d77 改成真正的石墨黑灰体系；
   暖纸底更像素描纸；辅色用铅笔木杆赭褐，"铅笔画"概念落地。
   ============================================================================ */
:root[data-ui-theme=pencil],
body[data-ui-theme=pencil]{
  color-scheme:light;
  --ui-page:            #ecebe4;
  --ui-sidebar:         #e4e3da;
  --ui-sidebar-end:     #dcdbd1;
  --ui-surface:         rgba(249, 248, 243, .97);
  --ui-surface-solid:   #f9f8f3;
  --ui-surface-raised:  #ffffff;
  --ui-surface-muted:   #efeee7;
  --ui-surface-hover:   #e6e5db;
  --ui-border:          #b0afa4;
  --ui-border-strong:   #55534b;
  --ui-text:            #2a2823;
  --ui-text-soft:       #4a4740;
  --ui-text-muted:      #6b6860;
  --ui-accent:          #4a4740;
  --ui-accent-strong:   #2a2823;
  --ui-accent-soft:     rgba(74, 71, 64, .10);
  --ui-accent-contrast: #f9f8f3;
  --ui-secondary:       #9c6b43;
  --ui-secondary-soft:  rgba(156, 107, 67, .12);
  --ui-success:         #4f7a52;
  --ui-warning:         #9c7a2f;
  --ui-danger:          #a84a45;
  --ui-info:            #4a4740;
  --ui-focus:           rgba(74, 71, 64, .24);
  --ui-overlay:         rgba(42, 40, 35, .44);
  --ui-shadow-card:     1px 1px 0 rgba(50, 48, 43, .22);
  --ui-shadow-popover:  3px 4px 0 rgba(50, 48, 43, .24);
}

/* ============================================================================
   4) 修复 · 主色徽章 .badge-primary
   内置 Tailwind 把它硬编码成青绿（浅青底 #ccfbf1 + 深青字 #0f766e），
   不跟随主题变量，三套主题里都显违和青绿。改为跟随各主题强调色。
   （.badge-success/warning/danger 是语义色，保留不动。）
   ============================================================================ */
:root[data-ui-theme] .badge-primary,
body[data-ui-theme] .badge-primary{
  background-color: var(--ui-accent-soft) !important;
  color: var(--ui-accent-strong) !important;
}

/* ============================================================================
   5) 液态玻璃 · liquid-glass — 极光琉璃 v2  (rev 2026-07-17b)
   反馈修复：v1 玻璃感弱 / 极光光晕看不见 / 卡片边缘糊。
   本版：① 极光光晕大幅增强，并用 body::before 固定发光层保证内容区可见；
        ② 页底改深蓝黑（非死黑）让蓝紫透出；
        ③ 卡片更透 + 描边提亮 + 顶部高光 + 冷蓝外发光 + 悬停反馈，玻璃质感落地。
   选择器 :root:root 双根提权，稳压二进制内置的 !important 关玻璃规则。
   仅覆盖，不改二进制/HTML；删本段即回滚到 v1。
   ============================================================================ */
:root[data-ui-theme=liquid-glass],
body[data-ui-theme=liquid-glass]{
  color-scheme:dark;
  --ui-page:            #0a0e1a;
  --ui-sidebar:         rgba(16, 22, 38, .66);
  --ui-sidebar-end:     rgba(10, 14, 26, .78);
  --ui-surface:         rgba(32, 42, 66, .46);
  --ui-surface-solid:   rgba(20, 27, 44, .92);
  --ui-surface-raised:  rgba(44, 56, 84, .56);
  --ui-surface-muted:   rgba(18, 24, 40, .60);
  --ui-surface-hover:   rgba(60, 76, 114, .52);
  --ui-border:          rgba(150, 184, 255, .30);
  --ui-border-strong:   rgba(170, 200, 255, .46);
  --ui-text:            #eef3fb;
  --ui-text-soft:       #c6d0e2;
  --ui-text-muted:      #93a0ba;
  --ui-accent:          #5eb0ff;
  --ui-accent-strong:   #93cbff;
  --ui-accent-soft:     rgba(94, 176, 255, .18);
  --ui-accent-contrast: #05101f;
  --ui-secondary:       #b39bff;
  --ui-secondary-soft:  rgba(179, 155, 255, .16);
  --ui-success:         #58d6a6;
  --ui-warning:         #f0c56e;
  --ui-danger:          #ff8091;
  --ui-info:            #6fc8f2;
  --ui-focus:           rgba(94, 176, 255, .44);
  --ui-overlay:         rgba(4, 8, 18, .76);
  --ui-shadow-card:     inset 0 1px 0 rgba(255, 255, 255, .12), 0 0 0 1px rgba(150, 184, 255, .05), 0 16px 44px rgba(0, 4, 14, .5);
  --ui-shadow-popover:  inset 0 1px 0 rgba(255, 255, 255, .16), 0 28px 70px rgba(0, 2, 10, .66);
}

/* 页底：深蓝黑基色 + 增强极光渐变（兜底层，attachment:fixed 不随滚动） */
:root[data-ui-theme=liquid-glass],
html[data-ui-theme=liquid-glass] body,
body[data-ui-theme=liquid-glass]{
  background-color:var(--ui-page)!important;
  background-image:
    radial-gradient(1200px 820px at 8% -10%,   rgba(60, 130, 246, .40), transparent 58%),
    radial-gradient(1100px 760px at 112% 6%,   rgba(150, 108, 255, .34), transparent 56%),
    radial-gradient(1000px 1000px at 92% 116%, rgba(46, 200, 214, .20), transparent 60%),
    radial-gradient(900px 700px at 50% 122%,   rgba(94, 120, 255, .16), transparent 62%)!important;
  background-attachment:fixed!important;
}

/* 极光发光固定层：保证内容区（不透明容器之上）也能看见发光。
   z-index:-1 + pointer-events:none —— 只在最底层发光，绝不遮挡或影响任何点击/交互。 */
body[data-ui-theme=liquid-glass]::before{
  content:"";
  position:fixed;
  inset:-10%;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(46% 40% at 12% 6%,  rgba(64, 132, 250, .38), transparent 70%),
    radial-gradient(44% 42% at 96% 14%, rgba(158, 112, 255, .30), transparent 72%),
    radial-gradient(52% 48% at 78% 98%, rgba(46, 204, 216, .18), transparent 74%);
  filter:blur(24px) saturate(125%);
}

/* 真·磨砂玻璃：卡片 / 侧栏 / 头部 / 弹层 —— 半透明 + 强模糊 + 顶部高光 + 冷蓝描边外发光。 */
:root:root[data-ui-theme=liquid-glass] :is(.sidebar,header.glass,.card,.glass-card,.card-glass,.stat-card),
body:root[data-ui-theme=liquid-glass] :is(.sidebar,header.glass,.card,.glass-card,.card-glass,.stat-card){
  background:
    linear-gradient(150deg, rgba(255,255,255,.14), rgba(255,255,255,.04) 42%, rgba(94,176,255,.07))
    , var(--ui-surface)!important;
  border:1px solid var(--ui-border)!important;
  box-shadow:var(--ui-shadow-card)!important;
  -webkit-backdrop-filter:blur(22px) saturate(150%)!important;
  backdrop-filter:blur(22px) saturate(150%)!important;
}

/* 卡片悬停：描边转亮 + 外发光加强，给交互反馈 */
:root:root[data-ui-theme=liquid-glass] :is(.card,.glass-card,.card-glass,.stat-card):hover,
body:root[data-ui-theme=liquid-glass] :is(.card,.glass-card,.card-glass,.stat-card):hover{
  border-color:var(--ui-border-strong)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 0 0 1px rgba(94,176,255,.14), 0 20px 52px rgba(0,4,14,.56)!important;
}

/* 侧栏：竖向渐变玻璃 + 右缘细高光 */
:root:root[data-ui-theme=liquid-glass] .sidebar,
body:root[data-ui-theme=liquid-glass] .sidebar{
  background:linear-gradient(180deg, var(--ui-sidebar), var(--ui-sidebar-end))!important;
  border-right:1px solid rgba(150,184,255,.18)!important;
  box-shadow:inset -1px 0 rgba(255,255,255,.07), 16px 0 48px rgba(0,0,0,.32)!important;
  -webkit-backdrop-filter:blur(24px) saturate(140%)!important;
  backdrop-filter:blur(24px) saturate(140%)!important;
}

/* 顶部 header：更透的玻璃条 */
:root:root[data-ui-theme=liquid-glass] header.glass,
body:root[data-ui-theme=liquid-glass] header.glass{
  background:rgba(14,20,34,.56)!important;
  border-bottom:1px solid rgba(150,184,255,.14)!important;
  box-shadow:inset 0 -1px rgba(255,255,255,.09), 0 12px 34px rgba(0,0,0,.28)!important;
  -webkit-backdrop-filter:blur(20px) saturate(135%)!important;
  backdrop-filter:blur(20px) saturate(135%)!important;
}

/* 下拉 / 弹窗 / 菜单：更强模糊的浮层玻璃 */
:root:root[data-ui-theme=liquid-glass] :is(.dropdown,.select-dropdown,.select-dropdown-portal,.floating-panel-portal,.action-menu-content,.account-tools-menu,.batch-prompt-popover,.modal-content,.dialog-container,[role=menu]),
body:root[data-ui-theme=liquid-glass] :is(.dropdown,.select-dropdown,.select-dropdown-portal,.floating-panel-portal,.action-menu-content,.account-tools-menu,.batch-prompt-popover,.modal-content,.dialog-container,[role=menu]){
  background:rgba(22,29,46,.82)!important;
  border:1px solid var(--ui-border-strong)!important;
  box-shadow:var(--ui-shadow-popover)!important;
  -webkit-backdrop-filter:blur(28px) saturate(140%)!important;
  backdrop-filter:blur(28px) saturate(140%)!important;
}
:root:root[data-ui-theme=liquid-glass] .floating-panel-portal>*,
body:root[data-ui-theme=liquid-glass] .floating-panel-portal>*{
  background:transparent!important;border:0!important;box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}

/* 侧栏选中项：极光蓝竖条高亮 */
:root:root[data-ui-theme=liquid-glass] :is(.sidebar-link-active,[role=menuitemradio][aria-checked=true]),
body:root[data-ui-theme=liquid-glass] :is(.sidebar-link-active,[role=menuitemradio][aria-checked=true]){
  background:linear-gradient(90deg, rgba(94,176,255,.22), rgba(94,176,255,.05))!important;
  border:1px solid color-mix(in srgb, var(--ui-accent) 40%, transparent)!important;
  box-shadow:inset 3px 0 0 var(--ui-accent), inset 0 1px rgba(255,255,255,.12), 0 8px 26px rgba(0,0,0,.30)!important;
}

/* 主按钮：玻璃高光顶边 */
:root:root[data-ui-theme=liquid-glass] :is(.btn-primary,.btn-secondary,.btn-ghost),
body:root[data-ui-theme=liquid-glass] :is(.btn-primary,.btn-secondary,.btn-ghost){
  box-shadow:inset 0 1px rgba(255,255,255,.24)!important;
}
