/* =====================================================================
   破凡劫 · 暗黑国风主题  (theme_dark_gf)
   主色：深紫 / 墨黑，点缀鎏金；低饱和、不过亮
   卡片：半透明磨砂质感；紫色魔法光效；金色描边
   本文件须最后加载，以 !important 覆盖既有配色。
   ===================================================================== */

/* ---------- 1. 调色板：覆盖 style_v2 与 style_sect 的变量 ---------- */
:root {
  /* 主色：墨黑 → 深紫 */
  --bg-deep: #0a0612;
  --bg-mid: #140d22;
  --bg-card: rgba(30,20,48,0.55);          /* 半透明磨砂卡片 */
  --bg-row: rgba(42,28,66,0.42);
  --bg-row-alt: rgba(34,22,52,0.34);
  --bg-hover: rgba(64,42,98,0.42);

  /* 描边：鎏金 + 淡紫 */
  --border: rgba(180,150,96,0.30);
  --border-light: rgba(150,120,200,0.18);
  --border-gold: rgba(201,162,73,0.42);     /* 鎏金描边 */

  /* 金色（低饱和，不刺眼） */
  --gold: #c9a249;
  --gold-dim: rgba(201,162,73,0.62);
  --gold-glow: rgba(201,162,73,0.22);
  --gold-light: #e6cf8c;

  /* 功能色（降饱和） */
  --jade: #6fcf8f;
  --crimson: #d9697f;
  --azure: #6fa8d8;
  --purple: #9a78d0;
  --purple-bright: #b794f0;
  --glow-purple: rgba(140,90,210,0.30);     /* 紫色魔法光效 */

  /* 文字（低饱和薰衣草） */
  --text: #d7cce8;
  --text-dim: rgba(190,178,212,0.62);
  --text-muted: rgba(150,138,178,0.42);
  --radius: 8px;
  --radius-sm: 5px;

  /* 宗门系统 (style_sect) 暗化变量 */
  --nc-bg1:#1a1230; --nc-bg2:#211641; --nc-bg3:#171026; --nc-bg4:#1d1438;
  --nc-card: rgba(34,22,54,0.55);
  --nc-card-solid:#241836;
  --nc-line-purple: rgba(150,120,210,0.34);
  --nc-line-gold: rgba(201,162,73,0.42);
  --nc-gold:#c9a249; --nc-gold-deep:#b8923a; --nc-gold-bright:#e6cf8c;
  --nc-title:#e6cf8c;       /* 大标题 → 暗金 */
  --nc-text:#cdbfe6;        /* 正文 → 薰衣草 */
  --nc-muted:#9a8bc0;
  --nc-purple:#9a78d0;
  --nc-shadow: 0 4px 16px rgba(0,0,0,.5), 0 0 16px rgba(140,90,210,0.22);
  --nc-shadow-soft: 0 2px 8px rgba(0,0,0,.42);
}

/* ---------- 2. 基础底色：墨黑深紫渐变 + 国风雾气 ---------- */
html, body {
  background: #0a0612 !important;
  color: var(--text) !important;
}
#app {
  background:
    radial-gradient(1100px 620px at 50% -12%, rgba(92,52,150,0.30), transparent 60%),
    radial-gradient(820px 520px at 82% 18%, rgba(60,34,116,0.22), transparent 55%),
    radial-gradient(700px 480px at 12% 70%, rgba(74,42,132,0.18), transparent 55%),
    linear-gradient(180deg, #0c0818 0%, #0a0612 46%, #08050f 100%) !important;
}
/* 极淡云雾 / 灵气层（不抢内容） */
#app::before, body::before {
  content: ""; position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background:
    radial-gradient(closest-side at 22% 28%, rgba(130,86,200,0.10), transparent 70%),
    radial-gradient(closest-side at 78% 40%, rgba(96,62,170,0.09), transparent 70%),
    radial-gradient(closest-side at 50% 88%, rgba(80,48,140,0.11), transparent 70%);
}
#start-screen {
  background: linear-gradient(180deg,#0c0818 0%, #0a0612 60%, #08050f 100%) !important;
  color: var(--text) !important;
}

