/* ==========================================================================
   长者模式样式（H5 全站，v1.2.5）
   --------------------------------------------------------------------------
   从 assets/css/app.css 的 body.elder 块整段迁出，并按「页面逐页」大幅扩展。
   唯一约束：**本文件每一行选择器都以 body.elder 开头**，因此只有 <body>
   带 elder 类时才可能命中，正常模式零命中、零副作用（不覆盖任何基础组件）。

   覆盖范围（对应 app/Views/h5/ 下的真实类名）：
     全局令牌 / 卡片 / 徽章 / 按钮 / 表单 / 空态 / TabBar / 分页 / 提示条
     首页 hp-          课程列表 cl-（courses.php）
     校区列表 cp-      校区详情 cd-
     我的预约 bk-      报名凭证 bc-      课程详情 cdt-（v1.2.6）
     个人中心 pf-      登录与绑定手机号 lg-      账号注销 dl-（v1.2.6）
     员工登录 st-      员工核销 sv- / kv-      员工个人中心 sp-
     文章列表 ar-      文章与帮助详情 ad-      帮助中心 hp-（help.php 复用）
   注：扫码落点页（campus_landing.php）自带 body.elder 规则，本文件不重复。
   注：首页 hp-course / hp-campus / hp-article 的正常模式区块在长者模式下由
       页面自身隐藏（.hp-only--n），这里仍补齐单列与大字号，防止今后的复用漏放大。
   ========================================================================== */

/* --------------------------------------------------------------------------
   0. 设计令牌与正文基线
   -------------------------------------------------------------------------- */
body.elder {
  --fs-xs: 15px;
  --fs-sm: 16px;
  --fs-md: 18px;
  --fs-lg: 20px;
  --fs-xl: 24px;
  --fs-2xl: 28px;
  --fs-3xl: 32px;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: .01em;
}

/* 标题：各页大量用行内 style 写死字号，作者 !important 才能压过内联非 important */
body.elder h1 { font-size: var(--fs-xl) !important; line-height: 1.35; letter-spacing: 0; }
body.elder h2 { font-size: var(--fs-lg) !important; line-height: 1.4; letter-spacing: 0; }
body.elder h3 { font-size: var(--fs-md) !important; line-height: 1.45; letter-spacing: 0; }

/* --------------------------------------------------------------------------
   1. 公共组件（全站 H5 通用类）
   -------------------------------------------------------------------------- */
body.elder .page-head__title { font-size: var(--fs-xl) !important; line-height: 1.35; }
body.elder .page-head__desc { font-size: var(--fs-sm) !important; line-height: 1.65; }

body.elder .card { font-size: var(--fs-md); }
body.elder .card__head { padding: 16px 18px; }
body.elder .card__title { font-size: var(--fs-lg); }
body.elder .card__desc { font-size: var(--fs-sm); line-height: 1.6; }
body.elder .card__body { padding: 18px; font-size: var(--fs-md); }
body.elder .card__body--tight { padding: 16px; }
body.elder .card__body--flush { padding: 0; }

body.elder .badge {
  font-size: 16px;
  line-height: 1.35;
  padding: 5px 10px;
  min-height: 28px;
  border-radius: 8px;
}

body.elder .btn {
  height: auto;
  min-height: 50px;
  padding: 0 20px;
  font-size: 17px;
  gap: 8px;
}
body.elder .btn svg { width: 20px; height: 20px; }
body.elder .btn--sm {
  height: auto;
  min-height: 44px;
  padding: 0 16px;
  font-size: 16px;
}
body.elder .btn--sm svg { width: 18px; height: 18px; }
body.elder .btn--lg { height: auto; min-height: 54px; font-size: var(--fs-lg); }
body.elder .btn--ghost { min-height: 44px; padding: 0 12px; }

body.elder .input,
body.elder .select,
body.elder .textarea {
  height: auto;
  min-height: 48px;
  padding: 10px 14px;
  font-size: 17px;
  line-height: 1.5;
}
body.elder .select { padding-right: 36px; background-size: 12px 12px; }
body.elder .input--sm { min-height: 44px; }
body.elder .textarea { min-height: 120px; }

body.elder .label { font-size: 16px; margin-bottom: 8px; }
body.elder .label__tip { font-size: 15px; }
body.elder .field-hint { font-size: 15px; line-height: 1.6; }
body.elder .muted { font-size: var(--fs-sm) !important; line-height: 1.65; }

