/* =====================================================================
   宫廷香灸 · 会员端视觉层（第三层覆盖）
   风格：墨绿鎏金 · 香道礼盒（2026-11-12 20:14 选定，取代 00 版红金重彩）
         主绿按 18:41 反馈调浅一档：#1F4B3C → #2A6249
   ---------------------------------------------------------------------
   挂载规则：必须紧跟每页 app-v2.css 引用行的**下一行**。
   现有页面里 app-v2.css 分两类位置（head 前部 / body 尾部私有 style 之后），
   放错位置会被 app-v2.css 反向覆盖。
   本文件只覆盖颜色与装饰，不改 DOM、不改 JS、不改布局与字号。
   不改 app.css / app-v2.css 一个字节，摘掉本行即可回滚视觉。
   版本键：gt-20261113e（全站统一，改本文件必须升键）
   ===================================================================== */

:root{
  /* 主绿（调浅）／鎏金／米金内衬／象牙 */
  --primary:#2A6249;
  --primary-deep:#1E4A38;
  --primary-soft:#E6EFE8;      /* 派生：淡绿浅底 */
  --accent:#C9A227;            /* 鎏金（按钮、描边、香管顶盖） */
  --accent-deep:#8A6A16;
  --accent-soft:#E9DBB6;       /* 米金内衬 */
  --gold-bright:#F2E2B0;       /* 绿底小金字（调浅后替代 --gold-light） */
  --bg:#F3E9CF;                /* 纸纹页面底 */
  --bg-alt:#EFE3C4;            /* 派生：深一档纸纹 */
  --card:#FBF6E8;              /* 象牙卡片 */
  --line:#DCC178;              /* 淡金描边（仅线条，不承载绿底小字） */
  --on-primary:#FBF6E8;        /* 绿面文字：象牙 6.61:1 */
  --text:#1A2A22;              /* 金面文字：深绿墨 6.21:1 */
  --text-sub:#5F6552;
  --text-faint:#7A725C;
  --yan:#B4635A;               /* 语义警示色，沿用 app-v2.css 口径，不随主题改 */
  /* 智能分析语义色：紫→金墨（unslop 2026-11-12 补覆盖，消除换皮残留）。
     「这里在分析」的语义保留，但读作鎏金墨而非紫色科技。 */
  --smart:#8A6A16;             /* 金墨：因素点、判断竖线、分析类图标 */
  --smart-deep:#6B5210;        /* 深金墨：分析类标题文字 */
  --smart-soft:#F5EFDC;        /* 淡米金底：分析卡背景 */
  --smart-line:#E0D3A6;        /* 淡金描边：分析卡边框、引用竖线 */
  /* 警示/危险浅底：旧米橙/旧粉 → 米金纸衬（unslop 2026-11-12 补覆盖） */
  --warn-soft:#F6F0E0;
  --warn-text:#9A7B2E;
  --danger-soft:#F8EFE7;
}

/* 页面底：极淡纸纹斜纹（同色系，不是跨色渐变） */
body{
  background-color:var(--bg);
  background-image:
    repeating-linear-gradient(45deg,rgba(138,106,22,.045) 0 1px,transparent 1px 7px),
    repeating-linear-gradient(-45deg,rgba(138,106,22,.045) 0 1px,transparent 1px 7px);
}

/* 外框：一根鎏金极细线（礼盒封边）。只描边、不改任何尺寸。 */
.app{box-shadow:inset 0 0 0 1px rgba(201,162,39,.45);}

/* 顶栏：深墨绿底 ＋ 象牙字 ＋ 鎏金细线（2026-11-13 按设计稿：底色再深一档） */
.topbar{
  background:var(--primary-deep);
  color:var(--on-primary);
  border-bottom:1px solid var(--accent);
  box-shadow:none;
}
.topbar .brand,.topbar .bn{color:var(--on-primary);}
.topbar a,.topbar button{color:var(--on-primary);}

