style.css

:root {
    --width: 580px; /* 网页宽度 */
    --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;
    --background-color: #fff; /* 背景颜色 */
    --heading-color: #222;
    --nav-color: #222;
    --text-color: #333;  /* 主要字体颜色 */
    --sub-color: #666;
    --gray-color: #999;
    --link-color: #444;
    --code-color: #222;
    --border-color: #ddd;
    --line-color: #f1f1f1;
}
body {
    font-family: var(--font-yahei); /* 括号内可替换 --font-fangsong 仿宋或 --font-songti 宋体字体，默认雅黑字体 */
    font-size: var(--font-scale);
    margin:0 auto;padding: 20px;text-align: left;word-wrap: break-word;overflow-wrap: break-word;line-height: 1.8;
    color: var(--text-color);
    background-color: var(--background-color);
}
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(--sub-color)}
header{margin-bottom: 100px;padding-bottom:30px;border-bottom:1px solid var(--line-color);}
main{margin-top: 50px;}
.crumb{color: var(--gray-color);}
article{margin: 50px 0 100px;}
h1.title,h2.title{margin:0;line-height:1.6;}
header .title a{color:var(--nav-color);}
main .title{font-size:22px;padding-bottom: 5px;}
.intro{color:var(--gray-color);margin-bottom:40px;}
.desc{margin-top: 15px;color: var(--sub-color);}
.content{margin: 45px 0;}
.content a,.comment .reply a{border-bottom:1px solid var(--link-color);}
.content a:has(img){border:none}
.tags{color:var(--border-color);}
.tags a{color:var(--gray-color);margin-right: 10px;}
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:transparent;border-radius:4px;border:1px solid var(--border-color);box-shadow:none;display:block;margin:0 0 15px 0;padding:10px;width:calc( 100% - 20px );max-width:calc(100% - 25px);}
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:1px solid var(--gray-color);outline:0}
button,.button,input[type="button"],input[type="reset"],input[type="submit"]{background-color:var(--nav-color);border:none;border-radius:4px;color:#fff;display:inline-block;font-family:inherit;font-size:16px;margin:0;padding:8px 16px 10px;text-align:center}
button:hover,.button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{cursor:pointer;opacity:.7}
.comment-list,.comment-list .comment-children{list-style: none;padding:0;margin-bottom:40px;}
.comment-list{margin:30px 0;list-style: none;}
.comment-list .comment-children{margin-left:50px}
.comment-author cite{font-weight:bold;font-style:normal;}
.comment-author .says,.comment-author .avatar{display:none}
.comment-reply{border-bottom: 1px solid var(--gray-color);display: inline;padding-bottom:2px;}
.respond h3,#comments h3{margin: 40px 0;padding-top: 30px; border-top: 1px dotted var(--border-color);}
.respond p + p{margin-top:20px}
#cancel-comment-reply-link{float:right;font-weight: normal;}
.post-pagination ol{list-style: none;display:inline-flex;padding: 0;}
.linked-pagination span,.linked-pagination a:hover span,.post-pagination .page-numbers,.post-pagination ol a{width:35px;height:35px;line-height:35px;margin-right:8px;display:inline-block;text-align:center;border-radius:4px;}
.linked-pagination span,.linked-pagination a:hover span,.post-pagination .pagination a:hover,.post-pagination .pagination .current,.post-pagination ol a:hover,.post-pagination ol .current a{background:#333;color:#fff}
.linked-pagination a span,.post-pagination .page-numbers,.post-pagination ol a{background:#f8f8f8;color:#555}
.linked-pagination,.post-pagination{margin:80px 0 50px}
.results{list-style:none;padding:0;margin:0;}
.results li{margin:20px 0 0;}