.template-html-outer[data-v-09bfca1a]{width:100%;transform-origin:0 0;box-shadow:0 0 10px rgba(0,0,0,.15);position:relative}.template-html-outer .frame-bg[data-v-09bfca1a]{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.template-html[data-v-09bfca1a]{width:100%;overflow:hidden}.template-html .image[data-v-09bfca1a]{position:relative}.template-html .image .pic-mask[data-v-09bfca1a]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.template-html .image .pic-mask .prompt-text[data-v-09bfca1a]{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.template-html .image .pic-mask .prompt-text .repeat-text[data-v-09bfca1a]{background:#ee0a24;color:#fff;border-radius:10%;text-align:center}.template-html .image .pic-mask .prompt-icon[data-v-09bfca1a]{display:flex;justify-content:center;align-items:center}.template-html .image .pic-mask .prompt-icon.not-enough[data-v-09bfca1a]{background:rgba(0,0,0,.5)}.template-html .image .pic-mask .prompt-icon.not-enough img[data-v-09bfca1a]{margin:0 1.5rem}.template-html .image .pic-mask.selected[data-v-09bfca1a]{background:rgba(229,60,76,.7)}.template-html .image .pic-mask.selected p[data-v-09bfca1a]{color:#fff}.template-html .design-page-wrap img[data-v-09bfca1a]{width:100%}.page-info[data-v-09bfca1a]{display:flex;justify-content:center;margin-top:.5rem;padding:0 .5rem}.page-info.cross-page[data-v-09bfca1a]{justify-content:space-between}.page-info span[data-v-09bfca1a]{font-size:1.2rem;color:#393939}.book[data-v-0ca0128e]{width:100%;height:630px;position:relative;perspective:2000px;overflow:hidden}.book .page[data-v-0ca0128e]{width:100%;height:100%;position:absolute;backface-visibility:hidden;transition:transform 1.2s ease;background-color:#ccc;z-index:2;transform-origin:top}.book .page.cover-page[data-v-0ca0128e]{transform-origin:center}.book .page.flipped[data-v-0ca0128e]{transform:rotatex(180deg)}.book .page img[data-v-0ca0128e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.book .page .btns[data-v-0ca0128e]{width:100%;position:fixed;bottom:0;left:0;display:flex;justify-content:space-between;align-items:center;z-index:9999}.book .page .btns .next[data-v-0ca0128e]{width:35%;height:60px}.works[data-v-ae1dbfa6]{height:100vh;background:#f7f7f7;color:#333}.works .work-list[data-v-ae1dbfa6]{padding-bottom:8rem;background:#f7f7f7}.works .work-list .work-item[data-v-ae1dbfa6]{padding:1.2rem;margin-bottom:.3rem;background:#fff}.works .work-list .work-item .header[data-v-ae1dbfa6]{display:flex;justify-content:space-between;align-items:center}.works .work-list .work-item .header .title[data-v-ae1dbfa6]{display:flex;align-items:center}.works .work-list .work-item .header .title .icon[data-v-ae1dbfa6]{width:.6rem;height:1.2rem;background:#2549a1;border-radius:.8rem .8rem .8rem .8rem}.works .work-list .work-item .header .title .text[data-v-ae1dbfa6]{font-size:1.6rem;margin-left:.5rem}.works .work-list .work-item .turning-area[data-v-ae1dbfa6]{padding:0 1.3rem;margin:1.2rem 0 .6rem 0}.works .work-list .work-item .turning-area .turning[data-v-ae1dbfa6]{width:100%;border:1px solid #fff;display:flex;justify-content:center;align-items:center}.works .work-list .work-item .turning-area .turning.active[data-v-ae1dbfa6]{border:1px solid #a2c2f3}.works .work-list .work-item .tip[data-v-ae1dbfa6]{text-align:center;font-size:1.2rem;color:#999}.works .bottom[data-v-ae1dbfa6]{position:fixed;left:0;bottom:0;width:100vw;height:8rem;background:#fff;display:flex;justify-content:center;align-items:center;z-index:999}.works .bottom .design[data-v-ae1dbfa6]{width:80%;height:4.6rem;background:#333;border-radius:4rem;color:#fff;display:flex;justify-content:center;align-items:center}