/* ============================================================
   style-gold.css — 黑金主题设计系统 v1.0（2026-08-13）
   全局视觉覆盖层：大面积纯黑 + 金色点缀（金色粒子、金色线条）。
   置于 style-g.css / style-v3.css 之后加载，纯视觉覆盖，不改功能逻辑。
   彻底替换旧紫色体系（#8b5cf6 / #ec4899 / #171426 等）。
   ============================================================ */

/* ===== 0. 金色体系变量（覆盖旧紫色变量，含内联注入的 --p-* 主题色） ===== */
:root {
  --gold-bright: #f5d78e;   /* 亮金 */
  --gold: #d4af37;          /* 标准金 */
  --gold-deep: #9a7b2d;     /* 深金 */
  --gold-text: #e8c56b;     /* 香槟金文字 */
  --gold-text2: #c9a96a;    /* 淡金文字 */
  --gold-grad: linear-gradient(135deg, #f5d78e 0%, #d4af37 45%, #9a7b2d 100%);
  --gold-glow: 0 0 18px rgba(212,175,55,.35), 0 4px 24px rgba(0,0,0,.5);

  /* 强制黑金基色：!important 压过 applyTheme 内联注入的旧紫色主题值 */
  --p-primary: #d4af37 !important;
  --p-accent: #c9a96a !important;
  --p-bg: #0a0a0c !important;
  --p-surface: #14120e !important;
  --p-text: #f3f4f6 !important;
  --p-text2: #a8a29e !important;
  --p-card-glow: 0 0 20px rgba(212,175,55,0.35) !important;

  --bg: #0a0a0c; --surface: #14120e; --surface2: #1f1a12;
  --border: rgba(212,175,55,0.18); --text: #f3f4f6; --text2: #a8a29e;
  --primary: #d4af37; --primary-hover: #9a7b2d;
  --primary-light: rgba(212,175,55,0.15);
  --danger: #e05b5b; --warning: #d4af37; --success: #3fb97a;
  --user-msg: #d4af37; --user-text: #0a0a0c; --ai-msg: #14120e;
  --ai-border: rgba(212,175,55,0.18);
  --radius: 16px; --radius-sm: 12px;
  --shadow: 0 1px 3px rgba(0,0,0,.3);
  --shadow-lg: 0 8px 24px rgba(0,0,0,.4); --transition: .3s;
}

/* 浅色模式同样强制黑金（总经理决策 2026-08-13：用户要求"大面积黑色"，
   全站统一黑金、不提供浅色变体，避免聊天页浅色文字压深色底的对比度 bug） */
[data-theme="light"] {
  --bg: #0a0a0c; --surface: #14120e; --surface2: #1f1a12;
  --border: rgba(212,175,55,0.18); --text: #f3f4f6; --text2: #a8a29e;
  --primary: #d4af37; --primary-hover: #9a7b2d; --primary-light: rgba(212,175,55,0.15);
  --danger: #e05b5b; --warning: #d4af37; --success: #3fb97a;
  --user-msg: #d4af37; --user-text: #0a0a0c; --ai-msg: #14120e; --ai-border: rgba(212,175,55,0.18);
  --shadow: 0 1px 3px rgba(0,0,0,.3);
  --shadow-lg: 0 8px 24px rgba(0,0,0,.4);
  --p-bg: #0a0a0c !important; --p-surface: #14120e !important;
  --p-text: #f3f4f6 !important; --p-text2: #a8a29e !important;
}

/* 浅色与深色视觉已统一：隐藏主题切换按钮，避免出现"点了没反应"的无效按钮 */
#btn-theme-switch, #theme-toggle { display: none !important; }

/* ===== 1. 全局基底：近纯黑 + 金色光晕层 ===== */
body {
  font-family: -apple-system, 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC',
    'Hiragino Sans GB', sans-serif !important;
  background: #0a0a0c !important;   /* 压过页面内联紫色背景 */
  color: #f3f4f6;
  letter-spacing: .01em;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
/* 金色微光晕层：fixed 全屏柔和金晕，不挡交互 */
body::before {
  content: '';
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0; /* 旧浏览器兜底（不支持 inset） */
  inset: 0;
  z-index: 0;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(212,175,55,0.10), transparent 55%),
    radial-gradient(circle at 85% 15%, rgba(212,175,55,0.06), transparent 45%),
    radial-gradient(circle at 12% 90%, rgba(212,175,55,0.05), transparent 50%),
    radial-gradient(circle at 50% 100%, rgba(212,175,55,0.06), transparent 55%) !important;
}

/* ===== 2. 金色粒子 canvas（gold-particles.js 注入） ===== */
#gold-particles-canvas {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0; /* 旧浏览器兜底（不支持 inset） */
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;               /* 低层：盖住纯背景、不遮挡导航/弹窗 */
  display: block;
}

/* ===== 3. 滚动条：细黑底 + 金 thumb ===== */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: rgba(10,10,12,.6); }
::-webkit-scrollbar-thumb {
  background: rgba(212,175,55,.35);
  border-radius: 99px;
}
::-webkit-scrollbar-thumb:hover { background: rgba(212,175,55,.55); }
::-webkit-scrollbar-corner { background: transparent; }
html { scrollbar-color: rgba(212,175,55,.35) rgba(10,10,12,.6); }

