/* ══════════ 优化批 A：汉堡菜单 / 回到顶部 / hover 动效 / 首页三图标 ══════════ */

/* ── ① 汉堡按钮 ── */
.burger{display:none;width:40px;height:40px;border-radius:11px;border:1px solid rgba(120,170,255,.24);
  background:rgba(255,255,255,.05);cursor:pointer;flex-direction:column;align-items:center;
  justify-content:center;gap:4px;padding:0;margin-left:8px}
.burger span{display:block;width:17px;height:2px;border-radius:2px;background:#c8d4e4;transition:.25s}
.burger.on span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger.on span:nth-child(2){opacity:0}
.burger.on span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* 移动端抽屉 */
.mdrawer{position:fixed;top:66px;left:0;right:0;z-index:99;display:none;
  flex-direction:column;padding:10px 16px 18px;
  background:rgba(6,9,15,.97);backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(120,170,255,.16);
  box-shadow:0 20px 50px rgba(0,0,0,.6)}
.mdrawer.on{display:flex;animation:mdraw .22s ease-out}
@keyframes mdraw{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.mdrawer a{padding:13px 6px;font-size:16px;color:#c8d4e4;border-bottom:1px solid rgba(120,170,255,.09)}
.mdrawer a:last-child{border-bottom:none}
.mdrawer a.act{color:#6ee7ff}
.mdrawer .mwx{margin-top:10px;text-align:center;padding:12px;border-radius:99px;font-weight:800;
  color:#04121a;background:linear-gradient(96deg,#22d3ee,#4ade80);border-bottom:none}

@media(max-width:1000px){
  .burger{display:flex}
  .nav-in{gap:10px}
  .cta-mini{margin-left:auto}
}

/* ── ⑥ 回到顶部 ── */
.totop{position:fixed;right:26px;bottom:28px;z-index:120;width:44px;height:44px;border-radius:50%;
  border:1px solid rgba(120,170,255,.26);background:rgba(10,14,22,.86);backdrop-filter:blur(10px);
  color:#9ecbff;font-size:18px;cursor:pointer;opacity:0;pointer-events:none;transition:.28s;
  font-family:inherit;box-shadow:0 10px 28px rgba(0,0,0,.5)}
.totop.on{opacity:1;pointer-events:auto}
.totop:hover{background:rgba(34,211,238,.16);border-color:rgba(74,222,128,.5);color:#4ade80}

/* ── ⑦ hover 动效 ── */
.sec-h h2{transition:.3s}
.sec-h h2:hover{letter-spacing:-1px;filter:brightness(1.12)}
.links a{position:relative;transition:color .2s}
.links a:before{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,#22d3ee,#4ade80);transition:right .25s}
.links a:hover:before{right:0}
.links a.act:before{right:0}
.hero h1{transition:.4s}
.hero h1:hover{filter:brightness(1.06) drop-shadow(0 0 24px rgba(110,231,255,.28))}
.kpi,.fcard,.tcard,.st{transition:transform .25s,box-shadow .25s,border-color .25s}

/* ── ④ 首页底部三图标条 ── */
.hstrip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}
.hs{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:15px 16px 13px;border-radius:13px;min-width:0;
  background:rgba(255,255,255,.04);border:1px solid rgba(120,170,255,.14)}
.hs .hi{font-size:20px;line-height:1}
.hs b{font-size:14.5px;color:#e8eef7;font-weight:800;white-space:nowrap}
.hs i{font-style:normal;font-size:12px;color:#7b8aa1;line-height:1.45}

@media(max-width:820px){
  .hstrip{grid-template-columns:1fr;gap:9px}
  .totop{right:16px;bottom:18px;width:40px;height:40px}
}

/* ★ tab 题数徽标 + 演示提示 */
.tab .tc{font-style:normal;margin-left:7px;font-size:11px;font-weight:800;
  padding:1px 6px;border-radius:99px;background:rgba(255,255,255,.14);color:#cfe0f5}
.tab.on .tc{background:rgba(4,18,26,.22);color:#04121a}
.dh-meta .now{background:rgba(74,222,128,.16)!important;color:#4ade80!important}
.se-hint{margin-top:7px;font-size:12.5px;color:#5f7f9f}
/* ══════════ 移动端修正（2026-10-20）══════════
   现场：390px 下导航「加微信 + 汉堡」撑破视口 ✗
   → 整页按 ~460px 排版 → 右侧全被切掉 ✗
*/
html,body{max-width:100%;overflow-x:hidden}
@media(max-width:640px){
  .nav-in{gap:8px;height:58px}
  .brand .logo{width:30px;height:30px;border-radius:9px;font-size:12px}
  .brand .bt{font-size:15px;letter-spacing:-.3px}
  .brand .bt em{font-size:15px}
  .cta-mini{padding:6px 11px;font-size:12.5px;white-space:nowrap}
  .burger{width:36px;height:36px;flex:0 0 36px}
  .hero-btns{gap:9px}
  .hero-btns .btn{padding:11px 15px;font-size:14px}
  .hero h1{font-size:31px;letter-spacing:-1px}
  .lead{font-size:14.5px;line-height:1.75}
  .chips{gap:7px}
  .chip{padding:7px 11px;font-size:12px}
  .badge{font-size:11.5px;padding:5px 10px}
  .hstrip{grid-template-columns:1fr}
  .cmp{margin-top:22px}
  .cmp th,.cmp td{padding:10px 9px;font-size:12px}
  .lp .sec-h h2{font-size:26px}
  .svc-price .n{font-size:58px}
  .pcta .pc1{font-size:18px}
}
/* 移动端：三张卖点卡压成「图标 + 文字」的横排，别占一屏 */
@media(max-width:640px){
  .hstrip{grid-template-columns:1fr;gap:8px;margin-top:18px}
  .hs{flex-direction:row;align-items:center;gap:10px;padding:11px 14px}
  .hs .hi{font-size:17px}
  .hs b{font-size:13.5px;white-space:normal}
  .hs i{font-size:11.5px;margin-top:0}
  .hs > div{display:flex;flex-direction:column;gap:2px}
}