/* 东篱智云官网 · 共享样式 v1 */
:root{
  --g900:#0d2415; --g800:#123018; --g700:#1b4522; --g600:#26612c; --g500:#3a7d33;
  --lime:#a8d33d; --lime-d:#8bb82e;
  --ink:#152018; --gray:#5f6f64; --line:#e2e8e2; --bg:#fff; --soft:#f5f8f4;
  --radius:14px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font:16px/1.75 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.sec{padding:96px 0}
.sec-s{padding:64px 0}
.sec-soft{background:var(--soft)}
.sec-dark{background:linear-gradient(120deg,var(--g900),var(--g700));color:#fff}
.eyebrow{display:inline-block;font-size:13px;letter-spacing:2px;color:var(--lime-d);font-weight:600;margin-bottom:14px}
.eyebrow.on-dark{color:var(--lime)}
h2.st{font-size:38px;line-height:1.35;letter-spacing:-.5px;font-weight:800}
h2.st .hl{color:var(--g600)}
.sec-dark h2.st .hl{color:var(--lime)}
h3.mt{font-size:26px;font-weight:800;line-height:1.45}
.sub{color:var(--gray);font-size:17px;margin-top:14px;max-width:760px}
.sec-dark .sub{color:rgba(255,255,255,.7)}
.center{text-align:center}
.center .sub{margin-left:auto;margin-right:auto}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;border-radius:8px;font-size:15px;font-weight:700;transition:.2s;white-space:nowrap}
.btn-p{background:var(--lime);color:var(--g900)}
.btn-p:hover{background:#b8e34a}
.btn-o{border:1.5px solid rgba(255,255,255,.45);color:#fff}
.btn-o:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.btn-d{background:var(--g600);color:#fff}
.btn-d:hover{background:var(--g500)}
.btn-g{border:1.5px solid var(--line);color:var(--g600)}
.btn-g:hover{border-color:var(--lime-d)}

/* NAV */
nav{position:sticky;top:0;z-index:50;background:rgba(13,36,21,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}
nav .inner{display:flex;align-items:center;justify-content:space-between;height:72px}
nav .logo img{height:34px}
nav ul{display:flex;gap:26px;list-style:none;font-size:15px;color:rgba(255,255,255,.82)}
nav ul a:hover,nav ul a.on{color:var(--lime)}
nav .navcta{background:var(--lime);color:var(--g900);padding:10px 22px;border-radius:6px;font-size:14px;font-weight:700}
/* ===== 移动端顶栏：汉堡按钮 + 下拉面板（纯 CSS，无脚本） ===== */
.navtog{display:none}
.navbtn{display:none;width:38px;height:38px;border-radius:8px;border:1px solid rgba(255,255,255,.22);
  align-items:center;justify-content:center;cursor:pointer;flex-direction:column;gap:5px}
.navbtn span,.navbtn::before,.navbtn::after{content:"";display:block;width:17px;height:2px;
  background:#fff;border-radius:2px;transition:.2s}
@media(max-width:1120px){
  nav .inner{gap:12px}
  nav ul{display:none;position:absolute;left:0;right:0;top:72px;flex-direction:column;gap:0;
    background:var(--g900);border-top:1px solid rgba(255,255,255,.1);
    box-shadow:0 22px 40px rgba(0,0,0,.35);padding:6px 0 12px;max-height:calc(100vh - 72px);overflow-y:auto}
  .navtog:checked ~ ul{display:flex}
  nav ul li{border-bottom:1px solid rgba(255,255,255,.07)}
  nav ul li:last-child{border-bottom:0}
  nav ul li>a{display:block;padding:15px 32px;font-size:16px;color:#fff}
  nav ul li.has-menu>a::after{display:none}
  nav ul li .menu{display:none!important}
  .navbtn{display:flex;order:3}
  nav .navcta{order:2;padding:9px 14px;font-size:13px;white-space:nowrap}
  nav .logo img{height:30px}
  nav .logo{order:1}
  .navtog:checked ~ .navbtn::before{transform:translateY(7px) rotate(45deg)}
  .navtog:checked ~ .navbtn span{opacity:0}
  .navtog:checked ~ .navbtn::after{transform:translateY(-7px) rotate(-45deg)}
}
@media(max-width:400px){nav .logo img{height:26px}nav .navcta{padding:8px 12px;font-size:12.5px}nav .inner{gap:8px}}

/* 子页 PAGE HERO */
.phero{background:linear-gradient(120deg,var(--g900),var(--g700) 65%,var(--g600));color:#fff;position:relative;overflow:hidden}
.phero::after{content:"";position:absolute;right:-120px;top:-140px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(168,211,61,.15),transparent 66%)}
/* 子页通栏：统一高度 214px（与企业资讯页一致）。
   四项数据绝对定位在右侧，不占垂直空间，保证各子页头部等高。 */
.phero .inner{position:relative;z-index:2;padding:34px 0 38px;max-width:1136px;min-height:142px;
  display:flex;flex-direction:column;justify-content:center}
.crumb{font-size:12.5px;color:rgba(255,255,255,.45);margin-bottom:12px}
.crumb a:hover{color:var(--lime)}
.phero h1{font-size:31px;line-height:1.4;font-weight:800;letter-spacing:-.4px;max-width:680px}
.phero h1 .lime{color:var(--lime)}
.phero p{margin-top:11px;font-size:15px;line-height:1.8;color:rgba(255,255,255,.72);max-width:660px}
.phero .qs{position:absolute;right:0;top:50%;transform:translateY(-50%);margin:0;
  display:grid;grid-template-columns:repeat(2,minmax(104px,auto));gap:18px 40px;
  padding-left:40px;border-left:1px solid rgba(255,255,255,.13)}
.phero .qs div b{display:block;font-size:21px;color:var(--lime);font-weight:800;line-height:1.25}
.phero .qs div span{font-size:12.5px;color:rgba(255,255,255,.55)}
@media(max-width:1060px){
  .phero h1,.phero p{max-width:100%}
  .phero .qs{position:static;transform:none;border-left:0;padding-left:0;margin-top:20px;padding-top:18px;
    border-top:1px solid rgba(255,255,255,.13);grid-template-columns:repeat(4,auto);gap:16px 30px}
}
@media(max-width:820px){.phero h1{font-size:24px}.phero .inner{padding:26px 0 30px;min-height:0}
  .phero .qs{grid-template-columns:repeat(2,auto)}}

/* 通用图文块 */
.fw{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.fw.rev>*:first-child{order:2}
.fw img,.fw .shot{border-radius:var(--radius);border:1px solid var(--line);width:100%}
.fw ul{list-style:none;margin-top:22px}
.fw ul li{padding:9px 0 9px 26px;position:relative;border-bottom:1px dashed var(--line);font-size:15px}
.fw ul li:last-child{border:0}
.fw ul li::before{content:"";position:absolute;left:4px;top:18px;width:7px;height:7px;border-radius:50%;background:var(--lime-d)}
.fw ul li b{color:var(--g600)}
@media(max-width:900px){.fw{grid-template-columns:1fr;gap:28px}.fw.rev>*:first-child{order:0}}

/* 卡片网格 */
.g2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
/* 场景方案按管理主体分组 */
.grouphd{display:flex;align-items:baseline;gap:16px;margin:52px 0 20px;padding-bottom:13px;border-bottom:1px solid var(--line)}
.grouphd:first-child{margin-top:0}
.grouphd b{font-size:20px;font-weight:800;white-space:nowrap}
.grouphd span{font-size:14px;color:var(--gray)}
.solgrid .card img{height:210px}
@media(max-width:700px){.grouphd{flex-direction:column;gap:5px;align-items:flex-start}.grouphd span{font-size:13.5px}}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media(max-width:1000px){.g3,.g4{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.g2,.g3,.g4{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.2s}
.card:hover{border-color:var(--lime-d);box-shadow:0 12px 30px rgba(20,60,25,.07)}
.card img{width:100%;height:190px;object-fit:cover}
.card .body{padding:26px}
.card h3{font-size:19px;font-weight:800;margin-bottom:9px}
.card p{color:var(--gray);font-size:14.5px}
.card .more{margin-top:16px;font-size:14px;color:var(--g600);font-weight:700}
.card .subs{margin-top:12px;padding-top:11px;border-top:1px dashed var(--line);font-size:12.5px;color:var(--gray);line-height:1.7}

/* 规格表 */
table.spec{width:100%;border-collapse:collapse;font-size:14.5px;margin-top:16px;background:#fff}
table.spec th,table.spec td{border:1px solid var(--line);padding:12px 16px;text-align:left;vertical-align:top}
table.spec th{background:#eef3ec;font-weight:700;width:26%}
table.spec td.hl{color:var(--g600);font-weight:700}
table.cmp{width:100%;border-collapse:collapse;font-size:14.5px;background:#fff;margin-top:24px}
table.cmp th,table.cmp td{border:1px solid var(--line);padding:14px 16px;text-align:left}
table.cmp thead th{background:var(--g700);color:#fff;font-weight:700}
table.cmp thead th:last-child{background:var(--g500)}
table.cmp tbody th{background:#f4f7f3;font-weight:700;width:20%}
table.cmp td.win{color:var(--g600);font-weight:700;background:#f6faf1}

/* 数据带 */
.stats4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}
.stats4 div{padding:28px 24px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.04)}
.stats4 b{display:block;font-size:36px;font-weight:800;color:var(--lime);letter-spacing:-1px}
.stats4 span{font-size:14px;color:rgba(255,255,255,.7)}
@media(max-width:900px){.stats4{grid-template-columns:1fr 1fr}}

/* CTA */
.cta{background:var(--g900);color:#fff;border-radius:18px;padding:52px 56px;display:grid;grid-template-columns:1.2fr auto;gap:36px;align-items:center;position:relative;overflow:hidden}
.cta::after{content:"";position:absolute;left:-80px;top:-90px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(168,211,61,.15),transparent 68%)}
.cta>*{position:relative;z-index:2}
.cta h2{font-size:28px;font-weight:800;line-height:1.45}
.cta p{color:rgba(255,255,255,.66);margin-top:12px;font-size:15px}
@media(max-width:820px){.cta{grid-template-columns:1fr;padding:38px 30px}}

/* FOOTER */
footer{background:var(--g900);color:rgba(255,255,255,.6);padding:66px 0 30px;font-size:14px}
footer .cols{display:grid;grid-template-columns:1.5fr 1.25fr 1.1fr .6fr;gap:36px}
/* 长清单分两列，与头部下拉保持同一份内容 */
footer ul.two{columns:2;column-gap:24px}
footer ul.two li{break-inside:avoid}
footer h5 a{color:#fff}
footer h5 a:hover{color:var(--lime)}
footer .flogo{height:36px;margin-bottom:20px}
footer h5{color:#fff;font-size:15px;margin-bottom:16px;font-weight:700}
footer ul{list-style:none}
footer li{margin:9px 0}
footer li a:hover{color:var(--lime)}
footer .finfo{line-height:2;font-size:13.5px}
/* 页脚二维码：公众号 · 抖音号 · 视频号 */
.fqr{display:flex;gap:14px;margin-top:18px}
.fqr figure{margin:0;text-align:center}
.fqr img{width:88px;height:88px;background:#fff;border-radius:8px;padding:5px;display:block}
.fqr figcaption{margin-top:7px;font-size:11.5px;color:rgba(255,255,255,.5);white-space:nowrap}
@media(max-width:640px){.fqr{gap:12px}.fqr img{width:76px;height:76px}}
.fqr figure>a{display:block;cursor:zoom-in;border-radius:8px;transition:box-shadow .18s,transform .18s}
.fqr figure>a:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.35)}
/* 二维码点击放大（纯 CSS :target 灯箱） */
.qrlb{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.74)}
.qrlb:target{display:flex}
.qrlb .qrlb-bg{position:absolute;inset:0;cursor:zoom-out}
.qrlb figure{position:relative;margin:0;background:#fff;padding:22px 22px 16px;border-radius:16px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.qrlb img{width:min(340px,68vw);height:auto;display:block;border-radius:6px}
.qrlb figcaption{margin-top:12px;font-size:15px;font-weight:700;color:var(--ink)}
.qrlb .qrlb-x{position:absolute;top:-14px;right:-14px;width:34px;height:34px;line-height:32px;border-radius:50%;background:#fff;color:var(--gray);font-size:22px;text-align:center;box-shadow:0 4px 14px rgba(0,0,0,.28)}
.qrlb .qrlb-x:hover{color:var(--ink)}
footer .bar{margin-top:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12.5px;color:rgba(255,255,255,.35)}
@media(max-width:900px){footer .cols{grid-template-columns:1fr 1fr}}
@media(max-width:640px){footer .cols{grid-template-columns:1fr;gap:30px}}

/* 备注气泡 */
.anno{position:fixed;right:18px;bottom:18px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--lime-d);border-radius:10px;padding:13px 17px;font-size:12.5px;color:var(--gray);max-width:280px;box-shadow:0 10px 30px rgba(0,0,0,.1);z-index:99;line-height:1.7}
.anno b{color:var(--ink)}
.anno .x{float:right;cursor:pointer;color:#aaa;margin-left:10px}

/* ===== 顶栏下拉菜单 ===== */
nav ul li{position:relative}
nav ul li>a{display:inline-flex;align-items:center;gap:5px;padding:24px 0}
nav ul li.has-menu>a::after{content:"";width:5px;height:5px;border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.6}
nav .menu{position:absolute;left:50%;transform:translateX(-50%) translateY(8px);top:100%;
  min-width:190px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px;
  box-shadow:0 18px 44px rgba(10,30,15,.18);opacity:0;visibility:hidden;transition:.16s;z-index:60}
nav ul li:hover .menu,nav ul li:focus-within .menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
/* 可点击项：深色正文字号 + 绿色小箭头标记 + hover 有底色 */
nav .menu a{position:relative;display:block;padding:9px 14px 9px 27px;border-radius:7px;
  font-size:14px;color:var(--ink);white-space:nowrap;cursor:pointer;
  transition:background .14s,color .14s}
nav .menu a::before{content:"";position:absolute;left:15px;top:50%;width:4px;height:4px;
  border-right:1.4px solid var(--lime-d);border-top:1.4px solid var(--lime-d);
  transform:translateY(-50%) rotate(45deg);opacity:.5;transition:.14s}
nav .menu a:hover{background:var(--soft);color:var(--g600)}
nav .menu a:hover::before{opacity:1;left:18px}
/* 当前页：左侧加一条竖色条，与「总览」绿条区分开 */
nav .menu a.on{color:var(--g600);font-weight:700;background:#f0f6ea;
  box-shadow:inset 2.5px 0 0 var(--g600)}
nav .menu a.on::before{opacity:1}
nav .menu .sep{height:1px;background:var(--line);margin:6px 10px}
/* 总览入口：整行做成可点的浅绿条，右侧箭头 */
nav .menu .all{display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:10px 13px;margin-bottom:4px;font-size:13.5px;font-weight:700;
  color:var(--g600);background:#f0f6ea}
nav .menu .all::before{display:none}
nav .menu .all::after{content:"→";font-size:13px;opacity:.7;transition:.14s}
nav .menu .all:hover{background:#e6f0d8;color:var(--g700)}
nav .menu .all:hover::after{opacity:1;transform:translateX(3px)}
/* 主营产品下拉：三大产品 + 专项应用（缩进子层） */
nav .menu.pmenu2{min-width:212px}
nav .menu.pmenu2 .pgrp{margin-top:6px;padding-top:6px;border-top:1px solid var(--line)}
nav .menu.pmenu2 .pglabel{padding:4px 14px 6px;font-size:11.5px;font-weight:800;letter-spacing:1.5px;
  color:#8a978d;cursor:default;user-select:none;pointer-events:none}
nav .menu.pmenu2 .pgrp a{padding-left:38px}
nav .menu.pmenu2 .pgrp a::before{left:26px}
nav .menu.pmenu2 .pgrp a:hover::before{left:29px}
nav .menu.pmenu2 .pgrp a::after{content:"";position:absolute;left:17px;top:0;bottom:0;width:1px;background:var(--line)}
nav .menu.pmenu2 .pgrp a:last-child::after{bottom:50%}
/* ===== 面板式下拉（照客户架构图的呈现形式）===== */
nav .menu.panels{min-width:430px;padding:14px}
nav .menu.panels .mrow{display:grid;grid-template-columns:1fr 1fr;gap:10px}
nav .menu.panels .mtile{display:flex;align-items:center;justify-content:center;text-align:center;
  padding:14px 12px;border-radius:9px;background:#eef5e6;border:1px solid #d8ebb2;
  font-size:13.5px;font-weight:800;color:var(--g600);white-space:normal;line-height:1.45}
nav .menu.panels .mtile::before{display:none}
nav .menu.panels .mtile:hover{background:#e2efd0;border-color:var(--lime-d)}
nav .menu.panels .mlabel{text-align:center;font-size:11.5px;color:#8a978d;font-weight:800;
  letter-spacing:2px;margin:14px 0 8px;cursor:default;user-select:none;pointer-events:none}
nav .menu.panels .mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
nav .menu.panels .mgrid a{display:flex;align-items:center;justify-content:center;text-align:center;
  padding:11px 8px;border-radius:8px;background:var(--soft);border:1px solid var(--line);
  font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap}
nav .menu.panels .mgrid a::before{display:none}
nav .menu.panels .mgrid a:hover{background:#eef5e6;border-color:var(--lime-d);color:var(--g600)}
nav .menu.panels .mgrid a.on{background:#eef5e6;border-color:var(--lime-d);color:var(--g600)}

/* 主营产品下拉：顶层中枢横幅 + 管/养两栏 + 安全兜底横幅 */
nav .menu.pmenu{min-width:478px;padding:14px}
nav .pmenu .qcol{display:flex;flex-direction:column}
/* 条目少的一栏垂直居中，不要顶在上方 */
nav .pmenu .qlist{display:flex;flex-direction:column;gap:6px;flex:1;justify-content:center}
/* 顶层中枢与安全兜底两条横幅移到两栏下方 */
nav .pmenu .qhd{margin:12px 0 0}
nav .pmenu .qft{margin-top:8px}
nav .pmenu .qlist a{display:block;padding:9px 10px;border-radius:7px;font-size:13.5px;color:var(--ink);
  white-space:nowrap;text-align:center;background:#fff;border:1px solid var(--line);
  transition:border-color .14s,color .14s}
nav .pmenu .qlist a::before{display:none}
nav .pmenu .qlist a:hover{border-color:var(--lime-d);color:var(--g600)}
nav .pmenu .qlist a.on{border-color:var(--lime-d);color:var(--g600);font-weight:700}
nav .menu.duo{min-width:452px;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
nav .menu.duo .mpanel{border-radius:11px;padding:12px 12px 14px;border:1px solid var(--line);background:var(--soft)}
nav .menu.duo .mpanel.hi{background:#f2f9ea;border-color:#dcecc4}
nav .menu.duo .mph{text-align:center;font-size:14px;font-weight:800;color:var(--g600);
  padding-bottom:9px;margin-bottom:6px;border-bottom:1px solid var(--line);cursor:default;user-select:none}
nav .menu.duo .mpanel.hi .mph{border-bottom-color:#dcecc4}
nav .menu.duo .mpanel a{display:block;padding:8px 10px;border-radius:7px;font-size:13.5px;
  color:var(--ink);white-space:nowrap;text-align:center}
nav .menu.duo .mpanel a::before{display:none}
nav .menu.duo .mpanel a:hover{background:#fff;color:var(--g600)}
nav .menu.duo .mpanel a.on{background:#fff;color:var(--g600);font-weight:700;box-shadow:none}

/* ===== 青灵下拉：照客户架构图（中枢 → 管/养两层 → 人审闸门兜底）===== */
nav .menu.qmenu{min-width:512px;padding:14px}
nav .menu.qmenu a::before{display:none}
nav .qhd{display:block;text-align:center;padding:12px 14px;border-radius:10px;
  background:linear-gradient(140deg,var(--g700),var(--g500));color:#fff;margin-bottom:12px;
  border:1.5px solid transparent;transition:border-color .14s}
nav .qhd b{display:block;font-size:15px;font-weight:800;color:#fff}
nav .qhd span{display:block;font-size:12px;color:rgba(255,255,255,.75);margin-top:3px}
nav .qhd:hover{border-color:var(--lime)}
nav .qbody{display:grid;grid-template-columns:1fr 1fr;gap:12px}
nav .qcol{border-radius:11px;padding:12px;border:1px solid var(--line);background:#eef3ec}
nav .qcol.hi{background:#f2f9ea;border-color:#dcecc4}
nav .qch{text-align:center;font-size:12.5px;font-weight:800;color:var(--g600);
  margin-bottom:9px;cursor:default;user-select:none}
nav .qtiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}
nav .qtiles a{display:block;text-align:center;padding:10px 8px;border-radius:8px;background:#fff;
  border:1px solid var(--line);white-space:nowrap}
nav .qtiles a b{display:block;font-size:13px;font-weight:700;color:var(--ink)}
nav .qtiles a span{display:block;font-size:11px;color:var(--gray);margin-top:2px}
nav .qtiles a:hover{border-color:var(--lime-d);background:#fbfdf8}
nav .qtiles a:hover b{color:var(--g600)}
nav .qft{display:block;text-align:center;margin-top:12px;padding:11px 14px;border-radius:9px;
  background:#f2f4f2;border:1px solid var(--line);font-size:13.5px;font-weight:700;color:var(--gray)}
nav .qft{transition:border-color .14s,color .14s}
nav .qft:hover{border-color:var(--lime-d);color:var(--g600)}

/* ===== 青灵下拉：三大能力（照客户方案第 2 页）===== */
nav .menu.amenu{min-width:348px;padding:12px}
nav .amenu .mlabel{text-align:left;font-size:12px;color:var(--g600);font-weight:800;
  letter-spacing:1px;padding:4px 12px 10px;cursor:default;user-select:none;pointer-events:none}
nav .amenu a{display:block;padding:10px 12px;border-radius:8px;background:var(--soft);
  border:1px solid var(--line);margin-bottom:7px;white-space:nowrap;
  transition:border-color .14s,color .14s}
nav .amenu a::before{display:none}
nav .amenu a:last-child{margin-bottom:0}
nav .amenu a b{font-size:13.5px;font-weight:700;color:var(--ink)}
nav .amenu a span{font-size:12.5px;color:var(--gray)}
nav .amenu a:hover{border-color:var(--lime-d)}
nav .amenu a:hover b{color:var(--g600)}
nav .amenu .sep{margin:9px 6px}

/* ===== 成功案例：六大场景一级 + 案例二级飞出 ===== */
nav .menu.cmenu{min-width:206px;padding:8px}
nav .cgrp{position:relative}
nav .cmenu .crow{display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:9px 14px 9px 27px;border-radius:7px;font-size:14px;color:var(--ink);white-space:nowrap;
  position:relative;transition:background .14s,color .14s}
nav .cmenu .crow::before{content:"";position:absolute;left:15px;top:50%;width:4px;height:4px;
  border-right:1.4px solid var(--lime-d);border-top:1.4px solid var(--lime-d);
  transform:translateY(-50%) rotate(45deg);opacity:.5;transition:.14s}
nav .cgrp:hover>.crow{background:var(--soft);color:var(--g600)}
nav .cgrp:hover>.crow::before{opacity:1}
nav .cmenu .crow i{font-style:normal;font-size:12px;color:var(--gray);opacity:.7}
nav .cmenu .crow.soon{cursor:default;color:var(--gray)}
nav .cmenu .crow.soon::before{opacity:.25}
nav .cgrp.disabled:hover>.crow{background:transparent;color:var(--gray)}
nav .cgrp.disabled:hover>.crow::before{opacity:.25}
nav .cmenu .crow em{font-style:normal;font-size:11px;font-weight:700;color:#8a6512;
  background:#fdf6e4;border:1px solid #f0e3b8;border-radius:4px;padding:2px 7px}
nav .csub{position:absolute;left:100%;top:-8px;margin-left:7px;min-width:196px;background:#fff;
  border:1px solid var(--line);border-radius:10px;padding:8px;
  box-shadow:0 18px 44px rgba(10,30,15,.18);opacity:0;visibility:hidden;transition:.14s;z-index:70}
nav .csub::after{content:"";position:absolute;left:-9px;top:0;width:9px;height:100%}
nav .cgrp:hover>.csub{opacity:1;visibility:visible}

/* 移动端：下拉降级为展开列表 */
@media(max-width:1120px){nav .menu{display:none}}

/* ===== 原 products.html 专用样式（已公共化） ===== */
.anchor{position:sticky;top:72px;z-index:40;background:#fff;border-bottom:1px solid var(--line)}
.anchor .inner{display:flex;gap:8px;overflow-x:auto;padding:14px 0}
.anchor a{white-space:nowrap;font-size:14.5px;padding:8px 18px;border-radius:20px;border:1px solid var(--line);color:var(--gray)}
.anchor a:hover{border-color:var(--lime-d);color:var(--g600)}
.pblock{padding:90px 0;border-bottom:1px solid var(--line);scroll-margin-top:150px}
.pblock:nth-child(even){background:var(--soft)}
.ptag{display:inline-block;background:var(--g600);color:#fff;font-size:12px;font-weight:800;padding:4px 12px;border-radius:5px;letter-spacing:1px}
.ptag.gray{background:#e6ece4;color:var(--g600)}
.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
.gal img{border-radius:10px;border:1px solid var(--line);height:150px;object-fit:cover;width:100%}
.gal figure{margin:0}
.gal figcaption{font-size:12.5px;color:var(--gray);margin-top:7px;text-align:center}
@media(max-width:820px){.gal{grid-template-columns:1fr 1fr}}
.vs{display:grid;grid-template-columns:1fr 60px 1fr;gap:0;align-items:stretch;margin-top:30px}
.vs .old,.vs .new{border-radius:12px;padding:28px 30px}
.vs .old{background:#fdf3f3;border:1px solid #f0dede}
.vs .new{background:#f2f9ea;border:1px solid #dcecc4}
.vs h4{font-size:17px;margin-bottom:14px;font-weight:800}
.vs .old h4{color:#a75151}.vs .new h4{color:var(--g600)}
.vs ul{list-style:none;font-size:14.5px}
.vs li{padding:8px 0;border-bottom:1px dashed rgba(0,0,0,.07)}
.vs li:last-child{border:0}
.vs li b{display:block;font-size:13px;opacity:.75;font-weight:600}
.vs .mid{display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--gray);font-size:15px}
@media(max-width:820px){.vs{grid-template-columns:1fr}.vs .mid{padding:14px 0}}
.road{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:30px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.road div{padding:26px 24px;border-right:1px solid var(--line)}
.road div:last-child{border-right:0}
.road div.now{background:#f2f9ea}
.road b{display:block;font-size:16px;font-weight:800;margin-bottom:8px}
.road div.now b{color:var(--g600)}
.road p{font-size:14px;color:var(--gray)}
.road .now-tag{display:inline-block;background:var(--lime);color:var(--g900);font-size:11px;font-weight:800;padding:2px 9px;border-radius:4px;margin-left:6px}
@media(max-width:820px){.road{grid-template-columns:1fr}.road div{border-right:0;border-bottom:1px solid var(--line)}}
.kpi4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}
/* 图文块右栏放数据卡时：2×2 铺满，垂直居中对齐左侧表格 */
.fw>div.kpi4{display:grid;grid-template-columns:1fr 1fr;margin-top:0;align-content:center}
/* 规格表旁的单张产品图 / 单张平台截图 */
.specfig{margin:16px 0 0;background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.specfig img{width:100%;border-radius:8px}
.specfig figcaption,.onefig figcaption{font-size:13px;color:var(--gray);text-align:center;margin-top:12px}
.onefig{margin:24px auto 0;max-width:860px}
.onefig img{width:100%;border-radius:12px;border:1px solid var(--line)}
.kpi4 div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px 22px;text-align:center}
.kpi4 b{display:block;font-size:32px;font-weight:800;color:var(--g600);letter-spacing:-.5px}
.kpi4 span{font-size:13.5px;color:var(--gray)}
@media(max-width:820px){.kpi4{grid-template-columns:1fr 1fr}}
.feat{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}
.feat div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px 22px}
.feat b{display:block;font-size:16px;font-weight:800;margin-bottom:7px}
.feat p{font-size:13.5px;color:var(--gray)}
@media(max-width:820px){.feat{grid-template-columns:1fr 1fr}}
.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.flow div{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.flow img{height:150px;object-fit:cover;width:100%}
.flow .t{padding:20px 22px}
.flow .n{font-size:12px;font-weight:800;color:var(--lime-d);letter-spacing:1px}
.flow b{display:block;font-size:16px;margin:6px 0 6px}
.flow p{font-size:13.5px;color:var(--gray)}
@media(max-width:820px){.flow{grid-template-columns:1fr}}

/* ===== 原 solutions.html 专用样式（已公共化） ===== */
.anchor{position:sticky;top:72px;z-index:40;background:#fff;border-bottom:1px solid var(--line)}
.anchor .inner{display:flex;gap:8px;overflow-x:auto;padding:14px 0}
.anchor a{white-space:nowrap;font-size:14.5px;padding:8px 18px;border-radius:20px;border:1px solid var(--line);color:var(--gray)}
.anchor a:hover{border-color:var(--lime-d);color:var(--g600)}
.sblock{padding:88px 0;border-bottom:1px solid var(--line);scroll-margin-top:150px}
.sblock:nth-child(even){background:var(--soft)}
.snum{display:inline-block;background:var(--g600);color:#fff;font-size:12px;font-weight:800;padding:4px 12px;border-radius:5px;letter-spacing:1px}
.pill{display:inline-block;background:#eef5e6;color:var(--g600);border-radius:20px;padding:5px 15px;font-size:13px;font-weight:700;margin:0 8px 8px 0}
.pain-list{background:#fdf5f2;border:1px solid #f2e0d6;border-radius:12px;padding:24px 28px;margin-top:22px}
.pain-list h4{font-size:15px;color:#a3603a;margin-bottom:12px;font-weight:800}
.pain-list ul{list-style:none;font-size:14.5px;color:#6b5347}
.pain-list li{padding:6px 0 6px 20px;position:relative}
.pain-list li::before{content:"!";position:absolute;left:2px;color:#c07a45;font-weight:800}
.conf{background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px 28px;margin-top:22px}
.conf h4{font-size:15px;color:var(--g600);margin-bottom:14px;font-weight:800}
.conf .row{display:flex;gap:14px;padding:10px 0;border-bottom:1px dashed var(--line);font-size:14.5px}
.conf .row:last-child{border:0}
.conf .row b{min-width:132px;color:var(--ink)}
.conf .row span{color:var(--gray)}
.eff{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}
.eff div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 20px;text-align:center}
.eff b{display:block;font-size:28px;font-weight:800;color:var(--g600)}
.eff span{font-size:13px;color:var(--gray)}
@media(max-width:820px){.eff{grid-template-columns:1fr 1fr}}
.scale{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.scale div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px 26px}
.scale b{display:block;font-size:34px;font-weight:800;color:var(--g600);letter-spacing:-.5px}
.scale span{font-size:14.5px;color:var(--gray)}
.scale small{display:block;font-size:12.5px;color:var(--gray);opacity:.75;margin-top:8px}
@media(max-width:820px){.scale{grid-template-columns:1fr}}

/* ===== 原 cases.html 专用样式（已公共化） ===== */
.filter{position:sticky;top:72px;z-index:40;background:#fff;border-bottom:1px solid var(--line)}
.filter .inner{display:flex;gap:8px;overflow-x:auto;padding:14px 0;align-items:center}
.filter b{font-size:13.5px;color:var(--gray);margin-right:6px;white-space:nowrap}
.filter button{white-space:nowrap;font-size:14.5px;padding:8px 18px;border-radius:20px;border:1px solid var(--line);color:var(--gray);background:#fff;cursor:pointer;font-family:inherit;transition:.2s}
.filter button:hover{border-color:var(--lime-d)}
.filter button.on{background:var(--g600);border-color:var(--g600);color:#fff;font-weight:700}
.cblock{padding:80px 0;border-bottom:1px solid var(--line);scroll-margin-top:150px}
.cblock:nth-of-type(even){background:var(--soft)}
.chead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.ckind{font-size:13px;color:var(--gray);letter-spacing:1px}
.chead h2{font-size:32px;font-weight:800;margin-top:8px}
.honor{display:inline-block;margin-top:12px;font-size:13px;color:#a97c14;background:#fdf6e4;border:1px solid #f0e3b8;border-radius:6px;padding:7px 14px}
.cmain{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;margin-top:32px;align-items:start}
.cmain img.lead{border-radius:12px;border:1px solid var(--line);width:100%}
.cinfo{background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px 28px}
.cinfo .r{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px dashed var(--line);font-size:14.5px}
.cinfo .r:last-child{border:0}
.cinfo .r span{color:var(--gray)}
.cinfo .r b{color:var(--g600);font-weight:800}
.cinfo h4{font-size:15px;font-weight:800;margin-bottom:10px;color:var(--ink)}
.beforeafter{margin-top:32px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.beforeafter .cap{padding:16px 24px;background:#eef3ec;font-size:14px;font-weight:700;color:var(--g600);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.beforeafter .cap em{font-style:normal;font-weight:400;font-size:12.5px;color:var(--gray)}
.beforeafter table{width:100%;border-collapse:collapse;font-size:14.5px}
.beforeafter th,.beforeafter td{border-top:1px solid var(--line);padding:13px 24px;text-align:left}
.beforeafter th{width:26%;font-weight:700;background:#fafcf9}
.beforeafter td.todo{color:#b08b3c;background:#fffdf6}
.cgal{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}
.cgal img{border-radius:10px;border:1px solid var(--line);height:150px;object-fit:cover;width:100%}
@media(max-width:900px){.cmain{grid-template-columns:1fr}.cgal{grid-template-columns:1fr 1fr}}
.logowall{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;margin-top:36px}
.logowall img{border:1px solid var(--line);border-radius:8px;padding:12px;background:#fff;height:64px;object-fit:contain;width:100%}
@media(max-width:900px){.logowall{grid-template-columns:repeat(3,1fr)}}
.hidden{display:none}
/* ===== 场景页 2×2 版式：痛点/配置在上，图片/数据在下 ===== */
.scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.scene-grid>*{margin-top:0!important}
.scene-img{width:100%;height:100%;min-height:300px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line)}
.eff.eff-2x2{grid-template-columns:1fr 1fr;gap:14px;margin-top:0;height:100%}
.eff.eff-2x2 div{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px 20px}
.pills{margin-bottom:26px}
.pills-lab{display:inline-block;font-size:13.5px;font-weight:700;color:var(--gray);margin:0 8px 8px 0}
@media(max-width:900px){.scene-grid{grid-template-columns:1fr}.scene-img{min-height:210px}}
/* 全站图文块：两列等高，消除垂直居中造成的上下白边 */
.fw{align-items:stretch}
.fw>div{display:flex;flex-direction:column;justify-content:center}
.fw img{height:100%;object-fit:cover}
/* 竖长图专用容器：面板高度跟随右侧文案，图片整体收进面板，避免出现超长图 */
.fw>div.fwimg{display:block;position:relative;width:100%;min-height:380px;max-height:620px;
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--soft)}
.fwimg img{position:absolute;top:16px;left:16px;width:calc(100% - 32px);height:calc(100% - 32px);
  object-fit:contain;border:0;border-radius:8px}
.fwimg.cut img{top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0}
/* 宽图不需要等高面板：去掉底板与最小高度，边框直接贴图 */
.fw>div.fwimg.fit{min-height:0;max-height:none;background:transparent;border:0;border-radius:0;overflow:visible;align-self:center}
.fwimg.fit img{position:static;top:auto;left:auto;width:100%;height:auto;border:1px solid var(--line);border-radius:var(--radius)}
@media(max-width:900px){.fw>div.fwimg.fit{min-height:0;max-height:none}}
@media(max-width:900px){.fw>div.fwimg{min-height:340px;max-height:460px}}

/* ===== 「云-管-边-端」技术体系五层表（原在首页内联，随板块迁到解决方案页） ===== */
.arch{margin-top:52px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff}
.arch .row{display:grid;grid-template-columns:120px 1fr;border-bottom:1px solid var(--line)}
.arch .row:last-child{border-bottom:0}
.arch .lab{background:var(--g700);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;letter-spacing:2px}
.arch .cells{display:flex;flex-wrap:wrap;gap:10px;padding:20px}
.arch .cells span{border:1px solid var(--line);background:var(--soft);border-radius:7px;padding:8px 15px;font-size:14px}
.arch .row.ai .lab{background:var(--lime);color:var(--g900)}
.arch .row.ai .cells{background:#f4faea}
.arch .row.ai .cells span{border-color:#d8ebb2;background:#fff;font-weight:600}
@media(max-width:760px){.arch .row{grid-template-columns:1fr}.arch .lab{padding:10px;letter-spacing:4px}}

/* ===== 案例页项目信息条 ===== */
.projmeta{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);
  border-radius:12px;background:var(--soft);overflow:hidden;margin-bottom:36px}
.projmeta>div{padding:18px 26px;border-right:1px solid var(--line)}
.projmeta>div:last-child{border-right:0}
.projmeta span{display:block;font-size:12.5px;color:var(--gray);letter-spacing:1px;margin-bottom:6px}
.projmeta b{font-size:17px;font-weight:800;color:var(--ink)}
.projmeta b em{font-style:normal;font-size:13px;font-weight:600;color:var(--gray)}
@media(max-width:760px){.projmeta{grid-template-columns:1fr}
  .projmeta>div{border-right:0;border-bottom:1px solid var(--line)}
  .projmeta>div:last-child{border-bottom:0}}

/* ===== 主营产品树状架构图 ===== */
.archtree{max-width:1020px;margin:40px auto 0}
.at-top,.at-foot{display:block;text-align:center;border-radius:12px;padding:16px 20px;border:1.5px solid transparent;transition:border-color .16s}
.at-top{background:linear-gradient(140deg,var(--g700),var(--g500));color:#fff}
.at-top b{display:block;font-size:19px;font-weight:800}
.at-top span{display:block;font-size:13.5px;color:rgba(255,255,255,.78);margin-top:4px}
.at-top:hover{border-color:var(--lime)}
.at-foot{background:#f2f4f2;border-color:var(--line)}
.at-foot b{display:block;font-size:16px;font-weight:800;color:var(--ink)}
.at-foot span{display:block;font-size:13px;color:var(--gray);margin-top:4px}
.at-foot:hover{border-color:var(--lime-d)}
.at-branch{display:grid;grid-template-columns:1fr 1fr;gap:24px;position:relative;padding-top:30px;margin-top:30px}
.at-branch::before{content:"";position:absolute;top:0;left:25%;right:25%;height:2px;background:var(--line)}
.at-branch::after{content:"";position:absolute;top:-30px;left:50%;width:2px;height:30px;background:var(--line);transform:translateX(-1px)}
.at-col{position:relative;border:1px solid var(--line);border-radius:14px;padding:18px;background:var(--soft)}
.at-col.hi{background:#f2f9ea;border-color:#dcecc4}
.at-col::before{content:"";position:absolute;top:-30px;left:50%;width:2px;height:30px;background:var(--line);transform:translateX(-1px)}
.at-h{text-align:center;font-size:16px;font-weight:800;color:var(--g600);padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.at-col.hi .at-h{border-bottom-color:#dcecc4}
.at-h em{display:block;font-style:normal;font-size:12.5px;font-weight:600;color:var(--gray);margin-top:3px}
.at-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.at-tiles a{display:block;background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px;transition:border-color .16s}
.at-tiles a:hover{border-color:var(--lime-d)}
.at-tiles a b{display:block;font-size:15px;font-weight:800;margin-bottom:5px}
.at-tiles a:hover b{color:var(--g600)}
.at-tiles a p{font-size:13px;color:var(--gray);line-height:1.7}
.at-tiles a i{display:block;font-style:normal;font-size:11.5px;color:#9aa89f;margin-top:8px;padding-top:7px;border-top:1px dashed var(--line)}
.at-tiles a.wide{grid-column:1 / -1}
.at-stem{position:relative;height:30px;margin-top:0}
.at-stem::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--line);transform:translateX(-1px)}
@media(max-width:860px){.at-branch{grid-template-columns:1fr}.at-branch::before{display:none}
  .at-tiles{grid-template-columns:1fr}.at-tiles a.wide{grid-column:auto}}

/* ===== 客户 logo 墙：每行 5 个，放大展示 ===== */
/* logo 墙按场景分组 */
.logogrp{margin-top:26px}
.logogrp:first-of-type{margin-top:18px}
.lg-h{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:800;color:var(--g600);margin-bottom:12px}
.lg-h::after{content:"";flex:1;height:1px;background:var(--line)}
.lg-h em{font-style:normal;font-size:12.5px;font-weight:600;color:var(--gray);order:1}
.logogrp .logorow{justify-content:flex-start}
.logogrp .logorow img{height:104px;padding:18px 22px}
@media(max-width:1000px){.logogrp .logorow img{height:92px}}
.logorow{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
.logorow img{width:calc((100% - 64px)/5);height:124px;object-fit:contain;
  padding:22px 26px;background:#fff;border:1px solid var(--line);border-radius:12px;transition:.2s}
.logorow img:hover{border-color:var(--lime-d);box-shadow:0 10px 26px rgba(20,60,25,.09);transform:translateY(-2px)}
@media(max-width:1000px){.logorow img{width:calc((100% - 32px)/3);height:104px;padding:18px 20px}}
@media(max-width:640px){.logorow img{width:calc((100% - 16px)/2);height:92px;padding:14px 16px}}

/* ===== FAQ 板块 ===== */
.faq{max-width:900px;margin:44px auto 0}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:14px;overflow:hidden}
.faq-item summary{list-style:none;cursor:pointer;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-size:22px;color:var(--g600);font-weight:700;flex:none;transition:.2s}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item summary h3{font-size:17px;font-weight:700;margin:0;line-height:1.6}
.faq-item summary:hover h3{color:var(--g600)}
.faq-item p{padding:0 26px 24px;color:var(--gray);font-size:15px;line-height:1.95;margin:0}
.faq-item[open] summary{border-bottom:1px dashed var(--line);padding-bottom:18px}
.faq-item[open] p{padding-top:18px}

/* FAQ 两栏：左右各一半 */
.faq{max-width:1136px;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.faq-col{display:flex;flex-direction:column;gap:14px}
.faq-col .faq-item{margin-bottom:0}
@media(max-width:900px){.faq{grid-template-columns:1fr}}

/* 更多在管项目清单 */
.moreproj{margin-top:60px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px 36px}
.moreproj h3{font-size:20px;font-weight:800;margin-bottom:8px}
.moreproj>p{color:var(--gray);font-size:14.5px;margin-bottom:20px}
.moreproj table{width:100%;border-collapse:collapse;font-size:14.5px}
.moreproj th,.moreproj td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line)}
.moreproj thead th{background:#eef3ec;font-size:13px;color:var(--gray);font-weight:700}
.moreproj tbody tr:hover{background:#fafcf9}
.moreproj td b{color:var(--ink)}
@media(max-width:700px){.moreproj{padding:24px 18px}.moreproj th,.moreproj td{padding:10px 8px;font-size:13.5px}}

/* 案例场景筛选 */
.tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:26px;justify-content:center}
.tabs button{padding:9px 20px;border-radius:22px;border:1px solid var(--line);background:#fff;
  color:var(--gray);cursor:pointer;font-family:inherit;font-size:14.5px;transition:.18s}
.tabs button:hover{border-color:var(--lime-d);color:var(--g600)}
.tabs button.on{background:var(--g600);border-color:var(--g600);color:#fff;font-weight:700}

/* 生态价值板块 */
/* 「结果可量化」合并板块：数字口径脚注 + 板块内二级标题 */
.statnote{margin-top:26px;text-align:center;font-size:12.5px;color:rgba(255,255,255,.38)}
/* 紧凑版板块：数据区压到原来一半高度 */
.sec.sec-tight{padding:40px 0 60px}
.sec-tight .eyebrow{margin-bottom:8px}
.sec-tight h2.st{font-size:32px;line-height:1.3}
.sec-tight h3.mt{font-size:23px}
.sec-tight .sub{margin-top:10px;font-size:15.5px}
.sec-tight .stats4{margin-top:18px;gap:14px}
.sec-tight .stats4 div{padding:14px 18px}
.sec-tight .stats4 b{font-size:28px;line-height:1.15}
/* 指标名与注解并到一行，卡片从三行压成两行 */
.sec-tight .stats4 span{font-size:12.5px;line-height:1.7}
.sec-tight .stats4 br{display:none}
.sec-tight .stats4 small{font-size:12.5px}
.sec-tight .stats4 small::before{content:" · "}
.sec-tight .statnote{margin-top:10px}
.sec-tight .subhd{margin-top:30px;padding-top:28px}
@media(max-width:900px){.sec.sec-tight{padding:36px 0 48px}.sec-tight h2.st{font-size:25px}}
.subhd{margin-top:74px;padding-top:52px;border-top:1px solid var(--line);scroll-margin-top:150px}
.sec-dark .subhd{border-top-color:rgba(255,255,255,.12)}
.sec-dark h3.mt{color:#fff}
.sec-dark h3.mt .hl{color:var(--lime)}
/* 深色板块里的白底卡片必须还原文字色，否则继承 sec-dark 的白色 → 白底白字 */
.sec-dark .ecocard{color:var(--ink)}
/* 深色板块里的对比表：做成深色原生样式，与数字卡同一套质感（白底方块压在深绿上会显得又平又散） */
.sec-dark .cmp2{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.14);color:#fff}
.sec-dark .cmp2>div{border-bottom-color:rgba(255,255,255,.1)}
.sec-dark .cmp2 .hd{background:rgba(255,255,255,.06);color:rgba(255,255,255,.55)}
.sec-dark .cmp2 .hd .win{background:var(--lime);color:var(--g900)}
.sec-dark .cmp2 .rw>div:first-child{color:#fff}
.sec-dark .cmp2 .rw>div:nth-child(2){color:rgba(255,196,178,.72)}
.sec-dark .cmp2 .rw .win{color:var(--lime);background:rgba(168,211,61,.07)}
/* 数据板块：中性浅底，和上下的深绿 / 纯白板块拉开层次（首页 #eco） */
.sec-data{background:linear-gradient(150deg,#edf1f5 0%,#f8fafb 52%,#eef2f6 100%);
  border-top:1px solid #e2e8ee;border-bottom:1px solid #e2e8ee}
.sec-data .stats4 div{background:#fff;border-color:#e1e7ee;box-shadow:0 6px 20px rgba(30,50,70,.05)}
.sec-data .stats4 b{color:var(--g600)}
.sec-data .stats4 span{color:var(--gray)}
.sec-data .stats4 small{color:var(--gray)}
.sec-data .ecocard,.sec-data .cmp2{box-shadow:0 6px 20px rgba(30,50,70,.05)}
.ecocard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:36px 34px}
.ecocard .tag{display:inline-block;background:#eef5e6;color:var(--g600);font-size:12.5px;font-weight:800;padding:5px 13px;border-radius:5px;letter-spacing:1px}
.ecocard h3{font-size:24px;font-weight:800;margin:16px 0 12px;line-height:1.5}
.ecocard h3 b{color:var(--g600);font-size:30px}
.ecocard p{color:var(--gray);font-size:14.8px;line-height:1.95}
.ecocard p b{color:var(--ink)}
.ecobar{height:8px;background:#eef2ec;border-radius:5px;margin-top:22px;overflow:hidden}
.ecobar span{display:block;height:100%;background:linear-gradient(90deg,var(--lime-d),var(--lime));border-radius:5px}
.ecofoot{margin-top:10px;font-size:13.5px;color:var(--g600);font-weight:700}
.cmp2{margin-top:26px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.cmp2>div{display:grid;grid-template-columns:1fr 1.3fr 1.3fr;border-bottom:1px solid var(--line)}
.cmp2>div:last-child{border-bottom:0}
.cmp2>div>div{padding:14px 20px;font-size:14.5px}
.cmp2 .hd{background:#eef3ec;font-weight:700;font-size:13.5px;color:var(--gray)}
.cmp2 .hd .win{background:var(--g600);color:#fff}
.cmp2 .rw>div:first-child{font-weight:700}
.cmp2 .rw>div:nth-child(2){color:#a4726b}
.cmp2 .rw .win{color:var(--g600);font-weight:700;background:#f6faf1}
@media(max-width:820px){.cmp2>div{grid-template-columns:1fr}.cmp2>div>div{padding:10px 16px}}

/* 资讯栏目导语 */
.news-intro{max-width:900px;color:var(--gray);font-size:15.5px;line-height:2;margin:0 0 36px}

/* ===== 场景方案：痛点 / 配置方案 / 效果 三段式 ===== */
.projbadge{display:inline-block;background:#fdf6e4;border:1px solid #f0e3b8;color:#8a6512;
  border-radius:8px;padding:9px 18px;font-size:14px;margin-bottom:20px}
.projbadge b{color:#6d4f0a}
.projbadge a{color:var(--g600);font-weight:700}
.pce{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px;align-items:stretch}
.pce-col{border-radius:var(--radius);padding:28px 26px;border:1px solid var(--line);background:#fff}
.pce-hd{font-size:17px;font-weight:800;margin-bottom:16px;display:flex;align-items:center;gap:10px}
.pce-hd .n{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;
  border-radius:50%;font-size:12px;font-weight:800}
.pce ul{list-style:none}
.pce li{padding:9px 0 9px 20px;position:relative;font-size:14.5px;line-height:1.75;border-bottom:1px dashed rgba(0,0,0,.07)}
.pce li:last-child{border:0}
.pce li::before{content:"";position:absolute;left:2px;top:18px;width:6px;height:6px;border-radius:50%}
.pce-pain{background:#fdf5f2;border-color:#f2e0d6}
.pce-pain .pce-hd{color:#a3603a}
.pce-pain .pce-hd .n{background:#f0d9cd;color:#a3603a}
.pce-pain li::before{background:#c07a45}
.pce-conf .pce-hd{color:var(--ink)}
.pce-conf .pce-hd .n{background:#e9edE8;color:var(--gray)}
.pce-conf li::before{background:var(--gray)}
.pce-eff{background:#f4faec;border-color:#dcecc4}
.pce-eff .pce-hd{color:var(--g600)}
.pce-eff .pce-hd .n{background:#dcecc4;color:var(--g600)}
.pce-eff li::before{background:var(--lime-d)}
.pce-eff li{font-weight:600;color:#33502f}
.pce.two{grid-template-columns:1fr 1fr}
.pce-col p{font-size:14.5px;line-height:1.9;color:var(--gray)}
.pce-col p b{color:var(--g600)}
.pce-ai{background:#f2f9ea;border-color:#dcecc4}
.pce-ai .pce-hd{color:var(--g600)}
.pce-ai .pce-hd .n{background:var(--lime);color:var(--g900)}
.pce-ai li::before{background:var(--lime-d)}
.pce li b{color:var(--ink)}
.pce-ai li b{color:var(--g600)}
@media(max-width:900px){.pce,.pce.two{grid-template-columns:1fr}}
@media(max-width:900px){.pce{grid-template-columns:1fr}}
.scene-imgs{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.scene-imgs img{width:100%;height:320px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line)}
@media(max-width:900px){.scene-imgs{grid-template-columns:1fr}.scene-imgs img{height:220px}}
.relcase{margin-top:24px;font-size:14.5px;color:var(--gray)}
.relcase a{color:var(--g600);font-weight:700}

/* 流程条（闭环四步） */
.flowbar{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:30px;
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff}
.flowbar>div{padding:26px 24px;border-right:1px solid var(--line);position:relative}
.flowbar>div:last-child{border-right:0}
.flowbar>div::after{content:"";position:absolute;right:-9px;top:50%;transform:translateY(-50%) rotate(45deg);
  width:16px;height:16px;background:#fff;border-top:1px solid var(--line);border-right:1px solid var(--line);z-index:2}
.flowbar>div:last-child::after{display:none}
.flowbar .n{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;
  background:var(--g600);color:#fff;font-size:12px;font-weight:800;margin-bottom:12px}
.flowbar b{display:block;font-size:17px;font-weight:800;margin-bottom:7px}
/* 口径说明框：给出边界，避免被当成量化承诺 */
.notebox{background:#fdf6e4;border:1px solid #f0e3b8;border-radius:12px;padding:24px 28px}
.notebox b{display:block;font-size:15px;font-weight:800;color:#8a6512;margin-bottom:8px}
.notebox p{font-size:14.5px;color:#6d5a2e;line-height:1.9}
.flowbar p{font-size:13.5px;color:var(--gray);line-height:1.7}
@media(max-width:900px){.flowbar{grid-template-columns:1fr}.flowbar>div{border-right:0;border-bottom:1px solid var(--line)}
  .flowbar>div::after{display:none}}
/* 成套配置 */
.setbox{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px}
.setbox h4{font-size:18px;font-weight:800;margin-bottom:14px}
.setitems{display:flex;flex-wrap:wrap;gap:9px}
.setitems span{background:#eef5e6;color:var(--g600);border-radius:20px;padding:6px 16px;font-size:13.5px;font-weight:700}
ul.plainlist{list-style:none;margin-top:18px}
ul.plainlist li{padding:9px 0 9px 22px;position:relative;font-size:14.8px;border-bottom:1px dashed var(--line)}
ul.plainlist li:last-child{border:0}
ul.plainlist li::before{content:"";position:absolute;left:3px;top:18px;width:6px;height:6px;border-radius:50%;background:var(--lime-d)}

/* 平台架构图 */
.platarch{margin-top:52px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff}
.platarch .pa-hd{background:linear-gradient(120deg,var(--g700),var(--g500));color:#fff;
  padding:20px 26px;font-size:19px;font-weight:800;text-align:center;letter-spacing:1px}
.platarch .pa-body{display:grid;grid-template-columns:repeat(3,1fr)}
.platarch .pa-col{padding:26px 24px;text-align:center;border-right:1px solid var(--line)}
.platarch .pa-col:last-child{border-right:0}
.platarch .pa-col b{display:block;font-size:17px;font-weight:800;color:var(--g600);margin-bottom:8px}
.platarch .pa-col span{font-size:13.5px;color:var(--gray)}
.platarch .pa-foot{background:var(--soft);border-top:1px solid var(--line);padding:16px 26px;
  text-align:center;font-size:14.5px;color:var(--gray)}
@media(max-width:820px){.platarch .pa-body{grid-template-columns:1fr}.platarch .pa-col{border-right:0;border-bottom:1px solid var(--line)}}
/* 中心分组 */
.centerblk{margin-top:64px}
.centerhd{display:flex;gap:18px;align-items:flex-start;margin-bottom:26px;padding-bottom:18px;border-bottom:2px solid var(--line)}
.centerhd .cn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;
  border-radius:10px;background:var(--g600);color:#fff;font-size:15px;font-weight:800}
.centerhd h3{font-size:23px;font-weight:800}
.centerhd p{font-size:14.5px;color:var(--gray);margin-top:5px}

/* 分组下拉 */
nav .menu.wide{min-width:520px;columns:2;column-gap:10px;padding:12px}
nav .menu.wide>a,nav .menu.wide>.grp,nav .menu.wide>.grp-top,nav .menu.wide>.sep{break-inside:avoid}

/* 智库五大库 */
.kbgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.kbgrid>div{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px}
.kbgrid .ic{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;
  border-radius:12px;background:#eef5e6;font-size:22px;margin-bottom:14px}
.kbgrid b{display:block;font-size:18px;font-weight:800;margin-bottom:9px}
.kbgrid p{font-size:14px;color:var(--gray);line-height:1.85}
@media(max-width:900px){.kbgrid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.kbgrid{grid-template-columns:1fr}}
/* 导航两级分组标题：不可点击 —— 小字、浅灰、宽字距、无箭头、无 hover 反馈 */
nav .menu .grp-top,nav .menu .grp{cursor:default;user-select:none;pointer-events:none;
  white-space:nowrap;break-inside:avoid;break-after:avoid}
nav .menu .grp-top{font-size:11.5px;color:#6f7d74;font-weight:800;letter-spacing:2px;
  padding:13px 14px 5px;border-top:1px solid var(--line);margin-top:6px}
nav .menu .sep+.grp-top{border-top:0;margin-top:0}
nav .menu .grp{font-size:11px;color:#8d9b91;font-weight:700;letter-spacing:1.4px;
  padding:9px 14px 3px 20px}