/* =========================
   Hero Slider
========================= */
.hero-slider{
  padding-top:90px;
  min-height:auto;
  position:relative;
  overflow:hidden;
}

.hero-slider:before{
  content:"";
  position:absolute;
  inset:-2px;
  background: linear-gradient(180deg, #F0F7FF 0%, #E8F1FA 50%, #F0F6FE 100%);
  z-index:0;
}

.hero-slider:after{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(to right, rgba(31,107,255,.06) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(31,107,255,.06) 1px, transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(560px 340px at 70% 38%, rgba(0,0,0,.9) 0%, transparent 72%);
  opacity:.45;
  z-index:0;
  pointer-events:none;
}

.hero-glow{
  position:absolute;
  right:-80px;
  top:120px;
  width:540px;
  height:540px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(31,107,255,.12) 0%, rgba(31,107,255,.08) 30%, transparent 70%);
  filter:blur(10px);
  z-index:0;
  pointer-events:none;
}

#heroMainCarousel,
#heroMainCarousel .carousel-inner,
#heroMainCarousel .carousel-item{
  transform:translateZ(0);
  backface-visibility:hidden;
}

.hero-slider .carousel,
.hero-slider .carousel-inner,
.hero-slider .carousel-item{
  min-height:760px;
}

.hero-slider .carousel{
  width:100%;
  position:relative;
  z-index:1;
}

.hero-slider .carousel-item{
  padding:20px 0 26px;
  transition:opacity .58s cubic-bezier(.22,.61,.36,1)!important;
}

.hero-inner{
  position:relative;
  z-index:1;
  min-height:700px;
  display:flex;
  align-items:center;
  padding-top:0;
  padding-bottom:0;
}

.hero-inner .row{
  width:100%;
  align-items:center!important;
}

/* 调整左右列比例为 5:7 */
.hero-inner .col-lg-5 {
  flex: 0 0 41.666%;
  max-width: 41.666%;
}

.hero-inner .col-lg-7 {
  flex: 0 0 58.333%;
  max-width: 58.333%;
}

.hero-copy{
  max-width:620px;
  position:relative;
  z-index:3;
  padding-right:10px;
}

.hero-kicker{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  min-height:28px;
  font-weight:700;
  color:var(--muted);
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:.82rem;
}

.hero-kicker:before{
  content:"";
  width:22px;
  height:2px;
  border-radius:2px;
  background:linear-gradient(90deg,var(--brand),var(--accent));
}

.hero-title{
  margin:12px 0 14px;
  font-size:2.4rem;
  line-height:1.5;
  letter-spacing:-.05em;
  font-weight:820;
  min-height:auto;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.hero-title .brandMark{
  display:inline-block;
  background:linear-gradient(90deg,var(--ink) 0%,var(--ink) 38%,var(--brand) 72%,var(--accent) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.hero-sub{
  color:var(--muted);
  font-size:1.02rem;
  line-height:1.78;
  max-width:42rem;
  min-height:auto;
  margin:0;
}

.hero-badges{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  margin-top:16px;
  min-height:auto;
}

.badge-pill{
  border:1px solid var(--line);
  padding:.45rem .75rem;
  border-radius:999px;
  color:rgba(15,23,42,.78);
  font-weight:600;
  background:rgba(255,255,255,.82);
  font-size:.92rem;
}

.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:20px;
  min-height:auto;
}

.hero-panels{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  margin-top:22px;
  min-height:auto;
}

.hero-data-card{
  min-width:170px;
  flex:1 1 0;
  border:1px solid rgba(230,235,244,.95);
  border-radius:20px;
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(10px);
  padding:18px 18px;
  box-shadow:0 18px 48px -36px rgba(15,23,42,.35);
}

.hero-data-card .top{
  font-size:.82rem;
  color:var(--muted);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.hero-data-card .big{
  font-size:1.8rem;
  font-weight:800;
  letter-spacing:-.03em;
  margin-top:8px;
  color:var(--ink);
}

.hero-data-card .small{
  margin-top:6px;
  color:var(--muted);
  font-size:.92rem;
  line-height:1.6;
}

#heroMainCarousel .carousel-item .hero-copy,
#heroMainCarousel .carousel-item .hero-media-shell{
  opacity:0;
  transform:translateY(10px);
  transition:opacity .42s ease,transform .50s cubic-bezier(.22,.61,.36,1);
  will-change:opacity,transform;
}

#heroMainCarousel .carousel-item.active .hero-copy,
#heroMainCarousel .carousel-item.active .hero-media-shell,
#heroMainCarousel .carousel-item.carousel-item-start .hero-copy,
#heroMainCarousel .carousel-item.carousel-item-start .hero-media-shell,
#heroMainCarousel .carousel-item.carousel-item-end .hero-copy,
#heroMainCarousel .carousel-item.carousel-item-end .hero-media-shell{
  opacity:1;
  transform:translateY(0);
}

#heroMainCarousel .carousel-item:not(.active):not(.carousel-item-start):not(.carousel-item-end) .hero-copy,
#heroMainCarousel .carousel-item:not(.active):not(.carousel-item-start):not(.carousel-item-end) .hero-media-shell{
  visibility:hidden;
}

