div[data-v-56ed1670]{font-size:0}.board-box[data-v-56ed1670]{width:100vw;height:100vh;position:relative}.board-box .canvas-box[data-v-56ed1670]{width:100vw;height:100vh;background:#fff;position:absolute;top:0;left:0}.board-box #rotate-box[data-v-56ed1670]{position:absolute;z-index:-1}.board-box .vertical-box[data-v-56ed1670]{transform:rotate(-90deg)}.board-box .transverse-box[data-v-56ed1670],.board-box .vertical-box[data-v-56ed1670]{display:flex;align-items:center;justify-content:center}@media screen and (orientation:portrait){.action-bar[data-v-56ed1670]{width:50px;height:100vh;padding:30px 0;box-sizing:border-box;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border-right:1px dashed #eee;position:fixed;left:0;top:0;z-index:2}.action-bar img[data-v-56ed1670]{width:25px;height:25px;transform:rotate(90deg)}.action-bar span[data-v-56ed1670]{font-size:17px;color:#535bff;font-weight:700;transform:rotate(90deg)}}@media screen and (orientation:landscape){.action-bar[data-v-56ed1670]{width:100vw;height:50px;padding:0 30px;box-sizing:border-box;background:#fff;display:flex;align-items:center;justify-content:space-between;position:fixed;left:0;bottom:0;z-index:2}.action-bar img[data-v-56ed1670]{width:25px;height:25px}.action-bar span[data-v-56ed1670]{font-size:17px;color:#535bff;font-weight:700}}