/* ============================================================
 * 康灵wp统计 · 无障碍（屏幕阅读器）样式
 * 只做三件事：读屏专用隐藏文字、跳过链接、键盘焦点高亮。
 * ============================================================ */

/* 读屏可读、视觉隐藏（不能用 display:none，否则读屏也读不到） */
.klbk-a11y-sr,
.klbk-a11y-live {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* 跳过链接：平时在屏幕外，键盘聚焦时滑入左上角 */
.klbk-skip-link {
    position: fixed;
    left: 12px;
    top: -90px;
    z-index: 100000;
    padding: 11px 20px;
    border-radius: 999px;
    background: #1f2329;
    color: #fff !important;
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 10px 26px rgba(0, 0, 0, .28);
    transition: top .18s ease;
}

.klbk-skip-link:focus,
.klbk-skip-link:focus-visible {
    top: 12px;
    outline: 3px solid var(--klbk-a11y-accent, #2271b1) !important;
    outline-offset: 2px !important;
}

/* 键盘焦点高亮（可在后台关闭） */
html.klbk-a11y-focus :focus-visible {
    outline: 3px solid var(--klbk-a11y-accent, #2271b1) !important;
    outline-offset: 2px !important;
}

/* 快捷键跳转到的区域（programmatic focus）也要看得见 */
html.klbk-a11y-focus [tabindex="-1"]:focus {
    outline: 3px solid var(--klbk-a11y-accent, #2271b1) !important;
    outline-offset: 2px !important;
}

@media (prefers-reduced-motion: reduce) {
    .klbk-skip-link {
        transition: none;
    }
}

/* 键盘/读屏循环到折叠的悬浮菜单（头像下拉、子菜单、分享面板）时临时展开它。
   这些菜单是鼠标 hover 才出现的，不展开键盘和读屏都进不去。 */
/* transition:none 是关键：子比给悬浮菜单挂了 transition:.4s，
   只改 visibility/opacity 的话元素要等过渡走完才真的能聚焦，键盘和读屏等于还是进不去 */
.klbk-a11y-reveal,
.klbk-a11y-reveal * {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: none !important;
    pointer-events: auto !important;
}

.klbk-a11y-reveal {
    z-index: 9999 !important;
}