/* ================================================================
   mhpn.cn · 企业团报 / 企业合作 / 企业案例 / 企业团报流程
             + 预约咨询 / 在线咨询 / 咨询热线（pages-qiye.css）
   风格：画册高级风 · 米白 + 深棕 + 墨黑
   说明：本分片 7 页共用私有布局，禁止内联样式、禁止改 base.css。
   前缀：tb=团报通道  hz=企业合作  al=企业案例  lc=团报流程
         yy=预约咨询  zx=在线咨询  rx=咨询热线
   ================================================================ */

/* =============== 1. qiye-tuanbao.html · 企业团报通道 =============== */
/* 全屏横幅 + 底部信息叠条 */
.tb-hero{ position:relative; min-height:540px; display:flex; align-items:flex-end; color:var(--paper-3); overflow:hidden; }
.tb-hero__bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.tb-hero::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(25,21,16,.30) 0%, rgba(25,21,16,.62) 100%); }
.tb-hero__inner{ position:relative; z-index:2; width:min(var(--container), calc(100% - 48px)); margin-inline:auto; padding:88px 0 56px; }
.tb-hero__kicker{ display:inline-flex; align-items:center; gap:10px; font-size:13px; letter-spacing:.34em; text-transform:uppercase; color:var(--gold); margin-bottom:16px; }
.tb-hero__kicker::before{ content:""; width:26px; height:1px; background:var(--gold); }
.tb-hero__title{ font-size:clamp(30px,4.4vw,52px); line-height:1.25; margin-bottom:18px; text-shadow:0 2px 18px rgba(25,21,16,.3); }
.tb-hero__desc{ max-width:680px; font-size:16px; color:rgba(244,238,226,.86); margin-bottom:26px; }
.tb-hero__actions{ display:flex; flex-wrap:wrap; gap:14px; }
.tb-hero__meta{ display:flex; flex-wrap:wrap; gap:10px 26px; margin-top:30px; font-size:13.5px; color:rgba(244,238,226,.78); }
.tb-hero__meta li{ display:inline-flex; align-items:center; gap:8px; }
.tb-hero__meta svg{ width:16px; height:16px; color:var(--gold); }

/* 适合企业类型：三列图标卡 */
.tb-types{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.tb-type{ background:var(--paper-3); border:1px solid var(--line-soft); border-radius:var(--radius-lg); padding:30px 26px; box-shadow:var(--shadow-sm); transition:transform var(--transition), box-shadow var(--transition); }
.tb-type:hover{ transform:translateY(-6px); box-shadow:var(--shadow); }
.tb-type__icon{ width:46px; height:46px; color:var(--brown); margin-bottom:16px; }
.tb-type h3{ font-size:19px; margin-bottom:10px; }
.tb-type p{ font-size:14px; color:var(--ink-2); }
.tb-type__tag{ display:inline-block; margin-top:14px; font-size:12px; letter-spacing:.08em; color:var(--brown-2); border:1px solid var(--line); border-radius:999px; padding:3px 12px; background:var(--paper-2); }

/* 服务内容：大图 + 文字左右分栏 */
.tb-split{ display:grid; grid-template-columns:1.05fr .95fr; gap:54px; align-items:center; }
.tb-split:nth-of-type(even) .tb-split__pic{ order:2; }
.tb-split__pic{ border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow); }
.tb-split__pic img{ width:100%; aspect-ratio:16/10; object-fit:cover; }
.tb-split__body h2{ font-size:clamp(22px,2.6vw,32px); margin-bottom:16px; }
.tb-split__body p{ color:var(--ink-2); margin-bottom:14px; font-size:15.5px; }
.tb-split__list{ margin-top:18px; display:grid; gap:12px; }
.tb-split__list li{ display:flex; gap:12px; font-size:14.5px; color:var(--ink-2); }
.tb-split__list svg{ flex:none; width:19px; height:19px; margin-top:3px; color:var(--gold); }

/* 团报 vs 个人 对比表 */
.tb-compare{ background:var(--paper-3); border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-sm); }

