/* 2026-09-12 加的几块：案例对比滑块、Google 评分、机构类别筛选、页脚最后更新、反馈表单的页签。
   单独一份是因为 web-clinic.css 已经贴着 20KB 上限；每页都加载（head.php），几百字节。 */

/* ---- 案例对比：两张图叠着，术后图按 --ba 露出左侧那么宽，滑块盖在最上层透明 ---- */
.cases { display: grid; gap: 18px; }
@media (min-width: 720px) { .cases { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.ba { margin: 0; }
.ba__stage { position: relative; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 12px; background: var(--mb-fill, #f2f2ee); user-select: none; }
.ba__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.ba__img--after { clip-path: inset(0 calc(100% - var(--ba, 50%)) 0 0); }
.ba__tag { position: absolute; top: 8px; font-size: 11px; line-height: 1; padding: 5px 8px; border-radius: 999px;
  background: rgba(20, 16, 32, .62); color: #fff; letter-spacing: .02em; pointer-events: none; }
.ba__tag--after { left: 8px; }
.ba__tag--before { right: 8px; }
.ba__handle { position: absolute; top: 0; bottom: 0; left: var(--ba, 50%); width: 2px; margin-left: -1px;
  background: #fff; box-shadow: 0 0 0 1px rgba(0,0,0,.15); pointer-events: none; }
.ba__handle::after { content: "⇔"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  width: 34px; height: 34px; border-radius: 50%; background: #fff; color: var(--mb-brand-ink, #6e4eb8);
  font-size: 15px; line-height: 34px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,.2); }
.ba__range { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: ew-resize; touch-action: pan-y; }
.ba__range:focus-visible + .ba__handle, .ba__stage:focus-within .ba__handle { box-shadow: 0 0 0 2px var(--mb-brand, #9b7edb); }
.ba__cap { padding: 10px 2px 0; font-size: 13px; line-height: 1.55; }
.ba__cap strong { display: block; font-weight: 600; }
.ba__meta { display: block; color: var(--mb-muted, #7b7690); font-size: 12px; }
.ba__desc { margin: 6px 0 0; color: var(--mb-sub, #5c5c58); }
.section__count { font-size: 12px; font-weight: 400; color: var(--mb-muted, #7b7690); margin-left: 8px; }

/* ---- Google 评分那一行 ---- */
.grating { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 12px; margin: -4px 0 12px; font-size: 13px; }
.grating__score { font-size: 20px; font-weight: 700; color: #d38a12; }
.grating__label { color: var(--mb-muted, #7b7690); }
.grating__link { margin-left: auto; font-size: 12px; }
.revs__src { font-size: 11px; color: var(--mb-muted, #7b7690); border: 1px solid currentColor; border-radius: 999px; padding: 1px 6px; margin-left: 6px; }

/* ---- 详情页底部那行：资料更新时间 + 反馈 / 认领入口 ---- */
.detail__meta { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 4px 2px 0; font-size: 12px; color: var(--mb-muted, #7b7690); }
.detail__meta a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }

/* ---- 页脚最后更新 + 我要入驻 ---- */
.site-foot__meta { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 8px 0 0; font-size: 12px; opacity: .8; }
.site-foot__meta a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }

/* ---- 全局页脚底部：免责声明 / 链接行 / 公司登记信息 + 社交图标 / 二维码（parts/footer-platform.php）
   平台前台与机构站点两套外壳共用，版式对齐运营给的参考图：左栏文字，右栏图标与二维码。
   渠道按钮的品牌色由行内 --f-bg / --f-fg 给，没有品牌的（邮箱 / 电话 / 其它链接）走页面主色。 */
.site-foot__bottom { display: grid; gap: 20px 40px; }
@media (min-width: 860px) { .site-foot__bottom { grid-template-columns: minmax(0, 1fr) auto; } }
.site-foot__left { min-width: 0; }
.site-foot__note { margin: 0 0 16px; font-size: 14.5px; line-height: 1.75; color: var(--mb-text, #1b1b1b); }
.site-foot__legal { display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 18px; font-size: 13.5px; }
.site-foot__legal a { color: var(--mb-text, #1b1b1b); text-decoration: none; padding: 2px 14px; }
.site-foot__legal a:first-child { padding-left: 0; }
.site-foot__legal a + a { border-left: 1px solid var(--mb-line, #e6e1f2); }
.site-foot__legal a:hover { color: var(--mb-brand-ink, #6e4eb8); text-decoration: underline; }
.site-foot__biz { margin: 0 0 16px; font-size: 12.5px; line-height: 1.95; color: var(--mb-muted, #93938d); }
.site-foot__biz-row { margin: 0; display: flex; flex-wrap: wrap; gap: 2px 20px; }
.site-foot__biz-row b { color: var(--mb-sub, #5c5c58); font-weight: 600; }
.site-foot__biz-row a { color: inherit; }
.site-foot__contact { margin: 0; }
.site-foot__list { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.site-foot__chip { display: inline-flex; align-items: center; gap: 7px; padding: 7px 13px; border-radius: 999px;
  border: 1px solid var(--mb-line, #ecece8); background: var(--mb-card, #fff); color: var(--mb-sub, #5c5c58);
  font-size: 12.5px; line-height: 1; text-decoration: none; max-width: 100%; }
.site-foot__chip .ico { color: var(--f-bg, var(--mb-brand-ink, #6e4eb8)); flex: none; }
.site-foot__chip span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
a.site-foot__chip:hover { border-color: var(--f-bg, var(--mb-brand, #9b7edb)); color: var(--mb-brand-ink, #6e4eb8); }
.site-foot__chip .facts__act { border: 0; background: none; color: inherit; font-size: 11px; text-decoration: underline;
  display: inline-flex; align-items: center; gap: 3px; padding: 0; cursor: pointer; }
/* 联系方式：纯文本（用户 2026-09-26 要求「直接放纯文本，不要放胶囊按钮」）——
   没有底色 / 描边 / 圆角，一行字；能点的仍是真 <a>，复制按钮默认 hidden 由脚本放出。
   上面那组 .site-foot__chip 仍被联系页（page-contact.php）用着，别删。 */
.site-foot__contact { gap: 4px 20px; font-size: 13px; line-height: 1.9; }
.site-foot__contact li { display: inline-flex; align-items: baseline; gap: 8px; max-width: 100%; }
.site-foot__txt { color: var(--mb-sub, #5c5c58); text-decoration: none; max-width: 100%;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
a.site-foot__txt:hover { color: var(--mb-brand-ink, #6e4eb8); text-decoration: underline; }
.site-foot__txt .facts__act { border: 0; background: none; color: inherit; font-size: 11px;
  text-decoration: underline; padding: 0; cursor: pointer; }
.site-foot__right { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
@media (min-width: 860px) { .site-foot__right { align-items: flex-end; } }
.site-foot__social { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.site-foot__sbtn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px;
  border-radius: 50%; background: var(--mb-fill, #f2f2ee); color: var(--mb-sub, #5c5c58);
  text-decoration: none; transition: background .15s ease, color .15s ease; }
.site-foot__sbtn .ico { color: inherit; }
a.site-foot__sbtn:hover { background: var(--f-bg, var(--mb-brand, #9b7edb)); color: #fff; }
.site-foot__qrs { display: flex; flex-wrap: wrap; gap: 14px; margin: 0; }
@media (min-width: 860px) { .site-foot__qrs { justify-content: flex-end; } }
.site-foot__qr { margin: 0; text-align: center; font-size: 11px; color: var(--mb-muted, #93938d); }
.site-foot__qr img { display: block; border: 1px solid var(--mb-line, #ecece8); border-radius: 8px;
  background: #fff; object-fit: contain; }
.site-foot__qr figcaption { margin-top: 4px; }

/* ---- 二维码放大浮层（页脚那几张，用户 2026-09-28） ----
   96px 的码手机怼着屏幕都扫不稳，鼠标移上去就出一张 320px 的大图，移开就收回去。
   浮层与缩略图**同时**存在（不是把缩略图撑大）：缩略图撑大要么把 `figure` 换行、
   要么被父级裁掉，浮层是 `position: fixed`，一个字节都不动页脚排版。
   定位与缩放比例由 web-clinic.js 写内联样式（`left/top` / `transform: scale()`，
   脚本还会按缩略图的实测尺寸覆盖这里的 `width/height`），这里只管外观。
   没有脚本时页面跟改前完全一样（缩略图照旧能看，只是不会放大）。
   `pointer-events: none`：浮层压在缩略图上时鼠标事件仍然落在缩略图上，
   否则 `mouseleave` 永远不触发，大图会一直挂着。z-index 90 高于吸顶导航(40)与
   底部条(50)，低于后台预览那条顶栏(100)——预览栏得一直看得见。 */
.mb-qrz { position: fixed; left: 0; top: 0; z-index: 90; width: 320px; height: 320px;
  pointer-events: none; background: #fff; border: 1px solid var(--mb-line, #ecece8);
  border-radius: 12px; box-shadow: 0 18px 44px rgba(0, 0, 0, .18); transform-origin: 0 0; }
.mb-qrz__img { display: block; width: 100%; height: 100%; object-fit: contain; padding: 6px; }
/* 触屏没有 hover：`(hover: none)` 下不出浮层，免得只有一根手指的设备上
   那个点按合成的 hover 留下一张收不回去的大图。用鼠标的设备（含触控笔记本）照常 */
@media (hover: none) { .mb-qrz { display: none; } }


/* ---- 页脚内容页（/about、/contact、/privacy） ----
   正文来自 APP 端设置，排版与小程序那三页同一套顺序：标题 → 一句话 → 正文段落 → 说明卡片。 */
.about__body p { margin: 0 0 12px; line-height: 1.85; color: var(--mb-sub, #5c5c58); }
.about__body p:last-child { margin-bottom: 0; }
.about__name { font-size: 19px; font-weight: 700; color: var(--mb-text, #1b1b1b); margin-bottom: 4px; }
.about__slogan { font-size: 13px; color: var(--mb-muted, #93938d); }
.about__h2 { font-size: 14px; font-weight: 600; color: var(--mb-text, #1b1b1b); margin: 0 0 8px; }
.terms + .terms { margin-top: 18px; }
.terms p { margin: 0 0 8px; line-height: 1.85; color: var(--mb-sub, #5c5c58); }

/* ---- 反馈表单顶上的三个页签（是链接，复用胶囊样式） ---- */
nav.segs { display: flex; flex-wrap: wrap; gap: 8px; }
nav.segs .segs__seg { display: inline-block; padding: 7px 14px; border-radius: 999px; border: 1px solid var(--mb-line, #e6e1f2);
  font-size: 13px; text-decoration: none; color: inherit; }
nav.segs .segs__seg.is-on { background: var(--mb-brand-ink, #6e4eb8); border-color: transparent; color: #fff; }