.letter-wrap[data-v-1e2ef4ea]{font-family:Satisfy,serif}#jsi-cherry-container[data-v-1e2ef4ea]{position:absolute;top:0;width:100%;height:100%;margin:0;padding:0;background-color:transparent;overflow:hidden;opacity:.618;z-index:99}#footer[data-v-1e2ef4ea]{position:fixed;top:10px;right:10px}#music_btn2[data-v-1e2ef4ea]{position:relative;margin:0 auto;display:block;width:32px;height:32px;background:url(https://haiyong.site/demo/eluvletter/images/play.png) no-repeat;cursor:pointer;opacity:.2}body[data-v-1e2ef4ea]{opacity:0}span[data-v-1e2ef4ea]{display:block;width:150px;height:150px;background:url(https://haiyong.site/demo/eluvletter/images/stitch.png) no-repeat;background-position:0 0}.typed-cursor[data-v-1e2ef4ea]{opacity:0;-webkit-animation:blink-data-v-1e2ef4ea .7s infinite;animation:blink-data-v-1e2ef4ea .7s infinite}@keyframes blink-data-v-1e2ef4ea{0%{opacity:0}50%{opacity:0}to{opacity:0}}@-webkit-keyframes blink-data-v-1e2ef4ea{0%{opacity:0}50%{opacity:0}to{opacity:0}}a[data-v-1e2ef4ea],abbr[data-v-1e2ef4ea],acronym[data-v-1e2ef4ea],address[data-v-1e2ef4ea],applet[data-v-1e2ef4ea],article[data-v-1e2ef4ea],aside[data-v-1e2ef4ea],audio[data-v-1e2ef4ea],b[data-v-1e2ef4ea],big[data-v-1e2ef4ea],blockquote[data-v-1e2ef4ea],body[data-v-1e2ef4ea],canvas[data-v-1e2ef4ea],caption[data-v-1e2ef4ea],center[data-v-1e2ef4ea],cite[data-v-1e2ef4ea],code[data-v-1e2ef4ea],dd[data-v-1e2ef4ea],del[data-v-1e2ef4ea],details[data-v-1e2ef4ea],dfn[data-v-1e2ef4ea],div[data-v-1e2ef4ea],dl[data-v-1e2ef4ea],dt[data-v-1e2ef4ea],em[data-v-1e2ef4ea],embed[data-v-1e2ef4ea],fieldset[data-v-1e2ef4ea],figcaption[data-v-1e2ef4ea],figure[data-v-1e2ef4ea],footer[data-v-1e2ef4ea],form[data-v-1e2ef4ea],h1[data-v-1e2ef4ea],h2[data-v-1e2ef4ea],h3[data-v-1e2ef4ea],h4[data-v-1e2ef4ea],h5[data-v-1e2ef4ea],h6[data-v-1e2ef4ea],header[data-v-1e2ef4ea],hgroup[data-v-1e2ef4ea],html[data-v-1e2ef4ea],i[data-v-1e2ef4ea],iframe[data-v-1e2ef4ea],img[data-v-1e2ef4ea],ins[data-v-1e2ef4ea],kbd[data-v-1e2ef4ea],label[data-v-1e2ef4ea],legend[data-v-1e2ef4ea],li[data-v-1e2ef4ea],mark[data-v-1e2ef4ea],menu[data-v-1e2ef4ea],nav[data-v-1e2ef4ea],object[data-v-1e2ef4ea],ol[data-v-1e2ef4ea],output[data-v-1e2ef4ea],p[data-v-1e2ef4ea],pre[data-v-1e2ef4ea],q[data-v-1e2ef4ea],ruby[data-v-1e2ef4ea],s[data-v-1e2ef4ea],samp[data-v-1e2ef4ea],section[data-v-1e2ef4ea],small[data-v-1e2ef4ea],span[data-v-1e2ef4ea],strike[data-v-1e2ef4ea],strong[data-v-1e2ef4ea],sub[data-v-1e2ef4ea],summary[data-v-1e2ef4ea],sup[data-v-1e2ef4ea],table[data-v-1e2ef4ea],tbody[data-v-1e2ef4ea],td[data-v-1e2ef4ea],tfoot[data-v-1e2ef4ea],th[data-v-1e2ef4ea],thead[data-v-1e2ef4ea],time[data-v-1e2ef4ea],tr[data-v-1e2ef4ea],tt[data-v-1e2ef4ea],u[data-v-1e2ef4ea],ul[data-v-1e2ef4ea],var[data-v-1e2ef4ea],video[data-v-1e2ef4ea]{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html[data-v-1e2ef4ea]{line-height:1;content-zooming:none}article[data-v-1e2ef4ea],aside[data-v-1e2ef4ea],details[data-v-1e2ef4ea],figcaption[data-v-1e2ef4ea],figure[data-v-1e2ef4ea],footer[data-v-1e2ef4ea],header[data-v-1e2ef4ea],hgroup[data-v-1e2ef4ea],menu[data-v-1e2ef4ea],nav[data-v-1e2ef4ea],section[data-v-1e2ef4ea],summary[data-v-1e2ef4ea]{display:block}body[data-v-1e2ef4ea]{font-family:Satisfy,serif;color:#837362;background:#fbf8f7}h2[data-v-1e2ef4ea]{font-size:1.5em;line-height:1.6;float:left;font-family:Satisfy,serif}a[data-v-1e2ef4ea]{color:#9b4849;text-decoration:none;display:block}a[data-v-1e2ef4ea]:hover{color:#783839}#open[data-v-1e2ef4ea]{width:150px;text-align:center;margin-top:50px;margin-left:200px}#flip[data-v-1e2ef4ea]{margin:160px 20px 0 0;float:right}#flip2back[data-v-1e2ef4ea]{margin-top:150px;float:right}#close[data-v-1e2ef4ea]{position:absolute;bottom:10px;right:10px}section.container[data-v-1e2ef4ea]{position:relative;width:600px;height:300px;margin:280px auto 0;perspective:1000px;-webkit-perspective:1000px;-moz-perspective:1000px}section.container>form.flip[data-v-1e2ef4ea]{width:100%;height:100%;position:absolute;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-webkit-transition:-webkit-transform .7s 0s;-moz-transition:-moz-transform .7s 0s;-webkit-transform-origin:center center;-moz-transform-origin:center center}section.container>form.flip>.back[data-v-1e2ef4ea],section.container>form.flip>.front[data-v-1e2ef4ea]{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}section.container>form.flip>.back[data-v-1e2ef4ea]{transform:rotateY(180deg);background:#837362;box-shadow:inset 0 10px 30px -10px rgba(0,0,0,.3),inset 0 1px 0 rgba(0,0,0,.2),inset 0 2px 0 hsla(0,0%,100%,.2)}section.container:target>form.flip[data-v-1e2ef4ea]{transform:rotateY(0deg)}.no-csstransforms3d section.container:target>form.flip>.back[data-v-1e2ef4ea]{display:none}.container#lid[data-v-1e2ef4ea]{position:relative;width:100%;height:50%;perspective:800px;z-index:2;transition:z-index 0s 1s;-moz-transition:z-index 0s 1s;-webkit-transition:z-index 0s 1s}.no-csstransforms3d .container#lid[data-v-1e2ef4ea]{transition:none}#content:target .container#lid[data-v-1e2ef4ea]{z-index:-1;transition:z-index 0s .5s;-moz-transition:z-index 0s .5s;-webkit-transition:z-index 0s .5s}.no-csstransforms3d #content:target .container#lid[data-v-1e2ef4ea]{transition:none}.no-csstransforms3d .container#lid .back[data-v-1e2ef4ea]{display:none}.no-csstransforms3d #content:target .container#lid .back[data-v-1e2ef4ea]{display:block;top:-150px}#lid .flip[data-v-1e2ef4ea]{width:100%;height:100%;position:absolute;transform-style:preserve-3d;transform-origin:left top}#lid .flip>.back[data-v-1e2ef4ea],#lid .flip>.front[data-v-1e2ef4ea]{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}#lid .flip>.back[data-v-1e2ef4ea]{transform:rotateX(180deg)}#content:target #lid .flip[data-v-1e2ef4ea]{transform:rotateX(180deg);transition-duration:.5s;transition-delay:0s}#letter .flip>div[data-v-1e2ef4ea],#lid .flip>div[data-v-1e2ef4ea],section.container>form.flip>div[data-v-1e2ef4ea]{box-sizing:border-box}#lid .flip .front[data-v-1e2ef4ea],section.container>form.flip .front[data-v-1e2ef4ea]{background:beige url(https://haiyong.site/demo/eluvletter/images/bg.png);border:1px solid #eae1d5;box-shadow:inset 0 0 10px 1px hsla(0,0%,100%,.6),0 2px 3px -2px rgba(0,0,0,.6);padding:20px 30px;color:#837362;text-shadow:0 1px 0 #fff,0 1px 0 #fff}section.container>form.flip>.front[data-v-1e2ef4ea]{font-size:1.25em;background:beige url(https://haiyong.site/demo/eluvletter/images/bg.png);background:url(https://haiyong.site/demo/eluvletter/images/bg.png) no-repeat 450px 20px,url(https://haiyong.site/demo/eluvletter/images/bg.png);padding:120px 20px 20px 40%;border:1px solid #eae1d5}#lid .flip .front[data-v-1e2ef4ea]{font-size:1.25em;border-radius:0 0 40px 40px}#lid .flip .back[data-v-1e2ef4ea]{background:#837362;border-radius:40px 40px 0 0;border:35px solid hsla(0,0%,100%,.1);border-bottom:none;box-shadow:inset 0 10px 30px 10px rgba(0,0,0,.1)}#top[data-v-1e2ef4ea]{text-align:right;background:beige url(https://haiyong.site/demo/eluvletter/images/bg.png);background:-ms-linear-gradient(top,hsla(0,0%,100%,0) 0,rgba(163,140,130,.17) 100%),url(https://haiyong.site/demo/eluvletter/images/bg.png);box-sizing:border-box;width:100%;height:65%;position:absolute;left:0;bottom:0;z-index:1;border:1px solid #eae1d5;box-shadow:inset 0 0 10px 1px hsla(0,0%,100%,.6),0 -2px 4px -3px rgba(0,0,0,.75),0 2px 3px -2px rgba(0,0,0,.6)}#letter[data-v-1e2ef4ea]{background:#fafafa;width:90%;height:95%;position:absolute;left:5%;top:5%;z-index:0;transition:0s 0s}#content:target #letter[data-v-1e2ef4ea]{top:-40%;transition:.5s .5s}#letter .container[data-v-1e2ef4ea]{position:absolute;width:100%;perspective:800px;top:0;left:0;transition:0s 0s;z-index:1}#letter .flip[data-v-1e2ef4ea]{width:100%;height:100%;position:absolute;transform-style:preserve-3d;transform-origin:left top}#letter .flip>.back[data-v-1e2ef4ea],#letter .flip>.front[data-v-1e2ef4ea]{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}#letter .flip>.back[data-v-1e2ef4ea]{transform:rotateX(180deg)}#content:target #letter .flip[data-v-1e2ef4ea]{transform:rotateX(180deg);transition-duration:.5s;transition-delay:1s}#content:target #letter .container[data-v-1e2ef4ea]{z-index:-1;transition:z-index 0s 1.5s}#letter .flip .front[data-v-1e2ef4ea]{background:#fafafa;box-shadow:0 2px 3px 0 rgba(0,0,0,.2)}.no-csstransforms3d #content:target #letter .flip .front[data-v-1e2ef4ea]{display:none}#letter .flip .back[data-v-1e2ef4ea]{background:#fafafa;background:-moz-linear-gradient(top,#fafafa 80%,#f7f7f7 100%);padding:40px 40px 0;font-size:18px;line-height:1.4;border-bottom:1px solid hsla(0,0%,100%,.5);box-shadow:0 -5px 8px -4px rgba(0,0,0,.15)}.no-csstransforms3d #content:target #letter .flip .back[data-v-1e2ef4ea]{top:-140px}input[type=text][data-v-1e2ef4ea]{background:transparent;border:none;border-bottom:1px dotted #837362;box-shadow:0 1px 0 hsla(0,0%,100%,.4);width:50%;-webkit-appearance:none}input[type=text][data-v-1e2ef4ea]:focus{outline:none;border-bottom:1px solid #837362;-webkit-appearance:none}textarea[data-v-1e2ef4ea]{margin:10px auto 0;box-sizing:border-box;width:90%;height:160px;padding:10px;display:block;background:transparent;background:hsla(0,0%,100%,.07);border:1px dashed #c8bfb6}textarea[data-v-1e2ef4ea]:focus{outline:none;background-color:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.46);box-shadow:inset 0 0 2px rgba(0,0,0,.1)}input[type=submit][data-v-1e2ef4ea]{cursor:pointer;display:block;margin:10px auto;-webkit-appearance:none;font-size:.9em;background:#9b4849;padding:5px 20px;border-radius:3px;border:1px solid #9b4849;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5);color:#fff;-webkit-transition:background .5s}input[type=submit][data-v-1e2ef4ea]:hover{background:#783839}#content.target #letter .flip .front[data-v-1e2ef4ea],.container.target>form.flip>.back[data-v-1e2ef4ea]{display:none}#content.target .container#lid[data-v-1e2ef4ea]{z-index:-1}#content.target .container#lid .back[data-v-1e2ef4ea]{display:block;top:-150px}#content.target #letter[data-v-1e2ef4ea]{top:-40%}#content.target #letter .flip .back[data-v-1e2ef4ea]{top:-140px}