.carousel-item .hero-kicker,
.carousel-item .hero-title,
.carousel-item .hero-sub,
.carousel-item .hero-badges,
.carousel-item .hero-actions,
.carousel-item .hero-panels{
  opacity:0;
  transform:translateY(8px);
  transition:opacity .32s ease,transform .38s ease;
}

.carousel-item.active .hero-kicker{opacity:1;transform:none;transition-delay:.02s;}
.carousel-item.active .hero-title{opacity:1;transform:none;transition-delay:.05s;}
.carousel-item.active .hero-sub{opacity:1;transform:none;transition-delay:.08s;}
.carousel-item.active .hero-badges{opacity:1;transform:none;transition-delay:.11s;}
.carousel-item.active .hero-actions{opacity:1;transform:none;transition-delay:.14s;}
.carousel-item.active .hero-panels{opacity:1;transform:none;transition-delay:.17s;}

.hero-indicators{
  bottom:22px;
  z-index:5;
}

.hero-indicators button{
  width:10px!important;
  height:10px!important;
  border-radius:50%;
  margin:0 6px!important;
  border:none!important;
  background:rgba(15,23,42,.18)!important;
}

.hero-indicators .active{
  background:var(--brand)!important;
  width:28px!important;
  border-radius:999px!important;
}

.hero-control{
  width:56px;
  height:56px;
  top:50%;
  transform:translateY(-50%);
  background:rgba(255,255,255,.78);
  border:1px solid rgba(230,235,244,.95);
  border-radius:50%;
  box-shadow:0 12px 26px -18px rgba(15,23,42,.35);
  opacity:1;
  margin:0 18px;
}

.hero-control .carousel-control-prev-icon,
.hero-control .carousel-control-next-icon{
  filter:invert(24%) sepia(95%) saturate(1900%) hue-rotate(211deg) brightness(96%) contrast(98%);
  width:1.2rem;
  height:1.2rem;
}

.hero-control:hover{
  background:#fff;
}

/* =========================
   Hero Media / Visual
========================= */
.hero-media-shell{
  position:relative;
  min-height:520px;
  height:520px;
  border-radius:30px;
  overflow:hidden;
  border:1px solid rgba(230,235,244,.95);
  background:
    radial-gradient(circle at 75% 22%, rgba(83,179,255,.15), transparent 25%),
    radial-gradient(circle at 20% 78%, rgba(31,107,255,.08), transparent 28%),
    linear-gradient(135deg,#f0f6ff 0%,#e8f0fa 45%,#f0f6fe 100%);
  box-shadow:
    0 30px 70px -34px rgba(15,23,42,.34),
    0 0 0 1px rgba(31,107,255,.06) inset;
  isolation:isolate;
}

.hero-media-shell:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 82% 18%, rgba(83,179,255,.12), transparent 24%),
    radial-gradient(circle at 18% 78%, rgba(31,107,255,.08), transparent 28%);
  pointer-events:none;
  z-index:1;
}

.hero-media-grid{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(to right, rgba(31,107,255,.06) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(31,107,255,.06) 1px, transparent 1px);
  background-size:44px 44px;
  opacity:.5;
  pointer-events:none;
  z-index:0;
}

.hero-media-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(255,255,255,.04), rgba(255,255,255,0)),
    radial-gradient(circle at 80% 18%, rgba(83,179,255,.08), transparent 30%);
  pointer-events:none;
  z-index:2;
}

.hero-media-video,
.hero-media-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  z-index:1;
  border-radius:24px;
}

