/* ==========================================================================
   GreatSea · 城市攻略单篇详情页（City Guides 子分类文章）
   复用 .gg-* 设计语言（配色 / 字体 / 圆角 / 信息块），
   但版式为详情页专属：全宽 hero 大图 + 居中正文容器，
   不沿用灵感页 gg-panel 的左右两栏（避免 hero 被拉高变形、正文过挤）。
   ========================================================================== */

#gs-inspiration .gs-cg-single{padding:56px 0 96px;}

/* 面包屑 */
#gs-inspiration .gs-cg-crumb{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  font-size:13px;color:var(--muted);margin-bottom:26px;
}
#gs-inspiration .gs-cg-crumb a{color:var(--primary);text-decoration:none;font-weight:600;}
#gs-inspiration .gs-cg-crumb a:hover{text-decoration:underline;}
#gs-inspiration .gs-cg-crumb strong{color:var(--deep);}

/* —— 详情页面板：单列结构 —— */
#gs-inspiration .gs-cg-panel{
  display:block;                       /* 覆盖灵感页 .gg-panel 的两栏 grid */
  background:var(--white);
  border:1px solid var(--hairline);
  border-radius:var(--radius);
  overflow:hidden;box-shadow:var(--shadow);
}

/* hero：全宽横幅，固定高度，图片不再随正文被拉伸 */
#gs-inspiration .gs-cg-panel .gg-hero{position:relative;min-height:0;height:480px;background:var(--deep);}
#gs-inspiration .gs-cg-panel .gg-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
#gs-inspiration .gs-cg-panel .gg-badge{
  position:absolute;top:20px;left:20px;
  background:rgba(255,255,255,.94);color:var(--deep);
  font-size:12.5px;font-weight:600;letter-spacing:.03em;
  padding:9px 16px;border-radius:var(--pill);box-shadow:0 4px 12px rgba(16,58,64,.18);
}

/* 正文：居中窄容器，字号整体放大一档，适合独立阅读 */
#gs-inspiration .gs-cg-panel .gg-body{
  max-width:880px;margin:0 auto;
  padding:52px 48px 56px;
}
#gs-inspiration .gs-cg-panel .gg-tag{font-size:14px;letter-spacing:.06em;}
#gs-inspiration .gs-cg-panel .gg-name{
  font-size:52px;line-height:1.02;margin:8px 0 16px;
}
#gs-inspiration .gs-cg-panel .gg-intro{
  font-size:16.5px;line-height:1.85;margin:0 0 32px;
}

/* 信息块：间距与字号放大 */
#gs-inspiration .gs-cg-panel .gg-grid{gap:20px;}
#gs-inspiration .gs-cg-panel .gg-block{padding:22px 24px;border-radius:14px;}
#gs-inspiration .gs-cg-panel .gg-ic{width:36px;height:36px;font-size:17px;margin-bottom:10px;}
#gs-inspiration .gs-cg-panel .gg-block h4{font-size:15px;margin-bottom:12px;}
#gs-inspiration .gs-cg-panel .gg-block li{font-size:14px;line-height:1.7;margin-bottom:9px;}
#gs-inspiration .gs-cg-panel .gg-months{font-size:15.5px;font-weight:600;color:var(--deep);margin:0 0 8px;}
#gs-inspiration .gs-cg-panel .gg-note{font-size:13.5px;line-height:1.7;color:var(--ink);margin:0;}
#gs-inspiration .gs-cg-panel .gg-chips span{font-size:13.5px;padding:8px 15px;}

/* 照片墙：3 列网格（替代灵感页的横向滚动） */
#gs-inspiration .gs-cg-panel .gg-gallery{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
  margin-top:26px;overflow:visible;padding-bottom:0;
}
#gs-inspiration .gs-cg-panel .gg-shot{min-width:0;aspect-ratio:4/3;border-radius:12px;}
/* 按图片数量自适应列数：1 张占满、2 张各半、3 张及以上三列 */
#gs-inspiration .gs-cg-panel .gg-gallery:has(.gg-shot:only-child){grid-template-columns:1fr;max-width:560px;}
#gs-inspiration .gs-cg-panel .gg-gallery:has(.gg-shot:nth-child(2)):not(:has(.gg-shot:nth-child(3))){grid-template-columns:repeat(2,1fr);}

/* 底部 CTA：居中、按钮加大 */
#gs-inspiration .gs-cg-panel .gg-cta{justify-content:center;margin-top:34px;gap:14px;}
#gs-inspiration .gs-cg-panel .gg-wa{font-size:15.5px;padding:15px 30px;}
#gs-inspiration .gs-cg-panel .gg-tours{font-size:15.5px;padding:15px 26px;}

/* 返回链接 */
#gs-inspiration .gs-cg-foot{margin-top:30px;text-align:center;}
#gs-inspiration .gs-cg-back{
  display:inline-flex;align-items:center;gap:8px;
  font-size:14px;font-weight:600;color:var(--deep);
  background:var(--white);border:1px solid var(--hairline);border-radius:999px;
  padding:12px 24px;text-decoration:none;transition:all .2s ease;
}
#gs-inspiration .gs-cg-back:hover{background:var(--deep);color:#fff;border-color:var(--deep);transform:translateY(-1px);}

/* —— 响应式 —— */
@media (max-width:900px){
  #gs-inspiration .gs-cg-single{padding:40px 0 72px;}
  #gs-inspiration .gs-cg-panel .gg-hero{height:340px;}
  #gs-inspiration .gs-cg-panel .gg-body{padding:38px 28px 44px;}
  #gs-inspiration .gs-cg-panel .gg-name{font-size:38px;}
}
@media (max-width:560px){
  #gs-inspiration .gs-cg-panel .gg-hero{height:250px;}
  #gs-inspiration .gs-cg-panel .gg-body{padding:28px 20px 34px;}
  #gs-inspiration .gs-cg-panel .gg-name{font-size:31px;}
  #gs-inspiration .gs-cg-panel .gg-intro{font-size:15px;margin-bottom:24px;}
  #gs-inspiration .gs-cg-panel .gg-grid{gap:14px;}
  #gs-inspiration .gs-cg-panel .gg-gallery{grid-template-columns:repeat(2,1fr);}
  #gs-inspiration .gs-cg-panel .gg-cta{flex-direction:column;align-items:stretch;}
  #gs-inspiration .gs-cg-panel .gg-wa,
  #gs-inspiration .gs-cg-panel .gg-tours{justify-content:center;}
}