:root{--bg:#f5f6f7;--surface:#fff;--text:#1a1a1a;--muted:#6b7280;--accent:#2563eb;--border:#e5e7eb;--maxw:1100px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.65}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--maxw);margin:0 auto;padding:0 16px}.site-header{background:var(--surface);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:14px;padding-bottom:14px}.site-title{font-size:1.5rem;font-weight:800;color:var(--text)}.site-title:hover{text-decoration:none}.main-nav{display:flex;flex-wrap:wrap;gap:18px}.main-nav a{color:var(--text);font-weight:500}.site-main{padding-top:28px;padding-bottom:40px}.layout{display:grid;grid-template-columns:1fr 300px;grid-gap:32px;gap:32px}@media (max-width:820px){.layout{grid-template-columns:1fr}}.post-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}@media (max-width:600px){.post-grid{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.card-thumb{aspect-ratio:16/9;width:100%;object-fit:cover;background:#e9eaec}.card-body{padding:16px}.card-cat{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--accent);font-weight:700}.card-title{font-size:1.15rem;margin:6px 0 8px;line-height:1.35}.card-title a{color:var(--text)}.card-excerpt{color:var(--muted);font-size:.92rem;margin:0}.card-meta{margin-top:12px;font-size:.8rem;color:var(--muted)}.sidebar .widget{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:18px;margin-bottom:24px}.widget h3{margin:0 0 12px;font-size:1rem;border-bottom:2px solid var(--accent);display:inline-block;padding-bottom:4px}.widget ul{list-style:none;margin:0;padding:0}.widget li{padding:7px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between}.widget li:last-child{border-bottom:none}.badge{background:var(--bg);color:var(--muted);border-radius:999px;padding:0 9px;font-size:.78rem}.page-title{font-size:1.9rem;margin:0 0 6px}.post-hero{width:100%;border-radius:12px;margin:18px 0;max-height:460px;object-fit:cover}.post-meta{color:var(--muted);font-size:.9rem;margin-bottom:8px}.article{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px}.article-content{font-size:1.05rem}.article-content img{max-width:100%;height:auto;border-radius:8px}.article-content h2,.article-content h3{margin-top:1.6em}.article-content code,.article-content pre{background:#f0f1f3;border-radius:4px}.article-content pre{padding:14px;overflow-x:auto}.article-content blockquote{border-left:4px solid var(--accent);margin:1em 0;padding:4px 16px;color:var(--muted)}.tag-list{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px}.tag-list a{background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:3px 12px;font-size:.85rem}.pagination{display:flex;justify-content:center;gap:12px;margin-top:32px}.pagination a,.pagination span{padding:8px 16px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.pagination span,.site-footer{color:var(--muted)}.site-footer{border-top:1px solid var(--border);background:var(--surface);padding:22px 0;font-size:.9rem}.section-title{font-size:1.3rem;margin:0 0 18px;border-left:4px solid var(--accent);padding-left:10px}.empty{background:var(--surface);border:1px dashed var(--border);border-radius:10px;padding:40px;text-align:center;color:var(--muted)}