body.elder .empty { padding: 40px 16px; }
body.elder .empty__text { font-size: var(--fs-md); line-height: 1.7; }
body.elder .empty__action { font-size: var(--fs-md); min-height: 50px; }

body.elder .alert { font-size: 16px; line-height: 1.65; padding: 14px 16px; }
body.elder .alert__title { font-size: var(--fs-md); }

/* 分页（文章列表 / 课程列表底部） */
body.elder .pager { font-size: 16px; gap: 10px; }
body.elder .pager__info { font-size: 15px; }
body.elder .pager__link {
  min-width: 44px;
  height: 44px;
  padding: 0 12px;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* --------------------------------------------------------------------------
   2. 底部 TabBar 与安全区
   基础 .tabbar 无固定高度，由 .tabbar__item 的 min-height 52px 撑开；
   .h5-body 的 padding-bottom 为 72px（对应原 52px Tab + 间距）。
   长者模式把 Tab 抬到 64px，同步把正文底部留白抬到 88px，避免遮挡。
   -------------------------------------------------------------------------- */
body.elder .tabbar { height: 64px; }
body.elder .tabbar__item { min-height: 64px; padding: 8px 0 6px; gap: 4px; }
body.elder .tabbar__item svg { width: 26px; height: 26px; }
body.elder .tabbar__label { font-size: 15px; font-weight: 600; }
body.elder .h5-body { padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px)); }
body.elder .h5-body--notab { padding-bottom: calc(28px + env(safe-area-inset-bottom, 0px)); }
body.elder .h5-header__title { font-size: var(--fs-lg); }

/* --------------------------------------------------------------------------
   3. 首页（home.php，hp- 前缀）
   首页自身的 <style> 已放大 定位行 / 搜索 / 轮播 / 区块标题 / 文章 / 长者入口；
   这里补齐它没写的部分（入口按钮点按区、课程与校区卡、城市弹层行高）。
   -------------------------------------------------------------------------- */
body.elder .hp-loc { min-height: 44px; }
body.elder .hp-eld-enter { height: 44px; padding: 0 18px; font-size: 17px; }
body.elder .hp-eld-exit { height: 52px; padding: 0 22px; font-size: 19px; }

body.elder .hp-sechead { margin-bottom: 12px; }
body.elder .hp-secmore { font-size: 16px; }
body.elder #hot-status,
body.elder #geo-status,
body.elder #article-status { font-size: 15px; }

/* 快捷入口宫格：图标与文字放大（长者模式首页已隐藏，保留以防复用） */
body.elder .hp-quick { gap: 14px 6px; padding: 16px 8px; }
body.elder .hp-qitem__icon { width: 52px; height: 52px; border-radius: 15px; }
body.elder .hp-qitem__label { font-size: 15px; line-height: 1.3; }

/* 热门课程：两列变单列大卡（图 96，标题 20，简介 16，徽章 15） */
body.elder #hot-list { grid-template-columns: 1fr; gap: 14px; }
body.elder .hp-course { padding: 14px; gap: 14px; min-height: 0; border-radius: 16px; }
body.elder .hp-course__img { flex: 0 0 96px; width: 96px; height: 96px; border-radius: 12px; }
body.elder .hp-course__name { font-size: 20px; height: auto; line-height: 1.4; }
body.elder .hp-course__intro { font-size: 16px; height: auto; line-height: 1.5; -webkit-line-clamp: 3; }
body.elder .hp-course__badge { font-size: 15px; padding: 5px 10px; border-radius: 8px; }
body.elder .hp-course__go { width: 28px; height: 28px; flex: 0 0 28px; font-size: 18px; }

/* 附近校区：卡片加宽到 176，文字放大 */
body.elder #campus-list { gap: 14px; }
body.elder .hp-campus { flex: 0 0 176px; border-radius: 16px; }
body.elder .hp-campus__img { height: 120px; }
body.elder .hp-campus__badge { font-size: 15px; padding: 5px 10px; }
body.elder .hp-campus__body { padding: 10px 12px 12px; gap: 5px; }
body.elder .hp-campus__name { font-size: 17px; }
body.elder .hp-campus__dist { font-size: 15px; }

/* 社区文章（首页底部）：图片与字号放大 */
body.elder .hp-article { padding: 14px; gap: 14px; border-radius: 16px; }
body.elder .hp-article__img { flex: 0 0 88px; width: 88px; height: 88px; }
body.elder .hp-article__title { font-size: 19px; line-height: 1.4; }
body.elder .hp-article__meta { font-size: 15px; gap: 12px; }

