From 91f5e096f854bcc151dbcbd55e17365101abbf19 Mon Sep 17 00:00:00 2001
From: yanlongqi <lqyan@jhinno.com>
Date: Wed, 5 Nov 2025 11:35:01 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E7=AD=94=E9=A2=98=E7=95=8C?=
 =?UTF-8?q?=E9=9D=A2=E5=B8=83=E5=B1=80=EF=BC=9A=E8=B0=83=E6=95=B4=E5=86=85?=
 =?UTF-8?q?=E8=BE=B9=E8=B7=9D=E5=92=8C=E9=97=B4=E8=B7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

主要更改：
- 移动端优化：返回按钮和标题在同一行，标题左对齐
- 添加题目内边距：左右各 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 | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/web/src/pages/Question.module.less b/web/src/pages/Question.module.less
index 564acff..9004c7e 100644
--- a/web/src/pages/Question.module.less
+++ b/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 {