优化答题界面布局：调整内边距和间距

主要更改：
- 移动端优化：返回按钮和标题在同一行，标题左对齐
- 添加题目内边距：左右各 20px (移动端 12px)，提升阅读体验
- 缩短顶部导航与题目距离：
  - PC端：180px → 135px
  - 平板：170px → 135px
  - 移动端：200px → 160px
- 更紧凑合理的布局，优化视觉层次

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

web/src/pages/Question.module.less

@@ -31,7 +31,7 @@
   max-width: 900px;
   margin: 0 auto;
   padding: 0 20px;
-  padding-top: 180px; // 为固定顶栏留出空间
+  padding-top: 140px; // 为固定顶栏留出空间，减少距离
 }
 
 .header {
@@ -93,8 +93,8 @@
 }
 
 .questionCard {
-  // 去掉卡片样式
-  padding: 0;
+  // 去掉卡片样式，但添加左右内边距
+  padding: 0 20px;
   margin-bottom: 24px;
 }
 
@@ -145,7 +145,7 @@
 
   .content {
     padding: 0 12px;
-    padding-top: 200px; // 移动端顶栏更高
+    padding-top: 160px; // 移动端顶栏更高，调整距离
   }
 
   .header {
@@ -162,10 +162,10 @@
 
     .title {
       order: 2;
-      flex: 1 1 100%;
-      text-align: center;
+      flex: 1;
+      text-align: left;
       font-size: 16px !important;
-      margin-top: 4px !important;
+      margin: 0 !important;
     }
 
     .statsGroup {
@@ -192,6 +192,7 @@
   }
 
   .questionCard {
+    padding: 0 12px;
     margin-bottom: 16px;
   }
 
@@ -215,7 +216,7 @@
 
   .content {
     padding: 0 24px;
-    padding-top: 170px;
+    padding-top: 135px;
   }
 
   .header {
@@ -233,7 +234,7 @@
 
   .content {
     padding: 0 32px;
-    padding-top: 170px;
+    padding-top: 135px;
   }
 
   .header {