/*
Theme Name: Text Only
Theme URI: https://yayu.net/projects/wordpress-textonly
Author: Jeff Chen
Author URI: https://yayu.net/
Description: Text Only 是一款 Typecho & WordPress 纯文本极简主题，黑白配色，对程序极简优化，无 JS、图片文件引用。主题支持自定义背景、自定义菜单，保留搜索及评论功能；内置文章归档和搜索模板；已作中文字体优化，内置3种字体方案可选。
Tags: blog, plaintext, one-column, full-width-template, minimalism, responsive, free
Version: 1.0.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: 720px; /* 进一步优化页面宽度 */
    --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: 1.15em; /* 微调字体大小 */
    --background-color: #f8f9fa; /* 更柔和的背景色 */
    --heading-color: #1a202c; /* 更深的标题颜色 */
    --nav-color: #2d3748;
    --text-color: #2d3748;  /* 更清晰的文字颜色 */
    --sub-color: #4a5568;
    --gray-color: #718096;
    --link-color: #3182ce; /* 更柔和的链接颜色 */
    --code-color: #2d3748;
    --border-color: #e2e8f0;
    --line-color: #edf2f7;
    --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --transition-base: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

body {
    font-family: var(--font-yahei);
    font-size: var(--font-scale);
    margin: 0 auto;
    padding: 40px 20px;
    text-align: left;
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 2; /* 进一步优化行高 */
    color: var(--text-color);
    background-color: var(--background-color);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html{scroll-behavior:smooth;}
h1,h2,h3,h4,h5,h6{color:var(--heading-color);}
a{color:var(--link-color);cursor:pointer;text-decoration:none}
a:hover{opacity:0.5;}
nav a{margin-right:10px;color:var(--sub-color);}
strong,b{color:var(--heading-color)}
button{margin:0;cursor:pointer}
.screen-reader-text{display:none}
time,.comment-meta a{color:var(--gray-color);}
nav,main,.heading,footer{max-width: var(--width);margin: auto;}
table{width:100%}
hr{border:0;border-top:1px dashed}
img{max-width:100%;height:auto}
code{font-family:monospace;padding:2px;background-color:var(--line-color);color:var(--code-color);border-radius:3px}
blockquote{border-left:1px solid var(--gray-color);color:var(--code-color);padding-left:20px;font-style:italic}
header,footer{padding:20px 0;color:var(--gray-color);}
footer a{color:var(--nav-color)}
header{margin-bottom: 120px;padding-bottom:40px;border-bottom:1px solid var(--line-color);}
main{margin-top: 60px;}
.crumb{color: var(--gray-color);}
article{margin: 60px 0 120px;padding: 30px;background: #fff;border-radius: 12px;box-shadow: var(--card-shadow);transition: var(--transition-base);}
article:hover{transform: translateY(-2px);box-shadow: 0 6px 8px -1px rgba(0, 0, 0, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.06);}
h1.title,h2.title{margin: 0;line-height:1.6;font-weight:700;letter-spacing: -0.02em;}
header .title a{color:var(--nav-color);}
main .title{font-size:26px;padding-bottom: 15px;color: var(--heading-color);border-bottom: 2px solid var(--line-color);margin-bottom: 25px;}
.intro{color: var(--gray-color);margin-bottom: 50px;font-size: 1.15em;line-height: 1.8;font-weight: 300;}
.desc{margin-top: 15px;color: var(--sub-color);}
.content{margin: 50px 0;font-size: 1.08em;line-height: 2;}
.content p {margin-bottom: 1.5em;}
.content a,.comment .reply a{color: var(--link-color);border-bottom: 1px solid var(--link-color);transition: var(--transition-base);text-decoration: none;font-weight: 500;}
.content a:hover,.comment .reply a:hover{opacity: 0.8;border-bottom-color: transparent;color: var(--heading-color);}
.tags{margin-top: 30px;padding-top: 20px;border-top: 1px solid var(--line-color);}
.tags a{display: inline-block;padding: 4px 12px;margin: 0 8px 8px 0;background: var(--line-color);border-radius: 20px;color: var(--sub-color);font-size: 0.9em;transition: var(--transition-base);}
.tags a:hover{background: var(--link-color);color: #fff;transform: translateY(-1px);}
form > *:last-child{margin-bottom:0}
label{font-size:0.9em;}
input[type="text"],input[type="email"],input[type="url"],input[type="search"],textarea{background: #fff;border-radius: 8px;border: 1px solid var(--border-color);box-shadow: 0 1px 3px rgba(0,0,0,0.05);display:block;margin: 0 0 20px 0;padding: 14px;width:100%;transition: var(--transition-base);font-size: 1em;}
textarea{line-height:1.5;height:100px}
textarea:focus,input[type="email"]:focus,input[type="search"]:focus,input[type="text"]:focus,input[type="url"]:focus{border-color: var(--link-color);outline: 0;box-shadow: 0 0 0 3px rgba(49,130,206,0.1);}
button,.button,input[type="button"],input[type="reset"],input[type="submit"]{background-color: var(--link-color);border: none;border-radius: 8px;color:#fff;display:inline-block;font-family:inherit;font-size:16px;font-weight: 500;margin:0;padding:12px 24px;text-align:center;transition: var(--transition-base);cursor:pointer}
button:hover,.button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{opacity: 0.9;transform: translateY(-2px);box-shadow: 0 4px 6px rgba(49,130,206,0.2);}
.commentlist,.commentlist .children{list-style: none;padding:0;margin-bottom:40px;}
.comment{margin:40px 0;padding: 20px;background: var(--line-color);border-radius: 8px;transition: var(--transition-base);}
.comment:hover{background: #fff;box-shadow: var(--card-shadow);}
.comment .comment{margin-left:50px}
.comment-author cite{font-weight:bold;font-style:normal;}
.comment-author .says,.comment-author .avatar{display:none}
.comment-respond,#comments{margin: 50px 0;padding: 30px;background: #fff;border-radius: 12px;box-shadow: var(--card-shadow);}
.logged-in .comment-respond .comment-reply-title{margin-bottom:20px}
.comment-respond p + p{margin-top:20px}
.comment-respond .comment-form-author,.comment-respond .comment-form-email{float:left;margin:10px 0;width:calc( 50% - 10px );max-width:calc(100% - 25px);}
.comment-respond .comment-form-email{margin-left:20px}
.comment-respond label{display:block}
.comment-respond input,.comment-respond textarea{padding:10px;max-width:calc(100% - 25px);}
.comment-respond input[type="checkbox"] + label{display:inline;font-size:14px;margin:0 0 0 5px}
.closed{margin-top:20px}
#cancel-comment-reply-link{float:right;font-weight: normal;}
.linked-pagination span,.linked-pagination a:hover span,.post-pagination .page-numbers{width:40px;height:40px;line-height:40px;margin-right:10px;display:inline-block;text-align:center;border-radius:8px;transition: var(--transition-base);}
.linked-pagination span,.linked-pagination a:hover span,.post-pagination .pagination a:hover,.post-pagination .pagination .current{background:var(--link-color);color:#fff;box-shadow: 0 2px 4px rgba(49,130,206,0.2);}
.linked-pagination a span,.post-pagination .page-numbers{background:#fff;color:var(--text-color);border: 1px solid var(--border-color);}
.linked-pagination a span:hover,.post-pagination .page-numbers:hover{background:var(--link-color);color: #fff;border-color:var(--link-color);transform: translateY(-1px);}
.results{list-style:none;padding:0;margin:0;}
.results li{margin:20px 0 0;}