:root{font:14px/1.65 system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#203049;background:#f4f6fa}*{box-sizing:border-box}body{margin:0}main{max-width:1380px;margin:auto;padding:32px clamp(16px,4vw,52px)}header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}h1{font-size:28px;margin:6px 0}p{color:#64748b;margin:7px 0}.eyebrow{font-size:10px;letter-spacing:2px;margin-top:18px}.back{color:#3464da;text-decoration:none}.mode{padding:8px 12px;background:#e9f4f3;color:#286960;border-radius:8px;font-size:12px}.panel{background:#fff;border:1px solid #e4e9f1;border-radius:16px;padding:24px}.toolbar{display:flex;align-items:end;gap:14px;flex-wrap:wrap}label{display:grid;gap:6px;color:#64748b;font-size:12px}label:first-child{flex:1}input,select,button{font:inherit;border:1px solid #dce3ed;border-radius:8px;background:#fff;padding:10px 12px;color:inherit}input{width:100%;min-width:160px}button{cursor:pointer}button:hover{background:#f0f5fc}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #83b7ff;outline-offset:2px}#categories{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 12px}#categories button{padding:7px 14px;font-size:13px}#categories button.active{background:#3464da;color:#fff;border-color:#3464da}#count{font-size:12px;margin-bottom:18px}#grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:14px}.art{padding:0;overflow:hidden;text-align:left;border-radius:11px;background:#fbfcfe;min-width:0}.art img{display:block;width:100%;height:122px;object-fit:contain;background:#eef2f8}.info{padding:11px 12px}.name{font-size:13px;font-weight:600;color:#29415d;overflow-wrap:anywhere}.category{font-size:11px;color:#64748b;margin-top:4px}.work-id{font-size:10px;overflow-wrap:anywhere;color:#77869b}.pager{display:flex;justify-content:flex-end;gap:14px;align-items:center;margin-top:24px}.note{font-size:12px}#grid.list{grid-template-columns:repeat(2,minmax(0,1fr))}#grid.list .art{display:flex;align-items:center}#grid.list .art img{width:64px;height:64px;flex:none}dialog{border:1px solid #dce3ed;border-radius:16px;padding:20px;max-width:min(94vw,800px);max-height:92vh;background:#fff;color:#203049}dialog::backdrop{background:#14233dd9}dialog header{margin-bottom:12px}dialog img{display:block;width:100%;max-height:70vh;object-fit:contain}dialog p{font-size:12px}@media(max-width:600px){header{align-items:start;flex-direction:column;gap:8px}.panel{padding:16px}#grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#grid.list{grid-template-columns:1fr}.toolbar label:first-child{flex-basis:100%}h1{font-size:24px}.pager{justify-content:center}.mode{font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}