Merge remote-tracking branch 'origin/dev' into dev

.idea/.gitignore

@@ -1,10 +0,0 @@
-# 默认忽略的文件
-/shelf/
-/workspace.xml
-# 基于编辑器的 HTTP 客户端请求
-/httpRequests/
-# 依赖于环境的 Maven 主目录路径
-/mavenHomeManager.xml
-# Datasource local storage ignored files
-/dataSources/
-/dataSources.local.xml

.idea/shelf/_2025_11_5_16_53____.xml

@@ -0,0 +1,4 @@
+<changelist name="在进行签出之前于_2025_11_5_16_53_取消提交了更改_[更改]" date="1762332821806" recycled="true" deleted="true">
+  <option name="PATH" value="$PROJECT_DIR$/.idea/shelf/在进行签出之前于_2025_11_5_16_53_取消提交了更改_[更改]/shelved.patch" />
+  <option name="DESCRIPTION" value="在进行签出之前于 2025/11/5 16:53 取消提交了更改 [更改]" />
+</changelist>

.idea/shelf/_2025_11_5_17_05____.xml

@@ -0,0 +1,4 @@
+<changelist name="在进行更新之前于_2025_11_5_17_05_取消提交了更改_[更改]" date="1762333549002" recycled="true" deleted="true">
+  <option name="PATH" value="$PROJECT_DIR$/.idea/shelf/在进行更新之前于_2025_11_5_17_05_取消提交了更改_[更改]/shelved.patch" />
+  <option name="DESCRIPTION" value="在进行更新之前于 2025/11/5 17:05 取消提交了更改 [更改]" />
+</changelist>

.idea/shelf/___1.xml

@@ -0,0 +1,4 @@
+<changelist name="在变基之前未提交的更改_[更改]1" date="1762333474424" recycled="true" deleted="true">
+  <option name="PATH" value="$PROJECT_DIR$/.idea/shelf/在变基之前未提交的更改_[更改]1/shelved.patch" />
+  <option name="DESCRIPTION" value="在变基之前未提交的更改 [更改]" />
+</changelist>

.idea/shelf/在变基之前未提交的更改_[更改]1/shelved.patch

