/* 老刘健康大宅 · 统一设计系统
   从原 jungelhouse 站点提取，仅新增内页所需组件，原有视觉语言零改动 */

:root{
  --bg:#F1F6FB; --bg2:#E6F0F8; --card:#FFFFFF; --ink:#13202E;
  --cyan:#21B8D4; --cyan-b:#2BD3E8; --grad:linear-gradient(135deg,#34D6BE,#2B9CF0);
  --muted:#5C6B7C; --line:#DFE9F2; --dark:#0A1622;
  --shadow:0 14px 44px rgba(20,80,110,.09);
  --sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC",sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--bg);line-height:1.7;-webkit-font-smoothing:antialiased}
/* 图片一律按原始比例显示：height:auto 覆盖 HTML width/height 属性带来的固定高度，
   需要裁切的容器内再单独用 height:100% + object-fit:cover 覆盖 */
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
h1,h2,h3{line-height:1.28;font-weight:700}
.u{position:relative;white-space:nowrap}
.u::after{content:"";position:absolute;left:0;right:0;bottom:-.16em;height:.3em;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 10' preserveAspectRatio='none'%3E%3Cpath d='M3 6 Q30 2 60 5 T117 4' stroke='%232BD3E8' stroke-width='4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/100% 100%}
.tag-cap{display:inline-block;border:1px solid rgba(33,184,212,.35);background:rgba(33,184,212,.09);color:#0E8FA8;border-radius:999px;padding:6px 18px;font-size:13px;font-weight:500}
.eyebrow{font-size:13px;letter-spacing:.18em;color:var(--cyan);font-weight:500}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;border-radius:999px;font-size:15px;font-weight:500;cursor:pointer;border:none;transition:.25s}
.btn-cyan{background:var(--grad);color:#fff;box-shadow:0 10px 26px rgba(33,160,200,.32)}
.btn-cyan:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(33,160,200,.4)}
.btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55)}
.btn-ghost:hover{background:rgba(255,255,255,.14)}
.btn-outline{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow)}
.btn-outline:hover{border-color:var(--cyan);color:var(--cyan)}
section{padding:96px 0;scroll-margin-top:76px}
.sec-head{max-width:720px;margin-bottom:52px}
.sec-head.center{margin:0 auto 52px;text-align:center}
.sec-head h2{font-size:clamp(27px,3.8vw,40px);margin:14px 0 15px}
.sec-head p{color:var(--muted);font-size:16.5px}

