/* 全维知识库视觉更新。文案、卡片和按钮仍从 CMS 读取。 */ #kb-product-page{--primary:var(--kb-primary);--primary-soft:color-mix(in srgb,var(--kb-primary) 10%,white);--ink:var(--kb-ink);--ink-2:var(--kb-muted);--line:var(--kb-border);--maxw:1200px;--kb-type-product-section:28px;--kb-leading-product-section:38px}/* Product section typography: one source for size{font-size:var(--kb-type-product-section);line-height:var(--kb-leading-product-section);font-weight:var(--kb-weight-heading);letter-spacing:0} line height and weight. */ #kb-product-page .panel .sec-head h2{--kb-h2-size:var(--kb-type-product-section);--kb-h2-leading:var(--kb-leading-product-section);--kb-h2-weight:var(--kb-weight-heading);letter-spacing:0} #kb-product-page .panel .sec-head p{font-size:var(--kb-type-body);line-height:var(--kb-leading-body);font-weight:400} @media(max-width:767px){#kb-product-page{--kb-type-product-section:24px;--kb-leading-product-section:32px}} #kb-product-page .phero>.wrap{position:relative;z-index:1} #kb-product-page .phero .eyebrow,#kb-product-page .phero h1,#kb-product-page .phero .lead{position:relative;z-index:2} #kb-product-page .phero h1{max-width:535px;line-height:1.2;margin-top:16px;margin-bottom:24px;} #kb-product-page .phero h1 span{display:block;white-space:nowrap} #kb-product-page .phero .lead{max-width:500px;} #kb-product-page .phero .eyebrow{margin-top:8px} #kb-product-page .kb-cap-hero-art{right:-9%;top:-52px;z-index:1} #kb-product-page .kb-cap-hero-art[hidden]{display:none!important} #kb-product-page .kb-cap-demo-viewport{overflow:hidden;} #kb-product-page .kb-cap-demo-viewport img{display:block;width:100%;height:100%;} #kb-product-page .kb-cap-demo-footer{display:flex;align-items:center;justify-content:space-between;} #kb-product-page .kb-cap-demo-controls{display:flex;align-items:center;flex:none} #kb-product-page .kb-cap-demo-dots{display:flex;align-items:center;gap:5px} #kb-product-page .kb-cap-demo-dot{padding:0;border:0;border-radius:999px;cursor:pointer} #kb-product-page .kb-cap-demo-control{padding:0;border:1px solid #d8e5fa;background:#fff;color:#5476b3;line-height:1;cursor:pointer} #kb-product-page .kb-cap-demo-control:hover{border-color:var(--kb-primary);color:var(--kb-primary)} #kb-product-page .kb-cap-demo-control:focus-visible,#kb-product-page .kb-cap-demo-dot:focus-visible{outline:2px solid var(--kb-primary);outline-offset:2px} #kb-product-page .phero .switcher{position:relative;z-index:2;max-width:none;margin-top:32px;padding-top:0;padding-bottom:0;border-top:0;flex-wrap:nowrap;align-items:center;gap:8px} /* 能力卡片锚点落在切换栏时，预留固定导航的高度。 */ #kb-product-page #capSeg{scroll-margin-top:120px} #cap-kb .sec-head{max-width:1120px;} #cap-kb .kb-kb-problems .ic{width:100%;height:190px;margin:0 0 18px;background:transparent;border-radius:0} #cap-kb .kb-kb-problems .ic img{display:block;width:100%;height:100%;object-fit:contain} #cap-kb .kb-kb-problems h3{margin-bottom:13px} #cap-kb .kb-kb-flow .num{margin-bottom:7px} #cap-kb .kb-kb-step-art{margin-bottom:7px} #cap-kb .rec-demo{padding:24px;gap:16px} #cap-kb .rec-demo #recOut:empty{display:none} #cap-kb .rec-demo .rec{min-height:64px;background:linear-gradient(95deg,#eaf3ff,#e1edff);padding:12px 16px} #cap-kb .rec-demo .rec .wave{height:32px;align-items:center;gap:3px} #cap-kb .rec-demo .rec .wave i{width:3px;background:var(--kb-primary)} #cap-kb .rec-demo .rec.paused .wave i{animation:none} #cap-kb .rec-demo .rec.paused .wave i:nth-child(1),#cap-kb .rec-demo .rec.paused .wave i:nth-child(6){height:8px} #cap-kb .rec-demo .rec.paused .wave i:nth-child(2),#cap-kb .rec-demo .rec.paused .wave i:nth-child(5){height:16px} #cap-kb .rec-demo .rec.paused .wave i:nth-child(3){height:28px} #cap-kb .rec-demo .rec.paused .wave i:nth-child(4){height:20px} #cap-kb .rec-demo .rec .tag{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 12px;font-size:14px;font-weight:400;line-height:1.5;white-space:nowrap;color:var(--kb-primary)} #cap-kb .rec-demo .rec .btn{padding:10px 18px;font-size:16px;border-radius:10px} #cap-kb .rec-demo .note{margin:0;padding-top:16px;border-top:1px solid var(--kb-border);font-size:14px;color:var(--kb-muted)} @media(max-width:480px){#cap-kb .rec-demo .rec{flex-wrap:wrap;row-gap:8px}} @media(max-width:360px){#cap-kb .rec-demo{padding:16px}#cap-kb .rec-demo .rec{gap:8px;padding:8px}#cap-kb .rec-demo .rec .btn{padding:8px 10px}} #cap-kb .tbl th,#cap-kb .tbl td{font-size:16px;} #cap-kb .tbl td:first-child{color:#17243a;font-weight:400;white-space:nowrap} #cap-kb .kb-kb-table-icon{display:inline-block;object-fit:contain} #cap-kb .tbl td.hi{font-weight:400;color:#116fff} #cap-kb .kb-kb-source-art{flex:none} #cap-kb .kb-kb-sources p{font-size:14px;line-height:1.7} #cap-kb .kb-kb-security-art{flex:none} #cap-kb .kb-kb-security h3{margin-bottom:7px} #cap-kb .kb-kb-security+.note{margin-top:27px} #cap-kb .chips .chip{border-radius:999px} #kb-product-page .cta-band{box-shadow:0 13px 30px rgba(31,102,236,.13)} @media(max-width:1100px){#kb-product-page .kb-cap-hero-art{width:59%;right:-10%;top:74px;opacity:.83}#kb-product-page .phero h1{font-size:41px;max-width:48%}#kb-product-page .phero .lead{max-width:48%}#cap-kb .kb-kb-source-art{width:120px}} @media(max-width:780px){#kb-product-page .wrap{padding-left:20px;padding-right:20px}#kb-product-page .phero h1,#kb-product-page .phero .lead{max-width:none}#kb-product-page .phero h1{font-size:34px}#kb-product-page .kb-cap-hero-art{position:relative;top:auto;right:auto;width:100%;opacity:1;margin:16px auto}#kb-product-page .phero .switcher{max-width:none;margin-top:16px}#cap-kb>section{padding:56px 0}#cap-kb .kb-kb-problems{grid-template-columns:1fr}#cap-kb .kb-kb-problems .card{min-height:0}#cap-kb .kb-kb-flow .fstep{width:calc(50% - 7px)}#cap-kb .kb-kb-flow .farrow{display:none}#cap-kb .kb-kb-sources{grid-template-columns:1fr}#cap-kb .kb-kb-security{grid-template-columns:1fr}#cap-kb .kb-kb-security .card{min-height:0}#cap-kb .tbl{display:block;overflow-x:auto}} @media(max-width:480px){#kb-product-page .phero h1{font-size:30px}#kb-product-page .phero h1 span{white-space:normal}#cap-kb .kb-kb-flow .fstep{width:100%}#cap-kb .kb-kb-sources .card{display:block}#cap-kb .kb-kb-security-art{width:96px;height:96px}#cap-kb .tbl th,#cap-kb .tbl td{min-width:130px;padding:12px;font-size:14px}} /* 官网前端规范 1.2：能力页面 */ #kb-product-page .wrap{max-width:1200px;padding-left:24px;padding-right:24px} #kb-product-page .phero h1{color:var(--kb-ink);font-size:48px;font-weight:700;letter-spacing:var(--kb-track-display)} #kb-product-page .phero .lead{color:var(--kb-muted);font-size:16px;line-height:1.6} #cap-kb .sec-head{margin-bottom:32px} #cap-kb .kb-kb-problems,#cap-kb .kb-kb-flow,#cap-kb .kb-kb-sources,#cap-kb .kb-kb-security{gap:24px} #cap-kb .kb-kb-problems .card,#cap-kb .kb-kb-sources .card,#cap-kb .kb-kb-security .card{padding:32px;border-radius:16px} #cap-kb .kb-kb-problems h3,#cap-kb .kb-kb-sources h3,#cap-kb .kb-kb-security h3,#cap-kb .kb-kb-flow .fstep h4{color:var(--kb-ink);font-size:var(--kb-type-card);font-weight:var(--kb-weight-heading)} #cap-kb .kb-kb-problems p,#cap-kb .kb-kb-sources p,#cap-kb .kb-kb-security p,#cap-kb .kb-kb-flow .fstep p{color:var(--kb-muted);font-size:var(--kb-type-card-copy);font-weight:400;line-height:var(--kb-leading-card-copy)} #cap-kb .tbl td.hi,#cap-kb .rec-demo .rec .tag{color:var(--kb-primary)} #kb-product-page .cta-band{background:var(--kb-primary)} @media(max-width:767px){ #kb-product-page .wrap{padding-left:16px;padding-right:16px} #kb-product-page .phero h1{font-size:32px} #cap-kb .sec-head{margin-bottom:24px} #cap-kb .kb-kb-problems,#cap-kb .kb-kb-flow,#cap-kb .kb-kb-sources,#cap-kb .kb-kb-security{gap:16px} #cap-kb .kb-kb-problems h3,#cap-kb .kb-kb-sources h3,#cap-kb .kb-kb-security h3,#cap-kb .kb-kb-flow .fstep h4{font-size:18px} } /* 设计图中的能力标签与切换项同排，不显示分隔线。 */ #kb-product-page .phero .switcher .lbl{flex:none;white-space:nowrap;margin-right:0} #kb-product-page .phero .switcher .seg{flex-wrap:nowrap;white-space:nowrap} @media(max-width:767px){#kb-product-page .phero .switcher{overflow-x:auto;gap:8px;padding-bottom:0}} /* 首屏到首个能力区块共 66px：首屏底部 32px，下一节顶部 34px。手机共 48px。 */ #kb-product-page .phero{padding-bottom:32px} #kb-product-page .panel>section:first-child{padding-top:34px} @media(max-width:767px){#kb-product-page .phero{padding-bottom:24px}#kb-product-page .panel>section:first-child{padding-top:24px}} /* 能力说明固定占三行：切换 CMS 子栏目时，切换栏保持同一高度。 */ #kb-product-page .phero .lead{height:4.8em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden} /* 能力切换使用与设计图一致的轻量胶囊，字号和字重遵循前端规范。 */ #kb-product-page .phero .switcher .lbl{font-size:14px;font-weight:400;color:var(--kb-muted)} #kb-product-page .phero .switcher .seg{width:max-content;max-width:none;padding:3px;gap:0;border:1px solid var(--kb-border);border-radius:999px;background:linear-gradient(110deg,#eef4ff 0%,#f7f9fc 70%,#f7f9fc 100%);box-shadow:none} #kb-product-page .phero .switcher .seg button{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;box-shadow:none} #kb-product-page .phero>.wrap>.switcher .seg button[aria-selected="true"]{border-color:var(--kb-primary);background:var(--kb-primary);color:#fff;box-shadow:none} #kb-product-page .phero .switcher .seg button:hover{color:var(--kb-primary)} #kb-product-page .phero>.wrap>.switcher .seg button[aria-selected="true"]:hover{border-color:#255ed6;background:#255ed6;color:#fff} #kb-product-page .phero .switcher .seg button:focus-visible{outline:2px solid var(--kb-primary);outline-offset:2px} /* 产品首屏采用与演示稿一致的图文并列布局。 */ #kb-product-page .kb-cap-hero-layout{margin:0} #kb-product-page .kb-cap-hero-layout.has-demo{display:grid;align-items:start;} #kb-product-page .kb-cap-hero-copy{min-width:0} #kb-product-page .kb-cap-hero-layout .eyebrow{margin:0 0 18px} #kb-product-page .kb-cap-hero-layout h1{max-width:none;margin:0 0 20px} #kb-product-page .kb-cap-hero-layout .lead{max-width:none;margin:0 0 23px} #kb-product-page .kb-cap-hero-layout .switcher{margin:0;min-width:0;gap:7px} #kb-product-page .kb-cap-hero-layout .switcher .seg{max-width:100%;overflow-x:auto} #kb-product-page .kb-cap-hero-art{position:relative;inset:auto;width:100%;max-width:none;margin:0;opacity:1} #kb-product-page .kb-cap-demo{position:relative;border:1px solid #dfe9f9;} #kb-product-page .kb-cap-demo::before,#kb-product-page .kb-cap-demo::after{position:absolute;z-index:-1;pointer-events:none;border:1px solid #d9e7fc;border-radius:19px;background:rgba(228,239,255,.18)} #kb-product-page .kb-cap-demo::before{inset:-10px -10px 10px 10px} #kb-product-page .kb-cap-demo::after{inset:-17px -17px 17px 17px;border-color:#cbdffc;background:rgba(216,233,255,.08)} #kb-product-page .kb-cap-demo-viewport{aspect-ratio:3840/1823;border:0;background:#fff} #kb-product-page .kb-cap-demo-footer{border-top:1px solid #edf2fa;gap:9px} #kb-product-page .kb-cap-demo-controls{gap:6px} #kb-product-page .kb-cap-demo-control{font-size:17px} @media(max-width:980px){ #kb-product-page .kb-cap-hero-layout h1,#kb-product-page .kb-cap-hero-layout .lead{max-width:760px} #kb-product-page .kb-cap-hero-art{margin:0 auto} } @media(max-width:767px){ #kb-product-page .kb-cap-hero-layout.has-demo{gap:24px} #kb-product-page .kb-cap-hero-layout .eyebrow{margin-bottom:14px} #kb-product-page .kb-cap-hero-layout h1{margin-bottom:16px} #kb-product-page .kb-cap-hero-layout .lead{margin-bottom:18px} #kb-product-page .kb-cap-hero-art{margin:0 auto} #kb-product-page .kb-cap-demo{padding:5px 5px 0;border-radius:12px} #kb-product-page .kb-cap-demo::before{inset:-6px -6px 6px 6px} #kb-product-page .kb-cap-demo::after{inset:-11px -11px 11px 11px} } /* 能力切换占首屏整行，所有栏目名称始终可见。 */ #kb-product-page .phero>.wrap>.switcher{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:18px;overflow:visible} #kb-product-page .phero>.wrap>.switcher .seg{display:flex;flex-wrap:wrap;flex:0 1 auto;width:auto;max-width:100%;overflow:visible;white-space:normal} @media(max-width:767px){ #kb-product-page .phero>.wrap>.switcher{margin-top:20px;overflow:visible} #kb-product-page .phero>.wrap>.switcher .seg{width:100%;border-radius:18px} } /* 演示稿的宽幅首屏与轻量预览外框。 */ #kb-product-page .phero>.wrap{max-width:1200px;padding-left:24px;padding-right:24px} #kb-product-page .kb-cap-hero-layout.has-demo{grid-template-columns:minmax(0,.91fr) minmax(0,1.47fr);column-gap:30px} #kb-product-page .kb-cap-hero-art{isolation:isolate;transform-origin:center;transition:transform .45s cubic-bezier(.2,.8,.2,1)} #kb-product-page .kb-cap-hero-art::before,#kb-product-page .kb-cap-hero-art::after{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:20px;background:rgba(231,240,255,.14)} #kb-product-page .kb-cap-hero-art::after{inset:-20px -20px 20px 20px;border:1px solid rgba(193,216,255,.72);background:rgba(205,226,255,.07)} #kb-product-page .kb-cap-demo{z-index:1;border-color:rgba(222,231,248,.94);box-shadow:0 26px 54px rgba(43,92,166,.13),0 6px 20px rgba(43,92,166,.05)} #kb-product-page .kb-cap-demo::before,#kb-product-page .kb-cap-demo::after{content:none} #kb-product-page .kb-cap-demo-viewport img{object-fit:fill} #kb-product-page .kb-cap-demo-footer{min-height:44px;padding:0 10px 0 12px} #kb-product-page .kb-cap-demo-footer strong{display:flex;flex:1 1 auto;align-items:center;flex-wrap:wrap;column-gap:8px;row-gap:2px;min-width:0;overflow:visible;text-overflow:clip;white-space:normal;line-height:1.4;color:#354564;font-size:12px;font-weight:400} #kb-product-page .kb-cap-demo-title-main{flex:none;color:#354564;font-size:13px;font-weight:400} #kb-product-page .kb-cap-demo-title-separator{flex:none;color:#9baac2;font-size:11px;font-weight:400} #kb-product-page .kb-cap-demo-title-detail{min-width:0;overflow:visible;text-overflow:clip;white-space:normal;color:#8796af;font-size:11px;font-weight:400} #kb-product-page .kb-cap-demo-footer strong::before{content:attr(data-empty);width:6px;height:6px;flex:none;border-radius:50%;background:#2bccab;box-shadow:0 0 0 3px #dcf9f2} @keyframes kb-cap-demo-breathe{0%,100%{transform:scale(1);box-shadow:0 0 0 3px #dcf9f2}50%{transform:scale(1.16);box-shadow:0 0 0 6px rgba(43,204,171,.12)}} #kb-product-page .kb-cap-demo-footer strong::before{animation:kb-cap-demo-breathe 2.6s ease-in-out infinite} @media(prefers-reduced-motion:reduce){#kb-product-page .kb-cap-demo-footer strong::before{animation:none}} #kb-product-page .kb-cap-demo-dot{width:5px;height:5px;background:#d6e2f5} #kb-product-page .kb-cap-demo-dot.is-active{width:16px;background:var(--kb-primary)} #kb-product-page .kb-cap-demo-control{display:grid;place-items:center;width:26px;height:26px;border-color:#dfe8f8;border-radius:7px;box-shadow:0 1px 2px rgba(43,92,166,.04)} #kb-product-page .kb-cap-demo-control svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} #kb-product-page [data-cap-demo-play][aria-pressed="true"] .kb-cap-play-icon,#kb-product-page [data-cap-demo-play][aria-pressed="false"] .kb-cap-pause-icon{display:none} @media(max-width:1100px){ #kb-product-page .phero>.wrap{max-width:1200px} } @media(max-width:980px){ #kb-product-page .kb-cap-hero-layout.has-demo{grid-template-columns:1fr;gap:22px} #kb-product-page .kb-cap-hero-art{max-width:760px} } @media(max-width:767px){ #kb-product-page .phero>.wrap{padding-left:16px;padding-right:16px} #kb-product-page .kb-cap-hero-art,#kb-product-page .kb-cap-hero-art:hover{transform:none} #kb-product-page .kb-cap-hero-art::after{inset:-13px -13px 13px 13px} #kb-product-page .kb-cap-demo-footer{min-height:42px;padding:0 7px} } /* 与 HTML5 demo 相同的画面交叉淡入和指针点击反馈。 */ #kb-product-page .kb-cap-demo-viewport{position:relative;isolation:isolate;cursor:pointer} #kb-product-page .kb-cap-demo-viewport:focus-visible{outline:3px solid #9bbaff;outline-offset:-3px} #kb-product-page .kb-cap-demo-viewport .kb-cap-demo-image{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:fill;opacity:0;transform:translateY(6px) scale(1.007);transition:opacity .36s ease,transform .48s ease;pointer-events:none;user-select:none} #kb-product-page .kb-cap-demo-viewport .kb-cap-demo-image.is-visible{opacity:1;transform:translateY(0) scale(1)} #kb-product-page .kb-cap-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-product-page .kb-cap-demo-cursor[hidden]{display:none} #kb-product-page .kb-cap-demo-cursor svg{display:block;width:100%;height:100%} #kb-product-page .kb-cap-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-product-page .kb-cap-demo-cursor.is-clicking i{animation:kb-cap-cursor-click .6s ease-out both} @keyframes kb-cap-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-product-page .kb-cap-demo-cursor{width:12px;height:14px}} @media(prefers-reduced-motion:reduce){ #kb-product-page .kb-cap-demo-viewport .kb-cap-demo-image,#kb-product-page .kb-cap-demo-cursor{transition:none} #kb-product-page .kb-cap-demo-cursor.is-clicking i{animation:none} } /* 产品演示保持栏目宽度，采用参考图中的明显透视倾斜与蓝色叠层。 */ #kb-product-page .kb-cap-hero-art{transform:perspective(1000px) rotateY(-16deg) rotateX(.5deg) rotateZ(-.3deg)} #kb-product-page .kb-cap-hero-art:hover{transform:perspective(1000px) rotateY(-16deg) rotateX(.5deg) rotateZ(-.3deg)} #kb-product-page .kb-cap-hero-art::before{inset:-16px -16px 16px 16px;border:1px solid rgba(167,200,244,.58);background:linear-gradient(135deg,rgba(248,251,255,.12),rgba(191,219,255,.18));box-shadow:none} #kb-product-page .kb-cap-hero-art::after{content:none} @media(max-width:980px){ #kb-product-page .kb-cap-hero-art,#kb-product-page .kb-cap-hero-art:hover{transform:none} } /* Mac 窗口式截图外框：左上角三色窗口点与后方的蓝色层。 */ #kb-product-page .kb-cap-demo{padding:0;border-radius:18px;overflow:hidden;background:#fff} #kb-product-page .kb-cap-demo-windowbar{height:33px;padding:0 15px;display:flex;align-items:center;gap:7px;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)} #kb-product-page .kb-cap-demo-windowbar i{display:block;width:9px;height:9px;flex:none;border-radius:50%} #kb-product-page .kb-cap-demo-windowbar i:nth-child(1){background:#fb7773} #kb-product-page .kb-cap-demo-windowbar i:nth-child(2){background:#ffd365} #kb-product-page .kb-cap-demo-windowbar i:nth-child(3){background:#43d393} #kb-product-page .kb-cap-demo-viewport{width:calc(100% - 16px);margin:0 8px;border-radius:7px 7px 3px 3px} #kb-product-page .kb-cap-demo-footer{margin:0 8px} @media(max-width:767px){ #kb-product-page .kb-cap-demo-windowbar{height:25px;padding:0 10px;gap:5px} #kb-product-page .kb-cap-demo-windowbar i{width:7px;height:7px} #kb-product-page .kb-cap-demo-viewport{width:calc(100% - 10px);margin:0 5px} #kb-product-page .kb-cap-demo-footer{margin:0 5px} } /* 收紧首屏上方留白：图文与演示窗口作为一组上移。 */ @media(max-width:767px){#kb-product-page .kb-cap-hero-art::before{inset:-12px -12px 12px 12px}} @media(min-width:981px){#kb-product-page .kb-cap-hero-layout.has-demo .kb-cap-hero-art{top:-20px}} /* 双栏首屏把能力选项收进左侧说明文字下方的空位；窄屏仍正常顺排。 */ /* 未上传演示图时保留同尺寸预览，不显示轮播操作。 */ #kb-product-page .kb-cap-demo-placeholder{display:none;position:absolute;inset:0;padding:5% 6%;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:15% 1fr;gap:5%;background:linear-gradient(145deg,#f8fbff,#edf4ff)} #kb-product-page .kb-cap-hero-art.is-placeholder .kb-cap-demo-placeholder{display:grid} #kb-product-page .kb-cap-demo-placeholder-bar{grid-column:1/-1;border-radius:8px;background:linear-gradient(90deg,#e3ecfa 0 22%,transparent 22% 70%,#e3ecfa 70% 100%)} #kb-product-page .kb-cap-demo-placeholder-pane{border:1px solid #dfe9f8;border-radius:12px;background:linear-gradient(#fff,#f7faff);box-shadow:0 6px 18px rgba(62,112,179,.05)} #kb-product-page .kb-cap-hero-art.is-placeholder .kb-cap-demo-viewport{cursor:default} #kb-product-page .kb-cap-hero-art.is-placeholder .kb-cap-demo-controls{display:none} /* 四个能力页沿用全维知识库的排版与蓝白色体系。 */ #kb-product-page .panel:not(#cap-kb) .sec-head{max-width:1120px;margin-bottom:32px} #kb-product-page .panel:not(#cap-kb) .sec-head h2{margin-top:16px;color:var(--kb-ink);} #kb-product-page .panel:not(#cap-kb) .sec-head p{margin-top:0;color:var(--kb-muted);} #kb-product-page .panel:not(#cap-kb) .grid{gap:24px} #kb-product-page .panel:not(#cap-kb) .card{padding:32px;border:1px solid var(--kb-border);border-radius:16px;background:#fff} #kb-product-page .panel:not(#cap-kb) .card h3{margin-bottom:16px;color:var(--kb-ink);font-size:var(--kb-type-card);font-weight:var(--kb-weight-heading);line-height:var(--kb-leading-card);letter-spacing:1px} #kb-product-page .panel:not(#cap-kb) .card p{color:var(--kb-muted);font-size:var(--kb-type-card-copy);font-weight:400;line-height:var(--kb-leading-card-copy);letter-spacing:1px} #kb-product-page .panel:not(#cap-kb) .fstep{padding:24px;border-color:var(--kb-border);border-radius:16px;background:#fff} #kb-product-page .panel:not(#cap-kb) .fstep h4{color:var(--kb-ink);font-size:var(--kb-type-card);font-weight:var(--kb-weight-heading);line-height:var(--kb-leading-card);letter-spacing:1px;white-space:normal} #kb-product-page .panel:not(#cap-kb) .fstep p{margin-top:16px;color:var(--kb-muted);font-size:14px;font-weight:400;line-height:1.5;letter-spacing:1px;white-space:normal} #kb-product-page .panel:not(#cap-kb) .fstep .num{margin-bottom:16px;background:var(--kb-primary)} #kb-product-page .panel:not(#cap-kb) .farrow{color:var(--kb-primary)} @media(max-width:767px){ #kb-product-page .panel:not(#cap-kb) .sec-head{margin-bottom:24px} #kb-product-page .panel:not(#cap-kb) .grid{gap:16px} #kb-product-page .panel:not(#cap-kb) .card{padding:24px} #kb-product-page .panel:not(#cap-kb) .card h3{font-size:18px} } /* CMS 卡片配图，与知识库首组插画使用相同蓝白基调。 */ #kb-product-page .panel:not(#cap-kb) .kb-cap-card-art{display:block;width:100%;height:160px;margin:0 0 16px;object-fit:contain;border-radius:12px;background:#f7f9fc} #cap-broadcast>section:first-child .kb-cap-card-art{width:100%;max-width:240px;height:130px;margin:0 auto 16px;border-radius:0;background:transparent} #cap-training>section:first-child .kb-cap-card-art{height:130px} #cap-ask>section:first-child .kb-cap-card-art{height:180px} @media(max-width:767px){#kb-product-page .panel:not(#cap-kb) .kb-cap-card-art{height:160px}} /* 全维知识库「如何工作」按设计图收紧流程卡，保留 CMS 原图。 */ #cap-kb .kb-kb-flow .num{line-height:1;} #cap-kb .kb-kb-step-art{display:block;width:110px;max-width:100%;height:74px;margin:0 auto 12px;object-fit:cover;object-position:center 55%} #cap-kb .kb-kb-flow .fstep h4{color:var(--kb-ink);white-space:normal} #cap-kb .kb-kb-flow .fstep p{color:var(--kb-muted);font-weight:400;white-space:normal} #cap-kb .kb-kb-flow .farrow{font-size:24px;font-weight:400;color:var(--kb-primary)} @media(max-width:767px){ #cap-kb .kb-kb-flow .fstep h4{font-size:18px} } /* 知识库首组三卡：设计图为顶部通栏插画，文字单独留白。 */ #cap-kb .kb-kb-problems .card{overflow:hidden} #cap-kb .kb-kb-problems .ic.scene{position:relative;width:calc(100% + 48px);height:auto;aspect-ratio:1.8/1;margin:0 -24px 24px;overflow:hidden;isolation:isolate;border-radius:16px 16px 0 0;background:radial-gradient(ellipse at 50% 72%,#f0f6ff 0%,#fafcff 58%,#fff 90%)} #cap-kb .kb-kb-problems .scene__glow{position:absolute;inset:28% 8% 5%;background:radial-gradient(ellipse,rgba(107,164,255,.18),transparent 72%);filter:blur(22px)} #cap-kb .kb-kb-problems .scene__ring{position:absolute;left:8%;right:8%;bottom:15%;height:28%;border:12px solid rgba(142,187,255,.08);border-radius:50%;transform:perspective(500px) rotateX(18deg)} #cap-kb .kb-kb-problems .scene img.scene__icon{position:absolute;inset:0;z-index:2;display:block;width:85%;height:100%;object-fit:contain;margin:auto;transform:scale(1.5)} #cap-kb .kb-kb-problems h3{color:var(--kb-ink);} #cap-kb .kb-kb-problems p{color:var(--kb-muted);font-weight:400;} @media(max-width:767px){ #cap-kb .kb-kb-problems .ic.scene{width:calc(100% + 32px);margin:0 -16px 24px} #cap-kb .kb-kb-problems .scene__ring{border-width:8px} #cap-kb .kb-kb-problems h3{font-size:18px} } /* 知识库素材增值表：按设计图统一横线、字号与列层级。 */ #cap-kb .tbl{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;overflow:hidden} #cap-kb .tbl th,#cap-kb .tbl td{padding:24px;border-left:0;border-right:0;border-top:0;border-bottom:1px solid #e6eaf1;text-align:left;vertical-align:middle;line-height:1.6;} #cap-kb .tbl thead th{color:var(--kb-ink);font-size:16px;font-weight:400} #cap-kb .tbl tbody td{color:var(--kb-ink);font-size:16px;font-weight:400} #cap-kb .tbl tbody td:first-child{color:var(--kb-ink);font-size:16px;font-weight:400;white-space:nowrap} #cap-kb .tbl tbody td.hi{color:var(--kb-primary);font-size:16px;font-weight:400} #cap-kb .tbl tbody td.hi::after{content:"→";display:inline-block;margin-left:12px;color:var(--kb-primary);font-size:16px;font-weight:400;line-height:1} #cap-kb .kb-kb-table-icon{width:42px;height:42px;margin-right:16px;vertical-align:middle} @media(max-width:767px){ #cap-kb .tbl{display:block;overflow-x:auto} #cap-kb .tbl th,#cap-kb .tbl td{min-width:160px;padding:16px;font-size:16px} #cap-kb .tbl thead th{font-size:16px} #cap-kb .tbl tbody td,#cap-kb .tbl tbody td:first-child,#cap-kb .tbl tbody td.hi{font-size:16px} #cap-kb .kb-kb-table-icon{width:32px;height:32px;margin-right:8px} } /* 知识库数据来源：紧凑横卡，插画按源图尺寸显示，标签横向排列。 */ #cap-kb .kb-kb-sources .card{grid-template-columns:104px minmax(0,1fr);align-items:center;gap:16px;} #cap-kb .kb-kb-source-art{width:104px;height:112px;max-width:100%;object-fit:contain;filter:contrast(1.08) saturate(1.05)} #cap-kb .kb-kb-source-copy{min-width:0} #cap-kb .kb-kb-sources h3{color:var(--kb-ink);} #cap-kb .kb-kb-sources p.kb-kb-source-description{color:var(--kb-muted);font-weight:400;} #cap-kb .kb-kb-sources .chips{flex-wrap:wrap;margin-top:0} #cap-kb .kb-kb-sources .chip{font-weight:400;cursor:default} @media(max-width:980px){#cap-kb .kb-kb-sources{grid-template-columns:1fr}} @media(max-width:767px){ #cap-kb .kb-kb-sources .card{grid-template-columns:104px minmax(0,1fr);padding:16px} } @media(max-width:480px){ #cap-kb .kb-kb-sources .card{grid-template-columns:1fr;gap:8px} #cap-kb .kb-kb-source-art{width:104px;height:112px;margin:0 auto} } /* 知识库权限安全：设计图的紧凑横卡与同排关联标签。 */ #cap-kb .kb-kb-security .card{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:16px;} #cap-kb .kb-kb-security-art{width:96px;height:92px;max-width:100%;object-fit:contain} #cap-kb .kb-kb-security .card>div{min-width:0} #cap-kb .kb-kb-security h3{color:var(--kb-ink);} #cap-kb .kb-kb-security p{margin:0;color:var(--kb-muted);font-weight:400;} #cap-kb .kb-kb-security-links{display:flex;flex-wrap:wrap;align-items:center;border-top:1px solid #e6eaf1} #cap-kb .kb-kb-security-links .chip{display:inline-flex;align-items:center;font-weight:400;cursor:default} @media(max-width:1100px){#cap-kb .kb-kb-security-art{width:96px;height:92px}} @media(max-width:767px){ #cap-kb .kb-kb-security .card{grid-template-columns:96px minmax(0,1fr);} } @media(max-width:480px){ #cap-kb .kb-kb-security .card{grid-template-columns:1fr;gap:8px} #cap-kb .kb-kb-security-art{margin:0 auto} } /* AI 播报两张表：沿用全维知识库的蓝白表头、网格与价值列，收紧行高。 */ #cap-broadcast .tbl{width:100%;table-layout:fixed;border:1px solid #dce9ff;border-collapse:separate;border-spacing:0;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(55,117,255,.06);overflow:hidden} #cap-broadcast .tbl th,#cap-broadcast .tbl td{padding:12px 24px;border-left:0;border-right:0;border-top:0;border-bottom:1px solid #e6eaf1;text-align:left;vertical-align:middle;line-height:1.6;letter-spacing:1px} #cap-broadcast .tbl thead th{background:#eaf3ff;color:var(--kb-ink);font-size:16px;font-weight:400} #cap-broadcast .tbl tbody td{background:#fff;color:var(--kb-ink);font-size:16px;font-weight:400} #cap-broadcast .tbl tbody td:first-child{font-size:16px;font-weight:400;white-space:nowrap} #cap-broadcast .tbl tbody td.hi{color:var(--kb-primary);font-size:16px;font-weight:400} #cap-broadcast .tbl tr > :not(:last-child){border-right:1px solid #e6eaf1} #cap-broadcast .tbl tbody td.hi::after{content:"→";display:inline-block;margin-left:12px;color:var(--kb-primary);font-size:16px;font-weight:400;line-height:1} #cap-broadcast .tbl tbody tr:last-child td{border-bottom:0} @media(max-width:767px){ #cap-broadcast .tbl{display:block;overflow-x:auto} #cap-broadcast .tbl th,#cap-broadcast .tbl td{min-width:160px;padding:10px 16px;font-size:16px} } /* 全维知识库素材表：只收紧每行上下留白，保留 16px 字级和 42px 图标。 */ #cap-kb .tbl thead th{padding:12px 24px} @media(max-width:767px){ #cap-kb .tbl thead th{padding:10px 16px} } /* 四个能力页：与全维知识库共用模块视觉规则。 */ #kb-product-page .panel:not(#cap-kb)>section.band{background:transparent} #kb-product-page .panel:not(#cap-kb) .grid:not(.kb-cap-feature-grid) .card{padding:24px;box-shadow:var(--kb-soft-card-shadow)} #kb-product-page .panel:not(#cap-kb) .grid:not(.kb-cap-feature-grid) .card h3{margin:0 0 10px;font-size:18px} #kb-product-page .panel:not(#cap-kb) .grid:not(.kb-cap-feature-grid) .card p{margin:0;color:var(--kb-muted);font-size:var(--kb-type-card-copy);line-height:var(--kb-leading-card-copy)} #kb-product-page .panel:not(#cap-kb) .kb-cap-feature-grid{gap:24px} #kb-product-page .panel:not(#cap-kb) .kb-cap-feature-card{min-height:0;padding:0 24px 24px;overflow:hidden;box-shadow:var(--kb-soft-card-shadow)} #kb-product-page .panel:not(#cap-kb) .kb-cap-scene{position:relative;display:block;width:calc(100% + 48px);aspect-ratio:1.8/1;margin:0 -24px 20px;overflow:hidden;isolation:isolate;border-radius:16px 16px 0 0;background:radial-gradient(ellipse at 50% 72%,#f0f6ff 0%,#fafcff 58%,#fff 90%)} #kb-product-page .panel:not(#cap-kb) .kb-cap-scene__glow{position:absolute;inset:28% 8% 5%;background:radial-gradient(ellipse,rgba(107,164,255,.18),transparent 72%);filter:blur(22px)} #kb-product-page .panel:not(#cap-kb) .kb-cap-scene__ring{position:absolute;left:8%;right:8%;bottom:15%;height:28%;border:8px solid rgba(142,187,255,.08);border-radius:50%;transform:perspective(500px) rotateX(18deg)} #kb-product-page .panel:not(#cap-kb) .kb-cap-scene .kb-cap-card-art{position:absolute;inset:0;z-index:2;display:block;width:100%;max-width:none;height:100%;margin:0;object-fit:contain;border-radius:0;background:transparent;transform:scale(1.35)} #kb-product-page .panel:not(#cap-kb) .kb-cap-feature-card h3{margin:0 0 10px;font-size:18px;line-height:1.4} #kb-product-page .panel:not(#cap-kb) .kb-cap-feature-card p{margin:0;color:var(--kb-muted);font-size:var(--kb-type-card-copy);line-height:var(--kb-leading-card-copy)} #kb-product-page .panel:not(#cap-kb) .kb-cap-feature-grid.g4 .kb-cap-feature-card h3{font-size:16px} #kb-product-page .panel:not(#cap-kb) .kb-cap-feature-grid.g4 .kb-cap-feature-card p{font-size:14px} #kb-product-page .panel:not(#cap-kb) .flow{gap:16px;align-items:center} #kb-product-page .panel:not(#cap-kb) .flow .fstep{min-height:0;padding:16px 20px 20px;border:1px solid #dce9ff;border-radius:16px;background:#fff;box-shadow:var(--kb-soft-card-shadow)} #kb-product-page .panel:not(#cap-kb) .flow .num{width:32px;height:32px;margin:0 auto 10px;font-size:16px;background:var(--kb-primary);box-shadow:0 5px 11px rgba(55,117,255,.18)} #kb-product-page .panel:not(#cap-kb) .flow h4{margin:0 0 4px;font-size:18px;line-height:1.4;white-space:normal} #kb-product-page .panel:not(#cap-kb) .flow p{margin:0;color:var(--kb-muted);font-size:14px;line-height:1.5;white-space:normal} #kb-product-page .panel:not(#cap-kb) .flow .farrow{font-size:24px;font-weight:400;color:var(--kb-primary)} #kb-product-page .panel:not(#cap-kb) .tbl{width:100%;table-layout:fixed;border:1px solid #dce9ff;border-collapse:separate;border-spacing:0;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(55,117,255,.06);overflow:hidden} #kb-product-page .panel:not(#cap-kb) .tbl th,#kb-product-page .panel:not(#cap-kb) .tbl td{padding:8px 24px;border-left:0;border-right:0;border-top:0;border-bottom:1px solid #e6eaf1;text-align:left;vertical-align:middle;line-height:1.6;letter-spacing:1px} #kb-product-page .panel:not(#cap-kb) .tbl thead th{padding-top:12px;padding-bottom:12px;background:#eaf3ff;color:var(--kb-ink);font-size:16px;font-weight:400} #kb-product-page .panel:not(#cap-kb) .tbl tbody td{background:#fff;color:var(--kb-ink);font-size:16px;font-weight:400} #kb-product-page .panel:not(#cap-kb) .tbl tbody td:first-child{font-weight:400} #kb-product-page .panel:not(#cap-kb) .tbl tbody td.hi{color:var(--kb-primary);font-weight:400} #kb-product-page .panel:not(#cap-kb) .tbl tr > :not(:last-child){border-right:1px solid #e6eaf1} #kb-product-page .panel:not(#cap-kb) .tbl tbody td.hi::after{content:"→";display:inline-block;margin-left:12px;color:var(--kb-primary);font-size:16px;font-weight:400} #kb-product-page .panel:not(#cap-kb) .tbl tbody tr:last-child td{border-bottom:0} #kb-product-page .panel:not(#cap-kb) .quote,#kb-product-page .panel:not(#cap-kb) .chat,#kb-product-page .panel:not(#cap-kb) .quiz{border-color:#dce9ff;border-radius:16px;box-shadow:0 10px 28px rgba(55,117,255,.06)} @media(max-width:767px){ #kb-product-page .panel:not(#cap-kb) .kb-cap-feature-grid{gap:16px} #kb-product-page .panel:not(#cap-kb) .kb-cap-feature-card{padding:0 16px 20px} #kb-product-page .panel:not(#cap-kb) .kb-cap-scene{width:calc(100% + 32px);margin:0 -16px 16px} #kb-product-page .panel:not(#cap-kb) .tbl{display:block;overflow-x:auto} #kb-product-page .panel:not(#cap-kb) .tbl th,#kb-product-page .panel:not(#cap-kb) .tbl td{min-width:130px;padding:6px 16px;font-size:16px} #kb-product-page .panel:not(#cap-kb) .tbl thead th{padding-top:10px;padding-bottom:10px} } /* 智能问询流程卡：与知识库「如何工作」一致的图标位置。 */ #cap-ask .kb-ask-flow .fstep .num{margin-bottom:8px} #cap-ask .kb-ask-flow-art{display:block;width:110px;max-width:100%;height:74px;margin:0 auto 12px;object-fit:contain} #cap-ask .kb-ask-flow .fstep h4{margin:0 0 4px} /* 智能问询两栏模式卡：插画尺寸不随卡片宽度放大。 */ #kb-product-page #cap-ask .kb-cap-feature-grid .kb-cap-scene{height:180px;aspect-ratio:auto} #kb-product-page #cap-ask .kb-cap-feature-grid .kb-cap-scene .kb-cap-card-art{transform:none} @media(max-width:767px){ #kb-product-page #cap-ask .kb-cap-feature-grid .kb-cap-scene{height:155px} } /* 智能问询三张可信卡：使用 CMS 配图，保持知识库权限卡比例。 */ #kb-product-page #cap-ask.panel .grid.kb-ask-trust-grid{gap:16px} #kb-product-page #cap-ask.panel .grid.kb-ask-trust-grid .card.kb-ask-trust-card{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:16px;min-height:0;padding:16px;border:1px solid #e6eaf1;border-radius:16px;background:#fff;box-shadow:var(--kb-soft-card-shadow)} #cap-ask .kb-ask-trust-art{display:block;width:88px;height:88px;max-width:100%;object-fit:contain} #cap-ask .kb-ask-trust-copy{min-width:0} #kb-product-page #cap-ask.panel .grid.kb-ask-trust-grid .card.kb-ask-trust-card h3{margin:0 0 8px;color:var(--kb-ink);font-size:16px;font-weight:var(--kb-weight-heading);line-height:1.4} #kb-product-page #cap-ask.panel .grid.kb-ask-trust-grid .card.kb-ask-trust-card p{margin:0;color:var(--kb-muted);font-size:14px;font-weight:400;line-height:1.5} @media(max-width:480px){ #kb-product-page #cap-ask.panel .grid.kb-ask-trust-grid .card.kb-ask-trust-card{grid-template-columns:72px minmax(0,1fr)} #cap-ask .kb-ask-trust-art{width:72px;height:72px} } /* AI 播报流程：插画居中展示，步骤号与 CMS 标题同行。 */ #kb-product-page #cap-broadcast>section:first-child .kb-broadcast-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch;max-width:1200px;margin-inline:auto} #kb-product-page #cap-broadcast>section:first-child .kb-broadcast-flow .fstep{display:flex;flex-direction:column;width:auto;min-width:0;padding:18px 16px 22px;border:1px solid #dce9ff;border-radius:16px;background:#fff;box-shadow:var(--kb-soft-card-shadow)} #kb-product-page #cap-broadcast>section:first-child .kb-broadcast-art{display:grid;place-items:center;height:132px;margin-bottom:14px;border-radius:20px;background:radial-gradient(ellipse at 50% 72%,rgba(211,229,255,.66),rgba(248,251,255,.45) 54%,transparent 76%)} #kb-product-page #cap-broadcast>section:first-child .kb-broadcast-art .kb-cap-card-art{width:100%;max-width:140px;height:132px;margin:0;object-fit:contain;background:transparent} #kb-product-page #cap-broadcast>section:first-child .kb-broadcast-heading{display:flex;align-items:center;justify-content:center;gap:10px} #kb-product-page #cap-broadcast>section:first-child .kb-broadcast-heading .num{display:block;flex:none;width:auto;height:auto;margin:0;padding:0 10px 0 0;border-right:1px solid #c5d8fa;border-radius:0;background:transparent;box-shadow:none;color:var(--kb-primary);font-size:15px;font-weight:400;line-height:1.3} #kb-product-page #cap-broadcast>section:first-child .kb-broadcast-heading h4{margin:0;text-align:left;font-size:16px} #kb-product-page #cap-broadcast>section:first-child .fstep p{margin:10px 0 0;text-align:center;line-height:1.55} @media(max-width:767px){#kb-product-page #cap-broadcast>section:first-child .kb-broadcast-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}} @media(max-width:480px){#kb-product-page #cap-broadcast>section:first-child .kb-broadcast-flow{grid-template-columns:1fr;gap:18px}#kb-product-page #cap-broadcast>section:first-child .kb-broadcast-art{height:132px}#kb-product-page #cap-broadcast>section:first-child .kb-broadcast-art .kb-cap-card-art{height:132px}} /* AI 播报六类内容：左侧条目、中央能力、右侧条目。内容仍由 CMS 维护。 */ @font-face{font-family:"kb-broadcast-icons";src:url("../fonts/kb-broadcast-icons.woff2") format("woff2");font-display:block} #kb-product-page .panel#cap-broadcast .grid.kb-broadcast-types{display:grid;grid-template-columns:minmax(0,1fr) 220px minmax(0,1fr);grid-template-rows:repeat(3,minmax(150px,auto));column-gap:42px;row-gap:8px;align-items:stretch;max-width:1152px;margin-inline:auto} #kb-product-page .panel#cap-broadcast .kb-broadcast-type{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:14px;min-width:0;min-height:0;padding:18px 14px;border:0;border-bottom:1px solid #e3eaf3;border-radius:0;background:transparent;box-shadow:none;transform:none} #kb-product-page .panel#cap-broadcast .kb-broadcast-type:hover{background:rgba(236,244,255,.48);box-shadow:none;transform:none} #kb-product-page .panel#cap-broadcast .kb-broadcast-type:nth-child(1){grid-column:1;grid-row:1} #kb-product-page .panel#cap-broadcast .kb-broadcast-type:nth-child(2){grid-column:1;grid-row:2} #kb-product-page .panel#cap-broadcast .kb-broadcast-type:nth-child(3){grid-column:1;grid-row:3} #kb-product-page .panel#cap-broadcast .kb-broadcast-type:nth-child(4){grid-column:3;grid-row:1} #kb-product-page .panel#cap-broadcast .kb-broadcast-type:nth-child(5){grid-column:3;grid-row:2} #kb-product-page .panel#cap-broadcast .kb-broadcast-type:nth-child(6){grid-column:3;grid-row:3} #kb-product-page .panel#cap-broadcast .kb-broadcast-type-icon{grid-column:1;grid-row:1/4;align-self:start;display:grid;place-items:center;width:32px;height:32px;color:var(--kb-primary);font-family:"kb-broadcast-icons";font-size:24px;line-height:1} #kb-product-page .panel#cap-broadcast .kb-broadcast-type:nth-child(1) .kb-broadcast-type-icon::before{content:"\e911"} #kb-product-page .panel#cap-broadcast .kb-broadcast-type:nth-child(2) .kb-broadcast-type-icon::before{content:"\e912"} #kb-product-page .panel#cap-broadcast .kb-broadcast-type:nth-child(3) .kb-broadcast-type-icon::before{content:"\e913"} #kb-product-page .panel#cap-broadcast .kb-broadcast-type:nth-child(4) .kb-broadcast-type-icon::before{content:"\e914"} #kb-product-page .panel#cap-broadcast .kb-broadcast-type:nth-child(5) .kb-broadcast-type-icon::before{content:"\e915"} #kb-product-page .panel#cap-broadcast .kb-broadcast-type:nth-child(6) .kb-broadcast-type-icon::before{content:"\e916"} #kb-product-page .panel#cap-broadcast .kb-broadcast-type-head{grid-column:2;grid-row:1;display:block;min-height:0;padding:0} #kb-product-page .panel#cap-broadcast .kb-broadcast-type-head h3{margin:0;color:var(--kb-ink);font-size:18px;font-weight:400;line-height:32px;letter-spacing:0} #kb-product-page .panel#cap-broadcast .kb-broadcast-type-desc{grid-column:2;grid-row:2;margin:7px 0 10px;color:var(--kb-muted);font-size:14px;font-weight:400;line-height:1.6;letter-spacing:0} #kb-product-page .panel#cap-broadcast .kb-broadcast-type-example{grid-column:2;grid-row:3;display:block;min-height:0;padding:0;border-radius:0;background:transparent} #kb-product-page .panel#cap-broadcast .kb-broadcast-type-example button{display:inline-flex;align-items:center;gap:6px;width:auto;height:auto;padding:0;border:0;border-radius:0;background:transparent;color:var(--kb-primary);box-shadow:none;font-size:13px;cursor:pointer} #kb-product-page .panel#cap-broadcast .kb-broadcast-type-example button:hover,#kb-product-page .panel#cap-broadcast .kb-broadcast-type-example button:focus-visible{background:transparent;text-decoration:underline;outline:none} #kb-product-page .panel#cap-broadcast .kb-broadcast-type-example button:focus-visible{outline:2px solid var(--kb-primary);outline-offset:4px} #kb-product-page .panel#cap-broadcast .kb-broadcast-type-example svg{width:15px;height:15px} #kb-product-page .panel#cap-broadcast .kb-broadcast-hub{position:relative;grid-column:2;grid-row:1/4;align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:280px;color:var(--kb-ink);text-align:center} #kb-product-page .panel#cap-broadcast .kb-broadcast-hub::before,#kb-product-page .panel#cap-broadcast .kb-broadcast-hub::after{content:"";position:absolute;top:50%;width:40px;height:1px;background:linear-gradient(90deg,transparent,#b5d1ff)} #kb-product-page .panel#cap-broadcast .kb-broadcast-hub::before{right:100%} #kb-product-page .panel#cap-broadcast .kb-broadcast-hub::after{left:100%;transform:rotate(180deg)} #kb-product-page .panel#cap-broadcast .kb-broadcast-hub-ring{display:grid;place-items:center;width:180px;height:180px;border:1px solid #e2ecfb;border-radius:50%;background:#fff;box-shadow:0 12px 28px rgba(68,114,193,.08)} #kb-product-page .panel#cap-broadcast .kb-broadcast-hub-wave{display:flex;align-items:center;justify-content:center;gap:6px;width:96px;height:96px;border:1px solid #dce9ff;border-radius:26px;background:#f3f8ff} #kb-product-page .panel#cap-broadcast .kb-broadcast-hub-wave i{width:6px;border-radius:8px;background:var(--kb-primary)} #kb-product-page .panel#cap-broadcast .kb-broadcast-hub-wave i:nth-child(1),#kb-product-page .panel#cap-broadcast .kb-broadcast-hub-wave i:nth-child(5){height:18px} #kb-product-page .panel#cap-broadcast .kb-broadcast-hub-wave i:nth-child(2),#kb-product-page .panel#cap-broadcast .kb-broadcast-hub-wave i:nth-child(4){height:34px} #kb-product-page .panel#cap-broadcast .kb-broadcast-hub-wave i:nth-child(3){height:48px} #kb-product-page .panel#cap-broadcast .kb-broadcast-hub strong{font-size:22px;font-weight:400;line-height:1.4} .kb-broadcast-modal[hidden]{display:none} .kb-broadcast-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:16px;background:rgba(17,35,65,.5)} .kb-broadcast-modal-panel{position:relative;width:min(480px,100%);max-height:calc(100vh - 32px);padding:24px;overflow:auto;border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(14,35,70,.22)} .kb-broadcast-modal-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:#607596;cursor:pointer} .kb-broadcast-modal-close svg{display:block;width:16px;height:16px} .kb-broadcast-modal-close:hover,.kb-broadcast-modal-close:focus-visible{background:#eef4ff;outline:2px solid var(--kb-primary)} .kb-broadcast-modal-panel h3{margin:0 32px 12px 0;color:var(--kb-ink);font-size:20px} .kb-broadcast-modal-desc{margin:0 0 18px;color:var(--kb-muted);font-size:14px;line-height:1.65} .kb-broadcast-modal-content{padding-top:16px;border-top:1px solid #e6eaf1;color:var(--kb-ink);font-size:14px;line-height:1.8} .kb-broadcast-modal-content .note{margin:0;color:inherit;font-size:inherit;line-height:inherit} @media(max-width:900px){#kb-product-page .panel#cap-broadcast .grid.kb-broadcast-types{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:12px 20px}#kb-product-page .panel#cap-broadcast .kb-broadcast-type:nth-child(n){grid-column:auto;grid-row:auto}#kb-product-page .panel#cap-broadcast .kb-broadcast-hub{grid-column:1/-1;grid-row:1;min-height:0;padding:10px 0 22px}#kb-product-page .panel#cap-broadcast .kb-broadcast-hub-ring{width:120px;height:120px}#kb-product-page .panel#cap-broadcast .kb-broadcast-hub-wave{width:72px;height:72px;border-radius:20px}#kb-product-page .panel#cap-broadcast .kb-broadcast-hub::before,#kb-product-page .panel#cap-broadcast .kb-broadcast-hub::after{display:none}} @media(max-width:580px){#kb-product-page .panel#cap-broadcast .grid.kb-broadcast-types{grid-template-columns:1fr}#kb-product-page .panel#cap-broadcast .kb-broadcast-type{padding:18px 8px}.kb-broadcast-modal-panel{padding:20px}} /* 全维知识库视觉精简：保留 CMS 内容和原有演示交互。 */ #cap-kb .kb-kb-problems{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;} #cap-kb .kb-kb-problems .card{display:grid;align-items:start;min-height:0;border-bottom:1px solid var(--kb-border);box-shadow:none;transform:none} #cap-kb .kb-kb-problems .card:hover{transform:none;box-shadow:none} #cap-kb .kb-kb-problems .card::before{content:'01';color:var(--kb-primary);font-size:14px;font-weight:400} #cap-kb .kb-kb-problems .card:nth-child(2)::before{content:'02'} #cap-kb .kb-kb-problems .card:nth-child(3)::before{content:'03'} #cap-kb .kb-kb-problems .ic.scene{display:none} #cap-kb .kb-kb-problems h3{margin:0;font-size:18px;line-height:26px;font-weight:400} #cap-kb .kb-kb-problems p{margin:0;font-size:14px;line-height:24px} #cap-kb .kb-kb-flow::before{content:'';position:absolute;top:15px;left:16px;right:16px;height:1px;} #cap-kb .kb-kb-flow .fstep{box-shadow:none;transform:none;} #cap-kb .kb-kb-flow .fstep:hover{transform:none;box-shadow:none} #cap-kb .kb-kb-flow .num{display:grid;place-items:center;border-radius:50%;color:var(--kb-primary);font-size:14px} #cap-kb .kb-kb-step-art,#cap-kb .kb-kb-flow .farrow{display:none} #cap-kb .kb-kb-flow .fstep h4{margin:0 0 7px;font-size:18px;line-height:26px;font-weight:400;text-align:left} #cap-kb .kb-kb-flow .fstep p{margin:0;font-size:14px;line-height:24px;text-align:left} #cap-kb .tbl{border-color:var(--kb-border);} #cap-kb .tbl th,#cap-kb .tbl td{letter-spacing:0} #cap-kb .tbl tbody td{padding:16px 24px} #cap-kb .tbl tr > :not(:last-child){border-right:0} #cap-kb .kb-kb-table-icon,#cap-kb .tbl tbody td.hi::after{display:none} #cap-kb>section:nth-child(4)>.wrap>.note{display:none} #cap-kb .kb-kb-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));} #cap-kb .kb-kb-sources .card{display:block;min-height:0;border-left:1px solid var(--kb-border);box-shadow:none;transform:none} #cap-kb .kb-kb-sources .card:hover{transform:none;box-shadow:none} #cap-kb .kb-kb-source-art{display:none} #cap-kb .kb-kb-sources h3{margin:0 0 8px;font-size:18px;line-height:26px;font-weight:400} #cap-kb .kb-kb-sources p.kb-kb-source-description{margin:0 0 15px;font-size:14px;line-height:24px} #cap-kb .kb-kb-sources .chips{display:grid;gap:0} #cap-kb .kb-kb-sources .chip{display:block;width:auto;padding:7px 0;border:0;border-bottom:1px solid var(--kb-border);border-radius:0;background:transparent;color:var(--kb-ink);font-size:14px;line-height:22px;white-space:normal} #cap-kb .kb-kb-security{display:grid;grid-template-columns:1fr;gap:0;} #cap-kb .kb-kb-security .card{display:block;min-height:0;border-bottom:1px solid var(--kb-border);box-shadow:none;transform:none} #cap-kb .kb-kb-security .card:hover{transform:none;box-shadow:none} #cap-kb .kb-kb-security-art{display:none} #cap-kb .kb-kb-security h3{margin:0 0 7px;font-size:18px;line-height:26px;font-weight:400} #cap-kb .kb-kb-security p{font-size:14px;line-height:24px} #cap-kb .kb-kb-security-links{gap:8px 20px;margin-top:18px;padding-top:16px} #cap-kb .kb-kb-security-links .chip{min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--kb-muted);font-size:14px;line-height:24px} @media(max-width:767px){ #cap-kb .kb-kb-problems h3{grid-column:2} #cap-kb .kb-kb-problems p{grid-column:2} #cap-kb .kb-kb-flow{gap:0} #cap-kb .kb-kb-flow::before{top:16px;bottom:16px;left:15px;right:auto;width:1px;height:auto} #cap-kb .kb-kb-flow .fstep h4{grid-column:2;margin:0} #cap-kb .kb-kb-flow .fstep p{grid-column:2} #cap-kb .tbl tbody td{padding:12px 16px} #cap-kb .kb-kb-sources{grid-template-columns:1fr;gap:28px} #cap-kb .kb-kb-sources .card{padding-left:18px} #cap-kb .kb-kb-security .card{padding:18px 0} } /* 精简区块覆盖全站 .card/.fstep 的强制阴影规则。 */ #cap-kb .kb-kb-problems .card,#cap-kb .kb-kb-flow .fstep,#cap-kb .kb-kb-sources .card,#cap-kb .kb-kb-security .card{box-shadow:none!important} #cap-kb .kb-kb-problems .card,#cap-kb .kb-kb-security .card{border-bottom-color:var(--kb-border)!important} #cap-kb .kb-kb-sources .card{border-left-color:var(--kb-border)!important} /* 全维知识库第二版：改为分栏叙事，去掉外框式区块。 */ #cap-kb>section:nth-child(1)>.wrap{display:block} #cap-kb>section:nth-child(5)>.wrap,#cap-kb>section:nth-child(6)>.wrap{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:56px;align-items:start} #cap-kb>section:nth-child(1) .sec-head{max-width:760px;margin:0 0 32px} #cap-kb>section:nth-child(5) .sec-head,#cap-kb>section:nth-child(6) .sec-head{max-width:none;margin:0} #cap-kb>section .sec-head p{margin-top:14px;} #cap-kb .kb-kb-problems{border-top:0} #cap-kb .kb-kb-problems .card{gap:5px 15px;} #cap-kb .kb-kb-problems .card:last-child{margin-bottom:0} #cap-kb .kb-kb-problems .card::before{grid-column:1;grid-row:1/3;line-height:26px} #cap-kb .kb-kb-problems h3{grid-column:1} #cap-kb .kb-kb-problems p{grid-column:1} #cap-kb .tbl tr:last-child td{border-bottom:1px solid var(--kb-border)} #cap-kb .kb-kb-sources{gap:30px} #cap-kb .kb-kb-sources .card{padding-left:0;} #cap-kb .kb-kb-security{border-top:0} #cap-kb .kb-kb-security .card{margin-bottom:18px} #cap-kb .kb-kb-security .card:last-child{margin-bottom:0} @media(max-width:900px){ #cap-kb>section:nth-child(5)>.wrap,#cap-kb>section:nth-child(6)>.wrap{grid-template-columns:1fr;gap:24px} #cap-kb .kb-kb-problems{grid-template-columns:repeat(2,minmax(0,1fr))} #cap-kb .kb-kb-sources{gap:24px} } @media(max-width:767px){ #cap-kb .kb-kb-problems{grid-template-columns:1fr} #cap-kb .kb-kb-problems .card{gap:5px 12px;padding:18px;margin-bottom:0} #cap-kb .kb-kb-problems .card::before{grid-row:1/3} } /* 分栏标题避免单字落在下一行。 */ @media(min-width:901px){ #cap-kb>section:nth-child(1)>.wrap,#cap-kb>section:nth-child(5)>.wrap,#cap-kb>section:nth-child(6)>.wrap{grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:48px} #cap-kb>section:nth-child(1) .sec-head h2,#cap-kb>section:nth-child(5) .sec-head h2,#cap-kb>section:nth-child(6) .sec-head h2{text-wrap:balance} } /* 知识库主标题按语义分行。 */ #cap-kb>section:first-child .sec-head h2 span{display:block} #cap-kb>section:nth-child(5) .sec-head h2 span,#cap-kb>section:nth-child(6) .sec-head h2 span{display:block} /* 能力关联说明跟随右侧安全列表。 */ @media(min-width:901px){} /* 录音演示恢复原来的上下结构与完整演示卡片。 */ #cap-kb>section:nth-child(3) .sec-head p{margin-top:0} /* 知识库分节：保留清晰边界，透出产品页原有背景。 */ #cap-kb>section{padding:64px 0;border-top:0;background:transparent} #cap-kb>section.band{background:transparent} #cap-kb>section:last-child{border-bottom:0} @media(max-width:767px){#cap-kb>section{padding:42px 0}} /* 收紧知识库首段与如何工作之间的留白。 */ @media(min-width:768px){#cap-kb>section:first-child{padding-bottom:32px}#cap-kb>section:nth-child(2){padding-top:32px}} /* 恢复改版前的组件边框与阴影，保留当前分栏和文字结构。 */ #cap-kb .kb-kb-problems .card{margin-bottom:0;padding:24px;border:1px solid #e6eaf1;border-bottom:1px solid #e6eaf1!important;border-radius:16px;background:#fff;box-shadow:var(--kb-soft-card-shadow)!important} #cap-kb .kb-kb-flow .fstep{border:1px solid #dce9ff;} #cap-kb .tbl{border:1px solid #dce9ff;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(55,117,255,.06)} #cap-kb .tbl thead th{border-top:0} #cap-kb .tbl tbody td{background:#fff} #cap-kb .tbl tbody tr:last-child td{border-bottom:0} #cap-kb .kb-kb-sources .card{padding:20px;border:1px solid #e6eaf1;border-left:1px solid #e6eaf1!important;border-radius:16px;background:#fff;box-shadow:var(--kb-soft-card-shadow)!important} #cap-kb .kb-kb-security .card{padding:18px 20px;border:1px solid #e6eaf1;border-bottom:1px solid #e6eaf1!important;border-radius:16px;background:#fff;box-shadow:var(--kb-soft-card-shadow)!important} @media(max-width:767px){#cap-kb .kb-kb-problems .card,#cap-kb .kb-kb-sources .card,#cap-kb .kb-kb-security .card{padding:18px}} #cap-kb .kb-kb-problems .card,#cap-kb .kb-kb-flow .fstep,#cap-kb .kb-kb-sources .card,#cap-kb .kb-kb-security .card{border-color:#dce9ff!important} /* 全维知识库四步流程合为一个区域，用流动线串联编号。 */ #cap-kb .kb-kb-flow{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;align-items:stretch;padding:26px 24px;border:1px solid #dce9ff;border-radius:16px;background:#fff;box-shadow:var(--kb-soft-card-shadow);overflow:hidden} #cap-kb .kb-kb-flow::before,#cap-kb .kb-kb-flow::after{content:'';position:absolute;top:41px;left:calc(12.5% + 18px);right:calc(12.5% + 18px);height:2px;pointer-events:none} #cap-kb .kb-kb-flow::before{background:#dce9ff} #cap-kb .kb-kb-flow::after{background:linear-gradient(90deg,transparent,var(--kb-primary),transparent);background-size:25% 100%;background-repeat:no-repeat;animation:kb-kb-flow-sweep 4.5s ease-in-out infinite} #cap-kb .kb-kb-flow .fstep{position:relative;z-index:1;display:block;width:auto;min-height:0;padding:0 16px;border:0!important;border-radius:0;background:transparent;box-shadow:none!important;transform:none!important;text-align:center} #cap-kb .kb-kb-flow .fstep:hover{box-shadow:none!important;transform:none!important} #cap-kb .kb-kb-flow .num{position:relative;z-index:2;width:32px;height:32px;margin:0 auto 20px;border:1px solid var(--kb-primary);background:#fff;box-shadow:none} @keyframes kb-kb-flow-sweep{0%{background-position:0% 0;opacity:0}12%{opacity:1}88%{opacity:1}100%{background-position:100% 0;opacity:0}} @media(max-width:767px){ #cap-kb .kb-kb-flow{grid-template-columns:1fr;padding:22px 20px} #cap-kb .kb-kb-flow::before,#cap-kb .kb-kb-flow::after{display:none} #cap-kb .kb-kb-flow .fstep{display:grid;grid-template-columns:32px minmax(0,1fr);gap:2px 16px;padding:0 0 24px;text-align:left} #cap-kb .kb-kb-flow .fstep:last-child{padding-bottom:0} #cap-kb .kb-kb-flow .fstep:not(:last-child)::after{content:'';position:absolute;top:32px;bottom:-16px;left:15px;width:2px;background:#dce9ff} #cap-kb .kb-kb-flow .num{grid-row:1/3;margin:0} #cap-kb .kb-kb-flow .fstep h4,#cap-kb .kb-kb-flow .fstep p{grid-column:2} } @media(min-width:768px){#cap-kb .kb-kb-flow .fstep h4,#cap-kb .kb-kb-flow .fstep p{text-align:center}} @media(prefers-reduced-motion:reduce){#cap-kb .kb-kb-flow::after{animation:none;display:none}} /* 知识库各段交替排布：首段、录音体验、数据来源左右分栏。 */ @media(min-width:901px){ #cap-kb>section:nth-child(3)>.wrap,#cap-kb>section:nth-child(5)>.wrap{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:48px;align-items:center} #cap-kb>section:nth-child(3) .sec-head,#cap-kb>section:nth-child(5) .sec-head{max-width:none;margin:0} #cap-kb>section:nth-child(5) .sec-head h2 span{display:block} #cap-kb>section:nth-child(3) .rec-demo{width:100%;min-width:0} #cap-kb>section:nth-child(5) .kb-kb-sources{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} #cap-kb>section:nth-child(6)>.wrap{display:block} #cap-kb>section:nth-child(6) .sec-head{max-width:720px;margin:0 0 30px} #cap-kb>section:nth-child(6) .kb-kb-security{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} #cap-kb>section:nth-child(6) .kb-kb-security .card{margin:0;min-height:0} #cap-kb>section:nth-child(6) .kb-kb-security-links{grid-column:auto;margin-top:24px} } @media(max-width:900px){ #cap-kb>section:nth-child(3)>.wrap,#cap-kb>section:nth-child(6)>.wrap{display:block} #cap-kb>section:nth-child(3) .sec-head,#cap-kb>section:nth-child(6) .sec-head{max-width:none;margin:0 0 24px} #cap-kb>section:nth-child(6) .kb-kb-security{display:grid;grid-template-columns:1fr;gap:16px} #cap-kb>section:nth-child(6) .kb-kb-security .card{margin:0} #cap-kb>section:nth-child(6) .kb-kb-security-links{grid-column:auto;margin-top:20px} } /* 恢复知识库表格原有的浅蓝表头。 */ #cap-kb .tbl thead th{background:#eaf3ff} /* 知识库首段：用 CMS 现有说明补足左侧留白，并与右侧内容居中。 */ @media(min-width:901px){#cap-kb>section:first-child .sec-head p{max-width:760px;margin-top:20px}} /* 阿里 Iconfont 同系列线性字形：资料、归档、检索。 */ @font-face{font-family:"kb-knowledge-icons";src:url("../fonts/kb-knowledge-icons.woff2") format("woff2");font-display:block} #cap-kb .kb-kb-problems .card{grid-template-columns:1fr;row-gap:14px;align-content:start} #cap-kb .kb-kb-problems .card:nth-child(n)::before{content:none} #cap-kb .kb-kb-problems .kb-kb-problem-icon{grid-column:1;grid-row:1;align-self:start;justify-self:start;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px;height:44px;border:1px solid #dce9ff;border-radius:12px;background:#f5f8ff;color:var(--kb-primary);font-family:"kb-knowledge-icons";font-size:24px;line-height:1} #cap-kb .kb-kb-problems .kb-kb-problem-icon::before{display:block;width:1em;height:1em;line-height:1em;text-align:center;flex:none} #cap-kb .kb-kb-problems .card:nth-child(1) .kb-kb-problem-icon::before{content:"\e901"} #cap-kb .kb-kb-problems .card:nth-child(2) .kb-kb-problem-icon::before{content:"\e902"} #cap-kb .kb-kb-problems .card:nth-child(3) .kb-kb-problem-icon::before{content:"\e903"} @media(max-width:767px){#cap-kb .kb-kb-problems .card{grid-template-columns:1fr;row-gap:12px}#cap-kb .kb-kb-problems .kb-kb-problem-icon{width:40px;height:40px;font-size:22px}} /* 产品能力区块轻微交替：保留页面原有蓝白渐变作为底层。 */ #cap-kb>section.band,#kb-product-page .panel:not(#cap-kb)>section.band{background:rgba(232,241,255,.58)} /* 五大能力统一图标视觉中心：图片按容器中心呈现，字体图标共用视觉补偿。 */ #kb-product-page .panel .kb-cap-card-art, #kb-product-page .panel .kb-ask-flow-art, #kb-product-page .panel .kb-ask-trust-art{object-position:50% 50%} #kb-product-page #cap-kb .kb-kb-problem-icon{align-items:center;justify-content:center} #kb-product-page #cap-broadcast .kb-broadcast-type-icon{align-items:center;justify-items:center} #kb-product-page #cap-kb .kb-kb-problem-icon::before, #kb-product-page #cap-broadcast .kb-broadcast-type-icon::before{transform:translateX(4px)} /* 全维知识库「如何工作」：四段弧线围绕中心，文案与步骤配图来自 CMS。 */ #cap-kb>section.kb-kb-orbit-section.band{padding:38px 0 42px;background:#fff} #cap-kb .kb-kb-orbit-section .sec-head{margin-bottom:12px} #cap-kb .kb-kb-orbit{position:relative;width:100%;margin:0 auto;color:var(--kb-ink)} #cap-kb .kb-kb-orbit-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none} #cap-kb .kb-kb-orbit-lines>path{fill:none;marker-end:none} #cap-kb .kb-kb-orbit-hub{position:absolute;left:50%;transform:translateX(-50%);text-align:center} #cap-kb .kb-kb-orbit-ring{position:absolute;left:50%;border:1px dashed #c9e1e9;border-radius:50%;transform:translateX(-50%);pointer-events:none} #cap-kb .kb-kb-orbit-icon{position:absolute;z-index:1;top:0;left:50%;display:block;transform:translateX(-50%)} #cap-kb .kb-kb-orbit-icon i{position:absolute;background:#d9ebf1;transform:skewY(-12deg)} #cap-kb .kb-kb-orbit-hub p{position:absolute;z-index:1;left:0;width:100%;margin:0;color:var(--kb-ink);line-height:1.5} #cap-kb .kb-kb-orbit-steps{display:contents} #cap-kb .kb-kb-orbit-step{position:absolute;z-index:1;display:flex;align-items:center;} #cap-kb .kb-kb-orbit-art{display:block;flex:none;object-fit:contain} #cap-kb .kb-kb-orbit-copy{min-width:0} #cap-kb .kb-kb-orbit-heading{display:flex;align-items:baseline;} #cap-kb .kb-kb-orbit-num{font-size:20px;line-height:1.4} #cap-kb .kb-kb-orbit-heading h3{margin:0;color:var(--kb-ink);font-size:20px;font-weight:var(--kb-weight-heading);line-height:1.4;white-space:nowrap} #cap-kb .kb-kb-orbit-step p{margin:3px 0 0;color:var(--kb-muted);line-height:1.55;white-space:nowrap} @media(max-width:900px){ #cap-kb .kb-kb-orbit{max-width:520px;padding:6px 0 0} #cap-kb .kb-kb-orbit-lines{display:none} #cap-kb .kb-kb-orbit-hub{position:relative;left:auto;margin:0 auto 24px;transform:none} #cap-kb .kb-kb-orbit-steps{display:grid;gap:0} #cap-kb .kb-kb-orbit-step:nth-child(n){position:relative;top:auto;right:auto;bottom:auto;left:auto;padding:10px 0 10px 20px} #cap-kb .kb-kb-orbit-step:not(:last-child)::after{content:"";position:absolute;top:75px;bottom:-20px;left:56px;width:1px;background:#a8c8d8} } @media(max-width:480px){ #cap-kb .kb-kb-orbit-step:nth-child(n){padding-left:0} #cap-kb .kb-kb-orbit-step:not(:last-child)::after{left:36px} #cap-kb .kb-kb-orbit-art{width:64px;height:64px} #cap-kb .kb-kb-orbit-heading h3{font-size:16px} #cap-kb .kb-kb-orbit-step p{font-size:13px} } /* 其他能力段落沿用原有交替背景；知识库按内容组合单独排布。 */ #kb-product-page .panel:not(#cap-kb)>section:nth-of-type(odd){ background:linear-gradient(180deg,#fff 0%,#fff 56%,#eef5ff 100%); } #kb-product-page .panel:not(#cap-kb)>section:nth-of-type(even){ background:#fff; } /* 知识库流程与录音体验并排：列宽对齐上一段的 380px 左栏和右侧内容栏。 */ #cap-kb .kb-kb-orbit{max-width:724px;height:360px} #cap-kb .kb-kb-orbit-hub{top:105px;width:240px;height:125px} #cap-kb .kb-kb-orbit-ring--outer{top:30px;width:240px;height:90px} #cap-kb .kb-kb-orbit-ring--inner{top:51px;width:170px;height:48px} #cap-kb .kb-kb-orbit-icon{width:50px;height:60px} #cap-kb .kb-kb-orbit-icon i{width:31px;height:42px;border-radius:7px} #cap-kb .kb-kb-orbit-icon i:nth-child(1){left:0;top:7px} #cap-kb .kb-kb-orbit-icon i:nth-child(2){left:9px;top:4px} #cap-kb .kb-kb-orbit-icon i:nth-child(3){left:18px;top:0} #cap-kb .kb-kb-orbit-hub p{top:86px;font-size:15px} #cap-kb .kb-kb-orbit-step{gap:8px;width:210px;min-height:80px} #cap-kb .kb-kb-orbit-step:nth-child(1){left:0;top:50%} #cap-kb .kb-kb-orbit-step:nth-child(2){left:23%;top:0} #cap-kb .kb-kb-orbit-step:nth-child(3){right:0;top:24%} #cap-kb .kb-kb-orbit-step:nth-child(4){right:3%;bottom:0} #cap-kb .kb-kb-orbit-art{width:70px;height:70px} #cap-kb .kb-kb-orbit-heading{gap:6px} #cap-kb .kb-kb-orbit-num,#cap-kb .kb-kb-orbit-heading h3{font-size:16px} #cap-kb .kb-kb-orbit-step p{font-size:12px} #cap-kb>section:nth-child(3)>.wrap{display:block;max-width:720px} #cap-kb>section:nth-child(3) .sec-head{max-width:none;margin:0 0 24px} #cap-kb>section:nth-child(3) .rec-demo{width:100%;min-width:0} /* 首段与数据模块纯白；流程、录音体验和权限安全使用浅蓝背景。 */ #kb-product-page #cap-kb>section:nth-of-type(1), #kb-product-page #cap-kb>section:nth-of-type(4){background:#fff} #kb-product-page #cap-kb>section:nth-of-type(2){background:#f7faff;border-top:1px solid #e5edfb} #kb-product-page #cap-kb>section:nth-of-type(3){background:linear-gradient(180deg,#f7faff 0%,#f4f8ff 50%,#eaf3ff 100%)} #kb-product-page #cap-kb>section:nth-of-type(5), #kb-product-page #cap-kb>section:nth-of-type(6){background:linear-gradient(180deg,#f7faff 0%,#f4f8ff 50%,#eaf3ff 100%);border-top:1px solid #e5edfb} @media(min-width:1200px){ #kb-product-page #cap-kb{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,724px) 48px minmax(0,380px) minmax(0,1fr);background:#fff} #kb-product-page #cap-kb::before{content:"";grid-column:1/-1;grid-row:2;background:linear-gradient(180deg,#f7faff 0%,#f4f8ff 50%,#eaf3ff 100%);border-top:1px solid #e5edfb;pointer-events:none} #kb-product-page #cap-kb>section:nth-child(1){grid-column:1/-1;grid-row:1} #kb-product-page #cap-kb>section:nth-child(4){grid-column:1/-1;grid-row:3} #kb-product-page #cap-kb>section:nth-child(5){grid-column:1/-1;grid-row:4} #kb-product-page #cap-kb>section:nth-child(6){grid-column:1/-1;grid-row:5} #kb-product-page #cap-kb>section:nth-child(2){grid-column:2;grid-row:2;min-width:0;padding:38px 0 42px;background:transparent;border-top:0} #kb-product-page #cap-kb>section:nth-child(3){grid-column:4;grid-row:2;min-width:0;padding:38px 0 42px;background:transparent} #kb-product-page #cap-kb>section:nth-child(2)>.wrap, #kb-product-page #cap-kb>section:nth-child(3)>.wrap{max-width:none;padding:0} #kb-product-page #cap-kb>section:nth-child(3) .sec-head p{margin-top:12px} #kb-product-page #cap-kb>section:nth-child(3) .rec-demo{padding:18px} #kb-product-page #cap-kb>section:nth-child(3)>.wrap{display:flex;flex-direction:column;justify-content:flex-start;height:100%} } @media(max-width:900px){ #cap-kb .kb-kb-orbit{height:auto} #cap-kb .kb-kb-orbit-hub{top:auto;width:min(100%,240px);height:125px} #cap-kb .kb-kb-orbit-step:nth-child(n){width:100%;min-height:80px} } /* 知识库环形流程使用站点主蓝，单个亮点沿椭圆缓慢循环。 */ #cap-kb .kb-kb-orbit-lines>path{stroke:rgba(55,117,255,.45);stroke-width:1.5} #cap-kb .kb-kb-orbit-lines .kb-kb-orbit-dot{fill:#6ab5ff;filter:drop-shadow(0 0 4px rgba(55,117,255,.75));pointer-events:none} #cap-kb .kb-kb-orbit-ring{border-color:#c7dcff} #cap-kb .kb-kb-orbit-ring--inner{border-color:#9fc3ff} #cap-kb .kb-kb-orbit-icon i:nth-child(1){background:#dce8ff} #cap-kb .kb-kb-orbit-icon i:nth-child(2){background:#bdd4ff} #cap-kb .kb-kb-orbit-icon i:nth-child(3){background:#92b6ff} #cap-kb .kb-kb-orbit-icon{animation:kb-kb-orbit-float 4.2s ease-in-out infinite} @keyframes kb-kb-orbit-float{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-6px)}} #cap-kb .kb-kb-orbit-num{color:var(--kb-primary)} #cap-kb .kb-kb-orbit-step:not(:last-child)::after{background:#b7d0ff} @media(prefers-reduced-motion:reduce){ #cap-kb .kb-kb-orbit-lines .kb-kb-orbit-dot{display:none} #cap-kb .kb-kb-orbit-icon{animation:none} } /* 全维知识库：左侧成果清单可滚动，中央品牌，右侧内外部来源。 */ #cap-kb .kb-kb-sources-merged-placeholder{display:none!important} :is(#cap-kb,#cap-workshop) .kb-kb-transform-section{padding:60px 0 68px;border-bottom:1px solid #e5edfb} :is(#cap-kb,#cap-workshop) .kb-kb-transform-section>.wrap{max-width:1160px} :is(#cap-kb,#cap-workshop) .kb-kb-transform-section .sec-head{max-width:760px;margin:0 0 26px} :is(#cap-kb,#cap-workshop) .kb-kb-network{position:relative;display:grid;align-items:stretch;min-height:400px} :is(#cap-kb,#cap-workshop) .kb-kb-network>div{position:relative;z-index:1;min-width:0} :is(#cap-kb,#cap-workshop,#cap-training) .kb-kb-network-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none} :is(#cap-kb,#cap-workshop,#cap-training) .kb-kb-network-links path{fill:none;} :is(#cap-kb,#cap-workshop) .kb-kb-network-links circle{fill:#94b9f5} :is(#cap-kb,#cap-workshop) .kb-kb-network-table{align-self:stretch;max-height:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin} :is(#cap-kb,#cap-workshop) .kb-kb-network-table:focus-visible{outline:2px solid var(--kb-primary);outline-offset:3px} :is(#cap-kb,#cap-workshop) .kb-kb-network-table-head,:is(#cap-kb,#cap-workshop) .kb-kb-network-row{display:grid;grid-template-columns:94px minmax(0,1.2fr) minmax(0,1fr);gap:12px;align-items:center;padding:12px 16px} :is(#cap-kb,#cap-workshop) .kb-kb-network-table-head{position:sticky;top:0;z-index:2;padding-top:11px;padding-bottom:11px;font-size:12px;font-weight:600} :is(#cap-kb,#cap-workshop) .kb-kb-network-row{min-height:78px;font-size:13px;line-height:1.45} :is(#cap-kb,#cap-workshop) .kb-kb-network-row:nth-child(odd){background:#f8fbff} :is(#cap-kb,#cap-workshop) .kb-kb-network-row strong{color:var(--kb-ink);font-size:14px;font-weight:500} :is(#cap-kb,#cap-workshop) .kb-kb-network-row p,#kb-product-page :is(#cap-kb,#cap-workshop,#cap-training) .kb-kb-network-table .tbl tbody td:nth-child(2){margin:0;color:#607697} :is(#cap-kb,#cap-workshop) .kb-kb-network-row em,#kb-product-page :is(#cap-kb,#cap-workshop,#cap-training) .kb-kb-network-table .tbl tbody td:nth-child(3){color:var(--kb-primary);font-style:normal} :is(#cap-kb,#cap-workshop) .kb-kb-network-center{align-self:center;text-align:center;transform:translateY(calc((100% - 124px)/2))} :is(#cap-kb,#cap-workshop,#cap-training) .kb-kb-network-symbol{display:flex;align-items:center;justify-content:center;margin:0 auto 16px;border:1px solid #dfebfc;} :is(#cap-kb,#cap-workshop,#cap-training) .kb-kb-network-symbol img{display:block;object-fit:contain;} :is(#cap-kb,#cap-workshop) .kb-kb-network-center h3{margin:0;color:var(--kb-ink);font-weight:500;white-space:nowrap} :is(#cap-kb,#cap-workshop) .kb-kb-network-center p{margin:8px 0 0;color:var(--kb-muted);font-size:13px} :is(#cap-kb,#cap-workshop) .kb-kb-network-sources{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));} :is(#cap-kb,#cap-workshop) .kb-kb-network-source{border:1px solid #e0eafa;background:#fff;} :is(#cap-kb,#cap-workshop) .kb-kb-network-source h3{margin:0 0 7px;color:var(--kb-ink);font-size:18px;font-weight:500} :is(#cap-kb,#cap-workshop) .kb-kb-network-source p{margin:0 0 9px;color:var(--kb-muted);font-size:13px;line-height:1.5} :is(#cap-kb,#cap-workshop) .kb-kb-network-source ul{list-style:none;margin:0;padding:0;columns:2;column-gap:12px} :is(#cap-kb,#cap-workshop) .kb-kb-network-source li{break-inside:avoid;padding:3px 0;color:#526987;font-size:12px;line-height:1.4} @media(max-width:1050px) and (min-width:901px){ :is(#cap-kb,#cap-workshop) .kb-kb-network-links{display:none} :is(#cap-kb,#cap-workshop) .kb-kb-network-table-head,:is(#cap-kb,#cap-workshop) .kb-kb-network-row{grid-template-columns:74px minmax(0,1fr) minmax(0,1fr);gap:7px;padding-left:10px;padding-right:10px} } @media(max-width:900px){ :is(#cap-kb,#cap-workshop) .kb-kb-transform-section{padding:48px 0 54px} :is(#cap-kb,#cap-workshop) .kb-kb-network{min-height:0} :is(#cap-kb,#cap-workshop) .kb-kb-network-links{display:none} :is(#cap-kb,#cap-workshop) .kb-kb-network-table{max-height:360px} :is(#cap-kb,#cap-workshop) .kb-kb-network-center{grid-row:1;padding:4px 0 8px} :is(#cap-kb,#cap-workshop) .kb-kb-network-sources{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} :is(#cap-kb,#cap-workshop) .kb-kb-network-source{min-height:0} } @media(max-width:600px){ :is(#cap-kb,#cap-workshop) .kb-kb-network-table-head,:is(#cap-kb,#cap-workshop) .kb-kb-network-row{grid-template-columns:80px minmax(0,1fr);gap:8px;padding:10px 12px} :is(#cap-kb,#cap-workshop) .kb-kb-network-table-head span:last-child{display:none} :is(#cap-kb,#cap-workshop) .kb-kb-network-row em{grid-column:2} :is(#cap-kb,#cap-workshop) .kb-kb-network-sources{grid-template-columns:1fr} :is(#cap-kb,#cap-workshop) .kb-kb-network-source ul{columns:1} } /* 参照企业产品信息流：去掉左侧整块卡片感，保留轻量分隔和缓慢流向。 */ :is(#cap-kb,#cap-workshop) .kb-kb-network{grid-template-columns:minmax(0,1.25fr) 200px minmax(0,1fr);gap:45px} :is(#cap-kb,#cap-workshop,#cap-training) .kb-kb-network-links path{stroke:#d5e3ec;stroke-width:1.35} :is(#cap-kb,#cap-workshop,#cap-training) .kb-kb-network-links .kb-kb-network-flow{stroke:#4098ec;stroke-width:2.25;stroke-linecap:round;stroke-dasharray:7 93;stroke-dashoffset:0;animation:kb-kb-network-travel 8s linear infinite} :is(#cap-kb,#cap-workshop,#cap-training) .kb-kb-network-links .kb-kb-network-flow--top{animation-delay:-1.8s} :is(#cap-kb,#cap-workshop) .kb-kb-network-links .kb-kb-network-flow--bottom{animation-delay:-4.2s} @keyframes kb-kb-network-travel{to{stroke-dashoffset:-100}} :is(#cap-kb,#cap-workshop,#cap-training) .kb-kb-network-table{height:100%;border:1px solid #dce9ff;border-radius:16px;background:#fff;overflow:auto;scrollbar-color:#d0def1 transparent} #kb-product-page :is(#cap-kb,#cap-workshop,#cap-training) .kb-kb-network-table .tbl{height:100%;border:0;border-radius:0;border-collapse:collapse;border-spacing:0;background:transparent;box-shadow:none} :is(#cap-kb,#cap-workshop) .kb-kb-network-table-head,#kb-product-page :is(#cap-kb,#cap-workshop,#cap-training) .kb-kb-network-table .tbl thead th{border:0;border-bottom:1px solid #dce9ff;border-radius:0;background:#eaf3ff;color:#536b8b;font-size:12px;font-weight:600;letter-spacing:0} :is(#cap-kb,#cap-workshop) .kb-kb-network-row,#kb-product-page :is(#cap-kb,#cap-workshop,#cap-training) .kb-kb-network-table .tbl tbody td{border-top:0;border-right:0;border-bottom:1px solid #e9edf2;border-left:0;background:transparent!important;letter-spacing:0} :is(#cap-kb,#cap-workshop) .kb-kb-network-row:last-child,#kb-product-page :is(#cap-kb,#cap-workshop,#cap-training) .kb-kb-network-table .tbl tbody tr:last-child td{border-bottom:0} #cap-kb .kb-kb-network-table-head > :not(:last-child),#cap-kb .kb-kb-network-row > :not(:last-child){align-self:stretch;display:flex;align-items:center;margin-right:-6px;padding-right:6px;border-right:1px solid #e6eaf1} #cap-kb .kb-kb-network-table-head > :not(:last-child){margin-block:-11px;padding-block:11px} #cap-kb .kb-kb-network-row > :not(:last-child){margin-block:-12px;padding-block:12px} @media(max-width:600px){#cap-kb .kb-kb-network-table-head > :first-child,#cap-kb .kb-kb-network-row > :first-child{margin-right:-4px;padding-right:4px}#cap-kb .kb-kb-network-table-head > :nth-child(2),#cap-kb .kb-kb-network-row > :nth-child(2){border-right:0}} :is(#cap-kb,#cap-workshop,#cap-training) .kb-kb-network-symbol{width:124px;height:124px;border-color:#e0eff1;border-radius:29px;background:#fff;box-shadow:none} :is(#cap-kb,#cap-workshop,#cap-training) .kb-kb-network-symbol img{width:90px;height:90px;border-radius:22px} :is(#cap-kb,#cap-workshop) .kb-kb-network-center h3{font-size:23px} :is(#cap-kb,#cap-workshop) .kb-kb-network-sources{gap:22px} :is(#cap-kb,#cap-workshop) .kb-kb-network-source{min-height:168px;padding:22px 24px;border-color:#e6ebef;border-radius:20px;box-shadow:none} @media(max-width:1050px) and (min-width:901px){:is(#cap-kb,#cap-workshop) .kb-kb-network{grid-template-columns:minmax(0,1.4fr) 150px minmax(0,1fr);gap:24px}} @media(max-width:900px){:is(#cap-kb,#cap-workshop) .kb-kb-network{grid-template-columns:1fr;gap:22px}:is(#cap-kb,#cap-workshop,#cap-training) .kb-kb-network-symbol{width:102px;height:102px}:is(#cap-kb,#cap-workshop,#cap-training) .kb-kb-network-symbol img{width:75px;height:75px}} @media(prefers-reduced-motion:reduce){:is(#cap-kb,#cap-workshop,#cap-training) .kb-kb-network-links .kb-kb-network-flow{animation:none;stroke-dasharray:none;opacity:.4}} /* 宽屏适度拉开两侧连接区，保持三栏正文宽度。 */ @media(min-width:1200px){:is(#cap-kb,#cap-workshop) .kb-kb-transform-section>.wrap{max-width:1240px}:is(#cap-kb,#cap-workshop) .kb-kb-network{gap:85px}} /* AI 播报：流程、角色识别和差异对比的版式；播报类别与交互体验保持原状。 */ #kb-product-page #cap-broadcast>section.kb-broadcast-process-section{background:linear-gradient(180deg,#fff 0%,#f7faff 42%,#eaf3ff 100%)} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section>.wrap{max-width:1200px} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .sec-head{margin-bottom:28px} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-flow{position:relative;} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-flow::before, #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-flow::after{position:absolute;top:156px;left:12.5%;right:12.5%;height:2px;pointer-events:none} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-flow::before{background:#dce9ff} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-flow::after{background:linear-gradient(90deg,transparent,var(--kb-primary),transparent);background-size:20% 100%;background-repeat:no-repeat;animation:kb-broadcast-process-travel 8s linear infinite} @keyframes kb-broadcast-process-travel{from{background-position:-25% 0}to{background-position:125% 0}} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-flow .fstep{position:relative;z-index:1;flex-direction:column;border:0;} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-art{height:122px;margin:0 0 26px;background:transparent} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-art .kb-cap-card-art{max-width:132px;height:122px} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-heading{width:100%;justify-content:center} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-heading .num{font-size:17px} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-heading h4{font-size:17px} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .fstep p{font-size:14px} #kb-product-page #cap-broadcast>section.kb-broadcast-identity-section{background:#fff} #kb-product-page #cap-broadcast>.kb-broadcast-identity-section>.wrap{display:grid;grid-template-columns:minmax(0,330px) minmax(0,1fr);gap:72px;align-items:center;max-width:1200px} #kb-product-page #cap-broadcast>.kb-broadcast-identity-section .sec-head{max-width:none;margin:0} #kb-product-page #cap-broadcast>.kb-broadcast-identity-section .sec-head h2{text-wrap:balance} #kb-product-page #cap-broadcast>.kb-broadcast-identity-section .sec-head p{max-width:310px;margin-top:18px} #kb-product-page #cap-broadcast>.kb-broadcast-identity-section .tbl{display:block;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none} #kb-product-page #cap-broadcast>.kb-broadcast-identity-section .tbl thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap} #kb-product-page #cap-broadcast>.kb-broadcast-identity-section .tbl tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} #kb-product-page #cap-broadcast>.kb-broadcast-identity-section .tbl tbody tr{display:flex;flex-direction:column;gap:9px;min-height:132px;padding:20px 22px;border:1px solid #e0eafa;border-radius:18px;} #kb-product-page #cap-broadcast>.kb-broadcast-identity-section .tbl tbody td{display:block;width:auto;padding:0;border:0!important;background:transparent;color:var(--kb-muted);font-size:14px;line-height:1.6;letter-spacing:0;white-space:normal} #kb-product-page #cap-broadcast>.kb-broadcast-identity-section .tbl tbody td:first-child{color:var(--kb-ink);font-size:18px;font-weight:500;line-height:1.4} #kb-product-page #cap-broadcast>section.kb-broadcast-compare-section{background:linear-gradient(180deg,#f7faff 0%,#f1f6ff 55%,#eaf3ff 100%);border-top:1px solid #e5edfb} #kb-product-page #cap-broadcast>.kb-broadcast-compare-section>.wrap{max-width:1200px} #kb-product-page #cap-broadcast>.kb-broadcast-compare-section .sec-head{margin-bottom:24px} #kb-product-page #cap-broadcast>.kb-broadcast-compare-section .tbl{border:0;border-radius:0;border-collapse:separate;background:transparent;box-shadow:none;overflow:visible} #kb-product-page #cap-broadcast>.kb-broadcast-compare-section .tbl thead th{padding:0 20px 5px;border:0;background:transparent;color:#677b9a;font-size:13px;font-weight:500;letter-spacing:0} #kb-product-page #cap-broadcast>.kb-broadcast-compare-section .tbl tbody td{padding:14px 20px;border-top:1px solid #e0eafa;border-bottom:1px solid #e0eafa;border-left:0;border-right:0;background:#fff;color:var(--kb-muted);font-size:15px;font-weight:400;line-height:1.45;letter-spacing:0;box-shadow:0 7px 18px rgba(55,117,255,.035)} #kb-product-page #cap-broadcast>.kb-broadcast-compare-section .tbl tbody td:first-child{border-left:1px solid #e0eafa;border-radius:13px 0 0 13px;color:var(--kb-ink);font-size:15px;font-weight:500} #kb-product-page #cap-broadcast>.kb-broadcast-compare-section .tbl tbody td.hi{border-right:1px solid #e0eafa;border-radius:0 13px 13px 0;background:#fbfdff;color:var(--kb-primary);font-size:15px;font-weight:500} #kb-product-page #cap-broadcast>.kb-broadcast-compare-section .tbl tbody td.hi::after{content:none} @media(max-width:900px){ #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-flow::before, #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-flow::after{display:none} #kb-product-page #cap-broadcast>.kb-broadcast-identity-section>.wrap{grid-template-columns:1fr;gap:24px} #kb-product-page #cap-broadcast>.kb-broadcast-identity-section .sec-head p{max-width:none} } @media(max-width:600px){ #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-flow{grid-template-columns:1fr;padding:12px 18px} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-flow .fstep{display:grid;grid-template-columns:80px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 14px;align-items:center;padding:12px 0;border-bottom:1px solid #e8eef8} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-flow .fstep:last-child{border-bottom:0} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-art{grid-column:1;grid-row:1/3;width:80px;height:80px;margin:0} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-art .kb-cap-card-art{width:80px;height:80px} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-heading{grid-column:2;grid-row:1;justify-content:flex-start} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .fstep p{grid-column:2;grid-row:2;margin:0;text-align:left} #kb-product-page #cap-broadcast>.kb-broadcast-identity-section .tbl tbody{grid-template-columns:1fr} #kb-product-page #cap-broadcast>.kb-broadcast-identity-section .tbl tbody tr{min-height:0;padding:18px} #kb-product-page #cap-broadcast>.kb-broadcast-compare-section .tbl{display:block;overflow-x:auto} #kb-product-page #cap-broadcast>.kb-broadcast-compare-section .tbl thead, #kb-product-page #cap-broadcast>.kb-broadcast-compare-section .tbl tbody{min-width:650px} } @media(prefers-reduced-motion:reduce){#kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-flow::after{animation:none;display:none}} /* 播报改版收尾：流程区收紧，识别区和类别区建立边界。 */ #kb-product-page #cap-broadcast>section.kb-broadcast-process-section{padding:48px 0 52px} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .sec-head{max-width:1160px} #kb-product-page #cap-broadcast>section.kb-broadcast-identity-section{border-bottom:1px solid #e5edfb} #kb-product-page #cap-broadcast>.kb-broadcast-compare-section .tbl{border-spacing:0 7px} #kb-product-page #cap-broadcast>.kb-broadcast-compare-section .tbl tbody td{padding-top:12px;padding-bottom:12px} @media(max-width:600px){#kb-product-page #cap-broadcast>section.kb-broadcast-process-section{padding:42px 0}} /* 知识库信息流：连线穿过 Logo 方块的垂直中心。 */ @media(min-width:1051px){#cap-kb .kb-kb-network-center{transform:translateY(36px)}} /* 能力标签切换时禁止首屏作为独立滚动容器，保持正文与背景衔接。 */ #kb-product-page .phero{overflow:clip} /* AI 播报流程与知识库统一为左侧说明、右侧内容的首屏结构。 */ @media(min-width:901px){ #kb-product-page #cap-broadcast>section.kb-broadcast-process-section>.wrap{display:grid;grid-template-columns:minmax(0,330px) minmax(0,1fr);gap:64px;align-items:center} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .sec-head{max-width:none;margin:0} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .sec-head h2{text-wrap:balance} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .sec-head p{margin-top:18px;} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-flow{display:grid;grid-template-columns:1fr;gap:10px;width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-flow::before, #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-flow::after{display:none} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-flow .fstep{display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;row-gap:4px;align-items:center;min-height:88px;padding:10px 16px;border:1px solid #e0eafa;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(55,117,255,.045)!important} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-art{grid-column:1;grid-row:1/3;width:76px;height:68px;margin:0} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-art .kb-cap-card-art{width:76px;max-width:76px;height:68px;object-fit:contain} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-heading{grid-column:2;grid-row:1;justify-content:flex-start} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .fstep p{grid-column:2;grid-row:2;margin:0;text-align:left} } /* AI 播报背景层级与知识库对齐：纯白与底部浅蓝渐变交替。 */ #kb-product-page #cap-broadcast.panel>section:nth-of-type(1), #kb-product-page #cap-broadcast.panel>section:nth-of-type(3), #kb-product-page #cap-broadcast.panel>section:nth-of-type(5){background:#fff;border-top:0} #kb-product-page #cap-broadcast.panel>section:nth-of-type(2), #kb-product-page #cap-broadcast.panel>section:nth-of-type(4){background:linear-gradient(180deg,#f7faff 0%,#f4f8ff 50%,#eaf3ff 100%);border-top:1px solid #e5edfb} #kb-product-page #cap-broadcast>.kb-broadcast-identity-section .tbl tbody tr{background:#fff} /* AI 播报：上方为六类播报流向，下方为四个识别维度。 */ #kb-product-page #cap-broadcast>.kb-broadcast-merged{display:grid;align-items:start;padding:64px max(36px,calc((100vw - 1200px)/2)) 72px;background:linear-gradient(180deg,#f8fbff 0%,#f3f8ff 52%,#eaf3ff 100%);border-top:1px solid #e5edfb} #kb-product-page #cap-broadcast>.kb-broadcast-merged>section{min-width:0;padding:0;border:0;background:transparent} #kb-product-page #cap-broadcast>.kb-broadcast-merged>section>.wrap{width:100%;max-width:none;padding:0} #kb-product-page #cap-broadcast>.kb-broadcast-merged>section:not(.kb-broadcast-identity-section){grid-column:1/-1;grid-row:1} #kb-product-page #cap-broadcast>.kb-broadcast-merged>section:not(.kb-broadcast-identity-section)>.wrap{display:block} #kb-product-page #cap-broadcast>.kb-broadcast-merged>section:not(.kb-broadcast-identity-section) .sec-head{max-width:none;margin:0 0 30px;text-align:center} #kb-product-page #cap-broadcast>.kb-broadcast-merged .sec-head p{margin-top:12px;} #kb-product-page #cap-broadcast>.kb-broadcast-merged .grid.kb-broadcast-types{display:grid;max-width:none;margin:0} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-type:nth-child(1){grid-column:1;grid-row:1} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-type:nth-child(2){grid-column:1;grid-row:2} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-type:nth-child(3){grid-column:1;grid-row:3} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-type:nth-child(4){grid-column:3;grid-row:1} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-type:nth-child(5){grid-column:3;grid-row:2} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-type:nth-child(6){grid-column:3;grid-row:3} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-type{padding:17px 18px;border:1px solid #e0eafa;border-radius:18px;background:#fff;box-shadow:0 9px 24px rgba(55,117,255,.045)} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-type:hover{background:#fff;border-color:#c9dcff;box-shadow:0 12px 25px rgba(55,117,255,.08)} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-type-head h3{font-size:17px} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-type-desc{font-size:14px;line-height:1.5;margin:6px 0 9px} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-hub{grid-column:2;grid-row:1;z-index:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:center;text-align:center;color:var(--kb-ink)} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-hub-ring{display:grid;place-items:center;border-radius:50%;} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-hub-wave{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #dce9ff;background:#f3f8ff} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-hub-wave i{width:5px;border-radius:8px;background:var(--kb-primary)} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-hub strong{font-weight:500;white-space:nowrap} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-flow{position:absolute;pointer-events:none} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-flow--in{transform:translateY(-50%)} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-flow--out{transform:translateY(-50%)} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-flow svg{display:block;width:100%;height:100%} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-flow-track{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-flow-glow{stroke:var(--kb-primary);stroke-linecap:round;stroke-linejoin:round;} @keyframes kb-broadcast-chevron-flow{to{stroke-dashoffset:-164}} #kb-product-page #cap-broadcast>.kb-broadcast-merged>.kb-broadcast-identity-section{grid-column:1/-1;grid-row:2;border-top:1px solid #dce8fb} #kb-product-page #cap-broadcast>.kb-broadcast-merged>.kb-broadcast-identity-section>.wrap{grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:62px;align-items:center} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-identity-section .sec-head{max-width:none;} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-identity-section .tbl{display:block;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-identity-section .tbl thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-identity-section .tbl tbody{display:grid;} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-identity-section .tbl tbody tr{display:flex;flex-direction:column;gap:9px;} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-identity-section .tbl tbody td{display:block;width:auto;padding:0;border:0!important;background:transparent;color:var(--kb-muted);font-size:14px;line-height:1.55;letter-spacing:0;white-space:normal} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-identity-section .tbl tbody td:first-child{color:var(--kb-ink);font-size:17px;font-weight:500;line-height:1.4} #kb-product-page #cap-broadcast.panel>.kb-broadcast-merged+section{background:#fff;border-top:0} #kb-product-page #cap-broadcast.panel>section.kb-broadcast-compare-section{background:linear-gradient(180deg,#f7faff 0%,#f4f8ff 50%,#eaf3ff 100%);border-top:1px solid #e5edfb} @media(max-width:1100px){ #kb-product-page #cap-broadcast>.kb-broadcast-merged{padding:52px max(24px,calc((100vw - 840px)/2))} #kb-product-page #cap-broadcast>.kb-broadcast-merged>section{width:100%} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-hub{align-self:center} #kb-product-page #cap-broadcast>.kb-broadcast-merged>.kb-broadcast-identity-section>.wrap{grid-template-columns:1fr;gap:22px} } @media(max-width:600px){ #kb-product-page #cap-broadcast>.kb-broadcast-merged{padding:42px 20px;gap:24px} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-type{min-height:0} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-identity-section .tbl tbody tr{min-height:0} } @media(prefers-reduced-motion:reduce){#kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-flow-glow{animation:none}} /* WorkBuddy 参考结构：左右内容围绕中心，四个识别维度在下方横排。 */ #kb-product-page #cap-broadcast>.kb-broadcast-merged{grid-template-columns:minmax(0,1fr) 350px minmax(0,1fr);column-gap:22px;padding-top:62px;padding-bottom:62px} #kb-product-page #cap-broadcast>.kb-broadcast-merged .grid.kb-broadcast-types{grid-template-columns:minmax(0,1fr) 350px minmax(0,1fr);gap:16px 22px;grid-template-rows:repeat(3,minmax(130px,auto))} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-type{min-height:130px} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-hub{margin-top:90px;} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-hub-ring{width:124px;height:124px;border:0;background:#fff;box-shadow:0 12px 40px rgba(68,114,193,.075)} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-hub-wave{width:90px;height:90px;border-radius:22px} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-hub-wave i:nth-child(1),#kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-hub-wave i:nth-child(5){height:21px} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-hub-wave i:nth-child(2),#kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-hub-wave i:nth-child(4){height:40px} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-hub-wave i:nth-child(3){height:58px} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-hub strong{font-size:24px} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-flow-track{stroke-width:3;stroke-dasharray:1 6;opacity:1} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-flow-glow{stroke-width:4;} @keyframes kb-broadcast-arrow-right{0%,100%{transform:translateX(-8px);opacity:.55}55%{transform:translateX(8px);opacity:1}} @keyframes kb-broadcast-arrow-left{0%,100%{transform:translateX(8px);opacity:.55}55%{transform:translateX(-8px);opacity:1}} @keyframes kb-broadcast-arrow-down{0%,100%{transform:translateY(-5px);opacity:.55}55%{transform:translateY(8px);opacity:1}} #kb-product-page #cap-broadcast>.kb-broadcast-merged>.kb-broadcast-identity-section{padding-top:8px} #kb-product-page #cap-broadcast>.kb-broadcast-merged>.kb-broadcast-identity-section>.wrap{display:block} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-identity-section .sec-head{margin:0 0 18px} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-identity-section .sec-head p{margin-top:8px} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-identity-section .tbl tbody{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-bottom:1px solid #dce8fb} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-identity-section .tbl tbody tr{padding:12px 24px;border:0;border-left:1px solid #dce8fb;border-radius:0;background:transparent;box-shadow:none} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-identity-section .tbl tbody tr:first-child{border-left:0} @media(max-width:1100px){ #kb-product-page #cap-broadcast>.kb-broadcast-merged{display:flex;flex-direction:column;gap:26px} #kb-product-page #cap-broadcast>.kb-broadcast-merged .grid.kb-broadcast-types{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-type:nth-child(n){grid-column:auto;grid-row:auto} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-hub{order:-1;margin:0} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-flow{display:none} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-identity-section .tbl tbody{grid-template-columns:repeat(2,minmax(0,1fr))} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-identity-section .tbl tbody tr:nth-child(3){border-left:0} } @media(max-width:600px){ #kb-product-page #cap-broadcast>.kb-broadcast-merged .grid.kb-broadcast-types{grid-template-columns:1fr} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-identity-section .tbl tbody{grid-template-columns:1fr} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-identity-section .tbl tbody tr{border-left:0;border-top:1px solid #dce8fb} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-identity-section .tbl tbody tr:first-child{border-top:0} } @media(prefers-reduced-motion:reduce){} /* 箭头每轮只朝指向前进，末端淡出后回到起点。 */ #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-flow-glow{animation:none;stroke-dasharray:2 8;opacity:.5} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-flow--in svg{animation:kb-broadcast-arrow-right-oneway 6s linear infinite} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-flow--out svg{animation:kb-broadcast-arrow-left-oneway 6s linear infinite} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-flow--down svg{animation:kb-broadcast-arrow-down-oneway 6s linear infinite} @keyframes kb-broadcast-arrow-right-oneway{0%{transform:translateX(-18px);opacity:0}18%{opacity:1}75%{transform:translateX(14px);opacity:1}100%{transform:translateX(18px);opacity:0}} @keyframes kb-broadcast-arrow-left-oneway{0%{transform:translateX(18px);opacity:0}18%{opacity:1}75%{transform:translateX(-14px);opacity:1}100%{transform:translateX(-18px);opacity:0}} @keyframes kb-broadcast-arrow-down-oneway{0%{transform:translateY(-14px);opacity:0}18%{opacity:1}75%{transform:translateY(12px);opacity:1}100%{transform:translateY(16px);opacity:0}} @media(prefers-reduced-motion:reduce){#kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-flow svg{animation:none;opacity:1}} /* 六类播报卡片去掉侧边装饰图标，文字占满卡片宽度。 */ #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-type{grid-template-columns:minmax(0,1fr);column-gap:0} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-type-head, #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-type-desc, #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-type-example{grid-column:1} /* 去掉图标后，箭头收进卡片与中心圆环之间，避免碰到左对齐标题。 */ #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-flow--in{right:calc(100% - 58px)} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-flow--out{left:calc(100% - 58px)} /* AI broadcast equal four-card layout 2026-10-29 */ #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:16px;width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-flow::before, #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-flow::after{display:none;content:none} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-flow .fstep{display:grid;grid-template-columns:82px minmax(0,1fr);grid-template-rows:auto auto;column-gap:18px;row-gap:6px;align-content:center;align-items:center;min-height:156px;padding:20px 22px;border:1px solid #dce7f6!important;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(51,103,178,.12),0 2px 8px rgba(51,103,178,.04)!important;transform:none!important} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-flow .fstep:hover{border-color:#c8dbf4!important;box-shadow:0 14px 32px rgba(51,103,178,.15)!important;transform:none!important} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-flow .kb-broadcast-art{grid-column:1;grid-row:1/3;width:82px;height:82px;margin:0} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-flow .kb-broadcast-art .kb-cap-card-art{width:82px;max-width:82px;height:82px;object-fit:contain} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-flow .kb-broadcast-heading{grid-column:2;grid-row:1;width:auto;justify-content:flex-start} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-flow .kb-broadcast-heading h4{font-size:18px;line-height:1.35} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-flow .fstep p{grid-column:2;grid-row:2;margin:0;text-align:left;font-size:14px;line-height:1.55} @media (min-width:901px){ #kb-product-page #cap-broadcast>section.kb-broadcast-process-section>.wrap{grid-template-columns:minmax(0,310px) minmax(0,1fr);gap:56px} } @media (max-width:900px){ #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-flow{grid-template-columns:repeat(2,minmax(0,1fr))} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-flow .fstep{min-height:140px;padding:18px} } @media (max-width:600px){ #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-flow{grid-template-columns:1fr;gap:12px} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-flow .fstep{grid-template-columns:68px minmax(0,1fr);min-height:112px;padding:14px 16px} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-flow .kb-broadcast-art{width:68px;height:68px} #kb-product-page #cap-broadcast>section.kb-broadcast-process-section .kb-broadcast-flow .kb-broadcast-art .kb-cap-card-art{width:68px;max-width:68px;height:68px} } /* AI 播报中心与中排对齐，细线连接两侧和下方内容。 */ @media(min-width:1101px){ #kb-product-page #cap-broadcast>.kb-broadcast-merged .grid.kb-broadcast-types{grid-template-columns:minmax(0,1fr) 380px minmax(0,1fr)} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-flow--in{right:calc(100% - 113px)} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-flow--out{left:calc(100% - 113px)} } #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-hub{gap:15px} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-hub-intro{width:min(380px,100%);margin-top:4px;text-align:center} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-hub-intro h2{margin:0;--kb-h2-size:23px;--kb-h2-leading:1.38;--kb-h2-weight:500;color:var(--kb-ink)} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-hub-intro p{margin:9px 0 0;font-size:14px;line-height:1.5;color:var(--kb-muted)} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-flow{top:28%;width:98px;height:18px;color:#77afe2} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-flow--down{position:relative;top:auto;left:auto;right:auto;width:18px;height:52px;margin-top:6px;transform:none} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-flow--in svg, #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-flow--out svg, #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-flow--down svg{animation:none;transform:none;opacity:1} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-connector-track{stroke:#cfe0ec;stroke-width:2;stroke-linecap:round} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-connector-pulse{stroke:#3f95eb;stroke-width:3;stroke-linecap:round;stroke-dasharray:12 100;animation:kb-broadcast-line-travel 6s linear infinite} @keyframes kb-broadcast-line-travel{to{stroke-dashoffset:-112}} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-identity-section{padding-top:12px} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-identity-section .tbl tbody{margin-top:0;padding:14px 12px;border:1px solid #e0eafa;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(55,117,255,.055)} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-identity-section .tbl tbody tr{min-height:108px} @media(max-width:1100px){#kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-hub{transform:none}} @media(prefers-reduced-motion:reduce){#kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-connector-pulse{animation:none;stroke-dasharray:12 100}} /* 上中下三行各由细线接入中心；标题下方不画连接线。 */ #kb-product-page #cap-broadcast>.kb-broadcast-merged{row-gap:25px} @media(min-width:1101px){ #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-hub{transform:translateY(60px)} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-flow--in-top, #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-flow--in-bottom{right:calc(100% - 117px)} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-flow--out-top, #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-flow--out-bottom{left:calc(100% - 117px)} } #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-flow--in-top, #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-flow--out-top{top:-54px;width:121px;height:94px;transform:none} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-flow--in-bottom, #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-flow--out-bottom{top:84px;width:121px;height:198px;transform:none} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-flow--in-top .kb-broadcast-connector-pulse, #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-flow--in-bottom .kb-broadcast-connector-pulse, #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-flow--out-top .kb-broadcast-connector-pulse, #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-merge-flow--out-bottom .kb-broadcast-connector-pulse{stroke-dasharray:12 160;animation-name:kb-broadcast-line-travel-long} @keyframes kb-broadcast-line-travel-long{to{stroke-dashoffset:-172}} /* AI broadcast hub: gentle audio waveform */ #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-hub-wave i{ transform-origin:center; animation:kb-broadcast-audio-wave 2.8s ease-in-out infinite; } #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-hub-wave i:nth-child(2){animation-delay:-.45s} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-hub-wave i:nth-child(3){animation-delay:-.9s} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-hub-wave i:nth-child(4){animation-delay:-1.35s} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-hub-wave i:nth-child(5){animation-delay:-1.8s} @keyframes kb-broadcast-audio-wave{0%,100%{transform:scaleY(.62)}50%{transform:scaleY(1)}} @media(prefers-reduced-motion:reduce){ #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-hub-wave i{animation:none;transform:none} } /* AI broadcast: unified comparison panel */ #kb-product-page #cap-broadcast .kb-broadcast-comparison-panel{overflow:hidden;border:1px solid #dce7f6;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(51,103,178,.08)} #kb-product-page #cap-broadcast .kb-broadcast-comparison-panel .tbl{width:100%;margin:0;border:0;border-radius:0;border-spacing:0;background:#fff;box-shadow:none} #kb-product-page #cap-broadcast .kb-broadcast-comparison-panel .tbl thead th{padding:15px 20px;border:0;border-bottom:1px solid #dce7f6;background:#eaf3ff;color:#607693;font-size:14px;font-weight:500} #kb-product-page #cap-broadcast .kb-broadcast-comparison-panel .tbl thead th:last-child{background:#e2edff;color:var(--kb-primary)} #kb-product-page #cap-broadcast .kb-broadcast-comparison-panel .tbl tbody td{padding:15px 20px;border:0;border-bottom:1px solid #e8eef7;border-radius:0;background:#fff;box-shadow:none;color:var(--kb-muted);font-size:15px;font-weight:400} #kb-product-page #cap-broadcast .kb-broadcast-comparison-panel .tbl tbody td:first-child{color:var(--kb-ink);font-weight:500} #kb-product-page #cap-broadcast .kb-broadcast-comparison-panel .tbl tbody td.hi{background:#f5f9ff;color:var(--kb-primary);font-weight:500} #kb-product-page #cap-broadcast .kb-broadcast-comparison-panel .tbl tbody tr:last-child td{border-bottom:0} #kb-product-page #cap-broadcast .kb-broadcast-comparison-panel .quote{margin:0!important;padding:16px 20px;border:0;border-top:1px solid #dce7f6;border-radius:0;background:#edf4ff;box-shadow:none;color:#315b9b;font-size:14px;line-height:1.6} @media(max-width:600px){ #kb-product-page #cap-broadcast .kb-broadcast-comparison-panel .tbl{display:block;overflow-x:auto} #kb-product-page #cap-broadcast .kb-broadcast-comparison-panel .tbl thead, #kb-product-page #cap-broadcast .kb-broadcast-comparison-panel .tbl tbody{min-width:650px} #kb-product-page #cap-broadcast .kb-broadcast-comparison-panel .quote{padding:14px 16px} } /* 四项能力首块共用上下排版与 CMS 内容卡；后续区块背景规则保持原样。 */ #kb-product-page :is(#cap-ask,#cap-workshop,#cap-training).kb-cap-common>section:nth-of-type(odd){background:#fff;border-top:0} #kb-product-page :is(#cap-ask,#cap-workshop).kb-cap-common>section:nth-of-type(even){background:linear-gradient(180deg,#f7faff 0%,#f4f8ff 50%,#eaf3ff 100%);border-top:1px solid #e5edfb} #kb-product-page #cap-training.kb-cap-common>.kb-cap-merged+section.band{background:#fff;border-top:0} #kb-product-page :is(#cap-broadcast,#cap-ask,#cap-workshop,#cap-training)>section.kb-cap-overview-section{padding:34px 0 64px} #kb-product-page :is(#cap-broadcast,#cap-ask,#cap-workshop,#cap-training) .kb-cap-overview-layout{display:block} #kb-product-page :is(#cap-broadcast,#cap-ask,#cap-workshop,#cap-training) .kb-cap-overview-layout>.sec-head{max-width:760px;margin:0 0 32px} #kb-product-page :is(#cap-broadcast,#cap-ask,#cap-workshop,#cap-training) .kb-cap-overview-layout>.sec-head h2{text-wrap:balance} #kb-product-page :is(#cap-broadcast,#cap-ask,#cap-workshop,#cap-training) .kb-cap-overview-layout>.sec-head p{max-width:760px;margin-top:20px;} #kb-product-page :is(#cap-broadcast,#cap-ask,#cap-workshop,#cap-training) .kb-cap-overview-layout>.kb-cap-feature-grid{display:grid;grid-auto-rows:1fr;gap:24px;min-width:0} #kb-product-page :is(#cap-broadcast,#cap-ask,#cap-workshop,#cap-training) .kb-cap-overview-layout .kb-cap-feature-card{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:20px;align-content:center;min-height:112px;padding:16px 20px;border:1px solid #dce9ff;border-radius:16px;background:#fff;box-shadow:var(--kb-soft-card-shadow)} #kb-product-page :is(#cap-broadcast,#cap-ask,#cap-workshop,#cap-training) .kb-cap-overview-layout .kb-cap-scene{grid-column:1;grid-row:1/5;align-self:center;display:block;width:96px;height:80px;aspect-ratio:auto;margin:0;border-radius:12px;background:#f7faff;overflow:hidden} #kb-product-page :is(#cap-broadcast,#cap-ask,#cap-workshop,#cap-training) .kb-cap-overview-layout .kb-cap-scene__glow,#kb-product-page :is(#cap-broadcast,#cap-ask,#cap-workshop,#cap-training) .kb-cap-overview-layout .kb-cap-scene__ring{display:none} #kb-product-page :is(#cap-broadcast,#cap-ask,#cap-workshop,#cap-training) .kb-cap-overview-layout .kb-cap-scene .kb-cap-card-art{position:absolute;inset:0;width:100%;height:100%;max-width:100%;margin:0;object-fit:contain;transform:none} #kb-product-page :is(#cap-broadcast,#cap-ask,#cap-workshop,#cap-training) .kb-cap-overview-layout .kb-cap-feature-card h3{grid-column:1;margin:0 0 12px;font-size:18px;line-height:1.4;font-weight:var(--kb-weight-heading)} #kb-product-page :is(#cap-broadcast,#cap-ask,#cap-workshop,#cap-training) .kb-cap-overview-layout .kb-cap-feature-card p{grid-column:1;margin:0;font-size:14px;line-height:1.6;letter-spacing:0} #kb-product-page :is(#cap-broadcast,#cap-ask,#cap-workshop,#cap-training) .kb-cap-overview-layout .kb-cap-feature-card .chips{grid-column:1;gap:6px;margin-top:10px} #kb-product-page :is(#cap-broadcast,#cap-ask,#cap-workshop,#cap-training) .kb-cap-overview-layout .kb-cap-feature-card .chip{padding:5px 9px;font-size:12px} #kb-product-page #cap-training .kb-cap-overview-layout .kb-cap-feature-card{min-height:0} #kb-product-page #cap-training.kb-cap-common .kb-cap-overview-layout .kb-cap-scene{width:76px;height:76px} #kb-product-page #cap-training .kb-cap-overview-layout .kb-cap-feature-card h3{font-size:18px} @media(max-width:1050px){ #kb-product-page #cap-workshop .kb-cap-overview-layout>.kb-cap-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:767px){ #kb-product-page :is(#cap-broadcast,#cap-ask,#cap-workshop,#cap-training)>section.kb-cap-overview-section{padding:24px 0 42px} #kb-product-page :is(#cap-broadcast,#cap-ask,#cap-workshop,#cap-training) .kb-cap-overview-layout>.sec-head{margin-bottom:24px} #kb-product-page :is(#cap-broadcast,#cap-ask,#cap-workshop,#cap-training) .kb-cap-overview-layout>.sec-head p{max-width:none;margin-top:14px} #kb-product-page :is(#cap-broadcast,#cap-ask,#cap-workshop,#cap-training) .kb-cap-overview-layout>.kb-cap-feature-grid{grid-template-columns:1fr;gap:16px} } @media(prefers-reduced-motion:reduce){ #kb-product-page :is(#cap-broadcast,#cap-ask,#cap-workshop,#cap-training) .kb-cap-overview-layout .kb-cap-feature-card{transition:none} } /* 问询、工坊、培训：将概览与紧接的内容组合为一个连续展示区。 */ #kb-product-page :is(#cap-ask,#cap-workshop,#cap-training).kb-cap-common>.kb-cap-merged{ background:linear-gradient(180deg,#f7faff 0%,#f1f7ff 60%,#eaf3ff 100%); border-top:1px solid #e4edfa; border-bottom:1px solid #e1eafa; } #kb-product-page #cap-training.kb-cap-common>.kb-cap-merged{border-bottom:0} #kb-product-page :is(#cap-ask,#cap-workshop,#cap-training).kb-cap-common>.kb-cap-merged>section{ padding:0; border:0; background:transparent; } #kb-product-page :is(#cap-ask,#cap-workshop,#cap-training).kb-cap-common>.kb-cap-merged>.kb-cap-overview-section{ padding:0; } #kb-product-page :is(#cap-ask,#cap-workshop,#cap-training).kb-cap-common>.kb-cap-merged>.band{ margin-top:42px; } #kb-product-page :is(#cap-ask,#cap-workshop,#cap-training).kb-cap-common>.kb-cap-merged>.band .sec-head{ margin-bottom:22px; } #kb-product-page :is(#cap-ask,#cap-workshop,#cap-training).kb-cap-common>.kb-cap-merged>.band .sec-head p{ margin-top:8px; } /* 问询：两种模式与四步工作流形成同一条故事线。 */ #kb-product-page #cap-ask>.kb-cap-merged .kb-ask-flow{ display:grid; align-items:stretch; } #kb-product-page #cap-ask>.kb-cap-merged .kb-ask-flow .farrow{display:none} #kb-product-page #cap-ask>.kb-cap-merged .kb-ask-flow .fstep{ position:relative; min-width:0; border:1px solid #dce9f8; border-radius:16px; background:#fff; box-shadow:0 8px 24px rgba(55,117,255,.06); } #kb-product-page #cap-ask>.kb-cap-merged .kb-ask-flow .fstep:not(:last-child):after{ content:''; position:absolute; top:50%; right:-15px; width:15px; border-top:2px solid #8bb8f3; z-index:1; } #kb-product-page #cap-ask>.kb-cap-merged .kb-ask-flow .fstep .num{ width:28px;height:28px;line-height:28px;margin:0 auto 8px; border-radius:50%;background:#eaf3ff;color:var(--kb-primary);font-size:14px; } /* 工坊：实例与可筛选的九类 Skill 保持在一组，长表在组内滚动。 */ #kb-product-page #cap-workshop #skillFilter{ display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px!important; } #kb-product-page #cap-workshop #skillTable{ display:block; overflow:auto; border:1px solid #dce7f6; border-radius:16px; background:#fff; box-shadow:0 10px 28px rgba(55,117,255,.06); } #kb-product-page #cap-workshop #skillTable thead{ position:sticky;top:0;z-index:2;background:#eaf3ff; } #kb-product-page #cap-workshop #skillTable th{ background:#eaf3ff; } #kb-product-page #cap-workshop #skillTable tbody tr:last-child td{ border-bottom:0; } @media(max-width:900px){ #kb-product-page #cap-ask>.kb-cap-merged .kb-ask-flow{grid-template-columns:repeat(2,minmax(0,1fr))} #kb-product-page #cap-ask>.kb-cap-merged .kb-ask-flow .fstep:after{display:none} } @media(max-width:600px){ #kb-product-page :is(#cap-ask,#cap-workshop,#cap-training).kb-cap-common>.kb-cap-merged>.band{margin-top:30px} #kb-product-page :is(#cap-ask,#cap-workshop,#cap-training).kb-cap-common>.kb-cap-merged>.band>.wrap{padding-top:26px} #kb-product-page #cap-workshop #skillTable{max-height:420px;overflow:auto} #kb-product-page #cap-workshop #skillTable thead, #kb-product-page #cap-workshop #skillTable tbody{min-width:680px} } /* 三个能力模块的内容与体验并排合并，中央沿用各能力 CMS 图像。 */ @media(min-width:1101px){ #kb-product-page :is(#cap-ask,#cap-workshop,#cap-training).kb-cap-common>.kb-cap-merged{ display:grid; grid-template-columns:minmax(0,1fr) 144px minmax(0,.82fr); gap:28px; } #kb-product-page #cap-training.kb-cap-common>.kb-cap-merged{grid-template-columns:minmax(0,1fr) 154px minmax(0,1fr)} #kb-product-page :is(#cap-ask,#cap-workshop,#cap-training).kb-cap-common>.kb-cap-merged>section:first-child{grid-column:1} #kb-product-page :is(#cap-ask,#cap-workshop,#cap-training).kb-cap-common>.kb-cap-merged>.kb-cap-merge-hub{grid-column:2} #kb-product-page :is(#cap-ask,#cap-workshop,#cap-training).kb-cap-common>.kb-cap-merged>section:last-child{grid-column:3} } #kb-product-page :is(#cap-ask,#cap-workshop,#cap-training).kb-cap-common>.kb-cap-merged{ padding:58px max(24px,calc((100% - 1152px)/2)) 66px; gap:28px; } @media(min-width:1101px){#kb-product-page #cap-training.kb-cap-common>.kb-cap-merged{gap:85px}} #kb-product-page :is(#cap-ask,#cap-workshop,#cap-training).kb-cap-common>.kb-cap-merged>.band{margin:0} #kb-product-page :is(#cap-ask,#cap-workshop,#cap-training).kb-cap-common>.kb-cap-merged>section>.wrap{ width:100%;max-width:none;padding:0;border:0; } #kb-product-page :is(#cap-ask,#cap-workshop,#cap-training).kb-cap-common>.kb-cap-merged .sec-head{min-height:72px;margin:0 0 22px} #kb-product-page :is(#cap-ask,#cap-workshop,#cap-training).kb-cap-common>.kb-cap-merged .kb-cap-merge-hub{ position:relative; display:flex;flex-direction:column;align-items:center;justify-content:center; gap:14px;min-width:0;color:var(--kb-ink);text-align:center; } #kb-product-page :is(#cap-ask,#cap-workshop,#cap-training).kb-cap-common>.kb-cap-merged .kb-cap-merge-hub:before, #kb-product-page :is(#cap-ask,#cap-workshop,#cap-training).kb-cap-common>.kb-cap-merged .kb-cap-merge-hub:after{ content:'';position:absolute;top:48px;width:28px;border-top:2px solid #b7d3ef; } #kb-product-page :is(#cap-ask,#cap-workshop,#cap-training).kb-cap-common>.kb-cap-merged .kb-cap-merge-hub:before{right:100%} #kb-product-page :is(#cap-ask,#cap-workshop,#cap-training).kb-cap-common>.kb-cap-merged .kb-cap-merge-hub:after{left:100%} #kb-product-page #cap-training .kb-cap-merge-hub:before,#kb-product-page #cap-training .kb-cap-merge-hub:after{display:none} #kb-product-page #cap-training .kb-cap-merge-hub .kb-kb-network-links{inset:auto;top:0;left:-85px;width:calc(100% + 170px);height:124px} #kb-product-page :is(#cap-ask,#cap-workshop).kb-cap-common>.kb-cap-merged .kb-cap-merge-hub img{ width:100px;height:100px;object-fit:contain;padding:15px; border:1px solid #dce9f8;border-radius:26px;background:#fff; box-shadow:0 12px 32px rgba(55,117,255,.1); } #kb-product-page :is(#cap-ask,#cap-workshop,#cap-training).kb-cap-common>.kb-cap-merged .kb-cap-merge-hub strong{font-size:18px;font-weight:500;line-height:1.45} #kb-product-page #cap-ask>.kb-cap-merged .kb-ask-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} #kb-product-page #cap-ask>.kb-cap-merged .kb-ask-flow .fstep{padding:15px 12px;min-height:158px} #kb-product-page #cap-ask>.kb-cap-merged .kb-ask-flow .fstep:after{display:none} #kb-product-page #cap-ask>.kb-cap-merged .kb-ask-flow-art{width:72px;height:48px;margin-bottom:6px} #kb-product-page #cap-ask>.kb-cap-merged .tbl{display:block;max-height:220px;overflow:auto;margin-top:16px;border-radius:14px;background:#fff} #kb-product-page #cap-ask>.kb-cap-merged .tbl thead,#kb-product-page #cap-ask>.kb-cap-merged .tbl tbody{min-width:550px} #kb-product-page #cap-ask>.kb-cap-merged #askChat{overflow:auto} #kb-product-page #cap-workshop #skillTable{max-height:410px} #kb-product-page #cap-workshop #skillTable thead, #kb-product-page #cap-workshop #skillTable tbody{min-width:630px} #kb-product-page #cap-workshop>.kb-cap-merged .grid.g2{grid-template-columns:1fr;gap:14px;margin-top:18px!important} #kb-product-page #cap-workshop>.kb-cap-merged .grid.g2 .card{padding:22px;border:1px solid #dce7f6;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(55,117,255,.06)} #kb-product-page #cap-training>.kb-cap-merged .kb-kb-network-table, #kb-product-page #cap-training>.kb-cap-merged #quiz1{min-height:300px} @media(max-width:1100px){ #kb-product-page :is(#cap-ask,#cap-workshop,#cap-training).kb-cap-common>.kb-cap-merged{display:flex;flex-direction:column;align-items:stretch;padding:44px max(24px,calc((100vw - 840px)/2))} #kb-product-page :is(#cap-ask,#cap-workshop,#cap-training).kb-cap-common>.kb-cap-merged .kb-cap-merge-hub{order:-1} #kb-product-page :is(#cap-ask,#cap-workshop,#cap-training).kb-cap-common>.kb-cap-merged .kb-cap-merge-hub:before, #kb-product-page :is(#cap-ask,#cap-workshop,#cap-training).kb-cap-common>.kb-cap-merged .kb-cap-merge-hub:after{display:none} #kb-product-page #cap-training .kb-cap-merge-hub .kb-kb-network-links{display:none} } @media(max-width:600px){ #kb-product-page :is(#cap-ask,#cap-workshop,#cap-training).kb-cap-common>.kb-cap-merged{padding:36px 18px 42px} #kb-product-page #cap-ask>.kb-cap-merged .kb-ask-flow{grid-template-columns:repeat(2,minmax(0,1fr))} } /* 合并区两栏从同一顶线开始；来源表在右栏内滚动，避免挤压列宽。 */ @media(min-width:1101px){ #kb-product-page :is(#cap-ask,#cap-workshop,#cap-training).kb-cap-common>.kb-cap-merged{align-items:start} #kb-product-page :is(#cap-ask,#cap-workshop,#cap-training).kb-cap-common>.kb-cap-merged>.kb-cap-merge-hub{align-self:center} #kb-product-page #cap-training.kb-cap-common>.kb-cap-merged>.kb-cap-merge-hub{align-self:start;margin-top:248px} } #kb-product-page #cap-workshop>.kb-cap-merged>section:last-child .tbl{ display:block;max-height:330px;overflow:auto; border:1px solid #dce7f6;border-radius:16px;background:#fff; } #kb-product-page #cap-workshop>.kb-cap-merged>section:last-child .tbl thead, #kb-product-page #cap-workshop>.kb-cap-merged>section:last-child .tbl tbody{min-width:650px} /* 合并后去掉旧独立段落留下的顶部分割与空白。 */ #kb-product-page :is(#cap-ask,#cap-workshop,#cap-training).kb-cap-common>.kb-cap-merged>.band>.wrap{ padding-top:0; border-top:0; } /* 智能问询：左侧宽体验、右侧窄步骤，与上方概览形成交错层次。 */ @media(min-width:1101px){ #kb-product-page #cap-ask.kb-cap-common>.kb-cap-merged{grid-template-columns:minmax(0,724fr) minmax(0,380fr);gap:48px;padding-inline:max(24px,calc((100% - 1152px)/2))} #kb-product-page #cap-ask.kb-cap-common>.kb-cap-merged>section:first-child{grid-column:2;grid-row:1} #kb-product-page #cap-ask.kb-cap-common>.kb-cap-merged>section:last-child{grid-column:1;grid-row:1} } #kb-product-page #cap-ask>.kb-cap-merged .kb-ask-steps{ position:relative;list-style:none;margin:0;padding:14px 22px 14px 18px; border:1px solid #dce8f7;border-radius:20px; background:linear-gradient(135deg,#fff 0%,#fbfdff 100%); box-shadow:0 12px 30px rgba(55,117,255,.065); } #kb-product-page #cap-ask>.kb-cap-merged .kb-ask-steps:before{ content:"";position:absolute;z-index:0;left:36px;top:48px;bottom:48px;width:2px; background:linear-gradient(180deg,#7eaaff,#c8dcf8); } #kb-product-page #cap-ask>.kb-cap-merged .kb-ask-steps:after{ content:"";position:absolute;z-index:1;left:32px;top:48px;width:10px;height:10px; border-radius:50%;background:#397aff;box-shadow:0 0 0 5px rgba(57,122,255,.1),0 0 12px rgba(57,122,255,.35); animation:kb-ask-step-flow 8s ease-in-out infinite; } @keyframes kb-ask-step-flow{0%{top:48px;opacity:0}8%{opacity:1}88%{opacity:1}100%{top:calc(100% - 58px);opacity:0}} #kb-product-page #cap-ask>.kb-cap-merged .kb-ask-step{ position:relative;z-index:2;display:grid;grid-template-columns:36px minmax(0,1fr); gap:8px;align-items:center;min-height:0;padding:8px 0; } #kb-product-page #cap-ask>.kb-cap-merged .kb-ask-step-number{ display:grid;place-items:center;width:36px;height:36px;border:1px solid #d3e2fc; border-radius:50%;background:#f2f7ff;color:var(--kb-primary);font-size:16px;font-weight:500; box-shadow:0 5px 14px rgba(55,117,255,.08); } #kb-product-page #cap-ask>.kb-cap-merged .kb-ask-step-copy h3{margin:0;color:var(--kb-ink);font-size:16px;font-weight:400;line-height:24px} #kb-product-page #cap-ask>.kb-cap-merged .kb-ask-step-copy p{margin:2px 0 0;color:var(--kb-muted);font-size:14px;line-height:22px} #kb-product-page #cap-ask>.kb-cap-merged #askChat{min-height:260px;max-height:440px} @media(max-width:1100px){#kb-product-page #cap-ask.kb-cap-common>.kb-cap-merged{gap:28px}} @media(max-width:600px){#kb-product-page #cap-ask>.kb-cap-merged .kb-ask-steps{padding-right:14px}#kb-product-page #cap-ask>.kb-cap-merged .kb-ask-steps:before{left:36px}#kb-product-page #cap-ask>.kb-cap-merged .kb-ask-steps:after{left:32px}#kb-product-page #cap-ask>.kb-cap-merged .kb-ask-step{grid-template-columns:36px minmax(0,1fr);gap:8px}#kb-product-page #cap-ask>.kb-cap-merged .kb-ask-step-number{width:36px;height:36px}} @media(prefers-reduced-motion:reduce){#kb-product-page #cap-ask>.kb-cap-merged .kb-ask-steps:after{animation:none;opacity:0}} /* 智能问询：典型场景与传统查询差异并排，可信能力横排收尾。 */ #kb-product-page #cap-ask.kb-cap-common>section.band.kb-ask-evidence{background:#fff;border-top:1px solid #e5edfb} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-evidence-grid{display:grid;grid-template-columns:minmax(0,.39fr) minmax(0,.61fr);gap:36px;align-items:start} #kb-product-page #cap-ask>.kb-ask-evidence .sec-head{margin:0 0 20px} #kb-product-page #cap-ask>.kb-ask-evidence .sec-head p{margin-top:8px;} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-scenario-list{overflow:hidden;border:1px solid #dce8f7;border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(55,117,255,.05)} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-scenario{display:flex;align-items:center;gap:14px;min-height:62px;padding:12px 18px;border-bottom:1px solid #e8eef7;color:var(--kb-ink);font-size:15px;line-height:1.5} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-scenario:last-child{border-bottom:0} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-scenario-index{display:grid;flex:0 0 28px;place-items:center;width:28px;height:28px;border-radius:50%;background:#eef5ff;color:var(--kb-primary);font-size:13px} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-difference{min-width:0} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-difference .tbl{display:table;width:100%;margin:0;border:1px solid #dce8f7;overflow:hidden;background:#fff;} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-trust-grid{margin-top:30px} @media(max-width:1100px){#kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-evidence-grid{gap:22px;}} @media(max-width:767px){#kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-difference .tbl{display:block;overflow-x:auto}} /* 典型场景 -> 智能问询 -> 差异，对齐播报的中心枢纽布局。 */ @media(min-width:1101px){ } #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-evidence-hub{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:340px;text-align:center} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-hub-ring{display:grid;place-items:center;width:124px;height:124px;border:15px solid rgba(255,255,255,.9);border-radius:50%;background:#fff;box-shadow:0 16px 38px rgba(77,125,193,.1)} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-hub-ring img{display:block;width:90px;height:90px;object-fit:contain} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-evidence-hub strong{margin-top:18px;font-size:24px;font-weight:500;line-height:1.4;color:var(--kb-ink)} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-hub-ring{position:relative;z-index:1} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-hub-branch{display:none} @keyframes kb-ask-branch-flow{to{stroke-dashoffset:-180}} /* 智能问询差异表与 AI 播报差异表统一表头、文字层级和结果列。 */ #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-difference .tbl{border-color:#dce7f6;border-radius:18px;border-spacing:0;box-shadow:0 12px 30px rgba(51,103,178,.08)} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-difference .tbl thead th{min-width:0;padding:12px 10px;border:0;border-bottom:1px solid #dce7f6;background:#eaf3ff;color:#607693;font-size:14px;font-weight:500;line-height:1.45;letter-spacing:0} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-difference .tbl thead th:last-child{background:#e2edff;color:var(--kb-primary)} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-difference .tbl tbody td{min-width:0;padding:12px 10px;border:0;border-bottom:1px solid #e8eef7;background:#fff;color:var(--kb-muted);font-size:15px;font-weight:400;line-height:1.45;letter-spacing:0;word-break:normal} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-difference .tbl tbody td:first-child{color:var(--kb-ink);font-weight:500} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-difference .tbl tbody td.hi{background:#f5f9ff;color:var(--kb-primary);font-weight:500} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-difference .tbl tbody tr:last-child td{border-bottom:0} @media(max-width:1100px){#kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-evidence-grid{grid-template-columns:minmax(0,.4fr) minmax(0,.6fr)}#kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-evidence-hub{grid-column:1/-1;grid-row:1;min-height:240px}#kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-hub-branch{display:none}} @media(max-width:767px){#kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-evidence-grid{grid-template-columns:1fr}#kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-evidence-hub{min-height:210px}} @media(max-width:900px){ #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-hub-ring, #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-hub-ring{width:102px;height:102px} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-hub-ring{border-width:12px} #kb-product-page #cap-broadcast>.kb-broadcast-merged .kb-broadcast-hub-wave, #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-hub-ring img{width:75px;height:75px} } @media(prefers-reduced-motion:reduce){#kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-branch-flow{animation:none}} /* 问询场景沿用 CMS 中“如何工作”的原有处理方式表，不重复展示上方问题。 */ #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-process-table{max-height:390px;overflow:auto;border:1px solid #dce8f7;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(55,117,255,.05);scrollbar-color:#c9d9ef transparent;scrollbar-width:thin} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-process-table .tbl{width:100%;margin:0!important;table-layout:fixed;border:0;border-radius:0;box-shadow:none;font-size:13px} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-process-table .tbl th, #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-process-table .tbl td{padding:12px 10px;min-width:0;word-break:break-word} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-process-table .tbl thead th{position:sticky;top:0;z-index:1;background:#eaf3ff;font-size:16px;font-weight:400;line-height:24px} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-process-table .tbl tbody td{font-size:14px;font-weight:400;line-height:22px} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-difference .tbl tbody td.hi::after{content:none} @media(min-width:1101px){ #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-evidence-grid{--kb-ask-gap:clamp(48px,5vw,85px);grid-template-columns:minmax(0,.4fr) minmax(192px,.2fr) minmax(0,.4fr);gap:var(--kb-ask-gap);align-items:stretch} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-scenarios,#kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-difference{display:flex;flex-direction:column} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-process-table{flex:1;max-height:none} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-process-table .tbl{height:100%} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-difference .tbl{flex:1} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-evidence-hub{--kb-ask-center-offset:44px;align-self:stretch;min-height:0;box-sizing:border-box;padding-top:88px;transform:none} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-evidence-hub strong{position:absolute;top:calc(50% + var(--kb-ask-center-offset) + 80px);margin:0} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-hub-branch{position:absolute;z-index:0;display:block;top:calc(50% + var(--kb-ask-center-offset) - 60px);width:calc(50% - 62px + var(--kb-ask-gap));height:120px;overflow:visible;fill:none;stroke:#c8dcf2;stroke-width:2;vector-effect:non-scaling-stroke} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-hub-branch--in{right:calc(50% + 62px)} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-hub-branch--out{left:calc(50% + 62px)} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-branch-flow{stroke:#3885f5;stroke-width:4;stroke-linecap:round;stroke-dasharray:12 180;animation:kb-ask-branch-flow 5s linear infinite} #kb-product-page #cap-ask>.kb-ask-evidence .kb-ask-hub-branch--out .kb-ask-branch-flow{animation-delay:2.5s} } /* 四项能力首块共用纯文字卡片排版。 */ #kb-product-page :is(#cap-broadcast,#cap-ask,#cap-workshop,#cap-training) .kb-cap-overview-layout .kb-cap-feature-card{display:block;min-height:0;padding:24px} #kb-product-page :is(#cap-broadcast,#cap-ask,#cap-workshop,#cap-training) .kb-cap-overview-layout .kb-cap-feature-card .chips{margin-top:8px} @media(max-width:767px){ #kb-product-page :is(#cap-broadcast,#cap-ask,#cap-workshop,#cap-training) .kb-cap-overview-layout .kb-cap-feature-card{padding:18px} } /* 对话器：比较与交互体验归为一个连续模块。 */ #kb-product-page #cap-ask .kb-ask-dialog-module{ display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr); gap:34px;align-items:start; padding:56px max(24px,calc((100vw - 1152px)/2)) 62px; border-top:1px solid #e5edfb; background:linear-gradient(180deg,#f7faff 0%,#eef5ff 100%); } #kb-product-page #cap-ask .kb-ask-dialog-module>section{ min-width:0;margin:0;padding:0;border:0;background:transparent; } #kb-product-page #cap-ask .kb-ask-dialog-module>section>.wrap{ width:100%;max-width:none;margin:0;padding:0; } #kb-product-page #cap-ask .kb-ask-dialog-module .sec-head{max-width:none;margin-bottom:20px} #kb-product-page #cap-ask .kb-ask-dialog-module .tbl{ margin:0;box-shadow:0 10px 28px rgba(55,117,255,.055); } #kb-product-page #cap-ask .kb-ask-dialog-module .tbl th, #kb-product-page #cap-ask .kb-ask-dialog-module .tbl td{ min-width:0;padding:10px 12px;font-size:14px;line-height:1.5;letter-spacing:0; } #kb-product-page #cap-ask .kb-ask-dialog-module .tbl tbody td.hi::after{content:none} #kb-product-page #cap-ask .kb-ask-dialog-module .kb-ask-dialog-experience{ padding-left:30px;border-left:1px solid #dce8f7; } #kb-product-page #cap-ask .kb-ask-dialog-module #dlgChat{ min-height:174px;padding:18px;background:#fff; } #kb-product-page #cap-ask .kb-ask-dialog-module #dlgReplies{margin-top:14px!important} @media(max-width:1000px){ #kb-product-page #cap-ask .kb-ask-dialog-module{grid-template-columns:1fr;gap:28px;padding:42px max(24px,calc((100vw - 840px)/2)) 48px} #kb-product-page #cap-ask .kb-ask-dialog-module .kb-ask-dialog-experience{padding:28px 0 0;border-left:0;border-top:1px solid #dce8f7} } @media(max-width:600px){ #kb-product-page #cap-ask .kb-ask-dialog-module{padding:36px 20px 42px} #kb-product-page #cap-ask .kb-ask-dialog-module .tbl{display:block;overflow-x:auto} #kb-product-page #cap-ask .kb-ask-dialog-module .tbl thead, #kb-product-page #cap-ask .kb-ask-dialog-module .tbl tbody{min-width:580px} } /* Product typography aligned to docs/前端.md, 2026-10-29. */ #kb-product-page #cap-broadcast .kb-broadcast-type-head h3{ font-size:18px;line-height:26px;font-weight:400; } #kb-product-page #cap-kb .kb-kb-network-row p, #kb-product-page #cap-kb .kb-kb-network-source p, #kb-product-page #cap-kb .kb-kb-network-center p, #kb-product-page #cap-broadcast .feed-item p{ font-size:14px;line-height:22px; } #kb-product-page #cap-broadcast .kb-broadcast-comparison-panel .tbl thead th, #kb-product-page #cap-ask .kb-ask-difference .tbl thead th, #kb-product-page #cap-ask .kb-ask-dialog-module .tbl thead th{ font-size:16px!important;line-height:24px!important;font-weight:400!important; } #kb-product-page #cap-broadcast .kb-broadcast-comparison-panel .tbl tbody td, #kb-product-page #cap-ask .kb-ask-difference .tbl tbody td, #kb-product-page #cap-ask .kb-ask-dialog-module .tbl tbody td{ font-size:14px!important;line-height:22px!important;font-weight:400!important; } #kb-product-page #cap-workshop .tbl tbody td{ font-size:14px!important;line-height:22px!important;font-weight:400!important; } #kb-product-page #cap-broadcast .kb-broadcast-identity-section .tbl tbody td:first-child{ font-size:18px!important;line-height:26px!important;font-weight:400!important; }