fxdyz

templates/styles/pages/helps.css

@@ -2,12 +2,10 @@
     position: relative;
     padding: 22px;
     overflow: hidden;
-    border: 1px solid rgba(224, 200, 141, 0.72);
+    border: 1px solid var(--jx3-border-soft);
     border-radius: 20px;
-    background:
-        linear-gradient(135deg, rgba(255, 255, 255, 0.035), transparent 24%),
-        rgba(8, 27, 49, 0.92);
-    box-shadow: inset 0 0 32px rgba(126, 161, 216, 0.06);
+    background: linear-gradient(135deg, #ffffff, #f5f8fa);
+    box-shadow: var(--jx3-shadow-sm);
 }
 
 .help-header {
@@ -19,19 +17,19 @@
 }
 
 .top-name {
-    color: #fff0c8;
-    font-size: 24px;
+    color: var(--jx3-gold-bright);
+    font-size: 32px;
     font-weight: 800;
     letter-spacing: 0.08em;
 }
 
 .top-summary {
     margin-top: 5px;
-    font-size: 14px;
+    font-size: 18px;
 }
 
 .top-desc {
-    font-size: 14px;
+    font-size: 18px;
     line-height: 1.75;
     text-align: right;
 }
@@ -61,7 +59,7 @@
     padding: 11px 15px;
     border-bottom: 1px solid rgba(220, 199, 145, 0.3);
     background: linear-gradient(90deg, rgba(198, 165, 93, 0.24), rgba(105, 138, 194, 0.08));
-    font-size: 19px;
+    font-size: 22px;
     font-weight: 800;
     letter-spacing: 0.05em;
 }
@@ -89,7 +87,7 @@
 
 .feature-name {
     padding-top: 3px;
-    font-size: 14px;
+    font-size: 18px;
     line-height: 1.5;
     font-weight: 700;
 }
@@ -106,7 +104,7 @@
     padding: 3px 7px;
     border: 1px solid rgba(157, 184, 228, 0.22);
     border-radius: 5px;
-    font-size: 12px;
+    font-size: 18px;
     line-height: 1.5;
     word-break: break-all;
 }
@@ -142,8 +140,8 @@
 }
 
 .section--danger .section-title {
-    color: #ffd6d3;
-    background: linear-gradient(90deg, rgba(176, 65, 65, 0.3), rgba(105, 138, 194, 0.06));
+    color: #872d29;
+    background: linear-gradient(90deg, #f9dfdc, #f9f3ee);
 }
 
 .section--success {
@@ -151,19 +149,19 @@
 }
 
 .section--success .section-title {
-    color: #d8ffeb;
-    background: linear-gradient(90deg, rgba(39, 148, 103, 0.28), rgba(105, 138, 194, 0.06));
+    color: #176541;
+    background: linear-gradient(90deg, #dff2e8, #f3f7f4);
 }
 
 .help-footer {
     margin-top: 17px;
     padding: 13px 16px 2px;
     border-top: 1px solid rgba(216, 195, 140, 0.24);
-    font-size: 13px;
+    font-size: 18px;
     line-height: 1.8;
     text-align: center;
 }
 
 .help-footer strong {
-    color: #e6d4a4;
+    color: var(--jx3-gold-bright);
 }