修正提醒文字

scripts/test-combined-logic-instructions.js

@@ -0,0 +1,79 @@
+const testCombinedLogicInstructions = () => {
+  console.log('📝 綜合能力測試邏輯題註記文字測試')
+  console.log('=' .repeat(50))
+
+  console.log('\n🎯 添加內容:')
+  console.log('位置: 綜合能力測試中邏輯題標題下方')
+  console.log('文字: "請仔細閱讀題目，選擇最正確的答案，每題均為單選。"')
+  console.log('條件: 僅在邏輯題階段顯示')
+
+  console.log('\n🎨 UI設計特色:')
+  console.log('邏輯題階段:')
+  console.log('- 標題: 題目內容')
+  console.log('- 說明: 請仔細閱讀題目，選擇最正確的答案，每題均為單選。')
+  console.log('- 樣式: text-sm text-muted-foreground mt-2')
+
+  console.log('\n創意題階段:')
+  console.log('- 標題: 題目描述')
+  console.log('- 說明: 請根據您的實際情況，選擇最符合的選項（5=非常符合，1=完全不符合）。')
+  console.log('- 樣式: text-sm text-muted-foreground')
+
+  console.log('\n📊 條件渲染邏輯:')
+  console.log('1. phase === "logic": 顯示邏輯題說明')
+  console.log('2. phase === "creative": 顯示創意題說明')
+  console.log('3. 兩個階段都有各自的說明文字')
+  console.log('4. 樣式保持一致，但內容不同')
+
+  console.log('\n💡 設計理念:')
+  console.log('- 根據測試階段顯示相應說明')
+  console.log('- 邏輯題強調仔細閱讀和單選')
+  console.log('- 創意題強調根據實際情況選擇')
+  console.log('- 保持與單獨邏輯測試的一致性')
+  console.log('- 簡潔明瞭，不干擾主要內容')
+
+  console.log('\n📱 響應式設計:')
+  console.log('- 手機版: 文字大小適中，易於閱讀')
+  console.log('- 桌面版: 保持一致的視覺效果')
+  console.log('- 文字換行: 自動換行，保持可讀性')
+  console.log('- 間距: 與標題保持適當距離')
+
+  console.log('\n🎯 用戶體驗提升:')
+  console.log('- 清楚說明不同階段的答題規則')
+  console.log('- 邏輯題階段提醒仔細閱讀')
+  console.log('- 創意題階段說明評分標準')
+  console.log('- 視覺上不突兀，融入整體設計')
+  console.log('- 與單獨測試頁面保持一致')
+
+  console.log('\n🔍 與單獨邏輯測試對比:')
+  console.log('單獨邏輯測試:')
+  console.log('- 標題: 題目內容')
+  console.log('- 說明: 請仔細閱讀題目，選擇最正確的答案，每題均為單選。')
+  console.log('- 樣式: text-sm text-muted-foreground mt-2')
+
+  console.log('\n綜合能力測試邏輯題:')
+  console.log('- 標題: 題目內容')
+  console.log('- 說明: 請仔細閱讀題目，選擇最正確的答案，每題均為單選。')
+  console.log('- 樣式: text-sm text-muted-foreground mt-2')
+
+  console.log('\n✅ 一致性:')
+  console.log('- 文字內容完全一致 ✓')
+  console.log('- 樣式設計完全一致 ✓')
+  console.log('- 用戶體驗保持一致 ✓')
+
+  console.log('\n🔍 測試要點:')
+  console.log('1. 邏輯題階段是否顯示正確說明')
+  console.log('2. 創意題階段是否顯示正確說明')
+  console.log('3. 樣式是否與單獨測試一致')
+  console.log('4. 條件渲染是否正常工作')
+  console.log('5. 整體設計是否協調')
+
+  console.log('\n✅ 預期效果:')
+  console.log('- 用戶在邏輯題階段看到相應說明')
+  console.log('- 用戶在創意題階段看到相應說明')
+  console.log('- 與單獨測試頁面保持一致性')
+  console.log('- 整體用戶體驗更加完善')
+
+  console.log('\n✅ 綜合能力測試邏輯題註記文字測試完成')
+}
+
+testCombinedLogicInstructions()