#app,body{background-color:#fff}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.favorite-pokemon{position:relative;background-color:#fff}.favorite-pokemon .types-list{padding:20px 20px 80px}.favorite-pokemon .types-list .type{display:inline-block;width:calc(50% - 10px);margin:5px;padding:20px;background:linear-gradient(0deg,#f2f2f2,#f7f7f7);vertical-align:top;border-radius:10px}.favorite-pokemon .types-list .type .type-name{margin-bottom:10px;font-weight:700;font-size:15px;text-align:center}.favorite-pokemon .types-list .type .pokemon{height:146px;overflow:hidden;text-align:center;background-color:#fff;border-radius:5px}.favorite-pokemon .types-list .type .pokemon .pokemon-cover{width:calc(50vw - 70px);max-width:90px;border-radius:15px;height:110px;padding:10px;-o-object-fit:cover;object-fit:cover}.favorite-pokemon .types-list .type .pokemon .pokemon-name{font-size:13px}.favorite-pokemon .render-btn{position:fixed;bottom:20px;width:calc(100% - 30px);max-width:450px;height:40px;margin:0 15px;color:#fff;font-size:16px;line-height:40px;text-align:center;background:#889326;border-radius:10px;opacity:.6}.favorite-pokemon .finish{opacity:1}.favorite-pokemon .page-footer{width:100%;margin:0 auto;padding-bottom:20px}.favorite-pokemon .page-footer .loader{margin-top:20px;padding-top:18px;padding-left:30px;font-size:16px;text-align:center}.favorite-pokemon .page-footer .loader:before{position:absolute;width:16px;height:16px;margin-left:-30px;border:2px solid #889326;border-left-color:transparent;border-radius:10px;animation:rolling 1s infinite;content:""}@keyframes rolling{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.favorite-pokemon .reset{margin:25px 25px 0;padding:7px;color:#e44848;text-align:center;background-color:#fff;border:1px solid #e44848;border-radius:4px}.favorite-pokemon .banner{width:calc(100% - 30px);margin:15px;border-radius:10px}.favorite-pokemon .modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10}.favorite-pokemon .mask{width:100%;height:100%;color:#fff;font-size:16px;text-align:right;background-color:rgba(0,0,0,.7)}.favorite-pokemon .spu-group{position:fixed;top:50%;left:50%;z-index:10;width:320px;height:70%;padding:20px;overflow-y:scroll;background-color:#f5f5f5;border-radius:15px;transform:translate(-50%,-50%)}.favorite-pokemon .spu-group .searchbox{width:100%;margin-bottom:20px;padding:12px;font-size:15px;border:none;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.1)}.favorite-pokemon .spu-group .spu{display:inline-block;width:calc(33% - 10px);height:110px;padding-top:10px;margin-right:10px;margin-bottom:10px;overflow:hidden;text-align:center;vertical-align:top;background-color:#fff;border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.1)}.favorite-pokemon .spu-group .spu .spu-cover{width:50px;height:62px;border-radius:3px;-o-object-fit:cover;object-fit:cover}.favorite-pokemon .spu-group .spu .spu-name{margin-top:5px;padding:0 5px;font-size:13px}.favorite-pokemon .draw{width:100%}.favorite-pokemon .tip{text-align:center;font-size:17px;margin:20px 0}.favorite-pokemon .goback-btn,.favorite-pokemon .publish-btn{width:200px;height:40px;margin:0 auto;font-size:16px;line-height:35px;text-align:center;border:2px solid #88aafc;border-radius:10px}.favorite-pokemon .goback-btn{color:#88aafc;background-color:#fff}.favorite-pokemon .publish-btn{margin-top:20px;color:#fff;background-color:#996f0d}.favorite-pokemon .paper{position:relative;padding-top:1px;width:100%;z-index:1;height:133vw}.favorite-pokemon .paper .poster-bg{position:absolute;top:0;z-index:-1}.favorite-pokemon .paper .poster-bg img{width:100%}.favorite-pokemon .paper .body{margin:5px 6px 6px;padding-bottom:60px}.favorite-pokemon .paper .body .header{height:44px;padding:6px 13px}.favorite-pokemon .paper .body .header .tag-name{background-color:rgba(0,0,0,.2);color:#fff;font-size:25px;padding:4px 15px;display:inline-block;border-radius:5px;letter-spacing:3px}.favorite-pokemon .paper .body .header .user{position:absolute;z-index:1;right:4vw;top:1.5vh;text-align:center}.favorite-pokemon .paper .body .header .user img{display:block;position:relative;margin:0 auto;width:50px;height:50px;border-radius:100%;vertical-align:middle;border:2.5px solid #fff;z-index:1}.favorite-pokemon .paper .body .header .user span{font-size:12px;margin-top:-18px;color:#fff;background-color:rgba(0,0,0,.2);max-width:84px;transform:scale(.8);text-align:center;display:inline-block;padding:20px 5px 5px;border-radius:3px;z-index:-1}.favorite-pokemon .paper .body .special-img{position:absolute;width:33vw;bottom:10vw;left:50%;transform:translateX(-50%)}.favorite-pokemon .paper .body .qrcode{position:absolute;width:20vw;bottom:18vw;left:78%;transform:translateX(-50%);border:2px solid #000;border-radius:9px;padding:8px;background:#fff}.favorite-pokemon .paper .body .image-list{padding:0 4vw 0 3vw;position:absolute;top:27vw}.favorite-pokemon .paper .body .image-list .paper-type{display:inline-block;width:22vw;margin:0 3vw;font-size:0;vertical-align:top}.favorite-pokemon .paper .body .image-list .paper-type .spu-cover{position:relative;margin:5px 12px;width:22vw;border-radius:7px;overflow:hidden;border:1px solid #a57544;box-shadow:0 1px 4px #fbd185}.favorite-pokemon .paper .body .image-list .paper-type .spu-cover .cover{background-color:#fff;height:27vw;text-align:center}.favorite-pokemon .paper .body .image-list .paper-type .spu-cover .cover img{height:100%}.favorite-pokemon .paper .body .image-list .paper-type .spu-cover .type-name{padding:1px 0 4px;position:absolute;bottom:-2px;left:-1px;right:-1px;font-weight:700;font-size:12px;display:block;text-align:center;background-color:#a57544;color:#fff}.favorite-pokemon .paper .body .image-list .paper-type .spu-cover .type-name span{display:inline-block;width:126%;margin-left:-13%;transform:scale(.8)}.favorite-pokemon .paper .qrcode{position:relative;display:inline-block;float:right;margin-top:27px;margin-right:4px;text-align:center}.favorite-pokemon .paper .qrcode .image{width:65px;background-color:#fff;border-radius:100px;border:3px solid #fff}.favorite-pokemon .paper .qrcode span{display:inherit;color:hsla(0,0%,100%,.9);font-size:12px;font-weight:700}.favorite-pokemon .paper .qrcode .avatar{position:absolute;top:17px;left:18px;width:24px;height:24px;border-radius:50px}.favorite-pokemon .paper .footer{margin-top:-60px}.favorite-pokemon .paper .footer .img-action{width:88px;margin-left:25px;margin-bottom:5px}.favorite-pokemon .paper .footer .img-bottom{width:100%}.favorite-pokemon .paper .footer .download-tip{float:right;font-size:12px;margin-right:16px;margin-top:-2px;transform:scale(.9);background:linear-gradient(90deg,#f9f9f9,#eee,#eee);padding:5px 10px 6px 16px;border-radius:30px}