From 846f92d2fe08ab9b8b14e8b949f00bb4529974d2 Mon Sep 17 00:00:00 2001
From: hongjli <3117313295@qq.com>
Date: 星期六, 05 四月 2025 15:09:17 +0800
Subject: [PATCH] 导航栏优化
---
src/app/globals.css | 167 ++++++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 162 insertions(+), 5 deletions(-)
diff --git a/src/app/globals.css b/src/app/globals.css
index a2dc41e..9144a3f 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -1,8 +1,18 @@
@import "tailwindcss";
:root {
- --background: #ffffff;
- --foreground: #171717;
+ /* 鐜颁唬绉戞妧鎰熶富棰橀厤鑹� */
+ --ai-primary: #1E2B63; /* 娣辫摑鑹� - 涓昏鑳屾櫙鑹� */
+ --ai-secondary: #6ADBFF; /* 澶╄摑鑹� - 鐐圭紑鑹茶皟 */
+ --ai-accent: #5E72EB; /* 绱摑鑹� - 寮鸿皟鑹茶皟 */
+ --ai-highlight: #FF9190; /* 绮夌孩鑹� - 楂樹寒鑹茶皟 */
+ --ai-surface: #F7F9FF; /* 娣¤摑鐧借壊 - 鎻愪緵娓呮櫚瑙嗚绌洪棿 */
+ --ai-dark: #0A1033; /* 娣辫摑鑹� - 鏆楄壊璋� */
+ --ai-contrast: #FF6A88; /* 绮夌孩鑹� - 鐢ㄤ簬琛屽姩鐐瑰己璋� */
+
+ /* 鍩虹棰滆壊璁剧疆 */
+ --background: var(--ai-surface);
+ --foreground: #1E2B63;
}
@theme inline {
@@ -14,13 +24,160 @@
@media (prefers-color-scheme: dark) {
:root {
- --background: #0a0a0a;
- --foreground: #ededed;
+ --background: var(--ai-dark);
+ --foreground: #E9EFFD;
}
}
body {
background: var(--background);
color: var(--foreground);
- font-family: Arial, Helvetica, sans-serif;
+ font-family: 'PingFang SC', 'Microsoft YaHei', Arial, sans-serif;
+}
+
+/* 瀵艰埅鏍忕壒鏁堟牱寮� */
+.hover\:shadow-glow:hover {
+ box-shadow: 0 0 15px rgba(106, 219, 255, 0.5);
+}
+
+/* Logo鍦嗙幆鑴夊啿鍔ㄧ敾 */
+@keyframes logo-ring-pulse {
+ 0% {
+ opacity: 0.15;
+ box-shadow: 0 0 0 0 rgba(136, 219, 255, 0.15);
+ }
+ 25% {
+ opacity: 0.35;
+ box-shadow: 0 0 0 1px rgba(136, 219, 255, 0.2);
+ }
+ 50% {
+ opacity: 0.65;
+ box-shadow: 0 0 0 2px rgba(136, 219, 255, 0.25);
+ }
+ 75% {
+ opacity: 0.35;
+ box-shadow: 0 0 0 1px rgba(136, 219, 255, 0.2);
+ }
+ 100% {
+ opacity: 0.15;
+ box-shadow: 0 0 0 0 rgba(136, 219, 255, 0.15);
+ }
+}
+
+.animate-logo-pulse {
+ animation: logo-ring-pulse 6s ease-in-out infinite;
+}
+
+/* AI鏁版嵁娴佹晥鏋滃姩鐢� */
+@keyframes dataflowY {
+ 0% {
+ transform: translateY(-100%);
+ opacity: 0;
+ }
+ 50% {
+ opacity: 1;
+ }
+ 100% {
+ transform: translateY(100%);
+ opacity: 0;
+ }
+}
+
+@keyframes dataflowX {
+ 0% {
+ transform: translateX(-100%);
+ opacity: 0;
+ }
+ 50% {
+ opacity: 1;
+ }
+ 100% {
+ transform: translateX(100%);
+ opacity: 0;
+ }
+}
+
+.animate-dataflowY {
+ animation: dataflowY 3s infinite;
+}
+
+.animate-dataflowX {
+ animation: dataflowX 4s infinite;
+}
+
+/* 鎸夐挳鍊炬枩鍔ㄧ敾 */
+@keyframes tilt {
+ 0%, 100% {
+ transform: rotate(0deg);
+ }
+ 25% {
+ transform: rotate(1deg);
+ }
+ 75% {
+ transform: rotate(-1deg);
+ }
+}
+
+.animate-tilt {
+ animation: tilt 10s ease-in-out infinite;
+}
+
+/* AI鍏冪礌鎵弿绾垮姩鐢� */
+@keyframes scanline {
+ 0% {
+ transform: translateY(-100%);
+ }
+ 100% {
+ transform: translateY(100%);
+ }
+}
+
+.animate-scanline {
+ animation: scanline 2s linear infinite;
+}
+
+/* 鍩虹娓愬彉鍔ㄧ敾 */
+@keyframes gradient-flow {
+ 0% {
+ background-position: 0% 50%;
+ }
+ 50% {
+ background-position: 100% 50%;
+ }
+ 100% {
+ background-position: 0% 50%;
+ }
+}
+
+.bg-gradient-animate {
+ background-size: 200% 200%;
+ animation: gradient-flow 8s ease infinite;
+}
+
+/* 鏂板楂樺厜鏁堟灉 */
+@keyframes shimmer {
+ 0% {
+ opacity: 0.5;
+ transform: translateX(-100%);
+ }
+ 100% {
+ opacity: 0;
+ transform: translateX(100%);
+ }
+}
+
+.shimmer-effect::after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: linear-gradient(
+ to right,
+ rgba(255, 255, 255, 0) 0%,
+ rgba(255, 255, 255, 0.3) 50%,
+ rgba(255, 255, 255, 0) 100%
+ );
+ animation: shimmer 2s infinite;
}
--
Gitblit v1.9.3