/* ===== 4. 选中与焦点 ===== */
::selection { background: rgba(212,175,55,.35); color: #fff; }
:focus-visible { outline: 2px solid rgba(212,175,55,.55); outline-offset: 2px; }
button, a, .btn, select, input[type="checkbox"], .cursor-pointer {
  transition: all .25s ease;
}

/* ===== 5. 顶部导航 / 顶栏 ===== */
.navbar-glass {
  background: rgba(10,10,12,.72) !important;
  border-bottom: 1px solid rgba(212,175,55,.14) !important;
  box-shadow: 0 1px 0 rgba(212,175,55,.05), 0 10px 32px rgba(0,0,0,.3);
}
[data-theme="light"] .navbar-glass {
  background: rgba(255,255,255,.82) !important;
  border-bottom-color: rgba(212,175,55,.2) !important;
}
.navbar {
  background: rgba(10,10,12,.66) !important;
  border-bottom: 1px solid rgba(212,175,55,.14) !important;
}
.navbar .logo a {
  color: #f5d78e;
  text-shadow: 0 0 18px rgba(212,175,55,.45);
}
.navbar .btn-sm {
  background: rgba(10,10,12,.5);
  border: 1px solid rgba(212,175,55,.4);
  color: var(--gold-text, #e8c56b);
}
.navbar .btn-sm:hover {
  background: rgba(212,175,55,.1);
  color: #f5d78e;
}
.icon-btn-glass {
  border: 1px solid rgba(212,175,55,.22);
  background: rgba(10,10,12,.5);
  color: var(--gold-text2, #c9a96a);
}
.icon-btn-glass:hover {
  border-color: rgba(212,175,55,.5);
  background: rgba(212,175,55,.12) !important;
  color: #f5d78e;
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(212,175,55,.22);
}
.icon-btn-glass:active { transform: translateY(0) scale(.94); }
/* 搜索框 */
.search-box-glass {
  background: rgba(10,10,12,.55);
  border: 1px solid rgba(212,175,55,.2);
  transition: box-shadow .3s ease, border-color .3s ease;
}
.search-box-glass:focus-within {
  border-color: #d4af37 !important;
  box-shadow: 0 0 0 3px rgba(212,175,55,.15), 0 0 24px rgba(212,175,55,.14);
}
.search-box-glass input { color: #f3f4f6; }
.search-box-glass input::placeholder { color: rgba(168,162,158,.5); }
/* 返回按钮 */
.chat-back-btn:hover {
  background: rgba(212,175,55,.1);
  color: #f5d78e;
}
.chat-back-btn:active { background: rgba(212,175,55,.16); transform: scale(.95); }

/* ===== 6. 按钮体系 ===== */
/* 主按钮：金色渐变底 + 纯黑文字 + 金色辉光 + hover 流光扫过 */
.btn-primary-glow {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #f5d78e 0%, #d4af37 45%, #9a7b2d 100%) !important;
  color: #0a0a0c !important;
  border: none;
  border-radius: 12px;
  box-shadow: 0 0 18px rgba(212,175,55,.35), 0 4px 24px rgba(0,0,0,.5);
  transition: all .3s ease;
}
.btn-primary-glow::after {   /* 流光扫过 */
  content: '';
  position: absolute;
  top: 0; bottom: 0; left: -130%;
  width: 55%;
  background: linear-gradient(105deg, transparent, rgba(255,255,255,.4), transparent);
  transform: skewX(-20deg);
  pointer-events: none;
  transition: left .5s ease;
}
.btn-primary-glow:hover {
  box-shadow: 0 0 28px rgba(212,175,55,.55), 0 4px 24px rgba(0,0,0,.5);
  filter: brightness(1.1);
  transform: translateY(-1px);
}
.btn-primary-glow:hover::after { left: 135%; }
.btn-primary-glow:active { transform: translateY(0) scale(.97); }
/* 次按钮 / 描边按钮：透明黑底 + 金边 + 金字 */
.btn-outline, .btn {
  background: rgba(10,10,12,.55);
  border: 1px solid rgba(212,175,55,.5);
  color: var(--gold-text, #e8c56b);
  border-radius: 12px;
}
.btn-outline:hover, .btn:hover {
  background: rgba(212,175,55,.08);
  color: #f5d78e;
  border-color: rgba(212,175,55,.7);
}
.btn-primary, .fx-btn-primary {
  background: linear-gradient(135deg, #f5d78e 0%, #d4af37 45%, #9a7b2d 100%) !important;
  color: #0a0a0c !important;
  border: none;
  box-shadow: 0 0 18px rgba(212,175,55,.35), 0 4px 24px rgba(0,0,0,.5) !important;
}
.btn-primary:hover, .fx-btn-primary:hover {
  box-shadow: 0 0 26px rgba(212,175,55,.5) !important;
  transform: translateY(-1px);
}
.btn-primary:active, .fx-btn-primary:active { transform: scale(.97); }
.btn-danger {
  background: #e05b5b !important;
  box-shadow: 0 0 16px rgba(224,91,91,.3);
}
.btn-danger:hover { background: #c94f4f !important; }
.btn:disabled { opacity: .5; cursor: not-allowed; }
.btn-sm {
  background: rgba(10,10,12,.5);
  border: 1px solid rgba(212,175,55,.4);
  color: var(--gold-text, #e8c56b);
}
.btn-sm:hover { background: rgba(212,175,55,.08); color: #f5d78e; }
/* 登录提交按钮 */
#submit-btn {
  background: linear-gradient(135deg, #f5d78e 0%, #d4af37 45%, #9a7b2d 100%) !important;
  color: #0a0a0c !important;
  box-shadow: 0 0 18px rgba(212,175,55,.35), 0 4px 24px rgba(0,0,0,.5) !important;
}
#submit-btn:hover {
  box-shadow: 0 0 28px rgba(212,175,55,.55) !important;
  transform: translateY(-1px);
}
#submit-btn:active { transform: translateY(0) scale(.97); }
#submit-btn:disabled { opacity: .6; cursor: not-allowed; transform: none; }
/* 登录页修改密码小按钮 */
.btn-outline.btn-sm {
  background: rgba(212,175,55,.08);
  border: 1px solid rgba(212,175,55,.35);
  color: var(--gold-text2, #c9a96a);
  border-radius: 999px;
}
.btn-outline.btn-sm:hover {
  background: rgba(212,175,55,.16);
  color: #f5d78e;
}
/* 通用弹窗按钮 */
.fx-btn-cancel {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(212,175,55,.25);
  color: var(--gold-text2, #c9a96a);
  border-radius: 12px;
}
.fx-btn-cancel:hover { background: rgba(212,175,55,.1); color: #f5d78e; }
.fx-btn-danger {
  background: linear-gradient(135deg, rgba(224,91,91,.14), rgba(224,91,91,.26)) !important;
  border: 1px solid rgba(224,91,91,.4);
  color: #f18f8f !important;
}
.fx-btn-danger:hover {
  background: linear-gradient(135deg, rgba(224,91,91,.24), rgba(224,91,91,.36)) !important;
}
.fx-btn-close {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(212,175,55,.2);
  color: var(--gold-text2, #c9a96a);
  border-radius: 12px;
}
.fx-btn-close:hover { background: rgba(212,175,55,.1); color: #f5d78e; }
/* 发送 / 麦克风 / 菜单按钮 */
.send-btn {
  background: linear-gradient(135deg, #f5d78e 0%, #d4af37 45%, #9a7b2d 100%) !important;
  color: #0a0a0c !important;
  box-shadow: 0 0 14px rgba(212,175,55,.35) !important;
}
.send-btn:hover {
  box-shadow: 0 0 22px rgba(212,175,55,.5) !important;
  transform: scale(1.08);
}
.send-btn:active { transform: scale(.92); }
.mic-btn {
  background: rgba(10,10,12,.55);
  border: 1px solid rgba(212,175,55,.2);
  color: var(--gold-text2, #c9a96a);
}
.mic-btn:hover { background: rgba(212,175,55,.12); color: #f5d78e; }
#btn-menu {
  background: rgba(10,10,12,.55);
  border: 1px solid rgba(212,175,55,.2);
  color: var(--gold-text2, #c9a96a);
}
#btn-menu:hover {
  background: rgba(212,175,55,.12);
  color: #f5d78e;
  border-color: rgba(212,175,55,.4);
}
.header-action-btn {
  background: rgba(10,10,12,.5);
  border: 1px solid rgba(212,175,55,.2);
  color: var(--gold-text2, #c9a96a);
}
.header-action-btn:hover {
  background: rgba(212,175,55,.12);
  color: #f5d78e;
  border-color: rgba(212,175,55,.35);
}
.header-action-btn.active {
  background: linear-gradient(135deg, rgba(212,175,55,.22), rgba(154,123,45,.14));
  border-color: #d4af37;
  color: #f5d78e;
  box-shadow: 0 0 10px rgba(212,175,55,.2);
}
.stop-btn { background: #e05b5b; }
.stop-btn:hover { background: #c94f4f; box-shadow: 0 4px 18px rgba(224,91,91,.35); }
/* 底部导航“创造”按钮（黑金样式已迁移至文末「底部导航 v2」章节的 .nav-create-badge，旧 .btn-create-float 规则废弃） */
/* 角色档案弹窗按钮 */
.cd-btn-chat {
  background: linear-gradient(135deg, #f5d78e 0%, #d4af37 45%, #9a7b2d 100%) !important;
  color: #0a0a0c !important;
  box-shadow: 0 6px 20px rgba(212,175,55,.4) !important;
}
.cd-btn-chat:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 26px rgba(212,175,55,.55) !important;
}
.cd-btn-chat:active { transform: translateY(0) scale(.98); }
.cd-btn-ghost {
  border: 1px solid rgba(212,175,55,.35);
  background: rgba(10,10,12,.5);
  color: var(--gold-text2, #c9a96a);
}
.cd-btn-ghost:hover { background: rgba(212,175,55,.1); }
/* 登录页年龄弹窗按钮 */
.age-modal-btn {
  background: linear-gradient(135deg, #f5d78e 0%, #d4af37 45%, #9a7b2d 100%) !important;
  color: #0a0a0c !important;
  box-shadow: 0 0 14px rgba(212,175,55,.3) !important;
}
.age-modal-btn:hover { box-shadow: 0 6px 20px rgba(212,175,55,.5) !important; }
/* 加载转圈 */
.spinner-glow {
  border-color: rgba(212,175,55,.25) !important;
  border-top-color: #d4af37 !important;
}
/* 状态栏/记忆面板内按钮 */
.status-editor-header button {
  background: linear-gradient(135deg, #f5d78e, #d4af37);
  color: #0a0a0c;
}
.status-editor-add>button {
  border: 1px dashed rgba(212,175,55,.45);
  color: var(--gold-text, #e8c56b);
}
.status-editor-add>button:hover {
  background: rgba(212,175,55,.07);
  border-color: #d4af37;
}
.status-custom-form button {
  background: linear-gradient(135deg, #f5d78e, #d4af37);
  color: #0a0a0c;
}
.ei-toggle.on { background: linear-gradient(135deg, #d4af37, #9a7b2d); }
/* 刷新按钮 / 进度条 */
.refresh-btn {
  background: linear-gradient(135deg, rgba(212,175,55,.16), rgba(154,123,45,.10));
  border: 1px solid rgba(212,175,55,.2);
}
.refresh-btn:hover {
  box-shadow: 0 6px 24px rgba(212,175,55,.28);
  transform: translateY(-1px);
}
.progress-fill, .field-progress-fill {
  background: linear-gradient(90deg, #f5d78e, #d4af37) !important;
  box-shadow: 0 0 12px rgba(212,175,55,.4);
}
/* 私信面板“查找/发送”按钮 */
#pm-user-search + button, #pm-send-btn, .fx-dialog button { border-radius: 10px; }
button:has(+ #pm-send-btn) { }

/* ===== 7. 输入框体系 ===== */
.input-glass,
.form-group input,
.form-group select,
.form-group textarea,
.status-custom-form input,
.status-custom-form select {
  background: rgba(10,10,12,.6) !important;
  border: 1px solid rgba(212,175,55,.2) !important;
  color: #f3f4f6 !important;
  border-radius: 12px;
  transition: all .25s ease;
}
.input-glass:focus,
.form-group input:focus,
.form-group select:focus,
.status-custom-form input:focus,
.status-custom-form select:focus {
  border-color: #d4af37 !important;
  box-shadow: 0 0 0 3px rgba(212,175,55,.15), 0 0 18px rgba(212,175,55,.12);
  background: rgba(10,10,12,.7) !important;
}
.input-glass::placeholder,
.form-group input::placeholder { color: rgba(168,162,158,.5); }
/* 聊天输入栏 */
.input-bar {
  background: rgba(10,10,12,.82) !important;
  border-top: 1px solid rgba(212,175,55,.14) !important;
  box-shadow: 0 -8px 32px rgba(0,0,0,.25);
}
[data-theme="light"] .input-bar {
  background: rgba(255,255,255,.9) !important;
  border-top-color: rgba(212,175,55,.2) !important;
}
.input-bar .input-wrap {
  background: rgba(10,10,12,.6);
  border: 1px solid rgba(212,175,55,.2);
  transition: all .25s ease;
}
.input-bar .input-wrap:focus-within {
  border-color: #d4af37;
  box-shadow: 0 0 0 3px rgba(212,175,55,.12), 0 0 20px rgba(212,175,55,.1);
  background: rgba(10,10,12,.7);
}
.input-bar .input-wrap textarea { color: #f3f4f6; }
.input-bar .input-wrap textarea::placeholder { color: rgba(168,162,158,.55); }
/* 登录页错误提示 */
.form-error {
  background: rgba(224,91,91,.1);
  border: 1px solid rgba(224,91,91,.32);
  color: #f18f8f;
}
.form-error.hidden { display: none; }

/* ===== 8. 卡片体系：暗金玻璃 + 金边 + 圆角 ===== */
.char-card-new {
  background: linear-gradient(160deg, rgba(26,22,16,.85), rgba(14,12,10,.92)) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(212,175,55,.22);
  border-radius: var(--p-card-radius, 16px);
  box-shadow: var(--p-card-glow, 0 0 20px rgba(212,175,55,.35));
  transition: transform .3s cubic-bezier(.16,1,.3,1), box-shadow .3s ease, border-color .3s ease;
}
.char-card-new:hover {
  transform: translateY(-3px);
  border-color: rgba(212,175,55,.45);
  box-shadow: 0 18px 48px rgba(212,175,55,.18), 0 6px 24px rgba(0,0,0,.35);
}
.char-card-new:hover h3 { color: #f5d78e; }
/* 官方徽章 */
.char-card-new h3 span {
  background: linear-gradient(135deg, #f5d78e, #d4af37);
  color: #0a0a0c;
  box-shadow: 0 2px 10px rgba(212,175,55,.4);
}
.char-card-new:hover .card-tags-row span {
  background: rgba(212,175,55,.2) !important;
  color: #f5d78e !important;
}
/* 登录卡片 */
.form-container {
  background: linear-gradient(160deg, rgba(26,22,16,.85), rgba(14,12,10,.92)) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(212,175,55,.22) !important;
  border-radius: 18px;
  box-shadow: 0 0 24px rgba(212,175,55,.10), 0 24px 70px rgba(0,0,0,.5);
}
.form-container > div:first-child {
  border-bottom: 1px solid rgba(212,175,55,.2) !important;
}
/* 指南卡片 */
.g-card {
  background: linear-gradient(160deg, rgba(26,22,16,.85), rgba(14,12,10,.92)) !important;
  border: 1px solid rgba(212,175,55,.22) !important;
  border-radius: 16px;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  transition: border-color .3s ease, transform .3s ease, box-shadow .3s ease;
}
.g-card:hover {
  border-color: rgba(212,175,55,.45);
  transform: translateY(-3px);
  box-shadow: 0 0 24px rgba(212,175,55,.15);
}
.g-header > span:last-child { color: var(--gold-text, #e8c56b); }
/* 弹窗卡片 */
.modal-glass,
.fx-dialog,
.tag-panel-dialog,
.changelog-panel,
.form-card-glass {
  background: linear-gradient(160deg, rgba(26,22,16,.92), rgba(14,12,10,.95)) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(212,175,55,.22) !important;
  border-radius: 16px;
  box-shadow: 0 24px 70px rgba(0,0,0,.55), 0 0 40px rgba(212,175,55,.08) !important;
}
[data-theme="light"] .modal-glass,
[data-theme="light"] .fx-dialog,
[data-theme="light"] .tag-panel-dialog,
[data-theme="light"] .changelog-panel {
  background: linear-gradient(160deg, rgba(255,255,255,.92), rgba(250,246,238,.95)) !important;
  border-color: rgba(212,175,55,.3) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.14) !important;
}
/* 选项卡片 */
.fx-option-card {
  background: rgba(10,10,12,.5);
  border: 1.5px solid rgba(212,175,55,.18);
  border-radius: 14px;
}
.fx-option-card:hover {
  border-color: rgba(212,175,55,.4);
  background: rgba(212,175,55,.06);
}
.fx-option-card.active {
  background: linear-gradient(135deg, rgba(212,175,55,.16), rgba(154,123,45,.10)) !important;
  border-color: #d4af37 !important;
  box-shadow: 0 0 20px rgba(212,175,55,.14) !important;
}
/* 状态栏 / 记忆面板 / 聊天抽屉 */
.status-panel,
.status-drawer-panel,
.status-editor-panel,
.memory-panel,
.status-summary-bar {
  background: rgba(10,10,12,.92) !important;
  border: 1px solid rgba(212,175,55,.16) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
[data-theme="light"] .status-panel,
[data-theme="light"] .status-drawer-panel,
[data-theme="light"] .status-editor-panel,
[data-theme="light"] .status-summary-bar {
  background: rgba(255,255,255,.95) !important;
  border-color: rgba(212,175,55,.25) !important;
}
.status-field-card {
  background: rgba(212,175,55,.05);
  border: 1px solid rgba(212,175,55,.14);
  border-radius: 14px;
}
.status-field-card:hover {
  background: rgba(212,175,55,.09);
  border-color: rgba(212,175,55,.3);
  transform: translateY(-2px);
}
.status-summary-chip {
  background: rgba(212,175,55,.1);
  border: 1px solid rgba(212,175,55,.18);
}
.memory-item {
  background: rgba(212,175,55,.06);
  border-left: 3px solid #d4af37;
}
.memory-item:hover { background: rgba(212,175,55,.1); }
.memory-key, .status-panel .status-label { color: var(--gold-text, #e8c56b) !important; }
.memory-header {
  background: linear-gradient(135deg, #f5d78e 0%, #d4af37 45%, #9a7b2d 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
/* 钱包/数据卡片 */
.token-card:hover {
  border-color: rgba(212,175,55,.4) !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 36px rgba(212,175,55,.14);
}
.stats-item:hover {
  background: rgba(212,175,55,.08);
  transform: translateY(-1px);
}
/* 角色档案弹窗卡片 */
.cd-card {
  background: rgba(10,10,12,.45);
  border: 1px solid rgba(212,175,55,.12);
  border-radius: 14px;
}
.cd-card:hover {
  border-color: rgba(212,175,55,.35);
  background: rgba(212,175,55,.05);
}
.cd-card-icon {
  background: rgba(212,175,55,.12) !important;   /* 压过 JS 内联紫色 */
  color: #d4af37 !important;
}
.cd-card-title { color: #f5d78e; }
.cd-card-body { color: #e8dcc0; }
.cd-empty { color: #8a7a55 !important; }
/* 开场白气泡 */
.cd-bubble {
  background: linear-gradient(135deg, rgba(212,175,55,.14), rgba(154,123,45,.10));
  border: 1px solid rgba(212,175,55,.35);
  color: #f5edd0;
}
.cd-bubble::before { border-bottom-color: rgba(212,175,55,.35); }
/* Banner 容器 */
.banner-container {
  border: 1px solid rgba(212,175,55,.18) !important;
  box-shadow: 0 8px 40px rgba(0,0,0,.35);
}
/* 公告横幅 */
.announce-banner {
  background: linear-gradient(135deg, #d4af37, #9a7b2d);
}
/* 下拉刷新指示器 */
.pull-refresh-box {
  background: rgba(10,10,12,.85);
  border: 1px solid rgba(212,175,55,.3);
  box-shadow: 0 4px 20px rgba(0,0,0,.4);
}
.pull-refresh-spinner {
  border: 2px solid rgba(212,175,55,.25);
  border-top-color: #d4af37;
}
.pull-refresh-spinner.pull-ready { border-top-color: #3fb97a; }
.pull-refresh-text { color: #d6d3cd; }

/* ===== 9. 标题 / 文字 ===== */
.title-glow {
  text-shadow: 0 0 20px rgba(212,175,55,.5);
}
/* 金色渐变标题 */
.gold-title, .cd-name {
  background: linear-gradient(135deg, #f5d78e, #d4af37 55%, #b08d2f);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  letter-spacing: .02em;
  font-weight: 800;
}
[data-theme="light"] .cd-name {
  background: linear-gradient(135deg, #b08d2f, #9a7b2d);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.cd-desc { color: #c9a96a; }
.cd-official {
  background: linear-gradient(135deg, #f5d78e, #d4af37);
  color: #0a0a0c;
}
.cd-badge {
  background: rgba(212,175,55,.1);
  border: 1px solid rgba(212,175,55,.25);
  color: #e8c56b;
}
.cd-tag {
  background: rgba(212,175,55,.12);
  border: 1px solid rgba(212,175,55,.25);
  color: #e8c56b;
}
.typing-dots span {
  background: linear-gradient(135deg, #d4af37, #f5d78e);
}
.typing-dots span:nth-child(2) { background: linear-gradient(135deg, #e8c56b, #c9a96a); }
.typing-dots span:nth-child(3) { background: linear-gradient(135deg, #c9a96a, #9a7b2d); }
.typing-cursor { color: #d4af37; }

/* ===== 10. 标签 / 徽章 ===== */
.category-tag {
  background: rgba(10,10,12,.55);
  border: 1px solid rgba(212,175,55,.25);
  color: var(--gold-text2, #c9a96a);
}
.category-tag:hover {
  background: rgba(212,175,55,.1);
  color: #f5d78e;
  border-color: rgba(212,175,55,.45);
  box-shadow: 0 3px 14px rgba(212,175,55,.18);
  transform: translateY(-1px);
}
.category-tag.active {
  background: linear-gradient(135deg, #f5d78e, #d4af37 55%, #9a7b2d) !important;
  color: #0a0a0c !important;
  border-color: transparent;
  box-shadow: 0 4px 18px rgba(212,175,55,.38);
}
.category-tag.active::after {
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.25);
}
.tag-chip {
  background: rgba(10,10,12,.5);
  border: 1px solid rgba(212,175,55,.22);
  color: var(--gold-text2, #c9a96a);
}
.tag-chip:hover {
  border-color: #d4af37;
  background: rgba(212,175,55,.08);
  color: #f5d78e;
}
.tag-chip.active {
  border-color: #d4af37;
  background: linear-gradient(135deg, rgba(212,175,55,.2), rgba(154,123,45,.12)) !important;
  color: #f5d78e;
  box-shadow: 0 0 12px rgba(212,175,55,.2);
}
.reaction-badge {
  background: rgba(212,175,55,.1);
  border: 1px solid rgba(212,175,55,.18);
}
.reaction-badge:hover {
  background: rgba(212,175,55,.18);
  transform: scale(1.05);
}
/* 私信未读角标（黑金风格化定义见文末「底部导航 v2」章节） */
/* 消息选中态 */
.message.msg-selected .msg-bubble {
  box-shadow: 0 0 0 2px #d4af37, 0 0 16px rgba(212,175,55,.12) !important;
}
/* 消息气泡 */
.message.assistant .msg-bubble,
#streaming-bubble {
  background: linear-gradient(160deg, rgba(26,22,16,.94), rgba(14,12,10,.9));
  border: 1px solid rgba(212,175,55,.16);
  box-shadow: 0 4px 24px rgba(0,0,0,.25);
}
[data-theme="light"] .message.assistant .msg-bubble {
  background: linear-gradient(160deg, #ffffff, #faf6ee);
  border-color: rgba(212,175,55,.22);
}
.message.user .msg-bubble {
  background: linear-gradient(135deg, #f5d78e, #d4af37 55%, #9a7b2d) !important;
  color: #0a0a0c !important;
  box-shadow: 0 6px 24px rgba(212,175,55,.3), inset 0 1px 0 rgba(255,255,255,.2);
}
.message.user .msg-bubble:hover { box-shadow: 0 8px 30px rgba(212,175,55,.4); }
/* 头像光晕 */
.chat-header-bar .char-avatar {
  box-shadow: 0 0 0 2px rgba(212,175,55,.22), 0 2px 12px rgba(212,175,55,.22);
}
.message.assistant .msg-avatar,
#streaming-avatar {
  box-shadow: 0 0 0 2px rgba(212,175,55,.2), 0 0 14px rgba(212,175,55,.16);
}
/* 日期分隔线：金色渐变 */
.date-separator::before,
.date-separator::after {
  background: linear-gradient(to right, transparent, rgba(212,175,55,.35), transparent);
}
.date-separator span {
  background: rgba(10,10,12,.65);
  border: 1px solid rgba(212,175,55,.2);
  color: var(--gold-text2, #c9a96a);
}
/* 打赏快捷金额（JS 注入 style 规则为紫色，!important 压过） */
.tip-quick {
  border-color: rgba(212,175,55,.25) !important;
  background: rgba(212,175,55,.08) !important;
  color: #e8c56b !important;
}
.tip-quick.active {
  background: linear-gradient(135deg, #f5d78e, #d4af37 55%, #9a7b2d) !important;
  color: #0a0a0c !important;
  border-color: transparent !important;
  box-shadow: 0 4px 14px rgba(212,175,55,.35) !important;
}
/* 打赏自定义金额输入框（JS 内联紫边） */
#tip-custom-input {
  border-color: rgba(212,175,55,.25) !important;
  background: rgba(10,10,12,.6) !important;
}
#tip-custom-input:focus {
  border-color: #d4af37 !important;
  box-shadow: 0 0 0 3px rgba(212,175,55,.15) !important;
}

/* ===== 11. 弹窗 / 模态框 ===== */
.fx-overlay, .modal-overlay-glass, .cd-overlay,
.status-drawer-overlay, .status-editor-overlay, #age-modal-overlay {
  background: rgba(0,0,0,.65);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.fx-dialog-title { color: #f5d78e; }
.fx-dialog-sub, .fx-dialog-text { color: #a8a29e; }
.fx-dialog-warn { color: #d4af37; }
.fx-icon-danger { background: rgba(224,91,91,.12); }
/* 标签弹窗标题 */
.tag-panel-dialog h3 { color: #f5d78e; }

/* ===== 12. Toast ===== */
.toast {
  background: rgba(10,10,12,.92) !important;
  border: 1px solid rgba(212,175,55,.35) !important;
  border-left: 4px solid #d4af37 !important;
  color: #f3f4f6 !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.5), 0 4px 12px rgba(0,0,0,.3) !important;
}
.toast::before {
  background: #d4af37 !important;
  box-shadow: 0 0 8px rgba(212,175,55,.8) !important;
}
.toast.info { border-left-color: #d4af37 !important; color: #f7efd8 !important; }
.toast.success { border-left-color: #3fb97a !important; color: #e2f7ec !important; }
.toast.success::before { background: #3fb97a !important; box-shadow: 0 0 8px rgba(63,185,122,.8) !important; }
.toast.error { border-left-color: #e05b5b !important; color: #fdeaea !important; }
.toast.error::before { background: #e05b5b !important; box-shadow: 0 0 8px rgba(224,91,91,.8) !important; }
.toast.warning { border-left-color: #d4af37 !important; color: #fdf6e3 !important; }
.toast.warning::before { background: #d4af37 !important; }
[data-theme="light"] .toast {
  background: rgba(255,255,255,.96) !important;
  border-color: rgba(212,175,55,.3) !important;
  color: #2b2417 !important;
}
[data-theme="light"] .toast.info { border-left-color: #d4af37 !important; color: #5c4a1a !important; }
[data-theme="light"] .toast.success { border-left-color: #2f9e63 !important; color: #0b5c36 !important; }
[data-theme="light"] .toast.error { border-left-color: #e05b5b !important; color: #8a2525 !important; }
[data-theme="light"] .toast.warning { border-left-color: #b08d2f !important; color: #6b5216 !important; }
/* 顶部 Toast 容器 */
.toast-item {
  background: rgba(10,10,12,.9);
  border: 1px solid rgba(212,175,55,.25);
  box-shadow: 0 8px 32px rgba(0,0,0,.4);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
/* 网格加载提示条（JS 内联紫底，用 !important 压过） */
#grid-loading-bar {
  background: rgba(10,10,12,0.92) !important;
  border-color: rgba(212,175,55,0.35) !important;
  color: #e8c56b !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.35), 0 0 14px rgba(212,175,55,0.12) !important;
}

/* ===== 13. 菜单 / 下拉 ===== */
.chat-dropdown {
  background: rgba(10,10,12,.92) !important;
  border: 1px solid rgba(212,175,55,.22) !important;
  box-shadow: 0 16px 48px rgba(0,0,0,.5) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
.menu-item {
  color: #e8dcc0;
}
.menu-item:hover {
  background: rgba(212,175,55,.13) !important;
  color: #f5d78e;
}
[data-theme="light"] .chat-dropdown { background: rgba(255,255,255,.96) !important; }
[data-theme="light"] .menu-item { color: #2b2417; }
[data-theme="light"] .menu-item:hover { color: #9a7b2d; }
.sort-select-glass {
  background: rgba(10,10,12,.6);
  border: 1px solid rgba(212,175,55,.2);
  color: var(--gold-text2, #c9a96a);
}
.sort-select-glass option { background: #0a0a0c; color: #f3f4f6; }

/* ===== 14. 空状态 / 占位 ===== */
.empty-state,
#char-grid .text-center {
  color: var(--gold-text2, #c9a96a);
}
/* 帮助气泡 */
.help-bubble {
  background: #14120e;
  border: 1px solid rgba(212,175,55,.35);
  color: #f3f4f6;
}
.help-bubble::after { border-top-color: rgba(212,175,55,.35); }
.help-icon {
  background: rgba(212,175,55,.15);
  color: #d4af37;
}
.help-icon:hover { background: rgba(212,175,55,.4); color: #0a0a0c; }
/* 工具提示 */
.tooltip-wrapper { z-index: 100; }

/* ===== 15. 状态色：success / danger / warning ===== */
.online-dot-char { background: #3fb97a; box-shadow: 0 0 8px rgba(63,185,122,.5); }
.status-toggle {
  border: 1px solid rgba(224,91,91,.4);
  background: rgba(224,91,91,.15);
  color: #f18f8f;
}
.status-toggle:hover { background: rgba(224,91,91,.25); color: #fca5a5; }
.status-toggle.active {
  border-color: rgba(63,185,122,.5);
  background: rgba(63,185,122,.2);
  color: #6ee7b7;
  box-shadow: 0 0 8px rgba(63,185,122,.2);
}
.mic-btn.recording { background: #e05b5b; }
@keyframes stopPulseGold {
  0%, 100% { box-shadow: 0 0 0 0 rgba(224,91,91,.35); }
  50% { box-shadow: 0 0 0 6px rgba(224,91,91,0); }
}

/* ===== 16. 金色角饰 + 分割线 ===== */
/* 卡片 L 形金色角饰（左上 / 右下） */
.gold-corner,
.char-card-new,
.form-container,
.g-card,
.fx-dialog,
.tag-panel-dialog,
.cd-dialog,
.modal-glass {
  position: relative;
}
.gold-corner::before,
.form-container::before,
.g-card::before,
.fx-dialog::before,
.tag-panel-dialog::before,
.cd-dialog::before,
.modal-glass::before {
  content: '';
  position: absolute;
  top: 8px; left: 8px;
  width: 16px; height: 16px;
  border-top: 1.5px solid rgba(212,175,55,.45);
  border-left: 1.5px solid rgba(212,175,55,.45);
  border-top-left-radius: 4px;
  pointer-events: none;
  z-index: 1;
}
.gold-corner::after,
.form-container::after,
.g-card::after,
.fx-dialog::after,
.tag-panel-dialog::after,
.cd-dialog::after,
.modal-glass::after {
  content: '';
  position: absolute;
  bottom: 8px; right: 8px;
  width: 16px; height: 16px;
  border-bottom: 1.5px solid rgba(212,175,55,.45);
  border-right: 1.5px solid rgba(212,175,55,.45);
  border-bottom-right-radius: 4px;
  pointer-events: none;
  z-index: 1;
}
/* 金色分割线 */
.gold-divider {
  height: 1px;
  border: none;
  background: linear-gradient(90deg, transparent, rgba(212,175,55,.4), transparent);
}

/* ===== 17. 旧紫色工具类覆盖（Tailwind 本地版） ===== */
.text-purple-300 { color: #e8c56b !important; }
.text-purple-400 { color: #e8c56b !important; }
.text-purple-500 { color: #d4af37 !important; }
.text-pink-400, .text-pink-500 { color: #e8c56b !important; }
.bg-purple-500 { background: #d4af37 !important; }
.bg-purple-500\/5 { background: rgba(212,175,55,0.05) !important; }
.bg-purple-500\/20 { background: rgba(212,175,55,0.2) !important; }
.bg-purple-500\/30 { background: rgba(212,175,55,0.3) !important; }
.bg-purple-500\/40 { background: rgba(212,175,55,0.4) !important; }
.bg-purple-500\/50 { background: rgba(212,175,55,0.5) !important; }
.border-purple-400\/50 { border-color: rgba(212,175,55,0.5) !important; }
.border-purple-500\/20 { border-color: rgba(212,175,55,0.2) !important; }
.border-purple-500\/30 { border-color: rgba(212,175,55,0.3) !important; }
.border-purple-400 { border-color: #d4af37 !important; }
.border-t-purple-400 { border-top-color: #d4af37 !important; }
.from-purple-500 { --tw-gradient-from: #d4af37; }
.to-pink-500 { --tw-gradient-to: #9a7b2d; }
.shadow-\[0_0_20px_rgba\(139\,92\,246\,0\.5\)\] {
  box-shadow: 0 0 20px rgba(212,175,55,0.5) !important;
}
.hover\:shadow-\[0_8px_32px_rgba\(139\,92\,246\,0\.25\)\]:hover {
  box-shadow: 0 8px 32px rgba(212,175,55,0.28) !important;
}
.focus-within\:border-purple-400:focus-within { border-color: #d4af37 !important; }
.focus-within\:shadow-\[0_0_15px_rgba\(139\,92\,246\,0\.3\)\]:focus-within {
  box-shadow: 0 0 15px rgba(212,175,55,0.3) !important;
}
.hover\:bg-purple-500\/10:hover { background: rgba(212,175,55,0.1) !important; }
.hover\:text-purple-400:hover, .hover\:text-pink-400:hover { color: #e8c56b !important; }
.focus\:ring-purple-500:focus { --tw-ring-color: #d4af37 !important; }
.ring-\[var\(--p-bg\2c \#171426\)\] { --tw-ring-color: var(--p-bg, #0a0a0c) !important; }
/* 白色细线边框统一提亮为金调细线 */
.border-white\/5 { border-color: rgba(212,175,55,.08) !important; }
.border-white\/10 { border-color: rgba(212,175,55,.14) !important; }
.border-white\/20 { border-color: rgba(212,175,55,.22) !important; }

/* ===== 18. 主题切换按钮 / 收藏等细节 ===== */
/* 聊天页背景壁纸模式微调 */
#chat-page:has(#bg-overlay) .message.user .msg-bubble {
  background: rgba(212,175,55,.75) !important;
  color: #0a0a0c;
}
#chat-page:has(#bg-overlay) .message.assistant .msg-bubble {
  background: rgba(10,10,12,.7);
  border-color: rgba(212,175,55,.2);
}
#chat-page:has(#bg-overlay) .chat-header-bar,
#chat-page:has(#bg-overlay) .input-bar {
  background: rgba(10,10,12,.62) !important;
  backdrop-filter: blur(10px);
}

/* ===== 19. 动效通用 ===== */
.skeleton-card { animation: goldSkeletonPulse 1.5s ease-in-out infinite; }
@keyframes goldSkeletonPulse { 0%,100% { opacity: .7; } 50% { opacity: 1; } }

/* ===== 20. 移动端响应式 ===== */
@media (max-width: 640px) {
  body { letter-spacing: .005em; }
  .btn-primary-glow, .btn { border-radius: 10px; }
  .char-card-new, .g-card, .form-container { border-radius: 14px; }
  .gold-corner::before, .form-container::before,
  .g-card::before, .fx-dialog::before, .tag-panel-dialog::before,
  .cd-dialog::before, .modal-glass::before {
    top: 6px; left: 6px; width: 12px; height: 12px;
  }
  .gold-corner::after, .form-container::after,
  .g-card::after, .fx-dialog::after, .tag-panel-dialog::after,
  .cd-dialog::after, .modal-glass::after {
    bottom: 6px; right: 6px; width: 12px; height: 12px;
  }
  .message .msg-bubble { max-width: 85%; }
}
@media (max-width: 399px) {
  .search-box-glass { border-radius: 12px; }
  .category-tag { font-size: 10px !important; }
}

/* ===== 21. 减少动效偏好 ===== */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* ===== GM 2026-08-14：屏蔽旧版卡片模板的左上角圆形头像 =====
   旧 renderCards 会输出 <div data-bg style="...border-radius..."> 的 34px 圆头像（浏览器会把内联样式序列化带空格，故匹配 border-radius 子串），
   落在卡片左上角；官方角色无头像时显示为显眼的白圈。新版模板已无此元素，
   此规则专治仍运行旧 JS 缓存的用户端（display:none 强杀，不影响新版卡片） */
.char-card-new > div[data-bg][style*="border-radius"] {
  display: none !important;
}

/* ============================================================
   底部导航 v2 — 黑金高级感（2026-08-14）
   HTML 约定（index/moments/create/profile/wallet 五页统一）：
     <nav id="bottom-nav" class="bottom-nav-glass">
       <div class="bottom-nav-row">                        7 槽位一行
         <a class="nav-item is-active">                    垂直布局：图标上、文字下
           <svg class="nav-ico">…</svg>                    24×24 stroke 图标
           <span class="nav-label">发现</span>
         </a>
         <div class="nav-create-badge">…</div>             中间创造抬升圆
         <span class="pm-badge-top" id="pm-badge-top">0</span>  私信未读角标
   位置：文件末尾，天然压过 style-g.css / style-v3.css 旧规则。
   !important 仅用于对抗旧规则 / 内联样式；#bottom-nav 前缀保证特异性。
   ============================================================ */

/* ---- 容器：黑金深色玻璃 + 金色发丝线 ---- */
#bottom-nav.bottom-nav-glass,
body .bottom-nav-glass {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 600px !important;                 /* 平板宽度下居中，不摊满屏 */
  margin: 0 auto !important;
  padding: 0 !important;
  padding-bottom: calc(2px + env(safe-area-inset-bottom, 0px)) !important;
  background: rgba(12, 10, 8, .92) !important; /* 黑金深玻璃（旧紫底 rgba(23,20,38,.85) 已废） */
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border-top: 1px solid rgba(212, 175, 55, .18) !important; /* 金色发丝线 */
  box-shadow: 0 -8px 32px rgba(0, 0, 0, .32);
  z-index: 100 !important;
}
/* 亮色主题：黑金统一走深色玻璃（style-g.css 旧白色分支已删除，此处双保险） */
[data-theme="light"] #bottom-nav.bottom-nav-glass,
[data-theme="light"] body .bottom-nav-glass {
  background: rgba(12, 10, 8, .92) !important;
  border-top-color: rgba(212, 175, 55, .18) !important;
}

/* ---- 行：7 槽位 grid 等分，任何宽度下不可能溢出/被裁（修复"6个按钮变4个"的关键） ---- */
#bottom-nav .bottom-nav-row,
.bottom-nav-glass .bottom-nav-row {
  display: grid !important;
  grid-template-columns: repeat(7, 1fr) !important;
  align-items: center !important;
  justify-items: center !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ---- 槽位：垂直布局，触控友好 ---- */
#bottom-nav .nav-item,
.bottom-nav-glass .nav-item {
  position: relative;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  min-height: 48px !important;
  padding: 0 !important;
  background: none !important;                /* 重置 button 底（UA 浅灰白） */
  border: none !important;                     /* 重置 button 边 */
  outline: none !important;
  cursor: pointer !important;
  -webkit-appearance: none !important;         /* 重置 iOS/Android button 原生皮肤 */
  appearance: none !important;
  font: inherit !important;                    /* button 默认系统字体 → 与 a 槽位一致 */
  letter-spacing: inherit !important;
  box-sizing: border-box !important;
  text-decoration: none !important;            /* a 去下划线 */
  -webkit-tap-highlight-color: transparent;
  color: #8b8778 !important;                   /* 暖灰（压旧 text-gray/text-purple 工具类） */
  transition: color .25s ease, transform .18s ease !important;
}
#bottom-nav .nav-item:active,
.bottom-nav-glass .nav-item:active {
  transform: scale(.92) !important;            /* 按压微缩 */
}

/* ---- 图标：24×24，跟随文字色 ---- */
#bottom-nav .nav-ico,
.bottom-nav-glass .nav-ico {
  width: 24px !important;
  height: 24px !important;
  flex: none;
  color: inherit;
}

/* ---- 文字：10px，≤360px 降 9px（不再出现 7/8px 过小字号） ---- */
#bottom-nav .nav-label,
.bottom-nav-glass .nav-label {
  margin: 0 !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  color: inherit !important;
  white-space: nowrap !important;
}
@media (max-width: 360px) {
  #bottom-nav .nav-label,
  .bottom-nav-glass .nav-label {
    font-size: 9px !important;
  }
}

/* 创造槽位文字常驻淡金（品牌点缀；放在 .is-active 之前，active 金色发光态优先） */
#bottom-nav .nav-item:has(> .nav-create-badge) .nav-label,
.bottom-nav-glass .nav-item:has(> .nav-create-badge) .nav-label {
  color: #c9a96a;
}

/* ---- 当前页：金色 + 轻微发光 ---- */
#bottom-nav .nav-item.is-active,
.bottom-nav-glass .nav-item.is-active {
  color: #e8c56b !important;
}
#bottom-nav .nav-item.is-active .nav-ico,
.bottom-nav-glass .nav-item.is-active .nav-ico {
  filter: drop-shadow(0 0 6px rgba(212, 175, 55, .55));
}
#bottom-nav .nav-item.is-active .nav-label,
.bottom-nav-glass .nav-item.is-active .nav-label {
  text-shadow: 0 0 8px rgba(212, 175, 55, .4);
}
/* ---- 创造按钮：金色渐变抬升圆 ---- */
#bottom-nav .nav-create-badge,
.bottom-nav-glass .nav-create-badge {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 46px !important;
  height: 46px !important;
  margin-top: -14px !important;                /* 向上抬升 14px */
  border-radius: 50% !important;
  background: linear-gradient(135deg, #f5d78e 0%, #d4af37 45%, #9a7b2d 100%) !important; /* 压旧紫渐变 */
  box-shadow: 0 6px 20px rgba(212, 175, 55, .45) !important; /* 金色光晕 */
  color: #0a0a0c !important;                   /* 图标深色 */
  transition: transform .18s ease, box-shadow .18s ease !important;
}
#bottom-nav .nav-create-badge:hover,
.bottom-nav-glass .nav-create-badge:hover {
  transform: scale(1.06) !important;
  box-shadow: 0 8px 26px rgba(212, 175, 55, .6) !important;
}
#bottom-nav .nav-create-badge:active,
.bottom-nav-glass .nav-create-badge:active {
  transform: scale(.95) !important;
}
#bottom-nav .nav-create-badge svg,
.bottom-nav-glass .nav-create-badge svg {
  width: 22px !important;
  height: 22px !important;
  color: #0a0a0c !important;
  stroke-width: 2.4;
}
/* 兼容过渡期：若个别页面仍残留旧类名 .btn-create-float，强制渲染金色而非紫色 */
#bottom-nav .btn-create-float,
.bottom-nav-glass .btn-create-float {
  background: linear-gradient(135deg, #f5d78e 0%, #d4af37 45%, #9a7b2d 100%) !important;
  box-shadow: 0 6px 20px rgba(212, 175, 55, .45) !important;
  color: #0a0a0c !important;
}
#bottom-nav .btn-create-float svg,
.bottom-nav-glass .btn-create-float svg {
  color: #0a0a0c !important;
}

/* ---- 私信未读角标：黑金警示胶囊（深红底白字 + 金边，压 index.html 内联 #ef4444 样式） ---- */
#bottom-nav .pm-badge-top,
.bottom-nav-glass .pm-badge-top {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  transform: translate(30%, -30%) !important;
  min-width: 17px !important;
  height: 17px !important;
  border-radius: 999px !important;             /* 胶囊 */
  padding: 0 5px !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(180deg, #c04949, #8c2b2b) !important; /* 深红警示 */
  color: #fff !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  border: 1px solid rgba(212, 175, 55, .45) !important; /* 金边 */
  box-shadow: 0 0 10px rgba(212, 175, 55, .25) !important;
  /* 注意：display 不用 !important，交给 JS 内联 display:none/flex 控制显隐 */
  display: none;
}