a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:kaiti;src:url(/sutra/fonts/kt.ttf)}@font-face{font-family:lishu;src:url(/sutra/fonts/ls.ttf)}@font-face{font-family:yingbi;src:url(/sutra/fonts/yb.ttf)}body{background-color:#f5f5f5}.logo{width:100%;text-align:center;margin-top:1.06667vw}.logo img{width:80vw;object-fit:contain}.footer-block{width:100%;height:25.6vw}.footer{width:100%;position:fixed;bottom:0}.footer .box1{width:100%;height:17.06667vw;background-color:#4d4d4d}.footer .box1,.footer .box1 .footer-btn{display:flex;align-items:center;justify-content:center}.footer .box1 .footer-btn{width:26.66667vw;height:6.4vw;background:#9e8d69 0 0 no-repeat padding-box;border:1.06667vw solid #fff;margin:1.33333vw;color:#fff;cursor:pointer}.footer .box2{width:100%;height:8.53333vw;background-color:#707070;display:flex;align-items:center;justify-content:center}.footer .box2 span{font:normal normal medium 3.2vw/8vw GenYoMin TW TTF;letter-spacing:.32vw;color:#fff;cursor:pointer;display:inline-block;height:8.53333vw;line-height:8.53333vw}.words{width:94.66667vw;height:11.73333vw;box-sizing:border-box;margin:3.2vw auto;overflow-x:scroll;overflow-y:hidden;white-space:nowrap}.words,.words .word{border-radius:.53333vw;background-color:#fff}.words .word{display:inline-block;width:10.66667vw;color:#bbb;font-size:7.46667vw;margin:.53333vw;background-color:#e5e5e5;line-height:10.66667vw;text-align:center;transition:all .15s linear}.words .word.writen{color:#9c6}.words .word.active{background-color:#fff;color:#f66}.paints{width:94.66667vw;height:94.66667vw;margin:auto;border:1px solid #fb4e57;position:relative;box-sizing:border-box;margin-top:3.2vw}.paints .slash1{width:94.66667vw;height:0;border-bottom:1px dashed #fb4e57;position:absolute;top:47.2vw}.paints .slash2{height:94.66667vw}.paints .slash2,.paints .slash3{width:0;border-left:1px dashed #fb4e57;position:absolute;left:47.2vw}.paints .slash3{height:133.6vw;top:-19.73333vw;transform:rotate(45deg)}.paints .slash4{width:0;height:133.6vw;border-left:1px dashed #fb4e57;position:absolute;left:47.2vw;top:-19.73333vw;transform:rotate(-45deg)}.paints .text{width:94.66667vw;line-height:94.66667vw;font-size:80vw;color:#e5e5e5;text-align:center}.paints canvas{width:94.66667vw;height:94.66667vw;position:absolute;top:0}.btns{width:94.66667vw;flex-direction:row;flex-wrap:wrap;border:1px solid #f1f1f1;border-right:0;margin:3.2vw auto}.btns,.btns .btn{display:flex;box-sizing:border-box}.btns .btn{width:25%;height:10.66667vw;background-color:#fff;color:#a6a9ab;font-size:4.26667vw;border-right:1px solid #f1f1f1;align-items:center;justify-content:center}.btns .btn img{width:6.4vw;height:6.4vw}.btns .btn.last img{transform:rotate(90deg)}.btns .btn.next img{transform:rotate(-90deg)}.btns .btn:active{opacity:.6}.btns .btn:nth-child(n+5){border-top:1px solid #f1f1f1}.save{width:100%;text-align:center;position:fixed;bottom:8.53333vw;right:0}h3[data-v-4fcf9f3c]{margin:10.66667vw 0 0}ul[data-v-4fcf9f3c]{list-style-type:none;padding:0}li[data-v-4fcf9f3c]{display:inline-block;margin:0 2.66667vw}a[data-v-4fcf9f3c]{color:#42b983}