/* =========================================================
 * SEO / GEO 辅助样式
 * 只放两类东西：屏幕阅读器专用文本、文章「本文要点」卡片
 * ========================================================= */

/* 视觉隐藏但保留可访问性（H1、结构化辅助文本） */
.qs-sr-only {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ---------------------------------------------------------
 * 本文要点：正文之前的一段可引用摘要
 * 给读者一眼看到结论，也给 AI 摘要器一段明确的提取目标
 * ------------------------------------------------------- */
.qs-tldr {
    margin: 0 0 22px;
    padding: 16px 18px 14px;
    background: #f4f8fd;
    border: 1px solid #dfe9f5;
    border-left: 3px solid #12609f;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.75;
    color: #2b3a4b;
}

.qs-tldr-hd {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .04em;
    color: #12609f;
}

.qs-tldr-hd::before {
    content: "";
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11l3 3L22 4'/%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11l3 3L22 4'/%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E") center/contain no-repeat;
}

.qs-tldr ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.qs-tldr li {
    position: relative;
    padding-left: 16px;
    margin: 0 0 6px;
    color: #33475c;
}

.qs-tldr li:last-child {
    margin-bottom: 0;
}

.qs-tldr li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .68em;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #7aa7d4;
}

/* 「更新于」与时间标签：不改变原有字号，只保证对齐 */
.qhd-title time {
    font: inherit;
    color: inherit;
}

@media (max-width: 640px) {
    .qs-tldr {
        padding: 13px 14px 12px;
        margin-bottom: 18px;
        font-size: 13px;
        line-height: 1.7;
    }
}