style(doc): 优化文档页面的响应式布局和文本换行

添加视口元标签和媒体查询以改进移动端显示
为body和文本元素添加溢出控制和自动换行属性

doc/ysxy.html

@@ -2,16 +2,27 @@
 
 <head>
     <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
     <title>Voitrans隐私政策</title>
     <style>
         body {
             font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
             line-height: 1.6;
-            max-width: 900px;
-            margin: auto;
-            padding: 20px;
+            margin: 0;
+            padding: 16px;
             color: #2d2d2d;
             background-color: #fafafa;
+            overflow-x: hidden;
+            word-wrap: break-word;
+            word-break: break-all;
+        }
+
+        @media (min-width: 768px) {
+            body {
+                max-width: 900px;
+                margin: 0 auto;
+                padding: 20px 40px;
+            }
         }
 
         h1 {
@@ -39,6 +50,8 @@
         p {
             margin-bottom: 1em;
             text-align: justify;
+            word-wrap: break-word;
+            word-break: break-all;
         }
         ul {
             margin-bottom: 1em;

doc/ysxy_en.html

@@ -13,6 +13,9 @@
             margin: 0;
             padding: 0;
             background-color: #fff;
+            overflow-x: hidden;
+            word-wrap: break-word;
+            word-break: break-all;
         }
 
         .container {
@@ -57,6 +60,8 @@
             margin-bottom: 12px;
             text-align: justify;
             font-size: 14px;
+            word-wrap: break-word;
+            word-break: break-all;
         }
 
         ul, ol {
@@ -67,6 +72,8 @@
         li {
             margin-bottom: 6px;
             font-size: 14px;
+            word-wrap: break-word;
+            word-break: break-all;
         }
 
         .date-info {