:root{--bg-color: #ffffff;--text-color: #515151;--heading-color: #303030;--accent-color: #268bd2;--muted-color: #9a9a9a;--border-color: #eee;--hover-bg: #f8f9fa}[data-theme="dark"]{--bg-color: #1a1a1a;--text-color: #d0d0d0;--heading-color: #ffffff;--accent-color: #4a9eff;--muted-color: #888;--border-color: #333;--hover-bg: #2a2a2a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-size:16px;line-height:1.6;color:var(--text-color);background-color:var(--bg-color);transition:background-color 0.3s ease, color 0.3s ease}.site-container{min-height:100vh;display:flex;flex-direction:column}.site-header{padding:1.5rem 0;border-bottom:1px solid var(--border-color);margin-bottom:3rem}.header-wrapper{max-width:38rem;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.site-title{font-size:1.5rem;font-weight:600;color:var(--heading-color);text-decoration:none;transition:color 0.3s ease}.site-title:hover{color:var(--accent-color)}.site-nav{display:flex;align-items:center;gap:2rem}.nav-links{list-style:none;display:flex;gap:1.5rem;margin:0;padding:0}.nav-links a{color:var(--muted-color);text-decoration:none;font-size:0.9rem;font-weight:500;transition:color 0.3s ease}.nav-links a:hover,.nav-links a.active{color:var(--accent-color)}.theme-toggle{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:0.25rem;border-radius:4px;transition:background-color 0.3s ease}.theme-toggle:hover{background-color:var(--hover-bg)}.page-content{flex:1;max-width:38rem;margin:0 auto;padding:0 1rem}.wrapper{width:100%}.site-description{font-size:1.1rem;color:var(--muted-color);margin-bottom:2rem;text-align:center}.post-list{list-style:none}.post-item{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color);transition:transform 0.2s ease}.post-item:hover{transform:translateY(-1px)}.post-item:last-child{border-bottom:none}.post-title{margin:0 0 0.5rem 0;font-size:1.5rem;font-weight:600}.post-title a{color:var(--heading-color);text-decoration:none;transition:color 0.3s ease}.post-title a:hover{color:var(--accent-color)}.post-meta{font-size:0.9rem;color:var(--muted-color);margin-bottom:1rem}.tag{background-color:var(--hover-bg);padding:0.2rem 0.5rem;border-radius:3px;font-size:0.8rem;margin-left:0.25rem}.post-excerpt{color:var(--text-color);line-height:1.6}.post,.page{margin-bottom:2rem}.post-header,.page-header{margin-bottom:2rem}.post-content,.page-content-wrapper{line-height:1.7}.post-content h2,.page-content-wrapper h2{margin:2rem 0 1rem 0;color:var(--heading-color);font-weight:600}.post-content p,.page-content-wrapper p{margin-bottom:1rem}.post-content ul,.page-content-wrapper ul{margin-bottom:1rem;padding-left:1.5rem}.post-content li,.page-content-wrapper li{margin-bottom:0.25rem}.post-content code,.page-content-wrapper code{background-color:var(--hover-bg);padding:0.1rem 0.3rem;border-radius:3px;font-size:0.9rem;font-family:"SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace}.post-content a,.page-content-wrapper a{color:var(--accent-color);text-decoration:none}.post-content a:hover,.page-content-wrapper a:hover{text-decoration:underline}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.pagination a{color:var(--accent-color);text-decoration:none;padding:0.5rem 1rem;border-radius:4px;transition:background-color 0.3s ease}.pagination a:hover{background-color:var(--hover-bg)}.page-number{color:var(--muted-color);font-size:0.9rem}.site-footer{margin-top:4rem;padding:2rem 0;border-top:1px solid var(--border-color);background-color:var(--hover-bg)}.footer-content{max-width:38rem;margin:0 auto;padding:0 1rem;text-align:center}.footer-heading{font-size:1.2rem;font-weight:600;color:var(--heading-color);margin-bottom:1rem}.contact-info{margin-bottom:1rem;color:var(--text-color)}.contact-info a{color:var(--accent-color);text-decoration:none}.contact-info a:hover{text-decoration:underline}.social-links{margin-bottom:2rem}.social-links a{color:var(--accent-color);text-decoration:none;margin:0 1rem}.social-links a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;align-items:center;font-size:0.9rem;color:var(--muted-color)}.visitor-counter{font-weight:500}.center-img{display:block;margin-left:auto;margin-right:auto}.post-content img{display:block;max-width:100%;height:auto;margin:1.25rem auto}@media (max-width: 768px){.header-wrapper{flex-direction:column;gap:1rem;text-align:center}.site-nav{gap:1rem}.footer-bottom{flex-direction:column;gap:0.5rem}.social-links a{margin:0 0.5rem}.pagination{flex-direction:column;gap:1rem}}