style: align question dialog with teacher theme

src/views/teacherEnd/exam/index.vue

@@ -64,7 +64,7 @@
       </el-tab-pane>
     </el-tabs>
 
-    <el-dialog v-model="questionDialog" :title="questionForm.id ? '编辑题目' : '新增题目'" width="720px" destroy-on-close>
+    <el-dialog v-model="questionDialog" :title="questionForm.id ? '编辑题目' : '新增题目'" width="720px" custom-class="teacher-dialog" destroy-on-close>
       <el-form ref="questionFormRef" :model="questionForm" :rules="questionRules" label-width="92px">
         <el-form-item label="题型" prop="type"><el-radio-group v-model="questionForm.type" @change="resetAnswer"><el-radio-button v-for="item in typeOptions" :key="item.value" :label="item.value">{{ item.label }}</el-radio-button></el-radio-group></el-form-item>
         <el-form-item label="题干" prop="stem"><el-input v-model="questionForm.stem" type="textarea" :rows="4" maxlength="2000" show-word-limit /></el-form-item>
@@ -342,6 +342,76 @@ function formatTime(value) { return value ? new Date(value).toLocaleString("zh-C
   color: var(--exam-accent);
 }
 
+:deep(.teacher-dialog .el-dialog__body) {
+  padding: 24px 28px 10px;
+}
+
+:deep(.teacher-dialog .el-form-item) {
+  margin-bottom: 20px;
+}
+
+:deep(.teacher-dialog .el-radio-button__inner) {
+  min-width: 92px;
+  padding: 10px 18px;
+  color: #cbe6f5;
+  border-color: rgba(80, 181, 229, 0.42);
+  background: rgba(4, 29, 46, 0.9);
+  box-shadow: none;
+}
+
+:deep(.teacher-dialog .el-radio-button:first-child .el-radio-button__inner) {
+  border-left-color: rgba(80, 181, 229, 0.42);
+}
+
+:deep(.teacher-dialog .el-radio-button__original-radio:checked + .el-radio-button__inner) {
+  color: #ffffff;
+  border-color: #38c9ff;
+  background: linear-gradient(135deg, #078dce, #1557d6);
+  box-shadow: -1px 0 0 0 #38c9ff;
+}
+
+:deep(.teacher-dialog .el-radio__label),
+:deep(.teacher-dialog .el-checkbox__label) {
+  color: #cbe6f5;
+}
+
+:deep(.teacher-dialog .el-radio__input.is-checked + .el-radio__label),
+:deep(.teacher-dialog .el-checkbox__input.is-checked + .el-checkbox__label) {
+  color: #e9f8ff;
+}
+
+:deep(.teacher-dialog .option-row) {
+  min-height: 48px;
+  margin-bottom: 12px;
+  padding: 6px 10px;
+  border: 1px solid rgba(61, 171, 220, 0.2);
+  border-radius: 8px;
+  background: rgba(3, 24, 39, 0.68);
+}
+
+:deep(.teacher-dialog .option-label) {
+  color: #e7f7ff;
+}
+
+:deep(.teacher-dialog .option-row .el-button.is-text) {
+  color: #8edfff;
+}
+
+:deep(.teacher-dialog .option-row .el-button.is-text:hover) {
+  color: #ffffff;
+  background: rgba(19, 107, 145, 0.28);
+}
+
+:deep(.teacher-dialog .option-editor > .el-button.is-text) {
+  margin-top: 2px;
+  color: #77dcff;
+}
+
+:deep(.teacher-dialog .el-dialog__footer) {
+  padding: 14px 28px 22px;
+  border-top: 1px solid rgba(52, 177, 238, 0.16);
+}
+
 @media (max-width: 960px) {
   .toolbar-spacer {
     flex-basis: 100%;