.index[data-v-cfabcf8a]{min-height:inherit;text-align:center;color:#fff;padding:.1rem 0 .3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.index .title[data-v-cfabcf8a]{font-size:.2rem;margin-bottom:.2rem}.index .control-panel[data-v-cfabcf8a]{width:12rem;text-align:left;margin:0 auto .2rem auto}.index .cyberboard[data-v-cfabcf8a]{width:12rem;height:6.38rem;background:no-repeat 50%/100% 100%;margin:0 auto;margin-bottom:.4rem;cursor:pointer}.index .cyberboard .light[data-v-cfabcf8a]{width:100%;height:22.5%;position:relative;-webkit-animation:light-scale-data-v-cfabcf8a 1s ease-out .5s;animation:light-scale-data-v-cfabcf8a 1s ease-out .5s}@-webkit-keyframes light-scale-data-v-cfabcf8a{0%{-webkit-transform:scale(1);transform:scale(1);z-index:1}50%{-webkit-transform:scale(1.03);transform:scale(1.03);z-index:1}to{-webkit-transform:scale(1);transform:scale(1);z-index:1}}@keyframes light-scale-data-v-cfabcf8a{0%{-webkit-transform:scale(1);transform:scale(1);z-index:1}50%{-webkit-transform:scale(1.03);transform:scale(1.03);z-index:1}to{-webkit-transform:scale(1);transform:scale(1);z-index:1}}.index .cyberboard .light img[data-v-cfabcf8a]{width:100%;height:100%;opacity:0;position:absolute;left:0;top:0;-webkit-animation:light-border-data-v-cfabcf8a 4s ease-out infinite;animation:light-border-data-v-cfabcf8a 4s ease-out infinite}.index .cyberboard .light img[data-v-cfabcf8a]:hover{opacity:1}@-webkit-keyframes light-border-data-v-cfabcf8a{0%{opacity:0}25%{opacity:1}50%{opacity:0}to{opacity:0}}@keyframes light-border-data-v-cfabcf8a{0%{opacity:0}25%{opacity:1}50%{opacity:0}to{opacity:0}}.index .cyberboard .keyboard[data-v-cfabcf8a]{width:100%;height:77.5%;position:relative;-webkit-animation:light-scale-data-v-cfabcf8a 1s ease-out 2.5s;animation:light-scale-data-v-cfabcf8a 1s ease-out 2.5s}@-webkit-keyframes keyboard-scale-data-v-cfabcf8a{0%{-webkit-transform:scale(1);transform:scale(1);z-index:1}50%{-webkit-transform:scale(1.03);transform:scale(1.03);z-index:1}to{-webkit-transform:scale(1);transform:scale(1);z-index:1}}@keyframes keyboard-scale-data-v-cfabcf8a{0%{-webkit-transform:scale(1);transform:scale(1);z-index:1}50%{-webkit-transform:scale(1.03);transform:scale(1.03);z-index:1}to{-webkit-transform:scale(1);transform:scale(1);z-index:1}}.index .cyberboard .keyboard .c-keyboard[data-v-cfabcf8a]{width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.index .cyberboard .keyboard img[data-v-cfabcf8a]{width:100%;height:100%;opacity:0;position:absolute;left:0;top:0;-webkit-animation:keyboard-border-data-v-cfabcf8a 4s ease-out infinite;animation:keyboard-border-data-v-cfabcf8a 4s ease-out infinite}.index .cyberboard .keyboard img[data-v-cfabcf8a]:hover{opacity:1}@-webkit-keyframes keyboard-border-data-v-cfabcf8a{0%{opacity:0}50%{opacity:0}75%{opacity:1}to{opacity:0}}@keyframes keyboard-border-data-v-cfabcf8a{0%{opacity:0}50%{opacity:0}75%{opacity:1}to{opacity:0}}.index .cyberboard:hover .keyboard img[data-v-cfabcf8a],.index .cyberboard:hover .light img[data-v-cfabcf8a]{-webkit-animation:none;animation:none}.index .buttons[data-v-cfabcf8a]{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}.index .buttons .profile[data-v-cfabcf8a]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:1.4rem;height:.42rem;line-height:.42rem;border:1px solid #f0321e;border-right:0!important;border-radius:4px 0 0 4px;color:#f0321e;font-size:.12rem;letter-spacing:.2em;text-align:left;padding:0 .2rem}.index .buttons .upload[data-v-cfabcf8a]{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;height:.42rem;color:#fff;background:#f0321e;border:1px solid #f0321e;font-size:.16rem;letter-spacing:.2em;border-radius:4px;cursor:pointer;width:1.8rem;border-radius:0 4px 4px 0}.index .buttons .upload[data-v-cfabcf8a]:hover{border:1px solid #fff}.index .buttons .upload[data-v-cfabcf8a]:disabled{pointer-events:all;cursor:not-allowed}.index .buttons .upload i[data-v-cfabcf8a]{margin-right:.1rem}.index .buttons .download[data-v-cfabcf8a]{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;height:.42rem;color:#fff;background:#f0321e;border:1px solid #f0321e;font-size:.16rem;letter-spacing:.2em;border-radius:4px;cursor:pointer;width:3.6rem;margin-left:1rem}.index .buttons .download[data-v-cfabcf8a]:hover{border:1px solid #fff}.index .buttons .download[data-v-cfabcf8a]:disabled{pointer-events:all;cursor:not-allowed}.index .buttons .download i[data-v-cfabcf8a]{margin-right:.1rem}.index .in-switch-led[data-v-cfabcf8a]{position:fixed;right:.2rem;bottom:2rem;font-size:.2rem}.index .in-switch-led .item[data-v-cfabcf8a]{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;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:2rem;cursor:pointer}.index .in-switch-led .item+.item[data-v-cfabcf8a]{margin-top:.2rem}.index .in-switch-led .item[data-v-cfabcf8a]:hover{color:#8028f5}.index .in-switch-led i[data-v-cfabcf8a]{width:.54rem;height:.54rem;line-height:.54rem;display:block;background:#8028f5;color:#fff;border-radius:10px;margin-right:.2rem;font-size:.22rem;padding-left:.05rem;text-align:center}