/* ================== 酒店首页基础背景 ================== */
.jd-container { padding-bottom: 20px; }

/* ================== 模块一：酒店/游记列表容器 (1行3列) ================== */
.xj-youji-grid { display: flex; justify-content: space-between; padding: 0 10px 10px 10px; }
.xj-card { display: flex; flex-direction: column; width: 32%; text-decoration: none; overflow: hidden; background: #fff; border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,0.04); padding-bottom: 8px; transition: transform 0.2s; }
.xj-card:active { transform: scale(0.98); }
.xj-img-box { position: relative; width: 100%; padding-bottom: 75%; background: #eee; overflow: hidden; margin-bottom: 8px; flex-shrink: 0; }
.xj-img-box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block; transition: opacity 0.3s ease; }
.xj-title { font-size: 13px; color: #333; font-weight: bold; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 4px; padding: 0 6px; }
.xj-intro { font-size: 11px; color: #666; line-height: 1.4; height: 2.8em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 6px; padding: 0 6px; }
.xj-meta { display: flex; justify-content: flex-start; align-items: center; margin-top: auto; padding: 0 6px; }
.xj-hot { font-size: 11px; color: #009688; border: 1px solid rgba(0, 150, 136, 0.3); border-radius: 3px; padding: 1px 4px; line-height: 1.2; display: inline-block; white-space: nowrap; }

/* ================== 全国/新疆 城市网格通用基础 (12等分超级栅格) ================== */
.jd-city-grid, .xj-city-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 3px; padding: 0 10px 10px 10px; }
.jd-city-item { grid-column: span 3; background: #fff; border-radius: 4px; padding: 12px 0; text-align: center; font-size: 14px; color: #333; text-decoration: none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03); border: 1px solid #f0f0f0; transition: background-color 0.2s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.jd-city-item:active { background: #f5f5f5; color: #009688; }
/* 全国34个城市：最后两个（第33个内蒙古、第34个黑龙江）各占6格平分占满最后一行 */
.jd-city-grid .jd-city-item:nth-child(n+33) { grid-column: span 6; }
/* 新疆11个地州：第9个城市开始，各占4格，一行排3个并完美填满！ */
.xj-city-grid .jd-city-item:nth-child(n+9) { grid-column: span 4; }

/* ================== 酒店星级循环列表容器 ================== */
.jd-star-list { padding: 0 10px; }