测试/复习模式: 放大错题思维导图

- .fb-image 宽度 300px→480px (flex:0 0 480px)，面板向左扩展
- .fb-image img 最大高度 300px→460px，思维导图更清晰
- 移动端(<=768px)图片最大高度 260px→360px

diff --git a/frontend/src/components/TestMode.css b/frontend/src/components/TestMode.css
index 3a07c453d786afbfd218248c784f9ca96337c56f..55fdd8c39ca4260f9e375f3c643d22ad160a838d 100644 (file)
--- a/frontend/src/components/TestMode.css
+++ b/frontend/src/components/TestMode.css
@@ -210,7 +210,8 @@
 }
 
 .fb-image {
-    width: 300px;
+    flex: 0 0 480px;
+    width: 480px;
     display: flex;
     align-items: flex-start;
     justify-content: center;
@@ -221,7 +222,7 @@
 
 .fb-image img {
     max-width: 100%;
-    max-height: 300px;
+    max-height: 460px;
     object-fit: contain;
 }
 
@@ -430,7 +431,7 @@
     }
 
     .fb-image img {
-        max-height: 260px;
+        max-height: 360px;
     }
 
     /* 抄写区：宽度自适应 */