/* ============ 交通指南（会议指南 / 活动地点 / 场地分布） ============ */

/* ---- 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;}

/* ---- 会议指南 ---- */
.guide-card{overflow:hidden;border-color:rgba(0,188,212,.16);box-shadow:0 10px 26px rgba(31,35,41,.06);}
.guide-card::before{display:none;}   /* 隐藏卡片左侧线条 */

.guide-head{
  text-align:center;
  margin:-20px -18px 6px;padding:26px 18px 18px;
  background:
    radial-gradient(220px 100px at 18% -10%,rgba(87,208,92,.16),transparent 70%),
    radial-gradient(220px 100px at 84% -10%,rgba(0,188,212,.14),transparent 70%),
    linear-gradient(180deg,rgba(87,208,92,.07),rgba(0,188,212,.03) 80%,rgba(255,255,255,0));
  border-bottom:1px dashed rgba(0,188,212,.26);
}
.guide-title{
  font-size:18px;font-weight:800;letter-spacing:1px;line-height:1.65;color:#0d9488;
}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .guide-title{
    color:transparent;
    background:linear-gradient(135deg,#1f9d55,#00a8a0 55%,#00BCD4);
    -webkit-background-clip:text;background-clip:text;
  }
}
.guide-tag{
  display:inline-block;margin-top:9px;padding:2px 16px;border-radius:999px;
  font-size:12px;letter-spacing:3px;text-indent:3px;color:#00a8c6;
  background:rgba(255,255,255,.85);border:1px solid rgba(0,188,212,.28);
  box-shadow:0 2px 8px rgba(0,188,212,.12);
}

.guide-section{margin-top:22px;}
.guide-section>h3{
  font-size:15px;font-weight:700;color:#1f2329;margin-bottom:12px;
  display:flex;align-items:center;letter-spacing:.5px;
}
.guide-section>h3::before{content:'';width:4px;height:16px;border-radius:3px;margin-right:8px;background:linear-gradient(180deg,#57d05c,#00BCD4);}
.guide-item{
  background:linear-gradient(135deg,rgba(87,208,92,.06),rgba(0,188,212,.05));
  border:1px solid rgba(0,188,212,.14);
  border-radius:12px;padding:13px 15px;margin-bottom:10px;
}
.guide-item:last-child{margin-bottom:0;}
.guide-item .g-name{
  display:flex;align-items:center;font-size:14px;font-weight:700;color:#0d9488;margin-bottom:7px;
}
.guide-item .g-name::before{
  content:'';width:7px;height:7px;border-radius:2px;margin-right:8px;flex:none;
  background:linear-gradient(135deg,#57d05c,#00BCD4);
  box-shadow:0 0 0 3px rgba(0,188,212,.10);
}
.guide-item .g-row{font-size:13.5px;color:#3c434d;line-height:2;}
.guide-item .g-row a{color:#00a8c6;}

/* ---- 活动地点 ---- */
.place-card{overflow:hidden;}
.place-card::before{display:none;}   /* 与会议指南一致：隐藏卡片左侧线条 */

.place-head{
  display:flex;align-items:center;gap:11px;margin-bottom:14px;
}
.place-head .ph-ic{
  width:40px;height:40px;flex:none;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#57d05c,#00BCD4);
  box-shadow:0 4px 12px rgba(0,188,212,.30);
}
.place-head .ph-ic svg{width:21px;height:21px;display:block;}
.place-head h3{font-size:16px;font-weight:700;color:#1f2329;letter-spacing:.5px;}
.place-head p{font-size:12px;color:#8a94a6;margin-top:1px;}

.place-map-wrap{
  position:relative;border-radius:14px;overflow:hidden;
  border:1px solid rgba(0,188,212,.18);
  box-shadow:0 6px 18px rgba(31,35,41,.08);
}
.place-map{width:100%;height:230px;border:none;display:block;background:#eef4f6;}
.map-overlay{
  position:absolute;inset:0;display:block;cursor:pointer;
  background:transparent;
}
.map-overlay .nav-tip{
  position:absolute;left:50%;bottom:14px;transform:translateX(-50%);
  display:flex;align-items:center;gap:5px;white-space:nowrap;
  padding:8px 18px;border-radius:999px;
  background:rgba(255,255,255,.95);color:#00a8c6;
  font-size:13px;font-weight:600;letter-spacing:.5px;
  box-shadow:0 6px 18px rgba(31,35,41,.22);
  pointer-events:none;
  transition:transform .15s ease,background .2s ease;
}
.map-overlay .nav-tip svg{width:15px;height:15px;flex:none;}
.map-overlay:active .nav-tip{transform:translateX(-50%) scale(.95);}

.place-row{
  display:flex;align-items:flex-start;font-size:14px;color:#3c434d;margin-top:13px;line-height:1.6;
}
.place-row .ic{
  width:22px;height:22px;flex:none;border-radius:7px;margin:2px 9px 0 0;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#57d05c,#00BCD4);
}
.place-row .ic svg{width:12px;height:12px;display:block;}
.place-row a{color:#00a8c6;}
.place-row a:active{opacity:.7;}

.place-nav{
  display:flex;align-items:center;justify-content:center;gap:6px;
  margin-top:16px;padding:13px 0;
  background:linear-gradient(90deg,#57d05c,#00BCD4);color:#fff;
  font-size:16px;font-weight:600;border-radius:12px;
  box-shadow:0 6px 16px rgba(0,188,212,.28);
}
.place-nav svg{width:17px;height:17px;display:block;}
.place-nav:active{transform:scale(.97);}

/* ---- 场地分布 ---- */
.dist-card{overflow:hidden;}
.dist-card::before{display:none;}   /* 与会议指南一致：隐藏卡片左侧线条 */

.dist-img-wrap{
  position:relative;border-radius:14px;overflow:hidden;cursor:zoom-in;
  border:1px solid rgba(0,188,212,.18);
  box-shadow:0 6px 18px rgba(31,35,41,.08);
}
.dist-img-wrap img{width:100%;display:block;}
.dist-zoom{
  position:absolute;right:12px;bottom:12px;
  display:flex;align-items:center;gap:5px;
  padding:7px 14px;border-radius:999px;
  background:rgba(255,255,255,.95);color:#00a8c6;
  font-size:12.5px;font-weight:600;letter-spacing:.5px;
  box-shadow:0 4px 14px rgba(31,35,41,.22);
  pointer-events:none;
  transition:transform .15s ease;
}
.dist-zoom svg{width:14px;height:14px;flex:none;}
.dist-img-wrap:active .dist-zoom{transform:scale(.95);}