/* 液态玻璃 · 浅紫蓝 AI 主题（覆盖各页原有样式） */
:root{
  --brand:#6d5cff;--brand2:#8fa8ff;--ink:#1f2340;--sub:#7a7f9e;
  --bg:#f6f5ff;--card:rgba(255,255,255,.6);--line:rgba(200,196,240,.45);
  --ok:#22a774;--run:#6d5cff;--plan:#8a8fb0;
  --glass:rgba(255,255,255,.6);
  --glass-border:rgba(255,255,255,.95);
  --glass-shadow:0 10px 34px rgba(120,110,220,.08),0 1px 3px rgba(60,60,120,.04),inset 0 1px 0 #fff;
}
html{background:linear-gradient(180deg,#f1efff 0%,#f7f6ff 40%,#fbfbff 100%) fixed}
body{background:transparent!important;color:var(--ink)}
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(520px 420px at 6% 10%,rgba(196,181,253,.38),transparent 70%),
    radial-gradient(600px 500px at 94% 6%,rgba(186,214,255,.42),transparent 70%),
    radial-gradient(520px 460px at 85% 95%,rgba(251,207,232,.30),transparent 70%),
    radial-gradient(460px 400px at 10% 90%,rgba(199,210,254,.35),transparent 70%);
}

/* 顶部横幅：浅色玻璃 + 淡紫蓝渐变，深色文字 */
header{
  position:relative;overflow:hidden;isolation:isolate;
  width:calc(100% - 32px);max-width:1180px;margin:16px auto 0;border-radius:26px;
  background:linear-gradient(135deg,rgba(237,233,255,.9) 0%,rgba(244,242,255,.85) 45%,rgba(228,238,255,.9) 100%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);
  border:1px solid #fff;
  box-shadow:0 14px 40px rgba(120,110,220,.10),inset 0 1px 0 #fff;
  color:var(--ink)!important;
}
header::before{
  content:"";position:absolute;z-index:-1;right:-60px;top:-110px;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle at 40% 40%,rgba(167,139,250,.30),rgba(147,197,253,.18) 55%,transparent 72%);
  filter:blur(6px);
}
header::after{
  content:"";position:absolute;z-index:-1;left:-80px;bottom:-140px;width:320px;height:320px;border-radius:50%;
  background:radial-gradient(circle,rgba(251,207,232,.35),transparent 70%);
}
header h1{color:#1f2340!important;font-weight:700}
header p,.hmeta{color:#6b7092!important;opacity:1!important}
.hmeta b{color:#4b4f72}

/* 通用玻璃面板 */
.card,section,.note,.k,.box,.dl a,.warn{
  background:var(--glass)!important;
  -webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);
  border:1px solid var(--glass-border)!important;
  box-shadow:var(--glass-shadow)!important;
}
.card,section{border-radius:22px}
.k,.box{background:rgba(255,255,255,.7)!important;border-radius:16px}
.card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(120,110,220,.14),inset 0 1px 0 #fff!important}
.note{color:#5b5f86!important;border-radius:16px}
.warn{color:#7a5320!important;background:rgba(255,248,236,.75)!important;border-left:3px solid #fbbf77!important;border-radius:14px}
.desc{color:#4b4f72!important}
h2::before,.section-title span.dot{background:linear-gradient(180deg,#8b7bff,#9cc0ff)!important}

/* 状态徽标 / 标签（浅色） */
.badge{border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1px 0 #fff}
.b-run{background:rgba(109,92,255,.10)!important;color:#5b4ce0!important}
.b-ok{background:rgba(34,167,116,.11)!important;color:#1a8a5f!important}
.b-plan{background:rgba(138,143,176,.13)!important;color:#62678a!important}
.b-test{background:rgba(96,165,250,.14)!important;color:#2f6fd6!important}
.b-pause{background:rgba(244,114,182,.13)!important;color:#d0457f!important}
.b-none{background:rgba(160,165,190,.13)!important;color:#8a8fb0!important}
select.badge:hover{box-shadow:0 0 0 3px rgba(109,92,255,.14)!important}
.tag{background:rgba(255,255,255,.7)!important;border:1px solid rgba(200,196,240,.5)!important;color:#5b5f86!important}
.pill{background:rgba(109,92,255,.10)!important;color:var(--brand)!important}
.go{color:var(--brand)!important}

/* 进度条 */
.bar:not(:has(a,button,b)){background:rgba(109,92,255,.08)!important}
.bar i,.row .track i{background:linear-gradient(90deg,#9b8cff,#8fb8ff)!important}
.row .track{background:rgba(109,92,255,.07)!important}

/* 表格 */
th{background:rgba(237,233,255,.6)!important;color:#3f3d72!important}
th,td{border-color:rgba(200,196,240,.45)!important}
tbody tr:nth-child(even){background:rgba(255,255,255,.4)!important}

/* 按钮 */
.back,.edit-btn{
  background:rgba(255,255,255,.8)!important;color:#5b4ce0!important;
  border:1px solid #fff!important;box-shadow:0 4px 14px rgba(120,110,220,.12)!important;
}
.back:hover,.edit-btn:hover{background:#fff!important}
.fab,.home{
  background:linear-gradient(135deg,#8b7bff,#8fb8ff)!important;color:#fff!important;
  box-shadow:0 6px 18px rgba(120,110,220,.28),inset 0 1px 0 rgba(255,255,255,.5)!important;
  border:1px solid rgba(255,255,255,.6);
}
.fab:hover,.home:hover{filter:brightness(1.05)}
.dl a:hover{color:var(--brand)!important}

/* 内页顶部导航（套餐 / 疯四） */
.nav,.bar:has(a,button,b){
  background:rgba(255,255,255,.65)!important;
  -webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);
  border-bottom:1px solid #fff!important;
  box-shadow:0 4px 20px rgba(120,110,220,.08);
}
.nav b,.bar b{color:var(--ink)!important}
.tab{background:rgba(255,255,255,.75)!important;border:1px solid rgba(200,196,240,.55)!important;color:#5b5f86!important}
.tab.on{background:linear-gradient(135deg,#8b7bff,#8fb8ff)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 4px 14px rgba(120,110,220,.25)}
.ext:hover{color:var(--brand)!important}

.toast{background:rgba(255,255,255,.85)!important;color:#3f3d72!important;border:1px solid #fff;box-shadow:0 8px 24px rgba(120,110,220,.18);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
