/* ============================================================
   易家维视觉规范 v1 · 2026-10-23
   用途：全站（子页/区页/价格页/指南页）统一的外观口径。
   ⛔ 只改“穿什么”，不改“说什么”：URL／title／h1 文案／正文／JSON-LD／表单结构都不动。
   引入方式：<link rel="stylesheet" href="/yjw.css">（放在 </head> 前）
   为何放根目录：上传脚本对根目录的 .css 有纳入清单（tailwind.min.css 同款路径），子目录只收 .html。
   ============================================================ */

:root{
  --yjw-主:#0e7490;        /* 主色：沿用现有行动区/按钮色，不引入新色 */
  --yjw-主深:#155e75;      /* 链接与深色强调 */
  --yjw-正文:#1f2937;      /* 正文深灰，比纯黑柔和 */
  --yjw-次:#475569;
  --yjw-弱:#64748b;        /* 注脚/次要信息 */
  --yjw-线:#e2e8f0;        /* 卡片描边、表格线 */
  --yjw-底:#f6f8fa;        /* 结论框/表头底色 */
  --yjw-圆:10px;
}

*{box-sizing:border-box}

body{
  max-width:860px;                       /* 一行约 38–42 汉字，长段落可读 */
  margin:0 auto;
  padding:24px 20px 40px;
  font:16px/1.85 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;
  color:var(--yjw-正文);
  background:#fff;
  -webkit-text-size-adjust:100%;
}

/* 面包屑 */
nav[aria-label]{font-size:13px;color:var(--yjw-弱);margin:0 0 14px}
nav[aria-label] a{color:var(--yjw-主深);text-decoration:none}
nav[aria-label] a:hover{text-decoration:underline}

