body{font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;margin:0;background:#f7f7f9;color:#222}
header,footer{background:#111;color:#fff;padding:14px 18px}
main{max-width: 1000px; margin: 24px auto; padding: 0 18px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.card{background:#fff;border:1px solid #e6e6ef;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.card img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}
.card .p{padding:12px}
.btn{display:inline-block;padding:10px 14px;border-radius:10px;border:1px solid #222;text-decoration:none;color:#222;background:#fff;cursor:pointer}
.btn.primary{background:#222;color:#fff;border-color:#222}
form input, form select, form button{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #ccc;margin:8px 0}
.notice{padding:12px 14px;border-radius:10px;background:#eef9ee;border:1px solid #cce9cc}
.error{padding:12px 14px;border-radius:10px;background:#ffecec;border:1px solid #ffb3b3}
nav a{color:#fff;text-decoration:none;margin-right:10px}