/* ==========================================================================
   智网生活 ZHIWANG LIFE — 官网设计系统 v1.0
   风格：Web3.0 科技感 / 深空底 + 品牌红 + 数据青
   ========================================================================== */

/* ---------- 1. 变量 ---------- */
:root{
  --bg-0:#04060C;
  --bg-1:#070B14;
  --bg-2:#0B1220;
  --bg-3:#101a2c;

  --panel:rgba(255,255,255,.035);
  --panel-2:rgba(255,255,255,.055);
  --line:rgba(255,255,255,.08);
  --line-2:rgba(255,255,255,.14);

  --brand:#C0362B;
  --brand-b:#E8453A;
  --brand-d:#8E1F17;
  --brand-glow:rgba(192,54,43,.42);

  --cyan:#2DD4BF;
  --blue:#38BDF8;
  --violet:#8B5CF6;
  --gold:#F0B429;
  --green:#22C55E;

  --t1:#F3F6FB;
  --t2:#A7B3C6;
  --t3:#6C7789;
  --t4:#4A5464;

  --r-s:10px;
  --r:16px;
  --r-l:24px;
  --r-xl:32px;

  --sh:0 18px 50px -20px rgba(0,0,0,.75);
  --sh-brand:0 20px 60px -22px var(--brand-glow);

  --fs-hero:clamp(2.35rem,5.6vw,4.6rem);
  --fs-h2:clamp(1.75rem,3.4vw,2.85rem);
  --fs-h3:clamp(1.1rem,1.7vw,1.45rem);
  --fs-body:clamp(.95rem,1.02vw,1.06rem);
  --fs-sm:.875rem;
  --fs-xs:.78rem;

  --maxw:1240px;
  --sp-sec:clamp(70px,9vw,132px);

  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC",sans-serif;
  --mono:"SF Mono",ui-monospace,Menlo,Consolas,"Courier New",monospace;
}

