.title-container[data-v-e12d1a5e]{text-align:center;font-size:18px;margin-bottom:16px}.btn-circle[data-v-e12d1a5e]{font-size:24px;width:50px;height:50px}.btn-rect[data-v-e12d1a5e]{width:48px;height:48px;font-size:18px}.ui-container[data-v-e12d1a5e]{width:320px;height:455px;padding:64px;border:3px solid #999;display:inline-block;position:relative;border-radius:4px}.ui-container .my-canvas-container[data-v-e12d1a5e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ui-container .my-canvas-container canvas[data-v-e12d1a5e]{-webkit-transform:scale(2);transform:scale(2)}.ui-container .btn-c[data-v-e12d1a5e]{position:absolute;top:180px;left:32px}.ui-container .btn-enter[data-v-e12d1a5e]{position:absolute;top:180px;right:32px}.ui-container .btn-up[data-v-e12d1a5e]{position:absolute;top:263px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.ui-container .btn-down[data-v-e12d1a5e]{position:absolute;top:377px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.ui-container .btn-left[data-v-e12d1a5e]{position:absolute;top:320px;left:75px}.ui-container .btn-right[data-v-e12d1a5e]{position:absolute;top:320px;right:75px}.operation-interface[data-v-372e691c]{width:100vw;height:100vh;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}