@charset "utf-8";
/* ============================================================================
 * 帮管客CRM - 模块样式（首页 / 内页区块 / 弹层）
 * 依赖 main.css 中的设计令牌
 * ==========================================================================*/

/* ============================== 弹层 ============================== */
.modal-mask{
  position:fixed;inset:0;z-index:1200;background:rgba(5,11,26,.62);
  display:flex;align-items:center;justify-content:center;padding:20px;
  opacity:0;visibility:hidden;transition:.28s var(--ease);
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
}
.modal-mask.on{opacity:1;visibility:visible}
.modal{
  position:relative;width:100%;max-width:380px;background:#fff;
  border-radius:var(--r-lg);padding:34px 30px 28px;text-align:center;
  box-shadow:var(--sh-lg);transform:translateY(16px) scale(.97);transition:.32s var(--ease);
  max-height:92vh;overflow-y:auto;
}
.modal-mask.on .modal{transform:none}
.modal-x{
  position:absolute;top:14px;right:14px;width:34px;height:34px;
  border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;padding:0;
  display:flex;align-items:center;justify-content:center;transition:.2s var(--ease);
}
.modal-x:hover{border-color:var(--blue-400);background:var(--blue-50)}
.modal-x svg{width:15px;height:15px;stroke:var(--muted)}
.modal-hd h3{font-size:19px;letter-spacing:.4px}
.modal-hd p{font-size:13.5px;color:var(--muted);margin-top:8px;line-height:1.7}
.modal-qr{
  margin:20px auto 0;width:196px;padding:10px;background:var(--soft);
  border:1px solid var(--line);border-radius:var(--r-md);
}
.modal-qr img{width:100%;border-radius:var(--r-sm)}
.modal-tel{
  display:inline-flex;align-items:center;gap:8px;margin-top:18px;
  font-size:15px;font-weight:700;color:var(--blue-700);
}
.modal-tel svg{width:16px;height:16px;stroke:var(--blue-500)}

