From 314abdbc694da17ff71d324bfee5cbf3169876ee Mon Sep 17 00:00:00 2001
From: lishengbo0907 <1171734220@qq.com>
Date: Thu, 26 Dec 2024 20:20:37 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=88=B7=E6=96=B0=E7=99=BB=E5=BD=95?=
 =?UTF-8?q?=E9=A1=B5=E7=BB=84=E4=BB=B6=E8=A7=84=E8=8C=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pkg/app/pagewriter/login/euler-en.html     | 54 ++++++++++++++++++++--
 pkg/app/pagewriter/login/euler.html        | 52 +++++++++++++++++++--
 pkg/app/pagewriter/login/gauss-en.html     | 48 ++++++++++++++++++-
 pkg/app/pagewriter/login/gauss.html        | 50 +++++++++++++++++++-
 pkg/app/pagewriter/login/mindspore-en.html | 47 ++++++++++++++++++-
 pkg/app/pagewriter/login/mindspore.html    | 48 ++++++++++++++++++-
 6 files changed, 286 insertions(+), 13 deletions(-)

diff --git a/pkg/app/pagewriter/login/euler-en.html b/pkg/app/pagewriter/login/euler-en.html
index 4c3083ea5c..0059a5b23e 100644
--- a/pkg/app/pagewriter/login/euler-en.html
+++ b/pkg/app/pagewriter/login/euler-en.html
@@ -39,7 +39,7 @@
         font-size: 16px;
         line-height: 24px;
         border: 0 none;
-        background: #2a489e;
+        background: #497af8;
         border-radius: 26px;
         text-align: center;
         color: #fff;
@@ -47,6 +47,10 @@
         cursor: pointer;
       }
 
+      .wrap .button:hover {
+        background: #3961ca;
+      }
+
       .wrap .label {
         font-size: 14px;
         color: #fff;
@@ -55,18 +59,54 @@
         align-items: center;
         text-shadow: 0 2px 4px rgba(0, 2, 59, 0.8);
       }
