/* ============================================================
   SEO 补充样式 —— 页面主标题（.seo-h1）
   ------------------------------------------------------------
   用途：列表页/首页原本没有 H1（SEO 权重最高的标题标签），
        模板里补了 <h1 class="seo-h1">…</h1>，但**不能让它显示出来
        破坏现有排版** —— 所以做视觉隐藏：
          - 屏幕阅读器能读到（无障碍）
          - 搜索引擎能识别（SEO）
          - 视觉上完全不显示，页面布局一个像素都不变
   ============================================================ */

.seo-h1 {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* 老 IE 的兼容写法（不影响现代浏览器） */
.seo-h1 {
    clip: rect(0 0 0 0);
    *position: absolute;
}