/* =============================================
   入口页面 - H5移动端样式
   三图入口布局，触控友好设计
   ============================================= */

/* 入口区域容器 */
.h5-entrance-section {
  padding: 5.33vw 4vw 4vw;
  background-color: #fff;
}

/* 页面标题 */
.h5-entrance-title {
  text-align: center;
  font-size: 5.33vw;
  font-weight: 700;
  color: #333;
  margin-bottom: 5.33vw;
  position: relative;
}
.h5-entrance-title::after {
  content: '';
  display: block;
  width: 10.67vw;
  height: 0.53vw;
  background: #0077d3;
  margin: 2.13vw auto 0;
  border-radius: 2px;
}

/* 三图入口纵向布局 */
.h5-entrance-grid {
  display: flex;
  flex-direction: column;
  gap: 4vw;
}

/* 单个入口卡片 - 触控最小44px目标区域 */
.h5-entrance-card {
  display: block;
  border-radius: 2.67vw;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0.53vw 2.67vw rgba(0, 0, 0, 0.08);
  text-decoration: none;
  min-height: 44px;
  -webkit-tap-highlight-color: transparent;
  transition: box-shadow 0.3s;
}
.h5-entrance-card:active {
  box-shadow: 0 0.27vw 1.33vw rgba(0, 119, 211, 0.2);
}

/* 图片容器 - 16:9 移动端更宽视野 */
.h5-entrance-card-img-wrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 比例 */
  overflow: hidden;
}
.h5-entrance-card-img-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 卡片信息区 - 增大触控区域内边距 */
.h5-entrance-card-info {
  padding: 3.2vw 4vw 4vw;
}
.h5-entrance-card-name {
  font-size: 4.27vw;
  font-weight: 600;
  color: #333;
  margin-bottom: 1.33vw;
  line-height: 1.5;
}
.h5-entrance-card-desc {
  font-size: 3.47vw;
  color: #888;
  line-height: 1.7;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 进入指示箭头 */
.h5-entrance-card-arrow {
  display: flex;
  align-items: center;
  margin-top: 2.13vw;
  font-size: 3.47vw;
  color: #0077d3;
  font-weight: 500;
}
.h5-entrance-card-arrow::after {
  content: '→';
  margin-left: 1.33vw;
}

/* 搜索栏下间距调整 */
.search-part + .main-cont-height {
  margin-top: 0;
}