/* 首页样式。内容就是客户给的设计稿 kw Hero Page 里那一整段 <style>，原样搬过来，
   只改了两处图片路径 ./public/images/xxx -> ../images/home2026/xxx。
   只有 index.html 引用本文件，其它页面走 home.css，所以这里的 header/nav/h1
   这类裸标签选择器不会影响任何别的页面。
   文件末尾另有一小段页脚兜底，见那里的说明。 */

/* 2026-08-18：页头改用项目共用的 .kw26-header 一族（home.css 里那套），
   跟 About / Contact / 法律条款等页面完全同一份样式，所以设计稿自带的
   header / .logo / nav / .search / .glass 这几条已经整段删掉了，别加回来。
   导航内容没变，还是 K-FLOW / K-RANKING / K-INSIGHT / About + 搜索框。
   --header-h 跟着 .kw26-header 的实际高度走：101px，760px 以下 72px。 */
:root{--ink:#19007c;--header-h:101px}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow-x:hidden;background:#fbfbff;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}
/* 下面两条在 home.css 里是挂在 body.kw26-page 上的。首页 body 不带那个类
   （带了会把 background:#fff 和 line-height:1.6 一起带进来，破坏五屏排版），
   所以按页头范围重新挂一次，让页头行为跟其它页面完全一致。
   第一条尤其别删：没有它，761~1100px 之间 flex 压缩 .kw26-brand 时 Logo 不会跟着缩，
   首页 Logo 会比其它页面大一截（实测 768px 下 180px vs 138.3px），导航还会被挤到换行。 */
.kw26-header img{max-width:100%}
.kw26-search input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:16px;height:16px;flex:0 0 16px;margin:0 6px 0 8px;cursor:pointer;opacity:1;background:linear-gradient(45deg,transparent 43%,#19001C 43%,#19001C 57%,transparent 57%),linear-gradient(-45deg,transparent 43%,#19001C 43%,#19001C 57%,transparent 57%)}
.hero{height:calc(100dvh - var(--header-h));position:relative;overflow:hidden}.map,.network{position:absolute;inset:0;pointer-events:none;transition:transform .35s ease-out}.map{background:url('../images/home2026/knowwell-world-map.webp') center/cover no-repeat}.network{left:34%;top:2%;bottom:2%}.routes{width:100%;height:100%;overflow:visible}.route{fill:none;stroke:#7968c8;stroke-width:.13;vector-effect:non-scaling-stroke;opacity:.17;transition:.35s}.route.active{opacity:.5;stroke-width:.21}.signal{fill:#684ade;opacity:0}.signal.active{opacity:.62}.nodes{position:absolute;inset:0;pointer-events:none}.node{position:absolute;transform:translate(-50%,-50%);border:0;background:none;padding:0;color:#261476;pointer-events:auto;cursor:pointer;text-align:left}.pin{position:absolute;width:18px;height:18px;transform:translate(-50%,-50%);border:1px solid #5c42c352;background:#ffffffa0;border-radius:50%;box-shadow:0 0 10px #553ac01f}.pin:before{content:"";position:absolute;inset:-1px;border:1px solid #5b41c140;border-radius:50%;animation:pulse 2.6s ease-out infinite;animation-delay:var(--delay)}.pin:after{content:"";position:absolute;width:5px;height:5px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#5536cb}.label{position:absolute;left:13px;top:-8px;width:max-content;display:grid;gap:2px;text-shadow:0 1px 3px #fff;opacity:.72;transition:.25s}.label strong{font-size:11px}.label small{font-size:8px;color:#6b6393}.node.active .label{opacity:1;transform:translateY(-1px)}.node.active .pin{box-shadow:0 0 14px #5735d040}.tip{position:absolute;left:14px;bottom:20px;width:174px;padding:11px 12px 10px 15px;display:grid;gap:2px;background:#fffffff8;border:1px solid #ddd8ef;border-radius:6px;box-shadow:0 8px 22px #1c09691c;opacity:0;visibility:hidden;transform:translateY(5px);transition:.2s;pointer-events:none;z-index:4}.tip:before{content:"";position:absolute;left:0;top:10px;width:3px;height:27px;background:#6444db}.tip strong{font-size:12px}.tip b{font-size:9px;color:#584aa0}.tip small{font-size:8px;color:#736d8b;margin-top:3px}.node:hover .tip,.node:focus-visible .tip{opacity:1;visibility:visible;transform:none}
.copy{position:relative;z-index:3;padding:clamp(54px,10.5vh,88px) 7.57% 28px;height:100%;pointer-events:none}h1{margin:0;max-width:min(820px,46vw);font-size:clamp(48px,min(5.4vw,9.2vh),78px);line-height:1.04;letter-spacing:-.048em;font-weight:650}.accent{display:block;width:107px;height:2px;background:#6b50db;margin:clamp(36px,6vh,54px) 0 clamp(44px,7.5vh,68px);transform:none}.intro{margin:0;width:min(560px,43vw);font-size:clamp(16px,2.45vh,22px);line-height:1.48}.support{position:static;margin:clamp(38px,6.2vh,56px) 0 0;width:min(760px,44vw);font-size:clamp(17px,2.3vh,21px);line-height:1.52;letter-spacing:-.012em;text-wrap:balance}@keyframes pulse{0%{transform:scale(.6);opacity:.62}72%,100%{transform:scale(2.2);opacity:0}}
@media(max-width:1050px){.network{left:25%;opacity:.78}.intro{width:46vw}.support{width:48vw;font-size:clamp(15px,2.15vh,19px)}}
@media(max-width:760px){:root{--header-h:72px}.hero{height:calc(100dvh - var(--header-h))}.copy{padding:clamp(22px,4.4vh,38px) 22px 16px}.map{background-position:61% 50%;opacity:.68}.network{left:2%;top:35%;bottom:3%;opacity:.74;transform:none!important}h1{max-width:92vw;font-size:clamp(40px,min(13vw,9.2vh),62px);line-height:1.02}.accent{margin:clamp(13px,2.2vh,20px) 0;width:78px}.intro{width:min(90vw,520px);font-size:clamp(12px,1.85vh,15px);line-height:1.48}.support{margin-top:clamp(18px,3vh,26px);width:min(90vw,560px);font-size:clamp(13px,1.95vh,16px);line-height:1.46;text-wrap:pretty}.label small{display:none}.signal{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.map,.network{transform:none!important}.signal{display:none}}

/* K-Ranking — scoped second-screen styles. */
.ranking-section{--ranking-ink:#19007c;height:100dvh;min-height:560px;overflow:hidden;background:#fcfdfe;color:var(--ranking-ink);display:grid;align-items:center}
.ranking-inner{width:min(1240px,91%);height:min(100%,820px);margin:auto;padding:clamp(24px,4.4vh,46px) 0 clamp(20px,3.8vh,38px);display:grid;grid-template-rows:auto 1px minmax(0,1fr) 1px;gap:clamp(14px,2.4vh,24px)}
.ranking-heading{margin:0;padding-top:clamp(9px,1.5vh,15px);font-size:clamp(28px,3.35vw,48px);line-height:1;font-weight:650;letter-spacing:-.035em;position:relative}.ranking-heading:before{content:"";position:absolute;left:0;top:0;width:76px;height:2px;background:#c8c0f1}
.ranking-rule{height:1px;background:#e1dfed;width:100%}.ranking-layout{min-height:0;display:grid;grid-template-columns:minmax(0,1.72fr) minmax(290px,1fr);gap:clamp(38px,5.4vw,78px);align-items:center}
.ranking-visual{--rank-rx:0deg;--rank-ry:0deg;--rank-px:0px;--rank-py:0px;--rank-light:1;position:relative;aspect-ratio:1.53;max-height:100%;border:1px solid rgba(99,76,190,.045);border-radius:21px;overflow:hidden;background:radial-gradient(circle at 63% 36%,rgba(235,232,253,.48),transparent 35%),linear-gradient(135deg,#faf9ff 0%,#fdfdff 58%,#f8f7ff 100%);box-shadow:0 14px 38px rgba(46,23,125,.025);opacity:0;transform:scale(.99);transition:opacity .3s ease,transform .3s ease;perspective:1200px;perspective-origin:55% 45%;isolation:isolate}
.ranking-visual:before{content:"";position:absolute;width:58%;aspect-ratio:1;border-radius:50%;left:31%;top:-8%;border:1px solid rgba(113,92,211,.055);background:repeating-radial-gradient(circle,transparent 0 9px,rgba(120,101,215,.025) 10px 11px);opacity:.85}.ranking-visual:after{content:"";position:absolute;width:120px;height:105px;right:-38px;bottom:-45px;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 8px,rgba(115,93,211,.06) 9px 10px)}
.ranking-section.ranking-revealed .ranking-visual{opacity:1;transform:none}.rank-number{position:absolute;z-index:2;left:4.2%;top:2.5%;font-family:Georgia,serif;font-size:clamp(68px,8vw,116px);line-height:1;color:rgba(99,75,211,.09)}
.rank-legend{position:absolute;z-index:3;left:5.3%;top:39%;display:grid;gap:8px;font-size:clamp(7px,.63vw,10px);color:#5742b8}.rank-legend b{font-size:.95em;letter-spacing:.02em;color:#6b51d3}.rank-key{display:flex;align-items:center;gap:10px}.rank-key i{display:block;width:25px;height:1px;background:#6548db}.rank-key:nth-child(3) i{background:#d0caec}.rank-key:nth-child(4) i{background:repeating-linear-gradient(90deg,#8b76df 0 2px,transparent 2px 4px)}
.ranking-chart{position:absolute;z-index:2;inset:9% 3.5% 8% 20%;width:76.5%;height:83%;overflow:visible;transform-style:preserve-3d;transform:translate3d(calc(var(--rank-px)*.48),calc(var(--rank-py)*.48),8px) rotateX(var(--rank-rx)) rotateY(var(--rank-ry));transition:transform .12s linear;will-change:transform}.rank-grid{opacity:0;transform:translate(calc(var(--rank-px)*-.12),calc(var(--rank-py)*-.12));transition:opacity .4s ease,transform .55s ease}.ranking-revealed .rank-grid{opacity:1}.rank-grid line{stroke:#8d7adc;stroke-width:.35;stroke-dasharray:3 3;opacity:.28}.rank-base{stroke:#a99be0;stroke-width:.6;opacity:.36}.rank-bar,.rank-bar-face{transform-box:fill-box;transform-origin:center bottom;transform:translateY(5px) scaleY(0);opacity:.22;transition:transform .64s cubic-bezier(.18,.72,.27,1),opacity .42s ease;transition-delay:calc(180ms + var(--i)*62ms)}.rank-bar{fill:#dfdcf6}.rank-bar-face.rank-top{fill:#f1effc;filter:brightness(calc(1.02 * var(--rank-light)))}.rank-bar-face.rank-side{fill:#bdb5e9;filter:brightness(calc(.98 / var(--rank-light)))}.rank-bar.late{fill:#cfc8f1}.rank-bar.strong{fill:#7152db;filter:drop-shadow(2px 4px 4px rgba(76,49,174,.12))}.rank-bar-face.rank-top.strong{fill:#9279e8}.rank-bar-face.rank-side.strong{fill:#5334bd}.ranking-revealed .rank-bar,.ranking-revealed .rank-bar-face{transform:translateY(0) scaleY(1);opacity:1}
.rank-trend{fill:none;stroke:#6746df;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(1px 2px 1.5px rgba(73,45,185,.18));transform:translate(calc(var(--rank-px)*.28),calc(var(--rank-py)*.28 - 2px));transition:stroke-dashoffset 1s cubic-bezier(.2,.68,.3,1) .5s,transform .2s ease}.ranking-revealed .rank-trend{stroke-dashoffset:0}.rank-node{fill:#8165e2;stroke:#fff;stroke-width:.65;opacity:0;transform-box:fill-box;transform-origin:center;transform:translate(calc(var(--rank-px)*.34),calc(var(--rank-py)*.34 - 3px)) scale(.65);filter:drop-shadow(1px 2px 1px rgba(73,45,185,.2));transition:opacity .22s ease,transform .22s ease;transition-delay:calc(650ms + var(--i)*125ms)}.ranking-revealed .rank-node{opacity:1;transform:translate(calc(var(--rank-px)*.34),calc(var(--rank-py)*.34 - 3px)) scale(1)}
.rank-final-ring{fill:none;stroke:#7657df;stroke-width:1;opacity:0;transform-box:fill-box;transform-origin:center}.ranking-revealed .rank-final-ring{animation:rank-pulse 6s ease-out 1.5s infinite}.rank-badge{position:absolute;z-index:4;right:8.5%;top:15%;width:clamp(58px,6vw,86px);aspect-ratio:.86;border:1px solid rgba(103,76,215,.28);border-radius:10px;background:rgba(255,255,255,.68);box-shadow:3px 7px 14px rgba(67,42,164,.08);display:grid;place-content:center;text-align:center;color:#6d51d5;opacity:0;transform:translate3d(calc(var(--rank-px)*.85),calc(8px + var(--rank-py)*.85),26px) scale(.96);transition:opacity .36s ease 1.25s,transform .36s ease 1.25s;will-change:transform}.rank-badge small{font-size:clamp(8px,.7vw,11px)}.rank-badge strong{font-size:clamp(18px,1.75vw,26px);font-weight:500}.ranking-revealed .rank-badge{opacity:1;transform:translate3d(calc(var(--rank-px)*.85),calc(var(--rank-py)*.85),26px) scale(1)}
.rank-axis{position:absolute;z-index:3;left:23%;right:6%;bottom:4.5%;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;color:#7063ac;font-size:clamp(6px,.55vw,9px);font-weight:600;opacity:0;transition:opacity .4s ease}.ranking-revealed .rank-axis{opacity:.75}.rank-axis span:nth-child(2){height:1px;background:#c3bbea;position:relative}.rank-axis span:nth-child(2):after{content:"";position:absolute;right:0;top:-2px;width:4px;height:4px;border-top:1px solid #8f7bdc;border-right:1px solid #8f7bdc;transform:rotate(45deg)}
.ranking-copy{align-self:center;max-width:420px;color:var(--ranking-ink)}.ranking-copy h3,.ranking-copy p,.ranking-cta{opacity:0;transform:translateY(10px);transition:opacity .48s ease,transform .48s ease}.ranking-copy h3{margin:0;font-size:clamp(30px,3vw,42px);line-height:1.05;letter-spacing:-.035em;font-weight:700}.ranking-copy h3:after{content:"";display:block;width:42px;height:2px;background:#c3b9ed;margin:clamp(13px,2vh,20px) 0}.ranking-copy p{margin:0;font-size:clamp(14px,1.3vw,20px);line-height:1.58;transition-delay:1.15s}.ranking-cta{margin-top:clamp(22px,3.5vh,38px);width:max-content;min-width:126px;height:36px;padding:0 17px;border:1px solid #6044ce;border-radius:999px;background:#eeeafd;color:#19007c;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;transition:opacity .48s ease 1.28s,transform .48s ease 1.28s,background .2s ease}.ranking-cta:hover,.ranking-cta:focus-visible{background:#dfd8fb}.ranking-revealed .ranking-copy h3{opacity:1;transform:none;transition-delay:1.02s}.ranking-revealed .ranking-copy p,.ranking-revealed .ranking-cta{opacity:1;transform:none}
@keyframes rank-pulse{0%,82%,100%{opacity:0;transform:scale(1)}86%{opacity:.25}94%{opacity:0;transform:scale(2.4)}}
@media(max-width:800px){.ranking-section{min-height:600px}.ranking-inner{width:min(92%,680px);padding:20px 0;gap:10px}.ranking-heading{font-size:28px}.ranking-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1.2fr) minmax(0,.8fr);gap:16px}.ranking-visual{justify-self:center;width:min(100%,560px);--rank-rx:0deg!important;--rank-ry:0deg!important;--rank-px:0px!important;--rank-py:0px!important}.ranking-copy{max-width:none;display:grid;grid-template-columns:1fr auto;column-gap:16px;align-items:end}.ranking-copy h3{grid-column:1/-1;font-size:25px}.ranking-copy h3:after{margin:8px 0}.ranking-copy p{font-size:12px;line-height:1.45;max-width:560px}.ranking-cta{grid-column:2;margin:0;height:32px;min-width:102px}.rank-number{font-size:58px}}
@media(max-width:520px){.ranking-section{min-height:560px}.ranking-inner{width:90%;padding:15px 0}.ranking-heading{font-size:24px}.ranking-heading:before{width:52px}.ranking-layout{grid-template-rows:auto 1fr;gap:10px}.ranking-visual{border-radius:14px}.ranking-copy h3{font-size:21px}.ranking-copy p{font-size:10.5px}.ranking-cta{font-size:10px;min-width:88px;padding:0 11px}.rank-legend{gap:4px}.rank-axis{gap:8px}}
@media(prefers-reduced-motion:reduce){.ranking-visual{--rank-rx:0deg!important;--rank-ry:0deg!important;--rank-px:0px!important;--rank-py:0px!important}.ranking-visual,.rank-grid,.rank-bar,.rank-bar-face,.rank-trend,.rank-node,.rank-badge,.rank-axis,.ranking-copy h3,.ranking-copy p,.ranking-cta{opacity:1!important;transform:none!important;transition:none!important}.rank-trend{stroke-dashoffset:0!important}.rank-final-ring{animation:none!important}}

/* K-Flow — phase-driven third-screen wave scene. */
.kflow-section{--flow-x:0px;--flow-y:0px;--flow-rx:0deg;--flow-ry:0deg;position:relative;height:100dvh;min-height:580px;overflow:hidden;background:#fcfdfe;color:#19007c;isolation:isolate;display:grid;place-items:center}
.kflow-scene{position:absolute;inset:0;z-index:0;overflow:hidden;background:#fcfdfe url('../images/home2026/kflow-data-to-article.png') center/cover no-repeat;perspective:1200px;transform-style:preserve-3d;opacity:0;transition:opacity .65s ease;pointer-events:none}.kflow-section.flow-revealed .kflow-scene{opacity:1}.kflow-base,.flow-layer{position:absolute;inset:0;width:100%;height:100%;display:block;transform-origin:center;will-change:transform}.kflow-base{z-index:0;object-fit:cover;object-position:center}.kflow-article-cleaner{position:absolute;z-index:1;left:63.5%;right:0;top:29%;bottom:22%;background:linear-gradient(90deg,transparent 0,rgba(252,253,254,.88) 12%,#fcfdfe 28%)}.flow-lines{z-index:2;transform:translate3d(calc(var(--flow-x)*.55),calc(var(--flow-y)*.55),12px) rotateX(var(--flow-rx)) rotateY(var(--flow-ry))}
.kflow-quiet{position:absolute;z-index:2;left:50%;top:44%;width:min(850px,82vw);height:min(500px,60vh);transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(252,253,254,.50) 0,rgba(252,253,254,.27) 50%,transparent 80%);pointer-events:none}
.kflow-content{position:relative;z-index:3;width:min(790px,82%);height:min(82vh,640px);text-align:center;display:grid;grid-template-rows:auto 1fr auto 1fr auto 1fr auto;justify-items:center;align-items:center}.kflow-eyebrow,.kflow-title,.kflow-copy,.kflow-cta{opacity:0;transform:translateY(9px);transition:opacity .55s ease,transform .55s ease}.kflow-eyebrow{grid-row:1;margin:0;font-size:clamp(27px,3.25vw,46px);line-height:1;font-weight:650;letter-spacing:-.035em}.kflow-eyebrow:before{content:"";display:block;width:74px;height:2px;margin:0 auto clamp(14px,2.2vh,22px);background:#c6bcec}.kflow-title{grid-row:3;margin:0;font-size:clamp(35px,3.6vw,52px);line-height:1.12;font-weight:500;letter-spacing:-.035em;transition-delay:.1s}.kflow-copy{grid-row:5;margin:0 auto;max-width:660px;font-size:clamp(14px,1.18vw,17px);line-height:1.58;text-wrap:balance;transition-delay:.2s}.kflow-cta{grid-row:7;margin:0;min-width:128px;height:38px;padding:0 18px;border:1px solid #6044ce;border-radius:99px;background:#eeeafd;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;transition:opacity .55s ease .3s,transform .55s ease .3s,background .2s ease}.kflow-cta:hover,.kflow-cta:focus-visible{background:#dfd8fb}.flow-revealed .kflow-eyebrow,.flow-revealed .kflow-title,.flow-revealed .kflow-copy,.flow-revealed .kflow-cta{opacity:1;transform:none}
@media(max-width:760px){.kflow-section{min-height:560px}.kflow-content{width:86%;height:80vh}.kflow-title{font-size:clamp(30px,8.5vw,42px)}.kflow-copy{font-size:12.5px;line-height:1.5}.flow-lines{transform:none!important}.kflow-quiet{width:96vw}}
@media(prefers-reduced-motion:reduce){.kflow-scene,.kflow-eyebrow,.kflow-title,.kflow-copy,.kflow-cta{opacity:1!important;transform:none!important;transition:none!important}.flow-layer{transform:none!important}}

/* K-Insight — scoped fourth-screen analytical reveal. */
.insight-section{--insight-ink:#19007c;position:relative;height:100dvh;min-height:590px;overflow:hidden;background:#f4f3f9;color:var(--insight-ink);display:grid;align-items:center}
.insight-inner{width:min(1240px,91%);height:min(100%,820px);margin:auto;padding:clamp(24px,4.3vh,44px) 0 clamp(20px,3.5vh,36px);display:grid;grid-template-rows:auto 1px minmax(0,1fr) 1px;gap:clamp(14px,2.2vh,22px)}
.insight-heading{margin:0;padding-top:clamp(9px,1.5vh,15px);font-size:clamp(28px,3.35vw,48px);line-height:1;font-weight:650;letter-spacing:-.035em;position:relative}.insight-heading:before{content:"";position:absolute;left:0;top:0;width:76px;height:2px;background:#c8c0f1}.insight-rule{height:1px;background:#dfdce9;width:100%}
.insight-layout{min-height:0;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,1fr);gap:clamp(48px,6vw,88px);align-items:center}.insight-visual{position:relative;aspect-ratio:1.45;max-height:100%;overflow:hidden;background:#fafafd;perspective:1200px;isolation:isolate}.insight-base,.insight-raster-reveal,.insight-raster-reveal img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}.insight-base{z-index:0;opacity:.22}.insight-raster-reveal{z-index:1;clip-path:inset(0 100% 0 0)}.insight-raster-reveal img{opacity:1}.insight-revealed .insight-raster-reveal{animation:insight-raster-reveal 1.25s cubic-bezier(.23,.64,.34,1) .28s forwards}
.insight-products{display:none}
.insight-data-reveal{position:absolute;z-index:2;inset:12% 5% 10% 22%;clip-path:inset(0 100% 0 0);opacity:.24}.insight-revealed .insight-data-reveal{animation:insight-data-reveal 1.2s cubic-bezier(.2,.66,.3,1) .34s forwards}.insight-svg{width:100%;height:100%;overflow:visible}.insight-topo-line{fill:none;stroke:#8d7bdd;stroke-width:.42;opacity:.15}.insight-dot{fill:#8268dc;opacity:.22}.insight-tick{stroke:#7760ce;stroke-width:.65;transform-box:fill-box;transform-origin:center bottom;transform:scaleY(0);transition:transform .38s ease;transition-delay:calc(560ms + var(--i)*52ms)}.insight-revealed .insight-tick{transform:scaleY(1)}.insight-trend{fill:none;stroke:#5f42c9;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;pathLength:1;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .96s ease .76s;filter:drop-shadow(0 1px 1px rgba(70,43,165,.1))}.insight-revealed .insight-trend{stroke-dashoffset:0}.insight-node{fill:#7659d8;stroke:#fff;stroke-width:.6;opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.7);transition:opacity .18s ease,transform .18s ease;transition-delay:calc(950ms + var(--i)*125ms)}.insight-revealed .insight-node{opacity:1;transform:scale(1)}.insight-node.coral{fill:#ef987c}.insight-ring{fill:none;stroke:#ef987c;stroke-width:.8;opacity:0;transform-box:fill-box;transform-origin:center}.insight-revealed .insight-ring{animation:insight-pulse 7s ease-out 1.55s infinite}
.insight-scan{position:absolute;z-index:4;top:10%;bottom:9%;left:10%;width:42px;opacity:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35) 42%,rgba(178,164,231,.16) 55%,transparent);border-right:1px solid rgba(132,111,213,.12);pointer-events:none}.insight-revealed .insight-scan{animation:insight-scan 1.25s cubic-bezier(.23,.64,.34,1) .28s both}
.insight-copy{align-self:center;max-width:430px}.insight-copy h3,.insight-copy p,.insight-cta{opacity:0;transform:translateY(8px);transition:opacity .55s ease,transform .55s ease}.insight-copy h3{margin:0;font-size:clamp(36px,3.65vw,52px);line-height:1.08;letter-spacing:-.04em;font-weight:700}.insight-copy h3:after{content:"";display:block;width:48px;height:2px;background:#c6b8ef;margin:clamp(18px,2.7vh,26px) 0}.insight-copy p{margin:0;font-size:clamp(15px,1.45vw,20px);line-height:1.65;transition-delay:.12s}.insight-cta{margin-top:clamp(30px,4.5vh,44px);min-width:128px;height:38px;padding:0 18px;border:1px solid #6044ce;border-radius:99px;background:#eeeafd;color:#19007c;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;transition:opacity .55s ease .22s,transform .55s ease .22s,background .2s ease}.insight-cta:hover,.insight-cta:focus-visible{background:#dfd8fb}.insight-revealed .insight-copy h3,.insight-revealed .insight-copy p,.insight-revealed .insight-cta{opacity:1;transform:none}
@keyframes insight-scan{0%{opacity:0;transform:translateX(0)}10%{opacity:1}88%{opacity:.8}100%{opacity:0;transform:translateX(calc(62vw - 70px))}}@keyframes insight-raster-reveal{to{clip-path:inset(0 0 0 0)}}@keyframes insight-data-reveal{to{clip-path:inset(0 0 0 0)}}@keyframes insight-pulse{0%,80%,100%{opacity:0;transform:scale(1)}84%{opacity:.42}94%{opacity:0;transform:scale(3)}}
@media(max-width:800px){.insight-section{min-height:620px}.insight-inner{width:min(92%,680px);padding:20px 0;gap:10px}.insight-heading{font-size:28px}.insight-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1.08fr) minmax(0,.92fr);gap:14px}.insight-visual{justify-self:center;width:min(100%,560px)}.insight-copy{max-width:none;display:grid;grid-template-columns:1fr auto;column-gap:18px;align-items:end}.insight-copy h3{grid-column:1/-1;font-size:27px}.insight-copy h3:after{margin:9px 0}.insight-copy p{font-size:12px;line-height:1.48;max-width:560px}.insight-cta{grid-column:2;margin:0;height:32px;min-width:102px}.insight-scan{width:30px}}
@media(max-width:520px){.insight-section{min-height:580px}.insight-inner{width:90%;padding:14px 0}.insight-heading{font-size:24px}.insight-heading:before{width:52px}.insight-copy h3{font-size:23px}.insight-copy p{font-size:10.8px}.insight-cta{font-size:10px;min-width:90px;padding:0 11px}}
@media(prefers-reduced-motion:reduce){.insight-products,.insight-raster-reveal,.insight-data-reveal,.insight-tick,.insight-trend,.insight-node,.insight-copy h3,.insight-copy p,.insight-cta{opacity:1!important;transform:none!important;clip-path:none!important;animation:none!important;transition:none!important}.insight-base{opacity:0!important}.insight-trend{stroke-dashoffset:0!important}.insight-scan,.insight-ring{display:none!important}}

.why-section{--why-line:rgba(77,62,139,.19);position:relative;height:100dvh;min-height:590px;overflow:hidden;background:#fafaff;color:#19007c;isolation:isolate}
.why-base{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;opacity:0;transform:scale(1.006);transition:opacity 1s ease,transform 1.2s ease}
.why-sphere{position:absolute;z-index:1;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity 1.25s ease .12s;filter:saturate(.88);-webkit-mask-image:linear-gradient(90deg,transparent 31%,rgba(0,0,0,.28) 45%,#000 61%);mask-image:linear-gradient(90deg,transparent 31%,rgba(0,0,0,.28) 45%,#000 61%)}
.why-content{position:relative;z-index:3;width:min(1198px,86%);height:100%;margin:0 auto;padding:clamp(28px,4vh,42px) 0 clamp(22px,3.5vh,36px);opacity:0;transform:translateY(10px);transition:opacity .9s ease .15s,transform .9s ease .15s}
.why-section.revealed .why-base{opacity:1;transform:scale(1)}.why-section.revealed .why-sphere,.why-section.revealed .why-content{opacity:1}.why-section.revealed .why-content{transform:none}
.why-title{margin:0;text-align:center;font-family:Inter,Arial,sans-serif;font-size:clamp(38px,3.8vw,54px);line-height:1.12;font-weight:500;letter-spacing:-.022em}.why-title em{display:inline-block;margin-left:.13em;font-family:inherit;font-style:italic;font-weight:500;letter-spacing:-.032em}
.why-atmosphere{margin:clamp(8px,1.3vh,13px) 0 0;text-align:center;font-size:clamp(18px,1.7vw,25px);line-height:1.2;font-weight:400;letter-spacing:-.025em}.why-grid{height:calc(100% - clamp(92px,12vh,124px));display:grid;grid-template-columns:repeat(2,minmax(0,470px));grid-template-rows:repeat(8,minmax(0,1fr));justify-content:space-between;column-gap:clamp(60px,7vw,110px);margin-top:clamp(18px,2.8vh,28px)}
.why-card{min-height:0;padding:clamp(7px,1.15vh,12px) 0 clamp(10px,1.55vh,16px);margin:0;border-bottom:1px solid var(--why-line);align-self:stretch;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(10px);transition:opacity .65s ease,transform .65s ease}.why-card:nth-child(1){grid-column:1;grid-row:1/3}.why-card:nth-child(2){grid-column:1;grid-row:3/5}.why-card:nth-child(3){grid-column:2;grid-row:2/4}.why-card:nth-child(4){grid-column:1;grid-row:5/7}.why-card:nth-child(5){grid-column:2;grid-row:4/6}.why-card:nth-child(6){grid-column:1;grid-row:7/9}.why-card:nth-child(7){grid-column:2;grid-row:6/8}.why-section.revealed .why-card{opacity:1;transform:none}.why-section.revealed .why-card:nth-child(1){transition-delay:.22s}.why-section.revealed .why-card:nth-child(2){transition-delay:.3s}.why-section.revealed .why-card:nth-child(3){transition-delay:.38s}.why-section.revealed .why-card:nth-child(4){transition-delay:.46s}.why-section.revealed .why-card:nth-child(5){transition-delay:.54s}.why-section.revealed .why-card:nth-child(6){transition-delay:.62s}.why-section.revealed .why-card:nth-child(7){transition-delay:.7s}
.why-card h3{margin:0 0 clamp(7px,1.15vh,12px);font-size:clamp(20px,1.75vw,27px);line-height:1.18;font-weight:400;letter-spacing:-.025em}.why-card p{margin:0;max-width:470px;font-size:clamp(11px,.95vw,14px);line-height:1.5;color:#19007c}
@media(max-width:900px){.why-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:42px}.why-card p{font-size:11.5px}.why-sphere{-webkit-mask-image:linear-gradient(90deg,transparent 18%,rgba(0,0,0,.22) 35%,#000 58%);mask-image:linear-gradient(90deg,transparent 18%,rgba(0,0,0,.22) 35%,#000 58%)}}
@media(max-width:680px){.why-section{height:auto;min-height:auto}.why-content{width:auto;height:auto;margin:0;padding:54px 24px 72px}.why-title{font-size:40px}.why-atmosphere{margin-top:14px;font-size:21px}.why-grid{height:auto;grid-template-columns:1fr;grid-template-rows:none;gap:0;margin-top:38px}.why-card,.why-card:nth-child(n){grid-column:auto;grid-row:auto;min-height:0;padding-bottom:30px;margin-bottom:34px}.why-card h3{font-size:27px;margin-bottom:18px}.why-card p{font-size:15px;line-height:1.7}.why-base{object-position:58% center}.why-sphere{opacity:.34!important;-webkit-mask-image:linear-gradient(90deg,transparent 5%,rgba(0,0,0,.12) 30%,#000 70%);mask-image:linear-gradient(90deg,transparent 5%,rgba(0,0,0,.12) 30%,#000 70%)}}
@media(prefers-reduced-motion:reduce){.why-base,.why-sphere,.why-content,.why-card{opacity:1;transform:none;transition:none!important}}


/* ==========================================================================
   About 下拉：761px 以上悬停展开
   项目里 Explore 是纯下拉按钮，点击 toggle；首页这个标签就叫 About，点它要能进
   About 页，所以触发器是 <a>。链接一点就跳走，click toggle 用不上，改成悬停展开。
   面板本体样式仍然全部来自 home.css，这里只加「什么时候显示」。
   .kw26-explore:after 是那 27px 的过渡桥：触发器底边在 48px、面板顶边在 74.5px，
   中间这段空隙不补上，鼠标从 About 往下移的一瞬间会脱离 :hover 把面板收掉。
   只在 hover 时才让它接收指针事件，避免这块透明区平时挡住第一屏顶边的点击。
   760px 以下不适用：那时导航是折叠面板，由 home2026.js 用 .is-open 控制。
   ========================================================================== */
@media(min-width:761px){
 .kw26-explore:after{content:"";position:absolute;left:calc(50% - 10px);top:48px;width:132px;height:27px;transform:translateX(-50%);pointer-events:none}
 .kw26-explore:hover:after{pointer-events:auto}
 .kw26-explore:hover .kw26-explore-menu,.kw26-explore:focus-within .kw26-explore-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
}

/* ==========================================================================
   2026-08-25 客户反馈三处（全部只作用于首页：本文件只有 index.html 引用）
   ========================================================================== */

/* 1. 「100% 倍率下标题栏字太大」（2026-08-31 再次调小到 15px 并强制生效）。
      home.css 桌面档 --kw-nav-size:20px 太大。之前只写 .kw26-nav{font-size:16px}，
      跟 home.css 末尾 .kw26-nav{font-size:var(--kw-nav-size)} 同权重，宽屏下压不稳，
      客户反复反馈还是大。这里直接把字号钉到导航链接和 Explore 按钮本体上并加 !important，
      绕过 var 变量，宽屏、100% 倍率下也一定是 15px。间距同比收一点。
      注意：home.css 里 .kw26-nav>a 是 font:inherit，所以必须显式写在 a / button 上，
      光改 .kw26-nav 容器在某些浏览器计算顺序下会被 var 规则抢回去。 */
.kw26-nav{font-size:15px;gap:clamp(24px,3vw,42px)}
.kw26-nav>a,.kw26-explore-button{font-size:15px!important}

/* 2. About 下拉删掉 Methodology 之后只剩两项。home.css 里面板高度是写死的 145px
      （3 项 × 48.333），这里改成 auto 跟着项目数走，两项就是 96.67px，
      不会在面板底下留一段空的淡紫色。 */
@media(min-width:761px){
 .kw26-explore-menu{height:auto}
}

/* 3. 补回的第 6 屏（数据条 / 品牌墙 / CTA）。结构与类名沿用 home.css 里那套
      （改版前首页就是它，样式一直留着没删），这里只收尺寸：home.css 那套是给旧版
      1440 定高稿写的（标题 64px、CTA 块 min-height:660px、按钮 480×96 字 40px），
      放在现在这套流式五屏后面明显偏大，按客户参考图的比例改成 clamp，
      跟 .why-title / .ranking-heading 一个量级。
      注意：home.css 的 1100 / 760 两个断点块在本文件之前加载，本文件这些
      不带媒体查询的规则会压过它们，所以窄屏的折叠行为必须在下面自己重写一遍。 */
.kw26-intelligence{padding:clamp(58px,8.5vh,100px) 0 0}
.kw26-intelligence h2{margin:0 0 clamp(26px,4.2vh,46px);font-size:clamp(27px,3.1vw,44px);line-height:1.15;font-weight:650;letter-spacing:-.03em}
.kw26-stats article{gap:clamp(14px,2.6vh,30px)}
.kw26-stats strong{font-size:clamp(30px,3.35vw,48px)}
/* 说明文字限宽 + 预留两行高度。四条说明字数不一样（Topics & Categories Tracked 一行装得下、
   Brands & Organizations Analyzed 装不下），.kw26-stats 是 align-items:center，
   行数不同就会把四个数字顶得高低不齐。限宽让四条都折成两行，min-height 再兜一道，
   这样不管后台填多长，四个数字始终齐平——参考图上就是齐平的。 */
.kw26-stats span{font-size:clamp(13px,1.5vw,22px);max-width:12em;margin-inline:auto;min-height:2.6em}
.kw26-brands{padding:clamp(46px,6.6vh,74px) 0 0}
.kw26-brands h2{margin:0 0 clamp(24px,4.2vh,46px);font-size:clamp(18px,2.2vw,30px);font-weight:400}
.kw26-brand-rail{height:clamp(102px,13.5vh,150px)}
.kw26-cta{min-height:0;padding:clamp(62px,9.5vh,104px) 0 clamp(58px,8.5vh,92px);grid-template-columns:minmax(0,1fr) minmax(0,470px);gap:clamp(38px,5.5vw,110px)}
.kw26-cta>div>p{font-size:clamp(16px,1.68vw,24px);line-height:1.7}
.kw26-cta>p{font-size:clamp(14px,1.4vw,20px);line-height:1.9}
.kw26-cta a{width:min(258px,100%);height:58px;margin-top:clamp(24px,3.8vh,42px);border-width:1.5px;border-radius:12px;font-size:clamp(15px,1.45vw,21px);font-weight:600}
@media(max-width:1000px){
 /* 内边距只给标题：数据条（.kw26-stats）和品牌墙（.kw26-brand-rail）是通栏色块，
    加在 section 上会把它们也顶出左右白边。 */
 .kw26-intelligence h2,.kw26-brands h2{padding-left:24px;padding-right:24px}
 .kw26-cta{max-width:calc(100% - 48px);grid-template-columns:1fr;gap:32px}
}
@media(max-width:620px){
 .kw26-stats{grid-template-columns:1fr 1fr;gap:30px 12px;padding:38px 16px}
 .kw26-brand-rail{height:auto;min-height:96px}
}