:root{color-scheme:light;--ink:#332a24;--muted:#796b60;--paper:#f5f1e8;--line:#ded6ca;--accent:#955a32;--white:#fffdf8;font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}button,input,select,a.button{font:inherit}button,select,a.button{min-height:42px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);padding:9px 14px}button,a.button{cursor:pointer}button:hover,a.button:hover{border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #b58651;outline-offset:3px}button[aria-pressed=true]{background:#f0e1cb;border-color:#ae8158;color:#6c3f20}a.button{text-decoration:none;text-align:center;display:inline-block}[hidden]{display:none!important}
.masthead{max-width:1320px;margin:auto;padding:32px 28px 22px;display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:18px}.brand-mark{font-family:Georgia,serif;font-size:42px;letter-spacing:-3px;border-right:1px solid #b79b78;padding-right:20px}.brand h1{margin:0;font-size:28px;letter-spacing:.08em}.brand p{margin:5px 0 0;font-size:13px;color:var(--muted)}.dataset-summary{font-size:13px;color:var(--muted);text-align:right}
main{max-width:1320px;margin:auto;padding:22px 28px}.tabs{display:flex;gap:8px;margin-bottom:18px}.tabs button{min-width:132px;font-weight:600}.search-panel{padding:18px;background:#eae4d9;border:1px solid var(--line);border-radius:12px}.search-row{display:flex;gap:8px}.search-row input{flex:1;min-width:0;padding:12px 14px;border:1px solid #bfb3a1;border-radius:8px;background:var(--white);font-size:16px;color:var(--ink)}.categories{display:flex;gap:7px;overflow-x:auto;padding:14px 1px 10px;scrollbar-width:thin}.categories button{white-space:nowrap;font-size:14px;min-height:38px;padding:7px 11px}.filter-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px}.filter-actions select,.filter-actions button{min-height:36px;font-size:13px;padding:6px 10px}.filter-help{margin-left:auto;color:var(--muted)}.results-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0}.results-bar p{margin:0;color:var(--muted);font-size:14px}.results-bar label{white-space:nowrap;font-size:13px}.results-bar select{min-height:36px;padding:6px 8px;margin-left:5px}
.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}.card{display:flex;text-align:left;width:100%;height:100%;min-height:136px;align-items:center;gap:12px;padding:14px;background:var(--white);border-radius:10px;overflow:hidden}.card img,.card .missing-thumb{width:76px;height:90px;object-fit:contain;flex:none}.card .missing-thumb{display:grid;place-items:center;color:#a49380;font-size:12px;border:1px dashed #d4c7b6;border-radius:6px}.card-text{min-width:0}.card strong{display:block;font-size:16px;line-height:1.45;overflow-wrap:anywhere}.card .number{display:block;margin-top:5px;font-size:12px;color:var(--muted)}.card .tags{display:block;font-size:11px;color:var(--muted);margin-top:6px;line-height:1.5}.card .unconfirmed{color:#956326}.pagination{text-align:center;margin:24px 0}.empty{grid-column:1/-1;padding:40px;text-align:center;color:var(--muted)}.error{color:#9b302c;background:#fff0e8;padding:14px;border-radius:8px;overflow-wrap:anywhere}footer{text-align:center;color:var(--muted);font-size:12px;padding:20px 24px 36px}
dialog{width:min(840px,calc(100% - 28px));max-height:calc(100dvh - 32px);border:1px solid #d0c1ad;border-radius:12px;padding:22px;background:var(--white);color:var(--ink);overflow:auto}dialog::backdrop{background:#1c1915b8}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-22px;background:var(--white);padding:10px 0;z-index:1}.dialog-header h2{margin:0;font-size:24px;overflow-wrap:anywhere}.detail-meta{font-size:14px;color:var(--muted);line-height:1.8;white-space:pre-line}.detail-figure{margin:16px 0;text-align:center}.detail-figure img{display:block;width:100%;height:330px;object-fit:contain}.detail-figure figcaption{font-size:13px;color:var(--muted);margin-top:10px}.missing{min-height:180px;display:grid;place-items:center;background:#f1ecdf;color:var(--muted);border-radius:8px}.image-actions{display:flex;flex-wrap:wrap;gap:8px}.image-actions>*{flex:1;white-space:nowrap}.description{white-space:pre-wrap;line-height:1.9;font-size:15px;margin-top:22px;overflow-wrap:anywhere}.description h3{font-size:16px;margin:20px 0 5px;color:#6c452b}.description p{margin:0 0 16px}#zoom{width:calc(100% - 24px);height:calc(100dvh - 24px);max-height:none;padding:12px;overflow:hidden;background:#ede8de}.zoom-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.zoom-tools form{margin-left:auto}.zoom-scroll{height:calc(100% - 64px);overflow:auto;background-color:#eee7da;background-image:linear-gradient(45deg,#e4ddcf 25%,transparent 25%),linear-gradient(-45deg,#e4ddcf 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e4ddcf 75%),linear-gradient(-45deg,transparent 75%,#e4ddcf 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;touch-action:pan-x pan-y pinch-zoom;display:block}.zoom-scroll img{display:block;max-width:none;margin:auto;object-fit:contain}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body:has(dialog[open]){overflow:hidden}
@media(max-width:1050px){.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.masthead{padding:22px 16px 18px;align-items:flex-start}.brand-mark{font-size:34px;padding-right:12px}.brand{gap:12px}.brand h1{font-size:23px}.dataset-summary{font-size:11px;max-width:135px}main{padding:16px}.search-panel{padding:12px}.card{min-height:124px;padding:11px;gap:9px}.card img,.card .missing-thumb{width:60px;height:74px}.card strong{font-size:14px}.card .tags{font-size:10px}.filter-help{width:100%;margin-left:0}.detail-figure img{height:270px}}
@media(max-width:460px){.gallery{grid-template-columns:1fr}.card{min-height:110px}.card img,.card .missing-thumb{width:76px;height:84px}.card strong{font-size:16px}.card .tags{font-size:12px}.search-row button{font-size:13px;padding:8px}.results-bar{align-items:flex-start}.results-bar p{font-size:12px;line-height:1.6}.tabs button{flex:1}.brand-mark{font-size:30px}.brand h1{font-size:21px}.dataset-summary{max-width:95px}.image-actions>*{flex-basis:calc(50% - 8px)}dialog{padding:16px}.dialog-header{top:-16px}.dialog-header h2{font-size:21px}.detail-figure img{height:230px}.zoom-tools{font-size:12px;gap:5px}.zoom-tools button{font-size:12px;padding:8px}.zoom-scroll{height:calc(100% - 95px)}}