v1.0.2修复优化

assets/css/style.css

@@ -37,22 +37,36 @@ body {
     align-items: center;
     min-height: 100vh;
     padding: 20px;
+    background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
 }
 
 .login-card {
     background: var(--bg-card);
-    border-radius: var(--radius);
-    padding: 40px;
+    border-radius: 12px;
+    padding: 48px 40px;
     width: 100%;
-    max-width: 400px;
-    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
+    max-width: 420px;
+    box-shadow: 0 8px 32px rgba(0,0,0,0.3);
+    border: 1px solid var(--border-color);
 }
 
-.login-card h1 {
+.login-logo {
     text-align: center;
-    margin-bottom: 30px;
+    margin-bottom: 36px;
+}
+
+.login-logo .logo-icon {
+    width: 48px;
+    height: 48px;
+    color: var(--primary);
+    margin-bottom: 12px;
+}
+
+.login-logo h1 {
     font-size: 24px;
     color: var(--primary);
+    font-weight: 600;
+    letter-spacing: 0.5px;
 }
 
 /* 安装向导样式 */
@@ -62,6 +76,10 @@ body {
     padding: 0 20px;
 }
 
+.install-container h1 svg {
+    color: var(--primary);
+}
+
 .step-indicator {
     display: flex;
     justify-content: space-between;
@@ -92,14 +110,16 @@ body {
 
 /* 通用表单样式 */
 .form-group {
-    margin-bottom: 16px;
+    margin-bottom: 18px;
 }
 
 .form-group label {
     display: block;
     margin-bottom: 6px;
-    font-size: 14px;
+    font-size: 13px;
+    font-weight: 500;
     color: var(--text-secondary);
+    letter-spacing: 0.3px;
 }
 
 .form-group input,
@@ -124,14 +144,18 @@ body {
 
 /* 按钮 */
 .btn {
-    display: inline-block;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
     padding: 10px 20px;
     border: none;
     border-radius: var(--radius);
     font-size: 14px;
+    font-weight: 500;
     cursor: pointer;
-    transition: all 0.3s;
+    transition: all 0.2s ease;
     text-decoration: none;
+    line-height: 1.4;
 }
 
 .btn-primary {
@@ -141,6 +165,12 @@ body {
 
 .btn-primary:hover {
     background: var(--primary-hover);
+    transform: translateY(-1px);
+    box-shadow: 0 2px 8px rgba(74, 144, 217, 0.3);
+}
+
+.btn-primary:active {
+    transform: translateY(0);
 }
 
 .btn-secondary {
@@ -149,18 +179,27 @@ body {
     border: 1px solid var(--border-color);
 }
 
+.btn-secondary:hover {
+    border-color: var(--primary);
+    color: var(--primary);
+}
+
 .btn-danger {
     background: var(--danger);
     color: white;
 }
 
+.btn-danger:hover {
+    opacity: 0.9;
+}
+
 .btn-sm {
-    padding: 6px 12px;
+    padding: 6px 14px;
     font-size: 12px;
 }
 
 .btn-block {
-    display: block;
+    display: flex;
     width: 100%;
     text-align: center;
 }
@@ -168,7 +207,7 @@ body {
 .btn-group {
     display: flex;
     gap: 10px;
-    margin-top: 20px;
+    margin-top: 24px;
     justify-content: flex-end;
 }
 
@@ -178,6 +217,7 @@ body {
     border-radius: var(--radius);
     margin-bottom: 16px;
     font-size: 14px;
+    line-height: 1.5;
 }
 
 .alert-error {
@@ -203,19 +243,34 @@ body {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    margin-bottom: 30px;
+    margin-bottom: 32px;
+}
+
+.config-header h1 {
+    display: flex;
+    align-items: center;
+    font-size: 22px;
+    font-weight: 600;
+}
+
+.config-header h1 svg {
+    color: var(--primary);
 }
 
 .config-section {
     background: var(--bg-card);
-    border-radius: var(--radius);
-    padding: 24px;
+    border-radius: 12px;
+    padding: 28px;
     margin-bottom: 24px;
+    border: 1px solid var(--border-color);
 }
 
 .config-section h2 {
-    margin-bottom: 16px;
-    font-size: 18px;
+    margin-bottom: 20px;
+    font-size: 17px;
+    font-weight: 600;
+    padding-bottom: 12px;
+    border-bottom: 1px solid var(--border-color);
 }
 
 /* 响应式 */