/* addons.css */
:root{--brand:#6a35ff;--ink:#0b1220;--muted:#6b7280;--bd:#e5e7eb;--card:#ffffff}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:#fff;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.site-main{padding:28px 0}
.grid{display:grid;gap:18px}
.cards-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:980px){.cards-3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.cards-3{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid var(--bd);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.card-cover{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.card-body{padding:14px}
.card-title{margin:0 0 8px;font-size:18px}
.card-title a{color:inherit;text-decoration:none}
.card-title a:hover{color:var(--brand)}
.card-text{margin:0 0 10px;color:var(--muted)}
.card-meta{font-size:12px;color:var(--muted)}
.page-title{font-size:28px;margin:0 0 18px}
.post-cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;border:1px solid var(--bd);margin-bottom:14px}
.post-title{font-size:28px;margin:0 0 8px}
.post-meta{color:var(--muted);margin:0 0 16px}
.post-body img{max-width:100%;height:auto;border-radius:10px}
.post-body{line-height:1.75}
.footer-cols{display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr}
@media(max-width:900px){.footer-cols{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.footer-cols{grid-template-columns:1fr}}