/* 专用字体：修复中文间隔号·(U+00B7)在微软雅黑下无法渲染为圆点的问题 */
@font-face {
    font-family: "圆点修复";
    src: local("Arial"), local("Segoe UI"), local("Helvetica");
    unicode-range: U+00B7, U+30FB;
}

p {
    font-family: "圆点修复", "Microsoft YaHei", "Arial", sans-serif;
    font-size: 1em;
    line-height: 1.6em;
    margin: 1.25em 0.8em 1em 1.1em;
    letter-spacing: 0.03em;
    color: #111111; /* 加深黑色，确保高对比度 */
    font-weight: bold; /* 全局加粗 */
}

h1 {
    font-family: "圆点修复", "Microsoft YaHei", "Arial", sans-serif;
    font-size: 1.8em;
    border-top: 0.3em solid #cccccc; /* 灰色上边框 */
    margin-top: 0;
    padding-top: 0.5em;
    color: #000000; /* 纯黑标题 */
    font-weight: bold;
}

font {
    font-family: "圆点修复", "Microsoft YaHei", "Arial", sans-serif;
    font-weight: bold;
    color: #000000; /* 强调文字使用黑色粗体 */
}

memory {
    display: none;
}

p[前言] {
    font-family: "圆点修复", "Microsoft YaHei", "Arial", sans-serif;
    font-style: italic;
    text-decoration: underline;
    text-decoration-color: #dddddd; /* 浅灰色下划线 */
    color: #555555; /* 深灰色以示区别 */
    font-weight: bold;
}

/* ========== 列表样式：红色菱形标记 ========== */

li {
    font-family: "圆点修复", "Microsoft YaHei", "Arial", sans-serif;
    font-weight: bold;
    color: #111111;
    list-style-type: none; /* 隐藏原始圆点 */
    position: relative;
    padding-left: 1.5em;
    margin-bottom: 0.5em;
}

li::before {
    content: "♦"; /* 菱形符号 */
    color: #CC0000; /* 醒目红色 */
    font-size: 1em;
    position: absolute;
    left: 0;
    top: 0.1em;
}

/* ========== 折叠面板组件 ========== */

details {
    background: #FAFAFA; /* 极浅灰背景 */
    padding: 0.8em;
    margin: 1em 0;
    border-left: 0.3em solid #CCCCCC; /* 左侧灰色边框 */
    border-radius: 0.5em;
    box-sizing: border-box; /* 防止padding撑破容器 */
}

summary {
    color: #000000;
    font-size: 1.2em;
    font-weight: bold;
    cursor: pointer;
    padding: 0.5em 0;
    list-style: none; /* 隐藏默认箭头 */
    position: relative;
    padding-left: 1.5em;
}

/* 跨浏览器隐藏默认箭头 */
summary::-webkit-details-marker {
    display: none;
}
summary::marker {
    display: none;
}

/* 自定义菱形指示器 */
summary::before {
    content: "♦"; /* 红色菱形 */
    color: #CC0000;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) rotate(0deg); /* 关闭状态 */
    transition: transform 0.2s ease-in-out; /* 平滑旋转动画 */
}

details[open] > summary::before {
    transform: translateY(-50%) rotate(45deg); /* 展开时旋转45度 */
}

details[open] > summary {
    margin-bottom: 1em;
    border-bottom: 0.1em solid #EEEEEE; /* 展开后的分隔线 */
}

/* ========== 响应式适配 ========== */

@media (max-width: 600px) {
    p {
        font-size: 0.95em;
        line-height: 1.5em;
        margin: 1em 0.5em;
    }

    h1 {
        font-size: 1.5em;
    }

    summary {
        font-size: 1.1em;
    }
}