:root{--font-title:"Songti SC","Noto Serif CJK SC","STSong",serif;--font-body:"PingFang SC","Microsoft YaHei",sans-serif;--font-number:"Baskerville","Times New Roman",serif}
*,*::before,*::after{box-sizing:border-box}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}
button[data-photo]{cursor:zoom-in}
.photo-viewer-open{overflow:hidden}
.photo-viewer{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;border:0;padding:22px 36px;color:#f4f0e8;background:#171915;font-family:var(--font-body);overflow:auto}
.photo-viewer::backdrop{background:#171915}
.photo-viewer[open]{display:grid;grid-template-rows:auto minmax(120px,1fr) auto;gap:14px}
.viewer-top{display:flex;justify-content:space-between;align-items:center;min-height:36px;font-size:13px;letter-spacing:.12em}
.photo-viewer button{border:1px solid #ffffff40;border-radius:0;background:transparent;color:inherit;cursor:pointer;min-width:44px;min-height:44px}
.viewer-close{display:flex;align-items:center;gap:22px;padding:0 14px;font-size:13px}
.viewer-close span{font-size:25px;font-weight:200}
.viewer-stage{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:24px;min-height:0}
.viewer-media{position:relative;min-width:0;min-height:0;height:100%;display:grid;place-items:center}
.viewer-image{width:100%;height:100%;max-height:calc(100dvh - 245px);object-fit:contain;min-height:0;display:block}
.viewer-image.is-preview{opacity:.68}
.viewer-status{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);max-width:calc(100% - 24px);width:max-content;margin:0;padding:9px 14px;background:#171915db;color:#f4f0e8;font-size:12px;line-height:1.6;text-align:center}
.viewer-status[hidden]{display:none}
.viewer-prev,.viewer-next{font-size:22px}
.viewer-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;max-width:1050px;width:100%;margin:0 auto}
.viewer-place{color:#d0c7b7;font-size:12px;letter-spacing:.08em;margin:6px 0}
.viewer-title{font:400 24px/1.5 var(--font-title);margin:0}
.viewer-caption{font-size:14px;line-height:1.8;color:#d0c7b7;margin:5px 0 0}
.viewer-download{display:flex;align-items:center;gap:18px;flex-shrink:0;min-height:44px;margin-top:5px;padding:0 14px;border:1px solid #ffffff40;color:inherit;text-decoration:none;font-size:13px;white-space:nowrap}
.viewer-download:hover{background:#ffffff12}



@media(max-width:600px){.photo-viewer{padding:14px 16px 24px}.viewer-stage{grid-template-columns:1fr;position:relative;gap:0}.viewer-image{max-height:calc(100dvh - 340px)}.viewer-prev,.viewer-next{position:absolute;bottom:0;z-index:1;background:#171915b8!important}.viewer-prev{left:0}.viewer-next{right:0}.viewer-status{bottom:52px}.viewer-bottom{display:block}.viewer-download{width:max-content;margin-top:12px;min-height:40px}.viewer-title{font-size:22px}.viewer-caption{line-height:1.6}.viewer-count{letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}