style(css): 优化问卷设计和预览样式

- 添加自定义复选框和单选按钮样式
- 调整矩阵问题表格样式
- 优化 NPS 问题布局
- 统一预览组件属性命名
-调整部分颜色变量

src/views/Design/components/Questions/MatrixQuestion.vue

@@ -127,7 +127,7 @@ const errorMessage = defineModel('errorMessage', {
     </template>
 
     <template #input>
-      <el-table :data="rows" style="width: 90vw">
+      <el-table :data="rows" style="width: 90vw" border stripe>
         <el-table-column :width="tableWidth">
           <template #header></template>
           <template #default="{ row /*, column, $index*/ }">
@@ -173,13 +173,15 @@ const errorMessage = defineModel('errorMessage', {
             </div>
           </template>
           <template #default="{ /*row, column, */ $index: rowIndex }">
-            <component
-              :is="activeComponent"
-              :element="element"
-              :rowIndex="rowIndex"
-              :colIndex="colIndex"
-              v-model:rowRecord="rowRecord"
-            />
+            <div>
+              <component
+                :is="activeComponent"
+                :element="element"
+                :rowIndex="rowIndex"
+                :colIndex="colIndex"
+                v-model:rowRecord="rowRecord"
+              />
+            </div>
           </template>
         </el-table-column>
       </el-table>
@@ -219,7 +221,6 @@ input[type='text'] {
 .matrix-radio:checked {
   border-color: transparent; /* 选中时边框颜色 */
 }
-
 .matrix-radio:checked::before {
   content: '\e728';
   position: absolute;