/* 标题层级 */
h1{font-size:26px;line-height:1.45;margin:0 0 14px;color:#0f172a;font-weight:700}
h2{font-size:20px;line-height:1.5;margin:32px 0 10px;padding-left:10px;border-left:4px solid var(--yjw-主);color:#0f172a}
h3{font-size:17px;line-height:1.55;margin:22px 0 8px;color:#0f172a}

/* 正文与列表 */
p{margin:0 0 14px}
ul,ol{margin:0 0 14px;padding-left:22px}
li{margin:6px 0}
strong{color:#0f172a}
a{color:var(--yjw-主深)}

/* 表格 */
table{width:100%;border-collapse:collapse;margin:14px 0;font-size:15px}
th,td{border:1px solid var(--yjw-线);padding:9px 11px;text-align:left;vertical-align:top}
th{background:var(--yjw-底);font-weight:600}

/* 其它 */
code{background:#f1f5f9;padding:1px 5px;border-radius:4px;font-size:14px}
img{max-width:100%;height:auto}
time{font-variant-numeric:tabular-nums}

/* 常见块：结论框 / 口径框（页内已用内联，这里做兜底统一圆角与间距） */
.yjw-answer-first{border-radius:6px}
.yjw-faq-more{margin:0 0 18px}
.yjw-faq-more h3{margin:18px 0 6px}

/* 移动端：字号与内距同步收一档，表格最容易溢出 */
@media (max-width:600px){
  body{padding:16px 14px 32px}
  h1{font-size:22px;line-height:1.4}
  h2{font-size:18px;margin:26px 0 8px}
  h3{font-size:16px}
  table{font-size:14px}
  th,td{padding:7px 9px}
}


/* ============================================================
   站头／站尾／手机底栏（2026-10-23 补）
   为什么单独写一套而不用 tailwind：二级页多数没有引入 tailwind，
   直接搬首页 header 的 tailwind 类会全部失效（等于没样式）。
   这套用 .yjw- 前缀的纯 CSS，任何页引入 /yjw.css 就生效。
   ⛔ 不用 position:fixed 抢占空间，用 sticky；宽度用 100vw 突破正文 860px 限制。
   ============================================================ */
.yjw-hd{position:sticky;top:0;z-index:80;width:100vw;margin-left:calc(50% - 50vw);margin-top:-24px;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border-bottom:1px solid rgba(15,23,42,.06)}
/* 🔴 2026-10-26 表头视觉对齐（负责人截图指认「表头不一致，看着怪」）：
   原 max-width 1100px 比内页正文(768–860px)宽一截 ⇒ 导航左右溢出正文，视觉发散；
   同时字号 15px / gap 16px / logo 42px 与首页(Tailwind 版)观感差距明显。
   对齐方式：宽度跟正文(860)、字号 16px、gap 28px、logo 46px、底部细线改浅 —— ⛔ 不改 53 页结构。 */
.yjw-hd .in{max-width:860px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.yjw-hd .logo{display:flex;align-items:center;text-decoration:none;flex:0 0 auto}
.yjw-hd .logo img{height:46px;width:auto;display:block}
.yjw-hd .links{display:flex;align-items:center;gap:28px;flex-wrap:wrap;font-size:16px;line-height:1.2}
.yjw-hd .links a{color:#334155;text-decoration:none;white-space:nowrap}
.yjw-hd .links a:hover{color:var(--yjw-主)}
.yjw-hd .links a.book{background:var(--yjw-主);color:#fff;padding:8px 18px;border-radius:6px;font-weight:600}
.yjw-hd .links a.book:hover{background:var(--yjw-主深);color:#fff}

.yjw-ft{width:100vw;margin-left:calc(50% - 50vw);margin-top:40px;border-top:1px solid var(--yjw-线);background:#f8fafc;font-size:13px;color:var(--yjw-弱);line-height:1.8}
.yjw-ft .in{max-width:860px;margin:0 auto;padding:18px 20px 26px}
.yjw-ft p{margin:0 0 6px}
.yjw-ft a{color:var(--yjw-主深);text-decoration:none}
.yjw-ft a:hover{text-decoration:underline}

/* 手机底栏：只在手机上出现（PC 不显示，⛔ 避免压住右下浮动入口） */
.yjw-bar{display:none}
@media(max-width:767px){
  .yjw-hd{margin-top:-16px}
  .yjw-hd .links{display:none}
  .yjw-hd .in{padding:8px 14px}
  .yjw-hd .logo img{height:36px}
  .yjw-hd .bookmini{display:inline-block!important;background:var(--yjw-主);color:#fff;padding:8px 14px;border-radius:6px;font-size:14px;font-weight:600;text-decoration:none}
  .yjw-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;gap:8px;padding:8px 10px;background:rgba(255,255,255,.97);border-top:1px solid #dbe3ea;box-shadow:0 -2px 10px rgba(0,0,0,.06)}
  .yjw-bar a{flex:1;text-align:center;padding:12px 0;border-radius:8px;font-size:15px;font-weight:600;text-decoration:none}
  .yjw-bar a.call{border:1px solid var(--yjw-主);color:var(--yjw-主)}
  .yjw-bar a.book{flex:1.4;background:var(--yjw-主);color:#fff}
  body{padding-bottom:76px}
}
.yjw-hd .bookmini{display:none}

/* 🔴 2026-10-26（负责人截图问「为什么这个页有返回首页？」）：
   这条「← 返回易家维首页」是**表头出现之前**二级页唯一的回首页入口；10-23 统一外壳给 53 页
   加上 header（logo 回首页 + 6 项导航）后，它变成重复入口，且只有 31 页有、22 页没有 ⇒ 反倒成了不一致源。
   ⛔ 本次只**隐藏**（不改任何 HTML 内容、可一行回滚）；要彻底删除这 31 行需负责人确认（红线：不删既有内容）。
   ⇒ 完全回滚：删掉本段规则即可。 */
.back{display:none!important}

/* 🔴 2026-10-26（负责人：「服务商登录本来就该在头部看到自己账号，放到页尾算什么？」——我判断错，已纠正）：
   服务商入口必须在**表头**、且**全站一致**（原来只有首页有）。这里做成右上角小字入口，
   紧邻「在线预约」按钮，不与 6 项主导航抢视觉。⛔ 不放页脚。 */
.yjw-hd .links a.sp{color:#64748b;font-size:14px;padding:6px 2px;border-left:1px solid rgba(15,23,42,.08);padding-left:12px;margin-left:4px}
.yjw-hd .links a.sp:hover{color:var(--yjw-主)}
@media(max-width:767px){.yjw-hd .links a.sp{display:none}}