/* 顶栏控件：透明底 + 淡金细描边（原来的白底卡片在深绿底上像贴纸） */
.nav .nav-big,.nav .nav-family,.nav .nav-logout{
  background:transparent; border:1px solid rgba(242,226,176,.42); color:var(--on-primary);
  border-radius:8px;
}
.nav .nav-big:active,.nav .nav-family:active,.nav .nav-logout:active{
  background:rgba(242,226,176,.14); color:var(--on-primary);
}
.nav .nav-big[aria-pressed="true"]{
  background:var(--accent); border-color:var(--accent); color:var(--text);
}
.nav .nav-family{background:transparent;}
.nav .nav-family:active{background:var(--accent); border-color:var(--accent); color:var(--text);}
.nav .back{background:transparent; border:1px solid rgba(242,226,176,.42); color:var(--on-primary);}
.nav .back:active{background:rgba(242,226,176,.14);}

/* 名字胶囊 = 设计稿右上角那枚「会员」金牌（底色改金，字用深绿墨） */
.nav .who{
  background:var(--accent); border:1px solid var(--accent); color:var(--text);
  border-radius:6px; font-weight:700;
}

/* 卡片：象牙底 ＋ 淡金描边 ＋ 双层细框（礼盒硬挺感） */
.card,.panel,.qcard,.badge,.remind-card,.tbl-wrap{
  background:var(--card);
  border:1px solid var(--line);
  box-shadow:inset 0 0 0 2px var(--card),inset 0 0 0 3px rgba(201,162,39,.32);
}
.card::after,.panel::after{
  content:"";position:absolute;top:5px;right:5px;width:9px;height:9px;
  border-top:1px solid var(--accent-deep);border-right:1px solid var(--accent-deep);
  pointer-events:none;
}
.card,.panel{position:relative;}

/* 卡片标题：全站唯一装饰符＝香管竖条＋金顶盖（替代艾叶／宫纹） */
.card-title::before{
  content:"";width:7px;height:15px;flex:none;
  border-radius:4px 4px 2px 2px;
  background:var(--primary);
  border-top:3px solid var(--accent);
  -webkit-mask:none;mask:none;clip-path:none;
}
.card-title,.qcard h3,.panel h3{color:var(--primary-deep);}
.card ul li::before{color:var(--accent-deep);}

/* accentbar：鎏金纯色，不回退跨色渐变 */
.accentbar{background:var(--accent);height:3px;}

