*{box-sizing:border-box}body{margin:0;font-family:Inter,Noto Sans SC,PingFang SC,Arial,sans-serif;background:#fffdf5;line-height:1.55}a,body{color:#1a1a1a}header{background:#1a1a1a;padding:10px 16px;display:flex;justify-content:space-between;align-items:center}header img{height:44px;background:#fff;border-radius:8px;padding:2px 6px}header nav a{color:#FFC300;margin-left:12px;font-weight:700;text-decoration:none}.hero{background:#FFC300;padding:32px 16px}.hero h1{margin:0 0 6px;font-size:clamp(26px,5vw,42px)}main{max-width:1040px;margin:auto;padding:16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:12px;gap:12px}.c{background:#fff;border:2px solid #1a1a1a;border-radius:12px;padding:14px;text-decoration:none;display:block}.c:hover{background:#fff6cc}.b{background:#1a1a1a;color:#FFC300;padding:2px 8px;font-size:13px;font-weight:700}.b,.s{border-radius:6px}.s{background:#ffe9a8;padding:6px 10px;font-size:14px}.q,.s{display:inline-block}.q{margin-top:8px;background:#FFC300;border:2px solid #1a1a1a;border-radius:8px;padding:8px 12px;font-weight:800;text-decoration:none}.bc{font-size:14px;margin-bottom:8px}footer{text-align:center;padding:24px;font-size:13px;color:#555}