/* 提交意向：表单 + 联系侧栏 */
.tb-lead{ display:grid; grid-template-columns:1.2fr .8fr; gap:40px; align-items:start; }
.tb-lead__form{ background:var(--paper-3); border:1px solid var(--line-soft); border-radius:var(--radius-lg); padding:34px; box-shadow:var(--shadow-sm); }
.tb-lead__form h3{ font-size:21px; margin-bottom:6px; }
.tb-lead__form .form-tip{ font-size:13.5px; color:var(--brown-3); margin-bottom:20px; }
.tb-lead__aside{ display:grid; gap:18px; }
.tb-lead__card{ background:var(--ink); color:var(--paper-3); border-radius:var(--radius-lg); padding:28px; }
.tb-lead__card h4{ color:var(--paper-3); font-size:17px; margin-bottom:12px; display:flex; align-items:center; gap:10px; }
.tb-lead__card h4::before{ content:""; width:18px; height:1px; background:var(--gold); }
.tb-lead__card p{ font-size:14px; color:rgba(244,238,226,.74); margin-bottom:10px; }
.tb-lead__card a{ color:var(--gold); font-family:var(--font-serif); font-size:22px; letter-spacing:.03em; }

/* =============== 2. qiye-hezuo.html · 企业合作 =============== */
/* 浅色页首横幅（非全屏图，图文并排） */
.hz-hero{ background:var(--paper-2); border-bottom:1px solid var(--line-soft); }
.hz-hero__inner{ display:grid; grid-template-columns:1.1fr .9fr; gap:48px; align-items:center; padding:72px 0; }
.hz-hero__kicker{ display:inline-flex; align-items:center; gap:10px; font-size:13px; letter-spacing:.34em; text-transform:uppercase; color:var(--brown-3); margin-bottom:16px; }
.hz-hero__kicker::before{ content:""; width:26px; height:1px; background:var(--gold); }
.hz-hero h1{ font-size:clamp(28px,3.6vw,44px); line-height:1.3; margin-bottom:18px; }
.hz-hero p{ color:var(--ink-2); font-size:15.5px; margin-bottom:14px; }
.hz-hero__pic{ border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow); }
.hz-hero__pic img{ width:100%; aspect-ratio:16/10; object-fit:cover; }

/* 长期合作模式：纵向编号行 */
.hz-models{ display:grid; gap:0; border-top:1px solid var(--line); }
.hz-model{ display:grid; grid-template-columns:90px 1fr; gap:26px; padding:30px 0; border-bottom:1px solid var(--line); align-items:start; }
.hz-model__no{ font-family:var(--font-serif); font-size:38px; font-weight:700; color:var(--gold); line-height:1; }
.hz-model h3{ font-size:19px; margin-bottom:8px; }
.hz-model p{ font-size:14.5px; color:var(--ink-2); max-width:760px; }
.hz-model__tag{ display:inline-block; margin-top:12px; }

/* 资质检查支持：勾选方阵 */
.hz-check{ display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.hz-check__item{ display:flex; gap:14px; background:var(--paper-3); border:1px solid var(--line-soft); border-radius:var(--radius-lg); padding:20px 22px; }
.hz-check__item svg{ flex:none; width:22px; height:22px; color:var(--ok); margin-top:2px; }
.hz-check__item h4{ font-size:16px; margin-bottom:6px; }
.hz-check__item p{ font-size:13.5px; color:var(--ink-2); }

/* FAQ（问答列表，无交互脚本） */
.hz-faq{ display:grid; gap:0; border-top:1px solid var(--line); }
.hz-faq__item{ padding:22px 0; border-bottom:1px solid var(--line); }
.hz-faq__q{ display:flex; gap:12px; font-family:var(--font-serif); font-size:17px; color:var(--ink); margin-bottom:8px; }
.hz-faq__q b{ flex:none; color:var(--gold); }
.hz-faq__a{ font-size:14.5px; color:var(--ink-2); padding-left:30px; }

/* =============== 3. qiye-anli.html · 企业案例 =============== */
/* 横幅 */
.al-hero{ position:relative; min-height:420px; display:flex; align-items:flex-end; color:var(--paper-3); overflow:hidden; }
.al-hero__bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.al-hero::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(25,21,16,.32), rgba(25,21,16,.66)); }
.al-hero__inner{ position:relative; z-index:2; width:min(var(--container), calc(100% - 48px)); margin-inline:auto; padding:70px 0 46px; }
.al-hero__kicker{ display:inline-flex; align-items:center; gap:10px; font-size:13px; letter-spacing:.34em; text-transform:uppercase; color:var(--gold); margin-bottom:14px; }
.al-hero__kicker::before{ content:""; width:26px; height:1px; background:var(--gold); }
.al-hero h1{ font-size:clamp(28px,4vw,46px); margin-bottom:14px; }
.al-hero p{ max-width:640px; color:rgba(244,238,226,.85); font-size:15px; }

