:root{color-scheme:light;--ink:#27382f;--muted:#7b8178;--paper:#f6f5f0;--accent:#36624b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 system-ui,"Microsoft YaHei",sans-serif}header,main,footer{max-width:1440px;margin:auto;padding:28px 5%}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dedfd5}a{color:inherit;text-decoration:none}.brand{font-size:28px;font-weight:700;letter-spacing:4px}.brand span{display:block;font-size:9px;letter-spacing:2px;font-weight:400}.intro{padding:50px 0 35px}.eyebrow,#summary,#description,footer{color:var(--muted)}h1{font-family:Georgia,"SimSun",serif;font-weight:400;font-size:clamp(42px,5vw,72px);letter-spacing:8px;margin:8px 0}h1 span{display:block;font:14px/2 system-ui;letter-spacing:3px;margin-top:10px}.toolbar{border-top:1px solid #dcded4;border-bottom:1px solid #dcded4;padding:20px 0;display:flex;gap:24px;align-items:start}nav{display:flex;flex-wrap:wrap;gap:8px;flex:1}button,input{font:inherit}button{cursor:pointer;border:1px solid #d0d5c9;background:transparent;color:inherit;border-radius:5px;padding:7px 15px}nav button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:white}button:hover{border-color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a27937;outline-offset:4px}label{font-size:12px;color:var(--muted)}input{display:block;background:white;border:1px solid #d0d5c9;padding:8px;border-radius:4px;width:200px}.album-heading{margin:28px 0 20px}h2{font-size:24px;font-weight:500;margin:0}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.card{padding:0;border:0;text-align:left;border-radius:0;overflow:hidden}.card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#e5e7df;transition:transform .3s}.card:hover img{transform:scale(1.025)}.card span{display:block;padding:10px 0;color:var(--muted);font-size:12px}#more{display:block;margin:30px auto}#more[hidden],[hidden]{display:none!important}footer{border-top:1px solid #dedfd5;font-size:12px;letter-spacing:2px}dialog{border:0;background:#101612;color:#fff;width:100vw;max-width:none;height:100dvh;max-height:none;padding:18px;margin:0}dialog::backdrop{background:#101612}.viewer-tools{display:flex;align-items:center;gap:12px;height:46px}.viewer-tools span{margin-right:auto}dialog button{color:white;border-color:#667269}figure{margin:12px 60px;text-align:center}#large{max-width:100%;height:calc(100dvh - 150px);object-fit:contain}figcaption{font-size:14px;color:#cbd4cb}.arrow{position:absolute;top:50%;font-size:40px;padding:0 14px}.prev{left:14px}.next{right:14px}@media(max-width:1000px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.toolbar{display:block}label{display:block;margin-top:18px}}@media(max-width:600px){header,main,footer{padding:20px}.intro{padding-top:25px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}nav{flex-wrap:nowrap;overflow:auto;padding-bottom:10px}nav button{white-space:nowrap}figure{margin:24px 28px}.arrow{font-size:28px;padding:0 8px}.viewer-tools{gap:6px}.viewer-tools button{font-size:12px;padding:7px}h1{letter-spacing:5px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}