不知名提交

InfoGenie-frontend/public/60sapi/娱乐消遣/随机搞笑段子/css/style.css

@@ -33,7 +33,7 @@
     border: 2px solid transparent;
 }
 .theme-icon.active {
-    border-color: #ff7043;
+    border-color: #66bb6a;
     transform: scale(1.1);
 }
 
@@ -41,26 +41,26 @@
 .theme-comic header h1 {
     font-family: 'Zhi Mang Xing', cursive;
     font-size: 4em;
-    color: #d84315; /* Deep Orange */
+    color: #2e7d32; /* Fresh Green */
     text-shadow: 2px 2px 0 #fff;
     margin: 0.2em 0;
 }
 
 .theme-comic .divider {
     height: 3px;
-    background: linear-gradient(90deg, #ffca28, #ff7043, #29b6f6, #66bb6a);
+    background: linear-gradient(90deg, #81c784, #a5d6a7, #c8e6c9, #66bb6a);
     border-radius: 3px;
     margin: 20px auto;
     width: 80%;
 }
 
 .theme-comic .joke-card {
-    background: rgba(255, 255, 255, 0.85); /* White with transparency */
+    background: rgba(248, 255, 248, 0.9); /* Light green tinted white */
     backdrop-filter: blur(5px);
     border-radius: 15px;
     padding: 40px;
     min-height: 200px;
-    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
+    box-shadow: 0 8px 25px rgba(102, 187, 106, 0.15);
     display: flex;
     justify-content: center;
     align-items: center;
@@ -68,6 +68,7 @@
     margin-bottom: 20px;
     transform: rotate(-1deg);
     transition: transform 0.2s ease;
+    border: 1px solid rgba(129, 199, 132, 0.3);
 }
 .theme-comic .joke-card:hover {
     transform: rotate(1deg) scale(1.02);
@@ -77,11 +78,11 @@
     font-family: 'Zhi Mang Xing', cursive;
     font-size: 2em;
     line-height: 1.6;
-    color: #5d4037;
+    color: #1b5e20;
 }
 
 .theme-comic .new-joke-btn {
-    background: #1e88e5; /* Vibrant Blue */
+    background: linear-gradient(135deg, #66bb6a, #81c784); /* Fresh Green Gradient */
     color: white;
     font-family: 'Zhi Mang Xing', cursive;
     font-size: 2.5em;
@@ -89,7 +90,7 @@
     border-radius: 50px;
     padding: 10px 30px;
     cursor: pointer;
-    box-shadow: 0 5px 0 #1565c0; /* Darker Blue */
+    box-shadow: 0 5px 0 #388e3c; /* Darker Green */
     transition: all 0.1s ease-in-out;
 }
 .theme-comic .new-joke-btn:active {
@@ -120,8 +121,8 @@
     margin-top: -27.5px;
 }
 .book-page {
-    background: #ffca28;
-    border: 1px solid #ff7043;
+    background: #a5d6a7;
+    border: 1px solid #66bb6a;
     border-radius: 3px;
     transform-origin: left;
 }