.hero-deco-ring{
  position:absolute;
  border:1px solid rgba(31,107,255,.12);
  border-radius:50%;
  z-index:1;
  opacity:.6;
}

.hero-deco-ring.r1{
  width:340px;
  height:340px;
  right:-20px;
  top:40px;
  animation:heroRingFloat 9s ease-in-out infinite;
}

.hero-deco-ring.r2{
  width:200px;
  height:200px;
  left:10px;
  bottom:20px;
  animation:heroRingFloat 11s ease-in-out infinite reverse;
  opacity:.4;
}

.hero-photo-card{
  position:absolute;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.55);
  border-radius:28px;
  padding:14px;
  box-shadow:
    0 26px 54px -28px rgba(15,23,42,.30),
    0 0 0 1px rgba(31,107,255,.08);
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2;
}

.hero-photo-card:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(255,255,255,.28), rgba(255,255,255,0) 46%);
  pointer-events:none;
}

.hero-photo-card img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  background:
    radial-gradient(circle at 50% 50%, rgba(83,179,255,.05), rgba(255,255,255,1) 68%);
  border-radius:20px;
}

.hero-photo-tag{
  position:absolute;
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.55rem .85rem;
  border-radius:999px;
  background:rgba(255,255,255,.85);
  backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.6);
  color:rgba(15,23,42,.84);
  font-size:.85rem;
  font-weight:700;
  box-shadow:
    0 12px 24px -16px rgba(15,23,42,.18),
    0 0 0 1px rgba(31,107,255,.05);
  z-index:4;
}

.hero-photo-tag i{
  color:var(--brand);
}

/* =========================
   Hero Screen A / B / Video
========================= */
.hero-visual-product-a{
  position:absolute;
  inset:0;
  z-index:1;
}

/* 放大卡片 - 第一屏 */
.hero-visual-product-a .hero-photo-card.main{
  width:86%;
  height:82%;
  right:20px;
  top:24px;
  transform:rotate(-3deg) translateY(0);
  animation:heroCardFloatA 6s ease-in-out infinite;
}

.hero-visual-product-a .hero-photo-tag.tag-1{
  left:28px;
  top:22px;
}

.hero-visual-product-a .hero-photo-tag.tag-2{
  right:24px;
  bottom:95px;
}

.hero-visual-product-b{
  position:absolute;
  inset:0;
  z-index:1;
}

/* 放大卡片 - 第二屏 */
.hero-visual-product-b .hero-photo-card.left{
  width:86%;
  height:82%;
  right:20px;
  top:24px;
  left:auto;
  transform:rotate(3deg) translateY(0);
  animation:heroCardFloatB 6.8s ease-in-out infinite;
}

.hero-visual-product-b .hero-photo-tag.tag-1{
  left:28px;
  top:18px;
}

.hero-visual-product-b .hero-photo-tag.tag-2{
  right:24px;
  bottom:95px;
}

.media-video-window{
  min-height:520px;
  height:520px;
}

.media-video-window .hero-video-stage{
  position:absolute;
  inset:0;
  z-index:1;
}

.media-video-window .hero-video-frame{
  position:absolute;
  left:20px;
  right:20px;
  top:20px;
  bottom:20px;
  height:auto;
  border-radius:24px;
  overflow:hidden;
  border:none;
  box-shadow:0 20px 40px -20px rgba(0,0,0,.2);
  background:#000;
}

.media-video-window .hero-media-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:24px;
}

.media-video-window .hero-video-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(15,23,42,.04), rgba(15,23,42,.14));
  pointer-events:none;
}

.hero-floating-spec{
  position:absolute;
  z-index:4;
  width:210px;
  padding:16px 16px 14px;
  border-radius:20px;
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.62);
  box-shadow:
    0 18px 36px -26px rgba(15,23,42,.22),
    0 0 0 1px rgba(31,107,255,.06);
}

.hero-floating-spec .k{
  font-size:.74rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--muted);
  font-weight:800;
}

.hero-floating-spec .v{
  margin-top:8px;
  font-size:1rem;
  line-height:1.45;
  font-weight:800;
  color:var(--ink);
}

.hero-floating-spec .d{
  margin-top:6px;
  font-size:.88rem;
  line-height:1.65;
  color:var(--muted);
}

.hero-visual-product-a .spec-a{
  left:34px;
  bottom:100px;
}

.hero-visual-product-b .spec-b{
  right:26px;
  bottom:100px;
}

