@font-face{font-family:'Alisa Xingkai';src:local('STXingkai'),local('华文行楷'),url('fonts/LongCang-Portfolio.woff2') format('woff2'),url('fonts/LongCang-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+2E80-9FFF,U+F900-FAFF,U+FE30-FE4F,U+FF00-FFEF}
:root{--chinese:'Alisa Xingkai','STXingkai','KaiTi',serif}
body{font-family:var(--chinese);font-size:18px}
button,input,select,textarea{font-family:var(--chinese)}
.section-heading h2,.about .statement{font-family:var(--chinese);font-weight:400}
header nav{font-size:20px}
.intro-bottom p{font-size:20px;line-height:1.7}
.text-link{font-size:18px;white-space:nowrap;flex-shrink:0}
.edition>span:first-child{font-size:18px;letter-spacing:0}
.works-toolbar .filters button,.works-toolbar .view-switch button{font-family:var(--chinese);font-size:18px;font-weight:400}
.works-toolbar .view-switch button[aria-pressed=true]{font-weight:400}
.caption,.collection .caption h3,.hero-photo .caption,.section-heading>#total{font-size:18px;line-height:1.6}
.hero-photo .caption span:last-child{font-family:var(--chinese);font-size:18px}
.about p{font-size:20px;line-height:1.9}
.viewer-tools button,.viewer-bottom button,.loading-note{font-family:var(--chinese);font-size:19px}
.viewer-bottom #title{font-family:var(--chinese);font-size:18px}
.viewer-hint{font-family:var(--chinese);font-size:16px}
.brand{font-size:clamp(76px,7.2vw,108px);line-height:1.28;text-shadow:0 4px 22px #ccece80f}
.brand>.english{color:inherit}
.brand span.brand-caption{font-size:29px;margin-top:-2px}
header{padding:22px 5% 25px}
.exhibition{padding-top:246px}
.about h2,.about h2 .english{font-size:clamp(82px,8vw,118px)}
footer .brand{font-size:56px;line-height:1.4}
.photo{position:relative}
.work-number{display:block;width:max-content;pointer-events:none;font-family:'Alisa Signature','Segoe Script',cursive;font-weight:400;font-style:normal;font-size:34px;line-height:1.2;letter-spacing:1px;color:#42637b;margin:0 0 10px}
.hero-photo>.work-number{font-size:43px;color:#c7e2ec;margin-bottom:12px}
.collection[data-view=grid] .work-number{font-size:30px;margin-bottom:8px}
.image-stage{padding-top:60px}
.image-stage>.work-number{position:absolute;font-size:42px;color:#d0e6f0;margin:0;transition:opacity .18s ease}
.image-stage.zoomed>.work-number{opacity:0}
@media(max-width:1000px){.brand{font-size:82px}.exhibition{padding-top:225px}.works-toolbar .filters{gap:6px 20px}}
@media(max-width:700px){header{display:block;padding:16px 6% 22px}.brand{font-size:clamp(62px,18vw,76px);line-height:1.3}.brand span.brand-caption{font-size:25px}header nav{position:absolute;right:6%;bottom:16px;font-size:19px;gap:20px}.exhibition{padding-top:190px}.section-heading>#total{font-size:17px}.collection .caption h3{font-size:17px}.collection .caption{gap:8px}.intro-bottom p{font-size:19px}.about p{font-size:19px}.about h2,.about h2 .english{font-size:84px}footer .brand{font-size:49px}.hero-photo>.work-number{font-size:34px}.work-number{font-size:30px}.collection[data-view=grid] .work-number{font-size:27px}.viewer-hint{font-size:14px}.viewer-tools button,.viewer-bottom button{font-size:18px}.image-stage{padding-top:48px}.image-stage>.work-number{font-size:34px}}
@media(max-width:380px){header nav{font-size:18px;gap:16px}.exhibition{padding-top:180px}.about h2,.about h2 .english{font-size:70px}footer .brand{font-size:44px}.viewer-tools button{padding:10px}.works-toolbar .filters button,.works-toolbar .view-switch button{font-size:17px}}