/* ============================================================
   卓豪用户大会·深圳站 落地页优化 CSS
   适用平台：Zoho Backstage（模块化建站，仅支持自定义 CSS/JS）
   说明：只针对性美化【首屏以下】各板块，首屏（banner）完全不动。
   用法：登录 Zoho Backstage 后台 → 进入页面编辑 → 找到
   "自定义 CSS / Custom CSS" 输入框，整段粘贴保存。
   ============================================================ */

/* ---------- 1. 倒计时 / 年度盛会启幕（countDown） ---------- */
.community-section-countDown-2 {
  padding: 64px 0 72px;
  background: linear-gradient(180deg, #fff 0%, #FFF6F0 100%);
}
.community-section-countDown-2 .count-down-title {
  margin-bottom: 28px;
}
.community-section-countDown-2 .count-down-timer {
  margin-top: 8px;
}
/* 倒计时数字块：更大、更醒目、统一红色增量 */
.community-section-countDown-2 .bs-countdown .item {
  background: #fff;
  border-radius: 18px;
  padding: 18px 22px;
  box-shadow: 0 10px 30px rgba(240, 57, 56, .12);
  transition: transform .25s ease, box-shadow .25s ease;
}
.community-section-countDown-2 .bs-countdown .item:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(240, 57, 56, .2);
}
.community-section-countDown-2 .bs-countdown .value {
  color: #F03938 !important;
  font-weight: 800;
}
.community-section-countDown-2 .bs-countdown .label {
  color: #333;
  font-weight: 600;
}

/* 立即报名按钮强化（倒计时下方） */
.community-section-countDown-2 .bs-button,
.community-section-countDown-2 a[class*="button"] {
  background: linear-gradient(90deg, #F03938, #FF6A3D);
  border: none;
  border-radius: 999px;
  padding: 14px 44px;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 1px;
  box-shadow: 0 8px 24px rgba(240, 57, 56, .3);
  transition: all .25s ease;
}
.community-section-countDown-2 .bs-button:hover,
.community-section-countDown-2 a[class*="button"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(240, 57, 56, .4);
}

/* ---------- 2. 聚焦干货 四大卡片（mediaWithTextList） ---------- */
/* 卡片统一：白底、圆角、柔和阴影、悬停上浮 */
.community-section-mediaWithTextList-3 .bs-mtList-wgt .li-item {
  background: #fff;
  border-radius: 20px;
  padding: 18px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, .08);
  transition: transform .28s ease, box-shadow .28s ease;
  overflow: hidden;
}
.community-section-mediaWithTextList-3 .bs-mtList-wgt .li-item:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 44px rgba(240, 57, 56, .18);
}
/* 卡片图片统一圆角与裁剪 */
.community-section-mediaWithTextList-3 .media-element,
.community-section-mediaWithTextList-3 .list-image img {
  border-radius: 14px;
}
.community-section-mediaWithTextList-3 .list-image img {
  transition: transform .5s ease;
}
.community-section-mediaWithTextList-3 .li-item:hover .list-image img {
  transform: scale(1.05);
}
/* 卡片标题加大、加权重 */
.community-section-mediaWithTextList-3 .li-content .li-title {
  font-size: 20px;
  font-weight: 800;
  color: #1F1F2E;
  margin-top: 14px;
}
/* 加一条红色小分隔线，突出层级 */
.community-section-mediaWithTextList-3 .li-item .li-content {
  position: relative;
  padding-left: 16px;
}
.community-section-mediaWithTextList-3 .li-item .li-content::before {
  content: "";
  position: absolute;
  left: 0; top: 14px;
  width: 5px; height: 26px;
  border-radius: 3px;
  background: linear-gradient(180deg, #F03938, #FF6A3D);
}

/* ---------- 3. 主讲嘉宾（speakerList） ---------- */
/* 嘉宾卡片：白底、圆角、阴影、悬停上浮 */
.community-section-speakerList-1 .bs-speakerList-wgt .li-item {
  background: #fff;
  border-radius: 18px;
  padding: 16px 16px 20px;
  box-shadow: 0 6px 22px rgba(0, 0, 0, .07);
  transition: transform .28s ease, box-shadow .28s ease;
}
.community-section-speakerList-1 .bs-speakerList-wgt .li-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(240, 57, 56, .18);
}
/* 头像圆形化、加边+阴影 */
.community-section-speakerList-1 .bs-speakerList-wgt .li-item .profile-img img {
  border-radius: 50%;
  border: 4px solid #fff;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .12);
  object-fit: cover;
}
.community-section-speakerList-1 .bs-speakerList-wgt .profile-img.square {
  border-radius: 14px;
  padding: 6px;
}
/* 姓名加大 */
.community-section-speakerList-1 .li-content .li-title {
  font-size: 18px;
  font-weight: 800;
  color: #1F1F2E;
  margin-top: 12px;
}
/* 职位作红色强调 */
.community-section-speakerList-1 .speaker-designation {
  color: #F03938;
  font-weight: 700;
}
.community-section-speakerList-1 .speaker-company {
  color: #666;
}
/* “查看简档”按钮优化 */
.community-section-speakerList-1 .view-btn {
  color: #F03938;
  font-weight: 600;
  transition: .2s;
}
.community-section-speakerList-1 .li-item:hover .view-btn {
  letter-spacing: .5px;
}

