:root{--text-primary:#2c3e50;--text-secondary:#586374;--text-light:#8492a6;--text-title:#1a2a3a;--border-color:#eaecef;--border-light:rgba(0,0,0,0.05);--link-color:#3273dc;--bg-color:#ffffff;--bg-light:#f9fafb;--code-bg:#f6f8fa;--code-color:#24292e;--quote-border:#e9ecef}html{scroll-behavior:smooth;scrollbar-color:rgb(170,170,170) var(--bg-color);scrollbar-width:thin}body{max-width:42rem;margin:0 auto;padding:2rem 1.5rem;font-family:-apple-system,"Noto Serif SC","PingFang SC","Microsoft YaHei","Helvetica Neue",sans-serif;font-size:16px;line-height:1.9;letter-spacing:.01em;color:var(--text-primary);background:var(--bg-color)}.site-header{display:flex;justify-content:space-between;align-items:center;margin:0 0 2rem;padding-bottom:.8rem;border-bottom:1px solid var(--border-light)}.site-title{font-size:1.2rem;font-weight:500}.site-title a{color:var(--text-title);text-decoration:none}.site-nav a{color:var(--text-secondary);text-decoration:none;margin-left:1.2rem;font-size:.9rem}.site-nav a:hover{color:var(--text-title)}.slogan{margin:1.5rem 0 2rem;color:var(--text-secondary);font-size:.95rem;font-style:italic;line-height:1.6;text-align:center}footer{margin-top:2rem;padding-top:1.2rem;border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.9rem;display:flex;justify-content:space-between;align-items:center}footer a{color:var(--text-secondary);text-decoration:none;transition:color .2s}footer a:hover{color:var(--link-color)}.post-list{list-style:none;padding:0;margin:0}.post-list li{display:flex;justify-content:space-between;align-items:baseline;padding:.8rem 0;border-bottom:1px solid var(--border-light);transition:background-color .2s,padding .2s}.post-list li:hover{background-color:var(--bg-light);padding-left:.5rem}.post-list li:last-child{border-bottom:none}.post-date{color:var(--text-light);font-size:.9rem;min-width:5.5rem;text-align:right}.post-title{flex:1;color:var(--text-title);text-decoration:none;padding-right:2rem;transition:color .2s}.post-title:hover{color:var(--link-color)}.post-content h2{font-size:1.5rem;font-weight:500;margin:2.5em 0 1.2em;color:var(--text-title)}.post-content h3{font-size:1.3rem;font-weight:500;margin:2em 0 1em}pre{margin:1.5em 0;border-radius:8px;overflow:hidden}pre>code.hljs{display:block;padding:1.4em;border-radius:6px;background:#f8fafc;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:14px;line-height:1.5;tab-size:2;overflow-x:auto;box-shadow:0 2px 4px rgba(0,0,0,.05)}:not(pre)>code{font-size:.875em;color:#476582;padding:.2em .4em;background:rgba(27,31,35,.05);border-radius:4px}blockquote{margin:2em 0;padding:.8em 1.2em;background-color:var(--bg-light);border-left:4px solid var(--link-color);border-radius:0 4px 4px 0;background:linear-gradient(to right,var(--bg-light),transparent)}blockquote p:first-child{margin-top:0}blockquote p:last-child{margin-bottom:0}.image-container{margin:2em 0;text-align:center}.image-container img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1);transition:transform .3s}.image-container img:hover{transform:translateY(-2px)}@media (max-width:768px){body{font-size:15px;padding:1.2rem 1rem 1.5rem}.site-header{margin:0 0 1.5rem}.slogan{margin:1rem 0 1.5rem}.post-list li{padding:.5rem 0}.post-title{padding-right:1rem}.post-header{margin:1.5rem 0 2.5rem}.post-header h1{font-size:1.8rem}.post-content{font-size:.98rem;line-height:1.85}.back-to-top{right:1rem;bottom:1rem}}.post-header{margin:2.5rem 0;text-align:left}.post-header h1{font-size:2.2rem;font-weight:700;color:var(--text-title);margin:0 0 1rem;line-height:1.3;letter-spacing:-.02em;background:0 0;-webkit-text-fill-color:var(--text-title)}.post-meta{color:var(--text-secondary);font-size:.9rem;display:flex;align-items:center;gap:.25rem}.post-meta .separator{opacity:.6;margin:0}.post-header::after{content:"";display:block;width:100%;margin:1.5rem 0 0;border-bottom:1px solid var(--border-light)}.post-content a{color:var(--link-color);text-decoration:none;border-bottom:1px solid rgba(50,115,220,.15);padding-bottom:1px;transition:border-color .2s}.post-content a:hover{border-bottom-color:var(--link-color)}.post-content{margin-top:2rem;font-size:1.02rem}.post-content p{margin:1.4em 0;text-align:justify;text-justify:inter-ideograph}.post-content p a{margin:0 1px}.back-to-top{position:fixed;right:1rem;bottom:1rem;width:2.2rem;height:2.2rem;line-height:2.2rem;text-align:center;color:var(--text-secondary);background:var(--bg-color);border:1px solid var(--border-color);border-radius:50%;text-decoration:none;font-size:1.1rem;z-index:999}.back-to-top:hover{color:var(--text-primary);background:var(--bg-light)}.journal-items{margin:2rem 0}.journal-item{position:relative;margin:0 -1.5rem;padding:1.5rem;border-bottom:1px solid var(--border-light);transition:.2s}.journal-item:last-child{border-bottom:none}.journal-item:hover{background-color:var(--bg-light);padding-left:2rem}.journal-date{font-size:.9rem;color:var(--text-light);margin-bottom:.8rem}.journal-content{color:var(--text-primary);line-height:1.8}.journal-content p{margin:0}.journal-content a{color:var(--link-color);text-decoration:none;border-bottom:1px solid rgba(50,115,220,.15);padding-bottom:1px;transition:border-color .2s}.journal-content a:hover{border-bottom-color:var(--link-color)}@media (max-width:768px){.journal-item{margin:0 -1rem;padding:1.2rem 1rem}.journal-item:hover{padding-left:1.5rem}.journal-date{font-size:.85rem;margin-bottom:.6rem}.journal-content{font-size:.95rem;line-height:1.7}}