/* ===== 修复极点云滚动特效导致的样式异常 =====
   原版用 sticky + JS 放大标题 + 3D 翻转卡片，在部分环境下会失控
   （标题被放大到遮住整个区块）。这里全部关掉，保留静态布局。 */

/* 1) 标题不再被 JS 缩放 */
#home-hot-products .home-product-main-title {
  transform: none !important;
  will-change: auto !important;
}

/* 2) 取消 sticky 舞台（避免与吸顶重叠） */
#home-hot-products .home-product-stage {
  position: static !important;
  perspective: none !important;
  top: auto !important;
}

/* 3) 卡片区不做 3D 翻转 */
#home-hot-products .home-product-reveal,
#home-hot-products.home-product-section--animated .home-product-reveal {
  transform: none !important;
  opacity: 1 !important;
  will-change: auto !important;
}

/* 4) 辅助元素恒可见 */
#home-hot-products .home-product-heading .home-section-kicker,
#home-hot-products .home-product-title-group p,
#home-hot-products .home-product-nav-wrap,
#home-hot-products.home-product-section--animated .home-product-heading .home-section-kicker,
#home-hot-products.home-product-section--animated .home-product-title-group p,
#home-hot-products.home-product-section--animated .home-product-nav-wrap {
  opacity: 1 !important;
  transform: none !important;
}

/* 5) 取消滚动预算占位高度 */
#home-hot-products {
  --hp-scroll-budget: 0px !important;
  height: auto !important;
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

/* 6) 标题恢复正常字号与层级 */
#home-hot-products .home-product-main-title > h2 {
  font-size: 34px !important;
  line-height: 1.2 !important;
  letter-spacing: -.035em !important;
  display: block !important;
}
#home-hot-products .home-product-title-group {
  flex: 0 0 420px !important;
  max-width: 420px !important;
}

/* ===== 底部清理：去掉多余的横线与空白区 ===== */
.s1-bottom .s2-defaultWidth .s2-friendChain {
  border-top: 0 !important;
  border-bottom: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}
.s1-keepOnRecord .s1-defaultWidth .s1-badgeCollection {
  display: none !important;
}

/* ===== 注册/登录按钮 hover 修复（防止文字消失） ===== */
nav .home-nav-register,
nav .home-nav-register:hover,
nav .home-nav-register:visited,
nav .home-nav-register:active {
  color: #fff !important;
  opacity: 1 !important;
  text-decoration: none !important;
}
nav .home-nav-register:hover {
  background: linear-gradient(135deg, #0a5fe0 0%, #073bb8 100%) !important;
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(11,85,232,.32);
}
nav .home-nav-register i { color: #fff !important; }

nav .home-nav-login,
nav .home-nav-login:hover,
nav .home-nav-login:visited {
  color: #1d2939 !important;
  opacity: 1 !important;
}
nav .home-nav-login:hover { color: #0b63e6 !important; }