/* =========================
   新增底部指标条
========================= */
.hero-metrics-footer {
  position: absolute;
  bottom: 16px;
  left: 20px;
  right: 20px;
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  z-index: 15;
}

.metric-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 18px;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(12px);
  border-radius: 40px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-shadow: 0 8px 20px -12px rgba(31, 107, 255, 0.15);
  font-size: 0.85rem;
  font-weight: 600;
  color: rgba(15, 23, 42, 0.85);
  transition: all 0.2s ease;
  margin-bottom: 5px;
}

.metric-chip i {
  color: var(--brand);
  font-size: 0.9rem;
}

.metric-chip:hover {
  transform: translateY(-2px);
  border-color: rgba(31, 107, 255, 0.3);
  background: white;
}

/* =========================
   其他原有样式保持不变
========================= */
.hero-video-pill{
  position:absolute;
  left:24px;
  bottom:24px;
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.65rem 1rem;
  border-radius:999px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(255,255,255,.62);
  color:rgba(15,23,42,.84);
  font-size:.9rem;
  font-weight:700;
  backdrop-filter:blur(12px);
  box-shadow:0 10px 20px -16px rgba(15,23,42,.18);
  z-index:4;
}

.hero-video-pill i{
  color:var(--brand);
}

.hero-video-mini-card{
  position:absolute;
  right:24px;
  bottom:24px;
  width:220px;
  padding:16px;
  border-radius:20px;
  background:rgba(255,255,255,.84);
  border:1px solid rgba(255,255,255,.62);
  backdrop-filter:blur(14px);
  box-shadow:0 18px 36px -26px rgba(15,23,42,.22);
  z-index:4;
}

.hero-video-mini-card .mini-k{
  font-size:.74rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--muted);
  font-weight:800;
}

.hero-video-mini-card .mini-v{
  margin-top:8px;
  font-size:.95rem;
  line-height:1.6;
  font-weight:700;
  color:var(--ink);
}

/* =========================
   Stats
========================= */
.stats{
  background:linear-gradient(180deg,#ffffff 0%,#ffffff 45%,#f8fbff 100%);
}

.stat-card{
  border:1px solid rgba(230,235,244,.95);
  border-radius:22px;
  padding:26px 22px;
  background:#fff;
  box-shadow:0 18px 55px -45px rgba(15,23,42,.55);
  transition:.18s ease;
  height:100%;
}

.stat-card:hover{
  transform:translateY(-3px);
  border-color:rgba(31,107,255,.22);
}

.stat-num{
  font-size:3.1rem;
  font-weight:850;
  letter-spacing:-.03em;
  color:var(--ink);
  line-height:1;
}

.stat-num .red{
  color:var(--brand);
}

.stat-lab{
  margin-top:.8rem;
  font-weight:750;
  font-size:1.1rem;
}

.stat-desc{
  color:var(--muted);
  margin-top:.35rem;
  font-size:.96rem;
  line-height:1.6;
}

/* =========================
   Product Section
========================= */
.product-entry{
  border:1px solid rgba(230,235,244,.95);
  border-radius:28px;
  background:#fff;
  overflow:hidden;
  height:100%;
  box-shadow:0 22px 52px -38px rgba(15,23,42,.22);
}

.product-entry-head{
  position:relative;
  padding:24px 24px 18px;
  border-bottom:1px solid rgba(230,235,244,.9);
  background:
    radial-gradient(600px 180px at 92% 12%, rgba(83,179,255,.16), transparent 40%),
    linear-gradient(135deg, rgba(31,107,255,.05), rgba(83,179,255,.03));
}

.product-entry-title{
  font-size:1.25rem;
  font-weight:850;
  letter-spacing:-.02em;
}

.product-entry-desc{
  margin-top:8px;
  color:var(--muted);
  line-height:1.75;
  font-size:.96rem;
}

.product-subnav{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  padding:22px 24px;
  margin:0;
}

.product-subnav a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:14px 14px;
  border:1px solid rgba(230,235,244,.95);
  border-radius:16px;
  background:rgba(248,251,255,.86);
  color:rgba(15,23,42,.82);
  font-weight:650;
  transition:.18s ease;
}

.product-subnav a:hover{
  transform:translateY(-2px);
  border-color:rgba(31,107,255,.22);
  color:var(--brand);
  box-shadow:0 12px 26px -20px rgba(15,23,42,.18);
}

