/* 首屏 B+（品牌共识核心）2026-11-05 */
/* ===== 首屏通用（hx-*）===== */
.hx{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:#03050c;color:#fff;isolation:isolate;font-family:var(--font)}
.hx *,.hx *::before,.hx *::after{box-sizing:border-box}
.hx-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(148,163,184,.2);font-size:13px;color:#cbd5e1;letter-spacing:.5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap}
.hx-eyebrow b{padding:3px 10px;border-radius:999px;background:linear-gradient(90deg,#06b6d4,#6366f1,#8b5cf6);color:#fff;font-size:11px;font-weight:800;letter-spacing:1.5px}
.hx-grad{background:linear-gradient(90deg,#22d3ee 0%,#60a5fa 30%,#a78bfa 60%,#e879f9 80%,#22d3ee 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:hxShine 7s linear infinite}
@keyframes hxShine{to{background-position:-200% center}}
.hx-rot{display:inline-block;color:#22d3ee;font-weight:700;transition:opacity .35s,transform .35s;text-shadow:0 0 18px rgba(34,211,238,.45)}
.hx-rot.out{opacity:0;transform:translateY(-8px)}
.hx-ctas{display:flex;gap:14px;flex-wrap:wrap}
.hx-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 30px;border-radius:999px;font-size:16px;font-weight:700;letter-spacing:.5px;text-decoration:none;overflow:hidden;transition:transform .35s var(--easing),box-shadow .35s,border-color .35s,color .35s}
.hx-btn-primary{color:#fff;background:linear-gradient(90deg,#06b6d4,#3b82f6 45%,#8b5cf6);box-shadow:0 12px 40px -10px rgba(99,102,241,.75),inset 0 1px 0 rgba(255,255,255,.28)}
.hx-btn-primary::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:hxSheen 3.6s ease-in-out infinite}
@keyframes hxSheen{0%,55%{left:-60%}100%{left:130%}}
.hx-btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 54px -10px rgba(99,102,241,.95),inset 0 1px 0 rgba(255,255,255,.3)}
.hx-btn .arr{transition:transform .35s var(--easing)}
.hx-btn:hover .arr{transform:translateX(4px)}
.hx-btn-ghost{color:#e2e8f0;border:1px solid rgba(148,163,184,.3);background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.hx-btn-ghost:hover{border-color:rgba(167,139,250,.7);color:#fff;transform:translateY(-2px)}
.hx-stats{display:flex}
.hx-stat{flex:1;min-width:0}
.hx-stat .n{font-size:30px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:#fff;letter-spacing:-.5px}
.hx-stat .n i{font-style:normal;font-size:.6em;margin-left:2px;color:#a78bfa;font-weight:700}
.hx-stat .l{margin-top:8px;font-size:13px;color:#7c8aa5;white-space:nowrap}
@media (prefers-reduced-motion:reduce){.hx *,.hx *::before,.hx *::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition:none!important}}
@media (max-width:640px){
  .hx-btn{height:50px;padding:0 14px;font-size:15px;flex:1;min-width:0;gap:6px;white-space:nowrap}
  .hx-eyebrow{font-size:12px}
  .hx-stat .n{font-size:24px}
  .hx-stat .l{font-size:12px}
}

/* ===== 方案B+：品牌共识核心（升级版）===== */
.hxb{text-align:center}
.hxb-cv{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.hxb-cv.front{z-index:2}
.hxb-neb{position:absolute;z-index:-2;pointer-events:none;border-radius:50%;filter:blur(80px);opacity:.5;animation:hxbNeb 20s ease-in-out infinite alternate}
.hxb-neb.n1{width:780px;height:520px;left:50%;top:6%;margin-left:-640px;background:radial-gradient(closest-side,rgba(14,165,233,.55),transparent)}
.hxb-neb.n2{width:820px;height:560px;left:50%;top:10%;margin-left:-120px;background:radial-gradient(closest-side,rgba(124,58,237,.5),transparent);animation-duration:26s}
.hxb-neb.n3{width:1100px;height:500px;left:50%;bottom:-260px;margin-left:-550px;background:radial-gradient(closest-side,rgba(37,99,235,.35),transparent);animation-duration:30s}
@keyframes hxbNeb{to{transform:translate3d(60px,30px,0) scale(1.12)}}
.hxb-wrap{position:relative;width:100%;max-width:1280px;margin:0 auto;padding:calc(var(--nav-h,80px) + 22px) 24px 40px;display:flex;flex-direction:column;align-items:center}
.hxb-wrap>*{animation:hxbUp 1s var(--easing) both}
.hxb-wrap>:nth-child(1){animation-delay:.25s}
.hxb-wrap>.hxb-stage{animation:none}
.hxb-wrap>:nth-child(3){animation-delay:1s}.hxb-wrap>:nth-child(4){animation-delay:1.12s}.hxb-wrap>:nth-child(5){animation-delay:1.22s}.hxb-wrap>:nth-child(6){animation-delay:1.32s}
@keyframes hxbUp{from{opacity:0;transform:translateY(26px);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}
.hxb-stage{position:relative;width:min(820px,100%);height:clamp(230px,33vh,310px);margin-top:6px}
.hxb-core{position:absolute;left:50%;top:50%;width:clamp(110px,15.5vh,148px);aspect-ratio:1;transform:translate(-50%,-50%);z-index:2;will-change:transform}
.hxb-halo{position:absolute;inset:-75%;border-radius:50%;background:radial-gradient(closest-side,rgba(99,102,241,.5),rgba(56,189,248,.14) 55%,transparent);animation:hxbHalo 4s ease-in-out infinite}
@keyframes hxbHalo{50%{transform:scale(1.14);opacity:.75}}
.hxb-rays{position:absolute;left:50%;top:50%;width:520%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:repeating-conic-gradient(from 0deg,rgba(56,189,248,.26) 0deg 1.6deg,transparent 1.6deg 14deg);-webkit-mask:radial-gradient(closest-side,#000 12%,rgba(0,0,0,.3) 42%,transparent 70%);mask:radial-gradient(closest-side,#000 12%,rgba(0,0,0,.3) 42%,transparent 70%);animation:hxbSpin 70s linear infinite;opacity:.75;filter:blur(1px)}
.hxb-rays.r2{background:repeating-conic-gradient(from 6deg,rgba(167,139,250,.24) 0deg 2.4deg,transparent 2.4deg 21deg);animation-duration:110s;animation-direction:reverse}
@keyframes hxbSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.hxb-ignite{position:relative;width:100%;height:100%;animation:hxbIgnite 1.5s .15s var(--easing) both}
@keyframes hxbIgnite{0%{opacity:0;transform:scale(.3);filter:brightness(4) blur(14px)}45%{opacity:1;filter:brightness(2.2) blur(2px)}100%{opacity:1;transform:none;filter:none}}
.hxb-float{position:relative;width:100%;height:100%;animation:hxbFloat 6s ease-in-out infinite}
@keyframes hxbFloat{50%{transform:translateY(-9px)}}
.hxb-float img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.hxb-logo{filter:drop-shadow(0 0 22px rgba(56,189,248,.6)) drop-shadow(0 0 60px rgba(139,92,246,.55))}
.hxb-sheen{filter:brightness(1.7) saturate(1.2);opacity:.85;mix-blend-mode:screen;clip-path:polygon(-40% 0,-18% 0,-58% 100%,-80% 100%);animation:hxbSheen 4.8s 2s ease-in-out infinite}
@keyframes hxbSheen{0%{clip-path:polygon(-40% 0,-18% 0,-58% 100%,-80% 100%)}55%,100%{clip-path:polygon(150% 0,172% 0,132% 100%,110% 100%)}}
.hxb-node{position:absolute;left:50%;top:50%;padding:7px 14px 7px 12px;border-radius:999px;font-size:13px;font-weight:600;color:#e2e8f0;white-space:nowrap;background:linear-gradient(180deg,rgba(20,28,52,.82),rgba(8,12,28,.78));border:1px solid rgba(148,163,184,.26);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);will-change:transform,opacity;box-shadow:0 10px 26px -12px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.06);opacity:0;transition:border-color .3s,box-shadow .3s,color .3s}
.hxb-node::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#22d3ee;margin-right:8px;vertical-align:2px;box-shadow:0 0 10px #22d3ee}
.hxb-node.r1::before{background:#a78bfa;box-shadow:0 0 10px #a78bfa}
.hxb-node.hot{border-color:rgba(34,211,238,.65);color:#fff;box-shadow:0 0 22px -2px rgba(34,211,238,.5)}
.hxb-node.hit{border-color:rgba(94,234,212,.9);color:#fff;box-shadow:0 0 30px -2px rgba(94,234,212,.65),inset 0 0 12px rgba(94,234,212,.2)}
.hxb-node.hit::after{content:"✓ 已推荐";position:absolute;left:50%;bottom:calc(100% + 7px);font-size:11px;font-weight:800;letter-spacing:.5px;color:#5eead4;white-space:nowrap;text-shadow:0 0 10px rgba(94,234,212,.9);animation:hxbTag 1.2s ease-out both}
@keyframes hxbTag{0%{opacity:0;transform:translate(-50%,6px)}20%{opacity:1;transform:translate(-50%,0)}75%{opacity:1}100%{opacity:0;transform:translate(-50%,-6px)}}
.hxb-title{margin:6px 0 0;font-size:clamp(32px,4.1vw,60px);line-height:1.14;font-weight:900;letter-spacing:-.02em;color:#fff;text-shadow:0 4px 40px rgba(37,99,235,.35)}
.hxb-title .hx-grad{text-shadow:none}
.hxb-lead{margin:18px 0 0;font-size:clamp(15px,1.3vw,18px);color:#94a3b8;line-height:1.7}
.hxb-lead .sep{display:inline-block;margin:0 14px;color:#334155}
.hxb .hx-ctas{justify-content:center;margin-top:30px}
.hxb .hx-stats{position:relative;margin-top:38px;width:min(760px,100%);padding:18px 8px;border-radius:18px;background:rgba(6,10,24,.55);border:1px solid rgba(148,163,184,.13);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}
.hxb .hx-stats::before{content:"";position:absolute;top:0;left:-30%;width:30%;height:1px;background:linear-gradient(90deg,transparent,#22d3ee,#a78bfa,transparent);animation:hxbRun 5s linear infinite}
@keyframes hxbRun{to{left:100%}}
.hxb .hx-stat+.hx-stat{border-left:1px solid rgba(148,163,184,.12)}
@media (max-height:820px) and (min-width:761px){
  .hxb-wrap{padding-top:calc(var(--nav-h,80px) + 10px);padding-bottom:24px}
  .hxb-stage{height:29vh}
  .hxb-title{font-size:clamp(30px,3.7vw,52px);margin-top:2px}
  .hxb-lead{margin-top:12px}
  .hxb .hx-ctas{margin-top:22px}
  .hxb .hx-stats{margin-top:24px;padding:14px 8px}
  .hxb .hx-stat .n{font-size:26px}
}
@media (max-width:760px){
  .hxb-wrap{padding:calc(var(--nav-h,80px) + 14px) 18px 40px}
  .hxb-stage{height:250px;margin-top:4px}
  .hxb-node{font-size:11px;padding:5px 10px 5px 9px}
  .hxb-node::before{width:5px;height:5px;margin-right:6px}
  .hxb-title{font-size:clamp(28px,8.4vw,40px)}
  .hxb-lead .sep{display:block;height:0;margin:0;overflow:hidden}
  .hxb .hx-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px 0}
  .hxb .hx-stat:nth-child(3){border-left:0}
  .hxb-neb{filter:blur(60px)}
}