/*
Theme Name: Dear
Theme URI: https://yayu.net/projects/wordpress-dear
Author: Jeff Chen
Author URI: https://yayu.net/
Description: Dear 是一款 WordPress & Typecho 纯文本极极简主题，样式复刻于 Bear Blog 示例主题。主题支持自定义背景、自定义菜单、自定义首页内容，支持黑暗模式和自适应；内置文章归档和搜索模板；已作中文字体优化，内置3种字体方案可选。力求极简，对程序自带功能进行禁用及优化，主题无 JS、图片文件引用。配色方案适配 雅余 (yayu.net)。
Tags: blog, plaintext, one-column, full-width-template, minimalism, responsive, dark-mode, free
Version: 1.2.2
License: CC BY-NC-SA 4.0 DEED
License URI: https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh-hans
*/
:root {
    --width: 660px;
    --font-yahei: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Helvetica,Arial,"PingFangSC-Regular","Hiragino Sans GB","Lantinghei SC","Microsoft Yahei","Source Han Sans CN","WenQuanYi Micro Hei",SimSun,sans-serif;
    --font-fangsong: Baskerville, "Times New Roman", "Liberation Serif", STFangsong, FangSong, FangSong_GB2312, "CWTEX\-F", serif;
    --font-songti: Georgia, "Nimbus Roman No9 L", "Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif CN", STSong, "AR PL New Sung", "AR PL SungtiL GB", NSimSun, SimSun, "TW\-Sung", "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", PMingLiU, MingLiU, serif;
    --font-scale: 1em;
    /* 雅余 (yayu.net) 配色方案 - 亮色模式 */
    --background-color: #faf8f1;
    --heading-color: #161616;
    --text-color: #161616;
    --link-color: #161616;
    --visited-color: rgba(0,0,0,0.6);
    --code-background-color: rgba(0,0,0,0.1);
    --code-color: #161616;
    --blockquote-color: #161616;
    --blockquote-bg: #fbf3e7;
    --blockquote-border: #dcbb85;
    --gray-color: #aaa;
    --border-color: #ddd;
    --line-color: #eee;
    --lead-color: #888;
    --highlight-bg: #ffecaa;
    --highlight-text: #222;
}
@media (prefers-color-scheme: dark) {
    :root {
        /* 雅余 (yayu.net) 配色方案 - 暗色模式 */
        --background-color: #1a1a16;
        --heading-color: #e8e4d8;
        --text-color: #c8c4b8;
        --link-color: #c8c4b8;
        --visited-color: rgba(255,255,255,0.5);
        --code-background-color: rgba(255,255,255,0.08);
        --code-color: #e8e4d8;
        --blockquote-color: #c8c4b8;
        --blockquote-bg: #2a2520;
        --blockquote-border: #8a7a55;
        --gray-color: #777;
        --border-color: #3a3a35;
        --line-color: #2a2a25;
        --lead-color: #888;
        --highlight-bg: #5a4a00;
        --highlight-text: #ffecaa;
    }
}
body {
    font-family: var(--font-yahei); /* 可替换 --font-fangsong 或 --font-songti 字体 */
    font-size: 1.7rem;
    margin: auto;
    padding: 20px;
    max-width: var(--width);
    text-align: left;
    background-color: var(--background-color);
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 1.85;
    letter-spacing: 0.02em;
    color: var(--text-color);
    transition: background 0.3s, color 0.3s, border-color 0.3s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
::selection{background:var(--highlight-bg);color:var(--highlight-text)}
html{font-size:62.5%;scroll-behavior:smooth;}
h1,h2,h3,h4,h5,h6{color:var(--heading-color);display:inherit;line-height:1.5;margin:10px 0 12px;clear:both;letter-spacing:0.03em}
h1{font-size:2.6rem}h2{font-size:2.2rem}h3{font-size:2rem}h4{font-size:1.8rem}h5,h6{font-size:1.6rem}
a{color:var(--link-color);cursor:pointer;text-decoration:none;border-bottom:1px solid transparent}
a:hover,a[aria-current*="page"]{border-bottom:1px solid;color:rgba(0,0,0,.6)}
@media (prefers-color-scheme:dark){a:hover,a[aria-current*="page"]{color:rgba(255,255,255,.6)}}
nav a{margin-right:8px}
strong,b{color:var(--heading-color)}
button{margin:0;cursor:pointer}
table{width:100%}
hr{border:none;border-top:1px solid var(--line-color);margin:50px auto;width:50%;color:var(--line-color)}
img{max-width:100%;height:auto;display:block}
time,.intro{color:var(--gray-color)}
code{font-family:monospace;padding:0 5px;background-color:var(--code-background-color);color:var(--code-color);border-radius:4px}
pre{background:var(--highlight-text);color:var(--highlight-bg);font-size:0.9em;margin:2em 0;padding:20px;white-space:pre-wrap;border-radius:4px;line-height:1.8}
@media (prefers-color-scheme:dark){pre{background:#111;color:#ffecaa}}
blockquote{background:var(--blockquote-bg);border-left:3px solid var(--blockquote-border);color:var(--blockquote-color);padding:20px 20px 3px;font-style:normal;position:relative;margin:20px 0}
blockquote cite:before{content:"——";padding-right:8px}
blockquote cite{display:block;text-align:right;font-style:normal}
input{border-radius:4px;border:1px solid var(--border-color);margin:0 0 15px 0;padding:8px;width:50%;font-size:0.9em;background:transparent;color:var(--heading-color)}
input[type="submit"]{border:none;padding:8px 20px;text-align:center;width:auto;display:inline-flex;background-color:var(--heading-color);color:var(--background-color);font-weight:700}
input[type="submit"]:hover{cursor:pointer;opacity:.7}
textarea{border-radius:4px;border:1px solid var(--border-color);display:block;margin:0 0 10px;padding:8px;width:calc(100% - 25px);background:transparent;color:var(--text-color);line-height:1.5}
input:focus,textarea:focus{border:1px solid var(--gray-color);outline:0;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px var(--border-color)}
header,footer{padding:20px 0}
.title:hover{text-decoration:none;border:none}
.title h1,.title h2{font-size:1.5em}
ul.posts{list-style-type:none;padding:unset}
ul.posts li{display:flex;margin:3px 0}
ul.posts li span{flex:0 0 115px}
ul.posts li a:visited{color:var(--visited-color)}
p{line-height:1.8;margin:0 0 1.25em}
.tags{margin-top:30px;color:var(--gray-color)}
.tags a{margin:0 5px 0 2px}
.comment-respond{text-align:left;padding-top:40px}
.comlist{margin:80px auto 0}
.commentlist,.commentlist .children{list-style: none;padding:0;margin-bottom:40px}
.comment{margin:30px 0;list-style: none;text-align:left}
.comment .comment{margin-left:35px}
.comment-author cite{font-weight:bold;font-style:normal}
.comment-author .says,.comment-author .avatar,.screen-reader-text{display:none}
.comment-meta a{color: var(--gray-color);font-size: 0.9rem}
.comment-content p{margin-bottom:20px}
.comment .reply{margin-top:15px}
.comment .reply a{border-bottom:1px solid var(--lead-color);color:var(--lead-color)}
.comment .reply a:hover{color:var(--gray-color);border-color:var(--gray-color)}
.comlist input{display:block;width:calc(100% - 20px)}
.comlist input[type="submit"]{width:auto}
.comlist input[type="checkbox"]{display:inline-block;width: auto}
#cancel-comment-reply-link{margin-left:15px;font-weight: normal}
.comment-notes{font-size:0.9rem;color:var(--gray-color)}
.comment-form-author,.comment-form-email{float:left;width:calc(50% - 10px);margin:6px 0}
.comment-form-email{margin-left:20px}
.comment-form-url{clear:both}
@media (max-width: 600px) {
    /* === 整体容器 === */
    body {
        padding: 20px 24px;
        font-size: 0.95em;
    }

    /* === 标题缩放 === */
    h1 { font-size: 1.7rem; }
    h2 { font-size: 1.5rem; }
    h3 { font-size: 1.35rem; }
    h4 { font-size: 1.2rem; }
    h5, h6 { font-size: 1.1rem; }

    /* === 头部/尾部 === */
    header, footer {
        padding: 12px 0;
    }
    .title h1, .title h2 {
        font-size: 1.3em;
    }
    nav a {
        display: inline-block;
        margin: 3px 10px 3px 0;
    }

    /* === 文章列表：日期和标题上下排列 === */
    ul.posts li {
        flex-direction: column;
        margin: 8px 0;
        padding-bottom: 8px;
        border-bottom: 1px solid var(--line-color);
    }
    ul.posts li:last-child {
        border-bottom: none;
    }
    ul.posts li span {
        flex: auto;
        font-size: 0.85em;
        margin-bottom: 2px;
    }
    ul.posts li div {
        font-size: 0.95em;
    }

    /* === 代码块 / 引用块 === */
    pre {
        padding: 14px;
        font-size: 0.8em;
        margin: 1.2em 0;
    }
    blockquote {
        padding: 14px 14px 2px;
    }

    /* === 分隔线 === */
    hr {
        margin: 30px auto;
        width: 70%;
    }

    /* === 表单 === */
    input {
        width: 100%;
    }
    textarea {
        width: calc(100% - 18px);
    }

    /* === 评论表单 === */
    .comment-form-author, .comment-form-email {
        float: none;
        width: 100%;
        margin: 10px 0 0;
    }
    .comment-form-email {
        margin-left: 0;
    }

    /* === 嵌套评论缩进缩小 === */
    .comment .comment {
        margin-left: 20px;
    }
    .comlist {
        margin: 50px auto 0;
    }
    .comment {
        margin: 20px 0;
    }
}