/* ============================== 首页 Hero ============================== */
.hero{
  position:relative;overflow:hidden;color:#fff;
  background:var(--grad-deep);
  /* 顶部预留固定导航栏高度，避免内容被浮动导航遮挡 */
  padding:calc(var(--head-h) + 56px) 0 78px;
}
.hero::before{
  content:"";position:absolute;top:-200px;right:-140px;width:640px;height:640px;border-radius:50%;
  background:radial-gradient(circle,rgba(59,130,246,.36),transparent 66%);pointer-events:none;
}
.hero::after{
  content:"";position:absolute;bottom:-240px;left:-160px;width:560px;height:560px;border-radius:50%;
  background:radial-gradient(circle,rgba(34,211,238,.22),transparent 66%);pointer-events:none;
}
.hero-grid{
  position:relative;z-index:2;
  display:grid;grid-template-columns:1.08fr .92fr;gap:52px;align-items:center;
}
.hero-badge{
  display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;
  color:#BFD7FA;background:rgba(59,130,246,.16);border:1px solid rgba(96,165,250,.34);
  padding:6px 15px;border-radius:var(--r-full);letter-spacing:.4px;
}
.hero-badge .dot{
  width:7px;height:7px;border-radius:50%;background:var(--cyan-400);
  box-shadow:0 0 0 4px rgba(34,211,238,.2);flex-shrink:0;
}
.hero h1{
  font-size:clamp(28px,4.4vw,52px);line-height:1.24;letter-spacing:.8px;
  margin-top:20px;color:#fff;
}
.hero h1 em{font-style:normal;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{color:#9DB0D2;font-size:16.5px;margin-top:20px;max-width:560px;line-height:1.85}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.hero-trust{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px}
.hero-trust span{display:inline-flex;align-items:center;gap:7px;color:#8FA3C6;font-size:13px}
.hero-trust svg{width:14px;height:14px;stroke:var(--cyan-400);flex-shrink:0}

/* 右侧预览面板 */
.hero-panel{
  background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.13);
  border-radius:var(--r-lg);padding:20px;box-shadow:var(--sh-lg);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
.hp-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.11);
}
.hp-head b{font-size:14.5px;letter-spacing:.5px;color:#E6EEFB}
.hp-head .tag{margin:0}
.hp-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}
.hp-item{
  display:flex;align-items:center;gap:9px;font-size:13px;color:#C6D2E8;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);
  border-radius:10px;padding:10px 12px;transition:.22s var(--ease);
}
.hp-item:hover{background:rgba(59,130,246,.18);border-color:rgba(96,165,250,.42);color:#fff}
.hp-item .dot{
  width:6px;height:6px;border-radius:2px;background:var(--cyan-400);
  opacity:.8;transform:rotate(45deg);flex-shrink:0;
}
.hp-foot{display:flex;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.11)}
.hp-foot a{
  flex:1;text-align:center;font-size:13px;padding:11px 8px;border-radius:10px;
  background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.13);color:#CBD8EF;
}
.hp-foot a:hover{background:rgba(255,255,255,.14);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.26)}
.hp-foot a.pri{background:var(--grad-blue);box-shadow:none;color:#fff;font-weight:600}
.hp-foot a.pri:hover{transform:translateY(-2px)}

/* Hero 底部统计 */
.hero-stats{
  position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);
  gap:14px;margin-top:52px;
}
.h-stat{
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
  border-radius:var(--r-md);padding:18px 20px;
}
.h-stat .n{
  font-size:30px;font-weight:800;color:#7FB0F5;line-height:1.15;
  font-variant-numeric:tabular-nums;
}
.h-stat .n i{font-style:normal;font-size:15px;margin-left:2px}
.h-stat .t{color:#93A5C6;font-size:12.5px;margin-top:3px}

/* ============================== 公告条 ============================== */
.notice-bar{background:#fff;border-bottom:1px solid var(--line)}
.notice-in{
  max-width:var(--maxw);margin:0 auto;padding:11px var(--gut);
  display:flex;align-items:center;gap:14px;
}
.notice-tag{
  display:inline-flex;align-items:center;gap:6px;flex-shrink:0;
  font-size:12.5px;font-weight:700;color:var(--blue-700);
  background:var(--blue-50);border:1px solid var(--blue-100);
  padding:4px 12px;border-radius:var(--r-full);
}
.notice-tag svg{width:13px;height:13px;stroke:var(--blue-500)}
.notice-roll{flex:1;height:24px;overflow:hidden;position:relative;min-width:0}
.notice-roll ul{position:relative}
.notice-roll li{
  height:24px;line-height:24px;font-size:13.5px;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;
}
.notice-roll li a{color:var(--ink-2);display:inline}
.notice-roll li a:hover{color:var(--blue-600)}
.notice-roll li .tm{color:var(--faint);font-size:12.5px;margin-left:8px}
.notice-more{flex-shrink:0;font-size:13px;color:var(--muted);white-space:nowrap}
.notice-more:hover{color:var(--blue-600)}

/* ============================== 问题与解法（深色对照） ============================== */
.vs-list{display:grid;gap:14px;max-width:1060px;margin:0 auto}
.vs-row{
  display:grid;grid-template-columns:1fr 44px 1fr;align-items:stretch;gap:0;
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);
  border-radius:var(--r-md);overflow:hidden;
  transition:border-color .28s var(--ease),background .28s var(--ease);
}
.vs-row:hover{border-color:rgba(96,165,250,.42);background:rgba(59,130,246,.09)}
.vs-pain,.vs-fix{display:flex;gap:14px;padding:22px 24px;min-width:0}
.vs-mark{
  width:30px;height:30px;border-radius:9px;flex-shrink:0;margin-top:2px;
  display:flex;align-items:center;justify-content:center;
}
.vs-mark svg{width:15px;height:15px}
.vs-mark.x{background:rgba(248,113,113,.14)}
.vs-mark.x svg{stroke:#F87171}
.vs-mark.v{background:rgba(34,211,238,.14)}
.vs-mark.v svg{stroke:var(--cyan-400)}
.vs-pain b,.vs-fix b{display:block;font-size:15.5px;margin-bottom:6px;color:#fff}
.vs-pain p,.vs-fix p{font-size:13.4px;line-height:1.75;color:#9DB0D2}
.vs-arrow{
  display:flex;align-items:center;justify-content:center;
  border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08);
}
.vs-arrow svg{width:20px;height:20px;stroke:var(--cyan-400)}

/* ============================== 开通方式（四卡统一） ============================== */
.way-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.way-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  padding:30px 24px 24px;position:relative;display:flex;flex-direction:column;
  transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease);
}
.way-card:hover{transform:translateY(-6px);box-shadow:var(--sh-md);border-color:#C9DAF6}
.way-ic{
  width:52px;height:52px;border-radius:14px;margin-bottom:18px;
  background:linear-gradient(135deg,#EBF3FE,#DCEBFD);
  display:flex;align-items:center;justify-content:center;
}
.way-ic svg{width:24px;height:24px;stroke:var(--blue-500)}
.way-flag{
  position:absolute;top:20px;right:20px;font-size:11.5px;font-weight:700;
  color:var(--blue-600);background:#EAF2FE;border:1px solid #C9DAF6;
  padding:3px 11px;border-radius:var(--r-full);letter-spacing:.4px;
}
.way-card h3{font-size:17px;margin-bottom:10px}
.way-card p{font-size:13.6px;color:var(--muted);line-height:1.8;flex:1}
.way-link{
  margin-top:20px;padding-top:16px;border-top:1px solid var(--line-2);
  font-size:14px;font-weight:600;color:var(--blue-600);
  display:flex;align-items:center;justify-content:space-between;gap:8px;
}
.way-link i{font-style:normal;transition:transform .25s var(--ease)}
.way-link:hover i{transform:translateX(4px)}

/* ============================== 服务支持（三步） ============================== */
.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.step-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  padding:30px 26px;transition:.28s var(--ease);
}
.step-card:hover{transform:translateY(-5px);box-shadow:var(--sh-md);border-color:#C9DAF6}
.step-no{
  display:inline-block;font-size:30px;font-weight:800;line-height:1;
  background:var(--grad-blue);-webkit-background-clip:text;background-clip:text;color:transparent;
  font-variant-numeric:tabular-nums;margin-bottom:16px;
}
.step-card h4{font-size:16.5px;margin-bottom:10px}
.step-card p{font-size:13.8px;color:var(--muted);line-height:1.8}

/* ============================== 核心优势（网格布局，fun 页复用） ============================== */
.adv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}

/* ============================== 平台能力（图文左右） ============================== */
.plat-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.plat-list{display:grid;gap:6px}
.plat-item{
  display:flex;gap:16px;padding:18px 20px;border-radius:var(--r-md);
  transition:.25s var(--ease);border:1px solid transparent;
}
.plat-item:hover{background:#fff;border-color:var(--line);box-shadow:var(--sh-sm)}
.plat-ic{
  width:46px;height:46px;border-radius:13px;flex-shrink:0;
  background:linear-gradient(135deg,#EBF3FE,#D8E9FD);
  display:flex;align-items:center;justify-content:center;
}
.plat-ic svg{width:22px;height:22px;stroke:var(--blue-500)}
.plat-item h4{font-size:16px;margin-bottom:6px}
.plat-item p{font-size:13.6px;color:var(--muted)}
.plat-visual{
  border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);
  box-shadow:var(--sh-md);background:#fff;
}
.plat-visual img{width:100%;display:block}

/* 浏览器窗口装饰 */
.browser{border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line);box-shadow:var(--sh-md);background:#fff}
.browser-bar{
  background:#EEF2F9;display:flex;align-items:center;gap:6px;
  padding:10px 14px;border-bottom:1px solid var(--line);
}
.bdot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.bdot.r{background:#FF6058}.bdot.y{background:#FFBD2E}.bdot.g{background:#28CA42}
.burl{
  margin-left:10px;flex:1;background:#fff;border:1px solid #E3E9F3;border-radius:6px;
  font-size:11px;color:#93A0B5;padding:4px 12px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/* ============================== 部署方式 ============================== */
.deploy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.deploy-card{
  border-radius:var(--r-lg);padding:30px 26px;color:#fff;
  transition:transform .28s var(--ease),box-shadow .28s var(--ease);
}
.deploy-card:hover{transform:translateY(-5px);box-shadow:var(--sh-lg)}
.deploy-card .tag{margin-bottom:14px}
.deploy-card h4{font-size:19px;color:#fff;margin-bottom:10px}
.deploy-card p{font-size:13.6px;opacity:.94}
.deploy-card ul{margin-top:16px;border-top:1px solid rgba(255,255,255,.22);padding-top:14px}
.deploy-card li{
  font-size:12.8px;opacity:.92;padding:4px 0 4px 16px;position:relative;
}
.deploy-card li::before{
  content:"";position:absolute;left:0;top:12px;width:7px;height:7px;
  border-radius:50%;border:1.5px solid rgba(255,255,255,.68);
}
.dp1{background:linear-gradient(140deg,#1D4ED8,#3B82F6 55%,#60A5FA)}
.dp2{background:linear-gradient(140deg,#065F46,#0E9F6E 60%,#34C99A)}
.dp3{background:linear-gradient(140deg,#0A1428,#182A56 60%,#2C4479)}

/* ============================== 资讯 ============================== */
.news-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:26px}
.news-main{
  display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  overflow:hidden;transition:.28s var(--ease);
}
.news-main:hover{transform:translateY(-4px);box-shadow:var(--sh-md);border-color:#C9DAF6}
.news-main .nm-pic{width:100%;height:250px;object-fit:cover;background:var(--soft)}
.news-main .nm-body{padding:24px 26px 26px}
.news-main .nm-tag{margin-bottom:12px}
.news-main h3{font-size:19px;line-height:1.45;margin-bottom:10px}
.news-main p{font-size:13.8px;color:var(--muted)}
.news-main .nm-foot{
  display:flex;align-items:center;justify-content:space-between;
  margin-top:18px;padding-top:16px;border-top:1px solid var(--line-2);
  font-size:13px;color:var(--faint);
}
.news-main .nm-foot .go{color:var(--blue-600);font-weight:600}
.news-side{display:grid;gap:20px;align-content:start}
.news-box{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 24px}
.news-box .nb-h{
  display:flex;align-items:center;justify-content:space-between;
  padding-bottom:13px;border-bottom:1px solid var(--line-2);margin-bottom:6px;
}
.news-box .nb-h b{font-size:15.5px;display:flex;align-items:center;gap:9px}
.news-box .nb-h b .bar{
  width:4px;height:17px;border-radius:2px;background:var(--grad-blue);flex-shrink:0;
}
.news-box .nb-h a{font-size:12.5px;color:var(--faint)}
.news-box .nb-h a:hover{color:var(--blue-600)}
.news-box .nb-list li{border-bottom:1px dashed var(--line-2)}
.news-box .nb-list li:last-child{border-bottom:none}
.news-box .nb-list a{
  display:flex;align-items:flex-start;gap:10px;padding:11px 0;
  font-size:13.8px;color:var(--ink-2);line-height:1.6;
}
.news-box .nb-list a:hover{color:var(--blue-600)}
.news-box .nb-list a::before{
  content:"";width:6px;height:6px;border-radius:2px;background:var(--blue-300);
  transform:rotate(45deg);flex-shrink:0;margin-top:8px;
}
.news-box .nb-list .tm{font-size:12px;color:var(--faint);flex-shrink:0;margin-left:auto;padding-top:2px}

/* ============================== 适用场景 ============================== */
.partner-grid{
  display:grid;grid-template-columns:repeat(5,1fr);gap:14px;
}
.partner-item{
  display:flex;align-items:center;justify-content:center;gap:10px;
  background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:18px 14px;height:82px;transition:.26s var(--ease);
}
.partner-item:hover{border-color:#C9DAF6;box-shadow:var(--sh-sm);transform:translateY(-3px)}
.partner-item img{
  max-height:40px;width:auto;max-width:100%;
  filter:grayscale(1);opacity:.62;transition:.26s var(--ease);
}
.partner-item:hover img{filter:none;opacity:1}
.partner-item .pt-x{
  font-size:12px;font-weight:700;letter-spacing:.5px;color:var(--blue-500);
  background:var(--blue-50);border-radius:6px;padding:3px 7px;flex-shrink:0;
}
.partner-item .pt-t{font-size:13.6px;font-weight:600;color:var(--ink);line-height:1.35;}

/* ============================== 底部 CTA ============================== */
.sec-cta{
  background:linear-gradient(120deg,var(--navy-900),var(--navy-700));
  color:#fff;text-align:center;position:relative;overflow:hidden;
}
.sec-cta::before{
  content:"";position:absolute;top:-150px;left:50%;transform:translateX(-50%);
  width:700px;height:420px;border-radius:50%;
  background:radial-gradient(circle,rgba(59,130,246,.26),transparent 68%);pointer-events:none;
}
.sec-cta .wrap{position:relative;z-index:2}
.sec-cta h2{font-size:clamp(23px,3.4vw,34px);letter-spacing:1.2px;color:#fff}
.sec-cta h2 em{font-style:normal;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.sec-cta p{color:#9DB0D2;margin:14px auto 30px;max-width:560px;font-size:15.5px}
.sec-cta .btn-group{justify-content:center}

/* ============================== 内页：列表 ============================== */
.list-two{display:grid;grid-template-columns:1fr 300px;gap:36px;align-items:start}
.list-main{min-width:0}
.art-list{display:grid;gap:18px}
.art-item{
  display:flex;gap:20px;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-md);padding:20px;transition:.28s var(--ease);
}
.art-item:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:#C9DAF6}
.art-item .ai-pic{
  width:186px;height:126px;flex-shrink:0;border-radius:var(--r);
  overflow:hidden;background:var(--soft);
}
.art-item .ai-pic img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.art-item:hover .ai-pic img{transform:scale(1.06)}
.art-item .ai-body{min-width:0;display:flex;flex-direction:column}
.art-item h3{font-size:16.5px;line-height:1.5;margin-bottom:9px}
.art-item h3 a{color:var(--ink)}
.art-item h3 a:hover{color:var(--blue-600)}
.art-item p{
  font-size:13.6px;color:var(--muted);line-height:1.75;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.art-item .ai-foot{
  display:flex;align-items:center;gap:16px;margin-top:12px;
  font-size:12.5px;color:var(--faint);
}
.art-item .ai-foot .cate{
  color:var(--blue-600);background:var(--blue-50);
  padding:2px 10px;border-radius:var(--r-full);font-weight:600;
}

/* 子栏目导航（栏目页：全部 + 各子栏目，兼顾抓取内链与筛选） */
.subnav{
  display:flex;flex-wrap:wrap;gap:10px;
  padding:14px 16px;margin-bottom:22px;
  background:#fff;border:1px solid var(--line);border-radius:var(--r-md);
  box-shadow:var(--sh-xs);
}
.subnav .sn-item{
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 16px;border-radius:var(--r-full);
  font-size:13.8px;font-weight:600;line-height:1.4;color:var(--ink-2);
  background:var(--soft);border:1px solid transparent;
  transition:.22s var(--ease);white-space:nowrap;
}
.subnav .sn-item:hover{background:var(--blue-50);color:var(--blue-600);border-color:var(--blue-200)}
.subnav .sn-item.on{
  background:var(--grad-blue);color:#fff;border-color:transparent;
  box-shadow:0 6px 16px -8px rgba(59,130,246,.65);
}
.subnav .sn-item.on:hover{background:var(--grad-blue);color:#fff}

/* 侧栏 */
.side-box{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-md);
  padding:20px 22px;margin-bottom:20px;
}
.side-box .sb-h{
  font-size:15.5px;font-weight:700;padding-bottom:12px;margin-bottom:6px;
  border-bottom:1px solid var(--line-2);display:flex;align-items:center;gap:9px;
}
.side-box .sb-h .bar{width:4px;height:16px;border-radius:2px;background:var(--grad-blue);flex-shrink:0}
.side-box .sb-list li{border-bottom:1px dashed var(--line-2)}
.side-box .sb-list li:last-child{border-bottom:none}
.side-box .sb-list a{
  display:flex;gap:9px;padding:11px 0;font-size:13.8px;
  color:var(--ink-2);line-height:1.6;align-items:flex-start;
}
.side-box .sb-list a:hover{color:var(--blue-600)}
.side-box .sb-list a .idx{
  width:19px;height:19px;border-radius:5px;flex-shrink:0;margin-top:2px;
  background:var(--soft);color:var(--faint);font-size:11.5px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
}
.side-box .sb-list a:hover .idx{background:var(--blue-500);color:#fff}
.side-box .sb-list li:nth-child(-n+3) a .idx{background:var(--blue-50);color:var(--blue-600)}

/* ============================== 内页：文章详情 ============================== */
/* 直答段（GEO：把问题的直接答案放在正文最前） */
.art-answer{
  margin:0 0 28px;padding:18px 22px;border-left:4px solid var(--blue-500);
  background:#F5F9FF;border-radius:0 var(--r-md) var(--r-md) 0;
  font-size:15.2px;line-height:1.9;color:var(--ink-2);
}
.art-answer b{color:var(--blue-700);font-weight:700}
.art-answer a{color:var(--blue-600);font-weight:600;text-decoration:underline;text-underline-offset:3px}

.art-head{padding:10px 0 26px;border-bottom:1px solid var(--line);margin-bottom:30px}
.art-head h1{font-size:clamp(21px,3vw,30px);line-height:1.42;letter-spacing:.4px}
.art-meta{
  display:flex;align-items:center;gap:20px;flex-wrap:wrap;
  margin-top:18px;font-size:13px;color:var(--faint);
}
.art-meta span{display:inline-flex;align-items:center;gap:6px}
.art-meta svg{width:14px;height:14px;stroke:var(--faint)}
.art-foot{
  margin-top:44px;padding-top:26px;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;
}
.art-foot a{
  font-size:14px;color:var(--muted);max-width:46%;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.art-foot a:hover{color:var(--blue-600)}
.art-foot a b{color:var(--ink);font-weight:600}
.art-pn{display:grid;gap:12px;margin-top:26px}

/* 作者与资料来源（E-E-A-T） */
.art-author{
  margin-top:34px;padding:20px 22px;display:flex;gap:16px;align-items:flex-start;
  background:#F7FAFF;border:1px solid var(--blue-100);border-radius:var(--r-md);
}
.art-author .aa-ic{
  width:44px;height:44px;flex-shrink:0;border-radius:13px;
  background:linear-gradient(135deg,#EBF3FE,#D8E9FD);
  display:flex;align-items:center;justify-content:center;
}
.art-author .aa-ic svg{width:23px;height:23px;stroke:var(--blue-500)}
.art-author .aa-tx b{display:block;font-size:15px;color:var(--ink);margin-bottom:7px}
.art-author .aa-tx p{font-size:13.6px;color:var(--muted);line-height:1.8}
.art-author .aa-tx a{color:var(--blue-600);text-decoration:underline;text-underline-offset:3px}

/* 相关选型指南（内链） */
.art-guide{
  margin-top:22px;padding:20px 22px;border:1px dashed #C9DAF6;
  border-radius:var(--r-md);background:#FBFDFF;
}
.art-guide .ag-h{
  font-size:15px;font-weight:700;color:var(--ink);margin-bottom:12px;
  display:flex;align-items:center;gap:9px;
}
.art-guide .ag-h::before{content:"";width:4px;height:15px;border-radius:2px;background:var(--grad-blue)}
.art-guide .ag-list{display:grid;grid-template-columns:1fr 1fr;gap:6px 22px}
.art-guide .ag-list li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.art-guide .ag-list a{font-size:13.8px;color:var(--ink-2);line-height:2}
.art-guide .ag-list a:hover{color:var(--blue-600)}
.art-guide .ag-note{margin-top:12px;font-size:13px;color:var(--muted);line-height:1.8}
.art-guide .ag-note a{color:var(--blue-600);font-weight:600}

/* ============================== 内页：整页单文档（关于/联系等） ============================== */
.single-wrap{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  padding:40px 44px;box-shadow:var(--sh-xs);
}

/* 联系方式卡 */
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:20px}
.contact-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-md);
  padding:22px 20px;text-align:center;transition:.28s var(--ease);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.contact-card:hover{transform:translateY(-5px);box-shadow:var(--sh-md);border-color:#C9DAF6}
.contact-card .ic{
  width:50px;height:50px;margin:0 auto 13px;border-radius:15px;
  background:linear-gradient(135deg,#EBF3FE,#D8E9FD);
  display:flex;align-items:center;justify-content:center;
}
.contact-card .ic svg{width:25px;height:25px;stroke:var(--blue-500)}
.contact-card h4{font-size:16px;margin-bottom:8px}
.contact-card p{font-size:13.8px;color:var(--muted);word-break:break-all}
.contact-card .big{font-size:19px;font-weight:800;color:var(--blue-700);letter-spacing:.4px}
/* 浅蓝底联系卡（联系方式页统一使用） */
.contact-card.pick{border-color:var(--blue-200);background:#F5F9FF;box-shadow:var(--sh-sm)}
.contact-card.pick:hover{border-color:var(--blue-400)}
.contact-card .cc-flag{
  display:inline-block;font-size:11.5px;font-weight:700;color:#fff;letter-spacing:.6px;
  background:var(--grad-blue);padding:3px 11px;border-radius:var(--r-full);margin-bottom:12px;
}
/* 区块内居中脚注 */
.sec-foot-note{text-align:center;margin-top:26px;font-size:13.6px;color:#6B7A94}

/* ============================== 价格：版本作行的价目表 ============================== */
.price-sheet{
  border:1px solid var(--line);border-radius:var(--r-lg);
  overflow:hidden;background:#fff;box-shadow:var(--sh-xs);
}
.price-sheet .ps-title{
  text-align:center;font-size:17px;font-weight:700;color:var(--ink);
  background:var(--soft);padding:20px;border-bottom:1px solid var(--line);
  letter-spacing:.4px;
}
.ps-wrap.scroll-x{overflow-x:auto}
.ps-tbl{width:100%;border-collapse:collapse;table-layout:fixed;min-width:680px}
.ps-tbl th,.ps-tbl td{
  border-bottom:1px solid var(--line-2);border-right:1px solid var(--line-2);
  padding:22px 18px;text-align:center;vertical-align:middle;font-size:14.6px;color:var(--ink-2);
}
.ps-tbl th:last-child,.ps-tbl td:last-child{border-right:none}
.ps-tbl thead th{
  background:var(--soft-2);font-weight:700;color:var(--ink);font-size:15px;
  padding:16px 18px;border-bottom:1px solid var(--line);
}
.ps-tbl tbody tr:last-child td{border-bottom:none}

/* 版本名单元格 */
.ps-tbl .ps-ver{font-size:16.5px;font-weight:800;color:var(--ink);letter-spacing:.3px}
.ps-tbl .ps-ver span{
  display:block;font-size:12.5px;font-weight:400;color:var(--faint);
  letter-spacing:0;margin-top:5px;
}
/* 用户数：重点数字 */
.ps-tbl .ps-num{
  font-size:26px;font-weight:800;color:var(--blue-600);
  font-variant-numeric:tabular-nums;letter-spacing:-.5px;
}
/* 软件说明：合并单元格，逐条列出 */
.ps-tbl .ps-desc{text-align:left;padding:22px 26px;background:#FCFDFF}
.ps-tbl .ps-desc span{
  display:block;position:relative;padding-left:19px;margin:8px 0;
  font-size:14px;color:var(--body);line-height:1.7;
}
.ps-tbl .ps-desc span::before{
  content:"";position:absolute;left:2px;top:9px;width:6px;height:6px;
  border-radius:2px;background:var(--blue-300);transform:rotate(45deg);
}
/* 价格：大号橙色 */
.ps-tbl .ps-amount{
  display:block;font-size:29px;font-weight:800;line-height:1;
  color:#FF6A2B;font-variant-numeric:tabular-nums;letter-spacing:-.5px;
  margin-bottom:14px;
}
.ps-tbl .ps-amount sub{font-size:15px;font-weight:700;color:#FF6A2B;bottom:0;margin-right:2px}
.ps-tbl .ps-amount small{font-size:14px;font-weight:600;color:#FF8F5E;margin-left:3px;letter-spacing:0}
.ps-tbl .ps-price .btn{min-width:132px}
.ps-tbl tbody tr:hover td:not(.ps-desc){background:#F8FBFF}

/* 价目表底部提示 */
.price-sheet .ps-foot{
  text-align:center;font-size:13.8px;color:var(--muted);
  background:var(--soft-2);padding:15px 20px;border-top:1px solid var(--line-2);
}
.price-sheet .ps-foot a{color:var(--blue-600);font-weight:600}
.price-sheet .ps-foot a:hover{text-decoration:underline;text-underline-offset:3px}

/* 购买说明段落间距 */
.note-list p{margin:9px 0}
/* 联系方式卡副说明 */
.contact-card .cc-sub{font-size:13.2px;color:var(--faint);margin-top:6px}

/* ============================== 功能模块分组 ============================== */
.mgroup{margin-bottom:42px}
.mgroup:last-child{margin-bottom:0}
.mg-h{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.mg-h .bar{width:5px;height:22px;border-radius:3px;background:var(--grad-blue);flex-shrink:0}
.mg-h h3{font-size:19px}
.mg-h small{color:var(--faint);font-size:13px}
.mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mcard{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-md);
  padding:22px 20px 16px;transition:.26s var(--ease);
}
.mcard:hover{transform:translateY(-4px);box-shadow:var(--sh-md);border-color:#C9DAF6}
.mcard .top{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.mcard .ic{
  width:42px;height:42px;border-radius:11px;flex-shrink:0;color:#fff;
  display:flex;align-items:center;justify-content:center;
}
.mcard .ic svg{width:20px;height:20px}
.mcard h4{font-size:16px}
.mcard h4 small{
  display:block;font-weight:400;color:#A6B1C4;font-size:10.5px;
  letter-spacing:1.2px;margin-top:2px;
}
.mcard li{
  font-size:13.5px;color:#4E5D77;padding:4px 0 4px 18px;position:relative;
}
.mcard li::before{
  content:"";position:absolute;left:2px;top:13px;width:6px;height:6px;
  border-radius:2px;background:var(--blue-300);transform:rotate(45deg);
}

/* ============================== 下载页 ============================== */
.dl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.dl-card{
  display:flex;gap:18px;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-md);padding:26px 24px;transition:.28s var(--ease);
}
.dl-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md);border-color:#C9DAF6}
.dl-card .ic{
  width:52px;height:52px;border-radius:14px;flex-shrink:0;
  background:linear-gradient(135deg,#EBF3FE,#D8E9FD);
  display:flex;align-items:center;justify-content:center;
}
.dl-card .ic svg{width:24px;height:24px;stroke:var(--blue-500)}
.dl-card h4{font-size:16.5px;margin-bottom:6px}
.dl-card p{font-size:13.6px;color:var(--muted);margin-bottom:14px}
.dl-note{font-size:13.6px;color:#6B7A94;margin-bottom:14px}

/* ============================== 表格（通用） ============================== */
.tbl-wrap{
  border:1px solid var(--line);border-radius:var(--r-md);
  overflow:hidden;background:#fff;
}
.tbl-wrap.scroll-x{overflow-x:auto}
.tbl{font-size:14px;min-width:100%}
.tbl th,.tbl td{
  padding:13px 16px;border-bottom:1px solid var(--line-2);
  text-align:center;vertical-align:middle;
}
.tbl th{background:var(--soft);font-weight:700;color:var(--ink);white-space:nowrap}
.tbl tbody tr:last-child td{border-bottom:none}
.tbl tbody tr:hover td{background:var(--soft-2)}

/* ============================== 空状态 ============================== */
.empty{
  text-align:center;padding:64px 20px;color:var(--faint);
  background:#fff;border:1px solid var(--line);border-radius:var(--r-md);
}
.empty svg{width:52px;height:52px;stroke:#D4DEEB;margin:0 auto 16px}
.empty p{font-size:14.5px}

/* ============================== 浮动客服 ============================== */
.float-kf{
  position:fixed;right:26px;bottom:92px;z-index:880;
  display:flex;flex-direction:column;gap:10px;
}
.fk-item{position:relative}
.fk-btn{
  width:46px;height:46px;border-radius:14px;padding:0;cursor:pointer;
  background:var(--navy-800);border:none;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 12px 30px -12px rgba(5,11,26,.5);
  transition:.26s var(--ease);
}
.fk-btn svg{width:20px;height:20px;stroke:#fff}
.fk-btn:hover{background:var(--blue-600);transform:translateY(-2px)}
.fk-btn .fk-tip{
  position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);
  background:var(--blue-500);color:#fff;font-size:12px;font-style:normal;font-weight:600;
  padding:5px 10px;border-radius:var(--r-sm);white-space:nowrap;
  opacity:0;visibility:hidden;transition:.26s var(--ease);pointer-events:none;
}
.fk-btn .fk-tip::after{
  content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);
  border:5px solid transparent;border-left-color:var(--blue-500);
}
.fk-kf:hover .fk-tip{opacity:0}
.fk-pop{
  position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%) translateX(8px);
  width:186px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);
  box-shadow:var(--sh-md);padding:16px;text-align:center;
  opacity:0;visibility:hidden;transition:.26s var(--ease);pointer-events:none;
}
.fk-kf:hover .fk-pop{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}
.fk-pop b{display:block;font-size:14px;color:var(--ink);margin-bottom:10px}
.fk-pop img{width:100%;border-radius:var(--r-sm);border:1px solid var(--line)}
.fk-pop span{display:block;font-size:12px;color:var(--faint);margin-top:9px}

/* ============================== 常见问题 FAQ ============================== */
.faq-list{display:grid;gap:12px}
.faq-item{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-md);
  overflow:hidden;transition:border-color .26s var(--ease),box-shadow .26s var(--ease);
}
.faq-item.open{border-color:#C9DAF6;box-shadow:var(--sh-sm)}
.faq-q{
  width:100%;display:flex;align-items:center;gap:13px;text-align:left;
  padding:18px 22px;background:none;border:none;cursor:pointer;
  font-size:15.5px;font-weight:600;color:var(--ink);font-family:inherit;
  transition:color .22s var(--ease);
}
.faq-q:hover{color:var(--blue-600)}
.faq-badge{
  width:24px;height:24px;border-radius:7px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-size:12.5px;font-weight:700;
  background:var(--blue-50);color:var(--blue-600);
}
.faq-text{flex:1;line-height:1.55}
.faq-arrow{
  width:17px;height:17px;stroke:var(--faint);flex-shrink:0;
  transition:transform .3s var(--ease),stroke .22s var(--ease);
}
.faq-item.open .faq-arrow{transform:rotate(180deg);stroke:var(--blue-500)}
.faq-a{
  display:none;gap:13px;padding:0 22px 20px;
  font-size:14.2px;line-height:1.85;color:var(--muted);
}
.faq-item.open .faq-a{display:flex}
.faq-a .faq-badge{background:#ECFDF5;color:#059669}
.faq-a > div{flex:1}

/* ============================== 律所版页面 ============================== */
/* 面包屑条（律所版等在深色头之外单独使用的面包屑） */
.crumb-bar{background:#fff;border-bottom:1px solid var(--line)}
.crumb-bar .crumb{padding:15px 0}

/* 律所版头部 */
.page-hero-lvshi{padding:60px 0 64px}
.ph-inner{max-width:820px}
.ph-tag{
  display:inline-block;font-size:12.5px;font-weight:600;letter-spacing:1px;
  color:#BFD7FA;background:rgba(59,130,246,.16);border:1px solid rgba(96,165,250,.34);
  padding:5px 15px;border-radius:var(--r-full);
}
.ph-title{
  font-size:clamp(23px,3.6vw,36px);line-height:1.32;letter-spacing:.8px;
  color:#fff;margin:18px 0 0;
}
.ph-desc{color:#9DB0D2;font-size:15.5px;margin-top:16px;max-width:720px;line-height:1.85}
.ph-keys{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.ph-keys span{
  font-size:11.5px;font-weight:700;letter-spacing:1.6px;color:#8FA3C6;
  border:1px solid rgba(255,255,255,.16);border-radius:var(--r-full);padding:4px 14px;
}
.ph-btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.ph-note{font-size:13px;color:#7E92B8;margin-top:18px}
.ph-note a{color:var(--cyan-400)}
.ph-note a:hover{color:#fff}

/* 律所版浅色区块（区别于首页的深色 .sec-dark） */
.sec-alt{background:var(--soft)}

/* 律所版区块标题（兼容旧结构） */
.sec-tag{
  display:inline-block;font-size:12px;font-weight:700;letter-spacing:3px;
  color:var(--blue-600);text-transform:uppercase;
}
.sec-title{
  font-size:clamp(23px,3.4vw,34px);letter-spacing:.6px;margin-top:12px;
}
.sec-sub{color:var(--muted);font-size:15.5px;margin-top:13px}

/* 律所版能力卡（mcard 复用，补 ico 与 h3/p） */
.mcard .mc-ico{
  width:38px;height:38px;border-radius:11px;margin-bottom:14px;
  background:linear-gradient(135deg,#EBF3FE,#D8E9FD);color:var(--blue-600);
  font-size:13.5px;font-weight:800;letter-spacing:.5px;
  display:flex;align-items:center;justify-content:center;
}
.mcard h3{font-size:16.5px;margin-bottom:9px}
.mcard p{font-size:13.6px;color:#4E5D77;line-height:1.82}

/* 律所版 FAQ：方形「问/答」标记 + 纯 CSS 箭头 */
.faq-mark{
  width:24px;height:24px;border-radius:7px;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:12.5px;font-weight:700;
  background:var(--blue-50);color:var(--blue-600);
}
.faq-q .faq-mark{margin-right:1px}
i.faq-arrow{
  display:block;width:9px;height:9px;flex-shrink:0;margin-left:auto;
  border-right:2px solid var(--faint);border-bottom:2px solid var(--faint);
  transform:rotate(45deg) translate(-2px,-2px);
  transition:transform .3s var(--ease),border-color .22s var(--ease);
}
.faq-item.open i.faq-arrow{
  border-color:var(--blue-500);
  transform:rotate(-135deg) translate(-2px,-2px);
}
/* FAQ 答案（律所版结构，无 faq-badge） */
.faq-item .faq-a > p{flex:1}
.faq-item .faq-a .faq-mark{background:#ECFDF5;color:#059669}

/* 律所版 CTA 按钮组 */
.cta-btns{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:30px}

/* ============================== 兼容旧内容片段 ============================== */
/* 旧模板里散落的行内样式容器，做兜底收敛 */
.main{background:#fff}

/* ============================== 响应式 ============================== */
@media (max-width:1024px){
  .hero-grid{grid-template-columns:1fr;gap:38px}
  .hero{padding:calc(var(--head-h) + 26px) 0 60px}
  .hero-lead{max-width:none}
  .hero-stats{grid-template-columns:repeat(2,1fr);margin-top:38px}
  .adv-grid{grid-template-columns:1fr}
  .plat-grid{grid-template-columns:1fr;gap:32px}
  .way-grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .step-grid{grid-template-columns:1fr;gap:16px}
  .vs-list{gap:12px}
  .vs-row{grid-template-columns:1fr}
  .vs-arrow{display:none}
  .vs-pain,.vs-fix{padding:18px 20px}
  .vs-pain{border-bottom:1px dashed rgba(255,255,255,.12)}
  .news-grid{grid-template-columns:1fr;gap:20px}
  .partner-grid{grid-template-columns:repeat(3,1fr)}
  .list-two{grid-template-columns:1fr;gap:26px}
  .art-item .ai-pic{width:150px;height:104px}
  .single-wrap{padding:30px 26px}
  .contact-grid{grid-template-columns:1fr;gap:16px;grid-auto-rows:auto}
  .ps-tbl th,.ps-tbl td{padding:18px 14px;font-size:14px}
  .ps-tbl .ps-amount{font-size:25px}
  .ps-tbl .ps-num{font-size:22px}
  .ps-tbl .ps-ver{font-size:15.5px}
  .mgrid{grid-template-columns:repeat(2,1fr)}
  .dl-grid{grid-template-columns:1fr}
  .modal{padding:28px 24px 24px}
}

@media (max-width:768px){
  .hero{padding:calc(var(--head-h) + 20px) 0 48px}
  .hero h1{font-size:26px;letter-spacing:.3px}
  .hero-lead{font-size:14.8px;margin-top:16px}
  .hero-btns{margin-top:26px}
  .hero-trust{gap:14px;margin-top:22px}
  .hero-trust span{font-size:12.5px}
  .hero-panel{padding:16px}
  .hp-list{grid-template-columns:1fr}
  .hero-stats{gap:10px;margin-top:30px}
  .h-stat{padding:14px 16px}
  .h-stat .n{font-size:23px}
  .h-stat .t{font-size:12px}

  .notice-in{gap:10px;padding:9px var(--gut);flex-wrap:nowrap}
  .notice-roll li{font-size:13px}
  .notice-more{display:none}

  .sec-cta .btn-group{flex-direction:column}
  .sec-cta .btn-group .btn{width:100%}

  .partner-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .partner-item{height:68px;padding:14px 10px}
  .partner-item img{max-height:32px}

  .way-grid{grid-template-columns:1fr}
  .vs-pain b,.vs-fix b{font-size:14.5px}
  .vs-pain p,.vs-fix p{font-size:13px}
  .step-card{padding:24px 20px}
  .step-no{font-size:26px;margin-bottom:12px}

  .news-main .nm-pic{height:180px}
  .news-main .nm-body{padding:20px}
  .news-main h3{font-size:16.5px}

  .art-item{flex-direction:column;gap:14px;padding:16px}
  .art-item .ai-pic{width:100%;height:170px}
  .art-item h3{font-size:15.5px}

  .subnav{gap:8px;padding:12px 12px;margin-bottom:18px}
  .subnav .sn-item{padding:7px 13px;font-size:13.2px}

  .single-wrap{padding:22px 18px;border-radius:var(--r-md)}
  .art-head{padding:6px 0 20px;margin-bottom:24px}
  .art-foot a{max-width:100%;white-space:normal}
  .art-meta{gap:12px 16px;font-size:12.5px}
  .art-answer{padding:15px 16px;font-size:14.5px;line-height:1.85;margin-bottom:22px}
  .art-author{padding:16px 16px;gap:12px}
  .art-guide{padding:16px 16px}
  .art-guide .ag-list{grid-template-columns:1fr}

  .mgrid{grid-template-columns:1fr}
  .ps-tbl{min-width:560px}
  .ps-tbl th,.ps-tbl td{padding:15px 11px;font-size:13.2px}
  .ps-tbl thead th{padding:13px 11px;font-size:13.6px}
  .ps-tbl .ps-ver{font-size:14px}
  .ps-tbl .ps-ver span{font-size:11.5px}
  .ps-tbl .ps-num{font-size:19px}
  .ps-tbl .ps-desc{padding:16px 16px}
  .ps-tbl .ps-desc span{font-size:12.8px;padding-left:16px;margin:6px 0}
  .ps-tbl .ps-amount{font-size:21px;margin-bottom:10px}
  .ps-tbl .ps-amount sub{font-size:12.5px}
  .ps-tbl .ps-amount small{font-size:12px}
  .ps-tbl .ps-price .btn{min-width:0;width:100%;max-width:120px}
  .price-sheet .ps-title{font-size:15px;padding:16px}
  .price-sheet .ps-foot{font-size:13px;padding:13px 16px}
  .price-sheet{border-radius:var(--r-md)}

  .crumb-bar .crumb{padding:13px 0}
  .page-hero-lvshi{padding:42px 0 46px}
  .ph-desc{font-size:14px;margin-top:12px}
  .ph-keys{margin-top:18px}
  .ph-btns{margin-top:22px}
  .ph-btns .btn{flex:1;min-width:0}
  .sec-title{font-size:22px;letter-spacing:.3px}
  .sec-sub{font-size:14px;margin-top:10px}
  .mcard .mc-ico{width:34px;height:34px;margin-bottom:12px;font-size:12.5px}
  .mcard h3{font-size:15.5px}
  .cta-btns .btn{flex:1;min-width:0}

  .tbl{font-size:13px}
  .tbl th,.tbl td{padding:11px 12px}

  .modal-qr{width:170px}
  .modal{max-width:340px}

  .float-kf{right:16px;bottom:72px;gap:8px}
  .fk-btn{width:42px;height:42px;border-radius:12px}
  .fk-pop{display:none}
}

@media (max-width:380px){
  .hero-stats{grid-template-columns:1fr}
  .partner-grid{grid-template-columns:1fr}
}