@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&display=swap";:root{font-family:Arial,Microsoft YaHei,sans-serif;color:#e7e2d6;background:#121310;font-synthesis:none;font-weight:400;font-size:14px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.3}button:focus-visible,a:focus-visible{outline:2px solid #d5bb82;outline-offset:5px}a{color:inherit;text-decoration:none}button{background:none;border:0}main{background:radial-gradient(ellipse at 50% 45%,#29271f55,transparent 55%);overflow:hidden;min-height:100vh}main:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.site-header{height:97px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{display:flex;gap:13px;align-items:center}.brand-symbol{height:39px;width:36px;border:1px solid #c4ae7a9c;color:#d7c494;display:grid;place-items:center;font-family:"Noto Serif SC",serif;font-size:23px;transform:rotate(-3deg)}.brand-name{font-family:"Noto Serif SC",serif;font-size:23px;letter-spacing:5px}.brand-name>span{display:block;font:8px Arial,sans-serif;letter-spacing:2px;color:#8b8a7d;margin-top:6px}.header-center{font-size:11px;letter-spacing:2px;color:#93938a;display:flex;gap:10px;align-items:center}.tiny-dot{width:4px;height:4px;border-radius:50%;background:#cbb47f}.about-button{display:flex;gap:13px;align-items:center;color:#aaa89b;font-size:11px;letter-spacing:1px}.hero{text-align:center;padding:52px 20px 38px}.eyebrow{font-size:9px;letter-spacing:3px;color:#a89773;display:flex;gap:15px;align-items:center;justify-content:center}.eyebrow>span{height:1px;width:24px;background:#b8a06c60}.hero h1{font-family:"Noto Serif SC",Songti SC,serif;font-size:55px;font-weight:400;letter-spacing:9px;margin:22px 0 17px;line-height:1.4}.hero h1 em{font-style:normal;color:#cbb687}.hero>p{font-size:11px;color:#939388;letter-spacing:1.6px;line-height:2.2}.hero-meta{display:flex;justify-content:center;align-items:center;gap:17px;color:#77786c;font-size:9px;letter-spacing:1.5px;margin-top:24px}.hero-meta>span:first-child{color:#b5a17b;font-size:10px;letter-spacing:2px}.hero-meta i{height:3px;width:3px;border-radius:50%;background:#636354}.mobile-break{display:none}.album-section{max-width:1400px;margin:0 auto}.section-top{margin:0 5.5%;display:flex;align-items:center;justify-content:space-between;padding-top:8px}.chapter{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:2px}.chapter-number{font:32px Georgia,serif;color:#a9946b;border-right:1px solid #ffffff20;padding-right:13px}.chapter small{display:block;font-size:7px;letter-spacing:1.7px;color:#747568;margin-top:7px}.view-toggle{font-size:10px;color:#aba99a;border:1px solid #ffffff1a;padding:9px 13px;border-radius:4px;display:flex;align-items:center;gap:8px}.view-toggle:hover{background:#ffffff08}.gallery-stage{height:420px;position:relative;touch-action:pan-y;cursor:grab}.gallery-stage:active{cursor:grabbing}.gallery-stage canvas{position:relative;z-index:1;touch-action:pan-y}.year-watermark{position:absolute;z-index:0;top:-38px;left:50%;transform:translate(-50%);font:230px Georgia,serif;letter-spacing:24px;color:#b2a17a07;pointer-events:none}.icon-button{width:39px;height:39px;border:1px solid #ffffff25;border-radius:50%;display:grid;place-items:center;color:#c8c2b0;transition:background .2s}.icon-button:hover:not(:disabled){background:#ffffff0c;border-color:#b9a37380}.gallery-prev,.gallery-next{position:absolute;top:46%;z-index:3;background:#141510b8}.gallery-prev{left:5.5%}.gallery-next{right:5.5%}.stage-corner{position:absolute;bottom:32px;width:16px;height:16px;border-bottom:1px solid #b69d6560;z-index:2;pointer-events:none}.corner-left{left:25%;border-left:1px solid #b69d6560}.corner-right{right:25%;border-right:1px solid #b69d6560}.expand-button{position:absolute;bottom:25px;left:50%;transform:translate(-50%);z-index:2;display:flex;gap:6px;align-items:center;font-size:9px;letter-spacing:1px;color:#a5a090;background:#121310a0;padding:8px 12px;border:1px solid #ffffff12;border-radius:20px}.photo-info{margin:0 16%;display:flex;align-items:center;gap:20px;min-height:76px}.photo-counter{display:flex;align-items:baseline;gap:9px}.photo-counter strong{font:30px Georgia,serif;color:#c6b38c;display:inline-block;overflow:hidden;line-height:1.2}.roll{display:inline-block;overflow:hidden;vertical-align:top}.chapter-number .roll{padding:0 2px}.photo-counter>span{font:12px Georgia,serif;color:#77776a}.photo-caption{flex:1;border-left:1px solid #ffffff18;padding-left:23px}.caption-kicker{font-size:8px;letter-spacing:2px;color:#a49674}.photo-caption h2{font-family:"Noto Serif SC",serif;font-weight:400;font-size:16px;letter-spacing:1px;margin:9px 0}.playback{display:flex;align-items:center;gap:14px}.playback .icon-button{border:none;width:30px}.play-icon{position:relative;display:grid;place-items:center;width:20px;height:20px}.play-ring{position:absolute;inset:-4px;width:28px;height:28px;transform:rotate(-90deg)}.play-ring circle{fill:none;stroke-width:1.5}.ring-bg{stroke:#c1b18b26}.ring-fg{stroke:#d5bc82;stroke-linecap:round}.play-button{border:1px solid #b8a06c50;border-radius:30px;padding:10px 15px;display:flex;gap:8px;align-items:center;color:#c1b18b;font-size:10px;white-space:nowrap}.play-button[aria-pressed=true]{background:#c5a66b18}.year-nav{display:flex;gap:40px;align-items:center;margin:33px 8% 0;padding-top:22px;border-top:1px solid #ffffff0f}.timeline-label,.timeline-end{font-size:9px;letter-spacing:2px;color:#77786c;white-space:nowrap}.timeline-end{font-family:"Noto Serif SC",serif}.year-track{display:flex;flex:1;justify-content:space-between;position:relative}.year-track:before{content:"";height:1px;position:absolute;top:8px;left:15px;right:15px;background:#ffffff14}.year-fill{position:absolute;top:8px;left:15px;right:15px;height:1px;background:linear-gradient(90deg,#c9ae7a00,#d5bc82);transform-origin:left center;box-shadow:0 0 8px #d5bc8288}.year{display:flex;flex-direction:column;align-items:center;gap:13px;font:11px Georgia,serif;color:#838376;z-index:1;min-width:32px;padding:4px 0}.year-dot{height:7px;width:7px;background:#55584a;border:2px solid #151610;border-radius:50%;outline:1px solid transparent}.year.active{color:#d5bc82}.year.active .year-dot{background:#d5bc82;box-shadow:0 0 12px #c3a87377;outline-color:#c5ad7355;animation:pulse 2.2s ease-out infinite}.year:hover:not(.active){color:#b9b49f}.gallery-hint{display:flex;gap:8px;align-items:center;justify-content:center;margin:27px 0 35px;color:#686b5d;font-size:9px;letter-spacing:1.2px}footer{margin:0 5%;border-top:1px solid #ffffff12;padding:24px 0;display:flex;justify-content:space-between;color:#737467;font-size:9px;letter-spacing:1.3px}footer>span:first-child{font-family:"Noto Serif SC",serif}.footer-star{color:#b9a575;margin:0 12px}.loading{position:absolute;inset:0;display:grid;place-items:center;color:#b6a37d;font-size:12px}.photo-grid{padding:25px 6%}.grid-year{scroll-margin-top:25px}.grid-year>h2{font:32px Georgia,serif;color:#bda679;display:flex;align-items:center;gap:20px}.grid-year>h2>span{font:11px "Noto Serif SC",serif;letter-spacing:3px;color:#898b7a}.grid-items{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.grid-card{padding:0;text-align:left;perspective:800px}.grid-frame{display:block;position:relative;overflow:hidden;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;transform-style:preserve-3d;border:1px solid #b29c6c33;background:#ffffff05}.grid-card:hover .grid-frame{box-shadow:0 18px 50px #0007,0 0 0 1px #c8ae7955}.grid-card img{display:block;width:100%;height:190px;object-fit:contain;transition:transform .6s cubic-bezier(.22,1,.36,1)}.grid-card:hover img{transform:scale(1.04)}.grid-gloss{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),#fff3d230,transparent 55%)}.grid-card:hover .grid-gloss{opacity:1}.grid-title{display:block;font-size:11px;line-height:1.8;color:#b9b5a4;margin-top:9px}.fallback-note{color:#a7a391;font-size:12px}.lightbox{position:fixed;inset:0;max-width:100vw;max-height:100dvh;width:100vw;height:100dvh;border:0;padding:50px 7% 30px;background:#10110ffa;color:#e7e2d6}.lightbox::backdrop,.about-dialog::backdrop{background:#000b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.close-button{position:absolute;top:20px;right:25px;z-index:2}.lightbox-caption h2{font:18px "Noto Serif SC",serif}.lightbox-prev,.lightbox-next{position:absolute;top:45%}.lightbox-prev{left:20px}.lightbox-next{right:20px}.about-dialog{width:min(580px,90vw);padding:55px;border:1px solid #c8ae7950;background:#1b1d17;color:#b9b9a9}.about-dialog>svg{display:block;margin:0 auto 20px;color:#c8b07a}.about-dialog .eyebrow{font-size:8px}.about-dialog h2{text-align:center;font:30px "Noto Serif SC",serif;color:#dfd7c5;margin:25px 0}.about-dialog p{font:13px/2.3 "Noto Serif SC",serif;text-align:justify}.about-source{display:block;margin-top:25px;font-size:9px;color:#888b77;letter-spacing:1px}@keyframes arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.intro-lock{overflow:hidden}.intro{position:fixed;inset:0;z-index:50;background:radial-gradient(ellipse at 50% 45%,#1d1b14,#0b0b09 75%);transition:opacity 1.1s ease,visibility 0s linear 1.1s}.intro.leaving{opacity:0;visibility:hidden;pointer-events:none}.intro canvas{position:absolute;inset:0}.intro-skip{position:absolute;right:28px;bottom:26px;z-index:2;font-size:11px;letter-spacing:2px;color:#8f8e80;padding:10px 14px;border:1px solid #ffffff1a;border-radius:20px;transition:color .2s,border-color .2s}.intro-skip:hover{color:#d5bc82;border-color:#b9a37380}.intro-skip span{font-size:8px;margin-left:8px;color:#66685b;letter-spacing:1px}.lightbox.delayed::backdrop{animation:fadein .6s ease both}@keyframes pulse{0%{outline-color:#c5ad7388;outline-offset:0}to{outline-color:#c5ad7300;outline-offset:9px}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media(min-width:1600px){.hero{padding-top:65px}.gallery-stage{height:470px}}@media(max-width:900px){.header-center{display:none}.photo-info{margin:0 8%}.gallery-stage{height:360px}.hero h1{font-size:46px}.year-nav{gap:20px}.grid-items{grid-template-columns:repeat(2,1fr)}.grid-card img{height:180px}}@media(max-width:600px){.site-header{height:78px;margin:0 6%}.brand-name{font-size:20px}.brand-symbol{height:34px;width:31px;font-size:20px}.about-button{font-size:10px;gap:7px}.hero{padding:40px 15px 31px}.hero h1{font-size:36px;letter-spacing:5px;margin:20px 0 15px}.hero>p{font-size:10px;letter-spacing:1.2px}.mobile-break{display:block}.hero-meta{gap:10px;font-size:8px;letter-spacing:.5px;margin-top:20px}.eyebrow{font-size:8px;letter-spacing:2px}.section-top{margin:0 6%}.chapter-number{font-size:28px}.gallery-stage{height:280px}.year-watermark{font-size:145px;top:-2px;letter-spacing:8px}.gallery-prev{left:3%;width:30px;height:30px}.gallery-next{right:3%;width:30px;height:30px}.expand-button{bottom:11px;font-size:8px}.stage-corner{display:none}.photo-info{margin:8px 6% 0;gap:13px;flex-wrap:wrap}.photo-counter strong{font-size:25px}.photo-caption{padding-left:14px;min-width:65%}.photo-caption h2{font-size:13px;line-height:1.7;min-height:22px}.playback{margin-left:auto;gap:6px}.play-button{padding:8px 12px;font-size:9px}.caption-kicker{font-size:7px}.year-nav{margin:23px 6% 0;gap:10px}.timeline-label,.timeline-end{display:none}.year-track{gap:9px}.year{font-size:10px}.gallery-hint{font-size:8px;letter-spacing:.5px;margin:23px 0 28px}footer{margin:0 6%;flex-direction:column;gap:12px;text-align:center;font-size:8px;padding:22px 0}.grid-items{gap:18px 12px}.grid-card img{height:120px}.grid-title{font-size:10px}.grid-year>h2{font-size:27px}.lightbox-prev,.lightbox-next{top:auto;bottom:30px}.lightbox-caption h2{font-size:14px;line-height:1.8}.about-dialog{padding:50px 28px 30px}.about-dialog p{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}html,body,#root{height:100%;overflow:hidden}main{height:100dvh;min-height:0;display:flex;flex-direction:column}.site-header{flex:none;height:clamp(54px,8vh,88px)}.hero{flex:none;padding:clamp(8px,3vh,40px) 20px clamp(6px,2.4vh,28px)}.hero h1{font-size:clamp(28px,5.4vh,55px);margin:clamp(6px,1.8vh,20px) 0 clamp(4px,1.4vh,16px)}.hero-meta{margin-top:clamp(8px,2vh,22px)}.album-section{flex:1;min-height:0;width:100%;display:flex;flex-direction:column}.section-top{flex:none;width:100%;padding-top:0;padding-left:5.5%;padding-right:5.5%;margin:0}.gallery-stage{flex:1;min-height:0;height:auto}.year-watermark{font-size:clamp(110px,22vh,230px);top:clamp(-38px,-3vh,-10px)}.photo-info{flex:none;min-height:clamp(52px,7vh,76px)}.year-nav{flex:none;margin-top:clamp(6px,1.8vh,24px);padding-top:clamp(8px,1.6vh,18px)}.gallery-hint{flex:none;margin:clamp(6px,1.4vh,16px) 0 clamp(4px,1vh,12px)}footer{flex:none;padding:clamp(6px,1.4vh,14px) 0}.photo-grid{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding-top:20px;padding-bottom:28px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 18px,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 18px,#000 calc(100% - 28px),transparent 100%)}.photo-grid::-webkit-scrollbar{display:none}.is-flat .hero>p,.is-flat .hero-meta{display:none}@media(max-height:760px){.hero>p,.hero-meta{display:none}.photo-caption h2{margin:5px 0}.footer-star{margin:0 6px}}@media(max-height:560px){.hero,.gallery-hint{display:none}}@media(max-width:600px){.hero>p,.hero-meta{display:none}.site-header{height:clamp(50px,7vh,70px)}footer{display:none}.gallery-hint{margin:6px 0 10px}}.lightbox{padding:0;overflow:hidden}.lightbox-stage{position:absolute;inset:0;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;cursor:zoom-in}.lightbox-stage.zoomed{cursor:grab}.lightbox-stage.zoomed:active{cursor:grabbing}.lightbox-layer{position:absolute;inset:0;pointer-events:none}.lightbox-layer img{position:absolute;left:50%;top:50%;max-width:none;max-height:none;transform-origin:center;box-shadow:0 20px 90px #0008;-webkit-user-drag:none}.lightbox .close-button{z-index:3;background:#10110fb0}.lightbox-caption{position:absolute;top:0;left:0;right:0;z-index:2;text-align:center;padding:18px 90px 34px;pointer-events:none;background:linear-gradient(to bottom,#10110fe6,#10110f00)}.lightbox-caption>span{font-size:10px;letter-spacing:3px;color:#b6a079}.lightbox-caption h2{font:18px "Noto Serif SC",serif;margin:8px 0 0}.zoom-bar{position:absolute;bottom:22px;left:50%;transform:translate(-50%);z-index:3;display:flex;align-items:center;gap:4px;padding:5px 8px;border:1px solid #ffffff25;border-radius:24px;background:#141510c8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#c8c2b0}.zoom-bar button{width:32px;height:32px;display:grid;place-items:center;border-radius:50%}.zoom-bar button:hover:not(:disabled){background:#ffffff12}.zoom-bar span{min-width:52px;text-align:center;font:11px Georgia,serif;letter-spacing:1px;color:#b6a079}.lightbox-prev,.lightbox-next{z-index:3;background:#141510b8}@media(max-width:600px){.lightbox-caption{padding:16px 60px 28px}.lightbox-caption h2{font-size:14px;line-height:1.7}.zoom-bar{bottom:24px}.lightbox-prev{left:12px}.lightbox-next{right:12px}.lightbox-prev,.lightbox-next{top:auto;bottom:24px}}