.gallery-scene{background:#203f42;color:#f0eddb;isolation:isolate}.gallery-river{position:absolute;inset:-5%;background:linear-gradient(#1d434d55,#1b393bb3),url('assets/gallery/river.webp') center/cover;filter:saturate(.48) brightness(.62);will-change:transform}.gallery-haze{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 43%,#77938725,transparent 65%),linear-gradient(#1b3e43aa,transparent 35%,#183438c9);backdrop-filter:blur(3px)}.gallery-space{position:absolute;inset:0;perspective:1000px;overflow:hidden;pointer-events:none}.gallery-photos{position:absolute;inset:0;perspective:1000px;transform-style:preserve-3d}.gallery-photo{position:absolute;top:48%;left:50%;width:max-content;max-width:73vw;max-height:56svh;padding:0;background:none;border:0;pointer-events:auto;will-change:transform,opacity;transform-style:preserve-3d;filter:drop-shadow(0 15px 40px #091e2444)}.gallery-photo img{display:block;width:auto;height:auto;max-width:73vw;max-height:56svh;object-fit:contain;box-shadow:0 20px 65px #0c242655}.gallery-photo>span{position:absolute;bottom:-25px;left:0;font:10px Georgia,serif;letter-spacing:.2em;opacity:.55}.gallery-photo:focus-visible{outline:1px solid #eae6bb;outline-offset:8px}.gallery-scroll{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;z-index:3;outline:none;pointer-events:auto}.gallery-scroll::-webkit-scrollbar{display:none}.gallery-space{z-index:4}.gallery-distance{width:1px}.gallery-nav{position:absolute;top:calc(28px + env(safe-area-inset-top));left:25px;right:80px;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:20px}.gallery-nav button{background:none;color:inherit;font:italic 23px Georgia,serif;letter-spacing:-.04em;animation:sign-float 7s ease-in-out infinite alternate;padding:8px 0}.gallery-nav>span{font:9px Arial,sans-serif;letter-spacing:.18em;opacity:.65}.gallery-intro{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;pointer-events:auto;padding:30px;transition:visibility .2s}.gallery-intro small,.gallery-finale small{font:8px Arial,sans-serif;letter-spacing:.24em;opacity:.65}.gallery-intro h1{font:italic clamp(70px,18vw,125px)/1.1 Georgia,serif;letter-spacing:-.055em;margin:28px 0 20px}.gallery-intro h1 span{display:block;font:400 17px/1.8 SimSun,serif;letter-spacing:.35em;margin:20px 0 0}.gallery-intro p{font:12px/2 SimSun,serif;opacity:.65}.gallery-begin{margin-top:35px;background:none;color:inherit;font:12px SimSun,serif;letter-spacing:.2em;padding:15px 25px;border-bottom:1px solid #dfdfbb66}.gallery-begin span{margin-left:25px;display:inline-block;animation:gallery-breathe 3s ease-in-out infinite}.gallery-thread{position:absolute;inset:-5%;width:110%;height:110%;fill:none;stroke:#e9efcb;stroke-width:.65;opacity:.45;transform:rotate(-7deg);animation:gallery-thread-drift 22s ease-in-out infinite alternate}.gallery-thread circle{fill:#fcffd7;stroke:none;filter:drop-shadow(0 0 6px #f4ffbf)}.gallery-chapter{position:absolute;z-index:2;right:-.05em;top:18%;font:400 clamp(160px,55vw,520px)/1.4 SimSun,serif;color:#e7e6ca;opacity:.055;pointer-events:none;writing-mode:vertical-rl;will-change:transform}.gallery-controls{position:absolute;z-index:8;bottom:calc(18px + env(safe-area-inset-bottom));left:25px;right:25px}.gallery-controls>div:first-child{display:flex;justify-content:space-between;font:10px/2 Georgia,SimSun,serif;letter-spacing:.13em}.gallery-count{font-variant-numeric:tabular-nums}.gallery-rail{height:1px;background:#e6e9ce33;margin:10px 0}.gallery-rail i{display:block;height:1px;background:#e6edc8;box-shadow:0 0 5px #edf6be;width:0}.gallery-controls footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.gallery-controls footer span{font:9px/1.8 SimSun,serif;letter-spacing:.05em;opacity:.65}.gallery-controls footer button{background:none;border:1px solid #edf0d933;border-radius:50%;color:inherit;width:44px;height:44px;font-size:16px}.gallery-finale{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;pointer-events:auto;padding:28px;text-align:center}.gallery-finale h2{font:400 23px/1.9 SimSun,serif;margin:28px 0 45px}.gallery-finale button{color:inherit;background:none;border-bottom:1px solid #ece8c966;padding:16px;font:14px Georgia,SimSun,serif}.gallery-finale .gallery-again{font-size:11px;margin-top:20px;opacity:.65;border:0}.gallery-viewer{position:fixed;inset:0;width:100vw;max-width:none;height:100svh;max-height:none;margin:0;padding:80px 20px 25px;border:0;background:#163235ed;color:#f1edda;backdrop-filter:blur(15px)}.gallery-viewer::backdrop{background:#10282de0}.gallery-viewer figure{height:calc(100% - 75px);display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0;gap:20px}.gallery-viewer img{display:block;max-width:100%;max-height:calc(100% - 40px);object-fit:contain}.gallery-viewer figcaption{font:10px Georgia,serif;letter-spacing:.2em;opacity:.65}.gallery-viewer-close{position:absolute;right:20px;top:20px;width:44px;height:44px;font-size:29px}.gallery-viewer button{background:none;color:inherit}.gallery-viewer>div{display:flex;align-items:center;justify-content:space-between;max-width:700px;margin:15px auto 0;font:10px SimSun,serif;opacity:.8}.gallery-viewer>div button{width:48px;height:44px;font-size:22px}body[data-scene=gallery] .site-header .graphic-logo{visibility:hidden}@keyframes gallery-breathe{50%{translate:0 6px;opacity:.4}}@keyframes gallery-thread-drift{to{transform:rotate(9deg) translateY(-3%)}}@media(max-width:600px){.gallery-nav>span{display:none}.gallery-photo,.gallery-photo img{max-width:76vw;max-height:52svh}.gallery-photo{top:47%}.gallery-controls{left:22px;right:22px}.gallery-intro{padding-bottom:80px}}@media(min-width:900px){.gallery-photo,.gallery-photo img{max-width:58vw;max-height:65svh}.gallery-controls{left:7%;right:7%}.gallery-nav{left:7%}}html[data-motion=reduced] .gallery-thread,html[data-motion=reduced] .gallery-begin span,html[data-motion=reduced] .gallery-nav button{animation:none}

.gallery-scroll .gallery-space{position:sticky;top:0;height:100svh;margin-bottom:-100svh;inset-inline:0;isolation:isolate}.gallery-scroll{z-index:4}

html[data-motion=reduced] .gallery-thread circle{display:none}

/* 无标题的多层照片空间 */
.gallery-photo,.gallery-photo img{max-width:49vw;max-height:35svh}.gallery-photo{top:48%;left:50%}.gallery-photo>span{display:none}.gallery-nav{right:auto;top:calc(23px + env(safe-area-inset-top));left:22px}.gallery-nav button{width:44px;height:44px;border:1px solid #eee6;border-radius:50%;font:25px Georgia,serif;animation:none}.gallery-viewer figure{height:calc(100% - 65px)}.gallery-viewer>div{justify-content:space-between}.gallery-viewer figcaption{display:none}@media(min-width:900px){.gallery-photo,.gallery-photo img{max-width:34vw;max-height:46svh}}