| 1 |
- #writeOff .writeOff-box[data-v-e63e05bd]{width:636px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#writeOff .writeOff-head[data-v-e63e05bd]{margin-bottom:30px;text-align:center}#writeOff .writeOff-head img[data-v-e63e05bd]{display:inline-block;vertical-align:middle;width:46px;height:46px;border-radius:46px}#writeOff .writeOff-head p[data-v-e63e05bd]{display:inline-block;vertical-align:middle;font-size:24px;margin-left:6px;font-family:PingFang SC;color:#000}#writeOff .keyboard-box[data-v-e63e05bd]{margin-bottom:25px}#writeOff .keyboard-box .input-box[data-v-e63e05bd]{width:636px;padding:26px 0;background-color:#f7f7f8}#writeOff .keyboard-box .input-box input[data-v-e63e05bd]{margin-left:26px;border:none;font-size:32px;font-family:PingFang SC;width:calc(100% - 52px)}#writeOff .keyboard-box .buttons[data-v-e63e05bd]{display:flex;flex-direction:column;margin-bottom:10px;margin-top:20px}#writeOff .keyboard-box .buttons .row[data-v-e63e05bd]{display:flex;justify-content:space-between;width:100%}#writeOff .keyboard-box .buttons .row button[data-v-e63e05bd]{flex:1;height:60px;margin:10px;background:#F4F4F4;border:none;border-radius:12px;font-size:24px;font-weight:700;transition:background-color .3s ease}#writeOff .keyboard-box .buttons .row button[data-v-e63e05bd]:first-child{margin-left:0}#writeOff .keyboard-box .buttons .row button[data-v-e63e05bd]:last-child{margin-right:0}#writeOff .keyboard-box .buttons .row button[data-v-e63e05bd]:hover{background-color:#e0e0e0}#writeOff .keyboard-box .buttons .confirm-left[data-v-e63e05bd]{width:74%;display:inline-block;vertical-align:top}#writeOff .keyboard-box .buttons .confirm[data-v-e63e05bd]{background-color:#1291ff;color:#fff;width:145px;margin-left:20px;display:inline-block;vertical-align:top;height:140px;border:none;border-radius:12px;transition:background-color .3s ease;margin-top:10px;font-size:24px;font-weight:700}#writeOff .keyboard-box .buttons .confirm[data-v-e63e05bd]:hover{background-color:#0b7ffa}#writeOff .scan-code[data-v-e63e05bd]{border-radius:12px!important;color:#fff;width:636px;height:80px;display:block;margin-left:0;font-size:24px;font-family:PingFang SC}#writeOff .witeOff-btn[data-v-e63e05bd]{display:block;width:636px;height:80px;margin:20px 0;font-size:24px;font-family:PingFang SC}#writeOff .tip[data-v-e63e05bd]{font-size:18px;font-family:PingFang SC;color:#999;margin-top:20px}#writeOff .dialog-box[data-v-e63e05bd]{text-align:center;margin:30px 0}#writeOff .dialog-box .input-box[data-v-e63e05bd]{border:1px solid #47AAFF;border-radius:10px}#writeOff .dialog-box .input-box input[data-v-e63e05bd]{border:none;font-size:24px;font-family:PingFang SC;margin-left:23px;height:70px;width:100%}#writeOff .dialog-box .writeoff-introduce[data-v-e63e05bd]{margin-top:54px}#writeOff .dialog-box .scanCode-tip[data-v-e63e05bd]{display:flex;flex-direction:row;margin-top:20px}#writeOff .dialog-box .scanCode-tip div[data-v-e63e05bd]{flex:1;text-align:center;font-size:24px;font-family:PingFang SC}#writeOff .dialog-box .scanCode-tip div h3[data-v-e63e05bd]{color:#000}#writeOff .dialog-box .scanCode-tip div p[data-v-e63e05bd]{color:#888;margin-top:6px}#writeOff .custom-box-title[data-v-e63e05bd]{font-size:24px;font-weight:700;color:#000;text-align:center}.waritOff-options[data-v-e63e05bd]{margin-top:20px;text-align:center}.waritOff-options .el-radio-group[data-v-e63e05bd]{display:inline-block;vertical-align:middle;display:flex;flex-direction:row}.waritOff-options .el-radio-group .writeOff-radio[data-v-e63e05bd]{flex:1;width:100%;text-align:center;font-size:24px;font-family:PingFang SC;color:#000}.waritOff-options .el-radio-group .active[data-v-e63e05bd]{background-color:#e8f4ff}.channel-buttons[data-v-e63e05bd]{display:flex;justify-content:space-around;margin:20px 0;flex-wrap:wrap}.channel-btn[data-v-e63e05bd]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:120px;border-radius:12px;background-color:#f5f7fa;cursor:pointer;transition:all .3s ease;margin:10px;box-shadow:0 2px 12px #0000000d;box-sizing:border-box;border:2px solid transparent}.channel-btn[data-v-e63e05bd]:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.channel-btn.active[data-v-e63e05bd]{background-color:#e6f1fc;border-color:#1291ff}.channel-btn .channel-icon[data-v-e63e05bd]{width:48px;height:48px;margin-bottom:10px;object-fit:contain}.channel-btn span[data-v-e63e05bd]{font-size:16px;font-weight:500;color:#333}
|