.product-subnav a i{
  color:var(--brand);
  font-size:.88rem;
}

.product-bottom{
  padding:0 24px 24px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.custom-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.5rem .8rem;
  border-radius:999px;
  background:linear-gradient(135deg,var(--brand),var(--brand-deep));
  color:#fff;
  font-size:.82rem;
  font-weight:700;
  box-shadow:0 14px 24px -18px rgba(31,107,255,.52);
}

.custom-strip{
  margin-top:30px;
  border:1px solid rgba(230,235,244,.95);
  border-radius:24px;
  padding:22px 24px;
  background:linear-gradient(135deg, rgba(31,107,255,.05), rgba(83,179,255,.08));
}

.custom-strip-title{
  display:flex;
  align-items:center;
  gap:.6rem;
  font-size:1.15rem;
  font-weight:800;
  margin-bottom:8px;
}

.custom-strip-title i{
  color:var(--brand);
}

.custom-points{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
  margin-top:1rem;
}

.custom-point{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  border:1px solid rgba(31,107,255,.14);
  background:rgba(255,255,255,.92);
  color:rgba(15,23,42,.84);
  padding:.55rem .85rem;
  border-radius:999px;
  font-weight:650;
  font-size:.92rem;
}

.custom-point i{
  color:var(--brand);
}

/* =========================
   Solution Section
========================= */
.sol-card{
  position:relative;
  border:1px solid rgba(230,235,244,.95);
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,251,255,.94));
  overflow:hidden;
  height:100%;
  box-shadow:0 22px 52px -38px rgba(15,23,42,.28);
}

.sol-top{
  padding:26px 24px 18px;
  border-bottom:1px solid rgba(230,235,244,.9);
  background:
    radial-gradient(600px 180px at 92% 12%, rgba(83,179,255,.16), transparent 40%),
    linear-gradient(135deg, rgba(31,107,255,.06), rgba(83,179,255,.03));
}

.sol-badge{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.45rem .8rem;
  border-radius:999px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(230,235,244,.95);
  color:var(--brand);
  font-size:.84rem;
  font-weight:750;
}

.sol-card h4{
  margin:1rem 0 .65rem;
  font-weight:860;
  letter-spacing:-.02em;
}

.sol-card p{
  color:var(--muted);
  line-height:1.8;
  margin:0;
}

.sol-body{
  padding:22px 24px 24px;
}

.sol-list{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:12px;
}

.sol-list li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:rgba(15,23,42,.82);
  line-height:1.75;
}

.sol-list i{
  color:var(--brand);
  margin-top:5px;
}

/* =========================
   News Section
========================= */
.news-layout{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:24px;
  margin-top:1rem;
  align-items:start;
}

.news-feature{
  border:1px solid rgba(230,235,244,.95);
  border-radius:28px;
  background:#fff;
  overflow:hidden;
  box-shadow:var(--shadow);
  height:100%;
}

.news-feature-cover{
  position:relative;
  height:240px;
  overflow:hidden;
}

.news-feature-img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.news-feature-cover::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(15,23,42,.08) 0%, rgba(15,23,42,.22) 100%);
}

.news-feature-badge{
  position:absolute;
  left:24px;
  top:20px;
  z-index:2;
  padding:.45rem .8rem;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.28);
  color:#fff;
  font-weight:700;
  font-size:.85rem;
  backdrop-filter:blur(6px);
}

.news-feature-inner{
  padding:28px;
}

.news-date{
  color:var(--brand);
  font-weight:800;
  letter-spacing:.04em;
  font-size:.92rem;
}

.news-feature h3{
  margin:.7rem 0 .8rem;
  font-weight:850;
  letter-spacing:-.02em;
  font-size:1.7rem;
  line-height:1.3;
}

.news-feature p{
  color:var(--muted);
  line-height:1.8;
  margin:0;
}

.news-feature-actions{
  display:flex;
  gap:.8rem;
  flex-wrap:wrap;
  margin-top:1.2rem;
}

.news-side{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.news-side-card{
  border:1px solid rgba(230,235,244,.95);
  border-radius:22px;
  background:#fff;
  padding:20px 20px 18px 20px;
  transition:.18s ease;
}

.news-side-card:hover{
  transform:translateY(-3px);
  border-color:rgba(31,107,255,.22);
  box-shadow:var(--shadow);
}

.news-side-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}

