/* ==========================================================================
   AI 可读文本层（.sr-only）—— 给搜索引擎 / AI 爬虫读，不影响界面呈现
   --------------------------------------------------------------------------
   用途：把「烧在图片里的文字」「JS 运行时才渲染的文字」「背景图上的文字」
        以真实 HTML 文本形式提供给爬虫。
   实现：用 clip-path 把元素裁成 1px 并移出视口（不是 display:none / visibility:hidden，
        那样爬虫和读屏软件会跳过），因此：
        - 视觉上完全不可见，不占布局、不影响间距、不改变任何现有样式
        - 爬虫按 DOM 读取，能拿到完整文字
   注意：内容必须与页面上真实可见的信息一致，不能塞关键词。
   ========================================================================== */
.sr-only{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    clip-path:inset(50%)!important;
    white-space:nowrap!important;
    border:0!important;
}

/* 同一份 AI 可读文本，在页面里只应出现一次（防止多屏重复导致内容堆砌） */
.sr-only-block{}

/* 部分老浏览器/读屏软件对 clip-path 支持不一致时的兜底 */
@supports not (clip-path:inset(50%)){
    .sr-only{
        position:absolute!important;
        left:-9999px!important;
        top:auto!important;
    }
}