/* 按钮：鎏金底 ＋ 深绿墨字（金底禁用浅色字，实测仅 2.24:1） */
.btn,.btn-primary{border-radius:8px;}
.btn-primary,.btn.primary{
  background:var(--accent);
  color:var(--text);
  border:1px solid var(--accent-deep);
  box-shadow:0 1px 2px rgba(26,42,34,.06);
}
.btn-primary:active,.btn.primary:active{background:var(--accent-deep);color:var(--on-primary);}
.btn:disabled,.btn.disabled{background:#D9D3C9;border-color:#D9D3C9;color:#8A8278;}
.btn.ghost,.btn.secondary{background:transparent;color:var(--primary-deep);border-color:var(--primary);}

/* ---------------------------------------------------------------------
   首页四宫格（2026-11-13 按设计稿重画；同日 unslop 做层级分级）
   ---------------------------------------------------------------------
   2026-11-13 第二轮（用户：「六个框没有主次，只有高亮的颜色比较清晰」）：
     原来 4 个格子 + 2 张横卡都是「象牙底 + 淡金描边 + 竖条 + 粗标题」——
     同一套装饰重复 6 次，等于没有装饰，六块等权。
     现在只留**一个主格**，其余全部退后：
       主格（.primary）= 实底墨绿 + 金描边 + 金竖条 + 右下金色 ›（唯一彩色块）
       次格            = 象牙底 + 极淡描边，无竖条无角标，标题 17/600、释义 12.5
     判断依据仍是服务端 stage（paintState 切 .primary），这里只改外观。
   ⚠️ 只作用于会员页（后台 admin 不引本文件，它的 .entry 保持原样）。
   --------------------------------------------------------------------- */
   2026-11-13 第三轮（用户：「功能块的金边要保留，宫廷华贵不能丢」）：
     上一轮为了拉开主次，把次入口描边收到 rgba(…,.14) —— 在象牙底上几乎不可见，
     四宫格读作「四张白纸」，礼盒感丢了。
     结论：分主次不该用「金线有／无」，该用**金的含量**分级
     （unslop：贵气来自材质与线，不来自彩色、发光、渐变）：
       主格 = 实底墨绿 ＋ 亮金外线 ＋ 米金内衬（漆盒嵌金）＋ 金竖条 ＋ 右下 ›
       次格 = 象牙底 ＋ 亮金外线 ＋ 淡金内衬（双层封边）＋ 衬线标题
     双线（外线＋内缩 3px 的内衬线）是印刷封边的真实语言：1px 实线、零模糊，
     所以是"线"不是"光晕"—— 这是本次唯一新增的装饰手段。
     试过在第 3 位置再加「右上角隅」，两条线之间夹第三根短线读作边框断裂，已弃。 */
.entry{
  background:var(--card);
  border:1px solid var(--accent);
  border-radius:6px;
  /* 2026-11-13 用户口径「按设计稿比例」：格子在 390 屏约 173×100（设计稿 200×108 / 宽 418），
     靠上下留白撑到 1.7:1，不再靠加大字号 —— 字号与全站口径一致。 */
  padding:16px 14px 17px;
  /* 内衬线：内缩 3px 的第二根 1px 金线，形成真正的「双层封边」（礼盒/册页的印刷做法）。
     写法是把 4px 的金环用 3px 卡片色盖掉内侧，剩下最外 1px 就是线；
     全程 1px 实线、零模糊，所以是线不是光晕。 */
  box-shadow:inset 0 0 0 4px rgba(201,162,39,.3),inset 0 0 0 3px var(--card);
  perspective:none;
  transform:none;
  color:var(--text);
  text-align:left;
  align-items:flex-start;
  justify-content:flex-start;
  position:relative;
}
.entry-grid{gap:12px;}
/* 2026-11-13 第三轮定稿：**不挂角隅**。
   试过右上 10px 直角标记 —— 在有双线封边的卡上它读作「边框断了一小截」，
   两条线之间夹第三根短线是噪点。贵气已由「双线 + 衬线标题 + 主格实底」承担，
   再叠符号只会互相稀释（unslop：装饰不做加法）。 */
/* 右下 › 只属于主格（"从这里进去"），次入口不挂箭头 */
.entry::after{display:none;}
.entry .e-t{
  display:block;
  /* 衬线承载贵气：四字标题用宋体，笔画对比本身就有册页味，不必再加粗 */
  font-family:var(--serif);
  font-size:17.5px;font-weight:600;letter-spacing:.06em;
  line-height:1.3;width:100%;text-align:left;
  color:var(--primary-deep);
}
.entry .e-t::before{display:none;}
.entry .e-s{
  font-size:12.5px;line-height:1.5;letter-spacing:.02em;
  color:var(--text-faint);margin-top:7px;
}
/* 主格：全页唯一实底 ＋ 亮金双线 ＋ 金竖条 ＋ 右下 › */
.entry.primary{
  background:var(--primary);border-color:var(--accent);
  /* 主格内衬画在墨绿上，所以线换成米金（亮）并盖回主格底色 */
  box-shadow:inset 0 0 0 4px rgba(242,226,176,.45),inset 0 0 0 3px var(--primary);
}
.entry.primary::after{
  display:block;content:"\203A";
  position:absolute;right:12px;bottom:9px;width:auto;height:auto;
  border:0;font-size:20px;line-height:1;color:var(--gold-bright);opacity:.85;
}
.entry.primary .e-t{
  display:flex;align-items:center;gap:9px;
  font-size:17.5px;font-weight:700;color:var(--on-primary);
}
.entry.primary .e-t::before{
  display:block;content:"";flex:none;width:4px;height:15px;border-radius:2px;background:var(--accent);
}
.entry.primary .e-s{margin-left:13px;color:rgba(251,246,232,.82);opacity:1;}
.entry.primary:active,.entry:active{transform:none;box-shadow:inset 0 0 0 4px rgba(201,162,39,.3),inset 0 0 0 3px var(--bg-alt);background:var(--bg-alt);}
.entry.primary:active{background:var(--primary-deep);box-shadow:inset 0 0 0 4px rgba(242,226,176,.45),inset 0 0 0 3px var(--primary-deep);}

/* 判定卡：纯色深绿墨，不用渐变 */
.verdict{background:var(--primary-deep);color:var(--on-primary);box-shadow:var(--shadow-lg,0 16px 40px -22px rgba(26,42,34,.35));}
.verdict.danger{background:var(--yan);}

/* 提示／告警／免责 */
.remind-card,.alert{border-left:3px solid var(--primary);}
.alert.info{background:var(--accent-soft);border-color:var(--line);}
.alert.danger,.alert.warn{border-left-color:var(--yan);}
.empty{color:var(--text-sub);}
/* 免责声明＝页尾落款：仍是淡米金纸底，但补一圈 1px 金线封边，
   让「头图 → 四宫格 → 待办行 → 免责」全程是同一种盒子语言，不是另起一风格。 */
.disclaimer{
  color:var(--text-sub);
  border:1px solid rgba(201,162,39,.32);
  border-radius:6px;
}

/* ---------------------------------------------------------------------
   底栏（2026-11-13 按设计稿：纯文字 4 档 + 鎏金短线指示器）
   ---------------------------------------------------------------------
   设计稿里底栏没有图标，只有「首页 / 方案 / 服务 / 我的」四个字，
   选中档用文字色加深 + 一条鎏金短横线（贴顶），不再用浅绿底胶囊。
   ⚠️ 图标仍在 DOM 里（app.js 的 TAB_ITEMS），只是 `display:none` ——
      别删 app.js 的 icon 字段，将来换回带图标的底栏还要用。
   --------------------------------------------------------------------- */
.bottombar{
  background:var(--card);
  border-top:1px solid var(--accent);
  backdrop-filter:none;-webkit-backdrop-filter:none;
}
.bottombar.as-tabs{padding:2px 8px calc(2px + env(safe-area-inset-bottom));}
.tabbar button{
  position:relative;gap:0;border-radius:0;
  padding:14px 2px 13px;
  font-size:15px;font-weight:600;letter-spacing:.08em;
  color:var(--text-faint);
  background:transparent;
}
.tabbar button svg{display:none;}
.tabbar button.on{
  color:var(--primary-deep);font-weight:700;background:transparent;
}
.tabbar button.on::before{
  content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:26px;height:3px;border-radius:0 0 2px 2px;background:var(--accent);
}
.bottombar .on,.bottombar .active{color:var(--primary-deep);}
.steps .stp.done{color:var(--primary-deep);border-top-color:var(--accent);}
.steps .stp.now{color:var(--primary);border-top-color:var(--accent);}

/* 选中／进度／徽记 */
.ms-card.on,.qcard.on,.opt.on{border-color:var(--primary);box-shadow:0 1px 2px rgba(26,42,34,.08);}
.ms-rec,.pill,.tag{background:var(--accent-soft);color:var(--text);border-color:var(--line);}
.track i,.progress i,.bar i{background:var(--primary);}

/* 绿面小金字用 --gold-bright；金线只作装饰，不承载文字 */
.hero h1,.hero h4,.ctitle{color:var(--primary-deep);}