Răsfoiți Sursa

style: 优化停车减免页面设计 — 统一红色色号,YESWASH 使用圆润字体

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
skyline 9 ore în urmă
părinte
comite
0c28e1d2f0
1 a modificat fișierele cu 13 adăugiri și 6 ștergeri
  1. 13 6
      admin-web/public/parking.html

+ 13 - 6
admin-web/public/parking.html

@@ -4,6 +4,9 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
     <title>停车减免查询 - YesWash</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">
     <style>
         :root {
             --color-primary: #9B0415;
@@ -33,6 +36,7 @@
             --shadow-card: 0 1px 4px rgba(0, 0, 0, 0.04);
             --shadow-card-hover: 0 2px 12px rgba(0, 0, 0, 0.08);
             --font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "SimSun", sans-serif;
+            --font-brand: "Nunito", "PingFang SC", "Helvetica Neue", sans-serif;
             --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
         }
 
@@ -58,7 +62,7 @@
         /* Header */
         .brand-header {
             width: 100%;
-            background: linear-gradient(135deg, #8b0312 0%, #9B0415 40%, #b01528 100%);
+            background: #9B0415;
             padding: 32px 20px 40px;
             text-align: center;
             color: #fff;
@@ -78,10 +82,11 @@
         }
 
         .brand-logo {
-            font-size: 13px;
-            font-weight: 400;
-            letter-spacing: 4px;
-            opacity: 0.7;
+            font-family: var(--font-brand);
+            font-size: 16px;
+            font-weight: 700;
+            letter-spacing: 3px;
+            opacity: 0.85;
             margin-bottom: 8px;
             position: relative;
         }
@@ -367,7 +372,9 @@
             text-align: center;
             padding: 16px 20px 28px;
             font-size: 12px;
-            color: var(--text-placeholder);
+            font-family: var(--font-brand);
+            font-weight: 600;
+            color: var(--text-secondary);
             letter-spacing: 1px;
         }