/* K-Insight 首页新版 Hero（2026-08-25）— 品牌走廊动画
   来源：客户提供的 K-Insight Page修改/style.css
   类名全部加 ki26-new- 前缀避免冲突。只在 kinsight_home.html 加载。 */
.ki26-new-hero{position:relative;height:100svh;min-height:580px;overflow:hidden;isolation:isolate;background-color:#f7f6fc;background-image:radial-gradient(circle,rgba(81,72,120,.18) 1.1px,transparent 1.25px);background-size:22px 22px}
.ki26-new-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 43%,rgba(255,255,255,.98),rgba(247,246,252,0) 47%)}
.ki26-new-ambient{position:absolute;inset:0;background:linear-gradient(90deg,rgba(142,57,246,.035),transparent 20%,transparent 80%,rgba(81,72,120,.045));pointer-events:none}
.ki26-new-hero-copy{position:absolute;z-index:20;top:12%;left:50%;width:min(980px,90vw);transform:translateX(-50%);text-align:center;pointer-events:none}
.ki26-new-eyebrow{margin:0 0 12px;color:#514878;font-size:13px;font-weight:700;letter-spacing:.19em;text-transform:uppercase}
.ki26-new-hero-copy h1{margin:0;font-size:clamp(46px,4.05vw,76px);font-weight:750;line-height:.94;letter-spacing:-.05em;transform:translateY(25px);color:#17151e}
.ki26-new-hero-copy h1 em{color:#514878;font-style:normal}
.ki26-new-corridor{position:absolute;z-index:10;top:25%;left:0;width:100%;height:57%;perspective:900px;perspective-origin:50% 50%;pointer-events:none}
.ki26-new-corridor-glow{position:absolute;top:50%;left:50%;width:36vw;height:22vw;border-radius:50%;background:rgba(255,255,255,.85);filter:blur(55px);transform:translate(-50%,-50%)}
.ki26-new-aperture{--open:0;position:absolute;z-index:5;top:50%;left:50%;display:grid;place-items:center;width:clamp(170px,12vw,230px);height:clamp(58px,4.8vw,92px);border-radius:15px;background:#352d59;box-shadow:0 14px 35px rgba(53,45,89,.2);transform:translate(-50%,-50%) scaleX(var(--open));transform-origin:center}
.ki26-new-aperture img{display:block;width:58px;height:58px;object-fit:cover;border-radius:50%;clip-path:circle(47% at 50% 50%)}
.ki26-new-logo-card{--x:0px;--scale:.2;--rotate:0deg;--birth:0;--base-shift:-50%;--origin-x:50%;--glow:#786da8;position:absolute;top:50%;left:50%;width:clamp(190px,12.5vw,245px);aspect-ratio:1.62;display:flex;align-items:center;justify-content:center;padding:22px;border:1px solid rgba(255,255,255,.9);border-radius:18px;background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--glow) 15%,transparent),transparent 58%),linear-gradient(145deg,rgba(255,255,255,.94),rgba(239,236,250,.8));box-shadow:inset 0 0 0 1px rgba(81,72,120,.08),inset 0 1px 0 #fff,0 14px 34px rgba(54,46,91,.13),0 3px 10px color-mix(in srgb,var(--glow) 10%,transparent);opacity:0;transform:translate3d(calc(var(--base-shift) + var(--x)),-50%,0) rotateY(var(--rotate)) scale(var(--scale)) scale(var(--birth));transform-origin:var(--origin-x) 50%;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity;pointer-events:auto;cursor:pointer;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease,filter .2s ease}
.ki26-new-logo-card img{position:relative;z-index:1;display:block;width:78%;height:62%;object-fit:contain;filter:drop-shadow(0 3px 7px color-mix(in srgb,var(--glow) 13%,transparent))}
.ki26-new-logo-card.is-wordmark span{position:relative;z-index:1;max-width:100%;color:#24212d;font-size:clamp(16px,1.45vw,28px);font-weight:750;line-height:1.05;letter-spacing:-.035em;text-align:center}
.ki26-new-logo-card[data-brand="apple"] img,.ki26-new-logo-card[data-brand="bmw"] img,.ki26-new-logo-card[data-brand="toyota"] img{width:48%;height:68%}
.ki26-new-logo-card[data-brand="tesla"] img{width:55%;height:70%}
.ki26-new-logo-card[data-brand="samsung"],.ki26-new-logo-card[data-brand="bmw"]{--glow:#1671c5}
.ki26-new-logo-card[data-brand="vivo"]{--glow:#5968ef}
.ki26-new-logo-card[data-brand="xiaomi"]{--glow:#ff6900}
.ki26-new-logo-card[data-brand="oneplus"],.ki26-new-logo-card[data-brand="tesla"],.ki26-new-logo-card[data-brand="honda"],.ki26-new-logo-card[data-brand="toyota"]{--glow:#e82127}
.ki26-new-logo-card[data-brand="oppo"]{--glow:#1b8f59}
.ki26-new-logo-card[data-brand="volvo"]{--glow:#647b8e}
.ki26-new-logo-card:hover,.ki26-new-logo-card:focus-visible{border-color:color-mix(in srgb,var(--glow) 48%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--glow) 24%,transparent),inset 0 1px 0 #fff,0 18px 42px rgba(54,46,91,.18),0 0 22px color-mix(in srgb,var(--glow) 18%,transparent);filter:brightness(1.025)}
.ki26-new-logo-card:focus-visible{outline:3px solid rgba(81,72,120,.5);outline-offset:4px}
.ki26-new-hero-foot{position:absolute;z-index:30;bottom:3.8%;left:50%;width:min(820px,88vw);transform:translateX(-50%);text-align:center}
.ki26-new-intro{max-width:760px;margin:0 auto 34px;color:#6f6b78;font-size:16px;line-height:1.55}
.ki26-new-hero-foot a{display:inline-flex;align-items:center;gap:12px;min-height:40px;padding:0 22px;border:1px solid rgba(81,72,120,.42);border-radius:99px;color:#514878;background:rgba(255,255,255,.72);backdrop-filter:blur(8px);font-size:13px;font-weight:700;letter-spacing:.11em;text-decoration:none;text-transform:uppercase}
@media(max-width:800px){.ki26-new-hero{height:100svh}.ki26-new-hero-copy{top:11%}.ki26-new-hero-copy h1{font-size:clamp(38px,10vw,56px)}.ki26-new-intro{font-size:14px}.ki26-new-corridor{top:27%;height:54%}.ki26-new-logo-card{width:clamp(150px,42vw,210px)}}
@media(prefers-reduced-motion:reduce){.ki26-new-logo-card{transition:none}}

/* Cards rendered as <a> links keep the same visual treatment */
a.ki26-new-logo-card{display:flex;color:inherit;text-decoration:none}