llc hace 3 semanas
padre
commit
58c6fbb9cf
Se han modificado 1 ficheros con 34 adiciones y 27 borrados
  1. 34 27
      styles.css

+ 34 - 27
styles.css

@@ -124,19 +124,19 @@ body.index-page {
 .index-page .button-container {
     display: flex;
     flex-direction: column;
-    gap: 20px;
+    gap: 16px;
     width: 100%;
 }
 
 .index-page .region-button {
     display: flex;
     align-items: center;
-    padding: 16px 20px;
+    padding: 20px 24px;
     border-radius: 12px;
     text-decoration: none;
     color: white;
     font-weight: 500;
-    font-size: 16px;
+    font-size: 20px;
     transition: all 0.3s ease;
     position: relative;
     overflow: hidden;
@@ -156,8 +156,8 @@ body.index-page {
 }
 
 .index-page .flag-icon {
-    width: 32px;
-    height: 32px;
+    width: 48px;
+    height: 48px;
     margin-right: 16px;
     display: flex;
     align-items: center;
@@ -165,8 +165,8 @@ body.index-page {
 }
 
 .index-page .flag-circle {
-    width: 24px;
-    height: 24px;
+    width: 40px;
+    height: 40px;
     border-radius: 50%;
     position: relative;
 }
@@ -180,8 +180,8 @@ body.index-page {
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
-    width: 12px;
-    height: 12px;
+    width: 20px;
+    height: 20px;
     background: #DC143C;
     border-radius: 50%;
 }
@@ -195,8 +195,8 @@ body.index-page {
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
-    width: 12px;
-    height: 12px;
+    width: 20px;
+    height: 20px;
     background: #FFD700;
     clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
 }
@@ -208,14 +208,21 @@ body.index-page {
 }
 
 .index-page .go-button {
-    background: rgba(255, 255, 255, 0.2);
-    color: white;
-    padding: 8px 16px;
+    background: white;
+    color: #333;
+    padding: 12px 20px;
     border-radius: 8px;
-    font-size: 14px;
+    font-size: 18px;
     font-weight: 600;
-    backdrop-filter: blur(10px);
-    border: 1px solid rgba(255, 255, 255, 0.1);
+    border: none;
+}
+
+.index-page .japan-button .go-button {
+    color: #4A90E2;
+}
+
+.index-page .vietnam-button .go-button {
+    color: #2ECC71;
 }
 
 /* 响应式设计 */
@@ -238,29 +245,29 @@ body.index-page {
     }
     
     .index-page .region-button {
-        padding: 14px 16px;
-        font-size: 14px;
+        padding: 18px 18px;
+        font-size: 18px;
     }
     
     .index-page .flag-icon {
-        width: 28px;
-        height: 28px;
+        width: 44px;
+        height: 44px;
         margin-right: 12px;
     }
     
     .index-page .flag-circle {
-        width: 20px;
-        height: 20px;
+        width: 36px;
+        height: 36px;
     }
     
     .index-page .japan-flag .flag-center {
-        width: 10px;
-        height: 10px;
+        width: 18px;
+        height: 18px;
     }
     
     .index-page .vietnam-flag .flag-star {
-        width: 10px;
-        height: 10px;
+        width: 18px;
+        height: 18px;
     }
 }