/* ---------- 2. Reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg-0);
  color:var(--t1);
  font-family:var(--font);
  font-size:var(--fs-body);
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
h1,h2,h3,h4{margin:0;line-height:1.22;font-weight:700;letter-spacing:-.02em}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
table{border-collapse:collapse;width:100%}

/* ---------- 3. 背景层 ---------- */
.bg-fx{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.bg-grid{
  position:absolute;inset:-2px;
  background-image:
    linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse 100% 68% at 50% 0%,#000 20%,transparent 78%);
  -webkit-mask-image:radial-gradient(ellipse 100% 68% at 50% 0%,#000 20%,transparent 78%);
}
.bg-glow{position:absolute;border-radius:50%;filter:blur(110px);opacity:.5}
.bg-glow.a{width:760px;height:760px;top:-320px;left:-160px;background:radial-gradient(circle,rgba(192,54,43,.42),transparent 66%)}
.bg-glow.b{width:640px;height:640px;top:16%;right:-220px;background:radial-gradient(circle,rgba(45,212,191,.20),transparent 68%)}
.bg-glow.c{width:700px;height:700px;bottom:-10%;left:24%;background:radial-gradient(circle,rgba(139,92,246,.16),transparent 70%)}

.page{position:relative;z-index:1}

/* ---------- 4. 布局 ---------- */
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 clamp(18px,4vw,40px)}
.sec{padding:var(--sp-sec) 0;position:relative}
.sec--tight{padding:calc(var(--sp-sec) * .62) 0}
.grid{display:grid;gap:22px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.center{text-align:center}
.mx-auto{margin-left:auto;margin-right:auto}

/* ---------- 5. 标题组件 ---------- */
.eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  font-size:var(--fs-xs);letter-spacing:.16em;text-transform:uppercase;
  color:var(--cyan);font-weight:600;margin-bottom:18px;
  padding:7px 14px;border:1px solid rgba(45,212,191,.24);
  border-radius:999px;background:rgba(45,212,191,.06);
}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
.eyebrow--brand{color:var(--brand-b);border-color:rgba(192,54,43,.3);background:rgba(192,54,43,.08)}
.eyebrow--brand::before{background:var(--brand-b);box-shadow:0 0 12px var(--brand-b)}

.h-sec{font-size:var(--fs-h2);margin-bottom:18px}
.lead{color:var(--t2);font-size:1.05rem;max-width:760px}
.sec-head{margin-bottom:clamp(38px,5vw,62px)}
.sec-head.center .lead{margin-left:auto;margin-right:auto}

.grad-text{
  background:linear-gradient(102deg,#fff 8%,var(--brand-b) 46%,var(--cyan) 96%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}

/* ---------- 6. 顶栏 ---------- */
.hdr{
  position:sticky;top:0;z-index:100;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  background:rgba(4,6,12,.72);
  border-bottom:1px solid transparent;
  transition:border-color .3s,background .3s;
}
.hdr.is-stuck{border-bottom-color:var(--line);background:rgba(4,6,12,.92)}
.hdr__in{display:flex;align-items:center;gap:30px;height:74px}
.logo{display:flex;align-items:center;gap:11px;flex-shrink:0}
.logo__mark{height:31px;display:flex;align-items:center;flex-shrink:0}
.logo__mark img{
  height:100%;width:auto;display:block;
  filter:drop-shadow(0 0 12px rgba(232,78,62,.42));
  transition:filter .3s ease;
}
.logo:hover .logo__mark img{filter:drop-shadow(0 0 19px rgba(232,78,62,.8))}
.ftr .logo__mark{height:37px}
/* 完整 LOGO 锁定版（关于页 / 品牌位） */
.brand-lock{display:flex;justify-content:center}
.brand-lock img{width:min(230px,52vw);height:auto;display:block;
  filter:drop-shadow(0 14px 40px rgba(232,78,62,.24))}
.brand-lock--dark img{filter:none}
.logo__txt{display:flex;flex-direction:column;line-height:1.05}
.logo__cn{font-weight:800;font-size:1.06rem;letter-spacing:.02em}
.logo__en{font-size:.56rem;letter-spacing:.22em;color:var(--t3);font-weight:600}

.nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.nav a{
  padding:9px 15px;border-radius:9px;font-size:.925rem;font-weight:500;
  color:var(--t2);transition:color .2s,background .2s;white-space:nowrap;
}
.nav a:hover{color:var(--t1);background:var(--panel)}
.nav a.is-on{color:var(--t1);background:var(--panel-2)}
.hdr__cta{display:flex;align-items:center;gap:10px;flex-shrink:0}
.burger{display:none;width:42px;height:42px;border-radius:10px;border:1px solid var(--line);place-items:center}
.burger span{display:block;width:18px;height:2px;background:var(--t1);margin:3px auto;transition:.25s}
.burger.is-open span:nth-child(1){transform:translateY(5px) rotate(45deg)}
.burger.is-open span:nth-child(2){opacity:0}
.burger.is-open span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}

@media(max-width:1024px){
  .nav{
    position:fixed;inset:74px 0 auto 0;flex-direction:column;align-items:stretch;
    background:rgba(6,9,16,.98);backdrop-filter:blur(20px);
    padding:16px;gap:2px;border-bottom:1px solid var(--line);
    transform:translateY(-140%);transition:transform .34s cubic-bezier(.4,0,.2,1);
  }
  .nav.is-open{transform:translateY(0)}
  .nav a{padding:14px 16px;font-size:1rem}
  .burger{display:grid}
  .hdr__cta .btn{display:none}
}

/* ---------- 7. 按钮 ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:13px 26px;border-radius:11px;font-size:.945rem;font-weight:600;
  transition:transform .2s,box-shadow .25s,background .25s,border-color .25s;
  white-space:nowrap;border:1px solid transparent;
}
.btn svg{width:16px;height:16px;flex-shrink:0}
.btn--primary{
  background:linear-gradient(135deg,var(--brand-b),var(--brand-d));
  color:#fff;box-shadow:0 12px 32px -12px var(--brand-glow);
}
.btn--primary:hover{transform:translateY(-2px);box-shadow:0 18px 42px -12px var(--brand-glow)}
.btn--ghost{border-color:var(--line-2);color:var(--t1);background:var(--panel)}
.btn--ghost:hover{border-color:var(--cyan);color:var(--cyan);background:rgba(45,212,191,.06)}
.btn--lg{padding:16px 34px;font-size:1.02rem}
.btn--sm{padding:9px 18px;font-size:.875rem}
.btn-row{display:flex;flex-wrap:wrap;gap:14px}

/* ---------- 8. 卡片 ---------- */
.card{
  background:var(--panel);border:1px solid var(--line);border-radius:var(--r-l);
  padding:clamp(22px,2.6vw,32px);position:relative;overflow:hidden;
  transition:border-color .3s,transform .3s,background .3s;
}
.card::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(45,212,191,.09),transparent 62%);
  opacity:0;transition:opacity .35s;
}
.card:hover{border-color:var(--line-2);transform:translateY(-4px);background:var(--panel-2)}
.card:hover::before{opacity:1}
.card--brand::before{background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(192,54,43,.14),transparent 62%)}
.card__ico{
  width:46px;height:46px;border-radius:13px;display:grid;place-items:center;margin-bottom:18px;
  background:linear-gradient(140deg,rgba(192,54,43,.2),rgba(192,54,43,.05));
  border:1px solid rgba(192,54,43,.28);color:var(--brand-b);
}
.card__ico svg{width:21px;height:21px}
.card__ico--cyan{background:linear-gradient(140deg,rgba(45,212,191,.18),rgba(45,212,191,.04));border-color:rgba(45,212,191,.28);color:var(--cyan)}
.card__ico--violet{background:linear-gradient(140deg,rgba(139,92,246,.18),rgba(139,92,246,.04));border-color:rgba(139,92,246,.28);color:var(--violet)}
.card__ico--blue{background:linear-gradient(140deg,rgba(56,189,248,.18),rgba(56,189,248,.04));border-color:rgba(56,189,248,.28);color:var(--blue)}
.card h3{font-size:var(--fs-h3);margin-bottom:11px}
.card p{color:var(--t2);font-size:.955rem}

