/* =====================================================
   云服务器页（cloud.html）专用 · 蓝色液态玻璃风格
   仅本页引入，不影响其他页面；需在 product.css 之后加载
   主色：#1668F2 / #4F9CFF / #6EE7F9
   ===================================================== */

/* ---------- 页面光斑背景（液态玻璃底色） ---------- */
.glass-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  overflow: hidden;
  background: linear-gradient(180deg, #EAF3FF 0%, #F4F9FF 45%, #FFFFFF 100%);
  pointer-events: none;
}
.glass-bg .blob {
  position: absolute;
  display: block;
  border-radius: 50%;
  filter: blur(90px);
  opacity: 0.55;
}
.glass-bg .blob.b1 {
  width: 560px;
  height: 560px;
  left: -140px;
  top: -120px;
  background: radial-gradient(circle, #7DB8FF 0%, rgba(125, 184, 255, 0) 70%);
}
.glass-bg .blob.b2 {
  width: 480px;
  height: 480px;
  right: -120px;
  top: 220px;
  background: radial-gradient(circle, #6EE7F9 0%, rgba(110, 231, 249, 0) 70%);
}
.glass-bg .blob.b3 {
  width: 640px;
  height: 640px;
  left: 30%;
  bottom: -220px;
  background: radial-gradient(circle, #A8CFFF 0%, rgba(168, 207, 255, 0) 70%);
}

/* ---------- 静态 banner（无轮播图时）：蓝色渐变 + 玻璃按钮 ---------- */
.server-banner.banner-cloud {
  background: linear-gradient(120deg, #0B2E6E 0%, #1668F2 45%, #3D8BFF 78%, #6EE7F9 120%) !important;
  background-image: linear-gradient(120deg, #0B2E6E 0%, #1668F2 45%, #3D8BFF 78%, #6EE7F9 120%) !important;
  position: relative;
  overflow: hidden;
}
/* 装饰高光球 */
.server-banner.banner-cloud::before {
  content: '';
  position: absolute;
  right: -80px;
  top: -80px;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.25);
}
.server-banner.banner-cloud::after {
  content: '';
  position: absolute;
  right: 180px;
  bottom: -120px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: rgba(110, 231, 249, 0.25);
  filter: blur(40px);
}
.banner-cloud .section-content {
  position: relative;
  z-index: 2;
}
.banner-cloud .section-content h1 {
  color: #FFFFFF;
}
.banner-cloud .server-banner-desc {
  color: rgba(255, 255, 255, 0.88) !important;
}
/* 玻璃购买按钮 */
.banner-cloud .btn.btn-normal {
  background: rgba(255, 255, 255, 0.2) !important;
  border: 1px solid rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  color: #FFFFFF !important;
  border-radius: 999px;
  padding: 12px 46px;
  font-size: 16px;
  box-shadow: 0 8px 24px rgba(9, 60, 150, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.6);
  transition: all 0.3s ease;
}
.banner-cloud a:hover .btn.btn-normal {
  background: rgba(255, 255, 255, 0.32) !important;
  color: #FFFFFF !important;
  transform: translateY(-2px);
}

/* ---------- 轮播 banner：图片上的玻璃购买按钮（左下角小按钮） ---------- */
.banner .swiper-slide.banner-slide {
  position: relative;
}
.banner .banner-overlay {
  position: absolute;
  left: calc((100% - 1200px) / 2);
  right: auto;
  bottom: 10%;
  display: flex;
  justify-content: flex-start;
  z-index: 5;
  pointer-events: none;
}
.banner .banner-overlay .banner-buy-btn {
  pointer-events: auto;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 8px 22px;
  background: linear-gradient(135deg, rgba(79, 156, 255, 0.85) 0%, rgba(22, 104, 242, 0.9) 100%);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  color: #FFFFFF !important;
  font-size: 14px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 6px 18px rgba(9, 60, 150, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  transition: all 0.3s ease;
  white-space: nowrap;
}
.banner .banner-overlay .banner-buy-btn:hover {
  color: #FFFFFF !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(9, 60, 150, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.6);
}
.banner .banner-overlay .banner-buy-btn .iconfont {
  font-size: 12px;
}
/* 中屏容器边距对齐 */
@media screen and (max-width: 1440px) {
  .banner .banner-overlay {
    left: calc((100% - 1200px) / 2 + 15px);
  }
}

/* ---------- 轮播 banner：宽度与首页 index 一致（全宽），图片完整显示（仅 cloud.html） ---------- */
.cloud-banner .banner-cont {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
/* 容器高度自适应图片比例，不再固定 550px 裁切 */
.cloud-banner .banner-cont .swiper-slide {
  height: auto !important;
  min-height: 0;
  background: none;
}
.cloud-banner .banner-cont .swiper-slide a {
  display: block;
  width: 100%;
  height: auto;
}
/* 覆盖 index.css 里 .banner-cont .swiper-slide .img 的 opacity:0 + 绝对定位，否则轮播图不显示 */
.cloud-banner .banner-cont .swiper-slide .img,
.cloud-banner .banner-cont .swiper-slide a img {
  position: static;
  opacity: 1;
  z-index: auto;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  display: block;
}
/* 「立即购买」按钮与 1200px 内容容器左边缘对齐 */
.cloud-banner .banner-overlay {
  left: max(24px, calc(50% - 600px));
  bottom: 12%;
}

/* ---------- 热门组合：地区大 tab 玻璃胶囊 ---------- */
.product-hot.cloud-pro-list {
  background: transparent !important;
}
.product-hot .gallery-thumbs .swiper-wrapper.jr-tabs {
  background: rgba(255, 255, 255, 0.55) !important;
  backdrop-filter: blur(20px) saturate(160%);
  -webkit-backdrop-filter: blur(20px) saturate(160%);
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 999px;
  box-shadow: 0 6px 24px rgba(22, 104, 242, 0.1);
  overflow: hidden;
}
.product-hot .gallery-thumbs .swiper-slide.title {
  color: rgba(11, 46, 110, 0.75);
  transition: all 0.3s ease;
}
.product-hot .gallery-thumbs .swiper-slide.title.active {
  background: linear-gradient(135deg, #4F9CFF 0%, #1668F2 100%) !important;
  color: #FFFFFF !important;
  border-radius: 999px;
  box-shadow: 0 6px 18px rgba(22, 104, 242, 0.35);
}

/* ---------- 国家切换条：玻璃 ---------- */
.cloud-pro-list .product-country {
  background: rgba(255, 255, 255, 0.55) !important;
  backdrop-filter: blur(20px) saturate(160%);
  -webkit-backdrop-filter: blur(20px) saturate(160%);
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 999px !important;
  box-shadow: 0 4px 20px rgba(22, 104, 242, 0.08) !important;
  overflow-x: auto;
}
.cloud-pro-list .country-item {
  color: rgba(11, 46, 110, 0.7) !important;
}
.cloud-pro-list .country-item:hover {
  color: #1668F2 !important;
}
.cloud-pro-list .country-item.active {
  background: linear-gradient(180deg, rgba(125, 184, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%) !important;
  color: #1668F2 !important;
}
.cloud-pro-list .product-des {
  color: rgba(11, 46, 110, 0.65);
}
.cloud-pro-list .product-des .link-rule {
  color: #1668F2 !important;
}

/* ---------- 产品卡片：液态玻璃卡 ---------- */
.cloud-pro-list .product-item {
  width: 335px !important;
  background: rgba(255, 255, 255, 0.62) !important;
  border: 1px solid rgba(255, 255, 255, 0.78) !important;
  border-radius: 20px !important;
  backdrop-filter: blur(20px) saturate(170%);
  -webkit-backdrop-filter: blur(20px) saturate(170%);
  box-shadow: 0 8px 32px rgba(22, 104, 242, 0.08) !important;
  overflow: hidden;
  transition: all 0.3s ease;
}
.cloud-pro-list .product-item:hover {
  box-shadow: 0 18px 48px rgba(22, 104, 242, 0.18) !important;
  transform: translateY(-4px);
}
.cloud-pro-list .product-item:hover h4 {
  color: #1668F2 !important;
}
.cloud-pro-list .product-item-top {
  background: linear-gradient(180deg, #EAF3FF 0%, #FFFFFF 100%) !important;
  border-bottom: 1px solid rgba(125, 184, 255, 0.28) !important;
}
.cloud-pro-list .product-item-top h4 {
  color: #0B2E6E !important;
}
.cloud-pro-list .product-active-text {
  color: #1668F2 !important;
  background: rgba(125, 184, 255, 0.28) !important;
}
/* 配置项 */
.cloud-pro-list .config-value {
  color: rgba(11, 46, 110, 0.9) !important;
}
.cloud-pro-list .config-lable {
  color: rgba(11, 46, 110, 0.45) !important;
}
.cloud-pro-list .config-time > span {
  border-color: rgba(125, 184, 255, 0.4) !important;
  color: rgba(11, 46, 110, 0.65) !important;
  transition: all 0.25s ease;
}
.cloud-pro-list .config-time > span.active {
  background: rgba(22, 104, 242, 0.08) !important;
  border: 1px solid #1668F2 !important;
  color: #1668F2 !important;
}
.cloud-pro-list .config-time > span:hover {
  border: 1px solid #1668F2 !important;
  color: #1668F2 !important;
}
/* 特性小标签 */
.cloud-pro-list .product-text-item {
  background: rgba(255, 255, 255, 0.6) !important;
  border: 1px solid rgba(125, 184, 255, 0.4) !important;
  color: #4A6E9E !important;
}
/* 价格 */
.cloud-pro-list .price {
  color: #1668F2 !important;
}
.cloud-pro-list .origin-price {
  color: rgba(11, 46, 110, 0.4) !important;
}
/* 购买按钮：蓝色玻璃渐变 */
.cloud-pro-list .product-btn {
  background: linear-gradient(135deg, #4F9CFF 0%, #1668F2 100%) !important;
  border-radius: 999px !important;
  box-shadow: 0 6px 18px rgba(22, 104, 242, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.4);
  transition: all 0.3s ease;
}
.cloud-pro-list a:hover .product-btn {
  background: linear-gradient(135deg, #3D8BFF 0%, #0F5AD6 100%) !important;
  color: #FFFFFF !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(22, 104, 242, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.cloud-pro-list .shop-car-btn {
  border-color: #1668F2 !important;
}

/* ---------- 产品优势：玻璃卡 ---------- */
.product-cloud {
  background: transparent !important;
}
.product-cloud .cloud-box {
  background: rgba(255, 255, 255, 0.62) !important;
  border: 1px solid rgba(255, 255, 255, 0.78);
  border-radius: 20px !important;
  backdrop-filter: blur(20px) saturate(170%);
  -webkit-backdrop-filter: blur(20px) saturate(170%);
  box-shadow: 0 8px 32px rgba(22, 104, 242, 0.08);
  transition: all 0.3s ease;
}
.product-cloud .cloud-box:hover {
  box-shadow: 0 18px 48px rgba(22, 104, 242, 0.16) !important;
  transform: translateY(-4px);
}
.product-cloud .cloud-box h4 {
  color: #0B2E6E;
}

/* ---------- 优惠活动：玻璃卡 + 蓝色顶条 ---------- */
.product-event .event-item {
  background: rgba(255, 255, 255, 0.62) !important;
  border-top: 4px solid #1668F2 !important;
  border-radius: 16px !important;
  backdrop-filter: blur(20px) saturate(160%);
  -webkit-backdrop-filter: blur(20px) saturate(160%);
  box-shadow: 0 8px 32px rgba(22, 104, 242, 0.08) !important;
  transition: all 0.3s ease;
}
.product-event .event-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 48px rgba(22, 104, 242, 0.16) !important;
}
.product-event .event-item:hover .event-name {
  color: #1668F2 !important;
}
.product-event .event-item .event-name {
  color: #0B2E6E !important;
}
.product-event .event-btn {
  background: linear-gradient(135deg, #4F9CFF 0%, #1668F2 100%) !important;
  border-radius: 999px !important;
  box-shadow: 0 6px 18px rgba(22, 104, 242, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.product-event a:hover .event-btn {
  background: linear-gradient(135deg, #3D8BFF 0%, #0F5AD6 100%) !important;
  color: #FFFFFF !important;
}

/* ---------- 产品特性：深蓝玻璃区 ---------- */
.product-performance {
  background: linear-gradient(120deg, #0B2E6E 0%, #1668F2 55%, #3D8BFF 100%) !important;
  background-image: linear-gradient(120deg, #0B2E6E 0%, #1668F2 55%, #3D8BFF 100%) !important;
  position: relative;
  overflow: hidden;
}
/* 液态光晕装饰 */
.product-performance::before {
  content: '';
  position: absolute;
  right: -120px;
  top: -100px;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(110, 231, 249, 0.4) 0%, rgba(110, 231, 249, 0) 70%);
  filter: blur(24px);
  pointer-events: none;
}
.product-performance::after {
  content: '';
  position: absolute;
  left: -140px;
  bottom: -160px;
  width: 460px;
  height: 460px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(79, 156, 255, 0.45) 0%, rgba(79, 156, 255, 0) 70%);
  filter: blur(24px);
  pointer-events: none;
}
.product-performance .section-content {
  position: relative;
  z-index: 2;
}
.product-performance .section-title h2,
.product-performance .section-title .section-desc {
  color: #FFFFFF;
}
.product-performance .performance .performance-left img {
  border-radius: 20px;
}
.product-performance .performance-item {
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 14px !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
  transition: all 0.3s ease;
}
.product-performance .performance-item:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  transform: translateX(4px);
  box-shadow: 0 12px 28px rgba(5, 30, 80, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.product-performance .performance-item h5 {
  color: #FFFFFF;
}
.product-performance .performance-item .desc {
  color: rgba(255, 255, 255, 0.65) !important;
}

/* ---------- 应用场景：玻璃 tabs ---------- */
.product-efficient {
  background: transparent !important;
}
.efficient .nav-tabs {
  background: rgba(255, 255, 255, 0.55) !important;
  backdrop-filter: blur(20px) saturate(160%);
  -webkit-backdrop-filter: blur(20px) saturate(160%);
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 20px 0 0 20px;
  box-shadow: 0 6px 24px rgba(22, 104, 242, 0.1);
  overflow: hidden;
}
.efficient .nav-tabs a {
  color: rgba(11, 46, 110, 0.75) !important;
  border-bottom: 1px solid rgba(125, 184, 255, 0.25);
}
.efficient .nav-tabs li.active > a,
.efficient .nav-tabs li:hover a {
  color: #1668F2 !important;
}
.efficient .nav-tabs li.active,
.efficient .nav-tabs li:hover {
  background: rgba(255, 255, 255, 0.85) !important;
  border-radius: 0;
}
.efficient .tab-content {
  background: rgba(255, 255, 255, 0.62) !important;
  backdrop-filter: blur(20px) saturate(160%);
  -webkit-backdrop-filter: blur(20px) saturate(160%);
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-left: none;
  border-radius: 0 20px 20px 0;
}
.layout-paragraph .layout-paragraph-s::before {
  background: #1668F2 !important;
}
.layout-paragraph .layout-title {
  color: #0B2E6E;
}
.layout-paragraph-tag {
  background: rgba(125, 184, 255, 0.18) !important;
  border: 1px solid rgba(22, 104, 242, 0.35);
  box-shadow: none !important;
  color: #1668F2;
}

/* ---------- 使用帮助：玻璃卡 ---------- */
.product-help {
  background: transparent !important;
}
.product-help .help-box {
  background: rgba(255, 255, 255, 0.62) !important;
  border: 1px solid rgba(255, 255, 255, 0.78) !important;
  border-radius: 20px !important;
  backdrop-filter: blur(20px) saturate(170%);
  -webkit-backdrop-filter: blur(20px) saturate(170%);
  box-shadow: 0 8px 32px rgba(22, 104, 242, 0.08) !important;
}
.product-help .help-box:hover {
  box-shadow: 0 18px 48px rgba(22, 104, 242, 0.16) !important;
}
.product-help .help-head h4 {
  color: #0B2E6E;
}
.product-help .help-head a {
  color: #1668F2 !important;
}
.product-help .help-box .font-el1 a {
  color: rgba(11, 46, 110, 0.65);
}
.product-help .help-box .font-el1 a:hover {
  color: #1668F2 !important;
}

/* ---------- 通用文字色 ---------- */
.cloud-pro-list .section-title h2,
.product-cloud .section-title h2,
.product-efficient .section-title h2,
.product-help .section-title h2 {
  color: #0B2E6E;
}
.cloud-pro-list .section-title .section-desc,
.product-cloud .section-title .section-desc,
.product-efficient .section-title .section-desc,
.product-help .section-title .section-desc {
  color: rgba(11, 46, 110, 0.6);
}
.more-pro,
.more-pro .link-rule {
  color: #1668F2 !important;
}

/* =====================================================
   移动端适配
   ===================================================== */
@media screen and (max-width: 768px) {
  /* ---------- 防字体重叠：全局加固 ---------- */
  .product-hot .gallery-thumbs .swiper-slide.title,
  .product-hot .gallery-thumbs .swiper-slide.title.active {
    font-size: 14px;
    white-space: nowrap;
    padding: 10px 14px;
  }
  .product-hot .gallery-thumbs .swiper-wrapper.jr-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .product-hot .hot {
    margin: 0;
  }
  .cloud-pro-list .product-item-top h4 {
    font-size: 18px;
    line-height: 1.4;
  }
  .cloud-pro-list .product-item-top .title-desc,
  .cloud-pro-list .product-des {
    line-height: 1.6;
    word-break: break-all;
  }
  .cloud-pro-list .product-config > p {
    flex-wrap: wrap;
  }
  .cloud-pro-list .config-time {
    flex-wrap: wrap;
  }
  .cloud-pro-list .product-price-box .price-left {
    flex-wrap: wrap;
    gap: 4px;
  }
  .cloud-pro-list .product-price-box .price-desc {
    margin-top: 4px;
  }
  .cloud-pro-list .product-price-box .price-right {
    flex-wrap: wrap;
    gap: 8px;
  }
  .product-event .event-name {
    font-size: 18px;
    line-height: 1.4;
    word-break: break-all;
  }
  /* 产品特性：大图在上 + 卡片 2 列网格 */
  .product-performance .performance {
    margin-top: 25px;
    display: block;
  }
  .product-performance .performance .performance-left {
    margin-bottom: 14px;
  }
  .product-performance .performance .performance-left img {
    min-width: 0 !important;
    width: 100%;
    max-height: 200px;
    margin-right: 0;
    object-fit: cover;
    border-radius: 16px;
  }
  .product-performance .performance-right {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .product-performance .performance-item {
    display: block;
    min-width: 0 !important;
    width: auto;
    margin: 0;
    padding: 12px !important;
    height: auto !important;
    border-radius: 14px !important;
  }
  .product-performance .performance-item > div:first-child img {
    width: 34px;
    height: 34px;
    margin: 0 0 8px;
  }
  .product-performance .performance-item h5 {
    font-size: 14px;
    line-height: 1.4;
  }
  .product-performance .performance-item .desc {
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.62) !important;
  }
  /* 2 列网格下悬浮方向改为上浮 */
  .product-performance .performance-item:hover {
    transform: translateY(-2px);
  }
  .layout-paragraph p,
  .layout-paragraph .layout-paragraph-s p {
    line-height: 1.7;
    word-break: break-all;
  }

  /* ---------- 静态 banner：压缩高度防溢出重叠 ---------- */
  .product-banner {
    height: auto !important;
    min-height: 300px;
    padding: 40px 0;
  }
  .banner-cloud .section-content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .banner-cloud .section-content h1 {
    font-size: 24px;
    line-height: 1.35;
    margin: 0 0 10px;
  }
  .banner-cloud .server-banner-desc {
    font-size: 14px;
    margin: 0 0 20px !important;
    line-height: 1.7;
  }
  .banner-cloud .btn.btn-normal {
    padding: 9px 30px;
    font-size: 14px;
  }

  /* ---------- 轮播 banner：左下角小按钮 ---------- */
  .banner .banner-overlay {
    left: 15px;
    bottom: 8%;
  }
  .banner .banner-overlay .banner-buy-btn {
    padding: 7px 18px;
    font-size: 13px;
  }

  /* 地区 tab：横向滚动 */
  .cloud-pro-list .product-country {
    height: 46px;
    justify-content: flex-start;
    -webkit-overflow-scrolling: touch;
  }
  .cloud-pro-list .country-item {
    padding: 0 12px;
    white-space: nowrap;
    flex-shrink: 0;
    font-size: 14px;
  }
  .cloud-pro-list .product-des {
    font-size: 14px;
    padding: 0 8px;
  }

  /* 产品卡片：单列铺满 */
  .cloud-pro-list .hot-cont {
    margin: 0;
    margin-top: 20px;
  }
  .cloud-pro-list .product-item {
    width: calc(100% - 16px) !important;
    margin: 8px;
  }
  .cloud-pro-list .product-item .product-item-top h4 {
    font-size: 18px;
  }
  .cloud-pro-list .product-item .product-item-bottom .product-config {
    min-height: auto;
  }

  /* 产品优势：2x2 网格 */
  .product-cloud .cloud {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin: 0;
    margin-top: 30px;
  }
  .product-cloud .cloud-box {
    min-width: 0 !important;
    width: auto;
    margin: 0;
    padding: 16px;
    flex-direction: column;
    border-radius: 16px !important;
  }
  .product-cloud .cloud-box img {
    width: 48px;
    height: 48px;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .product-cloud .cloud-box h4 {
    font-size: 15px;
  }
  .product-cloud .cloud-box .cloud-box-cont {
    font-size: 12px;
    line-height: 1.6;
  }

  /* 优惠活动：单列 */
  .product-event .event-item {
    width: 100%;
    margin: 9px 0;
  }
  .product-event .event-item .event-buy {
    margin-top: 20px;
  }

  /* 应用场景：上下布局 */
  .efficient .nav-tabs {
    flex-direction: row !important;
    border-radius: 20px 20px 0 0 !important;
    overflow-x: auto;
  }
  .efficient .nav-tabs li {
    flex: 1;
  }
  .efficient .nav-tabs a {
    width: auto !important;
    height: 100%;
    border-bottom: none !important;
    font-size: 14px;
    padding: 12px 6px;
  }
  .efficient .nav-tabs img {
    display: none !important;
  }
  .efficient .tab-content {
    border-left: none !important;
    border-radius: 0 0 20px 20px !important;
  }
  .tabs-efficient {
    padding: 24px 18px;
  }
  .tabs-efficient .tab-box {
    flex-direction: column;
  }
  .tab-box .tabs-content {
    padding-right: 0;
  }
  .tabs-efficient .tabs-img {
    width: 100%;
    margin-top: 20px;
  }

  /* 移动端收紧区块留白（排除导航栏 .nav-header，避免污染 header 布局） */
  .section-content:not(.nav-header) {
    padding: 45px 16px;
  }
  /* 统一区块标题在移动端的层级 */
  .section-title h2 {
    font-size: 24px;
    line-height: 1.4;
  }
  .section-title .section-desc {
    font-size: 14px;
    line-height: 1.7;
    margin-top: 8px;
  }
}

@media screen and (max-width: 480px) {
  .section-content:not(.nav-header) {
    padding: 36px 14px;
  }
  .product-banner {
    min-height: 260px;
    padding: 30px 0;
  }
  .banner-cloud .section-content h1 {
    font-size: 20px;
  }
  .banner-cloud .server-banner-desc {
    font-size: 13px;
    margin: 0 0 16px !important;
  }
  .banner-cloud .btn.btn-normal {
    padding: 8px 26px;
    font-size: 13px;
  }
  .banner .banner-overlay .banner-buy-btn {
    padding: 6px 16px;
    font-size: 12px;
  }
  /* 产品优势 2x2：小屏进一步压缩 */
  .product-cloud .cloud-box {
    padding: 12px;
  }
  .product-cloud .cloud-box img {
    width: 40px;
    height: 40px;
  }
  .product-cloud .cloud-box h4 {
    font-size: 14px;
  }
  /* 产品特性 2 列：小屏进一步压缩 */
  .product-performance .performance .performance-left img {
    max-height: 150px;
  }
  .product-performance .performance-item {
    padding: 10px !important;
  }
  .product-performance .performance-item > div:first-child img {
    width: 28px;
    height: 28px;
  }
  .product-performance .performance-item h5 {
    font-size: 13px;
  }
  .product-performance .performance-item .desc {
    font-size: 11px;
  }
  .glass-bg .blob {
    filter: blur(60px);
    opacity: 0.45;
  }
}