/* =============================================================
   关于我们页（/p/aboutus）— 2026-11-02 改版
   所有规则作用域限定在 #hzab 内，避免影响页头/页脚/其他页面
   ============================================================= */
#hzab{
  --ink:#0E1E1A;
  --body:#56625E;
  --mute:#8A9994;
  --primary:#0B5D4E;
  --primary-2:#127E68;
  --mint:#1FB89A;
  --line:#E7EDEA;
  --soft:#F6F9F8;
  --radius:14px;
  --shadow:0 18px 40px -18px rgba(11,93,78,.28);
  font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",sans-serif;
  color:var(--body);
  background:#fff;
  font-size:15.5px;
  line-height:1.9;
  -webkit-font-smoothing:antialiased;
}
#hzab a{text-decoration:none;color:inherit;}
#hzab img{max-width:100%;display:block;}
#hzab p{margin:0;}
#hzab h1,#hzab h2,#hzab h3,#hzab h4{margin:0;font-weight:700;}
#hzab ul,#hzab li{list-style:none;margin:0;padding:0;}
#hzab *{margin:0;padding:0;box-sizing:border-box;}
#hzab{
  font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",sans-serif;
  color:var(--body);
  background:#fff;
  font-size:15.5px;
  line-height:1.9;
  -webkit-font-smoothing:antialiased;
}
#hzab a{text-decoration:none;color:inherit;}
#hzab img{max-width:100%;display:block;}
#hzab .wrap{max-width:1180px;margin:0 auto;padding:0 28px;}
#hzab .hero{
  position:relative;
  background:
    radial-gradient(820px 400px at 14% -4%, rgba(31,184,154,.34), transparent 58%),
    radial-gradient(640px 460px at 86% 108%, rgba(31,184,154,.20), transparent 62%),
    linear-gradient(115deg,#06382F 0%,#0B5D4E 50%,#149876 100%);
  color:#fff;
  padding:76px 0 64px;
  overflow:hidden;
}
#hzab .hero .grid-bg{
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 78%);
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 78%);
}
#hzab .hero .tower{position:absolute;right:2%;bottom:0;width:520px;opacity:.16;pointer-events:none;}
#hzab .hero .wrap{position:relative;z-index:2;}
#hzab .crumb{font-size:13px;letter-spacing:.04em;color:rgba(255,255,255,.62);display:flex;align-items:center;gap:8px;}
#hzab .crumb b{color:#fff;font-weight:500;}
#hzab .crumb i{width:16px;height:1px;background:rgba(255,255,255,.4);display:inline-block;font-style:normal;}
#hzab .hero .kicker{
  margin-top:34px;font-size:12px;letter-spacing:.36em;color:#7FE3CD;text-transform:uppercase;
}
#hzab .hero h1{
  font-size:52px;line-height:1.2;letter-spacing:.06em;font-weight:700;
  margin:16px 0 0;color:#fff;
}
#hzab .hero h1 em{
  font-style:normal;
  background:linear-gradient(180deg,#fff 30%,#9AEBD8 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
#hzab .hero .lead{
  margin-top:20px;max-width:600px;font-size:16px;line-height:1.95;
  color:rgba(255,255,255,.8);
}
#hzab .hero .lead strong{color:#fff;font-weight:600;}
#hzab .statbar{position:relative;z-index:3;margin-top:58px;}
#hzab .statbar .box{
  display:grid;grid-template-columns:repeat(4,1fr);
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  padding:30px 10px;
}
#hzab .stat{text-align:center;position:relative;padding:0 12px;}
#hzab .stat+.stat::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:1px;height:44px;background:rgba(255,255,255,.14);
}
#hzab .stat b{
  display:block;font-size:36px;line-height:1.1;color:#fff;font-weight:700;
  font-variant-numeric:tabular-nums;letter-spacing:-.01em;
}
#hzab .stat b span{font-size:14px;font-weight:500;margin-left:3px;color:#9AEBD8;letter-spacing:0;}
#hzab .stat em{font-style:normal;display:block;margin-top:8px;font-size:13px;color:rgba(255,255,255,.62);letter-spacing:.02em;}
#hzab .tabs{
  position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);
  backdrop-filter:saturate(180%) blur(10px);
  border-bottom:1px solid var(--line);
}
#hzab .tabs .wrap{display:flex;gap:6px;}
#hzab .tab{
  position:relative;padding:18px 26px;font-size:15px;color:#6B7A75;transition:color .25s;
}
#hzab .tab::after{
  content:"";position:absolute;left:26px;right:26px;bottom:-1px;height:2px;background:var(--primary);
  transform:scaleX(0);transform-origin:center;transition:transform .3s;
}
#hzab .tab:hover{color:var(--primary);}
#hzab .tab:hover::after{transform:scaleX(1);}
#hzab .tab.on{color:var(--primary);font-weight:700;}
#hzab .tab.on::after{transform:scaleX(1);}
#hzab .sec{padding:64px 0;}
#hzab .sec.soft{background:var(--soft);}
#hzab .sec-head{max-width:660px;}
#hzab .sec-head.center{margin:0 auto;text-align:center;}
#hzab .kicker{
  display:inline-flex;align-items:center;gap:10px;
  font-size:11.5px;letter-spacing:.32em;color:var(--mint);
  font-weight:600;text-transform:uppercase;
}
#hzab .kicker::before{content:"";width:26px;height:1px;background:var(--mint);}
#hzab .sec-head.center .kicker::after{content:"";width:26px;height:1px;background:var(--mint);}
#hzab h2.title{
  font-size:33px;color:var(--ink);font-weight:700;letter-spacing:.02em;line-height:1.35;
  margin-top:14px;
}
#hzab .sec-head p.desc{margin-top:14px;font-size:15px;color:var(--mute);line-height:1.9;}
#hzab .about{max-width:100%;}
#hzab .about-copy p{margin-top:18px;text-align:justify;font-size:15.5px;line-height:2.05;}
#hzab .about-copy p:first-of-type{margin-top:24px;font-size:16.5px;color:#33403C;line-height:1.95;}
#hzab .about-copy strong{color:var(--primary);font-weight:600;}
#hzab .about-quote{
  margin-top:34px;padding-top:20px;border-top:1px solid var(--line);
  position:relative;color:#3C4A46;font-size:15px;line-height:1.95;
}
#hzab .about-quote::before{
  content:"";position:absolute;top:-1px;left:0;width:56px;height:2px;
  background:var(--mint);border-radius:2px;
}
#hzab .vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:44px;}
#hzab .vcard{
  position:relative;border-radius:var(--radius);padding:40px 38px;overflow:hidden;
  min-height:250px;display:flex;flex-direction:column;justify-content:center;
  background:#fff;border:1px solid var(--line);
  box-shadow:0 10px 34px -22px rgba(11,93,78,.5);
  transition:background .5s ease,box-shadow .45s ease,transform .45s ease,border-color .45s ease;
}
#hzab .vcard::after{
  content:"";position:absolute;right:-70px;top:-70px;width:240px;height:240px;border-radius:50%;
  border:40px solid rgba(255,255,255,0);transition:border-color .5s ease;
}
#hzab .vcard:hover{
  background:#F3FAF7;
  border-color:#BFE3D6;transform:translateY(-4px);box-shadow:0 14px 34px -20px rgba(11,93,78,.45);
}
#hzab .vcard:hover::after{border-color:rgba(11,93,78,.06);}
#hzab .vcard .no{
  font-size:12px;letter-spacing:.3em;opacity:.6;margin-bottom:16px;display:block;
}
#hzab .vcard h3{font-size:21px;letter-spacing:.03em;margin-bottom:14px;display:flex;align-items:center;gap:12px;
  color:var(--ink);transition:color .45s ease;}
