:root{--gap:10px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f4f6;color:#111827;font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}header{max-width:1680px;margin:auto;padding:22px 16px 14px;background:#f3f4f6}h1{margin:0 0 13px;font-size:clamp(26px,4vw,44px);letter-spacing:-.03em}input{width:min(560px,100%);padding:13px 16px;border:1px solid #d0d5dd;border-radius:14px;background:#fff;font:inherit;font-size:16px;outline:none;box-shadow:0 3px 14px #1018280a}input:focus{border-color:#7aa2ff;box-shadow:0 0 0 4px #2860dc18}main{max-width:1680px;margin:auto;padding:0 10px 24px;columns:5 240px;column-gap:var(--gap)}figure{position:relative;break-inside:avoid;margin:0 0 var(--gap);border-radius:13px;overflow:hidden;background:#e5e7eb;box-shadow:0 3px 14px #10182810}img{display:block;width:100%;height:auto}figcaption{position:absolute;left:8px;bottom:8px;padding:4px 8px;border-radius:999px;background:#0009;color:#fff;font-size:12px;backdrop-filter:blur(5px)}figure.hidden{display:none}#load{padding:12px;text-align:center;color:#98a2b3;font-size:13px}#sentinel{height:1px}@media(max-width:650px){:root{--gap:7px}header{padding:16px 10px 12px}h1{margin-bottom:10px}main{padding:0 6px 18px;columns:2 145px}figure{border-radius:10px}}