/* 城市选择弹层：两列变单列，行高 56px */
body.elder .hp-modal__title { font-size: var(--fs-lg); }
body.elder .hp-modal__close { font-size: 28px; padding: 0 8px; min-width: 44px; min-height: 44px; }
body.elder .hp-modal__hint { font-size: 15px; line-height: 1.6; }
body.elder .hp-dlist { grid-template-columns: 1fr; gap: 10px; }
body.elder .hp-ditem { height: 56px; font-size: 17px; border-radius: 12px; }
body.elder .hp-dlist--loading,
body.elder .hp-dlist--empty { font-size: 16px; }

/* --------------------------------------------------------------------------
   4. 课程列表（courses.php，cl- 前缀；cl-card 系列）
   本页自带 body.elder 规则，此处数值保持一致，作为集中维护的副本。
   -------------------------------------------------------------------------- */
body.elder .cl-list { gap: 14px; padding-bottom: calc(28px + 64px + env(safe-area-inset-bottom, 0px)); }
body.elder .cl-card { padding: 14px; gap: 14px; border-radius: 16px; }
body.elder .cl-card__cover { flex: 0 0 132px; width: 132px; height: 132px; }
body.elder .cl-card__name { font-size: 20px; line-height: 1.4; }
body.elder .cl-card__meta { font-size: 17px; gap: 6px; }
body.elder .cl-card__meta svg { width: 18px; height: 18px; }
body.elder .cl-card__quota { font-size: 17px; }
body.elder .cl-card__go { font-size: 20px; }

/* --------------------------------------------------------------------------
   5. 校区列表（campuses.php，cp- 前缀）
   -------------------------------------------------------------------------- */
body.elder .cp-list { gap: 16px; padding-bottom: calc(28px + 64px + env(safe-area-inset-bottom, 0px)); }
body.elder .cp-body { padding: 16px 16px 18px; }
body.elder .cp-title { font-size: var(--fs-lg); }
body.elder .cp-addr { font-size: var(--fs-sm); line-height: 1.6; -webkit-line-clamp: 3; }
body.elder .cp-tags { gap: 8px; margin-top: 10px; }
body.elder .cp-tags .badge { font-size: 15px; font-weight: 500; }

/* --------------------------------------------------------------------------
   6. 校区详情（campus_detail.php，cd- 前缀）
   -------------------------------------------------------------------------- */
body.elder .cd-page { padding-bottom: calc(28px + 64px + env(safe-area-inset-bottom, 0px)); }
body.elder .cd-info { padding: 18px; }
body.elder .cd-info__name { font-size: var(--fs-xl); line-height: 1.35; }
body.elder .cd-info__row { font-size: var(--fs-md); line-height: 1.6; margin-top: 12px; gap: 10px; }
body.elder .cd-info__intro { font-size: var(--fs-sm); line-height: 1.75; -webkit-line-clamp: 8; }
body.elder .cd-sec { gap: 14px; }
body.elder .cd-sectitle { font-size: var(--fs-lg); }

/* --------------------------------------------------------------------------
   7. 我的预约（bookings.php，bk- 前缀）
   -------------------------------------------------------------------------- */
body.elder .bk-tabs-wrap { padding: 4px 16px 12px; }
body.elder .bk-tabs { gap: 10px; }
body.elder .bk-tab { height: 44px; padding: 0 16px; font-size: 16px; gap: 6px; }
body.elder .bk-tab__n { font-size: 15px; padding: 3px 8px; }
body.elder .bk-when { font-size: 20px; line-height: 1.5; }
body.elder .bk-when small { font-size: 16px; }
body.elder .bk-place { font-size: 16px; line-height: 1.65; }
body.elder .bk-code-link { height: 50px; font-size: 17px; border-radius: 12px; }
body.elder .bk-expired-note { font-size: 15px; line-height: 1.6; }

/* --------------------------------------------------------------------------
   8. 报名凭证 / 核销码（booking_code.php，bc- 前缀）
   -------------------------------------------------------------------------- */
