*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}button{font:inherit;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.photo-page{position:relative;width:100%;max-width:430px;height:100vh;margin:auto;overflow:hidden;background:#000}.top-bar{position:absolute;left:0;right:0;top:0;z-index:30;height:calc(72px + env(safe-area-inset-top));display:flex;align-items:flex-end;justify-content:space-between;padding:env(safe-area-inset-top) 14px 10px;background:linear-gradient(#000c,transparent)}.back-btn{position:relative;width:44px;height:44px;border:0;background:transparent}.back-btn span{position:absolute;left:14px;top:11px;width:22px;height:22px;border-left:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(45deg)}.top-actions{height:46px;display:flex;align-items:center;padding:0 7px;border:1px solid #ffffff24;border-radius:24px;background:#0006;backdrop-filter:blur(14px)}.top-actions button{width:50px;height:42px;border:0;background:transparent;color:#fff}.divider{width:1px;height:26px;background:#ffffff2b}.dots-btn{display:flex;align-items:center;justify-content:center;gap:4px}.dots-btn i{width:6px;height:6px;border-radius:50%;background:#fff}.home-btn{display:flex;align-items:center;justify-content:center}.home-btn span{width:28px;height:28px;border:4px solid #fff;border-radius:50%;position:relative}.home-btn span:after{content:"";position:absolute;inset:6px;border-radius:50%;background:#fff}.viewer{position:absolute;inset:0;overflow:hidden;touch-action:pan-y}.track{display:flex;width:100%;height:100%;transition:transform .38s cubic-bezier(.22,.61,.36,1)}.slide{position:relative;flex:0 0 100%;height:100%}.slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;user-select:none;-webkit-user-drag:none}.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000014 0,transparent 48%,#00000022 63%,#000 100%);pointer-events:none}.page-dots{position:absolute;z-index:31;left:50%;top:calc(84px + env(safe-area-inset-top));display:flex;gap:7px;transform:translateX(-50%)}.page-dot{width:6px;height:6px;padding:0;border:0;border-radius:5px;background:#ffffff75}.page-dot.active{width:20px;background:#fff}.info-panel{position:absolute;left:0;right:0;bottom:0;z-index:20;min-height:310px;pointer-events:none}.info-gradient{position:absolute;inset:-180px 0 0;background:linear-gradient(transparent,#0008 34%,#000 72%)}.info-content{position:relative;padding:20px 14px calc(26px + env(safe-area-inset-bottom));pointer-events:auto}.title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.spot-tag{display:inline-flex;margin-bottom:8px;padding:5px 8px;border:1px solid #ffffff2e;border-radius:7px;background:#0004;color:#ddd;font-size:10px}.title-row h1{margin:0;font-size:30px}.title-row>div>span:last-child{display:block;margin-top:10px;font-size:16px}.nav-btn{height:47px;display:flex;align-items:center;gap:7px;padding:0 15px;border:2px solid #fff;border-radius:24px;background:#0004;color:#fff;font-size:17px;font-weight:650}.nav-icon{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:14px solid #fff;transform:rotate(-35deg)}.info-content>p{margin:27px 0 0;font-size:16px;line-height:1.75;text-align:justify}.meta-row{display:flex;gap:8px;margin-top:15px}.meta-row span{padding:6px 10px;border:1px solid #ffffff25;border-radius:9px;background:#ffffff12;color:#ddd;font-size:11px}.more-spots{height:48px;display:flex;align-items:center;justify-content:center;gap:10px;margin:22px auto 0;padding:0 24px;border:0;border-radius:24px;background:#292929;color:#13c8c4;font-size:16px}.more-spots b{font-size:25px}.sheet-mask,.spots-mask{position:absolute;inset:0;z-index:60;background:#000a;backdrop-filter:blur(3px)}.action-sheet,.spots-sheet{position:absolute;left:0;right:0;bottom:0;z-index:70;padding:9px 16px calc(18px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:#171717;animation:up .25s ease}@keyframes up{from{transform:translateY(100%)}}.handle{width:43px;height:4px;margin:0 auto 16px;border-radius:3px;background:#555}.action-sheet button{width:100%;min-height:55px;display:flex;align-items:center;gap:14px;padding:0 15px;border:0;border-bottom:1px solid #303030;background:transparent;color:#fff;text-align:left}.action-sheet button span{width:30px;color:#13c8c4;font-size:22px;text-align:center}.action-sheet .cancel{justify-content:center;margin-top:10px;border:0;border-radius:14px;background:#2c2c2c}.spots-sheet{max-height:72vh;overflow:auto}.spots-head{display:flex;justify-content:space-between;margin-bottom:16px}.spots-head span{font-size:9px;color:#13c8c4}.spots-head h2{margin:6px 0 0;font-size:22px}.spots-head button{width:38px;height:38px;border:0;border-radius:50%;background:#292929;color:#fff;font-size:23px}.spots-list{display:flex;flex-direction:column;gap:10px}.spot-item{width:100%;display:grid;grid-template-columns:88px 1fr 20px;align-items:center;gap:12px;padding:9px;border:1px solid #292929;border-radius:17px;background:#1c1c1c;color:#fff;text-align:left}.spot-item img{width:88px;height:98px;object-fit:cover;border-radius:12px}.spot-item small{color:#13c8c4}.spot-item h3{margin:6px 0 0;font-size:15px}.spot-item p{margin:6px 0 0;overflow:hidden;color:#999;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.toast{position:fixed;left:50%;bottom:calc(35px + env(safe-area-inset-bottom));z-index:90;padding:11px 18px;border-radius:22px;background:#2c2c2cf5;color:#fff;font-size:13px;opacity:0;transform:translate(-50%,18px);transition:.22s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-height:720px){.info-panel{min-height:260px}.info-content>p{margin-top:18px;font-size:14px;line-height:1.58}.meta-row{display:none}.more-spots{margin-top:16px}}