:root{--background:#fff;--foreground:#1a1a2e;--accent:#2563eb;--muted:#6b7280;--border:#e5e7eb}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,sans-serif;line-height:1.6;display:flex}a{color:inherit;text-decoration:none;transition:opacity .2s}a:hover{opacity:.8;text-decoration:underline}.site-header{border-bottom:1px solid var(--border);flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.5rem;display:flex}.site-header-brand{color:var(--foreground);align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.site-header-brand:hover{opacity:.8;text-decoration:none}.site-header-logo{width:auto;height:32px;display:block}.site-header-name{letter-spacing:.05em;font-size:32px;font-weight:700}.site-nav{gap:1.5rem;display:flex}.site-nav a{color:var(--muted);font-size:.9375rem;text-decoration:none}.site-nav a:hover{color:var(--foreground)}main{flex:1;width:100%;max-width:800px;margin:0 auto;padding:2rem 1.5rem 0}h1{margin-bottom:1.5rem;font-size:1.75rem;font-weight:700;line-height:1.3}time{color:var(--muted);font-size:.875rem}.article-list{flex-direction:column;gap:1rem;list-style:none;display:flex}.article-list li{border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem;transition:border-color .2s,box-shadow .2s}.article-list li:hover{border-color:var(--accent);box-shadow:0 2px 8px #0000000f}.article-list .title{margin-bottom:.5rem;font-size:1.125rem;font-weight:600;display:block}.article-list .meta{color:var(--muted);flex-direction:column;gap:.25rem;font-size:.8125rem;display:flex}.category-tree{padding:0;list-style:none}.category-tree ul{margin-top:.25rem;padding-left:1.5rem;list-style:none}.category-tree li{margin-bottom:.5rem}.category-tree a{color:var(--accent);font-size:1rem}.category-count{color:var(--muted);margin-left:.25rem;font-size:.875rem}.pagination{justify-content:center;gap:.5rem;margin-top:2rem;display:flex}.pagination-link{border:1px solid var(--border);min-width:36px;height:36px;color:var(--foreground);border-radius:6px;justify-content:center;align-items:center;padding:0 .75rem;font-size:.875rem;text-decoration:none;transition:border-color .2s,background-color .2s;display:inline-flex}.pagination-link:hover{border-color:var(--accent);text-decoration:none}.pagination-link.active{border-color:var(--accent);background-color:var(--accent);color:#fff;pointer-events:none}.article-header{border-bottom:1px solid var(--border);margin-bottom:2rem;padding-bottom:1rem}.article-header .meta{color:var(--muted);flex-direction:column;gap:.25rem;margin-top:.5rem;font-size:.875rem;display:flex}.edit-link{color:var(--accent);align-self:flex-start;font-size:.875rem}.article-content{word-break:break-word;font-size:1rem;line-height:1.8}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.4}.article-content h1{font-size:1.5rem}.article-content h2{font-size:1.35rem}.article-content h3{font-size:1.2rem}.article-content h4{font-size:1.1rem}.article-content p{margin-bottom:1rem}.article-content ul,.article-content ol{margin-bottom:1rem;padding-left:1.5em}.article-content li{margin-bottom:.25rem}.article-content blockquote{border-left:4px solid var(--accent);color:var(--muted);background:#2563eb0d;margin:1rem 0;padding:.5rem 1rem}.article-content code{background:#0000000f;border-radius:4px;padding:.15em .4em;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:.9em}.article-content pre{color:#e2e8f0;background:#1e293b;border-radius:8px;margin:1rem 0;padding:1rem 1.25rem;font-size:.875rem;line-height:1.6;overflow-x:auto}.article-content pre code{color:inherit;font-size:inherit;background:0 0;padding:0}.article-content table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.9rem}.article-content th,.article-content td{border:1px solid var(--border);text-align:left;padding:.5rem .75rem}.article-content th{background:#0000000a;font-weight:600}.article-content img{border-radius:6px;max-width:100%;height:auto;margin:1rem 0}.article-content hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.article-content a{color:inherit;text-decoration:underline}.back-link{margin-bottom:1.5rem;font-size:.875rem;display:inline-block}.site-footer{text-align:center;color:var(--muted);padding:2rem 1.5rem;font-size:.8125rem;line-height:1.8}.site-footer p{margin:0}.site-footer-link{color:var(--muted);text-decoration:none}.site-footer-link:hover{text-decoration:underline}