body.elder .bc-wrap { padding: 16px 16px calc(36px + env(safe-area-inset-bottom, 0px)); }
body.elder .bc-back { font-size: 16px; min-height: 44px; }
body.elder .bc-back svg { width: 22px; height: 22px; }
body.elder .bc-card { padding: 24px 18px 22px; }
body.elder .bc-course { font-size: 22px; line-height: 1.4; }
body.elder .bc-when { font-size: 22px; }
body.elder .bc-when small { font-size: 16px; line-height: 1.5; }
body.elder .bc-no { font-size: 26px; letter-spacing: 2px; }
body.elder .bc-hint { font-size: 16px; line-height: 1.75; }
body.elder .bc-dead-label { font-size: 15px; padding: 6px 14px; }
/* 取消预约（v1.2.6 从列表迁到本页底部）：文字按钮也要够大好点 */
body.elder .bc-cancel { margin-top: 30px; padding-top: 20px; }
body.elder .bc-cancel__btn { font-size: 16px; min-height: 44px; }
body.elder .bc-cancel__hint { font-size: 15px; line-height: 1.7; }

/* --------------------------------------------------------------------------
   9. 个人中心（profile.php，pf- 前缀）
   -------------------------------------------------------------------------- */
body.elder .pf-page { padding-bottom: calc(28px + 64px + env(safe-area-inset-bottom, 0px)); }
body.elder .pf-hero { padding: 32px 18px 22px; }
body.elder .pf-avatar { width: 72px; height: 72px; font-size: 28px; }
body.elder .pf-name { font-size: var(--fs-xl); }
body.elder .pf-phone { font-size: var(--fs-sm); }
body.elder .pf-uid { font-size: 15px; line-height: 1.6; }
body.elder .pf-sec__title { font-size: 16px; margin-bottom: 10px; }
/* 统计卡保持两列（纯数字计数，单列会把页面拉得过长）；数字与标签放大 */
body.elder .pf-stats { gap: 14px; }
body.elder .pf-stat { padding: 18px; border-radius: 16px; }
body.elder .pf-stat__n { font-size: var(--fs-2xl); }
body.elder .pf-stat__l { font-size: var(--fs-sm); white-space: normal; line-height: 1.35; }
body.elder .pf-menu__item { padding: 18px; min-height: 60px; gap: 16px; }
body.elder .pf-menu__icon { width: 44px; height: 44px; flex: 0 0 44px; border-radius: 12px; }
body.elder .pf-menu__text { font-size: var(--fs-md); }
body.elder .pf-menu__go { font-size: 22px; }
body.elder .pf-formcard { padding: 18px; }
body.elder .pf-formcard__title { font-size: var(--fs-lg); }
body.elder .pf-logout .btn { height: auto; min-height: 52px; }
/* 预约限制提示卡（v1.2.6）：个人中心顶部橙色警示 */
body.elder .pf-limit { padding: 16px; }
body.elder .pf-limit__icon { width: 24px; height: 24px; line-height: 24px; font-size: 15px; }
body.elder .pf-limit__title { font-size: var(--fs-lg); }
body.elder .pf-limit__row { font-size: var(--fs-sm); line-height: 1.7; }
body.elder .pf-limit__badge { font-size: 15px; padding: 3px 10px; }
body.elder .pf-limit__hint { font-size: 15px; line-height: 1.75; }

/* --------------------------------------------------------------------------
   10. 登录 / 绑定手机号（login.php、bind_phone.php，lg- 前缀）
   -------------------------------------------------------------------------- */
body.elder .lg-auth { padding: 26px 18px 12px; }
body.elder .lg-brand__logo { width: 72px; height: 72px; }
body.elder .lg-brand__name { font-size: var(--fs-xl); }
body.elder .lg-brand__sub { font-size: var(--fs-md); line-height: 1.6; }
body.elder .lg-tabs { gap: 12px; }
body.elder .lg-tab { font-size: var(--fs-md); min-height: 44px; }
body.elder .lg-field { margin-bottom: 16px; }
body.elder .lg-field__icon svg { width: 22px; height: 22px; }
body.elder .lg-input { height: 54px; font-size: 17px; }
body.elder .lg-btn { height: auto; min-height: 54px; font-size: 17px; }
body.elder .lg-tip,
body.elder .lg-note,
body.elder .lg-legal { font-size: var(--fs-sm) !important; line-height: 1.7; }
body.elder .lg-privacy,
body.elder .lg-privacy-check { font-size: 15px; line-height: 1.65; }
body.elder .auth-foot { font-size: 15px; line-height: 1.7; }

/* --------------------------------------------------------------------------
   11. 员工登录（staff_login.php，st- 前缀）
   -------------------------------------------------------------------------- */
