:root{--link: #4b9be9}.theme-light{--text: #262626;--background: #fff;--background-header: rgba(255, 255, 255, .65);--background-navigation: rgba(255, 255, 255, .65);--background-lang: rgba(235, 235, 235, .65);--photo-loading: #ddd;--gm-clusterer: rgba(255, 255, 255, .9);--gm-clusterer-opacity: .95;--background-theme: rgba(100, 100, 100, .1);--background-theme-selected: rgba(0, 0, 0, .1);--background-lang-selected: #262626;--pinned: #c9c9c9}.theme-dark{--text: #d9d9d9;--background: #000;--background-header: rgba(0, 0, 0, .65);--background-navigation: rgba(0, 0, 0, .8);--background-lang: rgba(20, 20, 20, .65);--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);--background-lang-selected: #000;--pinned: #424242}@font-face{font-family:ProximaNova-Regular-Lite;src:url(/fonts/ProximaNova-Regular-Lite.woff2)}*{font-family:ProximaNova-Regular-Lite,PingFang SC,Microsoft YaHei,WenQuanYi Micro Hei,Hiragino Sans,MS Gothic,Noto Sans CJK;font-size:16px;-webkit-font-smoothing:antialiased;letter-spacing:2px;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;padding:0 env(safe-area-inset-left) 0 env(safe-area-inset-right);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%}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{flex-grow:1;display:flex;justify-content:flex-end;flex-shrink:0}@media (max-width: 660px){header .navigation{justify-content:flex-start;flex-direction:column;align-items:flex-start;margin:90px 0 0 30px}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;margin:0 25px;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: 760px){header .navigation .link{margin:0 15px}}@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 .navigation .lang{display:flex;flex-direction:column;position:absolute;z-index:2;top:60px;right:env(safe-area-inset-right);background-color:var(--background-lang);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:170px;height:138px;cursor:pointer}header .navigation .lang div{display:flex;justify-content:center;align-items:center;height:46px;opacity:.6}header .navigation .lang div span{font-size:14px}header .navigation .lang div svg{margin-right:5px;display:none;fill:#fff;width:16px;height:16px}header .navigation .lang div.selected{opacity:1;background:var(--link)}header .navigation .lang div.selected span{color:#fff}header .navigation .lang div.selected svg{display:block}@media (max-width: 660px){header .navigation .lang{flex-direction:row;position:static;width:auto;height:38px;border-radius:38px;margin:6px 0 0 20px;-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--background-theme);box-sizing:border-box;padding:3px}header .navigation .lang div{height:32px;border-radius:32px;padding:0 12px}header .navigation .lang div span{font-size:12px}header .navigation .lang div svg{margin-right:2px}}header .navigation .theme{display:flex;width:94px;height:36px;background:var(--background-theme);box-sizing:border-box;padding:3px 8px;margin:12px 5px;border-radius:36px;cursor:pointer}header .navigation .theme svg{box-sizing:border-box;width:26px;height:30px;padding:7px 5px;fill:var(--text);opacity:.3}header .navigation .theme svg.selected{opacity:1}@media (max-width: 660px){header .navigation .theme{margin:6px 0 0 20px}}header .navigation .label-lang,header .navigation .label-theme{display:none}@media (max-width: 660px){header .navigation .label-lang,header .navigation .label-theme{display:block;height:20px;opacity:.3;margin:20px 0 0 30px}}header .navigation .label-lang{margin-top:55px}header .icon-lang{cursor:pointer;opacity:.6;fill:var(--text);width:30px;height:30px;padding:15px 30px 15px 15px}header .icon-lang.selected{opacity:1}@media (max-width: 660px){header .icon-lang{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 30px}@media (max-width: 660px){.logo{height:22px;padding:19px 20px}}.loading{position:relative;flex-grow:1}.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%}@media (any-hover: hover){.index .photos .photo-item .img:hover{opacity:.9}}.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:.2}.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 .description{padding:5px 15px 10px;line-height:150%}.photo .photo-aside .maps{display:flex;align-items:center;position:relative;width:100%;aspect-ratio:2.6/1}.photo .photo-aside .maps .google-maps{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 .maps .error{width:80%;color:#424242}.photo .photo-aside .maps .error a{cursor:pointer;color:var(--link)}.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 svg{fill:var(--pinned);width:16px;height:16px;margin-left:5px}@media (max-width: 660px){.photo-info p svg{width:14px;height:14px}}.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{font-size:16px;width:70%;margin:0 auto;font-family:ProximaNova-Regular-Lite,PingFang SC,Microsoft YaHei,WenQuanYi Micro Hei,Hiragino Sans,MS Gothic,Noto Sans CJK}.about,.error{width:clamp(0%,100% - 40px - env(safe-area-inset-left) - env(safe-area-inset-right),600px);margin:0 auto;text-align:center;padding-bottom:env(safe-area-inset-bottom)}.about .title,.error .title{font-size:18px;padding-bottom:30px}@media (max-width: 660px){.about .title,.error .title{font-size:16px}}.about .content,.error .content{padding-bottom:60px;line-height:150%}.about .content a,.error .content a{color:var(--link);cursor:pointer;text-decoration:none}.about .avatar{width:100px;height:100px;border-radius:80px;margin:45px 60px 60px;background:#a0a0a01a}.about .content.align-left{text-align:left}.about .content.chinese-indent{text-indent:2em}.about .content .email{display:flex;justify-content:center}.about .content .email span{-webkit-user-select:text;-moz-user-select:text;user-select:text}.about .content .email a{font-size:14px;padding:0 6px}.about .content .email a.copied{color:var(--text);opacity:.4}@media (max-width: 660px){.about .content .email a{font-size:12px}}.about .content .button{line-height:36px;border-radius:36px;background-color:var(--link);color:#fff;padding:0 20px;font-size:14px;margin-top:30px;display:inline-block;text-decoration:none}@media (max-width: 660px){.about .content .button{font-size:12px}}