-
       .checkbox {
+        width: 14px;
+        height: 14px;
+        -webkit-appearance: none;
+        appearance: none;
+        border: 1px solid #999;
+        border-radius: 2px;
+        display: inline-block;
         cursor: pointer;
+        outline: none;
+        background-color: #fff;
+        position: relative;
+        transition: background-color 0.3s, border-color 0.3s;
+        cursor: pointer;
+      }
+
+      .checkbox:hover {
+        border: 1px solid #555;
+      }
+
+      .checkbox:checked {
+        background-color: #497af8;
+        border: none;
+      }
+
+      .checkbox:checked::before {
+        content: "";
+        position: absolute;
+        left: 50%;
+        top: 42%;
+        width: 4px;
+        height: 8px;
+        border: solid #fff;
+        border-width: 0 2px 2px 0;
+        transform: translate(-50%, -50%) rotate(45deg);
+      }
+
+      .checkbox:checked:hover {
+        background: #3961ca;
       }
 
       .wrap .label a {
         color: #fff;
         display: inline-block;
-        text-decoration: none;
+        text-decoration: underline;
       }
       .wrap .label a:hover {
-        color: #2a489e;
+        color: #3961ca;
       }
 
       .wrap .label .info {
@@ -79,7 +119,11 @@
       .wrap .not-allowed {
         cursor: not-allowed;
         color: white;
-        background: #1b3071;
+        background: #2a489e;
+      }
+
+      .wrap .not-allowed:hover {
+        background: #2a489e;
       }
 
       @media (max-width: 768px) {
diff --git a/pkg/app/pagewriter/login/euler.html b/pkg/app/pagewriter/login/euler.html
index 334fc6450b..09fb564f04 100644
--- a/pkg/app/pagewriter/login/euler.html
+++ b/pkg/app/pagewriter/login/euler.html
@@ -39,7 +39,7 @@
         font-size: 16px;
         line-height: 24px;
         border: 0 none;
-        background: #4874dc;
+        background: #497af8;
         border-radius: 26px;
         text-align: center;
         color: #fff;
@@ -47,6 +47,10 @@
         cursor: pointer;
       }
 
+      .wrap .button:hover {
+        background: #3961ca;
+      }
+
       .wrap .label {
         font-size: 14px;
         color: #fff;
@@ -57,9 +61,46 @@
       }
 
       .checkbox {
+        width: 14px;
+        height: 14px;
+        -webkit-appearance: none;
+        appearance: none;
+        border: 1px solid #999;
+        border-radius: 2px;
+        display: inline-block;
+        cursor: pointer;
+        outline: none;
+        background-color: #fff;
+        position: relative;
+        transition: background-color 0.3s, border-color 0.3s;
         cursor: pointer;
       }
 
+      .checkbox:hover {
+        border: 1px solid #555;
+      }
+
+      .checkbox:checked {
+        background-color: #497af8;
+        border: none;
+      }
+
+      .checkbox:checked::before {
+        content: "";
+        position: absolute;
+        left: 50%;
+        top: 42%;
+        width: 4px;
+        height: 8px;
+        border: solid #fff;
+        border-width: 0 2px 2px 0;
+        transform: translate(-50%, -50%) rotate(45deg);
+      }
+
+      .checkbox:checked:hover {
+        background: #3961ca;
+      }
+
       .wrap .label a {
         color: #fff;
         display: inline-block;
@@ -67,16 +108,21 @@
         cursor: pointer;
       }
       .wrap .label a:hover {
-        color: #4874dc;
+        color: #3961ca;
       }
 
       .wrap .label .info {
         padding-left: 10px;
       }
+
       .wrap .not-allowed {
         cursor: not-allowed;
         color: white;
-        background: #1b3071;
+        background: #2a489e;
+      }
+
+      .wrap .not-allowed:hover {
+        background: #2a489e;
       }
 
       @media (max-width: 768px) {
diff --git a/pkg/app/pagewriter/login/gauss-en.html b/pkg/app/pagewriter/login/gauss-en.html
index 7ec3d11dcd..cb46bb455b 100644
--- a/pkg/app/pagewriter/login/gauss-en.html
+++ b/pkg/app/pagewriter/login/gauss-en.html
@@ -47,10 +47,51 @@
         cursor: pointer;
       }
 
+      .wrap .button:hover {
+        background: #6124c6;
+      }
+
       .checkbox {
+        width: 14px;
+        height: 14px;
+        -webkit-appearance: none;
+        appearance: none;
+        border: 1px solid #999;
+        border-radius: 2px;
+        display: inline-block;
+        cursor: pointer;
+        outline: none;
+        background-color: #fff;
+        position: relative;
+        transition: background-color 0.3s, border-color 0.3s;
         cursor: pointer;
       }
 
+      .checkbox:hover {
+        border: 1px solid #555;
+      }
+
+      .checkbox:checked {
+        background-color: #9a58ee;
+        border: none;
+      }
+
+      .checkbox:checked::before {
+        content: "";
+        position: absolute;
+        left: 50%;
+        top: 42%;
+        width: 4px;
+        height: 8px;
+        border: solid #fff;
+        border-width: 0 2px 2px 0;
+        transform: translate(-50%, -50%) rotate(45deg);
+      }
+
+      .checkbox:checked:hover {
+        background: #6124c6;
+      }
+
       .wrap .label {
         font-size: 14px;
         color: #fff;
@@ -76,8 +117,13 @@
       .wrap .not-allowed {
         cursor: not-allowed;
         color: white;
-        background: #4819a3;
+        background: #6124c6;
       }
+
+      .wrap .not-allowed:hover {
+        background: #6124c6;
+      }
+
       @media (max-width: 768px) {
         .wrap {
           padding: 0 32px;
diff --git a/pkg/app/pagewriter/login/gauss.html b/pkg/app/pagewriter/login/gauss.html
index 312d675786..980c556264 100644
--- a/pkg/app/pagewriter/login/gauss.html
+++ b/pkg/app/pagewriter/login/gauss.html
@@ -47,6 +47,10 @@
         cursor: pointer;
       }
 
+      .wrap .button:hover {
+        background: #6124c6;
+      }
+
       .wrap .label {
         font-size: 14px;
         color: #fff;
@@ -57,9 +61,46 @@
       }
 
       .checkbox {
+        width: 14px;
+        height: 14px;
+        -webkit-appearance: none;
+        appearance: none;
+        border: 1px solid #999;
+        border-radius: 2px;
+        display: inline-block;
+        cursor: pointer;
+        outline: none;
+        background-color: #fff;
+        position: relative;
+        transition: background-color 0.3s, border-color 0.3s;
         cursor: pointer;
       }
 
+      .checkbox:hover {
+        border: 1px solid #555;
+      }
+
+      .checkbox:checked {
+        background-color: #9a58ee;
+        border: none;
+      }
+
+      .checkbox:checked::before {
+        content: "";
+        position: absolute;
+        left: 50%;
+        top: 42%;
+        width: 4px;
+        height: 8px;
+        border: solid #fff;
+        border-width: 0 2px 2px 0;
+        transform: translate(-50%, -50%) rotate(45deg);
+      }
+
+      .checkbox:checked:hover {
+        background: #6124c6;
+      }
+
       .wrap .label a {
         color: #fff;
         display: inline-block;
@@ -67,7 +108,7 @@
         cursor: pointer;
       }
       .wrap .label a:hover {
-        color: #9a58ee;
+        color: #6124c6;
       }
 
       .wrap .label .info {
@@ -77,8 +118,13 @@
       .wrap .not-allowed {
         cursor: not-allowed;
         color: white;
-        background: #4819a3;
+        background: #6124c6;
       }
+
+      .wrap .not-allowed:hover {
+        background: #6124c6;
+      }
+
       @media (max-width: 768px) {
         .wrap {
           padding: 0 32px;
diff --git a/pkg/app/pagewriter/login/mindspore-en.html b/pkg/app/pagewriter/login/mindspore-en.html
index 8d0b12e5f8..801ebf5926 100644
--- a/pkg/app/pagewriter/login/mindspore-en.html
+++ b/pkg/app/pagewriter/login/mindspore-en.html
@@ -39,7 +39,7 @@
         font-size: 16px;
         line-height: 24px;
         border: 0 none;
-        background: #0d8dff;
+        background: #5c87ff;
         border-radius: 26px;
         text-align: center;
         color: #fff;
@@ -47,8 +47,49 @@
         cursor: pointer;
       }
 
+      .wrap .button:hover {
+        background: #85a7ff;
+      }
+
       .checkbox {
+        width: 14px;
+        height: 14px;
+        -webkit-appearance: none;
+        appearance: none;
+        border: 1px solid #999;
+        border-radius: 2px;
+        display: inline-block;
         cursor: pointer;
+        outline: none;
+        background-color: #fff;
+        position: relative;
+        transition: background-color 0.3s, border-color 0.3s;
+        cursor: pointer;
+      }
+
+      .checkbox:hover {
+        border: 1px solid #555;
+      }
+
+      .checkbox:checked {
+        background-color: #5c87ff;
+        border: none;
+      }
+
+      .checkbox:checked::before {
+        content: "";
+        position: absolute;
+        left: 50%;
+        top: 42%;
+        width: 4px;
+        height: 8px;
+        border: solid #fff;
+        border-width: 0 2px 2px 0;
+        transform: translate(-50%, -50%) rotate(45deg);
+      }
+
+      .checkbox:checked:hover {
+        background: #85a7ff;
       }
 
       .wrap .label {
@@ -79,6 +120,10 @@
         background: #adc6ff;
       }
 
+      .wrap .not-allowed:hover {
+        background: #adc6ff;
+      }
+
       @media (max-width: 768px) {
         .wrap {
           padding: 0 32px;
diff --git a/pkg/app/pagewriter/login/mindspore.html b/pkg/app/pagewriter/login/mindspore.html
index 915fb9097f..11bf3f0a7e 100644
--- a/pkg/app/pagewriter/login/mindspore.html
+++ b/pkg/app/pagewriter/login/mindspore.html
@@ -47,10 +47,51 @@
         cursor: pointer;
       }
 
+      .wrap .button:hover {
+        background: #85a7ff;
+      }
+
       .checkbox {
+        width: 14px;
+        height: 14px;
+        -webkit-appearance: none;
+        appearance: none;
+        border: 1px solid #999;
+        border-radius: 2px;
+        display: inline-block;
+        cursor: pointer;
+        outline: none;
+        background-color: #fff;
+        position: relative;
+        transition: background-color 0.3s, border-color 0.3s;
         cursor: pointer;
       }
 
+      .checkbox:hover {
+        border: 1px solid #555;
+      }
+
+      .checkbox:checked {
+        background-color: #5c87ff;
+        border: none;
+      }
+
+      .checkbox:checked::before {
+        content: "";
+        position: absolute;
+        left: 50%;
+        top: 42%;
+        width: 4px;
+        height: 8px;
+        border: solid #fff;
+        border-width: 0 2px 2px 0;
+        transform: translate(-50%, -50%) rotate(45deg);
+      }
+
+      .checkbox:checked:hover {
+        background: #85a7ff;
+      }
+
       .wrap .label {
         font-size: 14px;
         color: #fff;
@@ -67,7 +108,7 @@
         cursor: pointer;
       }
       .wrap .label a:hover {
-        color: #5c87ff;
+        color: #85a7ff;
       }
 
       .wrap .label .info {
@@ -79,6 +120,11 @@
         color: white;
         background: #adc6ff;
       }
+
+      .wrap .not-allowed:hover {
+        background: #adc6ff;
+      }
+
       @media (max-width: 768px) {
         .wrap {
           padding: 0 32px;