/* 发现周边游（GEO 文章）M 端样式 — 独立命名空间 geo-*，不影响 M 站现有样式 */

.geo-wrap { max-width: 640px; margin: 0 auto; padding: 12px; background: #fff; }

/* 列表页头部 */
.geo-top { padding: 14px 4px 10px; border-bottom: 1px solid #f0f0f0; }
.geo-top-title { margin: 0; font-size: 22px; font-weight: 700; color: #222; line-height: 1.3; }
.geo-top-sub { margin: 6px 0 0; font-size: 12px; color: #999; }

/* 文章列表 */
.geo-list { list-style: none; margin: 0; padding: 0; }
.geo-item { border-bottom: 1px solid #f2f2f2; }
.geo-item a { display: flex; align-items: center; gap: 10px; padding: 12px 4px; text-decoration: none; }
.geo-pic { flex: 0 0 110px; }
.geo-pic img { display: block; width: 110px; height: 82px; object-fit: cover; border-radius: 6px; background: #f5f5f5; }
.geo-info { flex: 1; min-width: 0; }
.geo-title { margin: 0; font-size: 16px; font-weight: 600; color: #333; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.geo-summary { margin: 5px 0 0; font-size: 12px; color: #999; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.geo-meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 6px; font-size: 11px; color: #bbb; }
.geo-city { color: #ff6f00; font-style: normal; }
.geo-meta .geo-date { color: #bbb; }
/* 列表页日期已改为可见展示；保留旧类名兼容，避免历史缓存样式异常 */
.geo-list-date { color: #bbb; }

/* 分页 */
.geo-pager { display: flex; justify-content: center; align-items: center; gap: 12px; padding: 18px 0 8px; }
.geo-pager-btn { padding: 7px 16px; border: 1px solid #e0e0e0; border-radius: 4px; font-size: 13px; color: #555; text-decoration: none; background: #fff; }
.geo-pager-info { font-size: 12px; color: #999; }

/* 详情页 */
.geo-crumb { padding: 10px 4px; font-size: 12px; color: #999; border-bottom: 1px solid #f0f0f0; }
.geo-crumb a { color: #999; text-decoration: none; }
.geo-crumb span { color: #666; }
.geo-detail-head { padding: 16px 4px 12px; border-bottom: 1px solid #f0f0f0; }
.geo-detail-title { margin: 0; font-size: 20px; font-weight: 700; color: #222; line-height: 1.45; }
.geo-detail-meta { margin-top: 8px; font-size: 12px; color: #999; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.geo-detail-meta .geo-date { color: #999; }
.geo-content { padding: 16px 4px; font-size: 16px; line-height: 1.8; color: #333; word-break: break-word; }
.geo-content h2 { font-size: 18px; font-weight: 700; color: #222; margin: 22px 0 10px; line-height: 1.4; }
.geo-content h3 { font-size: 16px; font-weight: 600; color: #333; margin: 16px 0 8px; }
.geo-content p { margin: 0 0 14px; }
.geo-content img { max-width: 100%; height: auto; border-radius: 6px; }
.geo-content ul, .geo-content ol { padding-left: 20px; margin: 0 0 14px; }
.geo-content li { margin-bottom: 6px; }
.geo-content a { color: #ff6f00; text-decoration: none; }
.geo-content table { width: 100%; border-collapse: collapse; margin-bottom: 14px; font-size: 14px; }
.geo-content th, .geo-content td { border: 1px solid #e5e5e5; padding: 6px 8px; text-align: left; }

/* 相关推荐 */
.geo-related { border-top: 1px solid #f0f0f0; padding: 14px 4px; }
.geo-sec-title { margin: 0 0 10px; font-size: 16px; font-weight: 700; color: #222; }
.geo-related ul { list-style: none; margin: 0; padding: 0; }
.geo-related li { border-bottom: 1px solid #f5f5f5; }
.geo-related li:last-child { border-bottom: 0; }
.geo-related li a { display: flex; align-items: center; gap: 10px; padding: 10px 0; text-decoration: none; }
.geo-related img { flex: 0 0 84px; width: 84px; height: 63px; object-fit: cover; border-radius: 4px; background: #f5f5f5; }
.geo-related-info { flex: 1; min-width: 0; }
.geo-related h3 { margin: 0; font-size: 14px; font-weight: 500; color: #333; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.geo-related time { display: block; margin-top: 4px; font-size: 11px; color: #bbb; }

/* 空态 */
.geo-empty { padding: 60px 0; text-align: center; font-size: 14px; color: #999; }

/* 瀑布流加载状态 */
.geo-loading, .geo-end { padding: 16px 0; text-align: center; font-size: 12px; color: #bbb; }