body.elder .st-auth { padding: 26px 18px 12px; }
body.elder .st-brand { margin-bottom: 24px; }
body.elder .st-brand__logo { width: 72px; height: 72px; border-radius: 20px; }
body.elder .st-brand__logo svg { width: 36px; height: 36px; }
body.elder .st-brand__name { font-size: var(--fs-xl); }
body.elder .st-brand__sub { font-size: 15px; line-height: 1.7; }
body.elder .st-bind-tip { font-size: 16px; line-height: 1.7; }
body.elder .st-label { font-size: 16px; }
body.elder .st-input { height: 52px; font-size: 17px; }
body.elder .st-submit { height: 52px; font-size: 17px; }
body.elder .st-or { font-size: 15px; }
body.elder .st-note { font-size: 15px; line-height: 1.75; }

/* --------------------------------------------------------------------------
   12. 员工核销（staff_verify.php，sv- / kv- / st-input）
   -------------------------------------------------------------------------- */
body.elder .sv-me { font-size: 15px; padding: 12px 14px; line-height: 1.65; }
body.elder .sv-code-input { height: 56px; font-size: 20px; letter-spacing: 2px; }
body.elder .sv-submit { height: 52px; font-size: 17px; }
body.elder .sv-result__msg { font-size: var(--fs-md); line-height: 1.6; }
body.elder .sv-tip { font-size: 15px; line-height: 1.75; }
body.elder .sv-foot { font-size: 15px; }
body.elder .kv__k,
body.elder .kv__v { font-size: 16px; line-height: 1.7; }

/* --------------------------------------------------------------------------
   13. 员工个人中心（staff_profile.php，sp- 前缀）
   -------------------------------------------------------------------------- */
body.elder .sp-page { padding-bottom: calc(28px + 64px + env(safe-area-inset-bottom, 0px)); }
body.elder .sp-avatar { width: 72px; height: 72px; font-size: 28px; }
body.elder .sp-name { font-size: var(--fs-xl); }
body.elder .sp-sub { font-size: 15px; line-height: 1.65; }
body.elder .sp-item { padding: 18px 16px; min-height: 60px; gap: 14px; }
body.elder .sp-item__icon { width: 42px; height: 42px; flex: 0 0 42px; }
body.elder .sp-item__text { font-size: var(--fs-md); }
body.elder .sp-item__desc { font-size: 15px; line-height: 1.5; }
body.elder .sp-item__go { font-size: 22px; }
body.elder .sp-note { font-size: 16px; line-height: 1.75; }
body.elder .sp-logout .btn { height: auto; min-height: 52px; }

/* --------------------------------------------------------------------------
   14. 文章列表（articles.php，ar- 前缀）
   -------------------------------------------------------------------------- */
body.elder .ar-list { gap: 14px; padding-bottom: calc(28px + 64px + env(safe-area-inset-bottom, 0px)); }
body.elder .ar-card { padding: 14px; gap: 14px; border-radius: 16px; }
body.elder .ar-media { flex: 0 0 112px; width: 112px; height: 88px; }
body.elder .ar-title { font-size: 20px; line-height: 1.4; }
body.elder .ar-sum { font-size: 16px; line-height: 1.6; }
body.elder .ar-meta { font-size: 15px; gap: 8px; }

/* --------------------------------------------------------------------------
   15. 文章详情 / 帮助详情（article_detail.php，ad- 前缀）
   正文（含富文本标题、表格、引用）同步放大，行高拉大到 1.85 便于阅读。
   -------------------------------------------------------------------------- */
body.elder .ad-wrap { padding: 16px 16px calc(28px + 64px + env(safe-area-inset-bottom, 0px)); }
body.elder .ad-back { font-size: 16px; min-height: 44px; }
body.elder .ad-back svg { width: 22px; height: 22px; }
body.elder .ad-title { font-size: var(--fs-xl); line-height: 1.4; }
body.elder .ad-meta { font-size: 15px; gap: 10px; line-height: 1.6; }
body.elder .ad-content { font-size: var(--fs-md); line-height: 1.85; }
body.elder .ad-content h2 { font-size: var(--fs-lg); line-height: 1.45; }
body.elder .ad-content h3 { font-size: var(--fs-md); line-height: 1.45; }
body.elder .ad-content p { margin-bottom: 14px; }
body.elder .ad-content li { margin: 6px 0; }
body.elder .ad-content table { font-size: 16px; line-height: 1.65; }
body.elder .ad-content th,
body.elder .ad-content td { padding: 10px 12px; }
body.elder .ad-content blockquote { font-size: var(--fs-md); line-height: 1.8; }
body.elder .ad-empty { font-size: 16px; }

