/* ============================================================ SquashABC · 预渲染内容的样式 ------------------------------------------------------------ 这些类只出现在服务端预渲染出来的 HTML 里（api/seo.js）： · 注入到 #feed-list / #venue-grid 这类容器的内容——JS 一起来就被覆盖， 用户几乎看不到，但首屏那一瞬间不能是裸标签 · /city/、/e/、/sitemap.html 这三类整页生成的页面——用户会真的看， 所以卡片和城市链接得像模像样 放单独文件是为了不动 main.css（它经常在改），由 seo.js 在 里引。 ============================================================ */ .seo-card { background: var(--surface, #1a1e25); border: 1px solid var(--line, #2b313c); border-radius: 12px; padding: 14px 16px; margin: 0 0 10px; } .seo-card h3 { margin: 0 0 6px; font-size: 15px; line-height: 1.45; font-weight: 650; } .seo-card h3 a { color: var(--ink, #e8ecf1); text-decoration: none; } .seo-card h3 a:hover { color: var(--accent, #b6ff3a); } .seo-card p { margin: 3px 0 0; font-size: 12.5px; line-height: 1.7; color: var(--ink-2, #9aa4b2); } /* 球馆网格里直接排卡片时，跟着 .venue-grid 的列走 */ .venue-grid .seo-card { margin: 0; } /* 城市链接行：页脚和城市页底部都用它，是全站链接图的主干 */ .seo-citynav { display: flex; flex-wrap: wrap; gap: 8px 12px; margin: 10px 0 4px; } .seo-citynav a { font-size: 12px; line-height: 1.6; color: var(--ink-2, #9aa4b2); text-decoration: none; white-space: nowrap; } .seo-citynav a:hover { color: var(--accent, #b6ff3a); } /* 预渲染详情页里的字段表 */ .wrap > dl, .seo-dl { display: grid; grid-template-columns: max-content 1fr; gap: 6px 16px; margin: 14px 0; font-size: 13px; } .wrap > dl dt, .seo-dl dt { color: var(--muted, #6b7685); } .wrap > dl dd, .seo-dl dd { margin: 0; color: var(--ink, #e8ecf1); } /* 生成页里的正文排版 */ .wrap > h2 { margin: 26px 0 12px; font-size: 17px; font-weight: 700; } .wrap img { max-width: 100%; height: auto; border-radius: 12px; }