/* ===== 首页 Hero 轮播（两张动态图） ===== */
.hero-carousel{
  position:relative;
  width:100%;
  background:#0f2347;
  overflow:hidden;
}
.hc-track{
  display:flex;
  width:100%;
  transition:transform .8s cubic-bezier(.7,.05,.2,1);
  will-change:transform;
}
.hc-slide{
  position:relative;
  flex:0 0 100%;
  min-height:620px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background-size:200% 200%;
  animation:hcBg 16s ease infinite;
}
.hc-slide-1{ background-image:linear-gradient(125deg,#0e2c54 0%,#1b4d8e 50%,#2b3f86 100%); }
.hc-slide-2{ background-image:linear-gradient(125deg,#1a1145 0%,#3b2a7a 50%,#1b4d8e 100%); }
@keyframes hcBg{ 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }

/* 装饰光球 */
.hc-decor{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;}
.hc-orb{position:absolute;border-radius:50%;filter:blur(42px);opacity:.5;}
.orb-a{width:320px;height:320px;background:#3b82f6;top:-80px;right:8%;animation:hcFloat 9s ease-in-out infinite;}
.orb-b{width:260px;height:260px;background:#8b5cf6;bottom:-60px;left:6%;animation:hcFloat 11s ease-in-out infinite reverse;}
.orb-c{width:200px;height:200px;background:#22d3ee;top:42%;left:42%;opacity:.3;animation:hcFloat 13s ease-in-out infinite;}
.orb-d{width:300px;height:300px;background:#8b5cf6;top:-60px;left:10%;animation:hcFloat 10s ease-in-out infinite;}
.orb-e{width:260px;height:260px;background:#ec4899;bottom:-70px;right:8%;opacity:.4;animation:hcFloat 12s ease-in-out infinite reverse;}
.orb-f{width:180px;height:180px;background:#22d3ee;top:30%;right:35%;opacity:.3;animation:hcFloat 14s ease-in-out infinite;}
@keyframes hcFloat{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(-26px) translateX(14px)}}

/* 内容入场动画 */
.hc-slide .hc-anim{opacity:0;transform:translateY(26px);}
.hc-slide.active .hc-anim{animation:hcUp .7s cubic-bezier(.2,.7,.3,1) forwards;}
.hc-slide.active .hero-content .hc-anim:nth-child(1){animation-delay:.08s;}
.hc-slide.active .hero-content .hc-anim:nth-child(2){animation-delay:.16s;}
.hc-slide.active .hero-content .hc-anim:nth-child(3){animation-delay:.24s;}
.hc-slide.active .hero-content .hc-anim:nth-child(4){animation-delay:.32s;}
.hc-slide.active .hero-content .hc-anim:nth-child(5){animation-delay:.40s;}
.hc-slide.active .hc-visual.hc-anim{animation-delay:.30s;}
@keyframes hcUp{to{opacity:1;transform:translateY(0)}}

/* 右侧可视化 */
.hc-visual{position:relative;z-index:2;}
.hc-network{width:100%;max-width:460px;height:auto;display:block;filter:drop-shadow(0 20px 40px rgba(0,0,0,.35));}
.hc-network .hc-node circle{transform-box:fill-box;transform-origin:center;animation:hcPulse 2.6s ease-in-out infinite;}
.hc-network .hc-node circle:nth-child(2){animation-delay:.4s;}
.hc-network .hc-node circle:nth-child(3){animation-delay:.8s;}
.hc-network .hc-node circle:nth-child(4){animation-delay:1.2s;}
.hc-network .hc-node circle:nth-child(5){animation-delay:1.6s;}
@keyframes hcPulse{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.14)}}

/* 复用 hero 布局使其在轮播中正常排布 */
.hero-carousel .hero-inner{align-items:center;}

/* 箭头 */
.hc-arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  width:46px;height:46px;border-radius:50%;border:none;
  background:rgba(255,255,255,.18);color:#fff;font-size:26px;line-height:1;
  cursor:pointer;z-index:5;backdrop-filter:blur(4px);
  transition:all .25s ease;
}
.hc-arrow:hover{background:rgba(255,255,255,.35);transform:translateY(-50%) scale(1.08);}
.hc-prev{left:24px;}
.hc-next{right:24px;}

/* 圆点指示器 */
.hc-dots{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:5;}
.hc-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer;transition:all .3s;}
.hc-dot.active{background:#fff;width:28px;border-radius:6px;}

/* 响应式 */
@media (max-width:900px){
  .hc-slide{min-height:auto;padding:96px 0 74px;}
  .hc-arrow{display:none;}
  .hc-network{max-width:320px;margin:0 auto;}
  .hero-carousel .hero-inner{flex-direction:column;text-align:center;}
  .hero-carousel .hero-content{order:1;}
  .hero-carousel .hc-visual{order:2;margin-top:30px;}
  .hero-carousel .hero-actions{justify-content:center;}
  .hero-carousel .hero-trust{justify-content:center;}
}