/* 场景错落宫格（左右偏移形成画册感） */
.al-scenes{ display:grid; grid-template-columns:repeat(12,1fr); gap:26px; }
.al-scene{ background:var(--paper-3); border:1px solid var(--line-soft); border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-sm); transition:transform var(--transition), box-shadow var(--transition); }
.al-scene:hover{ transform:translateY(-6px); box-shadow:var(--shadow); }
.al-scene__pic img{ width:100%; aspect-ratio:16/9; object-fit:cover; }
.al-scene__body{ padding:22px 24px 26px; }
.al-scene__body h3{ font-size:18px; margin-bottom:8px; }
.al-scene__body p{ font-size:14px; color:var(--ink-2); }
.al-scene__no{ display:inline-block; font-family:var(--font-serif); font-size:13px; letter-spacing:.2em; color:var(--brown-3); margin-bottom:10px; }
.al-scene--a{ grid-column:span 7; }
.al-scene--b{ grid-column:span 5; margin-top:46px; }
.al-scene--c{ grid-column:span 5; }
.al-scene--d{ grid-column:span 7; margin-top:-30px; }

/* 引语块 */
.al-quote{ background:var(--ink); color:var(--paper-3); border-radius:var(--radius-lg); padding:40px 44px; position:relative; }
.al-quote::before{ content:"“"; position:absolute; top:6px; left:18px; font-family:var(--font-serif); font-size:64px; color:var(--gold); opacity:.5; }
.al-quote p{ font-family:var(--font-serif); font-size:clamp(18px,2.2vw,24px); line-height:1.7; color:var(--paper-3); }
.al-quote small{ display:block; margin-top:14px; font-size:13px; letter-spacing:.16em; color:rgba(244,238,226,.5); font-family:var(--font-sans); }

/* =============== 4. qiye-liucheng.html · 企业团报流程 =============== */
.lc-hero{ background:var(--paper-2); border-bottom:1px solid var(--line-soft); }
.lc-hero__inner{ padding:64px 0; }
.lc-hero__kicker{ display:inline-flex; align-items:center; gap:10px; font-size:13px; letter-spacing:.34em; text-transform:uppercase; color:var(--brown-3); margin-bottom:14px; }
.lc-hero__kicker::before{ content:""; width:26px; height:1px; background:var(--gold); }
.lc-hero h1{ font-size:clamp(26px,3.4vw,40px); margin-bottom:14px; }
.lc-hero p{ max-width:720px; color:var(--ink-2); font-size:15px; }

/* 纵向流程大时间轴（左编号轴 + 右卡片，内嵌小图） */
.lc-flow{ display:grid; gap:0; }
.lc-node{ display:grid; grid-template-columns:120px 30px 1fr; gap:0 16px; position:relative; padding-bottom:34px; }
.lc-node__step{ text-align:right; font-family:var(--font-serif); font-weight:700; font-size:15px; color:var(--brown); padding-top:16px; line-height:1.5; }
.lc-node__step small{ display:block; font-size:12px; color:var(--brown-3); font-family:var(--font-sans); letter-spacing:.08em; }
.lc-node__axis{ position:relative; display:flex; justify-content:center; }
.lc-node__axis::before{ content:""; position:absolute; top:10px; bottom:-34px; width:1px; background:var(--line); }
.lc-node:last-child .lc-node__axis::before{ display:none; }
.lc-node__dot{ width:13px; height:13px; margin-top:18px; background:var(--gold); transform:rotate(45deg); box-shadow:0 0 0 5px var(--paper); z-index:1; }
.lc-node__card{ background:var(--paper-3); border:1px solid var(--line-soft); border-radius:var(--radius-lg); padding:24px 26px; box-shadow:var(--shadow-sm); }
.lc-node__card h3{ font-size:18px; margin-bottom:8px; }
.lc-node__card p{ font-size:14px; color:var(--ink-2); margin-bottom:10px; }
.lc-node__tags{ display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.lc-node__card img{ width:100%; max-width:340px; aspect-ratio:16/9; object-fit:cover; border-radius:var(--radius); margin-top:8px; }

/* 阶段分工表 */
.lc-tbl{ background:var(--paper-3); border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-sm); }

