html{font:normal normal normal 20px/150% BlinkMacSystemFont,Helvetica Neue,Roboto,PingFang SC,Microsoft YaHei,微软雅黑,STHeitiSC-Light,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:ltr;color:#37474f;min-height:100%}body,html{background:#fafafa}body{margin:0;position:relative;min-height:100vh;font-size:1rem}.main-container{display:flex;align-items:center;justify-content:center;height:100vh;min-height:30rem;min-width:65rem;overflow:hidden}.album-wrapper.album-loading{-webkit-filter:blur(1rem);filter:blur(1rem)}.album-wrapper{position:relative;width:60rem;padding:1rem 1rem 2.5rem 3.5rem;margin:0 auto;overflow:visible;transition:transform .8s,-webkit-filter 1s;transition:transform .8s,filter 1s;transition:transform .8s,filter 1s,-webkit-filter 1s;transform:translate(-10rem,-2rem) rotate(10deg) scale(.75)}.album-wrapper.album-active{transform:translate(-15rem)}.album-wrapper.album-active.album-open{transform:none}.desktop{position:absolute;width:160rem;height:150rem;left:-15rem;top:-40rem;background-color:#e2c792;background-image:url(desktop.0b286e8bb574ad16a244.png);background-size:40% 40%}.desktop:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(180deg,transparent,#b27c46)}.items{left:-21rem;top:-29rem;width:128rem;height:96rem;background-image:url(items.547736144924158435d2.svg);background-position:50%;background-repeat:no-repeat}.items,.light{position:absolute;background-size:100% 100%}.light{width:108rem;height:72rem;left:-15rem;top:-25rem;pointer-events:none;background-color:transparent;background-image:url(light.a3de5196e33eb1fc4f58.png);z-index:2;opacity:.8}.album{position:relative;width:60rem;height:25rem;z-index:1}.paper-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;perspective:160rem;transition:transform .5s;pointer-events:none}.paper-item{width:50%;height:100%;margin-left:50%;padding:.4rem .5rem .4rem 0;box-sizing:border-box;transition:transform .6s ease-in-out;transform-origin:left;transform-style:preserve-3d;pointer-events:all}.paper-item.flipped{transform:rotateY(-180deg) translateZ(0)}.paper{position:relative;width:100%;height:100%;transform-style:preserve-3d}.paper-back,.paper-cover{padding:0}.paper-back>.paper,.paper-cover>.paper{box-sizing:border-box}.page{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.page.page-front{transform:rotateY(0deg) translateZ(.1rem)}.page.page-back{transform:rotateY(-180deg) translateZ(.1rem)}.page-element{position:absolute}.page-element.page-title{left:5%;right:5%;top:20%;bottom:40%}.page-element.page-header-01{left:5%;right:5%;top:60%;bottom:20%}.page-element-image{cursor:pointer}.page-element>img{background-color:#edeff8;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.page-element-icon.icon-main{left:35%;right:35%;top:40%;bottom:20%}.page-element-icon.icon-main:before{background-color:rgba(0,0,0,.3)}.page-element-icon.icon-main:after,.page-element-icon.icon-main:before{content:"";position:absolute;top:0;width:100%;height:100%;display:block;-webkit-mask:url(couple.4991e66c603ad8cdbad1.svg);mask:url(couple.4991e66c603ad8cdbad1.svg);-webkit-mask-repeat:round;mask-repeat:round}.page-element-icon.icon-main:after{background-color:rgba(180,120,100,.2);transform:translate(.1rem,.1rem)}.page-element-text.page-title{font-size:2.4rem;left:15%;right:15%;top:20%;bottom:50%;text-align:center;line-height:2rem}.page-index{position:absolute;width:2rem;height:2rem;text-align:center;bottom:0;left:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.page-front .page-index{right:0;left:auto}a,a:hover{color:#37474f;text-decoration:none}a.button,div.button{display:inline-block;margin:1rem;padding:.5rem 1rem;background:#e65100;border-radius:.2rem;text-decoration:none;font-size:1.2rem;line-height:1.5rem;font-weight:700;color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.button>span{vertical-align:middle}.button{transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}.button:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.button:active{-webkit-filter:brightness(.8);filter:brightness(.8)}.button.idle{opacity:.6;pointer-events:none}i.icon{display:inline-block;width:1.6em;height:1.6em;opacity:.75;background-size:1.6em 1.6em;background-repeat:no-repeat;background-position:50%;vertical-align:middle}.icon.icon-book{background-image:url(book.a9e73b370bc191894591.svg)}.icon.icon-forward{background-image:url(forward.786bc6f3783ad27d18f1.svg)}.icon.icon-backward{background-image:url(backward.d69f6f1b63ff9fbe9fd0.svg)}.icon.icon-home{background-image:url(home.f0208b99f1e3d6d25945.svg)}.icon.icon-help{background-image:url(help.b2e4a4a096348b8ad2e7.svg)}.icon.icon-navigate_before{background-image:url(navigate_before.3dfb36c50e66ed11928c.svg)}.icon.icon-navigate_next{background-image:url(navigate_next.181d9f205dec9b99ecfc.svg)}.icon.icon-cloud_upload{background-image:url(cloud_upload.b382169b2a0b71aeca38.svg)}.icon.icon-house{background-image:url(house.3d91e1bdf6eecb7e87a5.svg)}.icon.icon-photo_album{background-image:url(photo_album.64d263d9ceb89065efd9.svg)}.icon.icon-photo_library{background-image:url(photo_library.375462758de780639ddb.svg)}.icon.icon-save_alt{background-image:url(save_alt.ce3185959ba8c7cdb1f8.svg)}.icon.icon-dynamic_feed{background-image:url(dynamic_feed.eaa506fe9e805754fbf0.svg)}.icon.icon-expand_less{background-image:url(expand_less.85bd2801f8ef590b693e.svg)}.icon.icon-expand_more{background-image:url(expand_more.559fbcb3d8fb3eaa957e.svg)}.icon.icon-info{background-image:url(info.4ed3c92beb150f286acc.svg)}.icon.icon-photo_size{background-image:url(photo_size.12a03e17e38b79a1638d.svg)}.icon.icon-pageview{background-image:url(pageview.3a47a7b288e015c90784.svg)}.icon.icon-panorama{background-image:url(panorama.1521b44f68766bb5fce3.svg)}.icon.icon-settings{background-image:url(settings.f347712935047dcf58ff.svg)}.icon.icon-unfold_less{background-image:url(unfold_less.73a426bf52d8cbeefd25.svg)}.icon.icon-unfold_more{background-image:url(unfold_more.6f62cc0b566a1886efe2.svg)}.dropzone{height:100%;border-radius:.2rem;border:.1rem dashed #0782d0}.ng-draggable{touch-action:none}.ng-draggable:hover{cursor:move;z-index:1000;-ms-touch-action:none}.ng-resizable-handle{position:absolute;display:none;touch-action:none;box-sizing:border-box;width:20px;height:20px;background:hsla(0,0%,100%,.8);border:4px solid rgba(0,0,0,.8);border-radius:50%}.ng-resizable:active .ng-resizable-handle,.ng-resizable:hover .ng-resizable-handle{display:block}.ng-resizable-handle.ng-resizable-se{cursor:se-resize;right:-10px;bottom:-10px}.ng-resizable-handle.ng-resizable-sw{cursor:sw-resize;left:-10px;bottom:-10px}.ng-resizable-handle.ng-resizable-ne{cursor:ne-resize;right:-10px;top:-10px}.ng-resizable-handle.ng-resizable-nw{cursor:nw-resize;left:-10px;top:-10px}@media only screen and (min-width:5121px){html{font-size:80px}}@media only screen and (max-width:5120px){html{font-size:72px}}@media only screen and (max-width:4480px){html{font-size:64px}}@media only screen and (max-width:3840px){html{font-size:56px;font-size:48px}}@media only screen and (max-width:3200px){html{font-size:40px}}@media only screen and (max-width:2560px){html{font-size:32px}}@media only screen and (max-width:1920px){html{font-size:24px}}@media only screen and (max-width:1600px){html{font-size:20px}}@media only screen and (max-width:1280px){html{font-size:16px}}@media only screen and (max-width:1080px){html{font-size:14px}}@media only screen and (max-width:960px){html{font-size:12px}}@media only screen and (max-width:768px){html{font-size:10px}}