/* 由 tools/build_seo.js 生成:SEO 静态页的少量补充样式,基础样式见 /css/style.css */
.seo-nav { display: flex; gap: 4px; margin-left: auto; align-items: center; }
.seo-nav a { color: var(--text); padding: 7px 12px; border-radius: 999px; font-size: 15px; opacity: .85; white-space: nowrap; }
.seo-nav a:hover { background: var(--surface2); color: var(--gold2); opacity: 1; }
.seo-nav a.go { border: 1px solid var(--line); color: var(--gold2); opacity: 1; }
main#app h1 { margin-bottom: .3em; }
main#app h2 { margin: 1.6em 0 .6em; }
main#app h3 { margin: 0 0 .4em; font-size: 18px; }
.kv { display: grid; grid-template-columns: 96px 1fr; gap: 8px 16px; margin: 0; }
.kv dt { color: var(--gold); font-size: 13px; letter-spacing: .12em; padding-top: 2px; } .kv dd { margin: 0; }
.seo-list { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.seo-list a.chip { display: inline-flex; }
.seo-steps { margin: 0; padding-left: 1.3em; } .seo-steps li { margin: .5em 0; }
.seo-pn { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 28px; }
.seo-tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.seo-tile { padding: 16px 12px; text-align: center; border: 1px solid var(--line2); border-radius: var(--radius); background: var(--surface); }
.seo-tile .g { font-size: 36px; line-height: 1.1; color: var(--gold); font-family: var(--sym); }
.seo-tile > a { color: var(--text); display: block; } .seo-tile > a b { font-family: var(--serif); font-size: 17px; display: block; } .seo-tile small { color: var(--muted); font-size: 12px; display: block; }
.seo-tile .sub { margin-top: 8px; display: flex; justify-content: center; gap: 10px; font-size: 13px; }
.seo-art { width: 220px; margin: 0 auto; }
@media (max-width: 960px) { .seo-tiles { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 640px) { .seo-tiles { grid-template-columns: repeat(2, 1fr); } .seo-nav a { padding: 6px 7px; font-size: 13.5px; } .top .brand small { display: none; } .top .brand { font-size: 18px; } .kv { grid-template-columns: 80px 1fr; } }