@import url('https://fontsapi.zeoseven.com/184/main/result.css');
:root{--text:#1e2327;--text-light:#666;--bg:#fcfcfc;--bg-gray:#f5f5f5;--border:#d0d7de;--date-color:#777;--year-text:#333;}
body.dark{--text:#e0e0e0;--text-light:#aaa;--bg:#121212;--bg-gray:#1e1e1e;--border:#404040;--date-color:#bbb;--year-text:#ddd;}
::selection{background:var(--text);color:var(--bg);}
::-moz-selection{background:var(--text);color:var(--bg);}
body.dark ::selection{background:var(--text);color:var(--bg);}
body.dark ::-moz-selection{background:var(--text);color:var(--bg);}
*{margin:0;padding:0;box-sizing:border-box;}
html{scrollbar-width:none;-ms-overflow-style:none;}
html::-webkit-scrollbar{display:none;}
body{font-family:'LXGW 975 Yuan SC 400W',serif;background:var(--bg);color:var(--text);line-height:1.65;min-height:100vh;display:flex;flex-direction:column;scrollbar-width:none;-ms-overflow-style:none;}
body::-webkit-scrollbar{display:none;}
.container{max-width:600px;width:95%;margin:0 auto;padding:18px 15px;flex:1;background:var(--bg);font-family:'LXGW 975 Yuan SC 400W',serif;}
.header-inner{display:flex;justify-content:flex-start;align-items:center;margin-bottom:0.4rem;gap:0.6rem;}
.site-info h1{font-size:1.6rem;font-weight:700;letter-spacing:-0.5px;display:flex;align-items:center;gap:0.6rem;}
.site-info h1 a{text-decoration:none;color:var(--text);font-weight:700;}
.theme-toggle{background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:0;color:var(--text);font-size:1.2rem;}
.theme-icon{width:24px;height:24px;display:block;}
.nav{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:max(0.4rem, 2vw);margin-bottom:0.6rem;padding-bottom:0.6rem;border-bottom:1px solid var(--border);overflow:visible;}
.nav-item{display:flex;align-items:center;gap:0.2rem;text-decoration:none;color:var(--text);font-size:1rem;padding:0.2rem 0;white-space:nowrap;flex-shrink:0;}
.nav-item.selected{font-weight:700;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:2px;}
.nav-icon{width:1em;height:1em;display:block;flex-shrink:0;}
.recent-header{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.8rem;}
.recent-icon{width:1em;height:1em;}
.recent-title{font-size:1.05rem;font-weight:700;}
.article-list{display:flex;flex-direction:column;gap:0.6rem;}
.article-card{padding-bottom:0.1rem;}
.article-card a{text-decoration:none;color:var(--text);display:block;}
.article-date{font-size:0.85rem;color:var(--date-color);margin-bottom:0.05rem;display:block;}
.article-title{font-size:1.1rem;font-weight:700;margin-bottom:0.25rem;display:inline;text-decoration:none;}
.article-card a:hover .article-title{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1.5px;}
.pin-icon{width:1em;height:1em;vertical-align:middle;margin-right:0.2rem;display:inline-block;}
.article-desc{font-size:0.95rem;color:var(--text-light);line-height:1.55;}
.footer-bar{display:flex;justify-content:space-between;align-items:center;margin-top:0.6rem;padding-top:0.6rem;border-top:1px solid var(--border);font-size:0.95rem;flex-wrap:wrap;gap:0.5rem;}
.view-link{display:flex;align-items:center;gap:0.3rem;text-decoration:none;color:var(--text);}
.view-icon{width:1.1em;height:1.1em;display:inline-block;vertical-align:middle;margin-right:2px;}
footer{display:flex;align-items:center;gap:0.2rem;color:var(--text-light);white-space:nowrap;}
.view-more{display:flex;align-items:center;gap:0.3rem;color:var(--text-light);}
.archive-list{margin-top:0.3rem;}
.year-group{margin-bottom:1.2rem;}
.timeline-year{font-size:1.4rem;font-weight:700;margin-bottom:0.5rem;display:flex;align-items:center;gap:0.8rem;color:var(--year-text);}
.year-count{font-size:0.9rem;font-weight:400;color:var(--text-light);display:flex;align-items:center;gap:0.2rem;}
.timeline-posts{display:flex;flex-direction:column;gap:0.35rem;}
.timeline-post{display:flex;flex-wrap:nowrap;gap:0.4rem 1rem;align-items:baseline;}
.timeline-post-date{font-size:0.9rem;color:var(--date-color);min-width:85px;flex-shrink:0;}
.timeline-post-title{flex:1;min-width:0;word-break:break-word;text-decoration:none;color:var(--text);}
.timeline-post-title:hover{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1.5px;}
.about-card{margin-bottom:0.5rem;}
.about-card h2{font-size:1.15rem;font-weight:700;margin-bottom:0.4rem;display:flex;align-items:center;gap:0.4rem;}
body.dark .nav-icon,body.dark .theme-icon,body.dark .recent-icon,body.dark .view-icon,body.dark .pin-icon{filter:invert(1);}
.tool-list{display:flex;flex-direction:column;gap:0.8rem;}
.tool-item{display:flex;gap:0.8rem;align-items:center;text-decoration:none;color:var(--text);padding:0.1rem 0;}
.tool-item:hover .tool-title{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1.5px;}
.tool-thumb{flex:0 0 120px;width:120px;height:80px;border-radius:4px;overflow:hidden;background:var(--bg-gray);flex-shrink:0;box-shadow:0 0 0 0.5px rgba(30,35,39,0.25);}
.tool-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.tool-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;height:80px;}
.tool-title{font-size:1.15rem;font-weight:700;margin-bottom:0.15rem;display:block;color:var(--text);}
.tool-desc{font-size:0.98rem;color:var(--text-light);line-height:1.5;margin:0;}
body.dark .tool-thumb{box-shadow:0 0 0 0.5px rgba(224,224,224,0.25);}

/* Markdown 渲染样式 */
.markdown-body h1{font-size:1.7rem;margin:1.2rem 0 0.6rem;font-weight:700;}
.markdown-body h2{font-size:1.4rem;margin:1rem 0 0.5rem;font-weight:700;}
.markdown-body h3{font-size:1.2rem;margin:0.9rem 0 0.4rem;font-weight:700;}
.markdown-body p{margin:0.6rem 0;}
.markdown-body pre{background:var(--bg-gray);padding:12px;border-radius:6px;overflow-x:auto;margin:0.8rem 0;}
.markdown-body code{background:var(--bg-gray);padding:2px 4px;border-radius:3px;font-size:0.9em;}
.markdown-body pre code{background:none;padding:0;}
.markdown-body blockquote{border-left:3px solid var(--border);padding-left:12px;color:var(--text-light);margin:0.8rem 0;}
.markdown-body ul, .markdown-body ol{margin:0.6rem 0;padding-left:1.4rem;}
.markdown-body li{margin:0.2rem 0;}
.markdown-body a{color:var(--text);text-decoration:underline;}
.markdown-body img{max-width:100%;border-radius:4px;margin:0.8rem 0;}
.markdown-body hr{border:none;border-top:1px solid var(--border);margin:1rem 0;}
.markdown-body table{border-collapse:collapse;width:100%;margin:0.8rem 0;}
.markdown-body th, .markdown-body td{border:1px solid var(--border);padding:6px 10px;}
.markdown-body th{background:var(--bg-gray);font-weight:700;}

/* 文章页样式 */
.post-title{font-size:1.5rem;font-weight:700;margin-bottom:0.3rem;}
.post-meta{font-size:0.85rem;color:var(--date-color);margin-bottom:1rem;padding-bottom:0.8rem;border-bottom:1px solid var(--border);}
.post-content{line-height:1.75;}

/* 说说样式 */
.talk-item{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border);}
.talk-item:last-child{border-bottom:none;}
.talk-date{font-size:0.85rem;color:var(--date-color);margin-bottom:0.3rem;}
.talk-content{font-size:1rem;line-height:1.6;}