/* ---------- 4. 往届精彩瞬间 图片墙（galleryList） ---------- */
.community-section-galleryList {
  /* 干净浅背景 */
  background: transparent;
}
/* 图片卡片：圆角 + 阴影 + 统一遮罩偏色，悬停放大 */
.community-section-galleryList .gallery-card {
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0, 0, 0, .1);
  transition: transform .3s ease, box-shadow .3s ease;
  position: relative;
}
.community-section-galleryList .gallery-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, .18);
}
.community-section-galleryList .gallery-card img {
  transition: transform .5s ease;
}
.community-section-galleryList .gallery-card:hover img {
  transform: scale(1.06);
}
/* 用暖色遮罩统一图片色调，增强氛围 */
.community-section-galleryList .gallery-card::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(160deg, rgba(240,57,56,.06), rgba(255,106,61,.12));
  mix-blend-mode: multiply;
  pointer-events: none;
}
/* 加大图片间间距，减少拥挤感 */
.community-section-galleryList .bs-galleryList-wgt {
  gap: 22px !important;
}

/* ---------- 5. 会议场地（eventVenue）---------- */
/* 重要：去掉板块的 dimmed 半透明遮罩与加载占位，还原清晰画面 */
.community-section-eventVenue-2 .bs-eventVenue-info.dimmable.dimmed {
  filter: none !important;
  opacity: 1 !important;
}
.community-section-eventVenue-2 .dimmer,
.community-section-eventVenue-2 .loading,
.community-section-eventVenue-2 [class*="spinner"],
.community-section-eventVenue-2 [class*="loader"] {
  display: none !important;
}
/* 场地信息面板：卡片化 */
.community-section-eventVenue-2 .embed-map {
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(0, 0, 0, .12);
}
.community-section-eventVenue-2 .bs-eventVenue-info .li-description {
  font-size: 17px;
  color: #333;
}
.community-section-eventVenue-2 .bs-eventVenue-info h4.strong {
  color: #F03938;
  font-size: 20px;
}
/* 获取路线按钮强化 */
.community-section-eventVenue-2 .bs-button.primary,
.community-section-eventVenue-2 a.bs-button {
  background: linear-gradient(90deg, #F03938, #FF6A3D);
  border: none;
  border-radius: 999px;
  padding: 12px 34px;
  font-weight: 700;
  box-shadow: 0 8px 24px rgba(240, 57, 56, .3);
  transition: all .25s ease;
}
.community-section-eventVenue-2 .bs-button.primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(240, 57, 56, .4);
}

/* ---------- 通用：各板块 section 标题统一视觉 ---------- */
section.bs-section .section-title {
  font-weight: 800;
  color: #1F1F2E;
  position: relative;
}
/* 页面通用滚动入场渐显（只作用于首屏以下板块，不含 banner） */
html:not(.has-hero-visible) section.bs-section:not(.community-section-banner) {
  opacity: 1;
}