:root{--primary:#2563eb;--text:#1e293b;--muted:#64748b;--bg:#f8fafc;--card:#fff;--border:#e2e8f0;--radius:8px}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--text);background:var(--bg);line-height:1.7;font-size:16px}
a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:960px;margin:0 auto;padding:0 1rem}
.site-header{background:var(--card);border-bottom:1px solid var(--border);padding:1rem 0;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.site-title{font-size:1.5rem;font-weight:700;margin-bottom:.3rem}
.site-title a{color:var(--text)}
.site-nav{display:flex;gap:1.2rem}
.site-nav a{color:var(--muted);font-size:.95rem}
.site-nav a:hover{color:var(--primary)}
.site-main{padding:2rem 0}
.layout{display:grid;grid-template-columns:1fr 280px;gap:2rem}
@media(max-width:768px){.layout{grid-template-columns:1fr}}
.content-area{min-width:0}
.article-title{font-size:1.8rem;line-height:1.3;margin-bottom:.5rem}
.article-meta{color:var(--muted);font-size:.9rem;margin-bottom:1.5rem}
.article-body{font-size:1.05rem}
.article-body h2{font-size:1.4rem;margin:2rem 0 .8rem}
.article-body h3{font-size:1.15rem;margin:1.5rem 0 .5rem}
.article-body p{margin-bottom:1.2rem}
.article-body ul,.article-body ol{margin:0 0 1.2rem 1.5rem}
.article-body img{max-width:100%;height:auto;border-radius:var(--radius)}
.article-body blockquote{border-left:4px solid var(--primary);padding-left:1rem;margin:1.5rem 0;color:var(--muted)}
.section-title{font-size:1.5rem;margin-bottom:1.5rem}
.article-list{display:flex;flex-direction:column;gap:1.5rem}
.article-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:box-shadow .2s}
.article-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}
.article-card h3{margin-bottom:.5rem}
.article-card p{color:var(--muted);font-size:.95rem}
.sidebar{display:flex;flex-direction:column;gap:1.5rem}
.widget{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem}
.widget h3{font-size:1rem;margin-bottom:.8rem}
.widget ul{list-style:none}
.widget li{padding:.4rem 0;border-bottom:1px solid var(--border)}
.widget li:last-child{border-bottom:none}
.widget a{color:var(--muted);font-size:.9rem}
.widget a:hover{color:var(--primary)}
.site-footer{background:var(--text);color:var(--muted);padding:1.5rem 0;margin-top:3rem}
.site-footer p{color:#94a3b8;text-align:center;font-size:.9rem}
@media(max-width:768px){.article-title{font-size:1.4rem}.layout{gap:1.5rem}}