.news-side-time{
  font-size:.85rem;
  color:var(--brand);
  font-weight:800;
  min-width:86px;
}

.news-side-dot{
  width:11px;
  height:11px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--brand),var(--accent));
  box-shadow:0 0 0 6px rgba(31,107,255,.08);
  flex:0 0 auto;
  margin-top:4px;
}

.news-side-card h5{
  margin:0;
  font-size:1.05rem;
  font-weight:800;
  line-height:1.45;
  letter-spacing:-.01em;
}

.news-side-card p{
  margin:.55rem 0 0;
  color:var(--muted);
  line-height:1.7;
  font-size:.95rem;
}

/* =========================
   Home Animations
========================= */
@keyframes chipFloat{
  0%{transform:translateY(0);}
  50%{transform:translateY(-10px);}
  100%{transform:translateY(0);}
}

@keyframes waferRotate{
  from{transform:rotate(0deg);}
  to{transform:rotate(360deg);}
}

@keyframes heroRingFloat{
  0%{transform:translateY(0) rotate(0deg);}
  50%{transform:translateY(-8px) rotate(2deg);}
  100%{transform:translateY(0) rotate(0deg);}
}

@keyframes heroCardFloatA{
  0%{transform:rotate(-3deg) translateY(0);}
  50%{transform:rotate(-3deg) translateY(-8px);}
  100%{transform:rotate(-3deg) translateY(0);}
}

@keyframes heroCardFloatB{
  0%{transform:rotate(3deg) translateY(0);}
  50%{transform:rotate(3deg) translateY(-8px);}
  100%{transform:rotate(3deg) translateY(0);}
}

/* =========================
   Home Responsive
========================= */
@media (max-width:992px){
  .hero-slider,
  .hero-slider .carousel,
  .hero-slider .carousel-inner,
  .hero-slider .carousel-item{
    min-height:auto;
  }

  .hero-slider{
    padding-top:88px;
    padding-bottom:18px;
  }

  .hero-inner{
    min-height:auto;
  }

  .hero-inner .col-lg-5,
  .hero-inner .col-lg-7 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .hero-title{
    font-size:2.3rem;
    line-height:1.14;
  }

  .hero-sub{
    font-size:1rem;
    min-height:auto;
  }

  .hero-actions,
  .hero-panels{
    min-height:auto;
  }

  .hero-panels{
    flex-direction:column;
  }

  .hero-media-shell,
  .media-video-window{
    min-height:440px;
    height:440px;
    margin-top:24px;
  }

  .hero-control{
    display:none;
  }

  .hero-visual-product-a .hero-photo-card.main{
    width:86%;
    height:78%;
    right:16px;
    top:20px;
  }

  .hero-visual-product-b .hero-photo-card.left{
    width:86%;
    height:78%;
    right:16px;
    top:20px;
  }

  .media-video-window .hero-video-frame{
    left:14px;
    right:14px;
    top:14px;
    bottom:14px;
  }

  .news-layout{
    grid-template-columns:1fr;
  }

  .product-subnav{
    grid-template-columns:1fr;
  }

  .custom-badge{
    position:static;
    display:inline-block;
    margin-top:12px;
  }

  .hero-floating-spec{
    display:none;
  }

  .hero-metrics-footer {
    bottom: 12px;
    left: 12px;
    right: 12px;
    gap: 10px;
  }

  .metric-chip {
    padding: 6px 14px;
    font-size: 0.75rem;
  }

  .hero-visual-product-a .hero-photo-tag.tag-2,
  .hero-visual-product-b .hero-photo-tag.tag-2 {
    bottom: 80px;
  }

  .hero-video-mini-card{
    width:200px;
  }
}

