:root{color-scheme:light;--paper:#fafafa;--ink:#242726;--muted:#818681;--line:#dedfdd;--accent:#476554;--red:#9f5045;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;letter-spacing:0}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}button,select{font:inherit;color:inherit;letter-spacing:0}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{border:0;background:none}svg{width:19px;height:19px;stroke-width:1.5}.shell{width:calc(100% - 112px);max-width:1440px;margin-inline:auto}.masthead{height:102px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:20px;white-space:nowrap;font-size:15px;font-weight:500}.brand-mark{display:grid;place-items:center;width:38px;height:42px;border:1px solid var(--ink);font-family:"Songti SC","Noto Serif CJK SC",serif;font-size:26px;font-weight:400}.slash{color:#aaa;margin:0 12px;font-weight:300}.masthead-note{margin-left:auto;font-size:10px;color:var(--muted)}.icon-button{display:flex;justify-content:center;align-items:center;width:38px;height:38px;flex-shrink:0;border-radius:3px;transition:background .2s,color .2s}.icon-button:hover{background:#e9eeea;color:var(--accent)}.icon-button[aria-pressed=true]{background:var(--ink);color:white}.collection-heading{padding:43px 0 34px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.eyebrow{font-size:10px;margin:0 0 12px;color:var(--muted)}.accent{color:var(--red);margin:0 7px}h1{font-family:"Songti SC","Noto Serif CJK SC","Times New Roman",serif;font-size:48px;font-weight:400;line-height:1.2;margin:0;overflow-wrap:anywhere}.title-dot{color:var(--red)}.collection-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:11px;padding-bottom:5px;color:var(--muted)}.collection-meta span:first-child{color:var(--ink)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:68px;border-top:1px solid var(--line);margin-bottom:28px}.tabs{height:100%;display:flex;gap:30px;flex-shrink:0}.tabs button{position:relative;padding:0;min-width:60px;color:var(--muted);font-size:13px}.tabs button[aria-selected=true]{color:var(--ink)}.tabs button[aria-selected=true]:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--ink)}.tabs span{margin-left:8px;font-size:10px;font-variant-numeric:tabular-nums;color:var(--muted)}.tools{display:flex;align-items:center;gap:9px}.sort-label{display:flex;align-items:center;gap:7px;font-size:11px;margin-right:7px}.sort-label svg{width:15px;height:15px;color:var(--muted)}select{background:none;border:0;max-width:120px;padding:7px 3px;font-size:11px;cursor:pointer}.breadcrumbs{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 22px;font-size:12px;color:var(--muted)}.breadcrumbs[hidden]{display:none}.breadcrumbs button{padding:0}.breadcrumbs button:last-child{color:var(--ink)}.breadcrumbs svg{width:12px;height:12px}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 26px;align-items:start}.photo-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 18px}.photo-grid.few{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-grid.single{display:block;max-width:740px;margin:0 auto}.photo-grid figure{margin:0;min-width:0}.photo-link{display:block;position:relative;background:#eeefed;overflow:hidden;aspect-ratio:4/3}.single .photo-link{aspect-ratio:var(--ratio,1);max-height:620px;margin-inline:auto;background:none;width:min(100%,calc(620px * var(--ratio,1)))}.photo-link img{width:100%;height:100%;display:block;object-fit:contain;transition:filter .3s}.photo-link:hover img{filter:brightness(.94)}.open-indicator{position:absolute;bottom:14px;right:14px;display:grid;place-items:center;width:34px;height:34px;background:rgba(255,255,255,.92);opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}.photo-link:hover .open-indicator,.photo-link:focus-visible .open-indicator{opacity:1;transform:none}.photo-link.failed{display:grid;place-items:center;min-height:170px;font-size:12px;color:var(--muted)}figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding-top:15px;font-size:11px;line-height:1.6}.caption-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:75%}.caption-date{white-space:nowrap;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.single figcaption{max-width:min(100%,calc(620px * var(--ratio,1)));margin-inline:auto}.sequence{color:var(--muted);margin-right:12px;font-size:10px}.album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 26px}.album-item{text-align:left;padding:0;min-width:0}.album-cover{display:grid;place-items:center;aspect-ratio:4/3;background:#eef0ed;overflow:hidden;color:var(--accent)}.album-cover>svg{width:34px;height:34px;stroke-width:1}.album-cover img{width:100%;height:100%;object-fit:cover}.album-name{display:flex;justify-content:space-between;gap:15px;padding-top:15px;align-items:center;font-size:13px}.album-name>span{overflow-wrap:anywhere}.album-name svg{flex-shrink:0;width:15px;height:15px}.album-count{display:block;font-size:10px;color:var(--muted);padding-top:7px}.collection-end{display:flex;align-items:center;justify-content:center;gap:17px;padding:46px 0 48px;color:var(--muted)}.collection-end[hidden]{display:none}.collection-end span{width:30px;height:1px;background:var(--line)}.collection-end p{font-size:10px;margin:0}.footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:86px;color:var(--muted);font-size:10px}.footer span:nth-child(2){margin-left:auto}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;color:var(--muted);font-size:13px;gap:10px;text-align:center}.state p{margin:0;line-height:1.8}.state>svg{width:30px;height:30px;stroke-width:1}.state button{color:var(--accent);border-bottom:1px solid var(--accent);padding:6px 0;margin-top:6px}.loading-ring{height:23px;width:23px;border:1px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.loading #refresh svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,12px);padding:12px 22px;max-width:calc(100% - 32px);background:#242726;color:white;font-size:12px;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;z-index:2000}.toast.visible{opacity:1;transform:translate(-50%,0)}.pswp{--pswp-bg:#141614;--pswp-icon-color:#f2f3f0;--pswp-icon-color-secondary:#141614;--pswp-icon-stroke-color:#141614}.pswp__custom-caption{position:absolute;bottom:22px;left:60px;right:60px;text-align:center;color:#d3d7d1;font-size:12px;line-height:1.6;pointer-events:none}.pswp__button{border-radius:0}.pswp__button svg{width:auto;height:auto}
@media(min-width:1800px){.collection-heading{padding-top:36px}.single .photo-link{max-height:560px;width:min(100%,calc(560px * var(--ratio,1)))}.single figcaption{max-width:min(100%,calc(560px * var(--ratio,1)))}}
@media(max-width:900px){.shell{width:calc(100% - 64px)}.masthead{height:85px}.collection-heading{padding-top:32px}.photo-grid,.album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.photo-grid.single{max-width:620px}.masthead-note{font-size:9px}.footer{gap:14px}}
@media(max-width:600px){.shell{width:calc(100% - 40px)}.masthead{height:80px;gap:10px}.brand{gap:13px;font-size:13px}.brand-mark{width:31px;height:36px;font-size:23px}.slash{margin:0 7px}.masthead-note{display:none}.masthead .icon-button{margin-left:auto}.collection-heading{padding:29px 0 27px;gap:15px}h1{font-size:36px}.eyebrow{font-size:9px;margin-bottom:9px}.collection-meta{font-size:9px;gap:6px}.collection-meta span:first-child{max-width:130px;text-align:right}.toolbar{height:63px;gap:8px;margin-bottom:20px}.tabs{gap:20px}.tabs button{font-size:12px;min-width:50px}.tabs span{margin-left:5px;font-size:9px}.tools{gap:2px}.icon-button{width:32px;height:34px}.sort-label{margin-right:1px;gap:0}.sort-label svg{display:none}select{font-size:10px;width:76px;padding:6px 0}.photo-grid{gap:28px 15px;grid-template-columns:1fr}.photo-grid.few{grid-template-columns:1fr}.photo-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.photo-grid.single .photo-link{width:100%;max-height:none}.photo-grid.single figcaption{max-width:none}.photo-grid.compact .sequence{display:none}.photo-grid.compact figcaption{flex-direction:column;gap:1px;padding-top:10px}.photo-grid.compact .caption-name{max-width:100%}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.album-name{font-size:12px;padding-top:12px}.album-count{font-size:9px}.collection-end{padding:32px 0 38px}.footer{font-size:9px;min-height:77px;gap:12px}.footer span:nth-child(2){font-size:8px}.state{min-height:260px}.pswp__custom-caption{left:25px;right:25px;bottom:20px;font-size:11px}.caption-name{max-width:72%;font-size:10px}.caption-date{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}