@layer utilities {
    /* 隐藏徽章表格的标题行 */
    article table thead {
        display: none;
    }
    article table {
        border: none;
    }
    article table td {
        border: none;
        padding: 0.25rem;
    }
    /* 正文字体 */
    body, article, p, li {
        font-size: 18px;
        line-height: 1.7;
    }

    /* 标题字体 */
    h1 { font-size: 2.5em !important; }
    h2 { font-size: 2em !important; }
    h3 { font-size: 1.75em !important; }
    h4, h5, h6 { font-size: 1.6em !important; }

    /* 高亮文本样式 (pymdownx.mark) */
    mark {
        background-color: transparent;
        color: inherit;
        padding: 0.125rem 0.25rem;
        border-radius: 0.25rem;
        border: 2px solid #3b82f6;
    }

    /* 代码字体 */
    code, pre, kbd {
        font-family: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace !important;
    }

    /* HOSC 绿色高亮 */
    .hosc-green {
        color: #22c55e !important;
    }

    /* Header 悬停效果 */
    .site-title {
        cursor: pointer;
        position: relative;
        display: inline-block;
    }
    .site-title .short,
    .site-title .full {
        transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
    }
    .site-title .short {
        display: inline-block;
    }
    .site-title .full {
        position: absolute;
        left: 0;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-8px);
    }
    .site-title:hover .short {
        opacity: 0;
        visibility: hidden;
        transform: translateY(8px);
    }
    .site-title:hover .full {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}