提交代码

frontend/public/privacy-policy-modal.html

@@ -9,12 +9,12 @@
             margin: 0;
             padding: 0;
             box-sizing: border-box;
-            font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
+            /* font-family: "PingFang SC", "Microsoft YaHei", sans-serif; */
             line-height: 1.6;
         }
         
         body {
-            background-color: #34313D;
+            /* background-color: #34313D; */
             color: #FFFFFF;
             padding: 16px;
         }
@@ -31,7 +31,7 @@
         .header {
             text-align: center;
             margin-bottom: 40px;
-            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+            /* border-bottom: 1px solid rgba(255, 255, 255, 0.2); */
             padding-bottom: 30px;
         }
         
@@ -42,17 +42,17 @@
         }
         
         .date {
-            color: rgba(255, 255, 255, 0.6);
+            /* color: rgba(255, 255, 255, 0.6); */
             font-size: 14px;
             margin-bottom: 20px;
         }
         
         .intro {
-            background-color: rgba(255, 255, 255, 0.1);
+            /* background-color: rgba(255, 255, 255, 0.1); */
             padding: 20px;
             border-radius: 6px;
             margin-bottom: 30px;
-            border-left: 4px solid #9159f0;
+            /* border-left: 4px solid #9159f0; */
         }
         
         .intro p {
@@ -80,7 +80,7 @@
             color: #FFFFFF;
             margin-bottom: 20px;
             padding-bottom: 10px;
-            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+            /* border-bottom: 1px solid rgba(255, 255, 255, 0.2); */
         }
         
         .section {
@@ -95,7 +95,7 @@
         
         .content {
             font-size: 16px;
-            color: rgba(255, 255, 255, 0.9);
+            /* color: rgba(255, 255, 255, 0.9); */
             margin-bottom: 15px;
         }
         
@@ -144,9 +144,9 @@
         .footer {
             margin-top: 40px;
             padding-top: 20px;
-            border-top: 1px solid rgba(255, 255, 255, 0.2);
+            /* border-top: 1px solid rgba(255, 255, 255, 0.2); */
             font-size: 14px;
-            color: rgba(255, 255, 255, 0.6);
+            /* color: rgba(255, 255, 255, 0.6); */
             text-align: center;
         }
         

frontend/public/user-agreement-modal.html

@@ -9,12 +9,12 @@
             margin: 0;
             padding: 0;
             box-sizing: border-box;
-            font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
+            /* font-family: "PingFang SC", "Microsoft YaHei", sans-serif; */
             line-height: 1.6;
         }
         
         body {
-            background-color: #34313D;
+            /* background-color: #34313D; */
             color: #FFFFFF;
             padding: 16px;
         }
@@ -31,7 +31,7 @@
         .header {
             text-align: center;
             margin-bottom: 40px;
-            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+            /* border-bottom: 1px solid rgba(255, 255, 255, 0.2); */
             padding-bottom: 30px;
         }
         
@@ -43,18 +43,18 @@
         
         .subtitle {
             font-size: 18px;
-            color: rgba(255, 255, 255, 0.8);
+            /* color: rgba(255, 255, 255, 0.8); */
             margin-bottom: 20px;
         }
         
         .date {
-            color: rgba(255, 255, 255, 0.6);
+            /* color: rgba(255, 255, 255, 0.6); */
             font-size: 14px;
             margin-bottom: 20px;
         }
         
         .intro {
-            background-color: rgba(255, 255, 255, 0.1);
+            /* background-color: rgba(255, 255, 255, 0.1); */
             padding: 20px;
             border-radius: 6px;
             margin-bottom: 30px;
@@ -91,7 +91,7 @@
             color: #FFFFFF;
             margin-bottom: 20px;
             padding-bottom: 10px;
-            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+            /* border-bottom: 1px solid rgba(255, 255, 255, 0.2); */
         }
         
         .section {
@@ -106,7 +106,7 @@
         
         .content {
             font-size: 16px;
-            color: rgba(255, 255, 255, 0.9);
+            /* color: rgba(255, 255, 255, 0.9); */
             margin-bottom: 15px;
         }
         
@@ -120,10 +120,10 @@
         }
         
         .highlight {
-            background-color: rgba(255, 193, 7, 0.2);
+            /* background-color: rgba(255, 193, 7, 0.2); */
             padding: 15px;
             border-radius: 6px;
-            border-left: 4px solid #FFC107;
+            /* border-left: 4px solid #FFC107; */
             margin: 20px 0;
         }
         
@@ -147,14 +147,14 @@
         .footer {
             margin-top: 40px;
             padding-top: 20px;
-            border-top: 1px solid rgba(255, 255, 255, 0.2);
+            /* border-top: 1px solid rgba(255, 255, 255, 0.2); */
             font-size: 14px;
-            color: rgba(255, 255, 255, 0.6);
+            /* color: rgba(255, 255, 255, 0.6); */
             text-align: center;
         }
         
         .contact-info {
-            background-color: rgba(255, 255, 255, 0.1);
+            /* background-color: rgba(255, 255, 255, 0.1); */
             padding: 20px;
             border-radius: 6px;
             margin-top: 20px;

frontend/src/components/PrivacyPolicyModal.tsx

@@ -48,9 +48,9 @@ export const PrivacyPolicyModal: React.FC<PrivacyPolicyModalProps> = ({
         style={{
           position: 'fixed',
           bottom: 0,
-          left: '50%',
-          transform: 'translateX(-50%)',
-          width: px2vmin(375),
+          left: 0,
+          right: 0,
+          width: '100%',
           height: px2vh(724),
           backgroundColor: '#34313D',
           borderTopLeftRadius: px2vmin(32),

frontend/src/components/ProgressRingCanvas.tsx

@@ -283,7 +283,7 @@ export const ProgressRingCanvas = forwardRef<ProgressRingCanvasHandle, ProgressR
         ref={containerRef}
         style={{
           position: 'absolute',
-          top: 0,
+          top: '0.5px',
           left: 0,
           width: '100%',
           height: '100%',

frontend/src/components/UserAgreementModal.tsx

@@ -48,9 +48,9 @@ export const UserAgreementModal: React.FC<UserAgreementModalProps> = ({
         style={{
           position: 'fixed',
           bottom: 0,
-          left: '50%',
-          transform: 'translateX(-50%)',
-          width: px2vmin(375),
+          left: 0,
+          right: 0,
+          width: '100%',
           height: px2vh(724),
           backgroundColor: '#34313D',
           borderTopLeftRadius: px2vmin(32),