.lightbox.immersive-viewer{inset:0;border:0;padding:0;margin:0;width:100vw;max-width:none;height:100svh;max-height:none;overflow:hidden;background:radial-gradient(ellipse at 50% 0,#29292055,transparent 64%),#12130f;color:#eeeae0;isolation:isolate}
.lightbox.immersive-viewer[open]{display:block}
.immersive-viewer::backdrop{background:#10110f}
.immersive-viewer ::selection{background:#d3ccb6;color:#171813}
.immersive-viewer header{position:absolute;inset:0 110px auto 0;z-index:3;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;height:88px;padding:17px 34px;pointer-events:none;opacity:1;transition:opacity .22s ease;color:#d6d5c9}
.immersive-viewer #viewer-title{margin:0;font:400 28px/1.35 "Songti SC",SimSun,serif;letter-spacing:.06em;text-wrap:balance;color:#eeeae0}
.immersive-viewer #lightbox-credit{font:14px/1.5 Hanken,"Microsoft YaHei",sans-serif;letter-spacing:.025em;color:#c6c9b9}
.immersive-viewer #photo-close{position:absolute;right:24px;top:22px;z-index:6;min-width:44px;min-height:44px;padding:0 14px;gap:8px;border:0;border-radius:24px;background:#24271eb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#eeeae0;font:16px Hanken,"Microsoft YaHei",sans-serif}
.immersive-viewer #lightbox-image,.immersive-viewer:has(#photo-info:not([hidden])) #lightbox-image{position:absolute;inset:88px 32px 100px;display:block;grid-area:auto;width:auto;height:auto;min-height:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;transition:inset .22s cubic-bezier(.22,1,.36,1);outline:none}
.immersive-viewer #lightbox-image .media{height:100%;width:100%;display:block;background:transparent}
.immersive-viewer #lightbox-image img{height:100%;width:100%;max-width:none;max-height:none;display:block;object-fit:contain;object-position:center;transform-origin:center;transition:none;will-change:transform;-webkit-user-drag:none}
.immersive-viewer #lightbox-image{cursor:pointer}
.immersive-viewer.is-zoomed #lightbox-image{cursor:grab}
.immersive-viewer.is-zoomed #lightbox-image:active{cursor:grabbing}
.immersive-viewer .photo-tools{position:absolute;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:4px;min-height:60px;max-width:calc(100% - 24px);padding:5px 8px;border:0;border-radius:32px;background:linear-gradient(145deg,#4c5144a8,#262a20d9);box-shadow:inset 0 1px 0 #ffffe52e,0 12px 36px -14px #000b;backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%);opacity:1;transition:opacity .22s ease;color:#eeeae0;font:16px Hanken,"Microsoft YaHei",sans-serif}
.immersive-viewer .photo-tools>button{min-height:46px;min-width:46px;padding:0 12px;border:0;border-radius:24px;gap:7px;font-size:16px;color:inherit}
.immersive-viewer .photo-tools>button:hover,.immersive-viewer #photo-close:hover{background:#e2e9ce19}
.immersive-viewer .photo-tools>button:active,.immersive-viewer #photo-close:active{transform:scale(.95)}
.immersive-viewer svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex:none}
.immersive-viewer #photo-count{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:90px;padding:0 7px;color:#eeeae0;line-height:1.2}
.immersive-viewer #photo-count small{font:12px/1.3 Hanken,"Microsoft YaHei",sans-serif;letter-spacing:.05em;color:#d1d5c7}
.immersive-viewer #photo-count>span{font:20px/1.1 Georgia,Georgia,serif;font-variant-numeric:tabular-nums;white-space:nowrap}
.immersive-viewer #photo-info-toggle{border:0;border-radius:24px}
.immersive-viewer #photo-info-toggle[aria-expanded=true],.immersive-viewer #viewer-more[aria-expanded=true]{background:#dce6c622}
.immersive-viewer .viewer-more-panel{position:absolute;right:0;bottom:calc(100% + 12px);width:238px;max-width:calc(100vw - 28px);padding:7px;border-radius:16px;background:#24271ff5;box-shadow:0 16px 40px -14px #000c;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.immersive-viewer .viewer-more-panel[hidden]{display:none}
.immersive-viewer .viewer-more-panel button,.immersive-viewer .viewer-more-panel a{display:flex;justify-content:flex-start;align-items:center;width:100%;min-height:48px;gap:12px;padding:9px 12px;border:0;border-radius:10px;font:16px/1.5 Hanken,"Microsoft YaHei",sans-serif;color:#eeeae0;white-space:normal;text-align:left}
.immersive-viewer .viewer-more-panel button:hover,.immersive-viewer .viewer-more-panel a:hover{background:#e2e9ce16}
.immersive-viewer .viewer-more-panel small{margin-left:auto;font:14px Hanken,sans-serif;color:#c5cbb9}
.immersive-viewer .viewer-more-panel .viewer-original{margin-top:6px;border-top:1px solid #c2c9b42b;border-radius:0 0 10px 10px;font-size:14px;color:#c8cebb}
.immersive-viewer #photo-info{position:absolute;top:96px;bottom:104px;right:32px;width:300px;max-width:none;max-height:none;min-height:0;margin:0;padding:18px 0 18px 25px;overflow:auto;border:0;border-left:1px solid #d5dec42b;border-radius:0;background:transparent;color:#e3e6d6;scrollbar-width:thin;scrollbar-color:#758269 transparent}
.immersive-viewer #photo-info[hidden]{display:none}
.immersive-viewer:has(#photo-info:not([hidden])) #lightbox-image{right:364px}
.immersive-viewer #photo-info strong{font:400 28px/1.5 "Songti SC",SimSun,serif;letter-spacing:.04em;color:#eeeae0}
.immersive-viewer #photo-info small{font-size:14px;line-height:1.6;color:#c0c8b1;overflow-wrap:anywhere}
.immersive-viewer .exif-list{margin-top:20px}
.immersive-viewer .exif-list>div{padding:10px 0;border-bottom:1px solid #d5dec41c}
.immersive-viewer .exif-list dt{font-size:14px;color:#c1ccb1}
.immersive-viewer .exif-list dd{font:16px/1.6 Hanken,"Microsoft YaHei",sans-serif;color:#e9eddf}
.immersive-viewer #copy-status:not(:empty){position:absolute;left:50%;bottom:100px;transform:translateX(-50%);z-index:6;width:max-content;max-width:calc(100% - 36px);max-height:120px;padding:12px 18px;border-radius:12px;background:#282e23f2;color:#e3e8d6;font:14px/1.6 Hanken,"Microsoft YaHei",sans-serif;overflow-wrap:anywhere}
.immersive-viewer .viewer-hint{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);margin:0;width:max-content;max-width:calc(100% - 24px);padding:8px 12px;border-radius:10px;background:#181c14c9;font:14px/1.6 Hanken,"Microsoft YaHei",sans-serif;color:#d9e0ca;pointer-events:none;text-align:center}
.immersive-viewer .viewer-hint span{display:block;font-size:12px;color:#bcc5af}
.immersive-viewer .viewer-load-state{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;max-width:calc(100% - 40px);padding:24px;background:#20251cf2;border-radius:16px;color:#e6ebda;font:16px/1.7 Hanken,"Microsoft YaHei",sans-serif;text-align:center}
.immersive-viewer .viewer-load-state[hidden],.immersive-viewer .viewer-hint[hidden]{display:none}
.immersive-viewer .viewer-load-state button{min-height:44px;padding:8px 20px;border-radius:24px;background:#d6dec3;color:#1c2216;font-size:16px}
.immersive-viewer .viewer-load-state small{font-size:14px;color:#c1cbb1}
.immersive-viewer.is-immersed header,.immersive-viewer.is-immersed .photo-tools{opacity:0;pointer-events:none}
.immersive-viewer.is-immersed #lightbox-image{inset:16px}
.immersive-viewer :focus-visible{outline:2px solid #e5edcf;outline-offset:4px}
@media(max-width:760px){
 .immersive-viewer header{height:83px;inset:0 66px auto 0;padding:15px 18px;gap:4px}
 .immersive-viewer #viewer-title{font-size:24px;line-height:1.3}
 .immersive-viewer #lightbox-credit{font-size:14px}
 .immersive-viewer #photo-close{top:max(18px,env(safe-area-inset-top));right:13px;padding:0;min-width:44px;min-height:44px}
 .immersive-viewer #photo-close span{display:none}
 .immersive-viewer #lightbox-image,.immersive-viewer:has(#photo-info:not([hidden])) #lightbox-image{inset:86px 12px 102px}
 .immersive-viewer .photo-tools{gap:2px;padding:5px 6px;min-height:58px;bottom:max(18px,env(safe-area-inset-bottom))}
 .immersive-viewer .photo-tools>button{min-width:44px;min-height:46px;padding:0 10px}
 .immersive-viewer .viewer-tool-label{display:none}
 .immersive-viewer #photo-count{min-width:76px;padding:0 6px}
 .immersive-viewer #photo-count small{font-size:12px}
 .immersive-viewer #photo-count>span{font-size:20px}
 .immersive-viewer .viewer-more-panel{right:0;width:236px}
 .immersive-viewer #photo-info{left:12px;right:12px;top:auto;bottom:92px;width:auto;max-height:min(45svh,calc(100svh - 180px));padding:20px;border:0;border-radius:16px;background:#242a1ff5;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 -12px 36px -22px #000c;z-index:4}
 .immersive-viewer #photo-info strong{font-size:25px}
 .immersive-viewer .exif-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;margin-top:12px}
 .immersive-viewer #copy-status:not(:empty){left:12px;right:12px;transform:none;width:auto;bottom:93px}
 .immersive-viewer.is-immersed #lightbox-image{inset:12px}
}
@media(max-height:500px){
 .immersive-viewer header{height:60px;padding:8px 18px;gap:1px}
 .immersive-viewer #viewer-title{font-size:21px}
 .immersive-viewer #lightbox-credit{font-size:13px}
 .immersive-viewer #photo-close{top:10px}
 .immersive-viewer #lightbox-image,.immersive-viewer:has(#photo-info:not([hidden])) #lightbox-image{inset:62px 70px 78px}
 .immersive-viewer .photo-tools{bottom:8px}
 .immersive-viewer .viewer-more-panel{max-height:calc(100svh - 90px);overflow:auto}
 .immersive-viewer #photo-info{top:65px;bottom:80px;max-height:calc(100svh - 145px)}
 .immersive-viewer .viewer-hint{display:none}
}
@media(prefers-reduced-motion:reduce){
 .immersive-viewer header,.immersive-viewer .photo-tools,.immersive-viewer #lightbox-image{transition:none}
 .immersive-viewer .photo-tools>button:active,.immersive-viewer #photo-close:active{transform:none}
}