/* =============== 5. yuyue.html · 预约咨询 =============== */
.yy-hero{ position:relative; min-height:380px; display:flex; align-items:flex-end; color:var(--paper-3); overflow:hidden; }
.yy-hero__bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.yy-hero::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(25,21,16,.30), rgba(25,21,16,.60)); }
.yy-hero__inner{ position:relative; z-index:2; width:min(var(--container), calc(100% - 48px)); margin-inline:auto; padding:64px 0 40px; }
.yy-hero__kicker{ display:inline-flex; align-items:center; gap:10px; font-size:13px; letter-spacing:.34em; text-transform:uppercase; color:var(--gold); margin-bottom:12px; }
.yy-hero__kicker::before{ content:""; width:26px; height:1px; background:var(--gold); }
.yy-hero h1{ font-size:clamp(26px,3.6vw,42px); margin-bottom:12px; }
.yy-hero p{ max-width:620px; color:rgba(244,238,226,.85); font-size:15px; }

/* 预约主体：表单 + 须知侧栏 */
.yy-grid{ display:grid; grid-template-columns:1.15fr .85fr; gap:44px; align-items:start; }
.yy-form{ background:var(--paper-3); border:1px solid var(--line-soft); border-radius:var(--radius-lg); padding:36px; box-shadow:var(--shadow-sm); }
.yy-form h2{ font-size:22px; margin-bottom:6px; }
.yy-form .form-tip{ font-size:13.5px; color:var(--brown-3); margin-bottom:22px; }
.yy-side{ display:grid; gap:20px; }
.yy-notes{ background:var(--paper-3); border:1px solid var(--line-soft); border-radius:var(--radius-lg); padding:26px; }
.yy-notes h3{ font-size:17px; margin-bottom:14px; display:flex; align-items:center; gap:10px; }
.yy-notes h3::before{ content:""; width:18px; height:1px; background:var(--gold); }
.yy-notes ol{ display:grid; gap:12px; counter-reset:yy; }
.yy-notes ol li{ position:relative; padding-left:30px; font-size:14px; color:var(--ink-2); }
.yy-notes ol li::before{ counter-increment:yy; content:counter(yy); position:absolute; left:0; top:0; width:20px; height:20px; display:flex; align-items:center; justify-content:center; background:var(--paper-2); color:var(--brown); border-radius:50%; font-size:12px; font-family:var(--font-serif); }
.yy-map{ border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-sm); }
.yy-map img{ width:100%; aspect-ratio:16/9; object-fit:cover; }
.yy-map figcaption{ padding:14px 18px; font-size:13.5px; color:var(--ink-2); background:var(--paper-3); }

/* 预约四步 */
.yy-steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.yy-step{ position:relative; padding-top:46px; }
.yy-step::before{ content:"0" counter(step); counter-increment:step; position:absolute; top:0; left:0; font-family:var(--font-serif); font-size:30px; font-weight:700; color:var(--gold); }
.yy-steps{ counter-reset:step; }
.yy-step h4{ font-size:16px; margin-bottom:6px; }
.yy-step p{ font-size:13.5px; color:var(--ink-2); }

/* =============== 6. zaixian-zixun.html · 在线咨询 =============== */
.zx-hero{ background:var(--paper-2); border-bottom:1px solid var(--line-soft); }
.zx-hero__inner{ padding:64px 0; }
.zx-hero__kicker{ display:inline-flex; align-items:center; gap:10px; font-size:13px; letter-spacing:.34em; text-transform:uppercase; color:var(--brown-3); margin-bottom:14px; }
.zx-hero__kicker::before{ content:""; width:26px; height:1px; background:var(--gold); }
.zx-hero h1{ font-size:clamp(26px,3.4vw,40px); margin-bottom:14px; }
.zx-hero p{ max-width:720px; color:var(--ink-2); font-size:15px; }

