/* ===== 鼎津压滤机官网 公共样式（全站共用，浏览器缓存复用） ===== */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#222;background:#f5f6f8;line-height:1.7}
a{text-decoration:none;color:inherit}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px}
img{max-width:100%}
section{padding:44px 0}
/* 顶部+导航 */
.topbar{background:#0d2c54;color:#bcd0e8;font-size:16.5px;padding:6px 0}
.topbar .wrap{display:flex;justify-content:space-between}
.topbar b{color:#ffb26b}
.header{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.header .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-size:21px;font-weight:bold;color:#0d2c54}
.logo span{color:#e8630a;font-size:15px;display:block;font-weight:normal;white-space:nowrap}
.nav a{margin:0 12px;color:#333;font-size:18.5px;padding:6px 0}
.nav a:hover,.nav a.on{color:#e8630a;border-bottom:2px solid #e8630a}
.nav .tel{color:#e8630a;font-weight:bold;font-size:19px}
/* 面包屑 */
.crumb{background:#fff;padding:10px 0;font-size:16.5px;color:#777;border-bottom:1px solid #eee}
.crumb a{color:#0d2c54}
/* 通用区块 */
.block{background:#fff;margin:18px 0;padding:26px;border-radius:10px}
.block h2{font-size:22px;color:#0d2c54;margin-bottom:14px;padding-left:10px;border-left:4px solid #e8630a}
.sec-tit{text-align:center;margin-bottom:30px}
.sec-tit h2{font-size:28px;color:#0d2c54}
.sec-tit p{color:#e8630a;font-size:16.5px;letter-spacing:2px;margin-top:6px}
/* 按钮 */
.btn-o{display:inline-block;background:#e8630a;color:#fff;padding:10px 26px;border-radius:4px;font-weight:bold}
.btn-line{display:inline-block;border:2px solid #0d2c54;color:#0d2c54;padding:8px 24px;border-radius:4px;font-weight:bold}
/* 卡片 */
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.card-grid.g4{grid-template-columns:repeat(4,1fr)}
.card{background:#fff;border-radius:8px;overflow:hidden;border:1px solid #eee}
.card .ph{height:160px;background:repeating-linear-gradient(45deg,#e8edf3,#e8edf3 12px,#dfe6ee 12px,#dfe6ee 24px);display:flex;align-items:center;justify-content:center;color:#8aa0b8;font-size:16.5px;text-align:center;padding:0 10px}
.card .bd{padding:15px}
.card h3{font-size:18.5px;color:#0d2c54}
.card p{font-size:16.5px;color:#777;margin:6px 0 12px}
.acts{display:flex;gap:8px}
.acts a{flex:1;text-align:center;padding:7px 0;font-size:16.5px;border-radius:4px}
.acts .v{border:1px solid #0d2c54;color:#0d2c54}
.acts .q{background:#e8630a;color:#fff}
/* 表格 */
table.spec{width:100%;border-collapse:collapse;font-size:17.5px}
table.spec th,table.spec td{border:1px solid #e3e8ef;padding:9px 12px;text-align:left}
table.spec th{background:#f0f4f9;color:#0d2c54}
table.spec tr:nth-child(even){background:#fafbfd}
/* FAQ */
.faq details{background:#f8f9fb;border:1px solid #eee;border-radius:6px;margin-bottom:10px}
.faq summary{cursor:pointer;padding:13px 16px;font-weight:bold;color:#0d2c54;font-size:18.5px;list-style:none}
.faq summary::before{content:"Q：";color:#e8630a}
.faq details p{padding:0 16px 13px;color:#555;font-size:17.5px}
/* 表单 */
.form-card{background:#0d2c54;border-radius:10px;padding:26px;color:#fff;display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;margin:20px 0}
.form-card h2{font-size:22px;margin-bottom:6px}
.form-card p{color:#c9d8ea;font-size:16.5px}
.form-card input{width:100%;padding:11px 12px;margin-bottom:10px;border:none;border-radius:4px;font-size:17.5px}
.form-card button{width:100%;padding:12px;background:#e8630a;color:#fff;border:none;border-radius:4px;font-size:19px;font-weight:bold;cursor:pointer}
/* 页脚 */
.footer{background:#0d2c54;color:#c9d8ea;padding:36px 0 16px;font-size:17.5px;margin-top:24px}
.footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:22px;margin-bottom:20px}
.footer h4{color:#fff;margin-bottom:12px;font-size:18.5px}
.footer a{display:block;color:#c9d8ea;padding:3px 0;font-size:16.5px}
.footer .copy{border-top:1px solid rgba(255,255,255,.12);padding-top:14px;font-size:15px;text-align:center;color:#7e94ad}
/* 悬浮+移动条 */
.sidekf{position:fixed;right:10px;top:50%;transform:translateY(-50%);z-index:60;background:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.12);width:auto;min-width:92px;overflow:hidden}
.sidekf a{display:block;text-align:center;padding:12px 6px;font-size:15px;color:#333;border-bottom:1px solid #f0f0f0}
.sidekf a:hover{color:#e8630a}
.sidekf .tel-n{display:block;color:#e8630a;font-weight:bold}
.mbar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:70;background:#fff;box-shadow:0 -2px 10px rgba(0,0,0,.1)}
.mbar a{flex:1;text-align:center;padding:13px 0;font-weight:bold}
.mbar .c1{color:#0d2c54}
.mbar .c2{background:#e8630a;color:#fff}
@media(max-width:560px){.card-grid,.card-grid.g4{grid-template-columns:1fr}}

/* ===== V2 营销组件（2026-09-02 追加，全站可用，不影响既有页面） ===== */
/* 无障碍：隐藏label */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* 页首hero：价值主张+双CTA+信任条 */
.hero{background:linear-gradient(135deg,#0d2c54,#1c5a9e);color:#fff;padding:44px 0 38px}
.hero .wrap{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:center}
.hero h1{font-size:32px;line-height:1.4;margin-bottom:10px}
.hero .sub{color:#c9d8ea;font-size:18.5px;margin-bottom:18px}
.hero .cta{display:flex;gap:12px;flex-wrap:wrap}
.hero .cta .b1{background:#e8630a;color:#fff;padding:12px 26px;border-radius:4px;font-weight:bold}
.hero .cta .b2{border:2px solid #fff;color:#fff;padding:10px 24px;border-radius:4px;font-weight:bold}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.chips span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#dce7f5;font-size:16.5px;padding:5px 12px;border-radius:20px}
.hero .hcard{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:20px;font-size:17.5px;color:#dce7f5;line-height:1.8}
/* 三问分流（Amazon Filters式访客自我分流） */
.route3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}
.route3 a{background:#fff;border:1px solid #e3e8ef;border-radius:10px;padding:22px;text-align:center;transition:.2s}
.route3 a:hover{border-color:#e8630a;box-shadow:0 4px 14px rgba(232,99,10,.15)}
.route3 .ic{font-size:28px}
.route3 b{display:block;font-size:20px;color:#0d2c54;margin:8px 0 4px}
.route3 span{font-size:16.5px;color:#777}
.route3 .go{display:inline-block;margin-top:10px;color:#e8630a;font-weight:bold;font-size:17.5px}
/* 量化信任数字带 */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}
.stats>div{background:#0d2c54;color:#fff;border-radius:10px;padding:20px 12px;text-align:center}
.stats b{display:block;font-size:28px;color:#ffb26b}
.stats span{font-size:16.5px;color:#c9d8ea}
/* 客户评价（社会认同） */
.say{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:14px 0}
.say>div{background:#f8f9fb;border:1px solid #e8ecf2;border-left:4px solid #e8630a;border-radius:8px;padding:16px;font-size:17.5px;color:#444}
.say i{display:block;font-style:normal;color:#999;font-size:15px;margin-top:10px}
/* 要点速览框（AI引用区） */
.kbox{background:#eaf3de;border:1px solid #c0dd97;border-radius:8px;padding:14px 18px;margin:14px 0;font-size:18.5px;color:#27500a}
/* 表单：错误提示+成功态+下拉 */
.ferr{color:#ff9b9b;font-size:16.5px;min-height:18px;margin-bottom:6px}
.fok{display:none;background:#1a7a4a;color:#fff;border-radius:6px;padding:12px;text-align:center;font-weight:bold;margin-top:4px}
.form-card button:disabled{background:#7e94ad;cursor:default}
.form-card select{width:100%;padding:11px 12px;margin-bottom:10px;border:none;border-radius:4px;font-size:17.5px;color:#333}
/* 橙色行动条（急单/专题导流） */
.strip{background:#e8630a;color:#fff;border-radius:10px;padding:20px 26px;display:flex;justify-content:space-between;align-items:center;margin:18px 0;flex-wrap:wrap;gap:12px}
.strip b{font-size:20px}
.strip a{background:#fff;color:#e8630a;padding:9px 22px;border-radius:4px;font-weight:bold}

/* ===== PC端细节深度优化（2026-09-18） ===== */
/* 卡片悬浮层次 */
.card{transition:box-shadow .2s,transform .2s}
.card:hover{box-shadow:0 6px 18px rgba(11,42,74,.10);transform:translateY(-2px)}
/* 表单聚焦态（可访问性+转化引导） */
input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px rgba(232,99,10,.18)}
/* CTA按钮反馈 */
.hero .cta .b1{transition:background .15s}
.hero .cta .b1:hover{background:#c74e00}
.hero .cta .b2{transition:background .15s}
.hero .cta .b2:hover{background:rgba(255,255,255,.15)}
.mbar a:active{opacity:.85}
.form-card button:hover{background:#c74e00}
/* FAQ条目悬浮提示可点 */
.qitem{transition:border-color .2s,background .2s}
.qitem:hover{border-color:#ffb36b;background:#fdf8f2}
.faq details summary{transition:color .15s}
.faq details summary:hover{color:#e8630a}
/* 导航链接平滑过渡 */
.nav a{transition:color .15s,border-color .15s}
/* 表格行悬浮 */
table.spec tr:hover td{background:#f0f6ff}
/* 链接统一手感 */
a{-webkit-tap-highlight-color:rgba(232,99,10,.15)}

/* ===== 移动端独立样式系统（2026-09-18重写：非PC缩小版，专为小屏+触屏设计） ===== */
@media(max-width:960px){
/* ① 布局骨架 */
.card-grid,.card-grid.g4{grid-template-columns:repeat(2,1fr);gap:10px}
.footer .cols{grid-template-columns:1fr;gap:14px}
.nav a:not(.tel){display:none}
.nav .tel2{display:none}/* 移动端导航只留400，手机号由顶部条+底部拨号条覆盖 */
.sidekf{display:none}
.mbar{display:flex}
.mbar a{min-height:48px;display:flex;align-items:center;justify-content:center}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}/* 根治：禁止移动端字体自动增益放大（390px溢出总根因） */
html,body{overflow-x:hidden}/* 移动端防横向溢出标配 */
body{padding-bottom:52px;font-size:18.5px}
.form-card{grid-template-columns:1fr;padding:22px 18px}
section{padding:34px 0}
/* ② 触屏字号：输入框≥16px防iOS聚焦自动缩放 */
input,select,textarea{font-size:19px!important}
/* ③ 触摸目标≥44px（苹果/谷歌人机规范） */
.nav .tel{padding:10px 14px;min-height:44px;display:inline-flex;align-items:center}
.chips span{padding:7px 14px}
.hero .cta a{padding-top:13px;padding-bottom:13px}
/* ④ hero移动端独立版：全宽+按钮竖排 */
.hero{padding:30px 0 26px}
.hero .wrap{grid-template-columns:1fr}
.hero h1{font-size:24px;overflow-wrap:anywhere;word-break:break-all}.hero .sub{overflow-wrap:anywhere}
.hero .sub{font-size:17.5px}
.hero .cta{flex-direction:column}
.hero .cta a{text-align:center}
.route3,.stats,.say{grid-template-columns:1fr 1fr}
/* ⑤ 表格防挤压：小屏横向滑动，单元格不压扁（根治两端格式误差） */
table.spec{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
table.spec tbody{display:table;width:100%;min-width:600px}
/* ⑥ 表单移动端：全宽大输入框+全宽按钮 */
.form-card input,.form-card select{padding:13px 14px;min-height:48px;border-radius:6px}
.form-card button{min-height:50px;font-size:20px;border-radius:6px}
/* ⑦ FAQ分类导航：横向滑动不堆叠 */
.qnav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px}
.qnav a{white-space:nowrap}
/* ⑧ 顶条移动端精简：两行居中 */
.topbar .wrap{display:block;text-align:center;font-size:15px;line-height:1.7}/* 改block布局根治flex撑破 */
.topbar .tb-m{display:none}/* 移动端顶条只留400，手机号由拨号条覆盖 */
.topbar .wrap>div{min-width:0;overflow-wrap:anywhere}/* 根治flex子项min-content撑破 */
.nav .tel2{display:none!important}/* 防③区display:inline-flex覆盖 */
.logo span{display:none}/* 移动端logo副标题隐藏防挤压 */
.prod-hero{grid-template-columns:1fr!important}/* 产品页内联grid移动端堆叠 */
.nav .tel{font-size:17.5px;padding:8px 10px}/* 移动端导航按钮防溢出 */
.hero .wrap>*{min-width:0}/* 根治grid子元素撑破溢出 */
.header .wrap{flex-wrap:wrap}/* 头部允许换行防挤压 */
}
@media(max-width:560px){
.card-grid,.card-grid.g4{grid-template-columns:1fr}
.route3,.stats,.say{grid-template-columns:1fr}
}

/* ===== 文章页.art统一样式（2026-09-18合并自9篇文章页内联，消除重复） ===== */
.art{max-width:860px;margin:0 auto}
/* ===== 可访问性三件套（2026-09-18终审） ===== */
.skip-link{position:absolute;left:-9999px;top:0;background:#0d2c54;color:#fff;padding:10px 18px;z-index:999;border-radius:0 0 6px 0;font-size:17.5px}
.skip-link:focus{left:0;color:#fff}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #e8630a;outline-offset:2px;border-radius:2px}
@media(max-width:960px){.art{padding:0 14px}}

/* 淘宝店铺导流条 */
.tb-strip{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:14px 20px;margin:18px auto;max-width:900px;font-size:18px;color:#7c4a03;text-align:center}
.tb-strip a{display:inline-block;padding:10px 24px;background:#ff6600;color:#fff;border-radius:6px;font-weight:700;font-size:18.5px;min-height:44px;line-height:24px;white-space:nowrap}
.tb-strip a:hover{background:#e55a00;transform:translateY(-1px)}
@media(max-width:960px){.tb-strip{flex-direction:column;gap:10px;padding:14px}.tb-strip a{width:100%;text-align:center;padding:12px 10px}}

/* 上一个/下一个导航按钮 */
.pn{display:flex;justify-content:space-between;gap:12px;margin:20px 0}
.pn a{flex:1;display:block;padding:14px 18px;border-radius:8px;font-size:18px;font-weight:700;text-align:center;transition:transform .2s,box-shadow .2s;min-height:48px;line-height:20px}
.pn a.prev{background:#eef4fb;color:#0d2c54;border:1px solid #cfdff5}
.pn a.next{background:#e8630a;color:#fff;border:1px solid #e8630a}
.pn a.prev:hover{box-shadow:0 3px 10px rgba(13,44,84,.18);transform:translateY(-2px)}
.pn a.next:hover{box-shadow:0 3px 10px rgba(232,99,10,.35);transform:translateY(-2px)}
@media(max-width:960px){.pn a{font-size:16.5px;padding:12px 8px}}

/* FAQ相关问法变体标签 */
.qvar{font-size:15.5px;color:#4a6b8f;margin-top:6px}

/* ===== 文章页基础样式（原14篇文章页内联重复，已合并） ===== */
.art h1{font-size:30px;color:#0d2c54;line-height:1.5;margin-bottom:10px}
.art .meta{font-size:16.5px;color:#999;margin-bottom:18px}
.art h2{font-size:24px;color:#0d2c54;margin:26px 0 12px;padding-left:10px;border-left:4px solid #e8630a}
.art p{font-size:19px;color:#333;margin-bottom:14px}
.art .lead{background:#fff8f0;border-left:5px solid #e8630a;padding:16px 18px;border-radius:0 8px 8px 0;font-size:19px;color:#5a3a10;margin-bottom:20px}
.art .formula{background:#f0f6ff;border:1px solid #cfdff5;border-radius:8px;padding:14px 18px;font-size:18.5px;color:#1c4a80;margin:14px 0}
.art img.ph{display:block;height:220px;background:repeating-linear-gradient(45deg,#e8edf3,#e8edf3 12px,#dfe6ee 12px,#dfe6ee 24px);border-radius:8px;margin:14px 0;display:flex;align-items:center;justify-content:center;color:#8aa0b8;font-size:16.5px}
.art .alias{font-size:16.5px;color:#888;background:#f5f6f8;border-radius:6px;padding:8px 14px;margin-bottom:16px}

/* 字号上调后：中屏隐藏导航手机按钮防换行（顶部条/侧栏已覆盖） */
.nav a{font-size:15px;margin:0 7px}
.header .logo{font-size:17px}
.header .logo span{font-size:12px}
.sidekf,.sidekf a,.sidekf .tel-n{white-space:nowrap}
.sidekf .tel-n{font-size:12px}
.topbar .wrap{padding-right:150px}

/* 顶部条+侧栏已展示双电话，导航内电话按钮桌面隐藏（防换行）；移动端保留（头部唯一CTA） */
@media(min-width:961px){.nav .tel{display:none}}

/* ============ 2026-10-14 视觉系统升级（对标 Apple/Stripe 质感） ============ */
:root{
  --ink:#1a2433;--sub:#55677c;--faint:#8b9cb0;
  --line:#e5eaf0;--line-soft:#eef2f6;
  --bg-soft:#f7f9fb;
  --r-sm:8px;--r-md:10px;--r-lg:14px;
  --sh-1:0 1px 3px rgba(11,37,69,.05),0 4px 14px rgba(11,37,69,.05);
  --sh-2:0 6px 18px rgba(11,37,69,.09),0 16px 40px rgba(11,37,69,.08);
  --sh-3:0 12px 28px rgba(11,37,69,.13),0 24px 56px rgba(11,37,69,.10);
  --ease:cubic-bezier(.22,.68,.32,1);
}
body{background:var(--bg-soft);color:var(--ink);-webkit-font-smoothing:antialiased}

.card,.prod,.case,.block,.art,.mini-case .c,.form-card,.tagrow a{
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease);
}
.card,.prod,.case{border:1px solid var(--line)!important;box-shadow:var(--sh-1)}
.card:hover,.prod:hover,.case:hover{transform:translateY(-5px);box-shadow:var(--sh-3);border-color:#d3dee9!important}
.block{box-shadow:var(--sh-1);border:1px solid var(--line-soft)}
.mini-case .c:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}

.btn-q,.form-card button,.acts .q,.tb-strip a{
  border-radius:var(--r-sm)!important;
  box-shadow:0 3px 10px rgba(232,99,10,.25),0 8px 22px rgba(232,99,10,.18);
  transition:transform .22s var(--ease),box-shadow .22s var(--ease),filter .22s;
}
.btn-q:hover,.form-card button:hover,.acts .q:hover,.tb-strip a:hover{
  transform:translateY(-2px);filter:brightness(1.06);
  box-shadow:0 6px 16px rgba(232,99,10,.32),0 14px 32px rgba(232,99,10,.22);
}
.btn-q:active,.form-card button:active,.acts .q:active{transform:translateY(0);filter:brightness(.97)}
.btn-t,.acts .v{border-radius:var(--r-sm)!important;transition:all .22s var(--ease)}
.btn-t:hover,.acts .v:hover{box-shadow:var(--sh-2);transform:translateY(-2px)}

input,select,textarea{
  border-radius:var(--r-sm)!important;
  border:1.5px solid var(--line)!important;
  transition:border-color .2s,box-shadow .2s;
}
input:focus,select:focus,textarea:focus{
  outline:none;border-color:#e8630a!important;
  box-shadow:0 0 0 4px rgba(232,99,10,.13);
}
.form-card input{border:none!important}

a{transition:color .2s ease,background .2s ease,border-color .2s ease}
.tagrow a{border:1px solid transparent;transition:all .22s var(--ease)}
.tagrow a:hover{transform:translateY(-2px);box-shadow:var(--sh-2)}

.sec-tit h2,.block h2,.art h1,.art h2{font-weight:800;letter-spacing:.3px}
.info h1{font-weight:800;letter-spacing:.4px}

.ph img,.gallery img,.case .ph img{border-radius:var(--r-sm)}

.crumb{color:var(--faint)}
.art .meta,.alias{color:var(--faint)}

.faq details{transition:box-shadow .25s var(--ease),border-color .25s}
.faq details:hover{box-shadow:var(--sh-1);border-color:var(--line)}
.faq details[open]{box-shadow:var(--sh-1);border-color:#dbe4ec!important}

.sidekf a{transition:all .22s var(--ease)}
.sidekf a:hover{transform:translateX(-2px);box-shadow:var(--sh-2)}
.mbar a{transition:filter .2s}
.mbar a:active{filter:brightness(.92)}

@media(max-width:860px){
  .card:hover,.prod:hover,.case:hover{transform:none;box-shadow:var(--sh-1)}
}

/* ============ 2026-10-14 视觉系统升级（对标 Apple/Stripe 质感） ============ */
:root{
  --ink:#1a2433;--sub:#55677c;--faint:#8b9cb0;
  --line:#e5eaf0;--line-soft:#eef2f6;
  --bg-soft:#f7f9fb;
  --r-sm:8px;--r-md:10px;--r-lg:14px;
  --sh-1:0 1px 3px rgba(11,37,69,.05),0 4px 14px rgba(11,37,69,.05);
  --sh-2:0 6px 18px rgba(11,37,69,.09),0 16px 40px rgba(11,37,69,.08);
  --sh-3:0 12px 28px rgba(11,37,69,.13),0 24px 56px rgba(11,37,69,.10);
  --ease:cubic-bezier(.22,.68,.32,1);
}
body{background:var(--bg-soft);color:var(--ink);-webkit-font-smoothing:antialiased}

.card,.prod,.case,.block,.art,.mini-case .c,.form-card,.tagrow a{
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease);
}
.card,.prod,.case{border:1px solid var(--line)!important;box-shadow:var(--sh-1)}
.card:hover,.prod:hover,.case:hover{transform:translateY(-5px);box-shadow:var(--sh-3);border-color:#d3dee9!important}
.block{box-shadow:var(--sh-1);border:1px solid var(--line-soft)}
.mini-case .c:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}

.btn-q,.form-card button,.acts .q,.tb-strip a{
  border-radius:var(--r-sm)!important;
  box-shadow:0 3px 10px rgba(232,99,10,.25),0 8px 22px rgba(232,99,10,.18);
  transition:transform .22s var(--ease),box-shadow .22s var(--ease),filter .22s;
}
.btn-q:hover,.form-card button:hover,.acts .q:hover,.tb-strip a:hover{
  transform:translateY(-2px);filter:brightness(1.06);
  box-shadow:0 6px 16px rgba(232,99,10,.32),0 14px 32px rgba(232,99,10,.22);
}
.btn-q:active,.form-card button:active,.acts .q:active{transform:translateY(0);filter:brightness(.97)}
.btn-t,.acts .v{border-radius:var(--r-sm)!important;transition:all .22s var(--ease)}
.btn-t:hover,.acts .v:hover{box-shadow:var(--sh-2);transform:translateY(-2px)}

input,select,textarea{
  border-radius:var(--r-sm)!important;
  border:1.5px solid var(--line)!important;
  transition:border-color .2s,box-shadow .2s;
}
input:focus,select:focus,textarea:focus{
  outline:none;border-color:#e8630a!important;
  box-shadow:0 0 0 4px rgba(232,99,10,.13);
}
.form-card input{border:none!important}

a{transition:color .2s ease,background .2s ease,border-color .2s ease}
.tagrow a{border:1px solid transparent;transition:all .22s var(--ease)}
.tagrow a:hover{transform:translateY(-2px);box-shadow:var(--sh-2)}

.sec-tit h2,.block h2,.art h1,.art h2{font-weight:800;letter-spacing:.3px}
.info h1{font-weight:800;letter-spacing:.4px}

.ph img,.gallery img,.case .ph img{border-radius:var(--r-sm)}

.crumb{color:var(--faint)}
.art .meta,.alias{color:var(--faint)}

.faq details{transition:box-shadow .25s var(--ease),border-color .25s}
.faq details:hover{box-shadow:var(--sh-1);border-color:var(--line)}
.faq details[open]{box-shadow:var(--sh-1);border-color:#dbe4ec!important}

.sidekf a{transition:all .22s var(--ease)}
.sidekf a:hover{transform:translateX(-2px);box-shadow:var(--sh-2)}
.mbar a{transition:filter .2s}
.mbar a:active{filter:brightness(.92)}

@media(max-width:860px){
  .card:hover,.prod:hover,.case:hover{transform:none;box-shadow:var(--sh-1)}
}

/* ============ 2026-10-14b 疏朗化排版系统（治密集感：字号↑ 行高↑ 留白↑） ============ */
/* 基准：正文17px / 行高1.85 / 区块留白+45%（导航15px、logo17px、副标题12px雷区不动） */

html{font-size:17px}
body{font-size:17px;line-height:1.85}

/* —— 正文与段落 —— */
p{line-height:1.85}
.art p{font-size:19.5px;line-height:1.95;margin-bottom:18px}
.art li{line-height:1.9;margin-bottom:8px}
.art h2{margin:34px 0 16px}
.art h3{margin:26px 0 12px;line-height:1.5}

/* —— 小字号整体上抬（15→16、16.5→17.5级） —— */
.card p,.prod p,.case p{font-size:17px;line-height:1.8}
.card li,.prod li{line-height:1.8}
.crumb{font-size:16px}
.alias{font-size:16.5px}
.faq details summary{font-size:17.5px;line-height:1.6}
.faq details .a{font-size:17px;line-height:1.85}
footer{font-size:18px}
footer a{line-height:2.1}

/* —— 区块留白：纵向+45% —— */
section{padding:64px 0}
.sec-tit{margin-bottom:34px}
.sec-tit h2{font-size:32px;letter-spacing:1px}
.sec-tit p{font-size:18.5px;margin-top:10px}

/* —— 卡片呼吸感 —— */
.card{border-radius:var(--r-lg)}
.card .bd,.prod .bd,.case .bd{padding:20px 22px}
.block{padding:36px;margin:26px 0;border-radius:var(--r-lg)}
.block h2{margin-bottom:18px}
.form-card{padding:34px;gap:30px;margin:28px 0;border-radius:var(--r-lg)}

/* —— 网格间距：14→20 / 12→18 —— */
.card-grid,.prod-grid,.case-grid,.indu-grid,.news-grid,.vid-grid{gap:20px}

/* —— 图片位加高（视觉焦点放大） —— */
.ph{height:190px}

/* —— FAQ折叠加大 —— */
.faq details{padding:16px 20px;margin-bottom:14px;border-radius:var(--r-md)}

/* —— 标签行 —— */
.tagrow a{padding:10px 18px;font-size:16.5px;border-radius:var(--r-sm)}
.tagrow{gap:12px}

/* —— 表格 —— */
table{font-size:16.5px}
th,td{padding:12px 14px;line-height:1.7}

/* —— 移动端等比疏朗（保持可读不拥挤） —— */
@media(max-width:860px){
  html{font-size:16.5px}
  body{font-size:16.5px;line-height:1.8}
  section{padding:44px 0}
  .sec-tit h2{font-size:26px}
  .block{padding:24px;margin:20px 0}
  .form-card{padding:24px}
  .card .bd,.prod .bd,.case .bd{padding:16px 18px}
  .ph{height:170px}
  .art p{font-size:18px}
}

/* ============ 2026-10-14b 疏朗化排版系统（治密集感：字号↑ 行高↑ 留白↑） ============ */
/* 基准：正文17px / 行高1.85 / 区块留白+45%（导航15px、logo17px、副标题12px雷区不动） */

html{font-size:17px}
body{font-size:17px;line-height:1.85}

/* —— 正文与段落 —— */
p{line-height:1.85}
.art p{font-size:19.5px;line-height:1.95;margin-bottom:18px}
.art li{line-height:1.9;margin-bottom:8px}
.art h2{margin:34px 0 16px}
.art h3{margin:26px 0 12px;line-height:1.5}

/* —— 小字号整体上抬（15→16、16.5→17.5级） —— */
.card p,.prod p,.case p{font-size:17px;line-height:1.8}
.card li,.prod li{line-height:1.8}
.crumb{font-size:16px}
.alias{font-size:16.5px}
.faq details summary{font-size:17.5px;line-height:1.6}
.faq details .a{font-size:17px;line-height:1.85}
footer{font-size:18px}
footer a{line-height:2.1}

/* —— 区块留白：纵向+45% —— */
section{padding:64px 0}
.sec-tit{margin-bottom:34px}
.sec-tit h2{font-size:32px;letter-spacing:1px}
.sec-tit p{font-size:18.5px;margin-top:10px}

/* —— 卡片呼吸感 —— */
.card{border-radius:var(--r-lg)}
.card .bd,.prod .bd,.case .bd{padding:20px 22px}
.block{padding:36px;margin:26px 0;border-radius:var(--r-lg)}
.block h2{margin-bottom:18px}
.form-card{padding:34px;gap:30px;margin:28px 0;border-radius:var(--r-lg)}

/* —— 网格间距：14→20 / 12→18 —— */
.card-grid,.prod-grid,.case-grid,.indu-grid,.news-grid,.vid-grid{gap:20px}

/* —— 图片位加高（视觉焦点放大） —— */
.ph{height:190px}

/* —— FAQ折叠加大 —— */
.faq details{padding:16px 20px;margin-bottom:14px;border-radius:var(--r-md)}

/* —— 标签行 —— */
.tagrow a{padding:10px 18px;font-size:16.5px;border-radius:var(--r-sm)}
.tagrow{gap:12px}

/* —— 表格 —— */
table{font-size:16.5px}
th,td{padding:12px 14px;line-height:1.7}

/* —— 移动端等比疏朗（保持可读不拥挤） —— */
@media(max-width:860px){
  html{font-size:16.5px}
  body{font-size:16.5px;line-height:1.8}
  section{padding:44px 0}
  .sec-tit h2{font-size:26px}
  .block{padding:24px;margin:20px 0}
  .form-card{padding:24px}
  .card .bd,.prod .bd,.case .bd{padding:16px 18px}
  .ph{height:170px}
  .art p{font-size:18px}
}
