/* ==========================================================================
   首页布局修复 - 消除空白但保持轮播图功能完整
   ========================================================================== */

/* 核心：移除容器空白但不影响内部元素 - 向上移动40px紧贴分类导航 */
.home-hero {
  display: block;
  margin: -40px 0 0 0 !important;
  padding: 0 !important;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

/* 轮播图容器 - 完全填充 */
.home-hero .carousel {
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
}

.home-hero .carousel-inner {
  margin: 0;
  padding: 0;
}

.home-hero .carousel-item {
  margin: 0;
  padding: 0;
}

/* Hero section - 保持高度 */
.home-hero .hero {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}

/* Picture元素 */
.home-hero .hero-picture {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}

/* 图片 - 移除底部空白和所有边框 */
.home-hero .hero-picture img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  object-fit: cover;
}

/* 去除轮播图所有边框和白条 */
.home-hero .carousel,
.home-hero .carousel-inner,
.home-hero .carousel-item,
.home-hero .hero {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* 确保carousel没有默认边框 */
.carousel {
  border: none !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
}

/* 覆盖Bootstrap的carousel默认边框 */
.carousel-fullwidth {
  border: none !important;
}

/* 确保轮播图没有padding产生的白条 */
.home-hero * {
  box-sizing: border-box;
}

/* 确保container不产生边框 */
.home-hero .container {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 确保内容区域与轮播图紧密衔接 */
body.route-common-home #common-home {
  padding-top: 0;
  margin-top: 0;
}

body.route-common-home #common-home > .container {
  padding-top: 3rem;
  padding-bottom: 3rem;
}