.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-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 .toolbar .item .lang,img{-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}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:420px;background:var(--background-toolbar);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:30px}@media (max-width: 660px){header .toolbar{position:static;flex-grow:1;padding:35px 25px 0 55px;width:auto;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}header .toolbar:after{content:"";width:calc(100% - 30px);border-top:1px solid var(--text);position:absolute;top:260px;left:15px;opacity:.15}}header .toolbar .item{display:flex;align-items:center;justify-content:space-between;height:60px}header .toolbar .item .lang{display:flex;height:38px;border-radius:38px;cursor:pointer;background:var(--background-theme);box-sizing:border-box;padding:3px;position:relative}header .toolbar .item .lang div{display:flex;align-items:center;justify-content:center;opacity:.6;height:32px;position:relative;z-index:2}header .toolbar .item .lang div span{font-size:14px}@media (max-width: 660px){header .toolbar .item .lang div span{font-size:12px}}header .toolbar .item .lang div svg{margin-right:2px;display:none;fill:var(--background);width:16px;height:16px}@media (max-width: 660px){header .toolbar .item .lang div svg{width:14px;height:14px}}header .toolbar .item .lang:after{content:"";height:32px;border-radius:32px;background:var(--text);position:absolute;top:3px;left:3px;z-index:1;transition:.3s ease transform}header .toolbar .item .lang>.selected{opacity:1}header .toolbar .item .lang>.selected span{color:var(--background)}header .toolbar .item .lang>.selected svg{display:block}header .toolbar .item .lang>div:nth-child(1){width:82px}header .toolbar .item .lang>div:nth-child(1).selected{width:100px}header .toolbar .item .lang>div:nth-child(2){width:72px}header .toolbar .item .lang>div:nth-child(2).selected{width:90px}header .toolbar .item .lang.zh:after{width:100px}header .toolbar .item .lang.en:after{width:90px;transform:translate(82px)}@media (max-width: 660px){header .toolbar .item .lang>div:nth-child(1){width:74px}header .toolbar .item .lang>div:nth-child(1).selected{width:90px}header .toolbar .item .lang>div:nth-child(2){width:66px}header .toolbar .item .lang>div:nth-child(2).selected{width:82px}header .toolbar .item .lang.zh:after{width:90px}header .toolbar .item .lang.en:after{width:82px;transform:translate(74px)}}header .toolbar .item .theme{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;position:relative}header .toolbar .item .theme svg{box-sizing:border-box;width:30px;height:30px;padding:7px 5px;fill:var(--text);opacity:.3;position:relative;z-index:2}header .toolbar .item .theme svg.selected{opacity:1;fill:var(--background)}header .toolbar .item .theme:after{content:"";width:30px;height:30px;border-radius:30px;background:var(--text);position:absolute;top:3px;left:3px;z-index:1;transition:.3s ease transform,.6s ease background}header .toolbar .item .theme.dark:after{transform:translate(34px)}header .toolbar .item .hdr{cursor:pointer;position:relative}header .toolbar .item .hdr:before{content:"";display:block;width:48px;height:16px;background:var(--text);border-radius:18px;opacity:.15;transition:.6s ease opacity}header .toolbar .item .hdr: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 transform}header .toolbar .item .hdr.opened:before{opacity:.6}header .toolbar .item .hdr.opened:after{transform:translate(24px)}header .toolbar .note{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:grid;position:relative;margin-bottom:env(safe-area-inset-bottom);-moz-column-gap:15px;column-gap:15px;grid-template-columns:repeat(6,1fr)}@media (max-width: 3800px){.index .photos{grid-template-columns:repeat(5,1fr)}}@media (max-width: 3000px){.index .photos{grid-template-columns:repeat(4,1fr)}}@media (max-width: 2200px){.index .photos{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1300px){.index .photos{grid-template-columns:repeat(2,1fr)}}@media (max-width: 660px){.index .photos{-moz-column-gap:10px;column-gap:10px}}@media (max-width: 460px){.index .photos{grid-template-columns:1fr}}.index .photos .photo-item{margin-bottom:5%}.index .photos .photo-item .img{width:100%;background:#a0a0a01a;cursor:pointer}.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:16px;width:26px;padding:0 2px;fill:var(--background);background:var(--text)}@media (max-width: 660px){.photo-info p .hdr{height:14px;width:24px}}.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}