body{font-family:system-ui,sans-serif;margin:0;color:#1d2a33;line-height:1.55}header{background:#123b5c;color:#fff;padding:12px 20px}header a{color:#fff;margin-right:14px;text-decoration:none;font-size:15px}header b{margin-right:24px}main{max-width:960px;margin:auto;padding:20px}.card{border:1px solid #dde;border-radius:10px;padding:16px;margin:12px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.src{font-size:11px;color:#678}footer{font-size:13px;color:#567;padding:20px;text-align:center;border-top:1px solid #eee}.btn{background:#c8102e;color:#fff;padding:10px 16px;border-radius:8px;border:0;text-decoration:none;cursor:pointer;font-size:15px}.note{background:#fff7d6;padding:10px;border-radius:8px}label{display:block;margin:8px 0 2px;font-weight:600}select,input{padding:8px;font-size:15px;width:100%;max-width:340px}img{max-width:100%;border:1px solid #ccd;border-radius:8px}