/* 数据卡 */
.stat{text-align:center;padding:clamp(20px,2.4vw,30px) 16px}
.stat__num{
  font-size:clamp(1.9rem,3.6vw,2.9rem);font-weight:800;line-height:1.1;
  font-variant-numeric:tabular-nums;letter-spacing:-.03em;
  background:linear-gradient(160deg,#fff,var(--brand-b));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.stat__num--cyan{background:linear-gradient(160deg,#fff,var(--cyan));-webkit-background-clip:text;background-clip:text}
.stat__unit{font-size:.6em;margin-left:2px}
.stat__lbl{color:var(--t3);font-size:.86rem;margin-top:8px;letter-spacing:.04em}

/* ---------- 9. Hero ---------- */
.hero{position:relative;padding:clamp(64px,9vw,120px) 0 clamp(60px,8vw,104px);overflow:hidden}
.hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 62%;opacity:.6;z-index:0;pointer-events:none}
.hero::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,rgba(4,6,12,.80) 0%,rgba(4,6,12,.46) 40%,rgba(4,6,12,.72) 74%,rgba(4,6,12,.98) 100%)}
.hero__canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.55;z-index:1;pointer-events:none}
.hero__in{position:relative;z-index:3;max-width:880px}
.hero h1{font-size:var(--fs-hero);margin:0 0 22px;letter-spacing:-.035em}
.hero__sub{font-size:clamp(1.02rem,1.5vw,1.24rem);color:var(--t2);max-width:660px;margin-bottom:34px}
.hero__meta{display:flex;flex-wrap:wrap;gap:26px 44px;margin-top:52px;padding-top:34px;border-top:1px solid var(--line)}
.hero__meta-i{display:flex;flex-direction:column;gap:3px}
.hero__meta-i b{font-size:clamp(1.3rem,2.3vw,1.85rem);font-weight:800;letter-spacing:-.02em}
.hero__meta-i span{font-size:.82rem;color:var(--t3)}

/* ---------- 10. 痛点 ---------- */
.pain{
  border-left:2px solid rgba(192,54,43,.5);padding:4px 0 4px 20px;
  background:linear-gradient(90deg,rgba(192,54,43,.06),transparent 60%);
  border-radius:0 12px 12px 0;padding-right:18px;
}
.pain h4{font-size:1.02rem;margin-bottom:7px}
.pain p{color:var(--t2);font-size:.925rem}
.pain__tag{
  display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.08em;
  color:var(--brand-b);background:rgba(192,54,43,.12);border:1px solid rgba(192,54,43,.24);
  padding:2px 9px;border-radius:6px;margin-bottom:9px;
}
.solve{border-left-color:rgba(45,212,191,.5);background:linear-gradient(90deg,rgba(45,212,191,.06),transparent 60%)}
.solve .pain__tag{color:var(--cyan);background:rgba(45,212,191,.12);border-color:rgba(45,212,191,.24)}

/* ---------- 11. 时间线 ---------- */
.tl{position:relative;padding-left:34px}
.tl::before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:2px;
  background:linear-gradient(180deg,var(--brand-b),var(--cyan) 55%,transparent)}
.tl__i{position:relative;padding-bottom:30px}
.tl__i:last-child{padding-bottom:0}
.tl__i::before{
  content:"";position:absolute;left:-31px;top:7px;width:12px;height:12px;border-radius:50%;
  background:var(--bg-0);border:2px solid var(--brand-b);box-shadow:0 0 0 4px rgba(192,54,43,.12);
}
.tl__i:first-child::before{background:var(--brand-b);box-shadow:0 0 14px var(--brand-glow)}
.tl__d{font-family:var(--mono);font-size:.83rem;color:var(--cyan);letter-spacing:.05em;margin-bottom:4px}
.tl__t{font-weight:700;font-size:1rem;margin-bottom:4px}
.tl__p{color:var(--t2);font-size:.9rem}

