/* ==========================================================
   管店宝拓客 - 设计规范与自定义样式（custom.css）
   本文件是页面"自己"的样式，始终在 style.css 之后加载（同权重时后者生效）。

   设计规范（定稿 2026-09-18）：
   - 字号 6 档（比常规 +1~2px）：
     display-2 72px | display-3 66px | h2-fs 39px | h4-fs 24px | h5-fs 20px | h6-fs 16px
     小卡片标题 card-title-sm 18px（数字卡片专用）
   - 颜色：品牌橙 var(--brand-500, #FF7C1C)（主题色）| 语义红 .text-forbidden（对比表中"禁止使用"）
   - 间距：板块统一 pt48/pb48，个别板块按内容微调
   - 圆角：卡片/图片 rounded，按钮/标签 rounded-pill
   ========================================================== */

/* ---------- 根变量（自原始样式表完整迁入 2026-09-19） ----------
   提炼 style.css 时按 class 过滤，:root/[data-bs-theme] 纯变量规则被整段遗漏；
   其中 --border-width 缺失会导致 .btn 的 border 简写整体失效（按钮没有外框线）。 */

 :root, [data-bs-theme="light"] {
--o-color-2: var(--brand-500, #FF7C1C); --font-sans-serif: "Poppins", "PingFang SC", "Microsoft YaHei", "Odoo Unicode Support Noto", sans-serif; --body-font-family: var(--font-sans-serif); --body-font-size: 0.9375rem; --body-font-weight: 400; --body-line-height: 1.5; --body-color: #212529; --body-color-rgb: 33, 37, 41; --body-bg: #FFFFFF; --emphasis-color: #000; --emphasis-color-rgb: 0, 0, 0; --secondary-color: rgba(33, 37, 41, 0.75); --secondary-bg: #E9ECEF; --tertiary-bg: #e9e9ea; --heading-color: inherit; --link-color: var(--brand-800, #B34700); --link-color-rgb: 179, 71, 0; --link-hover-color: var(--brand-900, #9C4200); --link-hover-color-rgb: 109.6, 46.35066079, 0; --border-width: 1px; --border-color: var(--o-border-color); --border-radius: 0.375rem; --border-radius-xxl: 2rem; --border-radius-pill: 50rem;
}

/* 原: :root x3（断点 + 分隔线色 + 品牌双色，合并为一个；品牌橙 --o-color-1/2 已在大变量块中定义，不再重复）
   2026-09-21 体检：原文件末尾独立的 :root{--brand-surface;--brand-text} 并入此处（全文件唯一出处，位置无关级联） */
:root {
--breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --breakpoint-xxl: 1400px;
--o-border-color: color-mix(in srgb, currentColor 15%, transparent);
--brand-surface: var(--brand-700, #C25200); --brand-text: var(--brand-800, #B34700);
}


/* ---------- 顶栏 ---------- */
/* 顶栏固定悬浮（left/right 同时为 0 才能撑满全宽，缺一会被内容宽度收缩） */
header.o_header_fixed { position: fixed !important; left: 0; right: 0; z-index: 1030; }
/* ---------- 首屏 Hero ---------- */
/* 2026-10-03 第 4 批：首屏留给固定导航的空白与全站对齐 → 152px（原为 tuike-base.css 的 .pt256 = 256px）。
   152px 是全站主流口径：案例详情 / 干货详情 / 资讯刊头 / 关于页 / 模板库 均为 152。
   刻意沿用 .oe_img_bg.pt256 这对类名、并写在本文件 ≤767px 媒体查询【之前】：
   下方 .oe_img_bg.pt256{padding-top:104px} 与之同特异性且后写，故手机端仍保持 104px。
   HTML 不改（index.html 的 pt256 类名保留），回退只需删掉本规则。 */
.oe_img_bg.pt256 { padding-top: var(--nav-offset, 152px) !important; }
/* 文案间距：主标题→副标题、副标题→按钮（用户反馈原间距太挤） */
.hero-copy h1 { margin-bottom: 1.25rem; }
.hero-copy h2 { margin-bottom: 1.75rem; }
/* 2026-10-03 晚 · 桌面端（用户：PC 端头图一起收，选「对齐全站口径」）：
   按钮下间隙对齐全站页头 —— 案例页头 .cs-hero-home 下留白 48px。
   原 .pb160(160px) + 按钮段落自带 mb 16px = 176px（按钮→头图底边），
   再叠下方数字卡片区自带 pt48 → 视觉空隙 224px（远超全站页头口径）。
   现收为 pb 48px + mb 0 → 48px；叠卡片 pt48 后为 96px，与全站页头同一语言。
   手机端另有 24px 档（见本文件 ≤767px 段，特异性同、后写生效）。 */
/* 2026-10-03 晚（用户：PC 桌面插画要小一点）：桌面 hero 背景由 cover（1920 屏整图按宽放大 0.56、上下裁切，
   插画显大）改为 75% 宽贴右 —— 插画整体缩约 1/4；缩出的左侧区域由容器补 var(--brand-500)（与图底同族色，无缝，
   同手机端 2026-10-03 已验证的承接方案）。手机端 ≤767px 规则在媒体查询内、后写生效，不受影响。 */
.oe_img_bg[style*="hero-bg"] {
  background-size: 75% auto;
  background-position: right 48px top 20px;
  background-color: var(--brand-500, #FF7C1C);
}
.oe_img_bg.pb160 { padding-bottom: 48px !important; }
.oe_img_bg[style*="hero-bg"] .hero-copy p { margin-bottom: 0; }
/* hero 副标题两行结构（2026-10-03 重构）：
   第一行 = 主句（品牌 + 客群 + 品类），字号比第二行大一档 —— 桌面 31px（h3 档）/ 移动约 24px；
   第二行 = 产品事实（22 种玩法 / 1943 套配图 / 3 分钟上线），保持 24px（h4 档）。
   原独立的规模背书句（.hero-def）已并入第一行，其规则一并移除；
   第一行含 SaaS 英文，仍靠 :not(:first-child) 把它排除在 --font-cjk-num 之外（见本文件下方字体段）。
   上间距仍由 h2 的 mb 1.75rem 折叠提供，与按钮行间距 1.75rem 对称，未变。 */
.hero-copy h2 > .h4-fs:first-child { font-size: calc(1.3125rem + 0.75vw); }
@media (min-width: 1200px) { .hero-copy h2 > .h4-fs:first-child { font-size: 1.9375rem; } }
/* 次级 CTA「咨询客服」：白描边幽灵按钮（style.css 无 btn-outline-*，按 .btn 变量体系自建，尺寸沿用 btn-lg）；ms-3 工具类已被清理，间距直接写在本规则 */
.btn-hero-ghost {
  margin-left: 1rem;
  --btn-color: #fff;
  --btn-bg: rgba(255, 255, 255, .06);
  --btn-border-width: 1px;   /* 156 批：与 Odoo 参考组件细描边一致（实测计算值本就是 1px） */
  --btn-border-color: rgba(255, 255, 255, .8);
  --btn-hover-color: #212529;
  --btn-hover-bg: #fff;
  --btn-hover-border-color: #fff;
  --btn-focus-shadow-rgb: 255, 255, 255;
}
/* 六大优势：编号紧贴分割线（padding-top 0；数字行盒自带约 14px 半行距，视觉约 17px）
   线→标题 16px（2026-09-21 定档，视觉约 18px。原值 6px 过挤——比「标题→正文」的 8px 还紧，层级倒置）
   2026-09-21 体检：原「.s_key_benefits .col-lg-4 > span.display-3-fs」死规则已删——
   选择器指向 HTML 中并不存在的 display-3-fs（实际是 display-4-fs），永不匹配 */
.s_key_benefits .s_hr { padding-top: 0 !important; padding-bottom: 16px !important; }

/* ---------- 移动端导航（<992px）：汉堡按钮 + 折叠菜单 ---------- */
/* 导航胶囊作为定位参照，菜单以下拉卡片浮层展示（避免撑破胶囊圆角） */
.o_header_mobile { position: relative; }
/* 汉堡按钮：三条橙色横线，点击后变叉 */
.mobile-nav-toggle {
  display: flex; flex-direction: column; justify-content: center; gap: 5px;
  width: 44px; height: 44px; padding: 10px;
  background: transparent; border: 0; border-radius: 50%; cursor: pointer;
}
.mobile-nav-toggle:hover { background: rgba(0, 0, 0, .05); }
/* 键盘焦点环（2026-10-03 第 6 轮）：汉堡按钮落在浅底导航胶囊上 → 深橙轮廓 5.50:1 */
.mobile-nav-toggle:focus-visible { outline: 2px solid var(--brand-800, #B34700); outline-offset: 2px; }
.mobile-nav-toggle-bar {
  display: block; width: 100%; height: 2px; border-radius: 2px;
  background: var(--o-color-2, var(--brand-500, #FF7C1C));
  transition: transform .2s ease, opacity .2s ease;
}
.mobile-nav-toggle[aria-expanded="true"] .mobile-nav-toggle-bar:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.mobile-nav-toggle[aria-expanded="true"] .mobile-nav-toggle-bar:nth-child(2) { opacity: 0; }
.mobile-nav-toggle[aria-expanded="true"] .mobile-nav-toggle-bar:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
/* 折叠菜单：默认收起；.open 时在胶囊下方弹出白色圆角卡片 */
.mobile-nav-menu {
  display: none; position: absolute; top: calc(100% + 8px); left: 8px; right: 8px;
  background: #FFFFFF; border-radius: 24px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .15);
  padding: 8px; margin: 0; z-index: 1040;
}
.mobile-nav-menu.open { display: flex; flex-direction: column; gap: 2px; }
/* ---------- 手机菜单项（2026-10-01 定稿，7 份页面 CSS 同步） ----------
   基座 `.navbar-nav.nav-pills .nav-link`（特异性 0,3,0）会把本页左右内边距压成 1.5rem、圆角打成 10rem，
   故本规则补足到 (0,4,0) 直接胜出，不再依赖 !important。
   padding 维持 10px 16px：项高 = 10 + 10 + 继承行高 27px（header font-size 1.125rem × body line-height 1.5）
   ≈ 47px，本就过 44px 触摸门槛。本次改动实质 = 7 页左右内边距统一到 16px + 去掉 !important，高度不变。 */
.mobile-nav-menu.navbar-nav.nav-pills .nav-link { padding: 10px 16px; border-radius: 999px; text-align: center; }

/* ---------- 语义色 ---------- */
/* 对比表中的红叉（禁止使用） */
.text-forbidden { color: #FF0000 !important; }

/* ---------- 本地字体 ----------
   file:// 直接打开时远程字体被 CORS 拦截，使用本地副本 */
@font-face {
  font-family: 'odoo_ui_icons';
  src: url('../fonts/odoo_ui_icons.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* ---------- 字号档位（桌面端 ≥1200px 生效，移动端保持原缩放） ---------- */
/* 2026-10-05：首页/营销视觉的正文区 .lead 原为 tuike-base 的 1.0546875rem（16.875px），
   是全站唯一未对齐正文导语档的页面。按用户拍板，<1200px 统一到正文区档 19px
   （= gygdb.css:321 的 1.1875rem，about 正文 lead 同值），≥1200px 仍走 --fs-prose-lead。
   仅影响这两页：全站只有 index.html / misc/tkhdmb.html 引 tuike-base。 */
@media (max-width: 1199.98px) {
  .lead { font-size: 1.1875rem; }
}
@media (min-width: 1200px) {
  /* 2026-10-04：原 .display-3-fs / .h2-fs~.h6-fs 整档覆写已删 —— 这套值已提为全站基准，
     由 tokens.css 的 --fs-* 变量统一提供（各频道 base 的 ≥1200 落点均引用之）。
     首页从此不再比其它页大一号；此处只留首页专属档。 */
  .lead { font-size: var(--fs-prose-lead, 18px); }
  .card-title-sm { font-size: 1.171875rem; } /* 18.75px 数字卡片标题（对齐全站 card-title 档）*/
}

/* ---------- 数字卡片（专注拓客15年 等 6 张） ---------- */
/* 卡片列窄，收窄内边距防止标题折行 */
@media (min-width: 1200px) {
  .s_product_list .card-body { padding-left: 12px; padding-right: 12px; }
}

/* ---------- 三大亮点卡片 ---------- */
/* 悬停微动效：上浮 4px + 阴影加深（与价格卡/对比表柔和投影语言一致） */
.s_three_columns .s_card { transition: transform .2s ease, box-shadow .2s ease; }
.s_three_columns .s_card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0, 0, 0, .12); }
/* 用户系统设置为"减弱动效"时停用上浮 */
@media (prefers-reduced-motion: reduce) {
  .s_three_columns .s_card { transition: none; }
  .s_three_columns .s_card:hover { transform: none; }
}

/* ---------- 痛点问答（8 宫格） ---------- */
/* 问题句由 span 语义化为 h3：补齐原 p 的行高/下边距/字重，渲染与原先一致 */
.s_key_images h3 { margin: 0 0 1rem; line-height: 1.5; font-weight: 400; }
/* 编号 01-08 统一品牌深橙（与六大优势编号 rgb(194,87,0) 一致） */
.s_key_images .h1-fs { color: var(--brand-text); } /* 2026-09-20 第三批：var(--brand-500, #FF7C1C) 压米白 2.31:1 → 深橙 4.93:1 */
/* 插图去内联锁宽后由本规则接管宽度 */
.s_key_images .o_we_custom_image { width: 100%; }

/* ---------- 六大优势 ---------- */
/* 编号 1-6 颜色（原为 6 处内联样式，收编至此，与痛点编号同色） */
.s_key_benefits .display-4-fs { color: var(--brand-text); } /* 2026-09-20 第三批 */

/* ---------- 订阅年费价格卡 ---------- */
/* 板块标题节奏（2026-09-21 重写）：HTML 自带 .pt48/.pb24 与 h2 上的 .mb-3 全部带 !important，
   自定义规则不带 !important 一律被压掉——旧版三条（padding-top:5rem 等）因此从未生效，已删。
   现在：上方 48px 保持 HTML 原值；下方 = 24px(本板块 padding-bottom) + 24px(卡片板块 padding-top) = 48px，与上方精确对称。 */
.s_numbers h2 { margin-bottom: 0 !important; }
.s_comparisons { padding-top: 24px !important; }
/* 老用户入口「商家管理中心」：单源菜单最右项，描边深橙区别于普通菜单项（手机菜单自动克隆）。
   2026-09-21 体检修复两处：
   (a) 原 color/box-shadow 不带 !important，被 style.css 的 `.navbar-light a.nav-link` 灰字规则压掉，
       按钮文字实际是灰色（描边虽在，但"橙色按钮"的视觉语义丢失）；
   (b) 字色由纯橙 var(--brand-500, #FF7C1C) 收紧为深橙 var(--brand-800, #B34700)：橙字压白底仅 2.58:1，低于 WCAG AA 正文 4.5:1，
       与同页价格卡描边按钮 .btn-pricing 统一到双色制（深橙字 + 深橙描边，压白 5.50:1）。
   2026-10-01 恢复：按钮样式规则在 2026-09-22 移除时被删，本次按上述规格重建（见下方按钮块）；
   文案由各页各写（拓客页「管店宝拓客后台」/ 收银页「管店宝收银后台」）统一为「商家管理中心」。 */
#top_menu { flex-grow: 1; }
#top_menu .nav-item-enter { margin-left: auto; }

/* 商家管理中心入口按钮本体（2026-10-01 恢复；成组的前两条 #top_menu 规则见上方导航段 166-167 行） */
#top_menu .nav-item-enter .nav-link {
  padding: 6px 18px !important;
  color: var(--brand-800, #B34700);
  background: transparent;
  border-radius: 999px;
  box-shadow: inset 0 0 0 1px var(--brand-800, #B34700);
  font-weight: 500;
  white-space: nowrap;
}
#top_menu .nav-item-enter .nav-link:hover { background: var(--brand-700, #C25200); color: #FFFFFF; }
/* 手机菜单里的同名入口：白面板上保持同款描边，与站内导航项区分（该项是外链，新窗口跳商家后台）。 */
.mobile-nav-menu .nav-item-enter .nav-link { color: var(--brand-800, #B34700); box-shadow: inset 0 0 0 1px var(--brand-800, #B34700); }

/* 价格卡试用按钮：描边款，悬停填充（购买在管理后台完成，此处只引导免费试用）
   悬停填充用 --brand-surface 深橙：白字压纯橙仅 2.58:1 → 压深橙 4.67:1 */
.s_comparisons .btn-pricing { display: block; width: 100%; margin-bottom: .75rem; color: var(--brand-text); box-shadow: inset 0 0 0 1px var(--brand-text); background: transparent; }
.s_comparisons .btn-pricing:hover { background: var(--brand-surface); color: #fff; }
/* 2026-10-05：实测 39px 高 < 44px 触控目标 → 触摸端补到 44px（桌面维持原值）。 */
@media (max-width: 991.98px) {
  .s_comparisons .btn-pricing { min-height: 44px; }
}
/* 价格卡：去外框线（与原版一致），改用柔和投影让白卡浮在米色底上 */
.s_comparisons .card { box-shadow: 0 4px 20px rgba(0, 0, 0, .08); }
/* 价格卡权益清单：行间分隔线（提炼 style.css 时 list-group-flush 的分隔线规则被过滤掉了） */
.s_comparisons .list-group-item { border-top: 1px solid rgba(0, 0, 0, .08); }
.s_comparisons .list-group-item:first-child { border-top: 0; }

/* ---------- 拓客功能与订阅版本对比表 ---------- */
/* 表格宽度（原为内联样式，清理时收编至此） */
.s_picture .table { min-width: 900px; width: 100%; margin-bottom: 0; border-collapse: separate; border-spacing: 0; }
/* 布局：仍用 fixed（Odoo 残留规则的反向利用），但首列显式定宽——fixed 布局下其余四列自动严格等分剩余宽度 */
#wrapwrap .s_picture table.table.table-bordered { table-layout: fixed; overflow-wrap: normal; }
.s_picture .table thead th:first-child, .s_picture .table tbody th:first-child { width: 340px; }
/* 首列 sticky（横向滚动钉左）+ 表头 sticky（容器内纵向滚动钉顶）；border-collapse 改 separate 保证 sticky 渲染可靠 */
.s_picture .table tbody th:first-child, .s_picture .table tbody td:first-child { position: sticky; left: 0; z-index: 1; background: #fff; }
.s_picture .table thead th { position: sticky; top: 0; z-index: 2; background: var(--brand-surface); color: #fff; padding: .875rem .5rem; height: 52px; vertical-align: middle; box-shadow: 0 1px 0 rgba(0, 0, 0, .1); }
.s_picture .table thead th:first-child { left: 0; z-index: 3; }
/* 2026-09-21：表头 5 格统一深橙白字；高亮列不再加任何额外标记（曾试 2.5px 白描边，用户否掉）——
   定制尊享版的高亮只靠表体整列淡橙底 #FFF6EF 区分 */
/* 首列不换行 + 右侧呼吸位（fixed 布局下 padding 计入 340px 定宽内，实际文字可用约 316px，最长赠送行约 300px 可容纳） */
.s_picture .table tbody th:first-child { white-space: nowrap; padding-right: 24px; }
/* 勾叉列：内容统一居中，图标外层 p 清边距（p 默认下边距会撑高行、造成行高不齐） */
.s_picture .table tbody td { text-align: left; vertical-align: middle; padding-left: 20px; }
.s_picture .table tbody td p { margin: 0; }
/* 免费试用独立行与图例的间距 */
.s_picture .table-free-note { margin-bottom: .25rem; }
/* 表格装进白色圆角卡片 + 柔和投影（与价格卡视觉语言统一）；限高 70vh，超出在卡片内滚动 */
/* 表格卡片：外框（白底/圆角/阴影）挂在 wrapper 上，滚动区在卡片内部纵向滚动，页脚条独占卡片底部
   滚动区高度：默认放下 12 项（表头 58 + 12×63.5 ≈ 820px），矮屏由 76vh 兜底，避免卡片吃掉整屏 */
.table-scroll-wrap { position: relative; background: #fff; border-radius: 12px; box-shadow: 0 4px 20px rgba(0, 0, 0, .08); overflow: hidden; }
.s_picture [role="region"] { overflow: auto; scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, .25) transparent; }
.s_picture [role="region"]::-webkit-scrollbar { width: 8px; height: 8px; }
.s_picture [role="region"]::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, .2); border-radius: 4px; }
.s_picture [role="region"]::-webkit-scrollbar-track { background: transparent; }

/* 去掉全边框，只保留行间细分隔线 */
.s_picture .table th, .s_picture .table td { border: 0 !important; }
.s_picture .table tbody th, .s_picture .table tbody td { border-bottom: 1px solid rgba(0, 0, 0, .08) !important; }
.s_picture .table tbody tr:last-child th, .s_picture .table tbody tr:last-child td { border-bottom: 0 !important; }
/* 定制尊享版整列淡橙高亮，引导视线 */
/* 181b 列底色重做：中性暖灰四档递进（不再整列橙，避免发闷）+ 左侧品牌橙竖条按档位加深，兼顾「区分版本」与「一眼看出升级」 */
.s_picture .table tbody td:nth-child(2) { background: #FCF9F5; box-shadow: inset 3px 0 0 rgba(255, 124, 28, .14); }
.s_picture .table tbody td:nth-child(3) { background: #F9F4ED; box-shadow: inset 3px 0 0 rgba(255, 124, 28, .30); }
.s_picture .table tbody td:nth-child(4) { background: #F6EFE5; box-shadow: inset 3px 0 0 rgba(255, 124, 28, .48); }
.s_picture .table tbody td:nth-child(5) { background: #F2E9DB; box-shadow: inset 3px 0 0 rgba(255, 124, 28, .66); }
/* 行 hover 浅色反馈（尊享版列保持高亮色） */
/* 180 批 hover：各列在本列底色上加深一档 */
.s_picture .table tbody tr:hover th:first-child { background: #FFFBF8; }
.s_picture .table tbody tr:hover td:nth-child(2) { background: #F7F1E8; }
.s_picture .table tbody tr:hover td:nth-child(3) { background: #F4EDE0; }
.s_picture .table tbody tr:hover td:nth-child(4) { background: #F0E7D8; }
.s_picture .table tbody tr:hover td:nth-child(5) { background: #ECE1CE; }

/* ---------- 常见问题解答 FAQ（2026-09-26 全站统一：极简分隔线风，对齐 gdbwsc） ---------- */
.s_faq_collapse h2 { margin-bottom: 32px !important; }
.s_faq_collapse .accordion-item { border: 0 !important; border-bottom: 1px solid rgba(0, 0, 0, .08) !important; background: transparent !important; }
.s_faq_collapse .accordion-item:last-child { border-bottom: 0 !important; }
.s_faq_collapse .accordion-button { padding: 16px 0; box-shadow: none !important; font-size: 1rem; background: transparent !important; }
.s_faq_collapse .accordion-button:hover { background: #FFF9F4 !important; }
.s_faq_collapse .accordion-button:not(.collapsed) { color: var(--brand-text) !important; background: transparent !important; }
.s_faq_collapse .accordion-body { padding: 0 0 16px; }
.s_faq_collapse .accordion-body p { margin-bottom: 8px; }
.s_faq_collapse .accordion-body p:last-child { margin-bottom: 0; }
.s_faq_collapse .accordion-body strong { color: var(--brand-text); }
.s_faq_collapse .accordion-button::after { filter: none; opacity: .55; }

/* ---------- 推荐官权益 ---------- */
/* 左侧权益点：橙底浅橙小图标 + 标题 + 一句话，细线分隔（原 130 字长文案拆为 3 点） */
.s_numbers_charts .referral-list { list-style: none; padding: 0; margin: 0; }
.s_numbers_charts .referral-list li { display: flex; align-items: flex-start; padding: 14px 0; }
.s_numbers_charts .referral-list li + li { border-top: 1px solid rgba(0, 0, 0, .06); }
.s_numbers_charts .referral-list i { flex: none; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 10px; background: #FFF1E5; color: var(--brand-800, #B34700); font-size: 1.05rem; margin-right: 14px; }
.s_numbers_charts .referral-list strong { display: block; margin-bottom: 2px; }
.s_numbers_charts .referral-list span { display: block; color: rgba(0, 0, 0, .65); font-size: .9375rem; }
/* 右侧数字卡：单卡改正方形（aspect-ratio 1:1，限宽居中），白卡+投影+品牌橙大数字居中 */
.s_numbers_charts .referral-stat { background: #fff; border-radius: 16px; box-shadow: 0 4px 20px rgba(0, 0, 0, .08); aspect-ratio: 1 / 1; width: 100%; max-width: 360px; margin: 0 auto; padding: 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.s_numbers_charts .referral-stat + .referral-stat { margin-top: 16px; }
.s_numbers_charts .referral-stat-num { margin: 0; font-size: calc(3.25rem + 2.5vw); font-weight: 700; line-height: 1.1; color: var(--brand-text); }
.s_numbers_charts .referral-stat-num span { font-size: .45em; margin-left: 2px; }
.s_numbers_charts .referral-stat-label { margin: 14px 0 0; color: rgba(0, 0, 0, .6); font-size: 1rem; }
@media (max-width: 767px) { .s_numbers_charts .referral-stat { max-width: 300px; } }

/* ---------- 客户口碑头 + logo 墙 ---------- */
/* 标题/副标题/数字条独立板块，不带 wave 动图装饰（用户反馈：标题不应在动图板块内） */
/* 2026-09-21：副标题「覆盖美业、教培、餐饮、零售服务等主流线下行业」已删（用户反馈夹在标题与数字条中间很难看、
   且与下方数字条间距为 0）。删后 h2 只剩 mb-2 的 10px，故给数字条定 24px 上边距，与全站「标题→内容」节奏一致。 */
.logo-wall-head .logo-wall-stats { margin-top: 24px !important; }
/* 社会证明数字条：品牌橙数字（25+万/5千万+/200+，2026-09-23 更新口径：服务用户25+万、拓客5千万+人次、覆盖200+城市） */
.logo-wall-head .logo-stat-num { margin: 0; font-size: calc(1.375rem + .75vw); font-weight: 700; color: var(--brand-text); line-height: 1.2; }
.logo-wall-head .logo-stat-label { margin: 4px 0 0; color: rgba(0, 0, 0, .6); font-size: .9375rem; }
/* logo 墙：6 张拼版图无缝拼成一张大图（用户反馈：不应看出间隙）——清零栅格 gutter、去卡片边框/投影/圆角 */
.s_wavy_grid { --gutter-x: 0px; --gutter-y: 0px; }
/* 注：logos-05.webp（实为 WebP）经白底合成验证在白底上清晰可见，无需任何特殊处理；
   此前的深底方案系误判已撤销 */

/* ---------- 底部 CTA：电脑 + 手机叠放图 ---------- */
/* 白底收编（原为内联样式，与 o_cc2 米色底主题矛盾） */
.s_cta_mockups { background-color: #fff; padding-bottom: 4rem; }
/* 标题 h3→h2 后接管原 h3 的流式字号，渲染不变 */
.s_cta_mockups h2 { font-size: calc(1.3rem + 0.6vw); }
/* 手机图叠放断点与图片显示断点对齐（原 1200 会在 992~1199px 出现两图竖排）；
   设备栏加 3rem 左内边距拉开与文案的间距，手机图定位起点同步右移保持与电脑图左缘对齐 */
@media (min-width: 992px) {
  .s_cta_mockups .cta-devices { padding-left: 3rem; }
  .cta-iphone { position: absolute; left: 3rem; bottom: 0; width: 26%; z-index: 2; }
}

/* ---------- 联系我们 ---------- */
/* 联系项：橙底图标块（与推荐官权益列表同语言）；邮箱已按用户要求删除（门店老板不用邮箱） */
.contact-item { margin-bottom: 20px; }
.contact-item p { padding-left: 42px; }
.s_contact_info .contact-item h3 { display: flex; align-items: center; margin-bottom: 6px; }
.s_contact_info .contact-item h3 .fa { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 32px; height: 32px; border-radius: 8px; background: #FFF1E5; color: var(--brand-800, #B34700); font-size: .95rem; margin-right: 10px; }
/* 咨询热线：号码即链接，移动端点按直接拨号
   2026-09-21 体检：本板块是 .o_cc1（白底），style.css 的 `.o_cc1 a:not(.btn) { color:#ba4f00 }`
   把电话号与拨号按钮的橙色全部接管 → 字色与预期不符。四条规则统一补 !important，
   并把纯橙收紧为双色制（号深橙、悬停更深；按钮深橙描边，悬停深橙底白字 4.67:1） */
.s_contact_info .contact-phone-link { font-size: calc(1.25rem + .5vw); font-weight: 700; color: var(--brand-text) !important; text-decoration: none; }
.s_contact_info .contact-phone-link:hover { color: var(--brand-surface) !important; text-decoration: none; }
/* 一键拨打按钮：给桌面端鼠标用户的明确动作出口 */
.s_contact_info .contact-call-btn { display: inline-flex; align-items: center; gap: 6px; margin-left: 42px; padding: 6px 18px; border: 1px solid var(--brand-text) !important; border-radius: 999px; color: var(--brand-text) !important; background: #fff; font-weight: 700; text-decoration: none; }
.s_contact_info .contact-call-btn:hover { background: var(--brand-surface) !important; color: #fff !important; text-decoration: none; }
/* 2026-10-05：实测 37px 高 < 44px 触控目标 → 触摸端补到 44px（桌面维持原值）。
   注：.contact-call-btn 在 tuike/gygdb/lxgdb-contact 三处各有一份定义，改时须同步。 */
@media (max-width: 991.98px) {
  .s_contact_info .contact-call-btn { min-height: 44px; }
}
/* 右侧办公照片：柔投影与全站卡片语言统一 */
.s_contact_info .col-lg-6 img.img-fluid { box-shadow: 0 4px 20px rgba(0, 0, 0, .08); }

/* ---------- 栅格补丁 ---------- */
/* style.css 精简（Odoo 清理 220KB→49KB）时缺失的标准栅格类，全页扫描仅缺这两个，补齐避免布局类再次踩坑 */
.col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; }
@media (min-width: 768px) {
  .col-md-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; }
}




/* ---------- 字体落地：Poppins（2026-09-20 补齐，与官网/收银页一致）---------- */
/* 背景：style.css 里标题字体被写死为不存在的 "Odoo Unicode Support Noto"，
   把标题从 body 的 Poppins 继承链上切断了，导致全页回退系统字体。
   此处补上 7 个字重的本地字体文件（fonts/poppins/，共 56KB，零外部请求）。 */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/poppins/poppins-latin-300-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/poppins/poppins-latin-400-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/poppins/poppins-latin-600-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/poppins/poppins-latin-700-normal.woff2') format('woff2');
}


/* ---------- 站点动效（2026-09-20，与收银页同款）----------
   配合 js/site-effects.js：头部滚动响应 / 板块进场淡入 / 数字滚动计数（JS 侧）。
   .fx-reveal 由脚本动态添加——JS 不运行时该类不存在，页面完整可读，SEO 零风险 */
header#top .navbar { transition: box-shadow .25s ease, padding .25s ease; }
/* 滚动后：只微收高度，阴影保持不变（与未滚动完全一致）
   2026-10-02 用户反馈：滚动后阴影由橙色光晕变成深棕（rgba(46,31,20,.18)），观感突兀，
   要求「颜色保持一致」→ 不再覆盖 box-shadow，基础态 #FF9C00 0 8px 16px 由 *-base.css 的
   !important 规则统一提供（桌面/移动两条导航都命中 header nav.navbar，故移动端也不必另写）。 */
header#top.is-scrolled .navbar.navbar-expand-lg {
  padding-top: .55rem !important; padding-bottom: .55rem !important;
}
/* 进场单元：初始隐藏下移 16px，滚入视口后过渡显现；错峰延迟由脚本注入 --fx-delay */
.fx-reveal {
  opacity: 0; transform: translateY(16px);
  transition: opacity .5s ease var(--fx-delay, 0ms), transform .5s ease var(--fx-delay, 0ms);
  will-change: opacity, transform;
}
.fx-reveal.fx-in { opacity: 1; transform: none; will-change: auto; }
/* 系统"减少动态效果"：直接可见、无过渡（脚本层面同样整体跳过，双保险） */
@media (prefers-reduced-motion: reduce) {
  .fx-reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
}

/* ---------- 卡片标题层级修正（2026-09-20） ----------
   三大亮点（3 张）与订阅版本（4 张）的卡片标题原为 h5 —— 全站唯一使用 h5 的地方，
   文档大纲在 h3 之后跳级；页面其余卡片标题均已是 h3。本次只换标签承接正确层级。
   下面这条规则把字号锁定为原 h5 的计算值（1.171875rem = 18.75px，行高 1.2 由 h3 同组规则继承），
   确保 390 / 830 / 1200 / 1440 四个断点下视觉零变化。
   注：不可改用 .h5-fs（≥1200px 被覆盖为 1.25rem=20px）或 .card-title-sm（18px），两者都会改动字号；
   末尾 :not(.card-title-sm) 用于排除数字卡片已有的 18px 卡片标题，避免误伤 */
h3.card-title:not(.card-title-sm) { font-size: 1.171875rem; }

/* ===== 2026-09-26 方案①：手机端 btn-lg 大按钮统一缩小（用户定，含「商家管理中心」） =====
   现状：btn-lg（免费试用/商家管理中心/咨询客服）内边距 9.6px 上下 / 28.8px 左右，
   内嵌 h4-fs 大字 ≈21px → 按钮高约 52px，手机端过大。
   修法：≤767px 把 btn-lg 尺寸变量降回默认档（7.2px/21.6px）+ 内嵌 h4-fs 钉 16px
   → 高约 40px，与全站普通按钮一致。
   本块仅手机端生效，电脑端（≥768px）零变化；「咨询客服」幽灵按钮手机端本就 m-hide 隐藏。 */
@media (max-width: 767px) {
  .btn-lg { --btn-padding-y: .45rem; --btn-padding-x: 1.35rem; }
  .btn-lg .h4-fs { font-size: 16px; }
}

/* ------------------------------------------------------------------
   lg 区间（992–1199px）「资讯」入口 —— 2026-09-22 起恢复显示。
   背景：旧版此处 7 项导航（含末尾「后台」按钮）在 992px 溢出视口 82px，故隐藏「资讯」兜底；
        第 49 批按业务决定把「后台」按钮移入首屏后，导航回到 6 项（+品牌 = 7），
        与旧版 992px 的可见项数相同且更窄，装得下，原 @media 隐藏规则已删除。
   ------------------------------------------------------------------ */


/* ------------------------------------------------------------------
   第三批修复：对比度双色制（2026-09-20）
   品牌橙 var(--brand-500, #FF7C1C)（--o-color-1/--o-color-2）保持不变，继续用于装饰。
   承载文字的场景改用两个深橙档，全部达到 WCAG AA（对比度按 WCAG 相对亮度公式实算）：
   --brand-surface var(--brand-700, #C25200) = 橙底承载文字用（纯白字 4.67:1）
   --brand-text    var(--brand-800, #B34700) = 橙字压白/米白底用（白底 5.50:1、米白底 4.93:1）
   注：两个变量已并入文件开头的 :root 块（2026-09-21 体检，去重） */


/* 橙字压浅底 → 深橙字（描边主按钮、跳至内容、对比表勾选文字、导航品牌字）。
   源规则（style.css）为 !important 且含 .o_cc2/.o_cc5 等高特异性变体，
   故用 !important 同权重压制（custom.css 在级联中靠后，同权重时胜出）；
   深底白字按钮（.o_cc5）单独恢复白色。悬停态仍为品牌橙底 + 深色文字。 */
.btn-primary { --btn-color: var(--brand-text) !important; --btn-border-color: var(--brand-text) !important; }
.o_cc5 .btn-primary { --btn-color: #FFFFFF !important; --btn-border-color: #FFFFFF !important; }
.text-o-color-1 { color: var(--brand-text) !important; }
/* 导航品牌字「管店宝」（.text-o-color-2）：2026-09-21 起按 WCAG 1.4.3「logo / 品牌名豁免」
   回主题原色 var(--brand-500, #FF7C1C)（style.css 原生 .text-o-color-2），与收银、微商城两页一致。
   注意：.text-o-color-1 仍守深橙——它还用在价格卡的「1 个品牌 / 10 个门店 / 不限制」
   等正文数字上（白卡底），属承载信息，不能豁免。 */

/* 辅助灰字 #6C757D 压米白 #F5F2F0 只有 4.21:1 → 加深至 5.38:1（压白底 6.00:1） */
.text-600 { color: #61686E !important; }

/* hero 文字（2026-10-03 第 5 批，用户发现「底色一样字色不一样」后统一）：
   hero-bg.jpg 实为亮橙底 —— 与案例橙带同族（2026-09-22 旧注释即写明「满亮橙底白字仅 2.55:1」靠阴影硬撑）。
   白字方案作废，改深棕字（与橙带页同一支 --on-brand），阴影一并去除（底色均匀纯净，无需阴影）。
   标题用 --on-brand（最深），段落用 --on-brand-muted（浅一档，保留层次）。 */
.oe_img_bg[style*="hero-bg"] { position: relative; }
.oe_img_bg[style*="hero-bg"] > * { position: relative; z-index: 1; }
@media (min-width: 992px) {
  .hero-copy h1, .hero-copy h2,
  .oe_img_bg[style*="hero-bg"] h1, .oe_img_bg[style*="hero-bg"] h2,
  .oe_img_bg[style*="hero-bg"] strong, .oe_img_bg[style*="hero-bg"] font {
    color: var(--on-brand, #2E1F14) !important; }
  .oe_img_bg[style*="hero-bg"] p {
    color: var(--on-brand-muted, #4A2A12) !important; }
  /* 次级 CTA「咨询客服」：深字深描边幽灵按钮；悬停保持原语言（白底 + 深橙字） */
  .oe_img_bg[style*="hero-bg"] .btn-hero-ghost { --btn-color: var(--on-brand, #2E1F14) !important; --btn-border-color: rgba(46, 31, 20, .55) !important;
    --btn-bg: transparent !important; --btn-hover-color: var(--brand-800, #B34700) !important;
    --btn-hover-bg: #FFFFFF !important; --btn-hover-border-color: #FFFFFF !important; --btn-focus-shadow-rgb: 179, 71, 0 !important; }
  .oe_img_bg[style*="hero-bg"] .btn-hero-ghost:hover strong,
  .oe_img_bg[style*="hero-bg"] .btn-hero-ghost:focus strong { color: var(--brand-800, #B34700) !important; }
  /* 主按钮「商家管理中心」：原为透明底白字白描边（压亮橙照片约 2.5:1）→ 实心品牌深橙底白字（4.67:1），
     与 404 页主按钮同一语言；形状、圆角、尺寸不动。悬停压深一档保持白字。 */
  .oe_img_bg[style*="hero-bg"] .btn-primary { --btn-color: #FFFFFF !important; --btn-border-color: var(--brand-700, #C25200) !important;
    --btn-bg: var(--brand-700, #C25200) !important; --btn-hover-color: #FFFFFF !important;
    --btn-hover-bg: var(--brand-900, #9C4200) !important; --btn-hover-border-color: var(--brand-900, #9C4200) !important;
    --btn-focus-shadow-rgb: 156, 66, 0 !important; }
}
@media (max-width: 991.98px) {
  /* 2026-10-03 第 5 批：手机端与桌面同步改深棕字（原白字 + 阴影方案作废，历程见上方桌面段注释） */
  .hero-copy h1, .hero-copy h2,
  .oe_img_bg[style*="hero-bg"] h1, .oe_img_bg[style*="hero-bg"] h2,
  .oe_img_bg[style*="hero-bg"] strong, .oe_img_bg[style*="hero-bg"] font {
    color: var(--on-brand, #2E1F14) !important; }
  .oe_img_bg[style*="hero-bg"] p {
    color: var(--on-brand-muted, #4A2A12) !important; }
  /* 次级 CTA「咨询客服」：深字深描边（旧注释「白描边压亮橙不可读」正是本次修改的依据） */
  .oe_img_bg[style*="hero-bg"] .btn-hero-ghost { --btn-color: var(--on-brand, #2E1F14) !important; --btn-border-color: rgba(46, 31, 20, .55) !important;
    --btn-bg: transparent !important; --btn-hover-color: var(--brand-800, #B34700) !important;
    --btn-hover-bg: #FFFFFF !important; --btn-hover-border-color: #FFFFFF !important; --btn-focus-shadow-rgb: 179, 71, 0 !important; }
  .oe_img_bg[style*="hero-bg"] .btn-hero-ghost:hover strong,
  .oe_img_bg[style*="hero-bg"] .btn-hero-ghost:focus strong { color: var(--brand-800, #B34700) !important; }
}
/* 主 CTA「免费试用」：白色实心 + 深橙字（2026-09-22 头图全站统一，用户定：按钮不能黑色；
   深橙字压白底 5.5:1 达标）。按钮内 strong 单独钉色，防止被外层白字/阴影规则波及 */
.oe_img_bg[style*="hero-bg"] .btn-primary {
  background-color: #FFFFFF !important; border-color: #FFFFFF !important; color: var(--brand-800, #B34700) !important;
  box-shadow: 0 2px 12px rgba(96, 38, 0, .30); }
.oe_img_bg[style*="hero-bg"] .btn-primary:hover, .oe_img_bg[style*="hero-bg"] .btn-primary:focus {
  background-color: #FFF3EA !important; border-color: #FFFFFF !important; color: var(--brand-800, #B34700) !important; }
.oe_img_bg[style*="hero-bg"] .btn-primary strong { color: var(--brand-800, #B34700) !important; text-shadow: none; }



/* ------------------------------------------------------------------
   992-1003px 极窄区间压缩导航内边距（2026-09-21）
   导航全称状态下，该区间最右「管店宝拓客后台」按钮溢出视口最多
   5px（1000px 时 2px，1004px 起正常，实测记录）。每项左右内边距
   24px→22px，6 个可见项共省 24px，视觉无感。≥1004px 与移动端
   （<992px）均不受影响。收银页同批同步修复。
   ------------------------------------------------------------------ */
@media (min-width: 992px) and (max-width: 1003.98px) {
  #top_menu > li > .nav-link { padding-left: 22px; padding-right: 22px; }
}

/* ---------- 导航选中态（2026-09-22 五页统一，用户拍板 A 方案） ----------
   原：主题橙底药丸+深灰字（5.99:1 达标但视觉拉胯：与品牌 logo 橙块相撞、
   与头图「白色药丸+橙字」按钮语言打架、字重不加粗层级弱）。
   改：白药丸+品牌深橙字+柔影，与头图主按钮同一套语言。
   #top_menu 前缀确保不影响手机菜单（.mobile-nav-menu 内克隆项，白面板保留橙药丸） */
#top_menu .nav-link.active {
  background: #FFFFFF !important;
  color: var(--brand-800, #B34700) !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 10px rgba(194, 82, 0, .28) !important;
}

/* 联系我们板块：地址下方提示句（与联系我们页 contact-note 视觉一致） */
.s_contact_info .contact-item .contact-note { margin-top: 6px; margin-bottom: 0; color: rgba(0, 0, 0, .6); font-size: .9375rem; line-height: 1.6; }

/* -- 页脚二维码窄屏溢出修复（2026-09-22） -----------------------------
   与收银页 4.5 节同源问题、同解法：二维码 img 的内联 max-width:260px
   大于 992–1010px 区间所在列的内容宽（210px），撑破布局产生横向滚动条
   （实测 992px 溢出 19px、1000px 溢出 15px；≤990px 容器随之变窄反而正常）。
   只在 lg 区间用同权重 !important 覆盖那条内联声明
   （作者 !important 优先于内联普通声明）。≥1200px 视口有富余，不加限制，
   桌面渲染（260×128）与改前逐像素一致。 */
@media (min-width: 992px) and (max-width: 1199.98px) {
  footer img.o_we_custom_image[src*="qrcode"] { max-width: 100% !important; }
}
/* ---------- 活动案例精选（三产品页共用语言，样式与案例页卡片同款） ---------- */
.case-teaser{padding:64px 0 !important;background-color:#FFF7F1 !important;}
@media (max-width:767px){.case-teaser{padding:44px 0 !important;}}
.case-teaser-head{text-align:center;}
.case-teaser-head h2{font-size:2rem !important;font-weight:700 !important;line-height:1.35 !important;margin:0 !important;color:#3d2b1f !important;display:block !important;}
@media (max-width:767px){.case-teaser-head h2{font-size:1.5rem !important;}}
.case-teaser-sub{margin:12px 0 0;font-size:1rem;line-height:1.6;color:#6b5b4d;}
.case-teaser-grid{display:grid;grid-template-columns:1fr;gap:26px;margin-top:30px;}
@media (min-width:768px){.case-teaser-grid{grid-template-columns:1fr 1fr;}}
@media (min-width:1200px){.case-teaser-grid{grid-template-columns:1fr 1fr 1fr;}}
.case-teaser-card{background:#FFFFFF;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(61,43,31,.08);transition:transform .15s,box-shadow .15s;}
.case-teaser-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(61,43,31,.14);}
.case-teaser-cover{display:block;line-height:0;}
.case-teaser-cover img{width:100%;height:auto;display:block;aspect-ratio:2.35/1;object-fit:cover;}
.case-teaser-title{font-size:1.05rem;font-weight:600;line-height:1.5;margin:14px 16px 8px;color:#3d2b1f;}
.case-teaser-title a{color:inherit;text-decoration:none;}
.case-teaser-title a:hover{color:var(--brand-800, #B34700);}

/* 整卡可点（2026-10-09，与 gdbkhal.css 的 .post-card 同一做法）：标题链接 ::after 铺满卡片。
   设计稿的 .case-teaser-card 没有被定位，补一条 position:relative 当锚点——
   这是 CSS 可见差异，首页对拍多一条 position 已知偏差（见 tools/verify.mjs）。 */
.case-teaser-card{position:relative;}
.case-teaser-title a::after{content:"";position:absolute;inset:0;}
.case-teaser-digest{margin:0 16px 18px;font-size:.92rem;line-height:1.6;color:#6b5b4d;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.case-teaser-more{margin:32px 0 0;text-align:center;font-size:1rem;}
/* 158 批：查看全部入口换 Odoo 18 s_cta_badge 同构胶囊（用户拍板），板块底同步 #FFF7F1 */
.case-teaser-cta{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;row-gap:2px;column-gap:10px;background:#FFFFFF;border:1px solid rgba(96,38,0,.18);border-radius:32px;padding:10px 24px;box-shadow:0 2px 10px rgba(61,43,31,.06);transition:transform .15s ease,box-shadow .15s ease;}
.case-teaser-cta .fa{color:var(--brand-800, #B34700);font-size:.95rem;}
.case-teaser-cta-text{color:#3D2B1F;font-weight:500;}
.case-teaser-cta a{color:var(--brand-800, #B34700);font-weight:700;text-decoration:none;white-space:nowrap;}
.case-teaser-cta a:hover{text-decoration:underline;}
.case-teaser-cta:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(61,43,31,.12);}

/* ===== 179 批：板块间距微调（用户反馈两处过大） ===== */
/* ===== 179 批：板块间距微调（用户反馈两处过大；仅桌面端 lg+，窄屏布局不同不动） ===== */
@media (min-width: 992px){
/* ① 产品卡墙（专注门店15年那排）→「5大拓客模式」三卡行：真实视觉间距 115px → 75px */
.s_three_columns.pt48{padding-top:8px !important;}
/* ② 六大优势：第1行(1/2/3)与第2行(4/5/6)之间，行距 90px → 64px；只作用第2行三项 */
.s_key_benefits .row > div:nth-child(n+5){padding-top:24px !important;}
}

/* ===== 180/181 批：隔行小水印（每格居中；文字=该列表头简称；滚动页面时区分版本；装饰性） ===== */
.s_picture .table tbody td { position: relative; }
.s_picture .table tbody tr:nth-child(even) td::after {
  content: ""; position: absolute; left: 50%; top: 50%;
  transform: translate(-50%, -50%) rotate(-8deg);
  font-size: 13px; line-height: 1; font-weight: 600; letter-spacing: .08em;
  color: rgba(179, 71, 0, .17); pointer-events: none; white-space: nowrap;
}
.s_picture .table tbody tr:nth-child(even) td:nth-child(2)::after { content: "单店版"; }
.s_picture .table tbody tr:nth-child(even) td:nth-child(3)::after { content: "连锁版"; }
.s_picture .table tbody tr:nth-child(even) td:nth-child(4)::after { content: "机构版"; }
.s_picture .table tbody tr:nth-child(even) td:nth-child(5)::after { content: "定制版"; }

/* ===== 181b：表底「年费 + 免费试用」收官行（33 行很长，末尾给一次转化出口） ===== */
/* ===== 2026-09-25 第219批：对比表去单调（数值行强调 / 一致行降级）；第220批按用户裁定删除分组行 ===== */
/* 额度/费用行：数值以品牌橙强调，行底略提亮以与功能行区分 */
.s_picture .table tbody tr.row-quota > th { font-weight: 600; }
.s_picture .table tbody tr.row-quota td p strong, .s_picture .table tbody tr.row-quota > th p strong { color: var(--brand-text); font-weight: 700; }
.s_picture .table tbody tr.row-quota { box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .06); }
/* 四档一致的行：降级为次要信息（标签与图标一起淡化），让差异行凸显 */
.s_picture .table tbody tr.row-same > th p { color: #9A8F86; font-weight: 400; }
.s_picture .table tbody tr.row-same > th p strong { color: #9A8F86; }
.s_picture .table tbody tr.row-same td i { opacity: .45; }
.s_picture .table tfoot th, .s_picture .table tfoot td {
  background: #FFF7F1; border-top: 2px solid var(--brand-text) !important; border-bottom: 0 !important;
  padding: 18px 12px; text-align: left; vertical-align: middle;
}
.s_picture .table tfoot th:first-child { padding-left: 20px; }
.s_picture .table tfoot td { padding-left: 20px; }
.s_picture .table tfoot .tf-label { display: block; font-weight: 700; color: #3D2B1F; font-size: .9375rem; line-height: 1.3; }
.s_picture .table tfoot .tf-unit { display: block; margin-top: 3px; font-size: .75rem; color: #8A7F72; }
.s_picture .table tfoot .tf-price { display: block; font-weight: 700; color: var(--brand-text); font-size: 1.0625rem; line-height: 1.2; }
.s_picture .table tfoot .tf-btn {
  display: inline-block; margin-top: 8px; padding: 7px 16px; border-radius: 999px;
  font-size: .8125rem; font-weight: 600; color: var(--brand-text); text-decoration: none; white-space: nowrap;
  box-shadow: inset 0 0 0 1px var(--brand-text); transition: background .15s ease, color .15s ease;
}
.s_picture .table tfoot .tf-btn:hover { background: var(--brand-surface); color: #fff; }
/* 2026-10-03：收官行文字（年费 / 元每年 / 4 档价格 + 免费试用）已按用户要求移除，保留本条作为表格底部收口
   —— 橙线（border-top 2px）+ 米色底（#FFF7F1）原样不动。单元格带 class 以免被判为空壳
   （site_audit 规则：无属性的空标签 = 清理残留）。 */
.s_picture .table tfoot .tf-base { padding-top: 18px; padding-bottom: 18px; }

/* ===== 183 批：加大「推荐官权益 → 他们都在使用管店宝拓客」间距 ===== */
/* 实测原真实视觉间距 72px（上方板块 pb24 + 本板块 pt48），偏紧；本条把 pt 提到 104px → 间距 ≈128px，
   比本页常规 96–112px 再大一点，作为「客户口碑 / logo 墙 / 案例」这一段的开场留白。
   .pt48 在 tuike-base 带 !important，必须同用 !important 才能盖住 */
.logo-wall-head.pt48 { padding-top: 104px !important; }

/* ===== 移动端间距专项（2026-09-25）：≤767px 大间距降档，首屏露出文案+按钮；桌面端零变化 ===== */
@media (max-width:767px){
  .pt256,.pt192,.pt152,.pt136,.pt104{padding-top:56px !important;}
  .pb256,.pb192,.pb160,.pb136,.pb104{padding-bottom:40px !important;}
  .pt88{padding-top:48px !important;}
  .pb88{padding-bottom:36px !important;}
  .logo-wall-head.pt48{padding-top:56px !important;}
  .oe_img_bg.pt256{padding-top:var(--nav-offset-sm, 104px) !important;} /* 手机头图给固定导航胶囊留出空间 */
  /* 2026-10-03 晚（用户三连：头图图片等比减小 / 头图降高 / 按钮下间隙大）：
     ① 插画等比缩小 —— hero-bg.jpg 是 3420×1510 宽幅，cover 在竖屏按高度铺满 = 插画放大约 2.9 倍只见中段；
        改为按屏宽完整显示（100% auto 贴底），文字区由容器补同族品牌橙承接（图底即此色，视觉无缝）。
     ② 按钮下间隙 56 → 24px（.pb160 手机档 40px + 按钮段落自带 mb 16px，两者各收）。
     ③ 容器随之变矮约 47px；导航让位 104px 不动（铁律）。桌面端零变化。 */
  .oe_img_bg[style*="hero-bg"]{
    background-size:100% auto;
    background-position:center bottom;
    background-color:var(--brand-500, #FF7C1C);
  }
  .oe_img_bg.pb160{padding-bottom:24px !important;}
  /* 2026-09-26 方案A：六大优势手机端块间距 72px→48px（上块 pb24 + 本块 24px）；仅限本板块，其他 pt48 板块不动；块内「线→标题」24px 按用户要求保留 */
  .s_key_benefits .col-lg-4{padding-top:24px !important;}
  /* 2026-09-26：六大优势→「25+万门店信任」CTA 标题上方视觉空隙 136px→约88px（两层 48px 各收半成 24px）；
     用类组合选择器压过基座 pt48/pb48 的 !important；电脑端 104px 大留白（≥992px 专属规则）零变化 */
  .s_key_benefits.pb48{padding-bottom:24px !important;}
  .s_cta_mockups.pt48{padding-top:24px !important;}

  .m-hide{display:none !important;}
  .s_picture table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .s_picture td,.s_picture th{white-space:nowrap;}
}
.s_faq_collapse .container { padding-left: 24px; padding-right: 24px; }
/* 2026-09-26：FAQ 两列中间间距 30px→48px（左列右 24 + 右列左 24），两侧 24px 不变；仅电脑端两列并排时生效 */
@media (min-width: 992px) {
  .s_faq_collapse .row > .col-lg-6:first-child { padding-right: 24px; }
  .s_faq_collapse .row > .col-lg-6:last-child { padding-left: 24px; }
}

/* ============================================================
   顶部导航胶囊：内边距与间距（2026-10-01 定稿）
   ------------------------------------------------------------
   问题：logo 文字距胶囊左边缘仅 20px，恰为圆角半径（80px 高 / 2 = 40px）
        的一半，文字的起点还在圆弧里；而末项距右边缘 44px —— 左右不对称，
        读作「logo 贴边」。全站 5 项导航在 1140px 胶囊里仅占约 744px，
        右侧空 400px+，间距预算充足。
   改法：不动 .px-3 / .me-4 的全局定义（全站工具类，会影响其它元素），
        只在本页作用域内覆盖导航三处 ——
          胶囊左右内边距  20px → 40px（992–1199px 随容器收窄为 32px）
          logo 与首项间距 30px → 40px
          菜单项左右内边距 24px → 28px（项间净距 48 → 56px）
        宽度预算（最紧的 992px / 容器 960px）：需 744px，余 152px，不溢出。
   保留：@media (min-width:992px) and (max-width:1003.98px) 的 22px 项距压缩档
        （历史为 7 项导航防溢出所设），因此新值从 ≥1004px 起生效。
   手机端（<992px）：桌面胶囊带 d-none，本块全部不生效，移动端维持原样。
   注意：这里给的是胶囊「内部」留白，胶囊本身仍与页面主体同宽同左边界，
        不移动容器，否则会与下方正文栅格错位。
   ============================================================ */
@media (min-width: 992px) {
  header nav.navbar.d-lg-block.px-3 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  header nav.navbar .navbar-brand.me-4 {
    margin-right: 40px !important;
  }
}
@media (min-width: 1200px) {
  header nav.navbar.d-lg-block.px-3 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}
@media (min-width: 1004px) {
  header #top_menu > li > .nav-link {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
}

/* ==========================================================
   2026-10-03 第 6 轮 · 中英混排 C 方案（用户拍板「只修最显眼的大数字」）
   ----------------------------------------------------------
   问题：站内字体栈是 "Poppins"(数字/拉丁) + PingFang(汉字)，两者
        字面高度与重心不同，「25+万」「5千万+」「200+」「1943 套」这类
        数字紧邻汉字的串，会看着高低不齐。
   做法：给「大号统计数字 / 首屏大数字」换成 --font-cjk-num（去掉 Poppins），
        数字与汉字同族即齐平；再加 tabular-nums 让并排数字等宽对齐。
   ⚠️ 范围**只到最显眼的大数字**：正文、导语（.lead/.card-text）
      和所有小字一律不动 —— 动了就是全站字体变更，超出拍板范围。
   ⚠️ hero h2 的第一个 span「管店宝拓客专注线下门店线上拓客的 SaaS 平台」刻意排除：
      它含 SaaS 英文，换栈会让这个词失去西文字形，故用 :not(:first-child)
      只命中第二行「22 种拓客玩法，1943 套活动配图，3 分钟上线活动」。
   ========================================================== */
.hero-copy h2 span.h4-fs:not(:first-child),
.logo-wall-head .logo-stat-num,
.s_cta_mockups h2 {
  font-family: var(--font-cjk-num);
  font-variant-numeric: tabular-nums;
}