/* ============================================================
   艾诺 / AINLL — 设计令牌与基础重置（唯一来源）
   默认主题：暗金（data-theme="dark"）
   备选主题：鎏金（data-theme="luxe"）、晨光（data-theme="light"）
   ============================================================ */
:root,
html[data-theme="dark"]{
    /* 底色 */
    --bg:#0b0906;
    --bg-soft:#14110b;
    --sidebar:#100d08;
    --card:#181410;
    --card-hover:#221b13;
    --border:#332a1a;
    --border-strong:#4a3c22;

    /* 文字 */
    --text:#f2e8d5;
    --text-dim:#bfa87c;
    --text-mute:#8a7550;

    /* 主色 · 暗金 */
    --accent:#d4af37;
    --accent2:#f0d98a;
    --accent-deep:#a8801f;
    --accent-glow:rgba(212,175,55,.30);
    --accent-soft:rgba(212,175,55,.13);
    --accent-soft2:rgba(212,175,55,.24);
    --on-accent:#241a05;

    /* 语义色 */
    --green:#8fbf6a;
    --orange:#e0a044;
    --pink:#d9707f;
    --blue:#6fa8cf;
    --green-soft:rgba(143,191,106,.16);
    --orange-soft:rgba(224,160,68,.16);
    --blue-soft:rgba(111,168,207,.16);
    --muted-soft:rgba(138,117,80,.16);

    /* 角色关系色（角色图谱连线） */
    --rel-blood:#e0703f;   /* 血缘 / 师承 */
    --rel-love:#e0709f;    /* 恋爱 / 情感 */
    --rel-ally:#6fc48a;    /* 盟友 / 合作 */
    --rel-foe:#a06ad6;     /* 敌对 / 宿敌 */

    /* 世界观层级色（世界观图谱连线） */
    --rel-core:#d4af37;      /* 核心架构 */
    --rel-faction:#d9707f;   /* 势力阵营 */
    --rel-system:#6fa8cf;    /* 修炼体系 */

    /* 组件专用 */
    --topbar-bg:rgba(16,13,8,.86);
    --editor-bg:#151109;
    --paper-text:#e8dfc9;
    --cover-gradient:linear-gradient(135deg,#3a2a10,#c9a227);
    --title-gradient:linear-gradient(90deg,#fff5dc,#d4af37);
    --welcome-gradient:linear-gradient(135deg,#1a150d,#241c11);
    --mask-bg:rgba(6,5,3,.62);

    /* 阴影 */
    --shadow-sm:0 2px 10px rgba(0,0,0,.35);
    --shadow-md:0 8px 26px rgba(0,0,0,.45);
    --shadow-lg:0 20px 60px rgba(0,0,0,.55);

    --scroll-thumb:#3a2f1c;
    --radius:14px;
    /* 页头高度：侧边栏 logo 与顶部栏共用，保证横线对齐 */
    --header-h:68px;
    --toolbar-h:64px;
    --dur:.18s;
    --ease:cubic-bezier(.4,0,.2,1);
  }

/* ---------- 晨光主题（亮色） ---------- */
html[data-theme="light"]{
    --bg:#f7f3ea;
    --bg-soft:#f1ebdd;
    --sidebar:#fbf7ee;
    --card:#ffffff;
    --card-hover:#faf5e9;
    --border:#e8dfc9;
    --border-strong:#d6c8a8;

    --text:#2c2416;
    --text-dim:#6d5c3d;
    --text-mute:#9c8a67;

    --accent:#a8801f;
    --accent2:#9c7a18;
    --accent-deep:#8a6a17;
    --accent-glow:rgba(168,128,31,.22);
    --accent-soft:rgba(168,128,31,.10);
    --accent-soft2:rgba(168,128,31,.18);
    --on-accent:#fffdf5;

    --green:#4f8a3d;
    --orange:#c47d16;
    --pink:#c0505f;
    --blue:#3d7fa8;
    --green-soft:rgba(79,138,61,.13);
    --orange-soft:rgba(196,125,22,.13);
    --blue-soft:rgba(61,127,168,.13);
    --muted-soft:rgba(156,138,103,.16);

    /* 角色关系色（角色图谱连线） */
    --rel-blood:#c4552a;
    --rel-love:#c74d84;
    --rel-ally:#3f8a55;
    --rel-foe:#7a4fb8;

    /* 世界观层级色（世界观图谱连线） */
    --rel-core:#a8801f;
    --rel-faction:#c0455a;
    --rel-system:#3d7fa8;

    --topbar-bg:rgba(251,247,238,.90);
    --editor-bg:#fffdf7;
    --paper-text:#3a3020;
    --cover-gradient:linear-gradient(135deg,#e5d6a8,#c9a227);
    --title-gradient:linear-gradient(90deg,#8a6a17,#c9a227);
    --welcome-gradient:linear-gradient(135deg,#fdf8ec,#f5ecd6);
    --mask-bg:rgba(60,48,25,.35);

    --shadow-sm:0 2px 10px rgba(120,95,40,.10);
    --shadow-md:0 8px 26px rgba(120,95,40,.14);
    --shadow-lg:0 20px 60px rgba(120,95,40,.20);

    --scroll-thumb:#d9cdb0;
  }

/* ---------- 鎏金主题（暗金的华丽版：深紫底 + 亮鎏金 + 宝石点缀） ---------- */
html[data-theme="luxe"]{
    /* 底色：深紫黑，皇家质感 */
    --bg:#0a0610;
    --bg-soft:#150d1f;
    --sidebar:#0d0815;
    --card:#180f24;
    --card-hover:#231634;
    --border:#3f2d54;
    --border-strong:#61457b;

    /* 文字：暖象牙 */
    --text:#faf0da;
    --text-dim:#d3b98d;
    --text-mute:#9c815f;

    /* 主色：亮鎏金 */
    --accent:#f2c94c;
    --accent2:#ffe9a8;
    --accent-deep:#b8860b;
    --accent-glow:rgba(242,201,76,.42);
    --accent-soft:rgba(242,201,76,.14);
    --accent-soft2:rgba(242,201,76,.30);
    --on-accent:#2a1a02;

    /* 语义色：宝石调 */
    --green:#6fd6a0;
    --orange:#f2994a;
    --pink:#e85d8a;
    --blue:#8fa9ee;
    --green-soft:rgba(111,214,160,.16);
    --orange-soft:rgba(242,153,74,.16);
    --blue-soft:rgba(143,169,238,.16);
    --muted-soft:rgba(156,129,95,.16);

    /* 角色关系色（角色图谱连线） */
    --rel-blood:#f2894f;
    --rel-love:#f078b0;
    --rel-ally:#6fd6a0;
    --rel-foe:#b48cf0;

    /* 世界观层级色（世界观图谱连线） */
    --rel-core:#f0d98a;
    --rel-faction:#f078b0;
    --rel-system:#8fa9ee;

    /* 组件专用 */
    --topbar-bg:rgba(13,8,21,.88);
    --editor-bg:#160e21;
    --paper-text:#f2e6cc;
    --cover-gradient:linear-gradient(135deg,#5a3608,#f2c94c 55%,#ffe9a8);
    --title-gradient:linear-gradient(90deg,#fff8e2,#f2c94c 45%,#e8b923);
    --welcome-gradient:linear-gradient(135deg,#1d1229,#2e1c42);
    --mask-bg:rgba(5,3,10,.68);

    --shadow-sm:0 2px 12px rgba(0,0,0,.42);
    --shadow-md:0 10px 30px rgba(0,0,0,.52);
    --shadow-lg:0 22px 66px rgba(0,0,0,.62);

    --scroll-thumb:#4a3a55;
  }

/* ============================================================
   鎏金主题专属华丽装饰
   （仅此主题生效：环境光晕、金色内描边、标题金辉）
   ============================================================ */
/* 页面环境光：左上金辉 + 右上紫气 */
html[data-theme="luxe"] body,
html[data-theme="luxe"] .wf-main,
html[data-theme="luxe"] .editor-canvas{
  background-image:
    radial-gradient(900px 520px at 10% -6%, rgba(242,201,76,.075), transparent 62%),
    radial-gradient(820px 480px at 94% 2%, rgba(150,80,220,.10), transparent 64%);
  background-repeat:no-repeat;
}
/* 卡片金色内描边，模拟描金质感 */
html[data-theme="luxe"] .panel,
html[data-theme="luxe"] .data-card,
html[data-theme="luxe"] .user-card,
html[data-theme="luxe"] .welcome{
  box-shadow:inset 0 1px 0 rgba(255,233,168,.14);
}
/* 标题金辉 */
html[data-theme="luxe"] .welcome-text h1{
  text-shadow:0 0 24px rgba(242,201,76,.30);
}
html[data-theme="luxe"] .section-head h2 .bar{
  box-shadow:0 0 12px var(--accent),0 0 24px var(--accent-glow);
}
/* 侧边栏激活项内发光 */
html[data-theme="luxe"] .nav-item.active{
  box-shadow:0 0 18px rgba(242,201,76,.15),inset 0 0 22px rgba(242,201,76,.06);
}
html[data-theme="luxe"] .nav-item.active::before{
  box-shadow:0 0 12px var(--accent),0 0 22px var(--accent-glow);
}

/* ============================================================
   基础重置
   ============================================================ */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  background:var(--bg);color:var(--text);height:100vh;overflow:hidden;display:flex;
  transition:background .25s var(--ease),color .25s var(--ease);
}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:4px}
::-webkit-scrollbar-track{background:transparent}

/* ============ 主题切换按钮与选择器 ============ */
.theme-toggle{
  font-size:20px;line-height:1;
}
/* 菜单挂载在 body 上、fixed 定位，避免被 overflow:hidden 裁剪 */
.theme-menu{
  position:fixed;z-index:9998;
  min-width:136px;padding:6px;
  background:var(--card);border:1px solid var(--border-strong);border-radius:12px;
  box-shadow:var(--shadow-lg);
  display:none;
}
.theme-menu.on{display:block;animation:themeIn .16s var(--ease)}
@keyframes themeIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.theme-menu button{
  width:100%;display:flex;align-items:center;gap:9px;
  padding:8px 10px;border:none;background:transparent;border-radius:8px;
  font:inherit;font-size:12.5px;color:var(--text-dim);cursor:pointer;text-align:left;
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease);
}
.theme-menu button:hover{background:var(--card-hover);color:var(--text)}
.theme-menu button.on{background:var(--accent-soft);color:var(--accent2);font-weight:600}
.theme-menu .sw{
  width:14px;height:14px;border-radius:50%;flex-shrink:0;
  border:1px solid var(--border-strong);
}
/* 色样展示各主题自身的观感，不随当前主题变化 */
.sw-dark{background:linear-gradient(135deg,#0b0906 42%,#d4af37)}
.sw-luxe{background:linear-gradient(135deg,#0a0610 38%,#f2c94c 70%,#7b3fa0)}
.sw-light{background:linear-gradient(135deg,#f7f3ea 42%,#a8801f)}

/* ============ 图标按钮：统一圆形，图标放大 ============ */
.icon-btn{
  width:42px;height:42px;border-radius:50%;flex-shrink:0;
  background:var(--card);border:1px solid var(--border);
  display:grid;place-items:center;cursor:pointer;
  font-size:19px;line-height:1;color:var(--text-dim);
  text-decoration:none;
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease),
             border-color var(--dur) var(--ease),transform var(--dur) var(--ease);
}
.icon-btn:hover{
  background:var(--card-hover);color:var(--accent);
  border-color:var(--accent);transform:translateY(-1px);
}

/* ============ 按钮：统一椭圆（胶囊） ============ */
.btn{
  padding:11px 24px;border-radius:999px;font-size:13px;font-weight:600;
  cursor:pointer;border:none;font-family:inherit;
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  transition:all var(--dur) var(--ease);
}
.btn-ghost{background:var(--card);border:1px solid var(--border);color:var(--text-dim)}
.btn-ghost:hover{background:var(--card-hover);color:var(--accent);border-color:var(--accent)}
.btn-primary{
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  color:var(--on-accent);box-shadow:0 4px 16px var(--accent-glow);
}
.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 22px var(--accent-glow)}

/* 闪烁动画（编辑器 AI 状态条使用） */
@keyframes blink{0%,60%,100%{opacity:.3}30%{opacity:1}}