/* 统一字体大小 */
:root {
    --font-size-base: 18px;
    --font-size-sm: 16px;
    --font-size-md: 18px;
    --font-size-lg: 20px;
    --font-size-xl: 22px;
    --font-size-2xl: 28px;
    --font-size-3xl: 36px;
    --line-height-base: 1.8;
}

body, button, input, select, textarea {
    font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Heiti SC", sans-serif;
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
}

h1 {
    font-size: 32px;
    margin-bottom: 20px;
}

h2 {
    font-size: 28px;
    margin-bottom: 18px;
}

h3 {
    font-size: 24px;
    margin-bottom: 16px;
}

h4 {
    font-size: 20px;
    margin-bottom: 14px;
}

p {
    margin-bottom: 16px;
    font-size: 18px;
}

/* 文章内容样式 */
.article-content p {
    margin-bottom: 20px;
    line-height: 2;
}

.article-content h2 {
    margin-top: 30px;
    margin-bottom: 20px;
}

.article-content h3 {
    margin-top: 25px;
    margin-bottom: 15px;
}

.article-content ul, 
.article-content ol {
    margin-bottom: 20px;
    padding-left: 20px;
}

.article-content li {
    margin-bottom: 10px;
    line-height: 1.8;
}

/* 移动端样式调整 */
@media (max-width: 768px) {
    :root {
        --font-size-base: 16px;
    }
    
    h1 {
        font-size: 26px;
    }
    
    h2 {
        font-size: 24px;
    }
    
    h3 {
        font-size: 20px;
    }
    
    h4 {
        font-size: 18px;
    }
}