.site{background:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.page-banner{background:var(--color-bg-secondary);position:relative}.page-banner-overlay{z-index:0;background:#000000b8;position:absolute;inset:0}.page-header{z-index:1;padding:3rem 2rem 2rem;position:relative}.page-icon{border-radius:var(--radius-md);background:linear-gradient(145deg,#364b37,#18251b);justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1rem;display:flex}.page-icon img{object-fit:contain;width:42px;height:42px}.page-title{color:var(--color-text-primary);text-shadow:0 1px 8px #000c;margin-bottom:6px;font-family:Noto Serif TC,serif;font-size:42px;font-weight:500}.page-sub{color:#ffffffbf;text-shadow:0 1px 6px #000000b3;font-family:LXGW WenKai,serif;font-size:20px}.collection-stats{flex:none;gap:0;width:fit-content;margin:0;display:flex}.collection-stats div{border-left:1px solid #d6ae694d;min-width:82px;padding:0 .9rem}.collection-stats div:first-child{border-left:0;padding-left:0}.collection-stats dt{color:#ddb36e;font-family:Noto Serif TC,serif;font-size:30px;line-height:1}.collection-stats dd{color:var(--color-text-tertiary);text-transform:uppercase;margin:.2rem 0 0;font-size:16px}.special-topics{padding:1.35rem 2rem 0}.section-heading,.full-collection-heading{align-items:center;gap:.75rem;display:flex}.section-heading h2,.full-collection-heading button{color:#9b876b;font:inherit;text-transform:uppercase;background:0 0;border:0;flex:none;margin:0;padding:0;font-size:16px}.section-heading span,.full-collection-heading span{background:#b78a492e;width:100%;height:1px}.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:.8rem;display:grid}.topic-card{isolation:isolate;background-color:#0d0c0a;background-position:50%;background-size:cover;border-radius:10px;flex-direction:column;min-height:225px;padding:1.55rem 1.65rem;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 55px #0006}.topic-card:before{content:"";z-index:-1;background:linear-gradient(90deg,#0c0906c7,#1e181066 55%,#0c090633),linear-gradient(#0000001a,#0000005c);position:absolute;inset:0}.topic-meta{color:#b78a49;text-transform:uppercase;justify-content:space-between;align-items:center;gap:.75rem;font-size:14px;display:flex}.topic-meta span{align-items:center;gap:.3rem;display:flex}.topic-meta span:last-child{color:#9b876b;background:#08070694;border:1px solid #b78a4947;border-radius:3px;padding:.15rem .4rem;box-shadow:0 1px 8px #00000047}.topic-card h3{color:var(--color-text-primary);margin:.45rem 0 0;font-family:LXGW WenKai,serif;font-size:28px;font-weight:400}.topic-card p{color:var(--color-text-secondary);margin:.25rem 0 .6rem;font-size:16px;font-weight:300;line-height:1.45}.topic-link{color:#ddb36e;font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:.35rem;margin-top:auto;padding:0;font-size:16px;text-decoration:none;display:flex}.topic-link:hover{color:#f0cf93}.full-collection-heading{padding:1.6rem 2rem 0}.full-collection-heading button{cursor:pointer}.full-collection-heading button:hover{color:#ddb36e}.toolbar{border-bottom:.5px solid var(--color-border);align-items:center;gap:1.25rem;padding:1.25rem 2rem;display:flex}.filter-controls{flex:none;gap:.75rem;display:flex}.filter-group{align-items:center;gap:.5rem;display:flex}.filter-label{color:#b78a49;text-transform:uppercase;font-size:18px}.filter-dropdown{min-width:165px;position:relative}.filter-trigger{appearance:none;box-sizing:border-box;color:#cfc8bb;width:100%;min-height:42px;font:inherit;text-align:left;cursor:pointer;background:#151411;border:1px solid #b78a4973;border-radius:5px;outline:none;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .8rem;font-size:17px;display:flex}.filter-trigger:hover,.filter-trigger:focus-visible,.filter-trigger[aria-expanded=true]{border-color:#ddb36e}.filter-trigger i{color:#b78a49;font-size:14px;transition:transform .16s}.filter-trigger[aria-expanded=true] i{transform:rotate(180deg)}.filter-menu{z-index:20;box-sizing:border-box;scrollbar-color:#666 #1a1916;scrollbar-width:thin;background:#151411;border:1px solid #b78a4973;border-radius:5px;width:100%;max-height:260px;padding:4px;position:absolute;top:calc(100% + 5px);left:0;overflow-y:auto;box-shadow:0 12px 28px #0000007a}.filter-menu::-webkit-scrollbar{width:7px}.filter-menu::-webkit-scrollbar-track{background:#1a1916}.filter-menu::-webkit-scrollbar-thumb{background:#666;border-radius:4px}.filter-menu::-webkit-scrollbar-thumb:hover{background:gray}.filter-menu[hidden]{display:none}.filter-menu button{appearance:none;color:#cfc8bb;width:100%;font:inherit;text-align:left;cursor:pointer;background:#151411;border:0;border-radius:3px;padding:.55rem .65rem;font-size:17px}.filter-menu button:hover,.filter-menu button:focus-visible{color:var(--color-text-primary);background:#b78a491f;outline:none}.filter-menu button[aria-selected=true]{color:#ddb36e;background:#b78a4933}.search-box{background:var(--color-bg-secondary);border:1px solid #b78a4973;border-radius:5px;flex:420px;align-items:center;gap:.5rem;min-width:280px;padding:.65rem .85rem;display:flex}.search-box i{color:#b78a49;font-size:17px}.search-box input{width:100%;min-width:0;color:var(--color-text-primary);font:inherit;background:0 0;border:0;outline:0;font-size:16px}.artefact-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;padding:1.5rem 2rem 3rem;display:grid}.artefact-card{background:var(--color-bg-secondary);min-width:0;height:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;border:1px solid #b78a4933;border-radius:6px;grid-template-rows:330px 1fr;padding:0;transition:border-color .16s,transform .16s;display:grid;overflow:hidden}.artefact-card:hover,.artefact-card:focus-visible{border-color:#ddb36eb8;outline:none;transform:translateY(-2px)}.artefact-image{background:#0b0a08;width:100%;height:100%;display:block;overflow:hidden}.artefact-image img{object-fit:cover;width:100%;height:100%;transition:transform .22s}.artefact-card:hover .artefact-image img{transform:scale(1.025)}.artefact-card-body{flex-direction:column;min-height:138px;padding:.8rem .85rem .9rem;display:flex}.artefact-period{color:#9e9084;text-transform:uppercase;font-size:15px;font-weight:300}.artefact-period:before{content:"";vertical-align:1px;background:#b78a49;border-radius:50%;width:5px;height:5px;margin-right:.4rem;display:inline-block}.artefact-title{color:#e7c680;margin-top:.35rem;font-family:Noto Serif TC,serif;font-size:26px;font-weight:400;line-height:1.2}.artefact-title-zh{color:var(--color-text-secondary);margin-top:.15rem;font-family:Inter,serif;font-size:14px}.artefact-location{color:var(--color-text-tertiary);align-items:center;gap:.25rem;margin-top:auto;padding-top:.7rem;font-size:15px;display:flex}.artefact-location i{color:#9b7440;font-size:16px}.empty-state{color:var(--color-text-tertiary);text-align:center;margin:0;padding:4rem 2rem}.modal-backdrop{z-index:10000;background:#000000d1;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.modal-backdrop[hidden]{display:none}.artefact-modal{background:#11110f;border:1px solid #b78a4973;border-radius:8px;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);width:min(1040px,100%);max-height:min(760px,100vh - 3rem);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 80px #0009}.modal-close{z-index:2;color:#ddb36e;cursor:pointer;background:#080807e0;border:1px solid #b78a4973;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid;position:absolute;top:.85rem;right:.85rem}.modal-close i{font-size:19px}.modal-image-panel{cursor:default;touch-action:none;background:#090908;place-items:center;min-height:560px;padding:2rem;display:grid;position:relative;overflow:hidden}.modal-image-panel img{object-fit:contain;transform-origin:50%;user-select:none;-webkit-user-drag:none;will-change:transform;width:100%;height:100%;max-height:630px}.modal-image-panel.is-zoomed{cursor:grab}.modal-image-panel.is-dragging{cursor:grabbing}.image-zoom-controls{z-index:2;background:#0f0e0cf0;border:1px solid #b78a4973;border-radius:5px;flex-direction:column;display:flex;position:absolute;top:50%;right:.8rem;overflow:hidden;transform:translateY(-50%)}.image-zoom-controls button{color:#ddb36e;cursor:pointer;background:0 0;border:0;border-top:1px solid #b78a493d;place-items:center;width:34px;height:34px;padding:0;display:grid}.image-zoom-controls button:first-child{border-top:0}.image-zoom-controls button:hover{background:#b78a4924}.image-zoom-controls button:disabled{opacity:.35;cursor:default}.image-zoom-controls i{font-size:17px}.modal-content{flex-direction:column;min-height:0;padding:2.2rem 2rem 1.5rem;display:flex;overflow-y:auto}.modal-content h2{color:var(--color-text-primary);margin:.65rem 0 0;font-family:Noto Serif TC,serif;font-size:32px;font-weight:600;line-height:1.15}.modal-title-zh{color:var(--color-text-secondary);margin:.2rem 0 0;font-family:Inter,sans-serif;font-size:16px}.modal-metadata{border-top:1px solid #b78a4933;border-bottom:1px solid #b78a4933;margin:1.1rem 0 0;padding:.85rem 0}.modal-metadata div{grid-template-columns:90px 1fr;gap:.65rem;margin-top:.35rem;font-size:15.5px;line-height:1.4;display:grid}.modal-metadata div:first-child{margin-top:0}.modal-metadata dt{color:#806b4b}.modal-metadata dd{color:#e7c680;margin:0}.modal-description{color:var(--color-text-secondary);margin:1rem 0 1.5rem;font-size:16.5px;line-height:1.62}.modal-navigation{grid-template-columns:1fr 1fr;gap:.65rem;margin-top:auto;display:grid}.modal-navigation button{color:#b78a49;min-height:36px;font:inherit;cursor:pointer;background:0 0;border:1px solid #b78a4959;border-radius:5px;justify-content:center;align-items:center;gap:.45rem;font-size:15px;display:flex}.modal-navigation button:disabled{opacity:.35;cursor:default}body.modal-open{overflow:hidden}.site-footer{border-top:.5px solid var(--color-border);background:var(--color-bg-secondary);justify-content:space-between;align-items:center;margin-top:auto;padding:.875rem 2rem;display:flex}.footer-right{align-items:center;gap:1rem;display:flex}.footer-copy,.footer-quote{color:var(--color-text-tertiary);font-size:.8rem}.footer-quote{white-space:pre-line;font-style:italic}.footer-github{color:var(--color-text-tertiary);font-size:18px;text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=980px){.toolbar{flex-wrap:wrap;align-items:stretch}.collection-stats{flex-basis:100%}.search-box{flex:280px}.artefact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.artefact-card{grid-template-rows:260px 1fr}}@media (width<=760px){.special-topics{padding:1rem 1rem 0}.topic-grid{grid-template-columns:1fr}.topic-card{min-height:0}.full-collection-heading{padding:1.35rem 1rem 0}.page-header{padding:1.5rem 1rem 1.25rem}.page-banner{background-position:50%!important;background-size:cover!important}.page-title{font-size:36px}.page-sub{font-size:16px}.collection-stats{width:100%}.collection-stats div{flex:1;min-width:0;padding:0 .8rem}.toolbar{flex-direction:column;padding:1rem;display:flex}.collection-stats{border-bottom:1px solid #b78a4933;order:-1;width:100%;padding-bottom:.85rem}.filter-controls{gap:.75rem;width:100%;display:grid}.filter-group{grid-template-columns:72px 1fr;display:grid}.filter-dropdown{width:100%}.search-box{box-sizing:border-box;flex:none;width:100%;min-width:0;min-height:42px}.artefact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;padding:1rem 1rem 2rem}.artefact-card-body{min-height:128px;padding:.7rem}.artefact-card{grid-template-rows:auto 1fr}.artefact-image{aspect-ratio:4/3;height:auto}.artefact-title{font-size:18px}.modal-backdrop{padding:0}.artefact-modal{border:0;border-radius:0;grid-template-columns:1fr;width:100%;height:100%;max-height:none;overflow-y:auto}.modal-image-panel{min-height:42vh;max-height:48vh;padding:1.25rem}.modal-content{padding:1.5rem 1rem 1rem;overflow:visible}.modal-navigation{background:#11110f;padding-top:.5rem;position:sticky;bottom:0}.site-footer{text-align:center;flex-direction:column;gap:.75rem;padding:1rem}}@media (width<=420px){.artefact-grid{grid-template-columns:1fr}.artefact-image{aspect-ratio:16/10;height:auto}}