:root{--ink: #141414;--paper: #ffffff;--band: #f3f3f1;--muted: #6f6f6b;--rule: #e2e2de;--tile: #d9d9d4;--tile-2: #cfcfc9;--serif: "EB Garamond", Garamond, "Cormorant Garamond", "Times New Roman", serif;--marker: "Permanent Marker", "Marker Felt", "Chalkboard SE", cursive;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--col: 560px}html[lang=zh]{--serif: "EB Garamond", "Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", "PingFang SC", "HarmonyOS Sans SC", serif;--marker: "Ma Shan Zheng", "Kaiti SC", "STKaiti", "KaiTi", "Noto Serif CJK SC", "PingFang SC", serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}a:not(.btn){color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}a:not(.btn):hover{color:#000}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}img{max-width:100%;display:block}input{font:inherit;color:inherit}.screen{min-height:100dvh;display:flex;flex-direction:column;background:var(--paper);--gutter: max(24px, calc((100% - var(--col)) / 2))}.screen--wide{--col: 1100px}.screen--gallery{--col: 1280px}.pad{padding-left:var(--gutter);padding-right:var(--gutter)}.band{background:var(--band);padding:18px var(--gutter);display:flex;flex-direction:column;gap:10px}.band--col{margin:12px -24px 0}@media(min-width:900px){.band--col{margin:12px 0 0;padding-left:24px;padding-right:24px}}.grow{flex-grow:1}.center{text-align:center;align-items:center}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;align-items:center;gap:12px}.title{font-family:var(--marker);font-weight:400;letter-spacing:.02em;line-height:1.05;text-wrap:balance}.title--xl{font-size:46px}.title--l{font-size:34px}.title--m{font-size:30px}html[lang=zh] .title--xl{font-size:52px}html[lang=zh] .title--l{font-size:40px}html[lang=zh] .title--m{font-size:34px}.caps{text-transform:uppercase;letter-spacing:.14em;font-size:15px}.body{font-size:18px;line-height:1.5;text-wrap:pretty}.small{font-size:15px;line-height:1.45;color:var(--muted)}.count{font-size:30px;line-height:1.1}.figures{font-size:20px}.err{color:var(--ink);font-style:italic;border-left:2px solid var(--ink);padding-left:12px}.btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:60px;padding:0 24px;background:var(--ink);color:var(--paper);font-size:19px;border-radius:2px;text-align:center;text-decoration:none;transition:opacity .12s ease}.btn:hover{color:var(--paper);text-decoration:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:default}.btn--ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink);min-height:52px}.btn--ghost:hover{color:var(--ink)}.btn--ghost-light{background:transparent;color:#fff;border:1.5px solid #fff;min-height:52px}.btn--ghost-light:hover{color:#fff}.btn:focus-visible,.link:focus-visible,.toggle:focus-visible,.tile:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.link{position:relative;background:none;border:0;padding:0;font:inherit;font-size:17px;color:inherit;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;cursor:pointer}.link:before{content:"";position:absolute;top:-11px;right:-8px;bottom:-11px;left:-8px}.link--small{font-size:15px;color:var(--muted)}.link:disabled{opacity:.45;cursor:default}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:16px}.field input,.rename-input{height:52px;padding:0 14px;border:1.5px solid var(--ink);border-radius:2px;background:var(--paper);font-size:18px;width:100%;outline:none}.rename-input{height:44px;padding:0 10px;font-size:17px;flex-grow:1}.field input:focus,.rename-input:focus{box-shadow:0 0 0 2px var(--paper),0 0 0 3.5px var(--ink)}.progress{width:100%;height:2px;background:var(--rule)}.progress>div{height:2px;background:var(--ink);transition:width .3s ease}.toggle{width:52px;height:32px;border-radius:16px;border:1.5px solid var(--ink);position:relative;flex-shrink:0;background:transparent}.toggle:after{content:"";position:absolute;left:3px;top:3px;width:23px;height:23px;border-radius:50%;background:var(--ink);transition:transform .15s ease}.toggle[aria-checked=true]{background:var(--ink)}.toggle[aria-checked=true]:after{transform:translate(20px);background:var(--paper)}.file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}.header{display:flex;align-items:center;gap:14px;padding:calc(22px + var(--safe-top)) var(--gutter) 18px;background:var(--band)}.header__logo{width:118px;height:auto;flex-shrink:0}.header__right{display:flex;flex-direction:column;align-items:flex-end;text-align:right;flex-grow:1;gap:3px}.header__oui{width:168px;max-width:48vw;height:auto;margin:4px 0 2px}.header--slim{padding-top:calc(12px + var(--safe-top));padding-bottom:12px;justify-content:space-between}.header--slim .header__logo{width:58px}.header__date{font-size:15px}.header--slim .header__date{font-size:13px;color:var(--muted)}.header--slim .caps{font-size:13px}.lang{display:flex;gap:6px;font-size:13px;letter-spacing:.06em;margin-top:2px}.lang button{position:relative;color:var(--muted);padding:10px 6px;margin:-8px -6px}.lang button[aria-current=true]{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.footer{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:14px var(--gutter) calc(22px + var(--safe-bottom))}.footer__mark{width:92px;height:auto}.footer__mail{font-size:13px;color:var(--muted);margin-top:4px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:2px}.screen--wide .grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}@media(min-width:900px){.screen--gallery .section .grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px;margin:0 var(--gutter)}.screen--wide .grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px}.tile{cursor:pointer;transition:opacity .12s ease}.tile:hover{opacity:.88}}.tile{position:relative;aspect-ratio:1;background:var(--tile);overflow:hidden;display:block;padding:0;width:100%}.tile img{width:100%;height:100%;object-fit:cover;display:block}.tile--placeholder{display:flex;align-items:center;justify-content:center;background:#ececea;color:var(--muted);font-size:14px}.tile__badge{position:absolute;right:6px;bottom:6px;color:#fff;filter:drop-shadow(0 0 2px rgba(0,0,0,.6));display:flex}.tile--hidden img{opacity:.35}.sticky-bottom{position:sticky;bottom:0;padding:12px var(--gutter) calc(20px + var(--safe-bottom));background:linear-gradient(to bottom,#fff0,#fff 40%)}.sections{display:flex;flex-direction:column;gap:14px}.section__head{position:sticky;top:0;z-index:2;display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px var(--gutter) 6px;background:#ffffffeb;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-size:17px}.section__count{font-size:14px;color:var(--muted)}.filter-bar{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 0 10px}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;color:#fff;display:flex;flex-direction:column;z-index:10;overscroll-behavior:contain}.viewer__top{display:flex;align-items:center;justify-content:space-between;padding:calc(14px + var(--safe-top)) 20px 14px}.viewer__close{display:flex;color:#fff;padding:10px;margin:-10px}.tools{display:flex;align-items:flex-start;gap:22px}.tools__spacer{flex-grow:1}.tool--action .tool__icon{border-color:#fff}.tool[aria-disabled=true],.tool:disabled{opacity:.45}a.tool{text-decoration:none;color:#d6d6d2}.tool{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:40px;max-width:84px;color:#d6d6d2;background:none;padding:0}.tool__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1.5px solid rgba(255,255,255,.55);border-radius:50%;transition:background .12s ease,color .12s ease}.tool__label{font-size:11px;letter-spacing:.04em;line-height:1.2;text-align:center}@media(max-width:390px){.tools{gap:14px}}.tool[aria-pressed=true]{color:#fff}.tool[aria-pressed=true] .tool__icon{background:#fff;color:#000;border-color:#fff}.viewer__bottom{gap:12px}.viewer__framing{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#b5b5b0;font-size:15px;background:#0009;padding:8px 14px;border-radius:2px}.viewer__stage{flex-grow:1;position:relative;min-height:0;overflow:hidden;touch-action:none}.viewer__track{display:flex;width:300%;height:100%;will-change:transform}.viewer__slide{width:33.3333%;height:100%;flex-shrink:0}.viewer__slide-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.viewer__slide img,.viewer__slide video{max-width:100%;max-height:100%;object-fit:contain;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.viewer__bottom{display:flex;flex-direction:column;gap:14px;padding:14px var(--gutter) calc(22px + var(--safe-bottom));background:#000000b8}.viewer__meta{font-size:14px;color:#b5b5b0}.viewer__help{font-size:13px;line-height:1.4;color:#b5b5b0}.viewer__nav{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:96px;display:flex;align-items:center;justify-content:center;color:#fff;opacity:.7}.viewer__nav--prev{left:0}.viewer__nav--next{right:0}@media(hover:none){.viewer__nav{display:none}.viewer__close:focus-visible{outline:none}}.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--rule);min-height:56px}.list-row__name{font-size:17px}.list-row__meta{color:var(--muted)}.section-label{text-transform:uppercase;letter-spacing:.14em;font-size:13px;color:var(--muted);padding-bottom:10px}.box{border:1.5px solid var(--ink);border-radius:2px;padding:16px;display:flex;flex-direction:column;gap:10px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:20}.sheet{background:var(--paper);width:100%;max-width:560px;padding:24px 24px calc(28px + var(--safe-bottom));display:flex;flex-direction:column;gap:16px;border-radius:6px 6px 0 0}.two-col{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;padding:32px var(--gutter) 0}@media(min-width:900px){.two-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;padding-top:40px}}@media(prefers-reduced-motion:no-preference){.reveal{animation:reveal .42s cubic-bezier(.2,.7,.2,1) both}@keyframes reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}