:root{font-family:Georgia,"Microsoft YaHei",serif;color:#fff4db;background:#101927}*{box-sizing:border-box}body{margin:0}header,main{max-width:1100px;margin:auto;padding:3rem 1.5rem}header{min-height:35vh;display:grid;align-content:center;background:radial-gradient(circle at 80% 20%,#6d4820,transparent 35%)}header p,.years a{color:#e5ad55}h1{font-size:clamp(3rem,10vw,7rem);margin:.2rem 0}.years{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:3rem}.year{margin:3rem 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem}.photo-card{border:5px solid #f4e8cf;padding:0;background:#fff;box-shadow:0 8px 20px #0007}.photo-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.empty{padding:3rem;border:1px dashed #e5ad55}dialog{max-width:min(90vw,900px);background:#101927;color:#fff4db;border:1px solid #e5ad55;padding:1rem}dialog img{max-width:100%;max-height:75vh;display:block}dialog button{float:right;font-size:2rem;background:none;border:0;color:inherit}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}