/*
 Theme Name:   PeerCare Child
 Theme URI:    https://peercare.cn/
 Description:  A custom child theme for the PeerCare website, based on Twenty Twenty-One.
 Author:       You & Gemini
 Author URI:   https://peercare.cn/
 Template:     twentytwentyone
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles
 Text Domain:  peercare-child
*/

/* --- WordPress 文章页优化样式 --- */

/* 1. 为文章内容区设定最佳阅读宽度并居中 */
.single-post .entry-content {
    max-width: 720px; /* 这是公认的理想阅读宽度，让视线移动更自然 */
    margin-left: auto;
    margin-right: auto;
    padding-top: 2rem; /* 增加标题与内容区的呼吸感 */
}

/* 2. 优化正文排版，提升可读性 */
.single-post .entry-content p {
    font-size: 17px;      /* 增大字号，阅读更舒适 */
    line-height: 1.8;     /* 增大行距，减轻眼部压力 */
    margin-bottom: 1.5em; /* 增加段落间距，层次更分明 */
    color: #333;         /* 使用深灰色代替纯黑，视觉更柔和 */
}

/* 3. 优化“来源”和“阅读原文”部分的样式 */
.single-post .entry-content p strong {
    font-weight: 600; /* 保持加粗，但不过于突兀 */
}

/* 针对“阅读原文”的链接进行特别美化 */
.single-post .entry-content p a[href*="http"] {
    color: #2563EB; /* 使用主题蓝色 */
    text-decoration: none;
    border-bottom: 1px solid #93C5FD; /* 添加一条淡淡的下划线 */
    transition: all 0.2s ease-in-out;
}

.single-post .entry-content p a[href*="http"]:hover {
    background-color: #EFF6FF; /* 鼠标悬停时增加淡淡的背景色 */
    border-bottom-color: #2563EB;
}

/* 4. 优化文章内的标题样式 (如果文章内有H2, H3等小标题) */
.single-post .entry-content h2,
.single-post .entry-content h3 {
    margin-top: 2.5em;
    margin-bottom: 1em;
    line-height: 1.4;
    font-weight: 700;
}

.single-post .entry-content h2 {
    font-size: 1.8em;
}

.single-post .entry-content h3 {
    font-size: 1.5em;
}

/* 5. 优化文章内的列表样式 */
.single-post .entry-content ul,
.single-post .entry-content ol {
    margin-left: 1.5em;
    margin-bottom: 1.5em;
    font-size: 17px;
    line-height: 1.8;
}

.single-post .entry-content li {
    margin-bottom: 0.5em;
}