@import url("xuan-theme.css");
/* ════════════════════════════════════════════════════════════════════════
   龙崖观 H6 · 新版 UI 系统  v3.0  —  100% 替换老版 UI 系统
   策略: 保留现代彩色品牌(coral / macaron)，回填 UX 地基
   · 统一设计令牌 (WCAG AA 对比度 ≥ 4.5:1)
   · 统一底栏导航 (替换 old-tabbar / pet-tabbar / hall-bottom-nav / tabbar)
   · 全局焦点态 / 减动效 / 图片性能 / 统一间距字号阶梯
   不改动任何后端 / API / 页面既有 JS
   ════════════════════════════════════════════════════════════════════════ */

:root{
  /* —— 文本令牌: 强制 WCAG AA (对比度基于页面浅底 #FBF8F2 计算) —— */
  --ink:var(--x-ink, #2F2A22)!important;        /* 正文主色 14.8:1 */
  --sub:var(--x-ink-3, #6B6154)!important;        /* 次级文字 5.66:1 */
  --faint:var(--x-ink-3, #6B6154)!important;      /* 弱文字 5.11:1 (旧 #B5A99A 仅 2.4:1) */
  --muted:var(--x-ink-3, #6B6154)!important;
  --text-2:var(--x-ink-3, #6B6154)!important;
  --coral-ink:var(--x-cinnabar, #C9402F)!important;  /* coral 文字 4.93:1 (旧浅 coral 仅 ~2.6:1) */
  --ocean-ink:var(--x-teal, #3D5A5A)!important;  /* ocean 文字 5.45:1 (旧浅 ocean 仅 ~2.2:1) */
  --link:var(--x-teal, #3D5A5A)!important;
  --brand:var(--x-brand, #F87848);        /* AI 商业联邦主色：章鱼仔橙红 */
  --line:var(--x-line, #E8E3DB)!important;

  /* —— 间距系统 (4px 基准) —— */
  --sp-1: var(--x-sp-1, 4px); --sp-2: var(--x-sp-2, 8px); --sp-3: var(--x-sp-3, 12px); --sp-4: var(--x-sp-4, 16px);
  --sp-6: var(--x-sp-6, 24px); --sp-8: var(--x-sp-8, 32px); --sp-12: var(--x-sp-12, 48px); --sp-16: var(--x-sp-16, 64px);
  --nav-clear: var(--x-nav-clear, 60px); /* 统一底栏预留：由 new-ui-system.js 实测(底栏高度 + 底栏底边视口底距)写入，全站同一基准 */

  /* —— 统一底栏皮肤令牌（ai 站皮肤层 · 暖米非白 + 新色系 active · 20261014）——
     法条：宪法第二律 千面表达 FREE · 条例 G-2 皮肤可变；Berry=莓酱红 / Abyss=深海绿（ai 站精细化色系规范）
     active 取 berry-700 #AE4413：on 暖米纸 5.3:1 过 AA（600 #C24E15 仅 4.4:1 不达标，故加深一档） */
  --nav-bg:rgba(251,245,234,.94);        /* 暖米非白毛玻璃（paper #FBF5EA · 94%） */
  --nav-border:rgba(176,138,70,.24);     /* 古铜金发丝线（替换原 --line 冷灰） */
  --nav-ink:#6F6455;                     /* 未选中暖灰褐（on 暖米 ≈5.1:1） */
  --nav-active:#AE4413;                  /* 选中·莓酱红700 */

  /* —— 字号阶梯 —— */
  --fs-xs: var(--x-fs-xs, 12px); --fs-sm: var(--x-fs-sm, 14px); --fs-base: var(--x-fs-base, 16px); --fs-lg: var(--x-fs-lg, 18px);
  --fs-xl: var(--x-fs-xl, 20px); --fs-2xl: var(--x-fs-2xl, 24px); --fs-3xl: var(--x-fs-3xl, 30px);
  --gold-deep: var(--x-gold-deep, #6E4F1E); /* 焦点指示深金: 浅底(#FBF8F2)对比≈7:1，满足 WCAG 2.4.7 焦点指示≥3:1；原 #C9A24A 仅 1.85:1 不达标 [P0-T198打磨] */
}

/* 链接对比度: 老规则用浅 ocean(≈2.2:1)，此处加深至 AA */
a[href]{color:var(--link)!important}

/* ═══ 隐藏老版碎片化导航 (统一前) ═══ */
.old-tabbar,
.pet-tabbar,
.hall-bottom-nav,
.tabbar,
.tab-bar,
[class*="tabbar"],
[class*="bottom-nav"],
[class*="BottomNav"]{
  display:none!important;
}

/* ═══ 全局焦点态 (WCAG 2.4.7) ═══ */
:focus{outline:none}
:focus-visible{
  outline:3px solid var(--gold-deep)!important;
  outline-offset:2px!important;
  border-radius:8px;
}

/* ═══ 减动效 (尊重系统偏好) ═══ */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
    scroll-behavior:auto!important;
  }
}

/* ═══ 图片性能 ═══ */
img{max-width:100%;height:auto;display:block}
.lazy{loading:lazy}

/* ═══ 统一底栏导航 .ux-nav ═══ */
.ux-nav{
  /* 底部基准（对齐命理页观感）：底栏整体贴视口底、无安全区留白 —— 全站统一，与命理页一致（命理页 meta 未生效 safe-area 本就 flush，此处令所有页同基准）；
     --nav-clear 由 new-ui-system.js 实测「高度+底距」写入供内容预留 */
  position:fixed;left:50%;transform:translateX(-50%);
  bottom:0;
  width:100%;max-width:430px;z-index:9000;
  display:flex;align-items:stretch;
  background:rgba(255,255,255,.96);
  -webkit-backdrop-filter:saturate(180%) blur(12px);
  backdrop-filter:saturate(180%) blur(12px);
  border-top:1px solid var(--line);
  padding:4px 4px 4px;
  box-shadow:none;
}
.ux-nav a{
  flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;
  padding:6px 2px 8px;text-decoration:none;color:var(--faint); /* [T-239] TAB文字下方+2px 全站统一 */
  font-size:11px;font-weight:500;line-height:1;
  -webkit-tap-highlight-color:transparent;transition:color .2s;
}
.ux-nav a .ico{
  width:22px;height:22px;stroke:currentColor;fill:none;
  stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
}
.ux-nav a.active{color:var(--brand)}
.ux-nav a.active .ico{stroke-width:2.1}
.ux-nav a:focus-visible{outline:3px solid var(--gold-deep)!important;outline-offset:-2px;border-radius:10px}

/* ═══ 會員芯片 .ux-member (會員中心全局入口 · 不占底栏) ═══ */
.ux-member{
  position:fixed;right:12px;top:var(--ux-m-top,calc(10px + env(safe-area-inset-top)));
  z-index:9100;display:inline-flex;align-items:center;gap:6px;
  height:34px;padding:0 10px 0 3px;
  border-radius:999px;border:1px solid var(--line);
  background:rgba(255,255,255,.94);
  -webkit-backdrop-filter:saturate(180%) blur(12px);
  backdrop-filter:saturate(180%) blur(12px);
  text-decoration:none;color:var(--ink);
  font-size:var(--fs-xs);font-weight:600;line-height:1;
  max-width:42vw;-webkit-tap-highlight-color:transparent;
  transition:transform .18s ease,border-color .18s ease;
}
.ux-member:active{transform:scale(.96)}
.ux-member:focus-visible{outline:3px solid var(--gold-deep)!important;outline-offset:2px}
.ux-member .ux-m-av{
  position:relative;flex:0 0 auto;width:28px;height:28px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--coral);color:#fff;font-size:12px;font-weight:700;overflow:visible;
}
.ux-member .ux-m-av img{
  width:28px;height:28px;border-radius:50%;object-fit:cover;display:block;
}
.ux-member .ux-m-name{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:88px;
}
.ux-member .ux-m-dot{
  position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;
  border-radius:999px;background:var(--coral-ink);color:#fff;
  font-size:11px;font-weight:700;line-height:16px;text-align:center;
  padding:0 4px;border:2px solid #fff;box-sizing:content-box;
}
.ux-member--guest{
  padding:0 12px;color:var(--coral-ink);border-color:var(--coral-ink);font-weight:700;
}
@media (prefers-reduced-motion:reduce){
  .ux-member{transition:none}
}

/* ═══ ai 站皮肤层 · 统一底栏（暖米非白 + 新色系 active · 20261014）═══
   覆盖上方基座默认（近白毛玻璃 + --brand 橙红）：衬底改暖米纸、选中改莓酱红700。
   法条：宪法第二律 千面表达 FREE · 条例 G-2 皮肤可变；色值全部收敛 :root 令牌（第四律禁裸值）。
   双主色节奏：底栏/CTA/发送键=莓酱红系（主交互强调）；A2A 大字/模式 chip=深海绿系（品牌展示）。
   缓存键：本文件 ?v=TOKv57 → TOKv58（G-3 双键律·全站键+1）。 */
.ux-nav{
  background:var(--nav-bg);
  -webkit-backdrop-filter:saturate(1.25) blur(18px);
  backdrop-filter:saturate(1.25) blur(18px);
  border-top:1px solid var(--nav-border);
}
.ux-nav a{color:var(--nav-ink);}
.ux-nav a.active{color:var(--nav-active);}