/* JavaScript 加载前或关闭时的可阅读页面，Vue 接管后不影响官网布局。 */
.seo-readable { max-width: 1080px; margin: auto; padding: 24px; color: #34302c; background: #fff; font: 16px/1.9 system-ui, sans-serif; }
.seo-readable nav { display: flex; gap: 24px; flex-wrap: wrap; border-bottom: 1px solid #e5e0d9; padding-bottom: 20px; }
.seo-readable a { color: #80542e; text-decoration: underline; }
.seo-readable h1 { font-size: clamp(24px, 5vw, 38px); margin: 28px 0 18px; }
.seo-readable h2 { margin-top: 30px; font-size: 24px; }
.seo-readable h3 { font-size: 18px; }
.seo-readable p { margin: 12px 0; }
.seo-readable img { width: 100%; max-width: 680px; max-height: 480px; object-fit: contain; display: block; margin: 16px 0; }
.seo-readable .seo-grid { padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); gap: 24px; list-style: none; }
.seo-readable .seo-grid img { height: 220px; }
.seo-readable footer { border-top: 1px solid #e5e0d9; margin-top: 40px; padding-top: 20px; }
.seo-readable dt { font-weight: 600; }
.seo-readable dd { margin: 0 0 12px; }