/* nav */
header.nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:.3s}
header.nav .bar{max-width:1240px;margin:0 auto;padding:17px 24px;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:19px;color:#fff}
.logo .mark{width:34px;height:34px;border-radius:9px;background:var(--grad);display:grid;place-items:center;color:#fff}
.menu{display:flex;gap:29px;font-size:15px;color:rgba(255,255,255,.92)}
.menu a{padding:4px 0;transition:.2s}
.menu a:hover{color:#fff}
.nav-right{display:flex;align-items:center;gap:18px}
.lang{font-size:14px;color:rgba(255,255,255,.75)}
.lang b{color:#fff;font-weight:700}
.nav.scrolled{background:rgba(255,255,255,.9);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line)}
.nav.scrolled .logo,.nav.scrolled .menu a,.nav.scrolled .lang b{color:var(--ink)}
.nav.scrolled .menu a{color:#3d4b59}
.nav.scrolled .lang{color:var(--muted)}
.burger{display:none;background:none;border:none;cursor:pointer}

/* 内页导航：始终深色文字（hero 为浅色） */
header.nav.on-light{background:rgba(255,255,255,.94);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line)}
header.nav.on-light .logo{color:var(--ink)}
header.nav.on-light .menu a{color:#3d4b59}
header.nav.on-light .menu a:hover{color:var(--cyan)}
header.nav.on-light .menu a.act{color:var(--cyan)}
header.nav.on-light .burger svg{stroke:var(--ink)}

/* hero (首页) */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;color:#fff;padding:120px 0 80px}
.hero .bg{position:absolute;inset:0;background:url('hero-living.jpg') center/cover;z-index:-2}
.hero .mask{position:absolute;inset:0;background:linear-gradient(95deg,rgba(8,18,28,.78) 0%,rgba(8,18,28,.42) 55%,rgba(8,18,28,.14) 100%);z-index:-1}
.hero-inner{max-width:660px}
.hero h1{font-size:clamp(40px,6.2vw,66px);margin:20px 0 22px;font-weight:900;letter-spacing:.01em}
.hero p.sub{font-size:clamp(16.5px,2vw,19.5px);color:rgba(255,255,255,.9);font-weight:300;max-width:560px}
.hero-cta{display:flex;gap:16px;margin:36px 0 48px;flex-wrap:wrap}
.hero-stats{display:flex;gap:44px;flex-wrap:wrap}
.hero-stats .st b{font-size:31px;display:block;color:#fff;font-weight:900}
.hero-stats .st span{font-size:13.5px;color:rgba(255,255,255,.72)}

/* 内页 hero */
.phero{padding:150px 0 62px;background:linear-gradient(180deg,var(--bg2),var(--bg))}
.phero .crumb{font-size:13px;color:var(--muted);margin-bottom:22px}
.phero .crumb a{color:#0E8FA8}
.phero .crumb a:hover{color:var(--cyan)}
.phero .crumb span{color:#9aa8b5;margin:0 7px}
.phero h1{font-size:clamp(29px,4.2vw,44px);margin:16px 0 18px;font-weight:900;letter-spacing:.01em}
.phero .def{font-size:16.5px;color:#33424f;max-width:820px;padding-left:18px;border-left:3px solid var(--cyan);line-height:1.85}
.phero .meta-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px;font-size:13.5px;color:var(--muted)}

/* promise 4 / 通用卡片网格 */
.promise{background:var(--bg)}
.promise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.p-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:32px 26px;box-shadow:var(--shadow)}
.p-card .ic{width:50px;height:50px;border-radius:14px;background:rgba(33,184,212,.1);display:grid;place-items:center;margin-bottom:18px}
.p-card h3{font-size:20px;margin-bottom:9px}
.p-card p{font-size:14.5px;color:var(--muted)}

/* pain */
.pain{background:var(--bg2)}
.pain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.pain-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:30px 26px;box-shadow:var(--shadow)}
.pain-card .big{font-size:34px;font-weight:900;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;margin-bottom:14px}
.pain-card h3{font-size:18px;margin-bottom:8px}
.pain-card p{font-size:14px;color:var(--muted)}
.pain-five{margin-top:30px;background:var(--dark);border-radius:18px;padding:34px 40px;color:#fff;display:flex;align-items:center;gap:34px;flex-wrap:wrap}
.pain-five .x{font-size:46px;font-weight:900;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.pain-five .t{font-size:17px;flex:1;min-width:240px}
.pain-five .t b{font-weight:700}
.pain-five .t span{color:rgba(255,255,255,.65);font-size:14px;display:block;margin-top:4px}

/* constants */
.const-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ct{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:30px 28px;box-shadow:var(--shadow)}
.ct .n{color:var(--cyan);font-size:13.5px;letter-spacing:.12em;font-weight:500}
.ct h3{font-size:26px;margin:9px 0 10px;font-weight:900}
.ct .metric{font-size:14.5px;color:var(--ink);margin-bottom:9px}
.ct .metric b{color:var(--cyan);font-weight:700}
.ct p{font-size:13.5px;color:var(--muted)}
.const-note{text-align:center;margin-top:30px;color:var(--muted);font-size:14px}

/* life body */
.life{background:var(--bg2)}
.organs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.org{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:30px 26px;box-shadow:var(--shadow)}
.org .ic{width:48px;height:48px;border-radius:13px;background:rgba(33,184,212,.1);display:grid;place-items:center;margin-bottom:16px}
.org h3{font-size:18px;margin-bottom:8px}
.org p{font-size:14px;color:var(--muted)}
.life-note{text-align:center;margin-top:32px;color:var(--muted);font-size:15px}

/* tech blocks */
.tb{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center;margin-bottom:88px}
.tb:last-child{margin-bottom:0}
.tb.rev .timg{order:2}
.tb .timg img{border-radius:20px;box-shadow:var(--shadow);width:100%}
.tb .timg.plate{background:var(--bg2);padding:46px;border-radius:20px;border:1px solid var(--line)}
.tb h3{font-size:clamp(23px,3vw,31px);margin:11px 0 16px}
.tb p{color:var(--muted);font-size:15.5px;margin-bottom:13px}
.tl{list-style:none;margin-top:16px}
.tl li{display:flex;gap:12px;align-items:flex-start;margin-bottom:13px;font-size:14.8px}
.tl li svg{flex:0 0 auto;margin-top:4px}
.tl li b{font-weight:700;color:var(--ink)}
.chip-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.chip{background:rgba(33,184,212,.1);border:1px solid rgba(33,184,212,.3);color:#0E8FA8;border-radius:999px;padding:7px 16px;font-size:13.5px;font-weight:500}

/* cases */
.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.case-card{border-radius:18px;overflow:hidden;position:relative;aspect-ratio:16/9;box-shadow:var(--shadow)}
.case-card img{width:100%;height:100%;object-fit:cover;transition:.5s}
.case-card:hover img{transform:scale(1.05)}
.case-card .cap{position:absolute;inset:auto 0 0 0;padding:24px 24px;background:linear-gradient(transparent,rgba(8,18,28,.82));color:#fff}
.case-card .cap .tag{font-size:12.5px;letter-spacing:.12em;color:var(--cyan-b);font-weight:500}
.case-card .cap h3{font-size:21px;margin:5px 0 2px;color:#fff}
.case-note{text-align:center;margin-top:30px;color:var(--muted);font-size:15px}

/* trust */
.trust{background:var(--bg2)}
.epc{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px}
.epc .box{border-radius:18px;padding:32px 30px}
.epc .old{background:#fff;border:1px solid var(--line);color:var(--muted)}
.epc .new{background:var(--dark);color:#fff}
.epc .box h3{font-size:19px;margin-bottom:18px}
.epc .old h3{color:var(--muted)}
.epc .new h3{color:var(--cyan-b)}
.epc .box li{list-style:none;margin-bottom:11px;font-size:14.5px;display:flex;gap:10px}
.epc .box li svg{flex:0 0;margin-top:5px}
.verify-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}
.vc{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px 22px;box-shadow:var(--shadow)}
.vc .num{width:34px;height:34px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px;margin-bottom:14px}
.vc h3{font-size:16.5px;margin-bottom:7px}
.vc p{font-size:13.5px;color:var(--muted)}
.promises3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.p3{background:var(--card);border-top:3px solid var(--cyan);border-radius:16px;padding:28px 26px;box-shadow:var(--shadow)}
.p3 h3{font-size:17px;margin-bottom:8px}
.p3 p{font-size:14px;color:var(--muted)}
.trust-note{text-align:center;color:var(--muted);font-size:13.5px;margin-top:24px}

/* day timeline */
.day-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.day{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.day .ph{aspect-ratio:1;overflow:hidden}
.day .ph img{width:100%;height:100%;object-fit:cover}
.day .bd{padding:20px 18px}
.day .tm{font-size:22px;font-weight:900;color:var(--cyan);margin-bottom:8px}
.day p{font-size:13px;color:var(--muted)}
.day-note{text-align:center;margin-top:32px;font-size:16px;color:var(--ink)}
.day-note b{color:var(--cyan)}

/* final cta */
.fcta{position:relative;color:#fff;text-align:center;padding:118px 0}
.fcta .bg{position:absolute;inset:0;background:url('scene-exterior.jpg') center/cover;z-index:-2}
.fcta .mask{position:absolute;inset:0;background:linear-gradient(rgba(8,16,26,.82),rgba(8,16,26,.86));z-index:-1}
.fcta h2{font-size:clamp(30px,4.4vw,45px);margin-bottom:15px;color:#fff;font-weight:900}
.fcta .lead{color:rgba(255,255,255,.85);max-width:620px;margin:0 auto 34px;font-size:16px}
.fcta-btns{display:flex;gap:14px;justify-content:center;margin-bottom:38px;flex-wrap:wrap}
.contact-row{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;font-size:15px}
.contact-row .c{display:flex;align-items:center;gap:9px}
.contact-row .c svg{color:var(--cyan-b)}

/* footer */
footer{background:var(--dark);color:rgba(255,255,255,.68);padding:68px 0 28px}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:40px;margin-bottom:42px}
.fgrid h4{color:#fff;font-size:15px;margin-bottom:17px}
.fgrid ul{list-style:none}
.fgrid li{margin-bottom:10px;font-size:14px}
.fgrid li a:hover{color:var(--cyan-b)}
.fgrid .fbrand{color:#fff;font-size:20px;margin-bottom:13px;font-weight:700}
.fbottom{border-top:1px solid rgba(255,255,255,.12);padding-top:23px;font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
.fbottom a:hover{color:var(--cyan-b)}

/* mobile bar */
.mbar{display:none}

/* 渐进增强：默认可见，仅在 JS 可用时启用入场动画，
   保证不执行 JS 的爬虫与渲染环境仍能读到正文 */
.reveal{opacity:1;transform:none}
html.anim .reveal{opacity:0;transform:translateY(26px);transition:.7s cubic-bezier(.2,.7,.2,1)}
html.anim .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  html.anim .reveal{opacity:1;transform:none;transition:none}
}

/* ===== 内页新增组件 ===== */

/* 概述卡（首页与内页共用） */
.ans{background:#fff;border:1px solid var(--line);border-left:4px solid var(--cyan);border-radius:0 12px 12px 0;padding:20px 26px;box-shadow:0 10px 30px rgba(20,80,110,.07)}
.ans .lb{display:block;font-size:12px;letter-spacing:.14em;color:var(--cyan);font-weight:500;margin-bottom:7px}
.ans p{font-size:15.5px;margin:0;color:#2b3a49;line-height:1.85}
.overview{padding:0;position:relative;z-index:5}
.overview .wrap{max-width:1000px}
.overview .ans{margin-top:-44px;border-left-width:4px;padding:26px 32px}
.overview .ans p{font-size:16px}
@media(max-width:560px){.overview .ans{margin-top:-28px;padding:20px 22px}.overview .ans p{font-size:15px}}

/* 正文排版 */
.article{padding:64px 0 88px}
.article .wrap{max-width:920px}
.article h2{font-size:clamp(22px,2.6vw,29px);margin:52px 0 16px;scroll-margin-top:96px}
.article h2:first-child{margin-top:0}
.article h3{font-size:19px;margin:30px 0 10px}
.article p{font-size:16px;color:#33424f;margin-bottom:14px;line-height:1.85}
.article ul,.article ol{margin:10px 0 18px;padding-left:24px}
.article li{font-size:16px;color:#33424f;margin-bottom:9px;line-height:1.8}
.article li b,.article p b{color:var(--ink);font-weight:700}
.article .ans{background:#fff;border:1px solid var(--line);border-left:4px solid var(--cyan);border-radius:0 12px 12px 0;padding:18px 24px;margin:0 0 22px;box-shadow:0 6px 20px rgba(20,80,110,.05)}
.article .ans p{font-size:15.5px;margin:0;color:#2b3a49;line-height:1.8}
.article .ans .lb{display:block;font-size:12px;letter-spacing:.14em;color:var(--cyan);font-weight:500;margin-bottom:6px}
.article a{color:#0E8FA8;border-bottom:1px solid rgba(33,184,212,.35)}
.article a:hover{color:var(--cyan);border-bottom-color:var(--cyan)}
.article figure{margin:24px 0 28px}
.article figure img{border-radius:16px;box-shadow:var(--shadow);width:100%}
.article figcaption{font-size:13px;color:var(--muted);margin-top:10px;text-align:center}

/* 对比表 */
.cmp{width:100%;border-collapse:collapse;margin:20px 0 26px;font-size:14.5px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
.cmp-wrap{overflow-x:auto;margin:20px 0 26px}
.cmp-wrap .cmp{margin:0;min-width:520px}
.cmp th{background:var(--bg2);text-align:left;font-weight:500;color:#2b3a49;padding:13px 16px;font-size:13.5px;border-bottom:1px solid var(--line);white-space:nowrap}
.cmp td{padding:13px 16px;border-bottom:1px solid var(--line);color:#33424f;vertical-align:top;line-height:1.7}
.cmp tr:last-child td{border-bottom:none}
.cmp td:first-child{font-weight:700;color:var(--ink)}
.cmp .hl{background:rgba(33,184,212,.06)}
.cmp-cap{font-size:13px;color:var(--muted);margin:-18px 0 26px}

/* FAQ */
.faq{margin:26px 0 10px}
.faq .q{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 26px;margin-bottom:14px;box-shadow:0 6px 20px rgba(20,80,110,.05)}
.faq .q h3{font-size:16.5px;margin:0 0 9px;padding-left:14px;position:relative;color:var(--ink)}
.faq .q h3::before{content:"";position:absolute;left:0;top:.3em;bottom:.3em;width:3px;border-radius:2px;background:var(--cyan)}
.faq .q p{font-size:15px;margin:0;color:#33424f;line-height:1.8}

/* 要点卡（数据清单） */
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0 28px}
.facts .f{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px;box-shadow:0 6px 20px rgba(20,80,110,.05)}
.facts .f .v{font-size:23px;font-weight:900;color:var(--cyan);line-height:1.2}
.facts .f .l{font-size:13px;color:var(--muted);margin-top:5px;line-height:1.6}

/* 相关阅读 */
.rel{margin:56px 0 0;padding-top:36px;border-top:1px solid var(--line)}
.rel .lb{font-size:12.5px;letter-spacing:.16em;color:var(--cyan);font-weight:500;margin-bottom:18px}
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rel-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px;transition:.25s;box-shadow:0 6px 20px rgba(20,80,110,.05)}
.rel-card:hover{border-color:var(--cyan);transform:translateY(-2px)}
.rel-card .t{font-size:15px;font-weight:700;color:var(--ink);line-height:1.5;margin-bottom:6px}
.rel-card .d{font-size:13px;color:var(--muted);line-height:1.6}

/* 作者卡 */
.author{display:grid;grid-template-columns:120px 1fr;gap:26px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;margin:28px 0;box-shadow:var(--shadow)}
.author .ph{aspect-ratio:1;border-radius:14px;overflow:hidden;background:var(--bg2);display:grid;place-items:center}
.author .ph img{width:100%;height:100%;object-fit:cover}
.author h3{font-size:19px;margin:0 0 4px}
.author .role{font-size:13.5px;color:var(--cyan);margin-bottom:12px}
.author p{font-size:14.5px;margin-bottom:8px;color:#33424f}

/* 提示条 */
.note{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:16px 22px;margin:20px 0;font-size:14px;color:#33424f;line-height:1.8}
.note b{color:var(--ink)}
.note.warn{background:#FEF8EC;border-color:#F0DCB4}
.note .lb{display:block;font-size:12px;letter-spacing:.12em;color:#8a6a1e;font-weight:500;margin-bottom:6px}
.note .lb.cy{color:#0E8FA8}

/* 项目信息表（案例页） */
.pinfo{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:24px 0 30px;box-shadow:var(--shadow)}
.pinfo table{width:100%;border-collapse:collapse;font-size:14.5px}
.pinfo th{text-align:left;width:130px;padding:13px 22px;background:var(--bg2);color:var(--muted);font-weight:500;font-size:13.5px;border-bottom:1px solid var(--line);white-space:nowrap}
.pinfo td{padding:13px 22px;border-bottom:1px solid var(--line);color:#33424f}
.pinfo tr:last-child th,.pinfo tr:last-child td{border-bottom:none}

/* 流程步骤 */
.steps{counter-reset:s;margin:24px 0 30px}
.steps .si{counter-increment:s;position:relative;padding-left:56px;padding-bottom:26px;border-left:2px solid var(--line);margin-left:19px}
.steps .si:last-child{border-left-color:transparent;padding-bottom:0}
.steps .si::before{content:counter(s);position:absolute;left:-20px;top:0;width:38px;height:38px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px}
.steps .si h3{margin:2px 0 6px;font-size:17px}
.steps .si p{font-size:15px;margin-bottom:6px}
.steps .si .sd{font-size:13px;color:var(--cyan);font-weight:500;margin-bottom:6px}

@media(max-width:960px){
  section{padding:70px 0}
  .menu,.nav-right .btn,.lang{display:none}
  .burger{display:block}
  .promise-grid,.pain-grid,.organs,.verify-grid,.promises3{grid-template-columns:1fr 1fr}
  .const-grid,.day-grid{grid-template-columns:1fr 1fr}
  .case-grid,.epc,.tb{grid-template-columns:1fr;gap:28px}
  .tb.rev .timg{order:0}
  .fgrid{grid-template-columns:1fr 1fr}
  .nav.scrolled .burger svg{stroke:var(--ink)}
  .facts,.rel-grid{grid-template-columns:1fr 1fr}
  .article .wrap{padding:0 20px}
  .author{grid-template-columns:1fr;gap:18px}
  .author .ph{width:110px}
  header.nav.on-light .burger svg{stroke:var(--ink)}
}
@media(max-width:560px){
  .promise-grid,.pain-grid,.organs,.const-grid,.verify-grid,.promises3,.day-grid{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr}
  .pain-five{padding:28px 26px;gap:18px}
  .mbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:90;background:#fff;border-top:1px solid var(--line);padding:10px 12px;gap:10px;box-shadow:0 -6px 20px rgba(20,80,110,.08)}
  .mbar a{flex:1;text-align:center;padding:11px 6px;border-radius:999px;font-size:14px;font-weight:500}
  .mbar .call{background:var(--bg2);color:var(--ink)}
  .mbar .book{background:var(--grad);color:#fff}
  body{padding-bottom:64px}
  .facts,.rel-grid{grid-template-columns:1fr}
  .phero{padding:120px 0 46px}
  .phero .def{font-size:15.5px;padding-left:14px}
  .article h2{font-size:22px;margin-top:42px}
  .faq .q{padding:18px 20px}
  .steps .si{padding-left:46px}
}

/* 待补数据标记（内部使用，交付前逐项替换） */
.todo{display:inline-block;background:#FEF8EC;border:1px dashed #E0C48A;color:#8a6a1e;
  border-radius:5px;padding:0 8px;font-size:13px;font-weight:500;line-height:1.6;white-space:nowrap}

/* 对比表窄屏横向滚动：让滚动条可见，明确可滑 */
.cmp-wrap{-webkit-overflow-scrolling:touch}
.cmp-wrap::-webkit-scrollbar{height:6px}
.cmp-wrap::-webkit-scrollbar-track{background:var(--bg2);border-radius:3px}
.cmp-wrap::-webkit-scrollbar-thumb{background:rgba(33,184,212,.38);border-radius:3px}
.cmp-wrap::-webkit-scrollbar-thumb:hover{background:rgba(33,184,212,.6)}

/* ===== 转化入口补漏 ===== */
/* 561–960px（平板 / 手机横屏）原先既无底部固定栏、顶部电话按钮也被隐藏，
   唯一入口藏在汉堡菜单里。此区间补一个紧凑的电话按钮。 */
@media(min-width:561px) and (max-width:960px){
  .nav-right .btn{display:inline-flex;padding:9px 20px;font-size:14px}
  .nav-right{gap:12px}
}
/* 抽屉底部双按钮 */
.drawer .dfoot .btn + .btn{margin-top:9px}
.drawer .dfoot .btn-outline{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}
.drawer .dfoot .btn-outline:hover{border-color:var(--cyan);color:var(--cyan)}

/* 微信分享缩略图：真实存在于 DOM 中供微信抓取，视觉上移出视口（不用 display:none，
   否则微信不会取用）。不影响布局、不导致横向滚动。 */
.share-thumb{position:absolute;left:-9999px;top:0;width:300px;height:300px;
  opacity:0;pointer-events:none}