/* --------------------------------------------------------------------------
   16. 帮助中心（help.php，复用 hp- 前缀：hp-head / hp-list / hp-item）
   -------------------------------------------------------------------------- */
body.elder .hp-head { padding-bottom: 12px; }
body.elder .hp-head__t { font-size: var(--fs-lg); }
body.elder .hp-head__d { font-size: 15px; line-height: 1.6; }
body.elder .hp-item { min-height: 64px; padding: 14px 16px; gap: 12px; }
body.elder .hp-item__ico { flex: 0 0 38px; width: 38px; height: 38px; border-radius: 11px; }
body.elder .hp-item__ico svg { width: 22px; height: 22px; }
body.elder .hp-item__t { font-size: 18px; line-height: 1.45; }
body.elder .hp-item__s { font-size: 16px; line-height: 1.5; }
body.elder .hp-item__chev svg { width: 20px; height: 20px; }

/* --------------------------------------------------------------------------
   17. 搜索页（search.php：无独立前缀，靠公共组件 + 表单元素兜底）
   行内 13px 的小字已被上面的 .muted / .page-head__desc !important 覆盖。
   -------------------------------------------------------------------------- */
body.elder .h5-body form input[type="search"] { font-size: 17px; }
body.elder .card__title { margin-top: 6px; }

/* --------------------------------------------------------------------------
   18. 课程详情（course_detail.php，cdt- 前缀；v1.2.6 新增）
   注：前缀用 cdt- 而不是 cd- —— cd- 已被校区详情（campus_detail.php）占用。
   -------------------------------------------------------------------------- */
body.elder .cdt-wrap { padding: 18px; }
body.elder .cdt-back { font-size: 16px; min-height: 44px; gap: 6px; }
body.elder .cdt-back svg { width: 22px; height: 22px; }
body.elder .cdt-title { font-size: var(--fs-xl); line-height: 1.4; }
body.elder .cdt-intro { font-size: var(--fs-sm); line-height: 1.8; }
body.elder .cdt-sec { font-size: var(--fs-lg); margin-bottom: 12px; }
body.elder .cdt-session__name { font-size: var(--fs-md); }
body.elder .cdt-session__time { font-size: var(--fs-lg); }
body.elder .cdt-session__where { font-size: 15px; line-height: 1.65; }
body.elder .cdt-session__foot { gap: 12px; }
body.elder .cdt-review { font-size: 15px; padding: 5px 10px; }
/* 限制按钮与弹窗：文字放大，弹窗按钮保持 52px 起 */
body.elder .cdt-blocked { min-height: 48px; font-size: 16px; }
body.elder .cdt-modal { max-width: 360px; padding: 26px 22px 20px; }
body.elder .cdt-modal__icon { width: 54px; height: 54px; font-size: 28px; }
body.elder .cdt-modal__title { font-size: var(--fs-xl); }
body.elder .cdt-modal__text { font-size: var(--fs-md); line-height: 1.8; }
body.elder .cdt-modal .btn { min-height: 52px; font-size: 17px; }

/* --------------------------------------------------------------------------
   19. 账号注销（account_deletion.php，dl- 前缀；v1.2.6 从个人中心拆出独立页）
   -------------------------------------------------------------------------- */
body.elder .dl-wrap { padding: 16px 18px calc(36px + env(safe-area-inset-bottom, 0px)); }
body.elder .dl-back { font-size: 16px; min-height: 44px; gap: 6px; }
body.elder .dl-back svg { width: 22px; height: 22px; }
body.elder .dl-card { padding: 22px 18px; border-radius: 18px; }
body.elder .dl-title { font-size: var(--fs-xl); }
body.elder .dl-desc { font-size: var(--fs-sm); line-height: 1.8; }
body.elder .dl-who { font-size: var(--fs-sm); padding: 12px 14px; }
body.elder .dl-who__name { font-size: var(--fs-md); }
body.elder .dl-bar { font-size: var(--fs-sm); line-height: 1.7; padding: 12px 14px; }
body.elder .dl-remark { font-size: var(--fs-sm); line-height: 1.7; }
body.elder .dl-actions { flex-wrap: wrap; }
body.elder .dl-actions .input { flex: 1 1 100%; }
body.elder .dl-actions .btn { width: 100%; min-height: 52px; font-size: 17px; }
body.elder .dl-form .btn { min-height: 52px; }
body.elder .dl-note { font-size: 15px; line-height: 1.85; }