/* ============ 列表页通用（组织架构 hk / 活动信息 jb / 展商 zs） ============ */

/* ---- 组织架构 ---- */
.hk-card{background:rgba(255,255,255,.88);}
.hk-card .hk-key{
  font-size:16px;font-weight:600;color:#1f2329;margin-bottom:12px;
  display:flex;align-items:center;
}
.hk-card .hk-key::before{
  content:'';width:5px;height:16px;border-radius:3px;margin-right:8px;
  background:linear-gradient(180deg,#57d05c,#00BCD4);
}
.hk-item{
  display:flex;align-items:flex-start;margin-top:10px;
  font-size:15px;color:#3c434d;line-height:1.8;
}
.hk-item .no{
  flex:none;width:22px;height:22px;line-height:22px;text-align:center;
  border-radius:50%;font-size:12px;color:#fff;margin:4px 10px 0 0;
  background:linear-gradient(135deg,#57d05c,#00BCD4);
}

/* ---- 活动信息（Tab 列表） ---- */
.tab-bar{
  display:flex;position:sticky;top:52px;z-index:99;
  background:linear-gradient(90deg,#57d05c,#00BCD4);
  border-bottom:1px solid rgba(255,255,255,.28);
  box-shadow:0 3px 12px rgba(0,188,212,.28);
}
.tab-bar .tab{
  flex:1;text-align:center;padding:12px 0 10px;
  font-size:15px;color:rgba(255,255,255,.82);cursor:pointer;
  position:relative;transition:color .2s,transform .15s;
}
.tab-bar .tab:active{transform:scale(.96);}
.tab-bar .tab.on{color:#fff;font-weight:600;}
.tab-bar .tab.on::after{
  content:'';position:absolute;left:50%;bottom:6px;transform:translateX(-50%);
  width:28px;height:3px;border-radius:3px;
  background:rgba(255,255,255,.95);
}
.tab-panel{display:none;}
.tab-panel.on{display:block;}

/* 活动/日程列表项 */
.item-list{list-style:none;padding:12px 14px 0;}
.item-list li{
  display:flex;align-items:center;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(0,188,212,.16);
  border-radius:14px;
  box-shadow:0 4px 14px rgba(31,35,41,.05);
  padding:16px 14px;margin-bottom:12px;
  transition:transform .15s ease;
}
.item-list li:active{transform:scale(.98);}
.item-list .il-ic{
  flex:none;width:42px;height:42px;border-radius:12px;margin-right:12px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#57d05c,#00BCD4);
  box-shadow:0 4px 10px rgba(0,188,212,.28);
}
.item-list .il-ic svg{width:21px;height:21px;display:block;}
.item-list .il-info{flex:1;min-width:0;}
.item-list .il-name{
  font-size:15px;font-weight:600;color:#1f2329;line-height:1.6;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.item-list .il-meta{display:flex;align-items:center;font-size:12.5px;color:#8a94a6;margin-top:5px;}
.item-list .il-meta svg{width:12px;height:12px;flex:none;margin-right:5px;}
.item-list .il-arrow{
  flex:none;margin-left:8px;display:flex;align-items:center;
}
.item-list .il-arrow svg{width:18px;height:18px;display:block;}
.item-list .il-tag{margin-left:8px;flex:none;}

/* ---- 展商列表 ---- */
/* 筛选条：单行横向滑动，隐藏滚动条 */
.zs-filter{
  display:flex;flex-wrap:nowrap;gap:8px;
  padding:12px 14px 6px;
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.zs-filter::-webkit-scrollbar{display:none;}
.zs-filter .zf-item{
  flex:none;white-space:nowrap;
  font-size:12.5px;color:#5a6470;cursor:pointer;
  background:rgba(255,255,255,.75);border:1px solid rgba(0,188,212,.18);
  border-radius:16px;padding:4px 13px;transition:all .2s;
}
.zs-filter .zf-item:active{transform:scale(.95);}
.zs-filter .zf-item.on{
  color:#fff;background:linear-gradient(90deg,#57d05c,#00BCD4);border-color:transparent;
  font-weight:600;
  box-shadow:0 3px 10px rgba(0,188,212,.38);
}
.zs-section-title{
  display:flex;align-items:center;justify-content:space-between;
  margin:16px 18px 4px;
}
.zs-section-title .t{
  display:inline-flex;align-items:center;
  font-size:15px;font-weight:600;color:#1f2329;
}
/* 分区标题渐变圆角方块图标（与首页图标风格一致） */
.zs-section-title .zt-ic{
  flex:none;width:22px;height:22px;margin-right:8px;
  border-radius:7px;
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#57d05c,#00BCD4);
  box-shadow:0 3px 8px rgba(0,188,212,.25);
}
.zs-section-title .zt-ic svg{width:13px;height:13px;display:block;}
.zs-section-title .c{font-size:11px;color:#8a94a6;}
.zs-grid{list-style:none;display:flex;flex-wrap:wrap;padding:4px 8px;}
.zs-grid li{width:50%;padding:6px;}
.zs-grid a{
  display:block;min-height:150px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(0,188,212,.16);
  border-radius:14px;padding:14px 12px;
  box-shadow:0 4px 12px rgba(31,35,41,.04);
  transition:transform .15s ease;
}
.zs-grid a:active{transform:scale(.97);}
.zs-grid .zs-name{
  font-size:14px;font-weight:600;color:#1f2329;line-height:1.6;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.zs-grid .zs-desc{
  font-size:12px;color:#8a94a6;line-height:1.7;margin-top:6px;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.zs-grid .zs-booth{
  display:inline-block;margin-top:8px;font-size:11px;color:#00a8c6;
  background:rgba(0,188,212,.10);border-radius:12px;padding:1px 10px;
}
.zs-tip{font-size:11.5px;color:#9aa3b0;text-align:center;margin:10px 18px 0;}

/* 加载更多/空态 */
.empty-tip{text-align:center;color:#8a94a6;font-size:13px;padding:30px 0;}