#hzab .vcard:hover h3{color:var(--primary);}
#hzab .vcard h3 .bar{width:4px;height:19px;border-radius:2px;background:var(--mint);display:inline-block;}
#hzab .vcard p{font-size:14.5px;line-height:2;text-align:justify;color:var(--body);transition:color .45s ease;}
#hzab .vcard:hover p{color:var(--body);}
#hzab .vcard .mark{
  position:absolute;right:26px;bottom:-14px;font-size:96px;font-weight:800;line-height:1;
  color:rgba(11,93,78,.05);letter-spacing:-.04em;pointer-events:none;transition:color .5s ease;
}
#hzab .vcard:hover .mark{color:rgba(11,93,78,.08);}
#hzab .biz{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:46px;}
#hzab .biz-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:34px 34px 26px;transition:box-shadow .32s,transform .32s,border-color .32s;
  position:relative;overflow:hidden;
}
#hzab .biz-card::before{
  content:"";position:absolute;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--mint),var(--primary-2));
  transition:width .4s ease;
}
#hzab .biz-card:hover{box-shadow:var(--shadow);transform:translateY(-5px);border-color:#D6E6E0;}
#hzab .biz-card:hover::before{width:100%;}
#hzab .biz-card .top{display:flex;align-items:center;gap:16px;margin-bottom:22px;background:none;height:auto;line-height:normal;}
#hzab .biz-card .ic{
  width:50px;height:50px;border-radius:12px;flex-shrink:0;
  background:linear-gradient(150deg,rgba(31,184,154,.16),rgba(31,184,154,.06));
  display:flex;align-items:center;justify-content:center;
}
#hzab .biz-card .ic svg{width:24px;height:24px;stroke:var(--primary);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
#hzab .biz-card .top b{font-size:18px;color:var(--ink);letter-spacing:.02em;font-weight:700;}
#hzab .biz-card .top span{display:block;font-size:11px;letter-spacing:.22em;color:var(--mute);margin-top:4px;}
#hzab .biz-card dl{display:grid;gap:0;}
#hzab .biz-card .row{
  display:flex;align-items:baseline;justify-content:space-between;gap:20px;
  padding:12px 0;border-bottom:1px dashed #EDF2F0;
}
#hzab .biz-card .row:last-child{border-bottom:none;}
#hzab .biz-card .row dt{font-size:14.5px;color:#33403C;font-weight:600;flex-shrink:0;position:relative;padding-left:14px;}
#hzab .biz-card .row dt::before{
  content:"";position:absolute;left:0;top:.72em;width:5px;height:5px;border-radius:50%;
  background:var(--mint);opacity:.75;
}
#hzab .biz-card .row dd{font-size:13.5px;color:var(--mute);text-align:right;}
#hzab .flow{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:46px;}
#hzab .step{
  position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:36px 30px 28px;overflow:hidden;transition:.32s;
}
#hzab .step:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#D6E6E0;}
#hzab .step .n{
  position:absolute;right:22px;top:14px;font-size:64px;font-weight:800;line-height:1;
  color:#EFF5F3;letter-spacing:-.05em;transition:color .3s;
}
#hzab .step:hover .n{color:#DDEFEA;}
#hzab .step h4{font-size:17px;color:var(--ink);font-weight:700;letter-spacing:.02em;position:relative;}
#hzab .step h4::after{
  content:"";display:block;width:26px;height:2px;background:var(--mint);margin-top:12px;border-radius:2px;
}
#hzab .step p{margin-top:14px;font-size:13.5px;line-height:1.95;color:var(--mute);text-align:justify;position:relative;}
#hzab .idea{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:46px;}
#hzab .icard{
  text-align:left;padding:38px 32px;border-radius:var(--radius);
  background:#fff;border:1px solid var(--line);transition:.32s;
}
#hzab .icard:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#D6E6E0;}
#hzab .icard .ic{
  width:52px;height:52px;border-radius:50%;
  background:rgba(31,184,154,.10);display:flex;align-items:center;justify-content:center;margin-bottom:22px;
}
#hzab .icard .ic svg{width:24px;height:24px;stroke:var(--primary);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
#hzab .icard b{display:block;font-size:17px;color:var(--ink);font-weight:700;letter-spacing:.03em;margin-bottom:12px;}
#hzab .icard p{font-size:13.5px;line-height:1.95;color:var(--mute);text-align:justify;}
#hzab .future-sec{
  position:relative;overflow:hidden;color:#fff;
  background:
    radial-gradient(700px 340px at 12% 0%, rgba(31,184,154,.22), transparent 60%),
    linear-gradient(120deg,#083F35,#0C6353 60%,#0F7359);
  padding:84px 0;
}
#hzab .future-sec .grid-bg{
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(600px 400px at 70% 30%,rgba(0,0,0,.85),transparent 75%);
  -webkit-mask-image:radial-gradient(600px 400px at 70% 30%,rgba(0,0,0,.85),transparent 75%);
}
#hzab .future-sec .wrap{position:relative;z-index:2;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center;}
#hzab .future-sec .kicker{color:#7FE3CD;}
#hzab .future-sec h2.title{color:#fff;font-size:32px;}
#hzab .future-sec .txt{font-size:15.5px;line-height:2.05;color:rgba(255,255,255,.82);text-align:justify;}
#hzab .future-sec .txt strong{color:#fff;font-weight:600;}
#hzab .svc{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:46px;}
#hzab .scard{
  padding:38px 32px;border-radius:var(--radius);background:#fff;
  border:1px solid var(--line);transition:.32s;
}
#hzab .scard:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#D6E6E0;}
#hzab .scard .ic{
  width:46px;height:46px;border-radius:12px;background:rgba(31,184,154,.10);
  display:flex;align-items:center;justify-content:center;margin-bottom:20px;
}
#hzab .scard .ic svg{width:22px;height:22px;stroke:var(--primary);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
#hzab .scard b{display:block;font-size:17px;color:var(--ink);font-weight:700;margin-bottom:12px;letter-spacing:.02em;}
#hzab .scard p{font-size:13.5px;line-height:1.95;color:var(--mute);text-align:justify;}
#hzab.hz-js .reveal{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1);}
#hzab.hz-js .reveal.in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){
#hzab.hz-js .reveal{opacity:1;transform:none;transition:none;}}
@media (max-width:1024px){
#hzab .flow,#hzab .idea,#hzab .svc{grid-template-columns:1fr 1fr;}
#hzab .future-sec .wrap{grid-template-columns:1fr;gap:26px;}
#hzab .hero h1{font-size:42px;}}
@media (max-width:760px){
#hzab .wrap{padding:0 18px;}
#hzab .hero{padding:56px 0 44px;}
#hzab .hero h1{font-size:32px;letter-spacing:.03em;}
#hzab .hero .lead{font-size:14.5px;}
#hzab .statbar{margin-top:40px;}
#hzab .statbar .box{grid-template-columns:1fr 1fr;padding:10px 4px;border-radius:12px;gap:2px;}
#hzab .stat{padding:16px 0;}
#hzab .stat:nth-child(3)::before,#hzab .stat:nth-child(2)::before{display:none;}
#hzab .stat:nth-child(3),#hzab .stat:nth-child(4){border-top:1px solid rgba(255,255,255,.12);}
#hzab .stat b{font-size:28px;}
#hzab .tabs .wrap{overflow-x:auto;}
#hzab .tab{padding:15px 14px;font-size:14px;}
#hzab .sec{padding:56px 0;}
#hzab h2.title{font-size:25px;}
#hzab .vision-grid,#hzab .biz,#hzab .flow,#hzab .idea,#hzab .svc{grid-template-columns:1fr;gap:18px;}
#hzab .vcard{padding:30px 24px;min-height:auto;}
#hzab .biz-card{padding:26px 22px 20px;}
#hzab .biz-card .row{flex-direction:column;gap:2px;}
#hzab .biz-card .row dd{text-align:left;}
#hzab .step{padding:30px 24px 24px;}
#hzab .future-sec{padding:58px 0;}
#hzab .future-sec h2.title{font-size:25px;}
#hzab .hero .tower{opacity:.08;width:340px;}}
/* ---- CTA 按钮（未来展望区） ---- */
#hzab .ab-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;}
#hzab .ab-cta a{
  display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 22px;border-radius:999px;
  font-size:14px;letter-spacing:.02em;transition:.25s;
}
#hzab .ab-cta .primary{background:#fff;color:var(--primary);font-weight:700;}
#hzab .ab-cta .primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px -12px rgba(0,0,0,.5);}
#hzab .ab-cta .ghost{border:1px solid rgba(255,255,255,.42);color:#fff;}
#hzab .ab-cta .ghost:hover{background:rgba(255,255,255,.12);}
/* ---- 业务卡底部链接 ---- */
#hzab .biz-card .more-link{
  display:inline-flex;align-items:center;gap:6px;margin-top:18px;
  font-size:13.5px;color:var(--primary);font-weight:600;letter-spacing:.02em;
}
#hzab .biz-card .more-link svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .25s;}
#hzab .biz-card .more-link:hover svg{transform:translateX(3px);}
/* ---- 次级导航吸顶时避让站点 header ---- */
#hzab .tabs{top:var(--hz-header-h,0px);}