/* ============================================================
   ZC-MSS 一体化实战安全运营平台 · 静态产品页样式
   与全局极简设计系统(vars)一致；独立文件，避免污染主主题
   ============================================================ */
.zms{overflow:hidden;}
/* —— Hero —— */
.zms-hero{padding:150px 0 0;background:linear-gradient(180deg,var(--bg1),var(--bg0));}
.zms-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding-bottom:70px;}
.zms-hero-l .tag{display:inline-flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.16em;color:var(--acc);font-weight:600;text-transform:uppercase;}
.zms-hero-l .tag::before{content:"";width:22px;height:2px;background:var(--acc);}
.zms-hero-l h1{font-size:clamp(30px,3.6vw,46px);line-height:1.14;letter-spacing:-.02em;font-weight:800;margin-top:18px;}
.zms-hero-l h1 .soft{color:var(--mute);font-weight:600;}
.zms-slogan{margin-top:18px;font-size:18px;font-weight:700;color:var(--ink);letter-spacing:.02em;}
.zms-hero-desc{margin-top:16px;color:var(--ink-2);max-width:560px;line-height:1.8;}
.zms-hero-chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}
.zms-hero-chips span{font-size:13.5px;font-weight:600;color:var(--ink-2);border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 16px;}
.zms-hero-actions{display:flex;gap:16px;margin-top:34px;flex-wrap:wrap;}
/* 核心卡 */
.zms-core-card{background:var(--dark);border-radius:var(--r-lg);padding:26px;color:#fff;position:relative;overflow:hidden;box-shadow:var(--sh-lg);}
.zms-core-card::before{content:"";position:absolute;inset:-40%;background:radial-gradient(60% 60% at 30% 20%,rgba(42,169,224,.22),transparent),radial-gradient(50% 50% at 80% 90%,rgba(122,90,248,.18),transparent);}
.zms-core-head{display:flex;justify-content:space-between;align-items:center;position:relative;margin-bottom:20px;}
.zms-core-head b{font-size:14px;letter-spacing:.1em;font-weight:700;}
.live{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;letter-spacing:.12em;color:#8BE68B;}
.live i{width:7px;height:7px;border-radius:50%;background:#3BD16A;box-shadow:0 0 0 0 rgba(59,209,106,.5);animation:live 1.8s infinite;}
@keyframes live{0%{box-shadow:0 0 0 0 rgba(59,209,106,.5);}70%{box-shadow:0 0 0 9px rgba(59,209,106,0);}100%{box-shadow:0 0 0 0 rgba(59,209,106,0);}}
.zms-core-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;position:relative;opacity:0;animation:stepIn .8s var(--ease) forwards;}
@keyframes stepIn{to{opacity:1;}}
.zms-step{display:flex;flex-direction:column;align-items:center;gap:8px;background:rgba(255,255,255,.05);border:1px solid var(--dark-line);border-radius:14px;padding:16px 6px;position:relative;}
.zms-step-ic{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#2AA9E0,#7A5AF8);display:flex;align-items:center;justify-content:center;font-size:15px;}
.zms-step span{font-size:12px;letter-spacing:.06em;color:#D8D9DE;}
.zms-core-flow{display:flex;align-items:center;justify-content:center;gap:10px;margin:18px 0;}
.zms-core-flow i{font-size:12px;color:#8A8D98;padding:5px 12px;border:1px solid var(--dark-line);border-radius:999px;opacity:0;animation:flowIn .5s var(--ease) forwards;}
@keyframes flowIn{to{opacity:1;}}
.zms-core-loop{display:flex;align-items:center;gap:8px;justify-content:center;font-size:12.5px;color:#8BE68B;letter-spacing:.1em;border-top:1px solid var(--dark-line);padding-top:16px;margin-top:4px;}
.zms-core-loop svg{animation:rotate 3s linear infinite;}
@keyframes rotate{to{transform:rotate(360deg);}}

/* —— 双栏（介绍+痛点）—— */
.zms-duo{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
.zms-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:30px;box-shadow:var(--sh);}
.zms-panel--red{border-top:3px solid var(--acc);}
.zms-panel-h{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px;}
.zms-panel-h .zms-ic{width:40px;height:40px;border-radius:12px;background:var(--acc-soft);color:var(--acc);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;}
.zms-panel-h b{display:block;font-size:19px;font-weight:700;}
.zms-panel-h small{display:block;color:var(--mute);font-size:13.5px;margin-top:4px;line-height:1.5;}
.zms-plist{display:flex;flex-direction:column;gap:16px;}
.zms-plist li{display:flex;gap:12px;color:var(--ink-2);font-size:14.5px;line-height:1.8;}
.zms-plist li i{font-style:normal;width:26px;height:26px;border-radius:8px;background:var(--bg1);color:var(--mute);font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:600;}
.zms-pain{border-top:1px dashed var(--line);padding-top:16px;margin-top:16px;}
.zms-pain:first-of-type{border-top:none;margin-top:0;padding-top:0;}
.zms-pain b{display:flex;align-items:center;gap:8px;font-size:15.5px;color:var(--ink);margin-bottom:8px;}
.zms-pain b::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--acc);}
.zms-pain p{color:var(--ink-2);font-size:14px;line-height:1.8;}

/* —— 三大机制 —— */
.zms-mech{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.zms-mech-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;transition:transform .5s var(--ease),box-shadow .5s var(--ease);}
.zms-mech-card:hover{transform:translateY(-6px);box-shadow:var(--sh-lg);}
.zms-mech-top{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.zms-mech-ic{width:42px;height:42px;border-radius:12px;background:var(--bg1);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;}
.zms-mech-top b{font-size:17px;font-weight:700;}
.zms-mech-line{width:38px;height:3px;border-radius:2px;background:var(--line-2);margin-bottom:16px;}
.zms-mech-card:hover .zms-mech-line{background:var(--acc);}
.zms-mech-card p{color:var(--ink-2);font-size:14px;line-height:1.85;}
.zms-slogan-bar{margin-top:40px;display:flex;justify-content:center;flex-wrap:wrap;gap:14px;}
.zms-slogan-bar span{font-size:clamp(16px,2.4vw,22px);font-weight:800;letter-spacing:.06em;padding:14px 30px;border-radius:999px;background:var(--dark);color:#fff;}
.zms-slogan-bar span:nth-child(2){background:var(--acc);}

/* —— Flow 引擎成果 —— */
.zms-flow{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:20px;align-items:stretch;}
.zms-flow-col{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;box-shadow:var(--sh);}
.zms-flow-h{margin-bottom:18px;}
.zms-flow-badge{font-size:13px;font-weight:700;color:var(--ink-2);background:var(--bg1);padding:7px 14px;border-radius:999px;}
.zms-flow-badge--dark{background:var(--dark);color:#fff;}
.zms-flow-item{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line);}
.zms-flow-item:first-of-type{border-top:none;}
.zms-flow-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;}
.zms-flow-item b{display:block;font-size:14.5px;font-weight:700;}
.zms-flow-item small{display:block;color:var(--mute);font-size:12.5px;margin-top:2px;}
.zms-flow-coregrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;}
.zms-flow-coreitem{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px;background:var(--bg1);border-radius:14px;position:relative;}
.zms-flow-coreitem span{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#2AA9E0,#7A5AF8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;}
.zms-flow-coreitem b{font-size:12.5px;font-weight:700;color:var(--ink);}
.zms-flow-phase{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;}
.zms-flow-phase i{font-size:12px;padding:6px 13px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink-2);opacity:0;animation:flowIn .5s var(--ease) forwards;}
.zms-flow-improve{display:flex;align-items:center;gap:7px;justify-content:center;margin-top:16px;font-size:12.5px;color:var(--acc);font-weight:600;border-top:1px dashed var(--line);padding-top:16px;}
.zms-flow-improve svg{animation:rotate 3s linear infinite;}
.zms-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px;}
.zms-trio-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;box-shadow:var(--sh);}
.zms-trio-ic{width:44px;height:44px;border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0;}
.zms-trio-card b{font-size:15.5px;font-weight:700;}
.zms-trio-card span{display:block;color:var(--mute);font-size:12.5px;margin-top:2px;}

/* —— 两个版本 —— */
.zms-ver{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;align-items:stretch;}
.zms-ver-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;display:flex;flex-direction:column;gap:18px;transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .5s;}
.zms-ver-card:hover{transform:translateY(-6px);box-shadow:var(--sh-lg);}
.zms-ver-card.on{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc),var(--sh-lg);}
.zms-ver-tag{display:inline-flex;align-self:flex-start;font-size:12.5px;font-weight:700;color:var(--ink-2);background:var(--bg1);padding:6px 13px;border-radius:999px;}
.zms-ver-card.on .zms-ver-tag{background:var(--acc);color:#fff;}
.zms-ver-card h3{font-size:24px;font-weight:800;}
.zms-ver-sec{border-top:1px solid var(--line);padding-top:15px;}
.zms-ver-sec b{display:block;font-size:13px;color:var(--mute);font-weight:600;margin-bottom:7px;letter-spacing:.04em;}
.zms-ver-sec p{font-size:13.8px;color:var(--ink-2);line-height:1.8;}
.zms-ver-vals{display:flex;flex-wrap:wrap;gap:8px;}
.zms-ver-vals span{font-size:12.5px;font-weight:600;color:var(--ink);border:1px solid var(--line-2);border-radius:999px;padding:5px 12px;}
.zms-ver-card .btn{margin-top:auto;width:100%;}
.zms-synergy{background:var(--dark);border-radius:var(--r-lg);padding:28px;color:#fff;display:flex;flex-direction:column;}
.zms-synergy-h{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:700;margin-bottom:24px;}
.zms-synergy-h .zms-ic{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:17px;color:#8BE68B;}
.zms-synergy-map{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;}
.zms-syn-center{width:96px;height:96px;border-radius:24px;background:linear-gradient(135deg,#2AA9E0,#7A5AF8);display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;font-size:15px;text-align:center;box-shadow:0 0 40px -8px rgba(122,90,248,.5);}
.zms-syn-center div{font-size:9.5px;font-weight:400;color:rgba(255,255,255,.85);margin-top:4px;line-height:1.4;}
.zms-syn-node{width:120px;border-radius:16px;padding:16px 12px;text-align:center;font-weight:700;font-size:15px;background:rgba(255,255,255,.05);border:1px solid var(--dark-line);}
.zms-syn-node div{font-size:11px;font-weight:400;color:#B8BAC2;margin-top:5px;line-height:1.5;}
.zms-syn-a{color:#8BE68B;}
.zms-syn-b{color:#FFC46B;}
.zms-syn-foot{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;border-top:1px solid var(--dark-line);padding-top:18px;}
.zms-syn-foot span{font-size:13px;font-weight:600;color:#fff;}
.zms-syn-foot i{width:22px;height:1px;background:var(--dark-line);}

/* —— 配置对比表 —— */
.zms-cfg{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:8px;box-shadow:var(--sh);}
.zms-cfg-scroll{overflow-x:auto;}
.zms-table{width:100%;border-collapse:collapse;min-width:640px;}
.zms-table thead th{text-align:center;padding:18px 14px;font-size:15px;font-weight:700;background:var(--dark);color:#fff;}
.zms-table thead th:first-child{text-align:left;width:44%;}
.zms-table thead th span{display:block;font-size:11.5px;font-weight:400;color:#B8BAC2;margin-top:4px;letter-spacing:.04em;}
.zms-table tbody .zms-cfg-grp td{background:var(--bg1);font-size:13.5px;font-weight:700;color:var(--ink);padding:12px 16px;border-bottom:1px solid var(--line);}
.zms-cfg-name{padding:13px 16px;font-size:14px;color:var(--ink-2);text-align:left;border-bottom:1px solid var(--line);}
.zms-cfg-mark{text-align:center;border-bottom:1px solid var(--line);}
.zms-cfg-mark i{font-style:normal;font-weight:700;}
.zms-cfg-mark .ok{color:#12A05C;}
.zms-cfg-mark .no{color:#B0B4BE;font-weight:400;}
/* 2026-09-11：一体化智能运维平台的配置表里有些格子不是 ✓/✗ 而是文字说明
   （如“视服务器是否提供传感器”），用 <em> 承载：字号收小、居中、允许换行 */
.zms-cfg-mark em{font-style:normal;font-size:12.5px;color:var(--mute);line-height:1.6;display:block;padding:0 6px;}
.zms-note{margin-top:18px;font-size:12.5px;color:var(--mute);line-height:1.8;padding:0 6px;}

/* —— 增值服务 —— */
.zms-svc-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:26px;}
.zms-svc-cat{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;border-left:4px solid var(--c,var(--acc));box-shadow:var(--sh);}
.zms-svc-cat-h{display:flex;align-items:center;gap:14px;}
.zms-svc-cat-h span{width:44px;height:44px;border-radius:12px;background:var(--c,var(--acc));color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.zms-svc-cat-h b{font-size:15.5px;font-weight:700;}
.zms-svc-cat-h small{display:block;color:var(--mute);font-size:12.5px;margin-top:3px;}
.zms-svc{display:grid;grid-template-columns:80px 1fr;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:#fff;box-shadow:var(--sh);}
.zms-svc-side{background:var(--dark);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;font-weight:700;letter-spacing:.1em;line-height:1.7;}
.zms-svc-body{padding:10px;}
.zms-svc-block{display:flex;gap:14px;padding:20px;border-top:1px solid var(--line);}
.zms-svc-block:first-child{border-top:none;}
.zms-svc-blk-h{width:170px;flex-shrink:0;font-size:15px;font-weight:700;line-height:1.5;color:var(--ink);padding-top:4px;}
.zms-svc-items{display:flex;flex-direction:column;gap:14px;flex:1;}
.zms-svc-item{display:flex;gap:14px;}
.zms-svc-item--wide{border-top:1px dashed var(--line);padding-top:16px;}
.zms-svc-ic{width:30px;height:30px;border-radius:9px;background:var(--bg1);color:var(--acc);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;font-weight:700;}
.zms-svc-item b{font-size:14px;font-weight:700;color:var(--ink);}
.zms-svc-item p{font-size:13px;color:var(--ink-2);line-height:1.75;margin-top:4px;}
.zms-svc-item--wide b{font-size:15px;}

/* —— CTA —— */
.zms-cta{background:var(--dark);border-radius:var(--r-lg);padding:48px 50px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff;position:relative;overflow:hidden;}
.zms-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 80% at 90% 20%,rgba(227,0,1,.28),transparent),radial-gradient(40% 60% at 10% 90%,rgba(42,169,224,.2),transparent);}
.zms-cta b{font-size:clamp(20px,2.6vw,30px);font-weight:800;line-height:1.35;position:relative;}
.zms-cta p{margin-top:10px;color:#B8BAC2;font-size:15px;position:relative;}
.zms-cta-actions{display:flex;gap:14px;position:relative;flex-wrap:wrap;}
.zms-cta-actions .btn--ghost{border-color:var(--dark-line);}

/* —— 产品中心列表页入口横幅 —— */
.zms-entry{display:flex;align-items:center;gap:24px;background:linear-gradient(120deg,var(--dark),#1E1E2A);border-radius:var(--r-lg);padding:26px 30px;margin-bottom:44px;color:#fff;box-shadow:var(--sh-lg);position:relative;overflow:hidden;}
.zms-entry::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 100% at 100% 0%,rgba(122,90,248,.28),transparent),radial-gradient(40% 80% at 0% 100%,rgba(42,169,224,.22),transparent);}
.zms-entry-tag{position:relative;font-size:12px;font-weight:700;letter-spacing:.14em;color:#8BE68B;border:1px solid rgba(139,230,139,.4);border-radius:999px;padding:6px 14px;flex-shrink:0;text-transform:uppercase;}
.zms-entry-txt{position:relative;flex:1;}
.zms-entry-txt b{font-size:20px;font-weight:800;display:block;}
.zms-entry-txt small{display:block;color:#B8BAC2;font-size:13.5px;margin-top:6px;letter-spacing:.02em;}
.zms-entry-go{position:relative;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#fff;white-space:nowrap;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:4px;}
.zms-entry:hover .zms-entry-go{color:#FF6B62;border-color:#FF6B62;}
.zms-entry:hover .zms-entry-go svg{transform:translateX(5px);}
.zms-entry-go svg{transition:transform .3s var(--ease);}

@media(max-width:980px){
  .zms-hero-grid,.zms-duo,.zms-mech,.zms-ver,.zms-trio,.zms-flow,.zms-svc-cats{grid-template-columns:1fr;}
  .zms-flow{grid-template-columns:1fr;}
  .zms-cta{flex-direction:column;align-items:flex-start;}
  .zms-entry{flex-direction:column;align-items:flex-start;gap:14px;}
  .zms-svc{grid-template-columns:1fr;}
  .zms-svc-side{min-height:52px;}
  .zms-svc-block{flex-direction:column;}
  .zms-svc-blk-h{width:auto;}
}
@media(max-width:600px){
  .zms-hero{padding:120px 0 0;}
  .zms-hero-grid{padding-bottom:40px;}
  .zms-table thead th:first-child{width:54%;}
}

/* 面包屑（ZC-MSS 属于「产品中心」下的子项） */
.zms-crumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.62);margin-bottom:18px;}
.zms-crumb a{color:inherit;transition:color .2s var(--ease);}
.zms-crumb a:hover{color:#FF6B62;}
.zms-crumb i{font-style:normal;opacity:.45;}
.zms-crumb span{color:#FF6B62;}

/* 配置对比区块的锚点（2026-09-14）：
   Hero 里的「查看版本配置 / 查看部署配置」按钮会 scrollIntoView 到这里，
   scroll-margin-top 给固定顶栏（--hdr-h，现 110px）留出空间，避免标题被顶栏盖住 */
#zms-cfg{scroll-margin-top:calc(var(--hdr-h, 110px) + 28px);}