/* ---------- 3. 半透明磨砂卡片 + 金色描边 + 紫色魔法光效 ---------- */
.card, .realm-card, .icon-tile, .dungeon-card, .building-card, .farm-cell-v2,
.chat-toggle, .modal, .modal-content, .bg-panel,
.npc-card, .shop-card, .relic-card, .league-card, .craft-card,
[class*="-card"], [class*="panel"] {
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid var(--border-gold) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.5), 0 0 16px var(--glow-purple) !important;
}

/* ---------- 4. 按钮：墨底鎏金描边 + 紫光 ---------- */
button, .btn, .terr-btn, .nc-btn, .cf-btn, .nc-btn-primary, .nc-float-upgrade {
  background: linear-gradient(180deg, rgba(46,30,72,0.92), rgba(26,16,44,0.95)) !important;
  border: 1px solid var(--border-gold) !important;
  color: var(--gold-light) !important;
  box-shadow: 0 0 10px var(--glow-purple) !important;
  text-shadow: 0 0 4px rgba(201,162,73,0.25);
  transition: filter .15s, box-shadow .15s, border-color .15s;
}
button:hover, .btn:hover, .terr-btn:hover, .nc-btn:hover,
.nc-btn-primary:hover, .nc-float-upgrade:hover {
  filter: brightness(1.12);
  border-color: var(--gold) !important;
  box-shadow: 0 0 16px var(--glow-purple), 0 0 6px var(--gold-glow) !important;
}

/* 主修炼按钮：紫色魔法脉冲 */
.navtab-center-btn {
  border-color: var(--gold) !important;
  animation: gfPulse 2.6s ease-in-out infinite alternate;
}
@keyframes gfPulse {
  from { box-shadow: 0 0 12px rgba(140,90,210,0.30), 0 0 6px rgba(201,162,73,0.20); }
  to   { box-shadow: 0 0 22px rgba(150,100,225,0.50), 0 0 10px rgba(201,162,73,0.34); }
}

/* ---------- 5. 文字：低饱和薰衣草；标题金 ---------- */
h1, h2, h3, .title, .panel-title, .terr-title, .nc-title {
  color: var(--gold-light) !important;
  text-shadow: 0 0 8px rgba(201,162,73,0.18);
}
a { color: var(--purple-bright); }

/* ---------- 6. 输入框 / 选择 ---------- */
input, select, textarea {
  background: rgba(20,12,34,0.8) !important;
  border: 1px solid var(--border-gold) !important;
  color: var(--text) !important;
}

/* ---------- 7. 宗门系统硬编码暗化兜底（部分直接色值） ---------- */
#newclan-panel, .nc-sub-panel, .nc-card, .nc-seat, .nc-member, .nc-stat,
.nc-res-row, .nc-info, .nc-lore, .nc-upgrade-box {
  background: rgba(30,20,48,0.55) !important;
  border-color: var(--border-gold) !important;
  color: var(--nc-text) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}
.nc-title, .nc-lv, .nc-gold-deep { color: var(--nc-gold-bright) !important; }
.nc-text { color: var(--nc-text) !important; }
.nc-muted { color: var(--nc-muted) !important; }
.nc-btn-primary, .nc-float-upgrade {
  background: linear-gradient(180deg, rgba(46,30,72,0.92), rgba(26,16,44,0.95)) !important;
  color: var(--gold-light) !important;
  border: 1px solid var(--border-gold) !important;
}

/* ---------- 8. 领地系统（style_territory 硬编码白底）显式改暗 ---------- */
#territory-panel {
  background: linear-gradient(180deg, #140d22 0%, #0e0a1c 50%, #0a0612 100%) !important;
  color: var(--text) !important;
}
.terr-top, .terr-stat, .terr-tabs, .terr-tab, .terr-card, .terr-info, .terr-actions,
.terr-sel-item, .terr-btn.ghost, .terr-modal, .terr-detail {
  background: rgba(30,20,48,0.55) !important;
  border-color: var(--border-gold) !important;
  color: var(--text) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}
