1

public/static/index/mobile/css/public.css

@@ -155,7 +155,18 @@ body {
     tab-size: 4;
     -moz-tab-size: 4;
     text-align: left;
-    word-wrap: normal;
+     /* 换行控制 */
+    word-wrap: break-word;    /* 兼容旧浏览器 */
+    overflow-wrap: break-word; /* 现代浏览器标准 */
+    word-break: normal;       /* 保持单词完整 */
+    
+    /* 排版优化 */
+    white-space: normal;
+    hyphens: manual;         /* 禁用自动连字符 */
+    
+    /* 容器约束 */
+    max-width: 100%;
+    display: block;
     
 }
 .word-wrapper {
@@ -172,8 +183,21 @@ body {
     margin: 0;
     padding: 0;
     counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
+    word-break: normal;
+    overflow-wrap: anywhere; /* 更智能的换行方式 */
+    display: inline-block;   /* 创建换行上下文 */
+    max-width: 100%;
+}
+/* 移动端优化 */
+@media (max-width: 768px) {
+    .narshelpCenterdetail-app .nhlp-app-content {
+        width: 95%;
+    }
+    .ql-editor p,
+    .ql-editor li {
+        display: block; /* 移动端改用块级布局 */
+    }
 }
-
 .ql-editor ol,.ql-editor ul {
     padding-left: 1.5em
 }

public/static/index/mobile/css/topic_nas_help-detail.css

@@ -40,9 +40,12 @@
 }
 
 .narshelpCenterdetail-app .nhlp-app-content {
-    margin: 1rem;
+    /* margin: 1rem; */
     height: 100%;
     margin-top: 9.2vh;
+    width: 90%;
+    margin: 0 auto;
+    margin-top: 1rem;
 }
 
 .narshelpCenterdetail-app #rendered-content img {