.letter-wrap[data-v-8aef7f8c]{font-family:Satisfy,serif}#jsi-cherry-container[data-v-8aef7f8c]{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-8aef7f8c]{position:fixed;top:10px;right:10px}#music_btn2[data-v-8aef7f8c]{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-8aef7f8c]{opacity:0}span[data-v-8aef7f8c]{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-8aef7f8c]{opacity:0;animation:blink-8aef7f8c .7s infinite}@keyframes blink-8aef7f8c{0%{opacity:0}50%{opacity:0}to{opacity:0}}a[data-v-8aef7f8c],abbr[data-v-8aef7f8c],acronym[data-v-8aef7f8c],address[data-v-8aef7f8c],applet[data-v-8aef7f8c],article[data-v-8aef7f8c],aside[data-v-8aef7f8c],audio[data-v-8aef7f8c],b[data-v-8aef7f8c],big[data-v-8aef7f8c],blockquote[data-v-8aef7f8c],body[data-v-8aef7f8c],canvas[data-v-8aef7f8c],caption[data-v-8aef7f8c],center[data-v-8aef7f8c],cite[data-v-8aef7f8c],code[data-v-8aef7f8c],dd[data-v-8aef7f8c],del[data-v-8aef7f8c],details[data-v-8aef7f8c],dfn[data-v-8aef7f8c],div[data-v-8aef7f8c],dl[data-v-8aef7f8c],dt[data-v-8aef7f8c],em[data-v-8aef7f8c],embed[data-v-8aef7f8c],fieldset[data-v-8aef7f8c],figcaption[data-v-8aef7f8c],figure[data-v-8aef7f8c],footer[data-v-8aef7f8c],form[data-v-8aef7f8c],h1[data-v-8aef7f8c],h2[data-v-8aef7f8c],h3[data-v-8aef7f8c],h4[data-v-8aef7f8c],h5[data-v-8aef7f8c],h6[data-v-8aef7f8c],header[data-v-8aef7f8c],hgroup[data-v-8aef7f8c],html[data-v-8aef7f8c],i[data-v-8aef7f8c],iframe[data-v-8aef7f8c],img[data-v-8aef7f8c],ins[data-v-8aef7f8c],kbd[data-v-8aef7f8c],label[data-v-8aef7f8c],legend[data-v-8aef7f8c],li[data-v-8aef7f8c],mark[data-v-8aef7f8c],menu[data-v-8aef7f8c],nav[data-v-8aef7f8c],object[data-v-8aef7f8c],ol[data-v-8aef7f8c],output[data-v-8aef7f8c],p[data-v-8aef7f8c],pre[data-v-8aef7f8c],q[data-v-8aef7f8c],ruby[data-v-8aef7f8c],s[data-v-8aef7f8c],samp[data-v-8aef7f8c],section[data-v-8aef7f8c],small[data-v-8aef7f8c],span[data-v-8aef7f8c],strike[data-v-8aef7f8c],strong[data-v-8aef7f8c],sub[data-v-8aef7f8c],summary[data-v-8aef7f8c],sup[data-v-8aef7f8c],table[data-v-8aef7f8c],tbody[data-v-8aef7f8c],td[data-v-8aef7f8c],tfoot[data-v-8aef7f8c],th[data-v-8aef7f8c],thead[data-v-8aef7f8c],time[data-v-8aef7f8c],tr[data-v-8aef7f8c],tt[data-v-8aef7f8c],u[data-v-8aef7f8c],ul[data-v-8aef7f8c],var[data-v-8aef7f8c],video[data-v-8aef7f8c]{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html[data-v-8aef7f8c]{line-height:1;content-zooming:none}article[data-v-8aef7f8c],aside[data-v-8aef7f8c],details[data-v-8aef7f8c],figcaption[data-v-8aef7f8c],figure[data-v-8aef7f8c],footer[data-v-8aef7f8c],header[data-v-8aef7f8c],hgroup[data-v-8aef7f8c],menu[data-v-8aef7f8c],nav[data-v-8aef7f8c],section[data-v-8aef7f8c],summary[data-v-8aef7f8c]{display:block}body[data-v-8aef7f8c]{font-family:Satisfy,serif;color:#837362;background:#fbf8f7}h2[data-v-8aef7f8c]{font-size:1.5em;line-height:1.6;float:left;font-family:Satisfy,serif}a[data-v-8aef7f8c]{color:#9b4849;text-decoration:none;display:block}a[data-v-8aef7f8c]:hover{color:#783839}#open[data-v-8aef7f8c]{width:150px;text-align:center;margin-top:50px;margin-left:200px}#flip[data-v-8aef7f8c]{margin:160px 20px 0 0;float:right}#flip2back[data-v-8aef7f8c]{margin-top:150px;float:right}#close[data-v-8aef7f8c]{position:absolute;bottom:10px;right:10px}section.container[data-v-8aef7f8c]{position:relative;width:600px;height:300px;margin:280px auto 0;perspective:1000px;-webkit-perspective:1000px;-moz-perspective:1000px}section.container>form.flip[data-v-8aef7f8c]{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-8aef7f8c],section.container>form.flip>.front[data-v-8aef7f8c]{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}section.container>form.flip>.back[data-v-8aef7f8c]{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-8aef7f8c]{transform:rotateY(0deg)}.no-csstransforms3d section.container:target>form.flip>.back[data-v-8aef7f8c]{display:none}.container#lid[data-v-8aef7f8c]{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-8aef7f8c]{transition:none}#content:target .container#lid[data-v-8aef7f8c]{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-8aef7f8c]{transition:none}.no-csstransforms3d .container#lid .back[data-v-8aef7f8c]{display:none}.no-csstransforms3d #content:target .container#lid .back[data-v-8aef7f8c]{display:block;top:-150px}#lid .flip[data-v-8aef7f8c]{width:100%;height:100%;position:absolute;transform-style:preserve-3d;transform-origin:left top}#lid .flip>.back[data-v-8aef7f8c],#lid .flip>.front[data-v-8aef7f8c]{position:absolute;width:100%;height:100%;backface-visibility:hidden}#lid .flip>.back[data-v-8aef7f8c]{transform:rotateX(180deg)}#content:target #lid .flip[data-v-8aef7f8c]{transform:rotateX(180deg);transition-duration:.5s;transition-delay:0s}#letter .flip>div[data-v-8aef7f8c],#lid .flip>div[data-v-8aef7f8c],section.container>form.flip>div[data-v-8aef7f8c]{box-sizing:border-box}#lid .flip .front[data-v-8aef7f8c],section.container>form.flip .front[data-v-8aef7f8c]{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-8aef7f8c]{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-8aef7f8c]{font-size:1.25em;border-radius:0 0 40px 40px}#lid .flip .back[data-v-8aef7f8c]{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-8aef7f8c]{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-8aef7f8c]{background:#fafafa;width:90%;height:95%;position:absolute;left:5%;top:5%;z-index:0;transition:0s 0s}#content:target #letter[data-v-8aef7f8c]{top:-40%;transition:.5s .5s}#letter .container[data-v-8aef7f8c]{position:absolute;width:100%;perspective:800px;top:0;left:0;transition:0s 0s;z-index:1}#letter .flip[data-v-8aef7f8c]{width:100%;height:100%;position:absolute;transform-style:preserve-3d;transform-origin:left top}#letter .flip>.back[data-v-8aef7f8c],#letter .flip>.front[data-v-8aef7f8c]{position:absolute;width:100%;height:100%;backface-visibility:hidden}#letter .flip>.back[data-v-8aef7f8c]{transform:rotateX(180deg)}#content:target #letter .flip[data-v-8aef7f8c]{transform:rotateX(180deg);transition-duration:.5s;transition-delay:1s}#content:target #letter .container[data-v-8aef7f8c]{z-index:-1;transition:z-index 0s 1.5s}#letter .flip .front[data-v-8aef7f8c]{background:#fafafa;box-shadow:0 2px 3px 0 rgba(0,0,0,.2)}.no-csstransforms3d #content:target #letter .flip .front[data-v-8aef7f8c]{display:none}#letter .flip .back[data-v-8aef7f8c]{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-8aef7f8c]{top:-140px}input[type=text][data-v-8aef7f8c]{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-8aef7f8c]:focus{outline:none;border-bottom:1px solid #837362;-webkit-appearance:none}textarea[data-v-8aef7f8c]{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-8aef7f8c]: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-8aef7f8c]{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-8aef7f8c]:hover{background:#783839}#content.target #letter .flip .front[data-v-8aef7f8c],.container.target>form.flip>.back[data-v-8aef7f8c]{display:none}#content.target .container#lid[data-v-8aef7f8c]{z-index:-1}#content.target .container#lid .back[data-v-8aef7f8c]{display:block;top:-150px}#content.target #letter[data-v-8aef7f8c]{top:-40%}#content.target #letter .flip .back[data-v-8aef7f8c]{top:-140px}