@@ -0,0 +1,63 @@
+Index: .idea/workspace.xml
+IDEA additional info:
+Subsystem: com.intellij.openapi.diff.impl.patch.BaseRevisionTextPatchEP
+<+><?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<project version=\"4\">\r\n  <component name=\"AutoImportSettings\">\r\n    <option name=\"autoReloadType\" value=\"SELECTIVE\" />\r\n  </component>\r\n  <component name=\"ChangeListManager\">\r\n    <list default=\"true\" id=\"1250a154-aa13-4278-9e87-904a86c4dbd2\" name=\"更改\" comment=\"11.1\" />\r\n    <option name=\"SHOW_DIALOG\" value=\"false\" />\r\n    <option name=\"HIGHLIGHT_CONFLICTS\" value=\"true\" />\r\n    <option name=\"HIGHLIGHT_NON_ACTIVE_CHANGELIST\" value=\"false\" />\r\n    <option name=\"LAST_RESOLUTION\" value=\"IGNORE\" />\r\n  </component>\r\n  <component name=\"Git.Settings\">\r\n    <option name=\"RECENT_BRANCH_BY_REPOSITORY\">\r\n      <map>\r\n        <entry key=\"$PROJECT_DIR$\" value=\"sunweining/feature-20251028175924-学习\" />\r\n      </map>\r\n    </option>\r\n    <option name=\"RECENT_GIT_ROOT_PATH\" value=\"$PROJECT_DIR$\" />\r\n  </component>\r\n  <component name=\"PropertiesComponent\"><![CDATA[{\r\n  \"keyToString\": {\r\n    \"git-widget-placeholder\": \"dev\",\r\n    \"last_opened_file_path\": \"D:/study_dbqb/Dbqb_Study/孙维宁学习笔记\",\r\n    \"node.js.selected.package.tslint\": \"(autodetect)\"\r\n  }\r\n}]]></component>\r\n  <component name=\"TaskManager\">\r\n    <task id=\"LOCAL-00001\" summary=\"11.1\">\r\n      <option name=\"closed\" value=\"true\" />\r\n      <created>1761983013107</created>\r\n      <option name=\"number\" value=\"00001\" />\r\n      <option name=\"presentableId\" value=\"LOCAL-00001\" />\r\n      <option name=\"project\" value=\"LOCAL\" />\r\n      <updated>1761983013107</updated>\r\n    </task>\r\n    <task id=\"LOCAL-00002\" summary=\"11.1\">\r\n      <option name=\"closed\" value=\"true\" />\r\n      <created>1761983018907</created>\r\n      <option name=\"number\" value=\"00002\" />\r\n      <option name=\"presentableId\" value=\"LOCAL-00002\" />\r\n      <option name=\"project\" value=\"LOCAL\" />\r\n      <updated>1761983018907</updated>\r\n    </task>\r\n    <option name=\"localTasksCounter\" value=\"3\" />\r\n    <servers />\r\n  </component>\r\n  <component name=\"VcsManagerConfiguration\">\r\n    <MESSAGE value=\"11.1\" />\r\n    <option name=\"LAST_COMMIT_MESSAGE\" value=\"11.1\" />\r\n  </component>\r\n</project>
+Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
+<+>UTF-8
+===================================================================
+diff --git a/.idea/workspace.xml b/.idea/workspace.xml
+--- a/.idea/workspace.xml	(revision f366c0480cf623186a778468de70c0443ae1d471)
++++ b/.idea/workspace.xml	(date 1762333349191)
+@@ -4,7 +4,7 @@
+     <option name="autoReloadType" value="SELECTIVE" />
+   </component>
+   <component name="ChangeListManager">
+-    <list default="true" id="1250a154-aa13-4278-9e87-904a86c4dbd2" name="更改" comment="11.1" />
++    <list default="true" id="1250a154-aa13-4278-9e87-904a86c4dbd2" name="更改" comment="11.5" />
+     <option name="SHOW_DIALOG" value="false" />
+     <option name="HIGHLIGHT_CONFLICTS" value="true" />
+     <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
+@@ -18,13 +18,13 @@
+     </option>
+     <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
+   </component>
+-  <component name="PropertiesComponent"><![CDATA[{
+-  "keyToString": {
+-    "git-widget-placeholder": "dev",
+-    "last_opened_file_path": "D:/study_dbqb/Dbqb_Study/孙维宁学习笔记",
+-    "node.js.selected.package.tslint": "(autodetect)"
++  <component name="PropertiesComponent">{
++  &quot;keyToString&quot;: {
++    &quot;git-widget-placeholder&quot;: &quot;dev&quot;,
++    &quot;last_opened_file_path&quot;: &quot;D:/study_dbqb/Dbqb_Study/孙维宁学习笔记&quot;,
++    &quot;node.js.selected.package.tslint&quot;: &quot;(autodetect)&quot;
+   }
+-}]]></component>
++}</component>
+   <component name="TaskManager">
+     <task id="LOCAL-00001" summary="11.1">
+       <option name="closed" value="true" />
+@@ -42,11 +42,20 @@
+       <option name="project" value="LOCAL" />
+       <updated>1761983018907</updated>
+     </task>
+-    <option name="localTasksCounter" value="3" />
++    <task id="LOCAL-00003" summary="11.5">
++      <option name="closed" value="true" />
++      <created>1762333284024</created>
++      <option name="number" value="00003" />
++      <option name="presentableId" value="LOCAL-00003" />
++      <option name="project" value="LOCAL" />
++      <updated>1762333284024</updated>
++    </task>
++    <option name="localTasksCounter" value="4" />
+     <servers />
+   </component>
+   <component name="VcsManagerConfiguration">
+     <MESSAGE value="11.1" />
+-    <option name="LAST_COMMIT_MESSAGE" value="11.1" />
++    <MESSAGE value="11.5" />
++    <option name="LAST_COMMIT_MESSAGE" value="11.5" />
+   </component>
+ </project>
+\ No newline at end of file

.idea/shelf/在进行更新之前于_2025_11_5_17_05_取消提交了更改_[更改]/shelved.patch

@@ -0,0 +1,63 @@
+Index: .idea/workspace.xml
+IDEA additional info:
+Subsystem: com.intellij.openapi.diff.impl.patch.BaseRevisionTextPatchEP
+<+><?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<project version=\"4\">\r\n  <component name=\"AutoImportSettings\">\r\n    <option name=\"autoReloadType\" value=\"SELECTIVE\" />\r\n  </component>\r\n  <component name=\"ChangeListManager\">\r\n    <list default=\"true\" id=\"1250a154-aa13-4278-9e87-904a86c4dbd2\" name=\"更改\" comment=\"11.1\" />\r\n    <option name=\"SHOW_DIALOG\" value=\"false\" />\r\n    <option name=\"HIGHLIGHT_CONFLICTS\" value=\"true\" />\r\n    <option name=\"HIGHLIGHT_NON_ACTIVE_CHANGELIST\" value=\"false\" />\r\n    <option name=\"LAST_RESOLUTION\" value=\"IGNORE\" />\r\n  </component>\r\n  <component name=\"Git.Settings\">\r\n    <option name=\"RECENT_BRANCH_BY_REPOSITORY\">\r\n      <map>\r\n        <entry key=\"$PROJECT_DIR$\" value=\"sunweining/feature-20251028175924-学习\" />\r\n      </map>\r\n    </option>\r\n    <option name=\"RECENT_GIT_ROOT_PATH\" value=\"$PROJECT_DIR$\" />\r\n  </component>\r\n  <component name=\"PropertiesComponent\"><![CDATA[{\r\n  \"keyToString\": {\r\n    \"git-widget-placeholder\": \"dev\",\r\n    \"last_opened_file_path\": \"D:/study_dbqb/Dbqb_Study/孙维宁学习笔记\",\r\n    \"node.js.selected.package.tslint\": \"(autodetect)\"\r\n  }\r\n}]]></component>\r\n  <component name=\"TaskManager\">\r\n    <task id=\"LOCAL-00001\" summary=\"11.1\">\r\n      <option name=\"closed\" value=\"true\" />\r\n      <created>1761983013107</created>\r\n      <option name=\"number\" value=\"00001\" />\r\n      <option name=\"presentableId\" value=\"LOCAL-00001\" />\r\n      <option name=\"project\" value=\"LOCAL\" />\r\n      <updated>1761983013107</updated>\r\n    </task>\r\n    <task id=\"LOCAL-00002\" summary=\"11.1\">\r\n      <option name=\"closed\" value=\"true\" />\r\n      <created>1761983018907</created>\r\n      <option name=\"number\" value=\"00002\" />\r\n      <option name=\"presentableId\" value=\"LOCAL-00002\" />\r\n      <option name=\"project\" value=\"LOCAL\" />\r\n      <updated>1761983018907</updated>\r\n    </task>\r\n    <option name=\"localTasksCounter\" value=\"3\" />\r\n    <servers />\r\n  </component>\r\n  <component name=\"VcsManagerConfiguration\">\r\n    <MESSAGE value=\"11.1\" />\r\n    <option name=\"LAST_COMMIT_MESSAGE\" value=\"11.1\" />\r\n  </component>\r\n</project>
+Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
+<+>UTF-8
+===================================================================
+diff --git a/.idea/workspace.xml b/.idea/workspace.xml
+--- a/.idea/workspace.xml	(revision 01f816774a0da35f14d27ece486a2a0b59203511)
++++ b/.idea/workspace.xml	(date 1762333474422)
+@@ -4,7 +4,7 @@
+     <option name="autoReloadType" value="SELECTIVE" />
+   </component>
+   <component name="ChangeListManager">
+-    <list default="true" id="1250a154-aa13-4278-9e87-904a86c4dbd2" name="更改" comment="11.1" />
++    <list default="true" id="1250a154-aa13-4278-9e87-904a86c4dbd2" name="更改" comment="11.5" />
+     <option name="SHOW_DIALOG" value="false" />
+     <option name="HIGHLIGHT_CONFLICTS" value="true" />
+     <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
+@@ -18,13 +18,13 @@
+     </option>
+     <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
+   </component>
+-  <component name="PropertiesComponent"><![CDATA[{
+-  "keyToString": {
+-    "git-widget-placeholder": "dev",
+-    "last_opened_file_path": "D:/study_dbqb/Dbqb_Study/孙维宁学习笔记",
+-    "node.js.selected.package.tslint": "(autodetect)"
++  <component name="PropertiesComponent">{
++  &quot;keyToString&quot;: {
++    &quot;git-widget-placeholder&quot;: &quot;dev&quot;,
++    &quot;last_opened_file_path&quot;: &quot;D:/study_dbqb/Dbqb_Study/孙维宁学习笔记&quot;,
++    &quot;node.js.selected.package.tslint&quot;: &quot;(autodetect)&quot;
+   }
+-}]]></component>
++}</component>
+   <component name="TaskManager">
+     <task id="LOCAL-00001" summary="11.1">
+       <option name="closed" value="true" />
+@@ -42,11 +42,20 @@
+       <option name="project" value="LOCAL" />
+       <updated>1761983018907</updated>
+     </task>
+-    <option name="localTasksCounter" value="3" />
++    <task id="LOCAL-00003" summary="11.5">
++      <option name="closed" value="true" />
++      <created>1762333284024</created>
++      <option name="number" value="00003" />
++      <option name="presentableId" value="LOCAL-00003" />
++      <option name="project" value="LOCAL" />
++      <updated>1762333284024</updated>
++    </task>
++    <option name="localTasksCounter" value="4" />
+     <servers />
+   </component>
+   <component name="VcsManagerConfiguration">
+     <MESSAGE value="11.1" />
+-    <option name="LAST_COMMIT_MESSAGE" value="11.1" />
++    <MESSAGE value="11.5" />
++    <option name="LAST_COMMIT_MESSAGE" value="11.5" />
+   </component>
+ </project>
+\ No newline at end of file

.idea/workspace.xml

@@ -4,7 +4,9 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="1250a154-aa13-4278-9e87-904a86c4dbd2" name="更改" comment="11.1" />
+    <list default="true" id="1250a154-aa13-4278-9e87-904a86c4dbd2" name="更改" comment="11.5">
+      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+    </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
     <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
@@ -13,18 +15,46 @@
   <component name="Git.Settings">
     <option name="RECENT_BRANCH_BY_REPOSITORY">
       <map>
-        <entry key="$PROJECT_DIR$" value="sunweining/feature-20251028175924-学习" />
+        <entry key="$PROJECT_DIR$" value="dev" />
       </map>
     </option>
     <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
   </component>
+  <component name="ProjectColorInfo">{
+  &quot;associatedIndex&quot;: 0
+}</component>
+  <component name="ProjectId" id="353KyGCnYJFbynSTGPtdrLF9Edm" />
+  <component name="ProjectViewState">
+    <option name="hideEmptyMiddlePackages" value="true" />
+    <option name="showLibraryContents" value="true" />
+  </component>
   <component name="PropertiesComponent"><![CDATA[{
   "keyToString": {
-    "git-widget-placeholder": "dev",
+    "ModuleVcsDetector.initialDetectionPerformed": "true",
+    "RunOnceActivity.ShowReadmeOnStart": "true",
+    "RunOnceActivity.git.unshallow": "true",
+    "git-widget-placeholder": "sunweining/feature-20251028175924-学习",
     "last_opened_file_path": "D:/study_dbqb/Dbqb_Study/孙维宁学习笔记",
-    "node.js.selected.package.tslint": "(autodetect)"
+    "node.js.detected.package.eslint": "true",
+    "node.js.selected.package.eslint": "(autodetect)",
+    "node.js.selected.package.tslint": "(autodetect)",
+    "nodejs_package_manager_path": "npm",
+    "vue.rearranger.settings.migration": "true"
   }
 }]]></component>
+  <component name="RecentsManager">
+    <key name="CopyFile.RECENT_KEYS">
+      <recent name="D:\study_dbqb\Dbqb_Study\孙维宁学习笔记" />
+    </key>
+  </component>
+  <component name="SharedIndexes">
+    <attachedChunks>
+      <set>
+        <option value="bundled-jdk-9823dce3aa75-fbdcb00ec9e3-intellij.indexing.shared.core-IU-251.26927.53" />
+        <option value="bundled-js-predefined-d6986cc7102b-09060db00ec0-JavaScript-IU-251.26927.53" />
+      </set>
+    </attachedChunks>
+  </component>
   <component name="TaskManager">
     <task id="LOCAL-00001" summary="11.1">
       <option name="closed" value="true" />
@@ -42,11 +72,33 @@
       <option name="project" value="LOCAL" />
       <updated>1761983018907</updated>
     </task>
-    <option name="localTasksCounter" value="3" />
+    <task id="LOCAL-00003" summary="11.5">
+      <option name="closed" value="true" />
+      <created>1762333284024</created>
+      <option name="number" value="00003" />
+      <option name="presentableId" value="LOCAL-00003" />
+      <option name="project" value="LOCAL" />
+      <updated>1762333284024</updated>
+    </task>
+    <task active="true" id="Default" summary="默认任务">
+      <changelist id="1250a154-aa13-4278-9e87-904a86c4dbd2" name="更改" comment="11.5" />
+      <created>1762333567204</created>
+      <option name="number" value="Default" />
+      <option name="presentableId" value="Default" />
+      <updated>1762333567204</updated>
+      <workItem from="1762333568292" duration="691000" />
+      <workItem from="1762390006167" duration="599000" />
+      <workItem from="1762421259945" duration="616000" />
+    </task>
+    <option name="localTasksCounter" value="4" />
     <servers />
   </component>
+  <component name="TypeScriptGeneratedFilesManager">
+    <option name="version" value="3" />
+  </component>
   <component name="VcsManagerConfiguration">
     <MESSAGE value="11.1" />
-    <option name="LAST_COMMIT_MESSAGE" value="11.1" />
+    <MESSAGE value="11.5" />
+    <option name="LAST_COMMIT_MESSAGE" value="11.5" />
   </component>
 </project>

吴光慧学习笔记/hello_vue3/src/App.vue

@@ -1,10 +1,9 @@
 <template>
-  <Count/>
-  <br>
-  <LoveTalk/>
+  <GuPiao/>
 </template>
 
 <script setup lang="ts" name="App">
   import Count from './components/Count.vue'
   import LoveTalk from './components/LoveTalk.vue'
+  import GuPiao from './components/GuPiao.vue';
 </script>

吴光慧学习笔记/hello_vue3/src/components/GuPiao.vue

@@ -0,0 +1,434 @@
+<template>
+  <div class="exam-system">
+    <!-- 头部标题 -->
+    <header class="header">
+      <div class="logo">
+        <span class="icon">📋</span>
+        <span class="title">股票知识评测系统</span>
+      </div>
+      <div class="subtitle">全方面评估您股票知识水平，还能个性化学习建议</div>
+    </header>
+
+    <div class="main-content">
+      <!-- 左侧题目区域 -->
+      <div class="left-panel">
+        <!-- 题目显示区 -->
+        <div class="question-area">
+          <div class="question-header">
+            <input type="text" v-model="searchText" placeholder="搜索题目..." class="search-input" />
+          </div>
+          
+          <div class="question-content">
+            <h3 class="question-title">{{ currentQuestion.title }}</h3>
+            
+            <div class="options">
+              <div 
+                v-for="option in currentQuestion.options" 
+                :key="option.key"
+                class="option-item"
+                :class="{ 'selected': selectedAnswer === option.key }"
+                @click="selectAnswer(option.key)"
+              >
+                <span class="radio-btn" :class="{ 'checked': selectedAnswer === option.key }"></span>
+                <span class="option-label">{{ option.key }}. {{ option.text }}</span>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 答题卡预览区 -->
+        <div class="answer-preview">
+          <div class="preview-content">
+            <!-- 可以显示答题进度或其他信息 -->
+          </div>
+        </div>
+
+        <!-- 底部按钮 -->
+        <div class="bottom-actions">
+          <button class="btn btn-secondary" @click="submitExam">提交</button>
+          <button class="btn btn-primary" @click="previousQuestion">← 上一题</button>
+          <button class="btn btn-primary" @click="nextQuestion">下一题 →</button>
+        </div>
+      </div>
+
+      <!-- 右侧答题卡 -->
+      <div class="right-panel">
+        <div class="answer-card">
+          <div class="card-header">
+            <span class="folder-icon">📁</span>
+            <span class="card-title">试题导航</span>
+          </div>
+          
+          <div class="card-grid">
+            <div 
+              v-for="(item, index) in totalQuestions" 
+              :key="index"
+              class="grid-item"
+              :class="getQuestionStatus(index)"
+              @click="jumpToQuestion(index)"
+            >
+              {{ index + 1 }}
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed } from 'vue'
+
+// 搜索文本
+const searchText = ref('')
+
+// 当前题目索引
+const currentQuestionIndex = ref(0)
+
+// 用户答案记录
+const userAnswers = ref({})
+
+// 选中的答案
+const selectedAnswer = ref('')
+
+// 总题目数
+const totalQuestions = ref(25)
+
+// 题目数据（示例）
+const questions = ref([
+  {
+    id: 1,
+    title: '以下哪个不属于股票的基本特征？',
+    options: [
+      { key: 'A', text: '收益性' },
+      { key: 'B', text: '风险性' },
+      { key: 'C', text: '流动性' },
+      { key: 'D', text: '确定性' }
+    ]
+  },
+  {
+    id: 2,
+    title: '股票市场的主要功能是什么？',
+    options: [
+      { key: 'A', text: '资金融通' },
+      { key: 'B', text: '价格发现' },
+      { key: 'C', text: '资源配置' },
+      { key: 'D', text: '以上都是' }
+    ]
+  }
+  // 可以添加更多题目...
+])
+
+// 当前题目
+const currentQuestion = computed(() => {
+  return questions.value[currentQuestionIndex.value] || questions.value[0]
+})
+
+// 选择答案
+const selectAnswer = (answer) => {
+  selectedAnswer.value = answer
+  userAnswers.value[currentQuestionIndex.value] = answer
+}
+
+// 上一题
+const previousQuestion = () => {
+  if (currentQuestionIndex.value > 0) {
+    currentQuestionIndex.value--
+    selectedAnswer.value = userAnswers.value[currentQuestionIndex.value] || ''
+  }
+}
+
+// 下一题
+const nextQuestion = () => {
+  if (currentQuestionIndex.value < questions.value.length - 1) {
+    currentQuestionIndex.value++
+    selectedAnswer.value = userAnswers.value[currentQuestionIndex.value] || ''
+  }
+}
+
+// 跳转到指定题目
+const jumpToQuestion = (index) => {
+  currentQuestionIndex.value = index
+  selectedAnswer.value = userAnswers.value[index] || ''
+}
+
+// 获取题目状态
+const getQuestionStatus = (index) => {
+  if (index === currentQuestionIndex.value) {
+    return 'current'
+  }
+  if (userAnswers.value[index]) {
+    return 'answered'
+  }
+  return ''
+}
+
+// 提交考试
+const submitExam = () => {
+  const answeredCount = Object.keys(userAnswers.value).length
+  if (answeredCount < questions.value.length) {
+    if (confirm(`您还有 ${questions.value.length - answeredCount} 道题未作答，确定要提交吗？`)) {
+      // 提交逻辑
+      console.log('提交答案：', userAnswers.value)
+    }
+  } else {
+    // 提交逻辑
+    console.log('提交答案：', userAnswers.value)
+  }
+}
+</script>
+
+<style scoped>
+.exam-system {
+  min-height: 100vh;
+  background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
+  color: #fff;
+  font-family: 'Microsoft YaHei', Arial, sans-serif;
+}
+
+.header {
+  padding: 20px 40px;
+  background: rgba(0, 0, 0, 0.2);
+}
+
+.logo {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  font-size: 24px;
+  font-weight: bold;
+  margin-bottom: 8px;
+}
+
+.icon {
+  font-size: 28px;
+}
+
+.subtitle {
+  color: rgba(255, 255, 255, 0.8);
+  font-size: 14px;
+  margin-left: 38px;
+}
+
+.main-content {
+  display: flex;
+  gap: 20px;
+  padding: 20px 40px;
+  max-width: 1400px;
+  margin: 0 auto;
+}
+
+.left-panel {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+}
+
+.question-area {
+  background: rgba(20, 40, 80, 0.6);
+  border: 1px solid rgba(100, 150, 200, 0.3);
+  border-radius: 8px;
+  padding: 20px;
+}
+
+.question-header {
+  margin-bottom: 20px;
+}
+
+.search-input {
+  width: 100%;
+  padding: 10px 15px;
+  background: rgba(0, 0, 0, 0.3);
+  border: 1px solid rgba(100, 150, 200, 0.3);
+  border-radius: 4px;
+  color: #fff;
+  font-size: 14px;
+}
+
+.search-input::placeholder {
+  color: rgba(255, 255, 255, 0.4);
+}
+
+.question-content {
+  padding: 20px 0;
+}
+
+.question-title {
+  color: rgba(255, 255, 255, 0.6);
+  font-size: 14px;
+  margin-bottom: 20px;
+  font-weight: normal;
+}
+
+.options {
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+}
+
+.option-item {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 12px 15px;
+  background: rgba(0, 0, 0, 0.2);
+  border: 1px solid rgba(100, 150, 200, 0.3);
+  border-radius: 4px;
+  cursor: pointer;
+  transition: all 0.3s;
+}
+
+.option-item:hover {
+  background: rgba(100, 150, 200, 0.2);
+  border-color: rgba(100, 150, 200, 0.5);
+}
+
+.option-item.selected {
+  background: rgba(220, 80, 80, 0.3);
+  border-color: rgba(220, 80, 80, 0.6);
+}
+
+.radio-btn {
+  width: 18px;
+  height: 18px;
+  border: 2px solid rgba(255, 255, 255, 0.5);
+  border-radius: 50%;
+  display: inline-block;
+  position: relative;
+  flex-shrink: 0;
+}
+
+.radio-btn.checked {
+  border-color: #e74c3c;
+  background: #e74c3c;
+}
+
+.radio-btn.checked::after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 8px;
+  height: 8px;
+  background: #fff;
+  border-radius: 50%;
+}
+
+.option-label {
+  font-size: 15px;
+}
+
+.answer-preview {
+  background: rgba(20, 40, 80, 0.6);
+  border: 1px solid rgba(100, 150, 200, 0.3);
+  border-radius: 8px;
+  padding: 20px;
+  min-height: 150px;
+}
+
+.bottom-actions {
+  display: flex;
+  gap: 15px;
+  justify-content: flex-start;
+}
+
+.btn {
+  padding: 12px 30px;
+  border: none;
+  border-radius: 4px;
+  font-size: 14px;
+  cursor: pointer;
+  transition: all 0.3s;
+  font-weight: 500;
+}
+
+.btn-primary {
+  background: rgba(60, 120, 180, 0.8);
+  color: #fff;
+}
+
+.btn-primary:hover {
+  background: rgba(60, 120, 180, 1);
+}
+
+.btn-secondary {
+  background: rgba(60, 120, 180, 0.8);
+  color: #fff;
+}
+
+.btn-secondary:hover {
+  background: rgba(70, 130, 190, 1);
+}
+
+.right-panel {
+  width: 280px;
+  flex-shrink: 0;
+}
+
+.answer-card {
+  background: rgba(20, 40, 80, 0.6);
+  border: 1px solid rgba(100, 150, 200, 0.3);
+  border-radius: 8px;
+  padding: 20px;
+}
+
+.card-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 20px;
+  padding-bottom: 15px;
+  border-bottom: 1px solid rgba(100, 150, 200, 0.2);
+}
+
+.folder-icon {
+  font-size: 20px;
+}
+
+.card-title {
+  color: #6db3f2;
+  font-size: 16px;
+}
+
+.card-grid {
+  display: grid;
+  grid-template-columns: repeat(5, 1fr);
+  gap: 10px;
+}
+
+.grid-item {
+  aspect-ratio: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(60, 120, 180, 0.6);
+  border-radius: 4px;
+  cursor: pointer;
+  transition: all 0.3s;
+  font-size: 14px;
+}
+
+.grid-item:hover {
+  background: rgba(60, 120, 180, 0.8);
+  transform: scale(1.05);
+}
+
+.grid-item.current {
+  background: #3498db;
+  box-shadow: 0 0 10px rgba(52, 152, 219, 0.5);
+}
+
+.grid-item.answered {
+  background: rgba(60, 120, 180, 0.8);
+}
+
+.grid-item:nth-child(1) {
+  background: #e74c3c;
+}
+
+.grid-item:nth-child(2) {
+  background: #27ae60;
+}
+</style>