:root { --paper:#f5f2ea; --white:#fbfaf6; --ink:#322e27; --muted:#706a5f; --olive:#858064; --line:rgba(50,46,39,.17); --display:"Songti SC",STSong,"Noto Serif CJK SC",serif; --body:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif; }
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:var(--body);-webkit-font-smoothing:antialiased}img{display:block;width:100%}a{color:inherit;text-decoration:none}h1,h2,p,figure{margin:0}h1,h2{font-family:var(--display);font-weight:400}:focus-visible{outline:2px solid var(--olive);outline-offset:4px}
.content-header{position:sticky;z-index:10;top:0;display:flex;align-items:center;justify-content:space-between;min-height:5rem;padding:0 clamp(1.2rem,4vw,5rem);background:rgba(251,250,246,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.content-brand{display:flex;align-items:center;gap:.75rem}.content-logo{width:3.1rem;height:3.1rem;background:var(--olive);-webkit-mask:url("/assets/xurishengtang-logo-cutout.png") center/contain no-repeat;mask:url("/assets/xurishengtang-logo-cutout.png") center/contain no-repeat}.content-brand>span:last-child{display:grid;gap:.15rem}.content-brand b{font-family:var(--display);font-size:1.05rem;font-weight:400;letter-spacing:.12em}.content-brand small{color:var(--muted);font-size:.42rem;letter-spacing:.2em}.content-header nav{display:flex;gap:clamp(1rem,3vw,3rem);font-family:var(--display);font-size:.76rem;letter-spacing:.08em}.content-header nav a:hover{color:var(--olive)}
.archive-intro{display:grid;grid-template-columns:minmax(10rem,.45fr) minmax(16rem,.7fr) minmax(18rem,1fr);align-items:end;gap:3rem;padding:clamp(5rem,9vw,9rem) clamp(1.2rem,6vw,7rem) clamp(3rem,5vw,5rem);background:var(--paper);border-bottom:1px solid var(--line)}.archive-intro p{color:var(--olive);font-family:var(--display);font-size:.66rem;letter-spacing:.15em}.archive-intro h1{font-size:clamp(2.7rem,5vw,5.5rem);letter-spacing:.08em}.archive-intro span{max-width:34rem;color:var(--muted);font-family:var(--display);font-size:.85rem;line-height:2}
.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.2rem,2.5vw,3rem);padding:clamp(3rem,6vw,6rem) clamp(1.2rem,6vw,7rem)}.archive-card figure{aspect-ratio:1.2/1;overflow:hidden;background:var(--paper)}.archive-card img{height:100%;object-fit:cover;filter:saturate(.65);transition:transform .6s ease,filter .3s ease}.archive-card:hover img{transform:scale(1.025);filter:saturate(.9)}.archive-card div{display:grid;gap:.55rem;padding-top:1.15rem}.archive-card div>p{min-height:1em;color:var(--olive);font-family:var(--display);font-size:.62rem;letter-spacing:.1em}.archive-card h2{font-size:1.25rem;letter-spacing:.05em}.archive-card div>span{color:var(--muted);font-family:var(--display);font-size:.72rem;line-height:1.7}.archive-card small{margin-top:.25rem;color:rgba(50,46,39,.45);font-size:.53rem;letter-spacing:.08em}.empty-copy{grid-column:1/-1;padding:6rem 0;color:var(--muted);text-align:center;font-family:var(--display)}
.detail-main{width:min(86rem,100%);margin:0 auto;padding:3rem clamp(1.2rem,5vw,5rem) 7rem}.back-link{display:inline-block;margin-bottom:3rem;color:var(--muted);font-family:var(--display);font-size:.7rem}.detail-article>header{display:grid;grid-template-columns:1fr minmax(16rem,1.8fr);gap:1rem 4rem;align-items:end;max-width:68rem;margin-bottom:3rem}.detail-article>header p{grid-column:1;color:var(--olive);font-family:var(--display);font-size:.65rem;letter-spacing:.12em}.detail-article h1{grid-column:1;grid-row:2/4;font-size:clamp(2.7rem,5.5vw,5.8rem);line-height:1.15;letter-spacing:.05em}.detail-article>header>span{grid-column:2;grid-row:2;color:var(--muted);font-family:var(--display);font-size:.9rem;line-height:1.9}.detail-article time{grid-column:2;color:rgba(50,46,39,.45);font-size:.56rem;letter-spacing:.1em}.detail-cover{aspect-ratio:16/8.5;overflow:hidden;background:var(--paper)}.detail-cover img{height:100%;object-fit:cover;filter:saturate(.72)}.detail-body{width:min(44rem,100%);margin:clamp(3rem,6vw,6rem) auto;color:#514c43;font-family:var(--display);font-size:clamp(.88rem,1.2vw,1.05rem);line-height:2.15}.detail-body p{margin:0 0 1.5rem}.detail-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.detail-gallery img{aspect-ratio:4/3;object-fit:cover}.detail-contact{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:5rem;padding:2rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--display)}.detail-contact p{color:var(--muted)}.detail-contact a{color:var(--olive)}
.content-footer{display:flex;justify-content:space-between;gap:2rem;padding:2rem clamp(1.2rem,6vw,7rem);color:var(--muted);background:var(--paper);border-top:1px solid var(--line);font-family:var(--display);font-size:.67rem}
@media(max-width:760px){.content-header{min-height:4.3rem}.content-logo{width:2.6rem;height:2.6rem}.content-brand small{display:none}.content-header nav{gap:.8rem;font-size:.66rem}.content-header nav a:nth-child(2){display:none}.archive-intro{grid-template-columns:1fr;gap:1rem;padding-top:4rem}.archive-intro h1{font-size:3rem}.archive-grid{grid-template-columns:1fr;gap:3rem}.detail-main{padding-top:2rem}.detail-article>header{grid-template-columns:1fr;gap:1rem}.detail-article h1,.detail-article>header p,.detail-article>header>span,.detail-article time{grid-column:1;grid-row:auto}.detail-article h1{font-size:3rem}.detail-cover{aspect-ratio:4/3}.detail-gallery{grid-template-columns:1fr}.detail-contact{align-items:flex-start;flex-direction:column}.content-footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}}