.theme-light{--text: #262626;--background: #fff;--background-header: rgba(255, 255, 255, .85);--background-navigation: rgba(255, 255, 255, .7);--background-toolbar: rgba(240, 240, 240, .8);--photo-loading: #ddd;--gm-clusterer: rgba(255, 255, 255, .9);--gm-clusterer-opacity: .95;--background-theme: rgba(135, 135, 135, .1);--background-theme-selected: rgba(0, 0, 0, .1)}.theme-dark{--text: #d9d9d9;--background: #000;--background-header: rgba(0, 0, 0, .65);--background-navigation: rgba(0, 0, 0, .8);--background-toolbar: rgba(20, 20, 20, .8);--photo-loading: #222;--gm-clusterer: rgba(255, 255, 255, .8);--gm-clusterer-opacity: .8;--background-theme: rgba(255, 255, 255, .1);--background-theme-selected: rgba(255, 255, 255, .15)}@font-face{font-family:ProximaNova-Lite;src:url(/fonts/ProximaNova-Lite.woff2)}*{font-size:16px;font-family:ProximaNova-Lite,PingFang SC,Microsoft YaHei,STXihei,WenQuanYi Micro Hei;-webkit-font-smoothing:antialiased;letter-spacing:.5px;color:var(--text);margin:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-text-size-adjust:none}@media (max-width: 660px){*{font-size:14px}}body{background:var(--background)}html,body,#app{height:100%}.app{min-height:100%}.photo-info p span,.photo .photo-aside .exif p span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}header{position:fixed;justify-content:space-between;width:100%;height:60px;display:flex;z-index:1;box-sizing:border-box}header:after{content:"";position:absolute;left:0;width:100%;height:100%;z-index:-1;background-color:var(--background-header);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}header.is-navigation{height:100%;flex-direction:column}header.is-navigation:after{background-color:var(--background-navigation)}header.is-navigation .loading{flex-grow:0}header.is-navigation .logo,header.is-navigation .icon-navigation,header.is-navigation .loading{position:absolute;top:0;left:0}header.is-navigation .icon-navigation{left:auto;right:0}header.is-navigation .loading{left:80px}header .navigation{display:flex;flex-shrink:0;flex-grow:1;justify-content:flex-end;gap:50px;margin-right:30px}@media (max-width: 660px){header .navigation{justify-content:flex-start;flex-direction:column;align-items:flex-start;margin:90px 0 0 30px;gap:0;flex-grow:0}header .navigation:after{content:"";width:calc(100% - 30px);border-top:1px solid var(--text);position:absolute;top:260px;left:15px;opacity:.15}}@media (max-width: 460px){header .navigation{margin-left:25px}}header .navigation .link{display:flex;align-items:center;cursor:pointer;opacity:.6}header .navigation .link.selected{border-bottom:2px solid var(--text);margin-top:2px;opacity:1}header .navigation .link svg{display:none}@media (max-width: 660px){header .navigation .link{height:50px;position:relative;margin:0;padding-right:30px;flex-shrink:0}header .navigation .link.selected{border-bottom:0}header .navigation .link.selected svg{visibility:visible}header .navigation .link svg{display:block;fill:var(--text);width:10px;height:10px;margin-right:20px;visibility:hidden}}header .toolbar{display:flex;flex-direction:column;position:absolute;top:60px;right:0;width:480px;background:var(--background-toolbar);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:30px 0}@media (max-width: 660px){header .toolbar{position:static;flex-grow:1;margin:35px 0 0 30px;width:auto;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}header .toolbar:after{content:"";width:calc(100% - 30px);border-top:1px solid var(--text);position:absolute;top:260px;left:15px;opacity:.15}}header .toolbar>div{display:flex;width:calc(100% - 20px);align-items:center;justify-content:space-between;height:60px}header .toolbar .lang .control{display:flex;height:38px;border-radius:38px;cursor:pointer;background:var(--background-theme);box-sizing:border-box;padding:3px}header .toolbar .lang .control div{display:flex;align-items:center;opacity:.6;height:32px;border-radius:32px;padding:0 12px}header .toolbar .lang .control div span{font-size:14px}@media (max-width: 660px){header .toolbar .lang .control div span{font-size:12px}}header .toolbar .lang .control div svg{margin-right:2px;display:none;fill:var(--background);width:16px;height:16px}@media (max-width: 660px){header .toolbar .lang .control div svg{width:14px;height:14px}}header .toolbar .lang .control div.selected{opacity:1;background:var(--text)}header .toolbar .lang .control div.selected span{color:var(--background)}header .toolbar .lang .control div.selected svg{display:block}header .toolbar .theme .control{display:flex;width:70px;height:36px;background:var(--background-theme);box-sizing:border-box;padding:3px;border-radius:36px;cursor:pointer;justify-content:space-between}header .toolbar .theme .control svg{box-sizing:border-box;height:30px;padding:7px 5px;fill:var(--text);opacity:.3;width:30px}header .toolbar .theme .control svg.selected{opacity:1;fill:var(--background);background:var(--text);border-radius:30px}header .toolbar .hdr .control{cursor:pointer;position:relative}header .toolbar .hdr .control:before{content:"";display:block;width:48px;height:16px;background:var(--text);border-radius:18px;opacity:.15;transition:.3s ease all}header .toolbar .hdr .control:after{content:"";display:block;width:24px;height:24px;background:var(--text);border-radius:24px;box-shadow:#00000080 0 1px 3px;position:absolute;top:-4px;left:0;transition:.3s ease all}header .toolbar .hdr .control.opened:before{opacity:.6}header .toolbar .hdr .control.opened:after{transform:translate(24px)}header .toolbar .label{height:20px;margin-left:30px}header .toolbar .note{width:calc(100% - 50px);margin-left:30px;opacity:.6;font-size:14px;padding-bottom:10px;line-height:150%}@media (max-width: 660px){header .toolbar .note{font-size:12px}}header .icon-toolbar{cursor:pointer;opacity:.6;fill:var(--text);width:16px;height:16px;padding:22px max(env(safe-area-inset-right),30px) 22px 10px;flex-shrink:0}header .icon-toolbar.selected{opacity:1}@media (max-width: 660px){header .icon-toolbar{display:none}}header .icon-navigation{display:none}@media (max-width: 660px){header .icon-navigation{display:block;flex-shrink:0;cursor:pointer;padding:20px;fill:var(--text);width:20px;height:20px}}.logo{fill:var(--text);flex-shrink:0;cursor:pointer;height:24px;padding:18px 20px 18px max(env(safe-area-inset-left),30px)}@media (max-width: 660px){.logo{height:22px;padding:19px 20px 19px max(env(safe-area-inset-left),20px)}}.loading{position:relative;flex-grow:1;width:20px}.loading:after,.loading:before{content:"";border-radius:100%;position:absolute;top:20px;left:0;width:16px;height:16px}@media (max-width: 660px){.loading:after,.loading:before{top:21px;width:14px;height:14px}}.loading:before{border:2px solid rgba(29,155,240,.2)}.loading:after{animation:rotate .8s infinite linear;border:2px solid transparent;border-top-color:#1d9bf0}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}section{padding-top:95px}@media (max-width: 660px){section{padding-top:85px}}.index{display:flex;justify-content:center}.index .photos{width:calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right));display:flex;flex-wrap:wrap;position:relative;margin-bottom:env(safe-area-inset-bottom)}.index .photos .photo-item{width:calc(25% - 12px);margin-bottom:5%;margin-right:16px}.index .photos .photo-item:nth-child(4n){margin-right:0}@media (max-width: 2140px){.index .photos .photo-item{width:calc(33.3333333333% - 10px)}.index .photos .photo-item:nth-child(n){margin-right:15px}.index .photos .photo-item:nth-child(3n){margin-right:0}}@media (max-width: 1330px){.index .photos .photo-item{width:calc(50% - 7px)}.index .photos .photo-item:nth-child(n){margin-right:14px}.index .photos .photo-item:nth-child(2n){margin-right:0}}@media (max-width: 660px){.index .photos .photo-item{width:calc(50% - 5px)}.index .photos .photo-item:nth-child(n){margin-right:10px}.index .photos .photo-item:nth-child(2n){margin-right:0}}@media (max-width: 460px){.index .photos .photo-item{width:100%;margin-bottom:25px}.index .photos .photo-item:nth-child(n){margin-right:0}}.index .photos .photo-item .img{width:100%;background:#a0a0a01a;cursor:pointer;transition:all .2s ease}.index .photos .photo-item .img img{display:block;width:100%}.index .photos .photo-item .photo-info{padding:15px 0 10px 15px}.photo{position:fixed;width:100%;height:100%;top:0;left:0;background:#231e1ee6;z-index:2;display:flex;padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left);box-sizing:border-box}@media (max-width: 460px){.photo{flex-direction:column;height:auto;position:relative;background:none;padding-top:60px}}.photo .photo-view{flex-grow:1;position:relative;display:flex;flex-direction:column;justify-content:space-between}@media (min-aspect-ratio: 2/1) and (min-width: 461px){.photo .photo-view{flex-direction:row}}.photo .photo-view .header{height:48px}.photo .photo-view .header *{display:none}@media (max-width: 960px){.photo .photo-view .header{height:40px}}@media (min-aspect-ratio: 2/1) and (min-width: 461px){.photo .photo-view .header{height:auto;width:48px;order:3}}@media (min-aspect-ratio: 2/1) and (min-width: 461px) and (max-width: 960px){.photo .photo-view .header{width:40px}}@media (max-width: 460px){.photo .photo-view .header{display:flex;top:0;left:0;justify-content:space-between;height:60px;position:fixed;background-color:var(--background-header);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;z-index:1000}.photo .photo-view .header *{display:block}}.photo .photo-view .header .back{width:14px;height:14px;fill:var(--text);padding:23px 20px;cursor:pointer}.photo .photo-view .img{height:calc(100% - 48px);display:flex;align-items:center;justify-content:center}@media (min-width: 461px){.photo .photo-view .img{aspect-ratio:auto!important}}@media (max-width: 960px){.photo .photo-view .img{height:calc(100% - 40px)}}@media (min-aspect-ratio: 2/1) and (min-width: 461px){.photo .photo-view .img{flex-shrink:0;order:2;height:100%;flex-grow:1}}@media (max-width: 460px){.photo .photo-view .img{height:auto;background:#a0a0a01a}}.photo .photo-view .img img{max-width:100%;max-height:100%}.photo .photo-view .operating{width:100%;height:48px;display:flex;justify-content:center;flex-shrink:0}@media (max-width: 960px){.photo .photo-view .operating{height:40px}}@media (min-aspect-ratio: 2/1) and (min-width: 461px){.photo .photo-view .operating{flex-direction:column;height:auto;width:48px}}@media (min-aspect-ratio: 2/1) and (min-width: 461px) and (max-width: 960px){.photo .photo-view .operating{width:40px}}@media (max-width: 460px){.photo .photo-view .operating{display:none}}.photo .photo-view .operating div{width:150px;height:100%;cursor:pointer;display:flex;justify-content:center;align-items:center}@media (max-width: 1060px){.photo .photo-view .operating div{width:140px}}@media (max-width: 960px){.photo .photo-view .operating div{width:18%}}@media (min-aspect-ratio: 2/1) and (min-width: 461px){.photo .photo-view .operating div{width:auto}}.photo .photo-view .operating div:nth-child(2){transform:rotate(180deg)}.photo .photo-view .operating div.disable{opacity:.3}.photo .photo-view .operating div svg{height:20px;fill:#d9d9d9}@media (max-width: 660px){.photo .photo-view .operating div svg{height:18px}}.photo .photo-aside{padding-right:env(safe-area-inset-right);margin-right:calc(0px - env(safe-area-inset-right));flex-shrink:0;width:350px;background-color:var(--background);z-index:2;overflow:auto;padding-top:15px}@media (max-width: 960px) and (not (min-aspect-ratio: 2/1)) and (min-width: 461px){.photo .photo-aside{position:absolute;top:0;right:0;height:calc(100% - 15px);margin-right:0}}@media (max-width: 460px){.photo .photo-aside{width:100%;overflow:hidden}}.photo .photo-aside .caption{padding:5px 15px 10px;line-height:150%;white-space:pre-wrap}.photo .photo-aside .maps{display:flex;align-items:center;position:relative;width:100%;aspect-ratio:2.6/1;min-height:150px}.photo .photo-aside .maps .photo-loading{display:block!important}.photo .photo-aside .maps .photo-loading div{background:var(--photo-loading)}.photo .photo-aside .exif{padding:15px 15px calc(35px + env(safe-area-inset-bottom)) 15px}.photo .photo-aside .exif p{display:flex;height:34px;align-items:center}@media (max-width: 660px){.photo .photo-aside .exif p{height:30px}}.photo .photo-aside .exif p svg{fill:var(--text);width:20px;height:20px}@media (max-width: 660px){.photo .photo-aside .exif p svg{width:18px;height:18px}}.photo .photo-aside .exif p span{margin-left:10px;max-width:calc(100% - 30px)}.photo .photo-loading{z-index:2;display:inline-block;width:36px;height:36px;position:absolute;top:50%;left:50%;margin:-18px 0 0 -18px}@media (max-width: 460px){.photo .photo-loading{display:none}}.photo .photo-loading div{position:absolute;top:16px;width:6px;height:6px;border-radius:50%;background:#999;animation-timing-function:cubic-bezier(0,1,1,0)}.photo .photo-loading div:nth-child(1){left:4px;animation:loading1 .6s infinite}.photo .photo-loading div:nth-child(2){left:4px;animation:loading2 .6s infinite}.photo .photo-loading div:nth-child(3){left:16px;animation:loading2 .6s infinite}.photo .photo-loading div:nth-child(4){left:28px;animation:loading3 .6s infinite}@keyframes loading1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes loading3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes loading2{0%{transform:translate(0)}to{transform:translate(12px)}}.photo-info{padding:0 15px 15px}.photo-info p{display:flex;align-items:center;height:34px}@media (max-width: 660px){.photo-info p{height:30px}}.photo-info p span{max-width:calc(100% - 25px)}.photo-info p .hdr{height:14px;width:24px;padding:0 2px;fill:var(--background);background:var(--text)}@media (max-width: 660px){.photo-info p .hdr{width:22px}}.photo-info p .pinned{fill:var(--text);height:16px;width:16px}@media (max-width: 660px){.photo-info p .pinned{width:14px;height:14px}}.photo-info p svg{margin-left:6px}.google-maps{width:100%;height:100%;overflow:hidden}.google-maps.footprints{position:absolute!important;top:0;left:0}.google-maps.footprints .gm-bundled-control{transform:translateY(calc(0px - env(safe-area-inset-bottom)))}.google-maps>div{width:calc(100% + 4px);height:calc(100% + 4px);transform:translate(-2px,-2px)}.google-maps>div>div:nth-child(1){background:var(--background)!important}.google-maps .gm-style>div:last-child,.google-maps .gm-style a{display:none!important}.google-maps .gm-style .gmnoprint{transform:translate(-2px,-2px)}.google-maps .gm-style .gm-marker svg{display:block}.google-maps .gm-style .gm-clusterer{width:50px;line-height:50px;text-align:center;font-size:12px;letter-spacing:0;color:var(--gm-clusterer)}.google-maps .gm-style .gm-clusterer svg{position:absolute;top:0;left:0;z-index:-1;fill:#ea4436;opacity:var(--gm-clusterer-opacity)}.google-maps .gm-style .gm-style-mot{width:70%;margin:0 auto;font-size:16px;font-family:ProximaNova-Lite,PingFang SC,Microsoft YaHei,STXihei,WenQuanYi Micro Hei}@media (max-width: 660px){.google-maps .gm-style .gm-style-mot{font-size:14px}}.about{display:flex;padding-left:max(env(safe-area-inset-left),30px);padding-right:max(env(safe-area-inset-right),30px);margin:0 auto;padding-bottom:calc(60px + env(safe-area-inset-bottom));gap:30px}@media (max-width: 760px){.about{flex-direction:column-reverse}}@media (max-width: 660px){.about{padding-left:max(env(safe-area-inset-left),20px);padding-right:max(env(safe-area-inset-right),20px)}}.about .img{width:40%;flex-shrink:0}@media (max-width: 760px){.about .img{width:400px}}@media (max-width: 660px){.about .img{width:340px}}@media (max-width: 460px){.about .img{width:100%}}.about .img img{display:block;width:100%;background:#a0a0a01a;aspect-ratio:3/4}.about .content svg{height:36px;fill:var(--text);padding:10px 0 20px}@media (max-width: 760px){.about .content svg{padding:0 0 20px}}@media (max-width: 660px){.about .content svg{height:32px}}.about .content div{line-height:150%;white-space:pre-wrap}.notfound{text-align:center;padding-top:18vh;padding-bottom:calc(60px + env(safe-area-inset-bottom))}.notfound h1{font-size:120px}.notfound p{padding:0 20px}