:root{--n:#0B1B2B;--r:#C8102E;--g:#6B7C8C;--ok:#0E8A5F;--bg:#F4F6F9;--line:#DFE6ED;--ink:#1D2B3A}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
 font:15px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
a{color:inherit}
.wrap{max-width:1600px;margin:0 auto;padding:0 15px}
/* header 现为页面最顶部区块，紧接站点头部 90px 品牌绿导航条（#009a67）。
   用户 2026-10-14 要求：① banner 去掉后本块成最顶部 → 加高（hero 感）；
   ② 与上面绿色导航条衔接——顶部 5px 绿边 + 绿色光晕向深蓝过渡（绿「渗」进深色）。 */
header{position:relative;color:#fff;padding:60px 0 54px;border-top:5px solid #009a67;
 background:
   linear-gradient(180deg, rgba(13,157,109,.48) 0, rgba(13,157,109,0) 128px),
   radial-gradient(150% 140px at 14% 0, rgba(15,170,120,.30), rgba(13,157,109,0) 72%),
   linear-gradient(120deg,#071320,#0B1B2B 45%,#15405F)}
header h1{margin:0 0 10px;font-size:27px;letter-spacing:.5px}
header p{margin:0;color:#A9C2D6;font-size:14.5px;max-width:840px}
header .tags{margin-top:18px;display:flex;flex-wrap:wrap;gap:9px}
header .tags span{font-size:12.5px;padding:5px 13px;border-radius:20px;background:rgba(255,255,255,.12);color:#DCE8F2}
header .cta{margin-top:22px;display:flex;flex-wrap:wrap;gap:12px}
header .cta a{text-decoration:none;font-weight:700;padding:11px 26px;border-radius:9px;font-size:14.5px}
header .cta .p{background:var(--r)!important;color:#fff}
header .cta .s{border:1px solid rgba(255,255,255,.6);color:#fff}
/* 右侧联系电话块（座机 + 手机）——用户 2026-10-14 要求：填满右侧空白，号码字号≥版面最大字号(h1 27px) */
header .wrap{display:flex;justify-content:space-between;align-items:flex-start;gap:44px;max-width:1280px;margin:0 auto}
/* ↑ 用户 2026-10-14：hero 内容块收窄居中（原贴左右边、中间空太大）→ 左右留白均衡 */
header .hmain{flex:1 1 auto;min-width:0}
.hcta{flex:0 0 auto;display:flex;flex-direction:column;
 background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:14px;
 padding:18px 26px;box-shadow:0 10px 26px rgba(0,0,0,.20)}
.hcta .ph{display:flex;flex-direction:column;gap:2px}
.hcta .ph+.ph{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.16)}
.hcta .pl{font-size:12px;font-weight:700;color:#9FB8CD;letter-spacing:2px}
.hcta .pn{display:block;font-size:30px;font-weight:800;color:#fff!important;text-decoration:none;
 line-height:1.12;letter-spacing:.5px;white-space:nowrap;font-variant-numeric:tabular-nums}
.hcta .pn:hover{color:#FF7A8A!important}
nav.tabs{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);
 border-bottom:1px solid var(--line);padding:10px 0}
nav.tabs .wrap{display:flex;flex-wrap:wrap;gap:10px}
nav.tabs a{text-decoration:none;font-weight:700;font-size:14px;color:var(--n);
 background:#EEF3F8;border:1px solid #DCE5ED;padding:8px 18px;border-radius:22px}
nav.tabs a:hover{border-color:var(--r);color:var(--r)}
section{padding:30px 0 6px}
.sec-h{display:flex;align-items:baseline;gap:12px;margin:0 0 4px}
.sec-h h2{margin:0;font-size:21px;color:var(--n)}
.sec-h .en{font-size:13.5px;color:var(--g);font-weight:600}
.sec-sub{color:#5B7186;font-size:14.6px;line-height:1.75;margin:0 0 20px}
.group{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px 22px;margin-bottom:22px}
/* 用户 2026-10-14：每个分组「序号+标题」行加品牌绿背景条（C 方案，所有分组统一）。
   绿 = 与导航条同色 #0D9D6D；底 = 其浅调渐变（左深右淡，呼应左绿条）。
   刻意不用满底深绿：页面绿色元素已多（导航/hero绿边/卡片左绿边/chips），满底会绿色过载且压过下方产品卡。
   左侧 4px 绿锚条用 inset box-shadow 实现（不占布局，缩进仍 68px 与 .gintro 对齐）。 */
.ghead{display:flex;align-items:center;gap:14px;margin:0 0 10px;padding:11px 16px;border-radius:12px;
 background:linear-gradient(90deg,#DFF1E8 0%,#EAF6F0 55%,#FAFDFB 100%);
 box-shadow:inset 4px 0 0 #0D9D6D, 0 0 0 1px #DDEEE5}
.ghead .num{flex:none;width:38px;height:38px;border-radius:10px;background:#0D9D6D;color:#fff;
 font:700 18px/38px Consolas,monospace;text-align:center}
.ghead h3{margin:0;font-size:18px;color:var(--n)}
.ghead .badge{font-size:11.5px;font-weight:700;color:#fff;background:var(--r);padding:3px 11px;border-radius:20px;margin-left:auto}
.ghead .badge.n{display:none} /* 用户要求：不展示「六大新兴支柱」徽章（2026-10-13） */
.gintro{font-size:14px;color:#5B7186;line-height:1.7;margin:2px 0 16px;padding-left:68px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:15px;padding-left:68px}
.icard{background:#FBFCFE;border:1px solid var(--line);border-left:4px solid var(--ok);
 border-radius:10px;padding:14px 16px;transition:.18s;display:flex;flex-direction:column}
.icard:hover{box-shadow:0 8px 22px rgba(11,27,43,.10);border-left-color:var(--r)}
.icard .ihead{display:flex;align-items:baseline;gap:8px}
.icard h4{margin:0;font-size:16px;color:var(--n)}
.icard h4 a{text-decoration:none;color:var(--n)}
.icard .aid{font:11px Consolas,monospace;color:#9FB8CD}
.icard .idesc{font-size:12.8px;color:#5B7186;margin:6px 0 10px}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:8px;margin-bottom:10px}
.pi{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);cursor:default;
 border-radius:8px;overflow:hidden;transition:.15s}
.pi .pthumb{height:74px;background:#fff;display:flex;align-items:center;justify-content:center;padding:5px}
.pi .pthumb img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.pi .pnm{font-size:10.8px;line-height:1.35;color:#2A3B47;padding:5px 6px;border-top:1px solid #EDF2F7;
 text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px}
/* 产品图分组：适用产品(4张)每排2个 / 相关产品(6张)每排3个 / 仅3张的组每排1个（用户 2026-10-13） */
.pgrid.s1{grid-template-columns:repeat(2,1fr);gap:10px}
.pgrid.s2{grid-template-columns:repeat(3,1fr);gap:8px}
.pgrid.s3{grid-template-columns:1fr;gap:10px}
.pgrid.s1 .pi .pthumb{height:118px;padding:8px}
.pgrid.s1 .pi .pnm{font-size:12px;line-height:1.4;padding:7px 9px;min-height:0}
.pgrid.s2 .pi .pthumb{height:86px}
.pgrid.s3 .pi .pthumb{height:150px}
.icard .lbl{font-size:11.5px;font-weight:700;color:#9FB8CD;margin:9px 0 5px}
.icard .schips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.schip{font-size:11px;font-weight:600;color:#0B3A5C;background:#EEF3F8;border:1px solid #DCE5ED;
 padding:2px 9px;border-radius:20px}
/* 查看方案：品牌绿实底（A 方案，2026-10-14 用户选定）。hover 由「变红」改为「加深绿」——
   红是页面主转化 CTA（底部获取报价）的专属色，次要动作用红会抢主 CTA，且绿→红跳色太跳。 */
.icard .go{display:block;background:#0D9D6D!important;color:#fff;text-decoration:none;font-weight:700;
 font-size:15.5px;padding:11px 22px;border-radius:9px;margin-top:auto;text-align:center;letter-spacing:.5px}
.icard .go:hover{background:#0A6B4A!important}
/* 关系层2 测试能力卡 */
.tcap{background:#fff;border:1px solid var(--line);border-left:4px solid var(--ok);border-radius:11px;
 padding:15px 18px}
.tcap h3{margin:0 0 6px;font-size:16.5px;color:var(--n)}
.tcap p{margin:0 0 10px;font-size:13.2px;color:#5B7186}
.tcap .lbl{font-size:11.5px;font-weight:700;color:#9FB8CD;margin:8px 0 5px}
.relrow{display:flex;flex-wrap:wrap;gap:7px}
/* 行业跳转标签（常用行业 / 关联行业方案）——浅绿底标签（2026-10-14 用户要求黑底改绿）。
   刻意用「浅绿底+深绿字+绿边」而非实底绿：一排常有 5~8 个标签，实底会堆成绿块压场；
   浅底＋hover 才填实底绿，既统一绿系又保证多标签行轻盈。与标准号标签（.schip 浅蓝灰）形成
   「绿=行业/方案链接、蓝灰=标准号」的双色语义，不靠随机配色。
   !important 必需：站点 base.css 有 a:link/a:visited{background:none}，特异度(0,1,1) 高于单类(0,1,0)。 */
.dbtn{display:inline-block;text-decoration:none;font-weight:600;font-size:12.5px;color:#0A7F58;
 background:#EAF6F0!important;border:1px solid #BFE3D2!important;padding:5px 13px;border-radius:8px}
.dbtn:hover{background:#0D9D6D!important;border-color:#0D9D6D!important;color:#fff!important}
.eqpill{font-size:11.5px;padding:3px 10px}
/* 关系层3 标准族：2 列网格 */
.famgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr));gap:16px}
.fam{background:#fff;border:1px solid var(--line);border-left:4px solid var(--n);border-radius:11px;
 padding:15px 18px;margin-bottom:0}
.fam h3{margin:0 0 6px;font-size:16.5px;color:var(--n)}
.fam p{margin:0 0 10px;font-size:13.2px;color:#5B7186}
.fam .lbl{font-size:11.5px;font-weight:700;color:#9FB8CD;margin:8px 0 5px}
.fam .schips{margin-bottom:4px}
.cta2{background:linear-gradient(120deg,#071320,#0B1B2B 55%,#15405F);color:#fff;border-radius:13px;
 padding:26px 24px;text-align:center;margin:8px 0 22px}
.cta2 h2{margin:0 0 10px;font-size:22px}
.cta2 p{margin:0 0 20px;color:#A9C2D6;font-size:15px}
.cta2 a{display:inline-block;background:var(--r)!important;color:#fff;text-decoration:none;font-weight:700;
 padding:15px 52px;border-radius:10px;font-size:17.5px;letter-spacing:.5px;box-shadow:0 6px 18px rgba(200,16,46,.28)}
.hubfoot{display:none} /* 用户要求：不展示底部版本说明小字（2026-10-13） */
@media(max-width:1000px){header .wrap{flex-direction:column;gap:22px}.hcta{width:100%;flex-direction:row;flex-wrap:wrap;gap:30px}
 .hcta .ph+.ph{margin-top:0;padding-top:0;border-top:0;padding-left:30px;border-left:1px solid rgba(255,255,255,.16)}}
@media(max-width:640px){.wrap{padding:0 14px}.gintro,.grid{padding-left:0}.group{padding:15px 14px}
 header h1{font-size:22px}.hcta{flex-direction:column;gap:0}
 header{padding:42px 0 38px}
 .hcta .ph+.ph{margin-top:14px;padding-top:14px;padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.16)}
 .hcta .pn{font-size:24px}}