@media (max-width:768px){
  .hero-title{
    font-size:1.95rem;
    line-height:1.16;
    margin:12px 0;
  }

  .hero-sub{
    font-size:.95rem;
    line-height:1.7;
  }

  .hero-actions{
    margin-top:18px;
  }

  .hero-media-shell,
  .media-video-window{
    min-height:380px;
    height:380px;
  }

  .hero-visual-product-a .hero-photo-card.main{
    width:88%;
    height:70%;
    right:12px;
    top:16px;
  }

  .hero-visual-product-b .hero-photo-card.left{
    width:88%;
    height:70%;
    right:12px;
    top:16px;
  }

  .media-video-window .hero-video-frame{
    left:10px;
    right:10px;
    top:10px;
    bottom:10px;
    border-radius:18px;
  }

  .media-video-window .hero-media-video{
    border-radius:18px;
  }

  .news-side-top{
    flex-direction:column;
    gap:8px;
  }

  .news-side-time{
    min-width:auto;
  }

  .hero-floating-spec{
    display:none;
  }

  .hero-metrics-footer {
    gap: 8px;
  }

  .metric-chip {
    padding: 5px 12px;
    font-size: 0.7rem;
  }

  .metric-chip i {
    font-size: 0.75rem;
  }

  .hero-visual-product-a .hero-photo-tag.tag-2,
  .hero-visual-product-b .hero-photo-tag.tag-2 {
    bottom: 70px;
    right: 12px;
  }

  .hero-video-mini-card{
    left:12px;
    right:12px;
    width:auto;
    bottom:12px;
  }

  .hero-video-pill{
    left:12px;
    bottom:82px;
    font-size:.78rem;
  }
}



/* =========================
   第一屏：全铺图片 + 动画效果
========================= */

.hero-image-fullscreen {
  position: relative;
  min-height: 520px;
  height: 520px;
  border-radius: 30px;
  overflow: hidden;
}

.hero-image-stage {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.hero-image-frame {
  position: absolute;
  left: 16px;
  right: 16px;
  top: 16px;
  bottom: 16px;

  border-radius: 24px;
  overflow: hidden;

  border: 1px solid rgba(255, 255, 255, 0.22);

  background: #eee;

  /* 科技感阴影 */
  box-shadow:
    0 30px 80px -40px rgba(31,107,255,.30),
    0 20px 40px -20px rgba(0,0,0,.35),
    0 0 0 1px rgba(31,107,255,.10);
}

.hero-full-image {
  width: 100%;
  height: 100%;
  border: 0;

  object-fit: cover;

  display: block;

  border-radius: 24px;

  /* 图片氛围优化 
  filter:
    brightness(.88)
    contrast(1.06)
    saturate(1.04);*/

  transform: scale(1.02);

  transition:
    transform .8s ease,
    filter .5s ease;

  /* 边缘柔化（高级感核心） 
  -webkit-mask-image:
    radial-gradient(
      circle at center,
      rgba(0,0,0,1) 62%,
      rgba(0,0,0,.94) 76%,
      rgba(0,0,0,.72) 88%,
      transparent 100%
    );

  mask-image:
    radial-gradient(
      circle at center,
      rgba(0,0,0,1) 62%,
      rgba(0,0,0,.94) 76%,
      rgba(0,0,0,.72) 88%,
      transparent 100%
    );*/
}

/* 图片缩放动画 */
.hero-image-zoom {
  animation: heroImageZoom 12s ease-in-out infinite;
  transform-origin: center center;
}

@keyframes heroImageZoom {
  0% {
    transform: scale(1.02);
  }

  50% {
    transform: scale(1.08);
  }

  100% {
    transform: scale(1.02);
  }
}

/* 图片柔和遮罩 */
.hero-image-shade {
  position: absolute;
  inset: 0;

  border-radius: 24px;

  pointer-events: none;

  background:
   /* 更透明的版本示例 */
linear-gradient(
  180deg,
  rgba(15,23,42,.01) 0%,
  rgba(15,23,42,.04) 38%,
  rgba(15,23,42,.12) 100%
)
}

/* hover 高级动态 */
.hero-image-frame:hover .hero-full-image {
  filter:
    brightness(.92)
    contrast(1.08)
    saturate(1.08);

  transform: scale(1.06);
}

/* 第一屏的浮动标签位置微调 */
.hero-image-fullscreen .hero-photo-tag.tag-1 {
  left: 32px;
  top: 28px;
  z-index: 10;
}

.hero-image-fullscreen .hero-photo-tag.tag-2 {
  right: 28px;
  bottom: 100px;
  z-index: 10;
}

.hero-image-fullscreen .spec-a {
  left: 32px;
  bottom: 110px;
}
/* 响应式适配 */
@media (max-width: 992px) {
  .hero-image-fullscreen,
  .hero-image-stage,
  .hero-image-frame {
    min-height: 440px;
    height: 440px;
  }
}

@media (max-width: 768px) {
  .hero-image-fullscreen,
  .hero-image-stage,
  .hero-image-frame {
    min-height: 380px;
    height: 380px;
  }
  
  .hero-image-zoom {
    animation: none;
  }
}