: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;
    --background-color: #fff;
    --heading-color: #222;
    --text-color: #444;
    --link-color: #3273dc;
    --visited-color:  #444; /* 这里改成黑色，不再紫色 */
    --code-background-color: #f2f2f2;
    --code-color: #222;
    --blockquote-color: #222;
    --gray-color: #999;
}
@media (prefers-color-scheme: dark) {
    :root {
        --background-color: #111;
        --heading-color: #eee;
        --text-color: #ddd;
        --link-color: #6ab0e5;
        --visited-color:  #ddd; /* 深色模式也不紫色 */
        --code-background-color: #000;
        --code-color: #ddd;
        --blockquote-color: #ccc;
        --gray-color: #999;
    }
}
body {
    font-family: var(--font-yahei); /* 可替换 --font-fangsong 或 --font-songti 字体 */
    font-size: var(--font-scale);
    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.7;
    color: var(--text-color);
}
html{scroll-behavior:smooth;}
h1,h2,h3,h4,h5,h6{color:var(--heading-color);display:inherit}
a{color:#000000;cursor:pointer;text-decoration:none;border-bottom:1px solid transparent}
a:hover,nav .current{border-bottom:1px solid}
nav a{margin-right:8px}
strong,b{color:var(--heading-color)}
button{margin:0;cursor:pointer}
table{width:100%}
hr{border:0;border-top:1px dashed}
img{max-width:100%;height:auto}
time,.intro{color:var(--gray-color);}
code{font-family:monospace;padding:2px;background-color:var(--code-background-color);color:var(--code-color);border-radius:4px}
blockquote{border-left:1px solid #999;color:var(--code-color);padding-left:20px;font-style:italic}
input{border-radius:4px;border:1px solid var(--gray-color);margin:0 0 15px 0;padding:10px;width:50%}
input:focus{outline:0}
input[type="submit"]{padding:9px 10px 10px;text-align:center;width:80px;display:inline-flex;background-color:var(--heading-color);color:var(--code-background-color);border:none}
input[type="submit"]:hover{cursor:pointer;opacity:.7}
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: none; margin-right: 11px; }
ul.posts li a{color:var(--text-color)} /* 关键：访问后不变色 */
/* 归档时间线：左年份列 + 右图片流（参考 4444-files） */
.archive-row{display:flex;gap:24px;margin-bottom:40px}
.archive-year{flex:none;width:90px;font-size:17px;font-family:monospace;color:var(--heading-color);padding-top:2px}
.archive-grid{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;flex:1}
.archive-item{display:block;width:140px;border-bottom:none;color:var(--text-color)}
.archive-item:hover .archive-item-title{border-bottom:1px solid}
.archive-thumb{display:block;width:100%;height:auto;border-radius:2px;margin-bottom:5px;background:var(--code-background-color)}
.archive-item-title{font-size:11px;color:#888;display:block;line-height:1.4;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.archive-item-date{font-size:10px;color:#bcbcbc;margin-top:1px}
.tags{margin-top:30px;color:var(--gray-color)}
.tags a{margin:0 5px 0 2px}
/* 说说页：聊天气泡（气泡只包文字、宽度自适应；时间在气泡外、跟在后面） */
.shuoshuo-item{margin-bottom:16px;line-height:1.75}
.shuoshuo-content{display:inline-block;background:var(--code-background-color);border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:10px 14px;max-width:92%}
.shuoshuo-content p{display:inline;margin:0}
.shuoshuo-date{display:inline-block;margin-left:8px;color:var(--gray-color);font-size:11px;vertical-align:bottom}
.shuoshuo-content audio{display:block;width:100%;max-width:300px;margin-top:4px;border-radius:8px}
@media (prefers-color-scheme: dark){.shuoshuo-content{background:#1a1a1a;border-color:rgba(255,255,255,.08)}}
/* 文章页 */
.post-back{font-size:12px;color:var(--gray-color);text-decoration:none;display:inline-block;margin-bottom:14px}
.post-back:hover{border-bottom:1px solid}
.post-title{font-size:1.5em;margin:0 0 6px}
.post-meta{color:var(--gray-color);font-size:13px;margin:0 0 22px}
.post-content{line-height:1.85}
/* 文章中的语音播放器 */
.post-text audio{width:100%;margin:12px 0;border-radius:8px}
/* 文章页图文排版（文左图右两栏杂志布局） */
.post-body{display:flex;gap:22px;align-items:flex-start}
.post-text{flex:1;font-size:13px;line-height:1.7;min-width:0}
.post-text p{margin:0 0 10px}
.post-figure{flex:none;width:55%}
.post-figure img{width:100%;height:auto;display:block;border-radius:2px}
@media (max-width:600px){.post-body{flex-direction:column-reverse}.post-figure{width:100%}.post-figure-masonry{column-count:1}}
/* 多图：右栏图片瀑布流 */
.post-figure-masonry{column-count:2;column-gap:8px}
.post-figure-masonry img{width:100%;height:auto;display:block;margin:0 0 8px;break-inside:avoid;border-radius:2px}
.post-nav{margin-top:44px;font-size:13px;color:var(--gray-color);display:flex;justify-content:space-between;gap:12px}
.post-nav a{color:var(--gray-color);text-decoration:none}
.post-nav a:hover{border-bottom:1px solid}
