/* 11-10 GEO：价格表 /prices、常见问题 /faq 和单条问答页。颜色全用 app.css 的变量，深色模式自动跟着变 */
.geo-page { padding-bottom: 24px; }
.geo-page.geo-wide { max-width: 960px; }
.geo-page h1 { margin-bottom: 16px; }
.geo-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 18px; font-size: 13px; color: var(--ink-3); }
.geo-crumbs a { color: var(--ink-3); text-decoration: none; }
.geo-crumbs a:hover { color: var(--accent); }
.geo-lead { font-size: 16px; color: var(--ink); line-height: 1.85; }
.geo-date { margin-top: 10px; font-size: 13px; color: var(--ink-3); }
.geo-family { margin-top: 8px; }
.geo-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid var(--line); border-radius: 14px; background: var(--card); }
.geo-table { width: 100%; min-width: 640px; border-collapse: collapse; font-size: 14px; line-height: 1.6; }
.geo-table th, .geo-table td { padding: 11px 14px; text-align: left; vertical-align: top; border-top: 1px solid var(--line-2); color: var(--ink-2); font-weight: 400; }
.geo-table thead th { border-top: 0; font-size: 12.5px; font-weight: 600; color: var(--ink-3); white-space: nowrap; }
.geo-table tbody th { min-width: 150px; font-weight: 600; color: var(--ink); }
.geo-table tbody th a { color: inherit; text-decoration: none; }
.geo-table tbody th a:hover { color: var(--accent); }
.geo-table td:nth-child(2) { min-width: 110px; }
.geo-table td:nth-child(4) { white-space: nowrap; }
.geo-table .geo-price { white-space: nowrap; font-weight: 600; color: var(--ink); font-variant-numeric: tabular-nums; }
.geo-table tr.is-off th, .geo-table tr.is-off td, .geo-table tr.is-off .geo-price { color: var(--ink-3); }
.geo-toc { margin: 22px 0 6px; padding: 16px 18px; border: 1px solid var(--line); border-radius: 14px; background: var(--card); }
.geo-toc a { color: var(--ink); text-decoration: none; }
.geo-toc a:hover { color: var(--accent); }
.geo-qa { scroll-margin-top: 110px; }
.geo-qa h2 { font-size: 18px; margin-top: 36px; }
.geo-qa h2 a { color: inherit; text-decoration: none; }
.geo-qa h2 a:hover { color: var(--accent); }
.geo-qa > p { color: var(--ink); }
.geo-qa > ul, .geo-page .geo-lead + ul { margin-top: 10px; }
.geo-links { margin-top: 4px; }
@media (max-width: 640px) {
  .geo-table { font-size: 13.5px; }
  .geo-table th, .geo-table td { padding: 10px 12px; }
}