body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;margin:0;background:#fbfbfd;color:#111827}
.header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e5e7eb;z-index:10}
.nav{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:1rem}
.nav a{text-decoration:none;color:#1565C0;font-weight:700}
.wrap{max-width:1100px;margin:2rem auto;padding:0 1rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}
.card img{width:100%;height:180px;object-fit:cover}
.card .p{padding:1rem}
.card h3{margin:.2rem 0;color:#8B1C5A}
.mark{color:#6b7280;font-size:.9rem}
.post{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1rem}
.post h1{margin-top:0;color:#8B1C5A}
.post .meta{color:#6b7280;font-size:.9rem;margin:.3rem 0 1rem}
.post img{max-width:100%;border-radius:12px;margin:.5rem 0}
.footer{padding:2rem;text-align:center;color:#9fb0c9}