.terr-top {
  background: linear-gradient(180deg, rgba(40,26,64,0.6), rgba(26,16,42,0.4)) !important;
  border-bottom: 1px solid var(--border-gold) !important;
}
.terr-card {
  background: linear-gradient(180deg, rgba(44,28,70,0.6), rgba(26,16,42,0.6)) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.5), 0 0 16px var(--glow-purple) !important;
}
.terr-title { color: var(--gold-light) !important; }
.terr-stat .v { color: var(--gold) !important; }
.terr-stat .k { color: var(--text-dim) !important; }
.terr-tab.active { background: linear-gradient(90deg,#5a3aa0,#7b4bd6) !important; color:#fff !important; }
.terr-btn { background: linear-gradient(90deg,#5a3aa0,#7b4bd6) !important; color:#fff !important; border-color: rgba(201,162,73,0.5) !important; }
.terr-btn.ghost { background: rgba(40,26,64,0.7) !important; color: var(--gold-light) !important; }
.terr-btn.danger { background: linear-gradient(90deg,#a83b55,#d64b6b) !important; color:#fff !important; }
.terr-owner-tag.npc { background: rgba(110,130,170,0.9) !important; }
.terr-owner-tag.self { background: rgba(47,150,110,0.9) !important; }
.terr-owner-tag.enemy { background: rgba(190,80,95,0.9) !important; }
.terr-sel-item.on { border-color: var(--purple-bright) !important; background: rgba(140,90,210,0.16) !important; }

/* ---------- 9. 客栈系统：大幅压暗背景图，让深紫墨黑主导 ---------- */
/* 客栈面板底色已是深紫渐变；内嵌背景图(opacity:.45)过亮，压至 .10 仅留氛围 */
#inn-panel > div:first-of-type {
  opacity: 0.10 !important;
  filter: saturate(0.45) brightness(0.55) hue-rotate(15deg) !important;
}
/* 覆盖一层深紫魔法光晕在客栈背景上 */
#inn-panel::before {
  content: "";
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 60% 40% at 20% 10%, rgba(140,90,210,0.18), transparent 70%),
    radial-gradient(ellipse 50% 35% at 85% 90%, rgba(180,140,60,0.10), transparent 70%);
  pointer-events: none;
  z-index: 1;
}
#inn-panel > * { position: relative; z-index: 2; }
/* 客栈频道标签栏半透磨砂 + 金边 */
#inn-panel [style*="background:rgba(30,22,42"] {
  background: rgba(30,22,50,0.78) !important;
  border-color: var(--border-gold) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
/* 客栈输入框/按钮兜底 */
#inn-panel input, #inn-panel .btn {
  background: rgba(20,12,34,0.85) !important;
  border: 1px solid var(--border-gold) !important;
  color: var(--text) !important;
}

/* ---------- 10. 历练 / 仙途 卡片统一为暗黑磨砂暗卡 ----------
   仙途(.imm-card) 此前是白底（暗黑主题漏改），历练(.adv-entry) 是紫底；
   二者统一为：半透明磨砂暗卡 + 鎏金描边 + 紫色魔法光效，与整套暗黑国风一致。
   仙途整页背景显式透明，露出 #app 暗色渐变，与历练整页一致。             */
.adv-entry, .imm-card {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-gold) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.5), 0 0 16px var(--glow-purple) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}
.adv-entry:active, .adv-entry.adv-tapped,
.imm-card:active, .imm-card.imm-tapped {
  border-color: var(--gold) !important;
  box-shadow: 0 6px 20px rgba(0,0,0,.55), 0 0 18px var(--glow-purple) !important;
  transform: scale(0.97);
}
/* 仙途卡片文字（原深紫在暗底不可读）→ 鎏金标题 + 浅紫副文 */
.imm-card-title {
  color: var(--gold-light) !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.6);
}
.imm-card-sub {
  color: var(--text-dim) !important;
}
/* 仙途整页背景 = 历练整页背景（均透出 #app 暗色渐变） */
#tab-immortal {
  background: transparent !important;
}