/* 产品家族公共首屏：两页共用白色与浅蓝背景、切换和导航下的过渡。 */
.kb-product-family{background:transparent}
.kb-product-family .phero{position:relative;isolation:isolate;overflow:hidden;padding-top:66px;background:linear-gradient(180deg,#fbfdff 0%,#fff 100%)}
.kb-product-family .phero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 48% 72% at 87% 65%,rgba(147,187,255,.42) 0%,rgba(210,228,255,.34) 48%,transparent 80%),radial-gradient(ellipse 52% 65% at -5% 86%,rgba(195,219,255,.44) 0%,rgba(233,243,255,.32) 54%,transparent 82%),radial-gradient(ellipse 37% 55% at 104% 30%,rgba(220,235,255,.3),transparent 80%)}
.kb-product-family .phero::after{content:"";position:absolute;left:-19%;bottom:-250px;width:136%;height:550px;z-index:0;pointer-events:none;border-radius:50%;transform:rotate(-10deg);background:linear-gradient(94deg,rgba(197,220,255,.42),rgba(240,246,255,.18) 43%,rgba(160,198,255,.36) 76%,rgba(224,237,255,.28));filter:blur(22px)}
.kb-product-family .phero>.wrap{position:relative;z-index:1}
.kb-product-family .kb-product-subnav{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,360px);margin:10px 0 22px;padding:4px;gap:0;border:0;border-radius:999px;background:linear-gradient(110deg,#eaf2ff 0%,var(--kb-bg) 72%,var(--kb-bg) 100%);box-shadow:none}
.kb-product-family .kb-product-subnav a{display:flex;align-items:center;justify-content:center;min-width:0;padding:9px 12px;border:2px solid transparent;border-radius:999px;background:transparent;color:#242a35;font-size:14px;font-weight:400;line-height:1.45;letter-spacing:.02em;text-align:center;white-space:nowrap;box-shadow:none}
.kb-product-family .kb-product-subnav a.on{border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(115deg,#c0d6ff 0%,#d6e5ff 50%,#f2f7ff 100%) border-box;color:#1267ef;box-shadow:0 3px 10px rgba(106,152,236,.14)}
.kb-product-family .kb-product-subnav a:hover{color:#1267ef}
.kb-product-family .kb-product-subnav a:focus-visible{outline:2px solid #7aaaff;outline-offset:3px}
.kb-site-header-ready .kb-product-family .phero{margin-top:-72px;padding-top:96px}
@media(max-width:767px){.kb-site-header-ready .kb-product-family .phero{margin-top:-64px;padding-top:88px}.kb-product-family .kb-product-subnav a{padding:8px 12px;font-size:14px}}


/* 共用的产品首屏左侧：能力页与 A1 只在右侧展示区域分开实现。 */
:is(#kb-product-page,#kb-hardware-page,#kb-activity-page) .phero>.wrap{max-width:1200px;margin-inline:auto;padding-inline:24px}
:is(#kb-product-page,#kb-hardware-page,#kb-activity-page) .phero{padding-bottom:32px}
:is(#kb-product-page,#kb-hardware-page,#kb-activity-page) .phero :is(.kb-cap-hero-copy,.hardware-hero-copy) .eyebrow{display:table;margin:0 0 18px}
:is(#kb-product-page,#kb-hardware-page,#kb-activity-page) .phero :is(.kb-cap-hero-copy,.hardware-hero-copy) h1{margin:0 0 20px;color:var(--kb-ink);}
:is(#kb-product-page,#kb-hardware-page,#kb-activity-page) .phero :is(.kb-cap-hero-copy,.hardware-hero-copy) .lead{max-width:none;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:var(--kb-muted);font-weight:400;}
:is(#kb-product-page,#kb-hardware-page,#kb-activity-page) .phero>.wrap>.switcher{position:relative;z-index:6;display:flex;align-items:center;max-width:none;margin-top:0;padding:0;border:0;overflow:visible}
:is(#kb-product-page,#kb-hardware-page,#kb-activity-page) .phero>.wrap>.switcher .seg{display:flex;flex-wrap:wrap;width:max-content;max-width:100%;gap:0;padding:3px;border:1px solid var(--kb-border);border-radius:999px;background:linear-gradient(110deg,#eef4ff 0%,#f7f9fc 70%,#f7f9fc 100%);box-shadow:none}
:is(#kb-product-page,#kb-hardware-page,#kb-activity-page) .phero>.wrap>.switcher .seg :is(a,button){display:flex;align-items:center;justify-content:center;flex:none;min-height:40px;padding:7px 12px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--kb-muted);font-size:16px;font-weight:400;line-height:1.5;white-space:nowrap;text-decoration:none;box-shadow:none}
:is(#kb-hardware-page,#kb-activity-page) .phero>.wrap>.switcher .seg :is(a.on,button[aria-selected="true"]){border-color:#d6e5ff;background:#fff;color:var(--kb-primary);box-shadow:0 2px 7px rgba(55,117,255,.12)}
:is(#kb-product-page,#kb-hardware-page,#kb-activity-page) .phero>.wrap>.switcher .seg :is(a,button):hover{color:var(--kb-primary)}
:is(#kb-product-page,#kb-hardware-page,#kb-activity-page) .phero>.wrap>.switcher .seg :is(a,button):focus-visible{outline:2px solid var(--kb-primary);outline-offset:2px}
@media(min-width:981px){
 :is(#kb-product-page,#kb-hardware-page,#kb-activity-page) .phero :is(.kb-cap-hero-layout,.hardware-hero-grid){height:350px}
}
@media(max-width:980px){:is(#kb-product-page,#kb-hardware-page,#kb-activity-page) .phero>.wrap>.switcher{margin-top:20px}}
@media(max-width:767px){
 :is(#kb-product-page,#kb-hardware-page,#kb-activity-page) .phero>.wrap{padding-inline:16px}
 :is(#kb-product-page,#kb-hardware-page,#kb-activity-page) .phero{padding-bottom:24px}
 :is(#kb-product-page,#kb-hardware-page,#kb-activity-page) .phero>.wrap>.switcher .seg{width:100%;border-radius:18px}
}
/* 产品页和活动页共用的首屏双栏；活动页右侧为静态图片。 */
.kb-product-family .phero .kb-cap-hero-layout.has-demo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px;align-items:start}
.kb-product-family .phero .eyebrow{display:inline-block;padding:6px 12px;border-radius:999px;background:#e8f0ff;color:var(--kb-primary);font-size:14px;font-weight:400;letter-spacing:.02em}
.kb-product-family .phero .kb-static-hero-art{display:flex;align-items:center;justify-content:center;min-width:0;height:350px}
.kb-product-family .phero .kb-static-hero-art img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.kb-product-family .phero .kb-event-hero-brand{color:var(--kb-primary)}
@media(max-width:980px){.kb-product-family .phero .kb-cap-hero-layout.has-demo{grid-template-columns:1fr;gap:22px}.kb-product-family .phero .kb-static-hero-art{height:300px}}
@media(max-width:767px){.kb-product-family .phero .kb-static-hero-art{height:220px}.kb-product-family .phero .kb-cap-hero-layout.has-demo{gap:16px}}
/* A1 插画只负责视觉展示，不参与两页共用首屏的高度计算。 */
@media (min-width:981px){
  #kb-hardware-page .hardware-hero-grid{position:relative}
  #kb-hardware-page .hardware-hero-art{position:absolute;top:-15px;right:0;margin-top:0}
}
/* 产品家族首屏文字层级。 */
:is(#kb-product-page,#kb-hardware-page,#kb-activity-page) .phero :is(.kb-cap-hero-copy,.hardware-hero-copy) h1{font-size:var(--kb-type-page);line-height:var(--kb-leading-page);font-weight:var(--kb-weight-heading);letter-spacing:-.02em}
:is(#kb-product-page,#kb-hardware-page,#kb-activity-page) .phero :is(.kb-cap-hero-copy,.hardware-hero-copy) .lead{height:84px;font-size:var(--kb-type-body);line-height:var(--kb-leading-body)}
@media(max-width:767px){:is(#kb-product-page,#kb-hardware-page,#kb-activity-page) .phero :is(.kb-cap-hero-copy,.hardware-hero-copy) h1{font-size:32px;line-height:40px}}
/* 产品能力分区使用次级标题，避免长标题挤压演示区。 */
#kb-hardware-page .sec-head h2{--kb-h2-size:32px;--kb-h2-leading:42px;--kb-h2-weight:var(--kb-weight-heading);letter-spacing:-.01em}
@media(max-width:767px){#kb-hardware-page .sec-head h2{--kb-h2-size:24px;--kb-h2-leading:32px}}