/* ---------- 12. 表格 ---------- */
.tbl-wrap{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--panel)}
.tbl{font-size:.92rem}
.tbl th{
  text-align:left;padding:15px 18px;font-weight:600;font-size:.82rem;letter-spacing:.05em;
  color:var(--t3);background:rgba(255,255,255,.03);border-bottom:1px solid var(--line);
  text-transform:uppercase;
}
.tbl td{padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.05);color:var(--t2)}
.tbl tr:last-child td{border-bottom:0}
.tbl td strong{color:var(--t1);font-weight:600}
.tbl .hl{color:var(--cyan);font-weight:700}

/* ---------- 13. FAQ ---------- */
.faq{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--panel)}
.faq__i{border-bottom:1px solid var(--line)}
.faq__i:last-child{border-bottom:0}
.faq__q{
  width:100%;text-align:left;padding:20px 22px;display:flex;gap:14px;align-items:flex-start;
  font-weight:600;font-size:1rem;color:var(--t1);transition:background .2s;
}
.faq__q:hover{background:var(--panel-2)}
.faq__q::before{content:"Q";font-family:var(--mono);color:var(--brand-b);font-weight:800;flex-shrink:0}
.faq__q i{
  margin-left:auto;flex-shrink:0;width:20px;height:20px;position:relative;transition:transform .3s;
}
.faq__q i::before,.faq__q i::after{
  content:"";position:absolute;background:var(--t3);border-radius:2px;transition:background .2s;
}
.faq__q i::before{left:0;top:9px;width:20px;height:2px}
.faq__q i::after{left:9px;top:0;width:2px;height:20px}
.faq__i.is-open .faq__q i{transform:rotate(180deg)}
.faq__i.is-open .faq__q i::after{opacity:0}
.faq__i.is-open .faq__q{background:var(--panel-2)}
.faq__a{max-height:0;overflow:hidden;transition:max-height .38s cubic-bezier(.4,0,.2,1)}
.faq__a-in{padding:0 22px 22px 50px;color:var(--t2);font-size:.955rem}
.faq__a-in strong{color:var(--t1)}

/* ---------- 14. 标签 ---------- */
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{
  padding:8px 15px;border-radius:999px;border:1px solid var(--line);
  background:var(--panel);font-size:.87rem;color:var(--t2);transition:.25s;
}
.chip:hover{border-color:rgba(192,54,43,.4);color:var(--brand-b);background:rgba(192,54,43,.07)}
.chip--on{border-color:rgba(192,54,43,.45);color:var(--brand-b);background:rgba(192,54,43,.1)}

/* ---------- 15. 徽标/资质 ---------- */
.badge-row{display:flex;flex-wrap:wrap;gap:12px}
.badge{
  display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;
  background:var(--panel);border:1px solid var(--line);font-size:.88rem;color:var(--t2);
}
.badge svg{width:15px;height:15px;color:var(--cyan);flex-shrink:0}
.badge--warn svg{color:var(--brand-b)}

/* ---------- 16. 图片/媒体 ---------- */
.media{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);position:relative;background:var(--bg-2)}
.media img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.media:hover img{transform:scale(1.05)}
.media__cap{
  position:absolute;left:0;right:0;bottom:0;padding:24px 18px 14px;
  background:linear-gradient(transparent,rgba(4,6,12,.92));font-size:.87rem;color:var(--t2);
}
.ratio-16-10{aspect-ratio:16/10}
.ratio-4-3{aspect-ratio:4/3}
.ratio-1-1{aspect-ratio:1/1}
.ratio-3-4{aspect-ratio:3/4}
.ratio-21-9{aspect-ratio:21/9}

/* ---------- 图文带（band） ---------- */
.band{position:relative;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--panel)}
.band__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34;z-index:0}
.band::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(100deg,rgba(4,6,12,.95) 10%,rgba(4,6,12,.66) 58%,rgba(4,6,12,.88) 100%)}
.band__in{position:relative;z-index:2;padding:clamp(24px,3.2vw,46px)}
.band__fig{position:relative;margin:0;border-radius:12px;overflow:hidden;border:1px solid var(--line-2)}
.band__fig img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover}
.band__cap{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 11px;font-size:.76rem;color:var(--t2);
  letter-spacing:.02em;background:linear-gradient(0deg,rgba(4,6,12,.92),transparent)}

