feat: 增添新页面 & 修改样式

- 增添服务支持-常见问题 & 服务支持-文档资料
- 调整QuestionList样式

app/components/QuestionList.vue

@@ -2,11 +2,8 @@
     <div class="question-list">
         <el-collapse class="question-collapse" accordion>
             <el-collapse-item
-                v-for="(question, index) in questions"
-                :key="index"
-                :title="question.title"
-                :name="String(index)"
-            >
+v-for="(question, index) in questions" :key="index" :title="question.title"
+                :name="String(index)">
                 <markdown-renderer :content="question.content || ''" />
             </el-collapse-item>
         </el-collapse>
@@ -31,14 +28,33 @@ defineProps({
     border: none;
 }
 
+.question-collapse :deep(.el-collapse-item) {
+    margin-bottom: 1rem;
+    border-radius: 8px;
+}
+
+
 .question-collapse :deep(.el-collapse-item__header) {
     font-size: 1rem;
     padding: 1rem;
+    border-radius: 8px;
+    background-color: #f5f7fa;
+
+    transition: all 0.3s ease;
+
+    &.is-active {
+        background-color: #e1e6eb;
+        color: var(--el-color-primary);
+    }
 }
 
-.question-collapse :deep(.el-collapse-item) {
-    margin-bottom: 1rem;
-    border: 1px solid var(--el-border-color-light);
-    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
+.question-collapse :deep(.el-collapse-item__wrap) {
+    border: none;
 }
+
+.question-collapse :deep(.el-collapse-item__content) {
+    padding: 1rem;
+    font-size: 0.9rem;
+}
+
 </style>