.input-page[data-v-d7907386]{width:100vw;height:100vh;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#f5f7fa;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.container[data-v-d7907386],.input-page[data-v-d7907386]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container[data-v-d7907386]{width:100%;max-width:430px;padding:30px;background-color:#fff;border-radius:8px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.title[data-v-d7907386]{font-size:20px;font-weight:500;text-align:center;margin-bottom:30px;color:#303133}.code-wrapper[data-v-d7907386]{gap:15px;margin-bottom:30px}.code-box[data-v-d7907386],.code-wrapper[data-v-d7907386]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.code-box[data-v-d7907386]{width:60px;height:60px;font-size:24px;font-weight:700;color:#303133;border:1px solid #dcdfe6;border-radius:4px;background-color:#fff;-webkit-transition:all .3s;transition:all .3s}.code-box.active[data-v-d7907386]{border-color:#409eff;-webkit-box-shadow:0 0 0 2px rgba(64,158,255,.2);box-shadow:0 0 0 2px rgba(64,158,255,.2)}.cursor[data-v-d7907386]{position:absolute;width:2px;height:24px;background-color:#409eff;-webkit-animation:blink-d7907386 1s infinite;animation:blink-d7907386 1s infinite}@-webkit-keyframes blink-d7907386{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes blink-d7907386{0%,50%{opacity:1}51%,to{opacity:0}}.hidden-input[data-v-d7907386]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}[data-v-d7907386] .el-button{width:100%;max-width:200px;height:40px;font-size:14px;border-radius:4px}@media (max-width:768px){.input-page[data-v-d7907386]{padding:16px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-top:15vh}.container[data-v-d7907386]{padding:24px 20px}.title[data-v-d7907386]{font-size:18px;margin-bottom:24px}.code-wrapper[data-v-d7907386]{gap:12px;margin-bottom:24px}.code-box[data-v-d7907386]{width:55px;height:55px;font-size:22px}.cursor[data-v-d7907386]{height:22px}[data-v-d7907386] .el-button{max-width:none}}@media (max-width:375px){.code-wrapper[data-v-d7907386]{gap:10px}.code-box[data-v-d7907386]{width:50px;height:50px;font-size:20px}.cursor[data-v-d7907386]{height:20px}}