/* ═══════════ 设计令牌（对齐 pay.ynshw.com.cn） ═══════════ */
@font-face{
  font-family:"alimama";
  src:url("../font/alimama-core.woff2?v=20261028b") format("woff2");
  font-weight:400 700;
  font-display:swap;
}
:root{
  --brand:#3a78ee;
  --brand-dark:#2b5fcc;
  --brand-light:#5b96f4;
  --brand-bg:#e8f0ff;
  --brand-bg2:#f2f7ff;
  --brand-grad:linear-gradient(135deg,#3a78ee 0%,#5b96f4 100%);
  --link:#3377ff;
  --ink:#1a1a2e;
  --t2:#333;
  --t3:#666;
  --t4:#999;
  --success:#2bb673;
  --success-bg:#eaf9f2;
  --warn:#f5a623;
  --warn-bg:#fff8e6;
  --hot:#e63946;
  --bg:#f6f7fa;
  --card:#fff;
  --line:#ececec;
  --r-tag:6px;
  --r-card:12px;
  --r-pop:16px;
  --r-pill:22px;
  --shadow:0 2px 8px rgba(0,0,0,.04);
  --shadow-md:0 6px 24px rgba(0,0,0,.06);
  --font:"alimama","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Open Sans",Arial,sans-serif;
  --w:1120px;
}
html.dark{
  --brand:#5b96f4; --brand-dark:#2b5fcc; --brand-light:#7facf7;
  --brand-bg:#1a2a4a; --brand-bg2:#152238;
  --brand-grad:linear-gradient(135deg,#1e3c78 0%,#2e63c4 100%);
  --link:#6ea3ff;
  --ink:#e8ecf5; --t2:#c3cbd9; --t3:#98a4ba; --t4:#6d7994;
  --success:#3ecf8e; --success-bg:#12291c;
  --warn:#f7b84b; --warn-bg:#2e2614;
  --hot:#ff7b81;
  --bg:#0d1320; --card:#151d2e; --line:#24304a;
  --shadow:0 2px 8px rgba(0,0,0,.35);
  --shadow-md:0 6px 24px rgba(0,0,0,.45);
}
html.dark body{background:var(--bg)}
html.dark .topbar{background:rgba(13,19,32,.92)}
html.dark .m-nav{background:var(--card)}
html.dark .m-nav a{border-bottom-color:#1e2a42}
html.dark .stats{background:var(--card)}
html.dark .nosign{background:var(--card)}
html.dark .flow{background:var(--brand-bg2)}
html.dark .flow-ico{background:var(--card)}
html.dark .feat,.dark .scene,.dark .voice{background:var(--card);border-color:var(--line)}
html.dark .feat:hover,html.dark .scene:hover{border-color:#2c3d63}
html.dark .final{background:var(--card);border-color:var(--line)}
html.dark #contact{background:var(--bg)}
html.dark .contact-card{background:var(--card);border-color:var(--line)}
html.dark .case-card{background:var(--card);border-color:var(--line)}
html.dark #payTop{background:var(--card);border-color:var(--line);color:var(--brand)}
html.dark .fi-red{background:#3a2027}
html.dark .fi-purple{background:#241f3e;color:#a08bff}
html.dark .fi-teal{background:#0f2e2b;color:#2ec9bb}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font);font-size:15px;line-height:1.65;color:var(--ink);background:var(--bg)}
a{color:var(--link);text-decoration:none}
img,svg{display:block}
.wrap{max-width:var(--w);margin:0 auto;padding:0 20px}
.ic{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ═══════════ 顶栏 ═══════════ */
.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.topbar-in{max-width:var(--w);margin:0 auto;padding:0 20px;height:58px;display:flex;align-items:center;gap:20px}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:700;font-size:16px}
.brand-mark{width:32px;height:32px;border-radius:9px;background:var(--brand-grad);display:flex;align-items:center;justify-content:center;color:#fff;flex:none;overflow:hidden}
.brand-mark img{width:100%;height:100%;object-fit:cover}
.brand-mark .ic{width:17px;height:17px;stroke-width:2}
.brand small{font-weight:400;color:var(--t4);font-size:12px;margin-left:2px}
.nav{display:flex;gap:4px;margin-left:auto}
.nav a{color:var(--t3);font-size:14px;padding:8px 14px;border-radius:var(--r-pill);transition:.18s}
.nav a:hover{color:var(--brand);background:var(--brand-bg2)}
.nav a.is-active{color:var(--brand);background:var(--brand-bg);font-weight:600}
.top-cta{flex:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;font-family:inherit;font-weight:600;border-radius:var(--r-pill);transition:.18s;text-align:center}
.btn-grad{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--brand-grad);color:#fff;padding:10px 22px;font-size:14px;border-radius:var(--r-pill);box-shadow:0 4px 14px rgba(58,120,238,.32)}
.btn-grad:hover{filter:brightness(1.06);transform:translateY(-1px)}
.btn-ghost{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.55);padding:10px 22px;font-size:14px}
.btn-ghost:hover{background:rgba(255,255,255,.28)}
.btn-lg{padding:13px 30px;font-size:15px}
.menu-btn{display:none;margin-left:auto;border:0;background:none;cursor:pointer;color:var(--ink);padding:8px}
.menu-btn .ic{width:22px;height:22px}
.dark-btn{display:block;border:0;background:none;cursor:pointer;color:var(--ink);padding:8px;flex:none}
.dark-btn:hover{color:var(--brand)}
.m-nav{display:none;border-top:1px solid var(--line);background:var(--card);padding:8px 20px 14px}
.m-nav a{display:block;padding:11px 4px;color:var(--t2);font-size:15px;border-bottom:1px solid var(--line)}
.m-nav a:last-child{border-bottom:0}
.m-nav.open{display:block}

/* ═══════════ Hero ═══════════ */
.hero{position:relative;overflow:hidden;background:var(--brand-grad);color:#fff}
.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}
.hero::before{width:520px;height:520px;top:-220px;right:-140px}
.hero::after{width:360px;height:360px;bottom:-200px;left:-120px;background:rgba(255,255,255,.06)}
.hero-in{position:relative;z-index:1;max-width:var(--w);margin:0 auto;padding:78px 20px 84px;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.hero-kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);border-radius:var(--r-pill);padding:6px 14px;font-size:13px;margin-bottom:20px}
.hero-kicker .dot{width:7px;height:7px;border-radius:50%;background:#7dffb8;box-shadow:0 0 8px #7dffb8}
.hero h1{font-size:42px;line-height:1.25;font-weight:700;letter-spacing:.5px}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,#ffe9a8,#ffd54f);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{margin-top:18px;font-size:16px;line-height:1.9;color:rgba(255,255,255,.92);max-width:560px}
.hero-btns{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}
.hero-tags{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}
.hero-tags span{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.3);border-radius:var(--r-tag);padding:5px 12px;font-size:13px}
/* 交付进度卡（纯 CSS） */
.demo{position:relative;justify-self:end;width:min(320px,100%)}
.demo-phone{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);border-radius:24px;padding:18px;backdrop-filter:blur(6px);box-shadow:0 20px 50px rgba(20,50,120,.28)}
.demo-head{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;padding:2px 4px 14px;border-bottom:1px solid rgba(255,255,255,.25)}
.demo-head .ring{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center}
.demo-row{display:flex;justify-content:space-between;align-items:center;padding:13px 4px;border-bottom:1px dashed rgba(255,255,255,.22);font-size:13.5px}
.demo-row:last-of-type{border-bottom:0}
.demo-row .k{color:rgba(255,255,255,.75)}
.demo-row .v{font-weight:600}
.demo-toast{margin-top:14px;background:#fff;border-radius:var(--r-card);padding:13px 15px;color:var(--ink);display:flex;align-items:center;gap:12px;box-shadow:0 12px 30px rgba(10,40,100,.25);animation:pop 2.6s ease infinite}
@keyframes pop{0%,100%{transform:translateY(0)}12%{transform:translateY(-5px)}20%{transform:translateY(0)}}
.demo-toast .ok{width:36px;height:36px;border-radius:50%;background:var(--success-bg);color:var(--success);display:flex;align-items:center;justify-content:center;flex:none}
.demo-toast .ok .ic{width:18px;height:18px;stroke-width:2.4}
.demo-toast b{display:block;font-size:14px}
.demo-toast small{color:var(--t4);font-size:12px}

/* ═══════════ 数据条 ═══════════ */
.stats{background:var(--card);border-bottom:1px solid var(--line)}
.stats-in{max-width:var(--w);margin:0 auto;padding:26px 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;text-align:center}
.stat b{font-size:26px;font-weight:700;color:var(--brand)}
.stat b i{font-style:normal;font-size:14px;font-weight:600;margin-left:2px}
.stat span{display:block;margin-top:2px;color:var(--t4);font-size:13px}

/* ═══════════ 通用区块 ═══════════ */
section{padding:72px 0}
.sec-head{text-align:center;max-width:640px;margin:0 auto 44px}
.sec-head .eyebrow,.eyebrow{display:inline-block;color:var(--brand);background:var(--brand-bg);border-radius:var(--r-pill);font-size:13px;font-weight:600;padding:5px 16px;margin-bottom:14px}
.sec-head h2{font-size:30px;font-weight:700;line-height:1.35}
.sec-head p{margin-top:12px;color:var(--t3);font-size:15px}
.grid{display:grid;gap:18px}

/* 关于我们 */
.nosign{background:var(--card)}
.nosign-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.nosign h3{font-size:24px;font-weight:700;margin-bottom:16px}
.nosign p{color:var(--t3);margin-bottom:12px}
.nosign .hl{color:var(--brand);font-weight:600}
.check-list{list-style:none;margin-top:18px;display:grid;gap:11px}
.check-list li{display:flex;gap:10px;align-items:flex-start;color:var(--t2);font-size:14.5px}
.check-list .ic{width:18px;height:18px;color:var(--success);flex:none;margin-top:3px;stroke-width:2.2}
.flow{background:var(--brand-bg2);border:1px solid var(--brand-bg);border-radius:var(--r-pop);padding:30px 28px}
.flow-step{display:flex;gap:14px;position:relative;padding-bottom:26px}
.flow-step:last-child{padding-bottom:0}
.flow-step::before{content:"";position:absolute;left:15px;top:34px;bottom:2px;width:2px;background:var(--brand-bg)}
.flow-step:last-child::before{display:none}
.flow-ico{width:32px;height:32px;border-radius:50%;background:var(--card);border:1px solid var(--brand-bg);color:var(--brand);display:flex;align-items:center;justify-content:center;flex:none;font-weight:700;font-size:14px;box-shadow:var(--shadow)}
.flow-step b{display:block;font-size:15px;margin-bottom:2px}
.flow-step p{color:var(--t3);font-size:13.5px;margin:0}
.flow-step .tag{display:inline-block;margin-left:8px;font-size:11.5px;color:var(--brand);background:var(--brand-bg);border-radius:var(--r-tag);padding:1px 8px;font-weight:600;vertical-align:1px}

/* 服务项目 */
.feat-grid{grid-template-columns:repeat(2,1fr)}
.feat{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:28px 24px;box-shadow:var(--shadow);transition:.22s}
.feat:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--brand-bg)}
.feat-ico{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:none}
.feat-ico .ic{width:22px;height:22px}
.feat-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.feat-head h4{margin-bottom:0}
.fi-blue{background:var(--brand-bg);color:var(--brand)}
.fi-green{background:var(--success-bg);color:var(--success)}
.fi-gold{background:var(--warn-bg);color:var(--warn)}
.fi-red{background:#ffecec;color:var(--hot)}
.fi-purple{background:#f0edff;color:#6c5ce7}
.fi-teal{background:#e6f9f7;color:#0aa194}
.feat h4{font-size:17px;font-weight:700;margin-bottom:8px}
.feat .svc-index{margin-left:auto;color:var(--t4);font-size:13px;font-weight:700;letter-spacing:1px}
.feat p{color:var(--t3);font-size:14px}

/* 联系我们 */
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.contact-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:28px 24px;box-shadow:var(--shadow);transition:.22s;text-align:center}
.contact-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--brand-bg)}
.contact-icon{width:52px;height:52px;margin:0 auto 14px;border-radius:14px;display:flex;align-items:center;justify-content:center}
.contact-icon svg{width:26px;height:26px}
.contact-card .label{font-size:16px;font-weight:700}
.contact-card .hint{margin-top:4px;color:var(--t4);font-size:12px}
.contact-value-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px}
.contact-value-row .value{font-size:15px;font-weight:600;color:var(--t2);word-break:break-all}
.contact-copy{border:1px solid var(--brand-bg);background:var(--brand-bg2);color:var(--brand);border-radius:var(--r-tag);font-size:12px;padding:3px 10px;cursor:pointer;font-family:inherit;transition:.18s}
.contact-copy:hover{background:var(--brand-bg)}
.contact-actions{margin-top:18px}
.contact-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--brand-grad);color:#fff;padding:9px 26px;font-size:14px;font-weight:600;border-radius:var(--r-pill);box-shadow:0 4px 14px rgba(58,120,238,.32);transition:.18s}
.contact-cta:hover{filter:brightness(1.06);transform:translateY(-1px)}

/* 案例页 */
.page-hero{position:relative;overflow:hidden;background:var(--brand-grad);color:#fff;padding:64px 0;text-align:center}
.page-hero::before{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08);width:420px;height:420px;top:-180px;right:-120px}
.page-hero h1{position:relative;z-index:1;font-size:34px;font-weight:700}
.page-hero p{position:relative;z-index:1;margin-top:12px;color:rgba(255,255,255,.92)}
.page-hero .eyebrow{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);color:#fff}
.case-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-pop);box-shadow:var(--shadow);overflow:hidden;transition:.22s}
.case-card:hover{box-shadow:var(--shadow-md);border-color:var(--brand-bg)}
.case-detail-grid{display:grid;grid-template-columns:1.05fr .95fr}
.case-cover{position:relative;min-height:280px}
.case-cover img{width:100%;height:100%;object-fit:cover}
.case-meta{position:absolute;left:14px;bottom:14px;display:flex;gap:8px}
.case-meta span{background:rgba(13,19,32,.62);backdrop-filter:blur(4px);color:#fff;border-radius:var(--r-tag);padding:4px 12px;font-size:12.5px}
.case-feature-body{padding:32px 30px;display:flex;flex-direction:column}
.case-feature-body .tag{align-self:flex-start;color:var(--brand);background:var(--brand-bg);border-radius:var(--r-tag);padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:1px}
.case-feature-body h2{font-size:21px;font-weight:700;margin:12px 0 14px}
.case-feature-body p{color:var(--t3);font-size:14px;line-height:1.9;margin-bottom:10px}
.case-feature-actions{margin-top:auto;padding-top:16px}
.case-feature-actions .btn-grad{padding:9px 24px;font-size:14px}

/* 产品墙（对齐主站 ctr 配色） */
.prod-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.prod{position:relative;display:block;border-radius:var(--r-card);padding:16px 16px 17px;color:#fff;overflow:hidden;transition:.2s;box-shadow:var(--shadow);min-width:0}
.prod:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);color:#fff}
.prod h4{font-size:15px;font-weight:700;display:flex;align-items:center;gap:7px;white-space:nowrap}
.prod .sub{display:block;font-size:12px;opacity:.9;margin-top:6px;padding-right:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prod .go{position:absolute;right:12px;bottom:12px;font-size:15px;opacity:.75}
.prod .deco{position:absolute;right:-26px;top:-26px;width:76px;height:76px;border-radius:50%;background:rgba(255,255,255,.14)}
.prod svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pd-shop{background:linear-gradient(135deg,#e11d74,#f43f5e 55%,#fb7185)}
.pd-mkt{background:linear-gradient(135deg,#f5a623,#ffc107 55%,#ffd54f)}
.pd-biz{background:linear-gradient(135deg,#d9480f,#f76707 55%,#ff922b)}
.pd-pro{background:linear-gradient(135deg,#123a8a,#1f5bd6 55%,#3b82f6)}
.pd-help{background:linear-gradient(135deg,#6d5ef0,#8b7bf5 55%,#a898ff)}
.pd-pop{background:linear-gradient(135deg,#7c3aed,#d946ef 40%,#f43f5e 72%,#fb923c)}
.pd-disk{background:linear-gradient(135deg,#4f9cf9,#3a78ee 55%,#2255d6)}
.pd-image{background:linear-gradient(135deg,#0891b2,#06b6d4 55%,#67e8f9)}
.pd-chat{background:linear-gradient(135deg,#0e7490,#06a6c4 55%,#3fd0ea)}
.pd-svc{background:linear-gradient(135deg,#00845a,#0a9e6c 55%,#1fb87a)}
.pd-pay{background:linear-gradient(135deg,#4338ca,#6366f1 55%,#818cf8)}
.pd-rural{background:linear-gradient(135deg,#3f6212,#65a30d 55%,#a3e635)}
.pd-gai{background:linear-gradient(135deg,#b91c1c,#ef4444 45%,#f59e0b)}
.pd-pngtool{background:linear-gradient(135deg,#9333ea,#c026d3 55%,#e879f9)}
.pd-pdftool{background:linear-gradient(135deg,#334155,#64748b 55%,#94a3b8)}
.pd-toolwork{background:linear-gradient(135deg,#0f766e,#0d9488 55%,#2dd4bf)}
.pd-htgold{background:linear-gradient(135deg,#b45309,#d97706 55%,#fbbf24)}
.pd-jutuike{background:linear-gradient(135deg,#0369a1,#0ea5e9 55%,#38bdf8)}
.pd-map{background:linear-gradient(135deg,#047857,#10b981 55%,#34d399)}
.pd-tv{background:linear-gradient(135deg,#111827,#1e40af 55%,#3a78ee)}
.pd-fm{background:linear-gradient(135deg,#4338ca,#0891b2 55%,#34d399)}
.pd-wave{background:linear-gradient(135deg,#312e81,#6d28d9 55%,#c084fc)}
.pd-score{background:linear-gradient(135deg,#7c2d12,#ea580c 55%,#fdba74)}
.pd-yprint{background:linear-gradient(135deg,#1e293b,#155e75 55%,#22d3ee)}
.pd-cqjh{background:linear-gradient(135deg,#450a0a,#b91c1c 55%,#ef4444)}

/* 联系卡占位（留空待接入） */
.contact-card.is-disabled{opacity:.62}
.contact-card.is-disabled .contact-cta{background:var(--t4);box-shadow:none;cursor:not-allowed;pointer-events:none}

/* 底部 CTA */
.final{background:var(--card);border-top:1px solid var(--line)}
.final-in{max-width:640px;margin:0 auto;text-align:center;padding:12px 20px}
.final h2{font-size:28px;font-weight:700}
.final p{margin:14px 0 28px;color:var(--t3)}

/* ═══════════ Footer ═══════════ */
footer{background:#101625;color:#93a0b5;padding:34px 0;font-size:13px}
.foot-in{max-width:var(--w);margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.foot-in .fb{display:flex;align-items:center;gap:9px;color:#fff;font-weight:700;font-size:14px}
.foot-in .fb .brand-mark{width:26px;height:26px;border-radius:7px}
.foot-links{margin-left:auto;display:flex;gap:20px;flex-wrap:wrap}
.foot-links a{color:#93a0b5}
.foot-links a:hover{color:#fff}
.foot-copy{width:100%;border-top:1px solid rgba(255,255,255,.08);padding-top:18px;color:#5d6a80;font-size:12.5px}

/* 滚动显现 */
.rv{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.rv.on{opacity:1;transform:none}

/* 回到顶部 */
#payTop{
  position:fixed;right:18px;bottom:24px;z-index:1499;
  width:40px;height:40px;border-radius:50%;
  border:1px solid var(--line);background:var(--card);color:var(--brand);
  font-family:inherit;font-size:10px;font-weight:700;letter-spacing:.5px;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px rgba(16,35,74,.12);cursor:pointer;transition:.18s;
  opacity:0;visibility:hidden;transform:translateY(6px);
}
#payTop.show{opacity:1;visibility:visible;transform:none}
#payTop:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(16,35,74,.18)}

/* ═══════════ 响应式 ═══════════ */
@media(max-width:960px){
  .hero-in{grid-template-columns:1fr;gap:36px;padding:56px 20px 64px}
  .hero h1{font-size:32px}
  .demo{justify-self:center}
  .nosign-grid{grid-template-columns:1fr;gap:30px}
  .feat-grid{grid-template-columns:1fr 1fr}
  .prod-grid{grid-template-columns:repeat(3,1fr)}
  .contact-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}
  .case-detail-grid{grid-template-columns:1fr}
  .case-cover{min-height:220px;max-height:320px;overflow:hidden}
  .stats-in{grid-template-columns:repeat(2,1fr);gap:20px 8px}
}
@media(max-width:680px){
  .topbar-in{gap:8px;padding:0 14px}
  .brand{font-size:15px;gap:8px;flex:1;min-width:0;white-space:nowrap}
  .brand small{white-space:nowrap;flex:none}
  .dark-btn,.menu-btn{padding:8px 6px;flex:none}
  .nav,.top-cta{display:none}
  .menu-btn{display:block;margin-left:0}
  section{padding:52px 0}
  .feat-grid{grid-template-columns:1fr}
  .prod-grid{grid-template-columns:repeat(2,1fr)}
  .sec-head h2{font-size:24px}
  .hero h1{font-size:27px}
  .case-feature-body{padding:22px 18px}
  #payTop{right:14px;bottom:18px}
}
@media(max-width:360px){
  .brand{font-size:14px;gap:6px}
  .brand small{font-size:11px}
}

/* ═══ 客服浮标覆盖（对齐主站首页 40px；kefu.js 注入 56px 且 style 后置，须 body 前缀提权，禁改 kefu.js——app 域共用） ═══ */
body .kf-fab{width:40px;height:40px;gap:5px}
body .kf-fab svg{width:18px;height:18px}
body .kf-fab .kf-live{width:8px;height:8px;box-shadow:0 0 0 2px rgba(62,207,142,.28)}
body .kf-fab .kf-dot{min-width:16px;height:16px;line-height:16px;font-size:11px;padding:0 4px;top:-4px;right:-4px}