/*!
 * 康寿云 · 适老化基础样式 v1.0
 * ------------------------------------------------------------
 * 原则（用户 2026-10-28 定）：
 *   大字体 / 高对比度 / 大按钮 / 进入退出都看得见按钮 / 一眼看得懂
 *
 * 说明：
 *   纯样式层，不动任何业务逻辑。用 !important 覆盖 community-plus.js
 *   注入的样式和各页面的 inline style（那些字号普遍偏小、金底白字对比度不足）。
 *   引入方式：<link rel="stylesheet" href="/h5/h5-elder.css?v=1.0.0">
 *   （必须写绝对路径 /h5/ —— 之前踩过相对路径在根入口下 404 的坑）
 */

:root {
  --elder-tap: 52px;      /* 最小点按高度，老人手指也点得中 */
  --elder-fs-body: 17px;  /* 正文下限 */
  --elder-fs-btn: 19px;   /* 按钮字号 */
  --elder-ink: #1a1a1a;   /* 正文墨色，对比度 12:1 */
  --elder-primary: #1a2540;
  --elder-gold: #c9a96e;
}

/* ── 1. 正文：字号下限 17px，行高放松，颜色加深 ──────────── */
.cm-page, .cp-card, .cp-muted, .cp-note, .cp-item, .cp-entry,
.cp-empty, .cm-entry-card, .cm-empty, .cm-list, .cm-desc {
  font-size: var(--elder-fs-body) !important;
  line-height: 1.75 !important;
}
.cp-muted, .cp-note, .cp-item .it-c, .cp-empty {
  color: #3a3a3a !important;
}

/* ── 2. 标题：更大更重 ─────────────────────────────────── */
.cm-title { font-size: 21px !important; font-weight: 700 !important; letter-spacing: .5px !important; }
.cp-card-title { font-size: 20px !important; font-weight: 700 !important; }
.cp-card-title .cp-sub { font-size: 15px !important; }

/* ── 3. 按钮 / 可点条目：统一大按钮，最小 52px ───────────── */
.cp-btn, .cm-do-item, .cm-entry-card, .cp-entry, .cp-tab, .cm-tab {
  min-height: var(--elder-tap) !important;
  font-size: var(--elder-fs-btn) !important;
  font-weight: 700 !important;
  border-radius: 14px !important;
}
.cp-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px 18px !important;
}
/* tab 标签也要点得中 */
.cp-tab { padding: 10px 14px !important; }

/* ── 4. 高对比：金底改深字（金底白字对比度只有 2.3:1，老人看不清）── */
.cp-btn.gold { background: var(--elder-gold) !important; color: #1a2540 !important; border: 2px solid #8a6a2a !important; }
.cp-btn.ghost { color: #1a2540 !important; border: 2px solid #1a2540 !important; background: #fff !important; }
/* 导航右侧「我的社群」按钮：金底深字 + 描边，不再是小图标 */
.cm-right a { font-size: 16px !important; font-weight: 700 !important; }

/* ── 5. 返回键看得懂：自动补「返回」二字，零 HTML 改动 ─────── */
.cm-nav .cm-back { width: auto !important; padding: 0 10px !important; font-size: 22px !important; font-weight: 700 !important; }
.cm-back::after { content: " 返回"; font-size: 16px !important; font-weight: 700 !important; }

/* ── 6. 可点区域一眼可见：加边框和阴影，看得出「能点」──────── */
.cp-entry, .cm-entry-card, .cm-do-item {
  box-shadow: 0 2px 6px rgba(26, 37, 64, .14) !important;
  border: 1px solid #d9d0c2 !important;
}
.cp-entry:active, .cm-entry-card:active, .cm-do-item:active, .cp-btn:active { transform: scale(.98); }

/* ── 7. 图标跟着放大（图标 + 文字一起看）─────────────────── */
.cp-entry .e-icon, .cm-entry-card .e-icon, .cm-do-item .do-icon { font-size: 26px !important; }

/* ── 8. 悬浮球放大（原本 48px 纯图标，太小）───────────────── */
.cp-fab .f { width: 60px !important; height: 60px !important; font-size: 26px !important; }

/* ── 9. 首屏三大卡：更高更大，名字 20px ──────────────────── */
.cm-entry .cm-entry-card { padding: 18px 14px !important; }
.cm-entry .e-name { font-size: 20px !important; font-weight: 700 !important; }
.cm-entry .e-desc { font-size: 16px !important; color: #3a3a3a !important; line-height: 1.6 !important; }
.cm-entry .e-arrow { font-size: 26px !important; color: #1a2540 !important; font-weight: 700 !important; }

/* ── 10. 折叠「更多服务」：summary 做成大按钮 ────────────── */
.cm-more-svc { margin-top: 14px !important; }
.cm-more-svc > summary {
  font-size: 18px !important; font-weight: 700 !important;
  padding: 16px !important; background: #fff !important;
  border: 2px solid #1a2540 !important; border-radius: 14px !important;
  color: #1a2540 !important; cursor: pointer; list-style: none !important;
  min-height: var(--elder-tap) !important;
  display: flex !important; align-items: center !important;
}
.cm-more-svc > summary::-webkit-details-marker { display: none !important; }
.cm-more-svc[open] > summary { margin-bottom: 12px !important; background: #f4f1ea !important; }