@media(max-width:640px){.container{padding:15px 12px;}.header-inner{gap:0.5rem;}.timeline-post{flex-wrap:nowrap;}.timeline-post-title{white-space:normal;word-break:break-word;}.footer-bar{flex-wrap:wrap;}.tool-list{gap:0.7rem;}.tool-thumb{flex:0 0 130px;width:130px;height:87px;}.tool-item{gap:0.9rem;}.tool-info{height:auto;min-height:87px;}.tool-title{font-size:1.05rem;}.tool-desc{font-size:0.88rem;margin-top:0.15rem;}}
@media(max-width:520px){.site-info h1{font-size:1.45rem;}}
@media(max-width:480px){.container{padding:12px 10px;}.header-inner{gap:0.4rem;}.site-info h1{font-size:1.35rem;}.article-title{font-size:1rem;}.timeline-post-date{min-width:75px;font-size:0.85rem;}.timeline-year{font-size:1.2rem;}.tool-list{gap:0.6rem;}.tool-thumb{flex:0 0 110px;width:110px;height:73px;}.tool-item{gap:0.7rem;}.tool-info{min-height:73px;}.tool-title{font-size:0.95rem;}.tool-desc{font-size:0.8rem;margin-top:0.1rem;}}
@media(max-width:420px){.site-info h1{font-size:1.25rem;}}
.about-card .article-desc a{color:var(--text-light);text-decoration:none;}
.about-card .article-desc > a{display:block;margin:0;padding:0;}
.about-card .article-desc strong a{display:inline;word-break:break-word;}
.about-card .article-desc > a .view-icon{vertical-align:middle;margin-right:2px;}