不知名提交

InfoGenie-frontend/public/60sapi/实用功能/哈希解压压缩/css/style.css

@@ -7,10 +7,26 @@
 
 body {
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    background: linear-gradient(135deg, #f0f8e8 0%, #e8f5e8 50%, #d4f4dd 100%);
     min-height: 100vh;
     color: #333;
     overflow-x: hidden;
+    /* 隐藏滚动条但保留滚动功能 */
+    scrollbar-width: none; /* Firefox */
+    -ms-overflow-style: none; /* IE and Edge */
+}
+
+/* 隐藏 Webkit 浏览器的滚动条 */
+body::-webkit-scrollbar,
+html::-webkit-scrollbar,
+*::-webkit-scrollbar {
+    display: none;
+}
+
+/* 全局隐藏滚动条但保留滚动功能 */
+html {
+    scrollbar-width: none; /* Firefox */
+    -ms-overflow-style: none; /* IE and Edge */
 }
 
 .container {
@@ -65,7 +81,7 @@ body {
 
 .logo i {
     font-size: 48px;
-    background: linear-gradient(45deg, #ff6b6b, #4ecdc4);
+    background: linear-gradient(45deg, #228B22, #32CD32);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
@@ -174,7 +190,7 @@ body {
 
 .card-header i {
     font-size: 24px;
-    color: #667eea;
+    color: #228B22;
 }
 
 .card-header h2 {
@@ -202,8 +218,8 @@ body {
 
 #inputText:focus {
     outline: none;
-    border-color: #667eea;
-    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
+    border-color: #228B22;
+    box-shadow: 0 0 0 3px rgba(34, 139, 34, 0.1);
     background: rgba(255, 255, 255, 0.95);
 }
 
@@ -247,14 +263,14 @@ body {
 }
 
 .btn-primary {
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    background: linear-gradient(135deg, #228B22 0%, #32CD32 100%);
     color: white;
-    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
+    box-shadow: 0 4px 15px rgba(34, 139, 34, 0.3);
 }
 
 .btn-primary:hover {
     transform: translateY(-2px);
-    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
+    box-shadow: 0 8px 25px rgba(34, 139, 34, 0.4);
 }
 
 .btn-secondary {
@@ -306,7 +322,7 @@ body {
     left: 0;
     right: 0;
     height: 4px;
-    background: linear-gradient(90deg, #ff6b6b, #4ecdc4, #45b7d1, #96ceb4);
+    background: linear-gradient(90deg, #228B22, #32CD32, #90EE90, #98FB98);
 }
 
 .result-card:hover {
@@ -356,7 +372,7 @@ body {
 
 .result-value:hover {
     background: rgba(248, 250, 252, 0.95);
-    border-color: #667eea;
+    border-color: #228B22;
 }
 
 .result-value .placeholder {
@@ -367,7 +383,7 @@ body {
 .copy-btn {
     background: none;
     border: none;
-    color: #667eea;
+    color: #228B22;
     cursor: pointer;
     padding: 8px;
     border-radius: 6px;
@@ -377,8 +393,8 @@ body {
 }
 
 .copy-btn:hover {
-    background: rgba(102, 126, 234, 0.1);
-    color: #5a67d8;
+    background: rgba(34, 139, 34, 0.1);
+    color: #1e7e1e;
 }
 
 /* Loading Overlay */
@@ -429,7 +445,7 @@ body {
     position: fixed;
     bottom: 30px;
     right: 30px;
-    background: linear-gradient(135deg, #4ecdc4, #44a08d);
+    background: linear-gradient(135deg, #228B22, #32CD32);
     color: white;
     padding: 16px 24px;
     border-radius: 12px;