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