/* ---------- 现场图墙（gallery） ---------- */
.gal{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:194px;gap:15px}
.gal__i{margin:0;position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:var(--bg-2)}
.gal__i--lg{grid-column:span 2;grid-row:span 2}
.gal__i img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.gal__i:hover img{transform:scale(1.06)}
.gal__i figcaption{position:absolute;left:0;right:0;bottom:0;padding:32px 14px 12px;font-size:.79rem;color:#eaeff8;
  letter-spacing:.01em;background:linear-gradient(0deg,rgba(4,6,12,.94),transparent)}

/* ---------- 收尾信息带（cta-band） ---------- */
.cta-band{position:relative;border:1px solid rgba(192,54,43,.3);border-radius:var(--r);overflow:hidden;
  text-align:center;padding:clamp(38px,5vw,68px) clamp(22px,4vw,56px)}
.cta-band__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45;z-index:0}
.cta-band::after{content:"";position:absolute;inset:0;z-index:1;
  background:radial-gradient(720px circle at 50% 42%,rgba(192,54,43,.3),transparent 66%),
             linear-gradient(180deg,rgba(4,6,12,.68),rgba(4,6,12,.92))}
.cta-band>*:not(.cta-band__bg){position:relative;z-index:2}

@media(max-width:900px){
  .gal{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}
  .gal__i--lg{grid-column:span 2;grid-row:span 1}
}

/* ---------- 17. 页脚 ---------- */
.ftr{border-top:1px solid var(--line);background:rgba(4,6,12,.6);padding:clamp(48px,6vw,72px) 0 28px;margin-top:0}
.ftr__grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:38px;margin-bottom:44px}
.ftr h5{margin:0 0 16px;font-size:.83rem;letter-spacing:.14em;text-transform:uppercase;color:var(--t3);font-weight:700}
.ftr__links a{display:block;padding:5px 0;color:var(--t2);font-size:.92rem;transition:color .2s}
.ftr__links a:hover{color:var(--brand-b)}
.ftr__desc{color:var(--t3);font-size:.9rem;max-width:330px;margin-top:16px}
.ftr__bot{
  border-top:1px solid var(--line);padding-top:24px;display:flex;flex-wrap:wrap;gap:14px;
  justify-content:space-between;align-items:center;color:var(--t3);font-size:.83rem;
}
.ftr__bot a:hover{color:var(--t2)}
.ftr__legal{display:flex;flex-wrap:wrap;gap:16px}
@media(max-width:900px){.ftr__grid{grid-template-columns:1fr 1fr;gap:30px}}

/* ---------- 18. 进屏动画 ---------- */
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}
.rv.is-in{opacity:1;transform:none}
.rv-d1{transition-delay:.08s}
.rv-d2{transition-delay:.16s}
.rv-d3{transition-delay:.24s}
.rv-d4{transition-delay:.32s}
.rv-d5{transition-delay:.4s}

@media(prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none;transition:none}
  .hero__canvas{display:none}
  html{scroll-behavior:auto}
}

/* ---------- 19. 会话/提示条 ---------- */
.notice{
  display:flex;gap:13px;align-items:flex-start;padding:17px 20px;border-radius:var(--r);
  border:1px solid rgba(45,212,191,.22);background:rgba(45,212,191,.055);font-size:.925rem;
}
.notice svg{width:18px;height:18px;color:var(--cyan);flex-shrink:0;margin-top:3px}
.notice--brand{border-color:rgba(192,54,43,.24);background:rgba(192,54,43,.06)}
.notice--brand svg{color:var(--brand-b)}
.notice p{color:var(--t2)}
.notice strong{color:var(--t1)}

/* ---------- 20. 页头（内页） ---------- */
.phead{padding:clamp(52px,7vw,92px) 0 clamp(38px,5vw,58px);position:relative}
.phead h1{font-size:clamp(1.95rem,4.4vw,3.3rem);margin-bottom:18px;letter-spacing:-.03em}
.crumb{display:flex;gap:9px;align-items:center;font-size:.83rem;color:var(--t3);margin-bottom:20px}
.crumb a:hover{color:var(--cyan)}
.crumb span{color:var(--t4)}

/* ---------- 21. 响应式 ---------- */
@media(max-width:980px){
  .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .g3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .g2,.g3,.g4{grid-template-columns:1fr}
  .hero__meta{gap:20px 30px}
  .btn{width:100%;justify-content:center}
  .btn-row{gap:11px}
  .ftr__grid{grid-template-columns:1fr}
  .faq__a-in{padding-left:22px}
}