/* ============ 首页 ============ */
.hero-img{margin-top:0;}

/* 活动标题区 */
.hero-title-wrap{
  text-align:center;padding:0 18px 4px;
}

/* 信息条（时间 / 地点）—— 背景胶囊 */
.hero-meta{
  display:flex;flex-direction:column;align-items:center;
  margin-top:10px;line-height:1.9;gap:8px;
}
.hero-meta > div{
  display:inline-flex;align-items:center;
  font-size:13px;color:#3c434d;line-height:1.6;
  background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(240,250,248,.88));
  border:1px solid rgba(0,188,212,.16);
  border-radius:22px;
  padding:5px 18px 5px 9px;
  box-shadow:0 3px 10px rgba(31,35,41,.04);
}
.hero-meta .ic{
  width:24px;height:24px;flex:none;line-height:24px;text-align:center;
  margin-right:8px;font-size:13px;
  background:rgba(0,188,212,.14);
  border-radius:50%;
}

/* 六宫格 —— 整体底色面板 */
.grid{
  display:flex;flex-wrap:wrap;list-style:none;
  margin:10px 14px 0;padding:10px 2px 12px;
  background:linear-gradient(165deg,rgba(255,255,255,.68),rgba(240,250,250,.42));
  border:1px solid rgba(0,188,212,.14);
  border-radius:18px;
  box-shadow:0 6px 20px rgba(31,35,41,.05);
}
.grid li{
  width:33.3333%;padding:6px;
}
.grid a{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-height:106px;padding:14px 6px 12px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(0,188,212,.10);
  border-radius:14px;
  box-shadow:0 3px 10px rgba(31,35,41,.04);
  transition:transform .15s ease;
}
.grid a:active{transform:scale(.95);}
/* 图标 —— 渐变圆角方块 */
.grid .g-ic{
  width:48px;height:48px;border-radius:15px;
  display:flex;align-items:center;justify-content:center;
  font-size:24px;margin-bottom:9px;
  background:linear-gradient(135deg,#57d05c,#00BCD4);
  box-shadow:0 5px 12px rgba(0,188,212,.24);
}
.grid li:nth-child(1) .g-ic{background:linear-gradient(135deg,#38c95f,#00BCD4);}
.grid li:nth-child(2) .g-ic{background:linear-gradient(135deg,#57d05c,#26b7c9);}
.grid li:nth-child(3) .g-ic{background:linear-gradient(135deg,#34c78e,#00a8c6);}
.grid li:nth-child(4) .g-ic{background:linear-gradient(135deg,#7bd05c,#00c4a7);}
.grid li:nth-child(5) .g-ic{background:linear-gradient(135deg,#2fbf9e,#29b6c7);}
.grid li:nth-child(6) .g-ic{background:linear-gradient(135deg,#43c86a,#38b6d9);}
.grid .g-ic svg{width:27px;height:27px;display:block;}
.grid .g-name{font-size:14px;font-weight:600;color:#1f2329;}
.grid .g-desc{font-size:11px;color:#8a94a6;margin-top:2px;line-height:1.5;text-align:center;}

/* 温馨提示 —— 暖色柔化卡片 */
.tip-card{
  background:linear-gradient(135deg,rgba(255,250,240,.96),rgba(255,245,226,.88));
  border-color:rgba(255,152,0,.24);
}
.tip-card::before{background:linear-gradient(180deg,#ffc069,#ff9800);}
.tip-card .tip-title{
  display:flex;align-items:center;
  color:#e68a00;font-weight:600;font-size:15px;margin-bottom:6px;
}
.tip-card .tip-text{font-size:13px;color:#8a7350;line-height:1.8;}

/* ============ 现场图集页：自动跳转到照片直播 ============ */