/* 2026-10-22 首页设计图适配。仅作用于首页，公共导航/页脚结构仍由 layout 管理。 */
body:has(.kb-home-hero){background:#fff;}
body:has(.kb-home-hero) .main-content{padding-top:0}

.kb-home-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 35% 27% at 13% 20%,rgba(199,229,255,.74),transparent 78%),radial-gradient(ellipse 32% 26% at 91% 16%,rgba(197,226,255,.56),transparent 80%),radial-gradient(ellipse 30% 23% at 22% 45%,rgba(231,221,255,.16),transparent 78%),radial-gradient(ellipse 32% 24% at 87% 42%,rgba(220,216,255,.32),transparent 80%),radial-gradient(ellipse 33% 44% at 6% 84%,rgba(192,223,255,.72),transparent 80%),radial-gradient(ellipse 30% 43% at 96% 84%,rgba(200,224,255,.48),transparent 80%),#fff;}
.kb-hero-inner{display:flex;flex-direction:column;gap:0;max-width:1200px;margin:0 auto;text-align:center}
.kb-hero-copy{width:100%;max-width:1000px;margin:0 auto}
.kb-hero-eyebrow,.kb-feature-eyebrow,.kb-data-eyebrow,.kb-home-scenes-eyebrow{padding:7px 18px;border:0;border-radius:999px;background:#e9f2ff;line-height:1.4}
.kb-hero-highlight{display:inline!important;}
.kb-hero-lead{max-width:640px;margin:0 auto 30px;white-space:normal}
.kb-hero-actions{justify-content:center;}
.kb-hero-button{min-width:216px;padding:14px 26px;border:2px solid #0871f9;border-radius:10px;line-height:1.35;box-shadow:0 4px 8px rgba(8,102,237,.11)}
.kb-hero-button-outline{background:rgba(255,255,255,.94);}
.kb-hero-note{margin:24px 0 12px;line-height:1.5}
.kb-hero-illustration{width:100%;margin:0 auto;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.kb-hero-illustration img{display:block;width:100%;height:auto;filter:drop-shadow(0 20px 24px rgba(39,115,223,.08))}
.kb-hero-demo:not(.kb-hero-illustration){width:100%;max-width:1200px;margin:16px auto 0;text-align:left}

.kb-home-capabilities{position:relative;padding:42px 24px 128px;background:radial-gradient(530px 360px at 90% 45%,rgba(222,236,255,.42),transparent 78%),#fff}
.kb-feature-inner,.kb-data-inner,.kb-home-scenes-inner{max-width:1200px}
.kb-feature-heading{max-width:1130px;margin-bottom:38px}
.kb-feature-heading h2{margin:22px 0 14px;color:#0a1737;}
.kb-feature-heading p{color:#65728e;font-size:20px;line-height:1.6}
.kb-feature-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.kb-feature-card{min-height:300px;padding:25px 22px 23px;border-radius:17px}
.kb-feature-icon{width:48px;height:48px;margin-bottom:20px;border-radius:12px;background:transparent;overflow:hidden}
.kb-feature-icon img{display:block;width:100%;height:100%;object-fit:contain}
.kb-feature-card h3{margin-bottom:14px;color:#081633;}
.kb-feature-card p{margin-bottom:16px;color:#66728b;font-size:16px;line-height:1.6}

/* 两个相邻区块共用连续渐变，只在整个画布的首尾过渡到白色。 */
.kb-home-flow{background:linear-gradient(to top,#fff 0%,rgba(255,255,255,0) 9%),linear-gradient(to bottom,#fff 0%,rgba(255,255,255,0) 9%),radial-gradient(ellipse 38% 72% at 0% 52%,rgba(207,228,255,.68),rgba(224,238,255,.43) 45%,transparent 85%),radial-gradient(ellipse 29% 57% at 100% 66%,rgba(232,226,255,.28),transparent 85%),#fff}
.kb-home-integration{padding:110px 24px 112px;background:transparent}
.kb-data-heading{margin-bottom:34px}
.kb-data-heading h2,.kb-home-scenes-heading h2{margin:20px 0 13px;color:#0a1737;}
.kb-data-heading p,.kb-home-scenes-heading p{color:#64718c;font-size:20px}
.kb-data-cards{gap:18px}
.kb-data-card{min-height:290px;padding:30px 34px;border:1px solid #dfeaff;border-radius:19px;box-shadow:var(--kb-soft-card-shadow)}
.kb-data-card h3{margin:20px 0 12px;color:#0b1838;}
.kb-data-card p{font-size:18px;color:#64718c}
.kb-data-tags{margin-top:22px}
.kb-data-tags span{padding:8px 16px;background:#f4f7fc;}
.kb-data-summary{position:relative;overflow:hidden;margin-top:24px;padding:30px 34px;border-radius:18px;background:radial-gradient(ellipse 72% 145% at 24% 116%,rgba(8,65,226,.42),transparent 72%),radial-gradient(ellipse 48% 110% at 95% 2%,rgba(113,190,255,.22),transparent 80%),linear-gradient(105deg,#1261f5 0%,#2274f5 58%,#3389f9 100%);box-shadow:0 10px 25px rgba(33,102,231,.16)}
.kb-data-summary:after{content:"";position:absolute;right:0;bottom:0;width:min(34%,500px);height:100%;border-radius:100% 0 0 0;background:linear-gradient(128deg,rgba(184,218,255,.24) 0%,rgba(171,214,255,.16) 45%,rgba(151,208,255,.04) 100%);pointer-events:none}
.kb-data-summary p:first-child{font-size:20px;font-weight:400;line-height:1.5}
.kb-data-summary p{position:relative;z-index:1;font-size:16px;line-height:1.7}

.kb-home-scenes{padding:105px 24px 118px;background:transparent}
.kb-home-scenes-heading{margin-bottom:38px}
.kb-home-scenes-grid{gap:20px}
.kb-home-scenes-card{align-items:center;gap:10px;min-height:155px;padding:22px 25px 22px 30px;border:1px solid #e6efff;border-radius:16px;box-shadow:var(--kb-soft-card-shadow)}
.kb-home-scenes-icon{order:2;flex:none;width:122px;height:110px;margin-left:auto;border-radius:0;background:transparent}
.kb-home-scenes-icon img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.kb-home-scenes-copy{order:1;gap:11px}
.kb-home-scenes-copy strong{color:#0c1836;}
.kb-home-scenes-copy>span{color:#65718a;font-size:16px;line-height:1.55}


@media(max-width:1200px){
 .kb-home-hero h1{font-size:58px}
 .kb-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .kb-home-scenes-icon{width:100px;height:96px}
}
@media(max-width:900px){
 .kb-home-hero{padding-top:76px}
 .kb-home-hero h1{font-size:48px}
 .kb-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .kb-home-scenes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .kb-home-scenes-card{min-height:160px}
}
@media(max-width:700px){
 .kb-home-hero{padding:48px 16px 50px}
 .kb-home-hero h1{font-size:37px;line-height:1.28}
 .kb-hero-eyebrow,.kb-feature-eyebrow,.kb-data-eyebrow,.kb-home-scenes-eyebrow{font-size:16px}
 .kb-hero-actions{gap:12px}
 .kb-hero-button{min-width:0;padding:11px 17px;font-size:16px}
 .kb-hero-note{font-size:14px}
 .kb-home-capabilities,.kb-home-integration,.kb-home-scenes{padding:65px 18px 70px}

 .kb-feature-heading p,.kb-data-heading p,.kb-home-scenes-heading p{font-size:16px}
 .kb-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .kb-feature-card{min-height:285px;padding:18px 15px}
 .kb-feature-icon{width:44px;height:44px;margin-bottom:14px}
 .kb-feature-card p{font-size:14px}
 .kb-feature-more{font-size:14px}
 .kb-data-cards{grid-template-columns:1fr}
 .kb-data-card{min-height:0;padding:24px}
 .kb-data-card p{font-size:16px}
 .kb-data-summary{padding:24px}
 .kb-home-scenes-grid{grid-template-columns:1fr;gap:13px}
 .kb-home-scenes-card{min-height:140px}
}
@media(max-width:420px){.kb-feature-grid{grid-template-columns:1fr}.kb-feature-card{min-height:0}.kb-home-hero h1{font-size:33px}}

.kb-home-hero h1{max-width:840px;white-space:pre-line}

/* 首页悬浮操作栏靠屏幕边缘，避免遮住现有卡片和按钮。 */
body:has(.kb-home-hero) #floatbtn,body:has(.kb-home-hero) #floatbtn.fixed{right:12px;margin-right:0}


/* 官网前端规范 1.2：首页内容 */
body:has(.kb-home-hero){color:var(--kb-ink)}
.kb-home-hero{padding:66px 24px 33px;color:var(--kb-ink)}
.kb-hero-inner,.kb-feature-inner,.kb-data-inner,.kb-home-scenes-inner{max-width:1200px}
.kb-home-hero h1{color:var(--kb-ink);}
.kb-hero-highlight{color:var(--kb-primary)}
.kb-hero-eyebrow,.kb-feature-eyebrow,.kb-data-eyebrow,.kb-home-scenes-eyebrow{color:var(--kb-primary);font-size:16px;font-weight:400}
.kb-hero-lead{color:var(--kb-muted)}
.kb-hero-actions{gap:24px}
.kb-hero-button{border-color:var(--kb-primary);font-size:16px;font-weight:400}
.kb-hero-button-primary{background:var(--kb-primary);color:#fff}
.kb-hero-button-outline{color:var(--kb-primary)}
.kb-hero-note{color:var(--kb-muted);font-size:14px}
.kb-home-capabilities,.kb-home-integration,.kb-home-scenes{padding-top:33px;padding-bottom:33px}
.kb-feature-heading,.kb-data-heading,.kb-home-scenes-heading{margin-bottom:32px}
.kb-feature-heading h2,.kb-data-heading h2,.kb-home-scenes-heading h2{color:var(--kb-ink);}
.kb-feature-heading p,.kb-data-heading p,.kb-home-scenes-heading p{color:var(--kb-muted);font-size:16px;line-height:1.6}
.kb-feature-grid,.kb-data-cards,.kb-home-scenes-grid{gap:24px}
.kb-feature-card,.kb-data-card,.kb-home-scenes-card{border-color:var(--kb-border);border-radius:16px}
.kb-feature-card,.kb-data-card,.kb-home-scenes-card{padding:32px}
.kb-feature-card h3,.kb-data-card h3,.kb-home-scenes-copy strong{color:var(--kb-ink);}
.kb-feature-card p,.kb-data-card p,.kb-home-scenes-copy>span{color:var(--kb-muted);font-weight:400;}
.kb-feature-more{color:var(--kb-primary);font-size:16px;font-weight:400}
.kb-data-tags span{color:var(--kb-muted);font-size:14px;font-weight:400}
.kb-data-summary p{color:#eef4ff}
.kb-data-summary p:first-child{color:#fff}
.kb-data-summary strong{font-weight:400}
@media(max-width:767px){
 .kb-home-hero{padding:48px 16px 24px}
 .kb-home-capabilities,.kb-home-integration,.kb-home-scenes{padding:24px 16px}
 .kb-feature-heading,.kb-data-heading,.kb-home-scenes-heading{margin-bottom:24px}

 .kb-feature-grid,.kb-data-cards,.kb-home-scenes-grid{gap:16px}
 .kb-feature-card,.kb-data-card,.kb-home-scenes-card{padding:24px}
}



/* 首页导航覆盖首屏时，将原预留的头部高度转为 Hero 内边距。 */
.kb-site-header-ready .kb-home-hero{padding-top:138px}
@media(max-width:767px){.kb-site-header-ready .kb-home-hero{padding-top:112px}}

/* 首页首屏移动端柔光，保持正文区域接近白色。 */
@media(max-width:700px){
  .kb-home-hero{
    background:radial-gradient(340px 340px at -28% 35%,rgba(205,229,253,.42),transparent 78%),radial-gradient(320px 350px at 125% 58%,rgba(214,233,255,.4),transparent 78%),radial-gradient(290px 210px at 3% 75%,rgba(228,222,250,.2),transparent 80%),#fff
  }
}
/* 首页统一文字层级。 */
.kb-home-hero h1{font-size:var(--kb-type-display);line-height:var(--kb-leading-display);font-weight:var(--kb-weight-heading);letter-spacing:2px}
.kb-hero-lead,.kb-feature-heading p,.kb-data-heading p,.kb-home-scenes-heading p{font-size:var(--kb-type-body);line-height:var(--kb-leading-body)}
.kb-feature-card p,.kb-data-card p,.kb-home-scenes-copy>span{font-size:var(--kb-type-card-copy);line-height:var(--kb-leading-card-copy)}
.kb-hero-note,.kb-data-tags span{font-size:var(--kb-type-meta);line-height:var(--kb-leading-meta)}
.kb-feature-heading h2,.kb-data-heading h2,.kb-home-scenes-heading h2{--kb-h2-size:28px;--kb-h2-leading:38px;--kb-h2-weight:var(--kb-weight-heading);letter-spacing:-.01em}
@media(max-width:767px){.kb-home-hero h1{font-size:36px;line-height:44px;letter-spacing:1px}.kb-feature-heading h2,.kb-data-heading h2,.kb-home-scenes-heading h2{--kb-h2-size:28px;--kb-h2-leading:36px}}
/* 首页关键词：柔和蓝光只落在“数字员工”，保持文字可选中与 CMS 文案。 */
.kb-home-hero h1 .kb-hero-highlight{display:inline-block!important;position:relative;isolation:isolate;color:var(--kb-primary);text-shadow:0 0 18px rgba(55,117,255,.18)}
.kb-home-hero h1 .kb-hero-highlight::before{content:"";position:absolute;z-index:-1;inset:18% -7% 9%;border-radius:50%;background:radial-gradient(ellipse,rgba(103,157,255,.28) 0%,rgba(170,207,255,.15) 48%,transparent 78%);filter:blur(16px);pointer-events:none;opacity:.8}
@keyframes kb-hero-highlight-glow{from{opacity:.55;transform:scale(.98)}to{opacity:1;transform:scale(1.04)}}
@media(prefers-reduced-motion:reduce){.kb-home-hero h1 .kb-hero-highlight::before{animation:none;opacity:.8}}
/* 首屏演示图顶部自带空白：裁去空白像素，使行业说明到可见界面的距离接近 24px。 */
.kb-home-hero .kb-hero-illustration img[src*="92e50dc4be2e7f30f5e483a97890ccfd"]{--kb-hero-art-crop:clamp(8px,2vw,24px);margin-top:calc(-1 * var(--kb-hero-art-crop));clip-path:inset(var(--kb-hero-art-crop) 0 0 0)}
/* 首页产品演示：真实截图来自单一 CMS 区块，不裁切、不倾斜。 */
.kb-home-hero h1{margin:22px auto 20px}
.kb-home-hero .kb-hero-lead{margin:0 auto 28px}
.kb-home-hero .kb-hero-actions{gap:16px}
.kb-home-hero .kb-hero-note{margin:24px 0 0}
.kb-home-hero .kb-hero-button{display:inline-flex;align-items:center;justify-content:center;min-width:140px;height:48px;padding:0 22px;border-width:1px;font-size:16px;line-height:1;white-space:nowrap}
.kb-home-hero .kb-hero-real-demo{box-sizing:border-box;width:min(100%,1080px);max-width:1080px;margin:34px auto 0;border:1px solid #e3eaf5;border-radius:18px;background:#fff;box-shadow:0 18px 45px rgba(45,93,164,.12);overflow:hidden;text-align:left}
.kb-hero-window-bar{box-sizing:border-box;display:flex;align-items:center;gap:16px;height:40px;padding:0 18px;border-bottom:1px solid #e8edf4;background:#fff;color:#667c9e;font-size:13px;line-height:1}
.kb-hero-window-dots{display:inline-flex;align-items:center;gap:7px;flex:none}
.kb-hero-window-dots i{display:block;width:10px;height:10px;border-radius:50%;background:#ff5f57}
.kb-hero-window-dots i:nth-child(2){background:#ffbd2e}
.kb-hero-window-dots i:nth-child(3){background:#28c840}
.kb-hero-window-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kb-hero-real-viewport{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#f7f9fc;cursor:pointer}
.kb-hero-real-viewport:focus-visible{outline:3px solid var(--kb-primary);outline-offset:-4px}
.kb-hero-real-frame{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;transform:translateY(4px);transition:opacity 360ms ease,transform 440ms ease;pointer-events:none;user-select:none}
.kb-hero-real-frame:first-of-type{opacity:1;transform:none}
.kb-hero-real-demo.is-enhanced .kb-hero-real-frame:first-of-type{opacity:0}
.kb-hero-real-demo.is-enhanced .kb-hero-real-frame.is-active{opacity:1;transform:none}
.kb-hero-demo-cursor{position:absolute;left:52%;top:75%;z-index:3;width:16px;height:19px;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(40,60,120,.24));transform:translate(-3px,-1px);transition:left 1s cubic-bezier(.18,.75,.22,1),top 1s cubic-bezier(.18,.75,.22,1)}
.kb-hero-demo-cursor[hidden]{display:none}
.kb-hero-demo-cursor svg{display:block;width:100%;height:100%}
.kb-hero-demo-cursor i{position:absolute;left:3px;top:4px;width:8px;height:8px;border:2px solid var(--kb-primary);border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.2)}
.kb-hero-demo-cursor.is-clicking i{animation:kb-hero-cursor-click .6s ease-out both}
@keyframes kb-hero-cursor-click{0%{opacity:.8;transform:translate(-50%,-50%) scale(.1)}100%{opacity:0;transform:translate(-50%,-50%) scale(3.2)}}
@media(max-width:767px){.kb-home-hero .kb-hero-real-demo{width:100%;margin-top:28px}.kb-home-hero .kb-hero-button{min-width:0;height:44px;padding:0 18px;font-size:14px}.kb-hero-demo-cursor{display:none}}
@media(prefers-reduced-motion:reduce){.kb-hero-real-frame,.kb-hero-demo-cursor{transition:none}.kb-hero-demo-cursor{display:none}}