/* 三种咨询渠道卡 */
.zx-channels{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.zx-channel{ background:var(--paper-3); border:1px solid var(--line-soft); border-radius:var(--radius-lg); padding:30px 26px; box-shadow:var(--shadow-sm); transition:transform var(--transition), box-shadow var(--transition); display:flex; flex-direction:column; }
.zx-channel:hover{ transform:translateY(-6px); box-shadow:var(--shadow); }
.zx-channel__icon{ width:48px; height:48px; color:var(--brown); margin-bottom:18px; }
.zx-channel h3{ font-size:19px; margin-bottom:10px; }
.zx-channel p{ font-size:14px; color:var(--ink-2); flex:1; }
.zx-channel__val{ margin-top:18px; padding-top:16px; border-top:1px dashed var(--line); font-family:var(--font-serif); font-size:19px; color:var(--brown); }
.zx-channel__time{ font-size:12.5px; color:var(--brown-3); margin-top:6px; }

/* 响应时效横条 */
.zx-resp{ display:grid; grid-template-columns:repeat(4,1fr); gap:0; background:var(--ink); border-radius:var(--radius-lg); overflow:hidden; }
.zx-resp__item{ padding:26px 24px; border-right:1px solid rgba(244,238,226,.12); }
.zx-resp__item:last-child{ border-right:0; }
.zx-resp__num{ font-family:var(--font-serif); font-size:clamp(22px,2.6vw,32px); color:var(--gold); }
.zx-resp__label{ font-size:13px; color:rgba(244,238,226,.66); margin-top:6px; }

/* 常见咨询问答 */
.zx-faq{ display:grid; gap:0; border-top:1px solid var(--line); }
.zx-faq__item{ padding:22px 0; border-bottom:1px solid var(--line); }
.zx-faq__q{ display:flex; gap:12px; font-family:var(--font-serif); font-size:17px; color:var(--ink); margin-bottom:8px; }
.zx-faq__q b{ flex:none; color:var(--gold); }
.zx-faq__a{ font-size:14.5px; color:var(--ink-2); padding-left:30px; }

/* =============== 7. zixun-rexian.html · 咨询热线 =============== */
/* 深色英雄区（大号号码） */
.rx-hero{ background:var(--ink); color:var(--paper-3); position:relative; overflow:hidden; }
.rx-hero::before{ content:""; position:absolute; right:-80px; top:-80px; width:340px; height:340px; border:1px solid rgba(201,169,106,.25); transform:rotate(45deg); }
.rx-hero__inner{ position:relative; z-index:1; padding:96px 0 80px; }
.rx-hero__kicker{ display:inline-flex; align-items:center; gap:10px; font-size:13px; letter-spacing:.34em; text-transform:uppercase; color:var(--gold); margin-bottom:20px; }
.rx-hero__kicker::before{ content:""; width:26px; height:1px; background:var(--gold); }
.rx-hero h1{ font-size:clamp(28px,4vw,46px); margin-bottom:18px; }
.rx-hero p{ max-width:620px; color:rgba(244,238,226,.76); font-size:15px; margin-bottom:30px; }
.rx-hero__tel{ display:inline-flex; align-items:center; gap:18px; }
.rx-hero__tel svg{ width:40px; height:40px; color:var(--gold); }
.rx-hero__tel a{ font-family:var(--font-serif); font-size:clamp(34px,5vw,58px); font-weight:700; color:var(--paper-3); letter-spacing:.04em; line-height:1; }
.rx-hero__tel a:hover{ color:var(--gold); }
.rx-hero__hours{ margin-top:22px; font-size:14px; color:rgba(244,238,226,.6); }

/* 拨打前准备清单 */
.rx-prep{ display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.rx-prep__item{ display:flex; gap:16px; background:var(--paper-3); border:1px solid var(--line-soft); border-radius:var(--radius-lg); padding:22px 24px; }
.rx-prep__no{ flex:none; width:34px; height:34px; display:flex; align-items:center; justify-content:center; background:var(--brown); color:var(--paper-3); border-radius:50%; font-family:var(--font-serif); font-size:15px; }
.rx-prep__item h4{ font-size:16px; margin-bottom:6px; }
.rx-prep__item p{ font-size:13.5px; color:var(--ink-2); }

/* 工作时间横条 */
.rx-hours{ display:grid; grid-template-columns:repeat(3,1fr); gap:0; background:var(--paper-2); border:1px solid var(--line-soft); border-radius:var(--radius-lg); overflow:hidden; }
.rx-hours__item{ padding:26px 28px; border-right:1px solid var(--line-soft); }
.rx-hours__item:last-child{ border-right:0; }
.rx-hours__item b{ display:block; font-family:var(--font-serif); font-size:16px; color:var(--ink); margin-bottom:8px; }
.rx-hours__item span{ font-size:14px; color:var(--ink-2); }

/* 热线能 / 不能 两栏 */
.rx-boundary{ display:grid; grid-template-columns:1fr 1fr; gap:26px; }
.rx-boundary__col{ border-radius:var(--radius-lg); padding:30px 30px; }
.rx-boundary__col--ok{ background:var(--paper-3); border:1px solid var(--line-soft); }
.rx-boundary__col--no{ background:var(--ink); color:var(--paper-3); }
.rx-boundary__col h3{ font-size:19px; margin-bottom:16px; }
.rx-boundary__col--no h3{ color:var(--paper-3); }
.rx-boundary__col ul{ display:grid; gap:12px; }
.rx-boundary__col li{ display:flex; gap:10px; font-size:14px; color:var(--ink-2); }
.rx-boundary__col--no li{ color:rgba(244,238,226,.76); }
.rx-boundary__col li svg{ flex:none; width:18px; height:18px; margin-top:3px; }
.rx-boundary__col--ok li svg{ color:var(--ok); }
.rx-boundary__col--no li svg{ color:var(--danger); }

/* 结尾 CTA（通用深色条） */
.qe-cta{ background:var(--brown); color:var(--paper-3); }
.qe-cta__inner{ display:flex; flex-wrap:wrap; gap:24px; align-items:center; justify-content:space-between; padding:54px 0; }
.qe-cta h2{ font-size:clamp(22px,2.8vw,32px); margin-bottom:8px; }
.qe-cta p{ color:rgba(244,238,226,.78); font-size:14.5px; }

/* 相关链接区 */
.qe-relate{ background:var(--paper-2); }
.qe-relate__list{ display:flex; flex-wrap:wrap; gap:12px; }
.qe-relate__list a{ display:inline-flex; align-items:center; gap:8px; padding:10px 18px; background:var(--paper-3); border:1px solid var(--line); border-radius:999px; font-size:13.5px; color:var(--brown-2); transition:all var(--transition); }
.qe-relate__list a:hover{ border-color:var(--brown); color:var(--brown); transform:translateY(-2px); }

/* 通用双图行（联系类页复用） */
.duo-imgs{ display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.duo-imgs figure{ border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-sm); background:var(--paper-3); }
.duo-imgs img{ width:100%; aspect-ratio:16/9; object-fit:cover; }
.duo-imgs figcaption{ padding:14px 18px; font-size:13.5px; color:var(--ink-2); }
@media (max-width:640px){ .duo-imgs{ grid-template-columns:1fr; } }

/* =============== 响应式 =============== */
@media (max-width:1200px){
  .tb-types{ grid-template-columns:repeat(2,1fr); }
  .tb-split{ grid-template-columns:1fr; gap:30px; }
  .tb-lead{ grid-template-columns:1fr; }
  .hz-hero__inner{ grid-template-columns:1fr; gap:30px; }
  .al-scene--a,.al-scene--b,.al-scene--c,.al-scene--d{ grid-column:span 12; margin-top:0; }
  .yy-grid{ grid-template-columns:1fr; }
  .zx-channels{ grid-template-columns:1fr; }
  .zx-resp{ grid-template-columns:repeat(2,1fr); }
  .zx-resp__item:nth-child(2){ border-right:0; }
  .rx-hours{ grid-template-columns:1fr; }
  .rx-hours__item{ border-right:0; border-bottom:1px solid var(--line-soft); }
  .rx-hours__item:last-child{ border-bottom:0; }
  .rx-boundary{ grid-template-columns:1fr; }
  .yy-steps{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:960px){
  .tb-hero{ min-height:440px; }
  .tb-hero__inner{ padding:64px 0 40px; }
  .hz-model{ grid-template-columns:60px 1fr; gap:18px; }
  .hz-model__no{ font-size:30px; }
  .hz-check,.rx-prep{ grid-template-columns:1fr; }
  .lc-node{ grid-template-columns:70px 24px 1fr; }
  .lc-node__step{ font-size:13px; }
}
@media (max-width:640px){
  .tb-types{ grid-template-columns:1fr; }
  .tb-lead__form,.yy-form{ padding:24px 20px; }
  .al-quote{ padding:30px 24px; }
  .yy-steps{ grid-template-columns:1fr; }
  .zx-resp{ grid-template-columns:1fr; }
  .zx-resp__item{ border-right:0; border-bottom:1px solid rgba(244,238,226,.12); }
  .zx-resp__item:last-child{ border-bottom:0; }
  .qe-cta__inner{ flex-direction:column; align-items:flex-start; }
  .rx-hero__inner{ padding:64px 0 54px; }
  .al-ba,.al-outcomes{ grid-template-columns:1fr !important; }
}

/* ===== 企业案例：前后对比（split 双栏） ===== */
.al-ba{ display:grid; grid-template-columns:1fr 1fr; gap:26px; }
.al-ba__col{ border:1px solid var(--line); border-radius:var(--radius-lg); padding:30px 28px; background:var(--paper); }
.al-ba__col--before{ background:var(--paper-3); }
.al-ba__tag{ display:inline-block; font-size:12px; letter-spacing:.14em; padding:4px 12px; border-radius:999px; margin-bottom:14px; }
.al-ba__col--before .al-ba__tag{ background:var(--ink-3); color:var(--paper); }
.al-ba__col--after .al-ba__tag{ background:var(--brown); color:var(--paper); }
.al-ba__col h3{ font-size:19px; margin:0 0 12px; color:var(--ink); }
.al-ba__col ul{ margin:0; padding-left:18px; color:var(--ink-2); font-size:14.5px; line-height:1.9; }

/* ===== 企业案例：成果维度（grid） ===== */
.al-outcomes{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:26px; }
.al-outcome{ border-top:2px solid var(--brown); padding:20px 4px 0; }
.al-outcome h4{ font-size:16px; margin:0 0 8px; color:var(--ink); }
.al-outcome p{ margin:0; font-size:13.5px; color:var(--ink-2); line-height:1.8; }
@media (max-width:960px){ .al-ba{ grid-template-columns:1fr; } .al-outcomes{ grid-template-columns:1fr 1fr; } }

/* ===== 热线：电话咨询流程（steps 横排） ===== */
.rx-call{ display:grid; grid-template-columns:repeat(4,1fr); gap:0; counter-reset:call; }
.rx-call__step{ position:relative; padding:24px 22px 24px 56px; border-left:1px solid var(--line); }
.rx-call__step:first-child{ border-left:0; }
.rx-call__step::before{ counter-increment:call; content:"0" counter(call); position:absolute; left:18px; top:22px; font-size:26px; font-weight:700; color:var(--brown); opacity:.85; font-family:var(--font-num); }
.rx-call__step h4{ font-size:15.5px; margin:0 0 6px; color:var(--ink); }
.rx-call__step p{ margin:0; font-size:13px; color:var(--ink-2); line-height:1.75; }
@media (max-width:960px){ .rx-call{ grid-template-columns:1fr 1fr; } .rx-call__step{ border-left:0; border-top:1px solid var(--line); } }

/* ===== 预约：到店指引（notice 块 + 列表） ===== */
.yy-guide{ border-left:3px solid var(--brown); background:var(--paper-3); padding:24px 28px; border-radius:0 var(--radius) var(--radius) 0; }
.yy-guide h4{ font-size:17px; margin:0 0 10px; color:var(--ink); }
.yy-guide p{ margin:0 0 8px; font-size:14px; color:var(--ink-2); line-height:1.85; }
.yy-guide ul{ margin:6px 0 0; padding-left:18px; color:var(--ink-2); font-size:14px; line-height:1.9; }

/* ===== 在线咨询：渠道对比表（table） ===== */
.zx-cmp__wrap{ overflow-x:auto; border:1px solid var(--line); border-radius:var(--radius-lg); }
.zx-cmp table{ width:100%; border-collapse:collapse; min-width:560px; background:var(--paper); }
.zx-cmp th,.zx-cmp td{ padding:14px 18px; text-align:left; border-bottom:1px solid var(--line); font-size:14px; }
.zx-cmp th{ background:var(--paper-3); color:var(--ink); font-weight:600; }
.zx-cmp td:first-child{ font-weight:600; color:var(--brown-2); white-space:nowrap; }
.zx-msgnote{ margin-bottom:22px; }