From 90b3b6329fec3205b845198ca6dc539dcde186c8 Mon Sep 17 00:00:00 2001
From: hongjli <3117313295@qq.com>
Date: 星期一, 16 六月 2025 17:12:20 +0800
Subject: [PATCH] 页面调整优化
---
src/app/globals.css | 885 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 878 insertions(+), 7 deletions(-)
diff --git a/src/app/globals.css b/src/app/globals.css
index a2dc41e..546c47c 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -1,8 +1,23 @@
@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;
+ --foreground-rgb: 255, 255, 255;
+ --background-start-rgb: 10, 16, 51;
+ --background-end-rgb: 0, 0, 0;
+ --scrollbar-track: rgba(30, 43, 99, 0.1);
+ --scrollbar-thumb: rgba(106, 219, 255, 0.3);
}
@theme inline {
@@ -14,13 +29,869 @@
@media (prefers-color-scheme: dark) {
:root {
- --background: #0a0a0a;
- --foreground: #ededed;
+ --background: var(--ai-dark);
+ --foreground: #E9EFFD;
+ --foreground-rgb: 255, 255, 255;
+ --background-start-rgb: 0, 0, 0;
+ --background-end-rgb: 0, 0, 0;
}
}
body {
- background: var(--background);
- color: var(--foreground);
- font-family: Arial, Helvetica, sans-serif;
+ background: linear-gradient(to bottom,
+ rgb(var(--background-start-rgb)),
+ rgb(var(--background-end-rgb)));
+ color: rgb(var(--foreground-rgb));
+ font-family: 'PingFang SC', 'Microsoft YaHei', Arial, sans-serif;
+ min-height: 100vh;
+ opacity: 1;
+ transition: opacity 0.2s ease-out;
+}
+
+/* 婊氬姩鎬ц兘浼樺寲 */
+* {
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+html, body {
+ scroll-behavior: smooth;
+}
+
+/* 鍚敤纭欢鍔犻�� */
+.will-change-transform,
+.motion-safe\:will-change-transform,
+.motion-safe\:hover\:will-change-transform:hover,
+canvas {
+ will-change: transform, opacity;
+ transform: translateZ(0);
+ backface-visibility: hidden;
+}
+
+/* 浼樺寲婊氬姩鏉� */
+::-webkit-scrollbar {
+ width: 10px;
+}
+
+::-webkit-scrollbar-track {
+ background: var(--scrollbar-track);
+}
+
+::-webkit-scrollbar-thumb {
+ background: var(--scrollbar-thumb);
+ border-radius: 5px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+ background: rgba(106, 219, 255, 0.5);
+}
+
+/* 婊氬姩浼樺寲绫� */
+.smooth-scroll {
+ overflow-y: scroll;
+ scroll-behavior: smooth;
+ -webkit-overflow-scrolling: touch;
+}
+
+/* 闃叉杩囧害閲嶆帓鍜岄噸缁� */
+.motion-reduce {
+ transition-duration: 0.01ms !important;
+ animation-duration: 0.01ms !important;
+ animation-iteration-count: 1 !important;
+}
+
+/* 瀵艰埅鏍忕壒鏁堟牱寮� */
+.hover\:shadow-glow:hover {
+ box-shadow: 0 0 15px rgba(106, 219, 255, 0.5);
+}
+
+/* 骞虫粦娓愬叆鍔ㄧ敾 */
+@keyframes fade-in {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+
+.animate-fade-in {
+ animation: fade-in 1.5s ease-out forwards;
+ animation-delay: 0.5s;
+}
+
+/* 椤甸潰鍐呭娣″叆鍔ㄧ敾 */
+@keyframes fadeIn {
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
+
+.animate-fadeIn {
+ animation: fadeIn 0.6s ease-out;
+}
+
+/* Logo鍦嗙幆鑴夊啿鍔ㄧ敾 */
+@keyframes logo-ring-pulse {
+ 0% {
+ opacity: 0.4;
+ box-shadow: 0 0 0 rgba(106, 219, 255, 0);
+ }
+ 20% {
+ opacity: 0.7;
+ box-shadow: 0 0 10px rgba(106, 219, 255, 0.3);
+ }
+ 40% {
+ opacity: 0.4;
+ box-shadow: 0 0 0 rgba(106, 219, 255, 0);
+ }
+ 100% {
+ opacity: 0.4;
+ box-shadow: 0 0 0 rgba(106, 219, 255, 0);
+ }
+}
+
+.animate-logo-pulse {
+ animation: logo-ring-pulse 5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
+/* 瀵艰埅鏍忕矑瀛愬姩鐢� */
+@keyframes particle-float {
+ 0% {
+ transform: translateY(0) translateX(0);
+ opacity: 0;
+ }
+ 20% {
+ opacity: 0.4;
+ }
+ 80% {
+ opacity: 0.4;
+ }
+ 100% {
+ transform: translateY(-30px) translateX(20px);
+ opacity: 0;
+ }
+}
+
+.animate-particle {
+ animation: particle-float 8s ease-in-out infinite;
+}
+
+.animate-particle-delay-1 {
+ animation: particle-float 8s ease-in-out 1s infinite;
+}
+
+.animate-particle-delay-2 {
+ animation: particle-float 10s ease-in-out 2s infinite;
+}
+
+.animate-particle-delay-3 {
+ animation: particle-float 7s ease-in-out 3s infinite;
+}
+
+.animate-particle-delay-4 {
+ animation: particle-float 9s ease-in-out 4s infinite;
+}
+
+/* AI绁炵粡缃戠粶杩炴帴鍔ㄧ敾 */
+@keyframes neural-pulse {
+ 0% {
+ opacity: 0.2;
+ }
+ 50% {
+ opacity: 0.8;
+ }
+ 100% {
+ opacity: 0.2;
+ }
+}
+
+.animate-neural-pulse {
+ animation: neural-pulse 3s ease-in-out infinite;
+}
+
+.animate-neural-pulse-delay-1 {
+ animation: neural-pulse 4s cubic-bezier(0.45, 0.05, 0.55, 0.95) 1s infinite;
+}
+
+.animate-neural-pulse-delay-2 {
+ animation: neural-pulse-delay-2 3s ease-in-out infinite;
+ animation-delay: 1.5s;
+}
+
+/* AI鏁版嵁澶勭悊鍏夌嚎鏁堟灉 */
+@keyframes data-scan {
+ 0% {
+ transform: translateX(-100%);
+ }
+ 100% {
+ transform: translateX(100%);
+ }
+}
+
+.animate-data-scan {
+ animation: data-scan 12s linear infinite;
+}
+
+.animate-data-scan-delay {
+ animation: data-scan 8s cubic-bezier(0.25, 0.1, 0.25, 1) 4s infinite;
+}
+
+/* AI杩愮畻鑺傜偣闂儊 */
+@keyframes compute-node {
+ 0% {
+ box-shadow: 0 0 0 rgba(106, 219, 255, 0);
+ }
+ 50% {
+ box-shadow: 0 0 15px rgba(106, 219, 255, 0.4);
+ }
+ 100% {
+ box-shadow: 0 0 0 rgba(106, 219, 255, 0);
+ }
+}
+
+.animate-compute-node {
+ animation: compute-node 4s ease-in-out infinite;
+}
+
+.animate-compute-node-delay-1 {
+ animation: compute-node 3s ease-in-out 1s infinite;
+}
+
+.animate-compute-node-delay-2 {
+ animation: compute-node 3s ease-in-out 2s infinite;
+}
+
+/* 閲忓瓙璁＄畻娉㈠姩鏁堟灉 */
+@keyframes quantum-wave {
+ 0% {
+ transform: translateX(0);
+ }
+ 100% {
+ transform: translateX(-50px);
+ }
+}
+
+.animate-quantum-wave {
+ animation: quantum-wave 10s linear infinite;
+}
+
+/* 鍔ㄦ�佺綉鏍肩嚎鍔ㄧ敾 */
+@keyframes grid-pulse {
+ 0%, 100% {
+ opacity: 0.05;
+ transform: scaleY(1);
+ }
+ 50% {
+ opacity: 0.15;
+ transform: scaleY(1.05);
+ }
+}
+
+.animate-grid-pulse {
+ animation: grid-pulse 4s ease-in-out infinite;
+}
+
+/* 鏁版嵁闂儊鍔ㄧ敾 */
+@keyframes data-blink {
+ 0%, 100% {
+ opacity: 0;
+ }
+ 50% {
+ opacity: 0.9;
+ }
+}
+
+.animate-data-blink {
+ animation: data-blink 3s ease-in-out infinite;
+}
+
+.animate-data-blink-slow {
+ animation: data-blink-slow 5s ease-in-out infinite;
+}
+
+/* AI鏁版嵁娴佹晥鏋滃姩鐢� */
+@keyframes dataflowY {
+ from {
+ transform: translateY(-100%);
+ }
+ to {
+ transform: translateY(100%);
+ }
+}
+
+@keyframes dataflowX {
+ from {
+ transform: translateX(-100%);
+ }
+ to {
+ transform: translateX(100%);
+ }
+}
+
+.animate-dataflowY {
+ animation: dataflowY 3s linear infinite;
+}
+
+.animate-dataflowX {
+ animation: dataflowX 5s linear 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 3s ease-in-out 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;
+}
+
+/* 瀵艰埅鏍忓姩鎬佹晥鏋滃姩鐢� */
+@keyframes logo-ring-pulse {
+ 0% {
+ opacity: 0.4;
+ box-shadow: 0 0 0 rgba(106, 219, 255, 0);
+ }
+ 20% {
+ opacity: 0.7;
+ box-shadow: 0 0 10px rgba(106, 219, 255, 0.3);
+ }
+ 40% {
+ opacity: 0.4;
+ box-shadow: 0 0 0 rgba(106, 219, 255, 0);
+ }
+ 100% {
+ opacity: 0.4;
+ box-shadow: 0 0 0 rgba(106, 219, 255, 0);
+ }
+}
+
+@keyframes neural-pulse {
+ 0% {
+ opacity: 0.2;
+ }
+ 50% {
+ opacity: 0.8;
+ }
+ 100% {
+ opacity: 0.2;
+ }
+}
+
+@keyframes neural-pulse-delay-2 {
+ 0% {
+ opacity: 0.2;
+ }
+ 50% {
+ opacity: 0.8;
+ }
+ 100% {
+ opacity: 0.2;
+ }
+}
+
+@keyframes compute-node {
+ 0% {
+ box-shadow: 0 0 0 rgba(106, 219, 255, 0);
+ }
+ 50% {
+ box-shadow: 0 0 15px rgba(106, 219, 255, 0.4);
+ }
+ 100% {
+ box-shadow: 0 0 0 rgba(106, 219, 255, 0);
+ }
+}
+
+@keyframes quantum-wave {
+ 0% {
+ transform: translateX(0);
+ }
+ 100% {
+ transform: translateX(-50px);
+ }
+}
+
+@keyframes data-scan {
+ 0% {
+ transform: translateX(-100%);
+ }
+ 100% {
+ transform: translateX(100%);
+ }
+}
+
+/* 鏂板绉戞妧鎰熷姩鐢绘晥鏋� */
+@keyframes data-blink {
+ 0%, 100% {
+ opacity: 0;
+ }
+ 50% {
+ opacity: 0.9;
+ }
+}
+
+@keyframes data-blink-slow {
+ 0%, 100% {
+ opacity: 0;
+ }
+ 50% {
+ opacity: 0.7;
+ }
+}
+
+@keyframes dataflowY {
+ from {
+ transform: translateY(-100%);
+ }
+ to {
+ transform: translateY(100%);
+ }
+}
+
+@keyframes scanline {
+ 0% {
+ transform: translateY(-100%);
+ }
+ 100% {
+ transform: translateY(100%);
+ }
+}
+
+/* 鍔ㄧ敾绫诲簲鐢� */
+.animate-logo-pulse {
+ animation: logo-ring-pulse 5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
+.animate-neural-pulse {
+ animation: neural-pulse 3s ease-in-out infinite;
+}
+
+.animate-neural-pulse-delay-2 {
+ animation: neural-pulse-delay-2 3s ease-in-out infinite;
+ animation-delay: 1.5s;
+}
+
+.animate-compute-node {
+ animation: compute-node 4s ease-in-out infinite;
+}
+
+.animate-quantum-wave {
+ animation: quantum-wave 10s linear infinite;
+}
+
+.animate-data-scan {
+ animation: data-scan 12s linear infinite;
+}
+
+.animate-data-blink {
+ animation: data-blink 2s ease-in-out infinite;
+}
+
+.animate-data-blink-slow {
+ animation: data-blink-slow 5s ease-in-out infinite;
+}
+
+.animate-dataflowY {
+ animation: dataflowY 3s linear infinite;
+}
+
+.animate-scanline {
+ animation: scanline 3s ease-in-out infinite;
+}
+
+.animate-fade-in {
+ animation: fade-in 1.5s ease-out forwards;
+ animation-delay: 0.5s;
+}
+
+/* 鎮仠鏁堟灉澧炲己 */
+.navbar-hover-glow:hover {
+ box-shadow: 0 5px 20px rgba(106, 219, 255, 0.3);
+}
+
+/* 鏍囩孩妗嗗渾鍦堢殑鍗曚竴绠�鍖栧姩鐢绘晥鏋� */
+@keyframes circle-pulse {
+ 0%, 100% {
+ opacity: 0.2;
+ border-color: rgba(106, 219, 255, 0.4);
+ }
+ 50% {
+ opacity: 0.8;
+ border-color: rgba(106, 219, 255, 0.8);
+ }
+}
+
+.animate-circle-pulse {
+ animation: circle-pulse 4s ease-in-out infinite;
+}
+
+/* 鍏夋壂鎻忔晥鏋滃姩鐢� */
+@keyframes lightSweep {
+ 0% {
+ transform: translateX(-100%) skewX(-45deg);
+ opacity: 0;
+ }
+ 20% {
+ opacity: 0.3;
+ }
+ 60% {
+ opacity: 0.3;
+ }
+ 100% {
+ transform: translateX(100%) skewX(-45deg);
+ opacity: 0;
+ }
+}
+
+/* 鎶�鏈渾鍦堟晥鏋滃姩鐢� */
+@keyframes tech-circle-pulse {
+ 0% {
+ opacity: 0.3;
+ border-color: rgba(106, 219, 255, 0.2);
+ }
+ 50% {
+ opacity: 0.6;
+ border-color: rgba(106, 219, 255, 0.3);
+ }
+ 100% {
+ opacity: 0.3;
+ border-color: rgba(106, 219, 255, 0.2);
+ }
+}
+
+@keyframes tech-circle-rotate {
+ 0% {
+ transform: rotate(0deg);
+ background: rgba(19, 28, 65, 0.3);
+ }
+ 50% {
+ background: rgba(30, 43, 99, 0.3);
+ }
+ 100% {
+ transform: rotate(360deg);
+ background: rgba(19, 28, 65, 0.3);
+ }
+}
+
+@keyframes tech-center-blink {
+ 0% {
+ opacity: 0.2;
+ transform: scale(0.8);
+ }
+ 50% {
+ opacity: 0.5;
+ transform: scale(1);
+ }
+ 100% {
+ opacity: 0.2;
+ transform: scale(0.8);
+ }
+}
+
+@keyframes tech-glow-pulse {
+ 0% {
+ opacity: 0.05;
+ box-shadow: 0 0 5px 0px rgba(106, 219, 255, 0.05);
+ }
+ 50% {
+ opacity: 0.15;
+ box-shadow: 0 0 15px 5px rgba(106, 219, 255, 0.15);
+ }
+ 100% {
+ opacity: 0.05;
+ box-shadow: 0 0 5px 0px rgba(106, 219, 255, 0.05);
+ }
+}
+
+.animate-tech-circle-pulse {
+ animation: tech-circle-pulse 8s infinite ease-in-out;
+}
+
+.animate-tech-circle-rotate {
+ animation: tech-circle-rotate 30s infinite linear;
+}
+
+.animate-tech-center-blink {
+ animation: tech-center-blink 5s infinite ease-in-out;
+}
+
+.animate-tech-glow-pulse {
+ animation: tech-glow-pulse 8s infinite ease-in-out;
+}
+
+/* 楂樹寒鍒掕繃鏁堟灉 - 鐢ㄤ簬鐧诲綍椤甸潰鎸夐挳 */
+@keyframes shimmer {
+ 0% {
+ transform: translateX(-100%);
+ }
+ 100% {
+ transform: translateX(100%);
+ }
+}
+
+.animate-shimmer {
+ animation: shimmer 2s infinite;
+}
+
+/* 鐧诲綍椤甸潰鐗规畩鍔ㄧ敾 */
+@keyframes float {
+ 0%, 100% {
+ transform: translateY(0);
+ }
+ 50% {
+ transform: translateY(-10px);
+ }
+}
+
+.animate-float {
+ animation: float 6s ease-in-out infinite;
+}
+
+@keyframes tech-connect {
+ 0%, 100% {
+ opacity: 0.2;
+ transform: scaleX(0.7);
+ }
+ 50% {
+ opacity: 0.8;
+ transform: scaleX(1);
+ }
+}
+
+.animate-tech-connect {
+ animation: tech-connect 8s ease-in-out infinite;
+}
+
+/* 杈撳叆妗嗚仛鐒﹀姩鐢� */
+@keyframes focus-border {
+ 0% {
+ transform: scaleX(0);
+ }
+ 100% {
+ transform: scaleX(1);
+ }
+}
+
+.animate-focus-border {
+ animation: focus-border 0.3s ease-out forwards;
+}
+
+/* 閲忓瓙鍏夌嚎鏁堟灉鍔ㄧ敾 - 鐧诲綍鎸夐挳涓撶敤 */
+@keyframes quantum-scan {
+ 0% {
+ transform: translateX(-100%) skewX(-30deg);
+ opacity: 0;
+ }
+ 20% {
+ opacity: 0.5;
+ }
+ 50% {
+ opacity: 0.7;
+ }
+ 80% {
+ opacity: 0.5;
+ }
+ 100% {
+ transform: translateX(100%) skewX(-30deg);
+ opacity: 0;
+ }
+}
+
+@keyframes quantum-glow {
+ 0%, 100% {
+ box-shadow: 0 0 5px 2px rgba(106, 219, 255, 0.1);
+ }
+ 50% {
+ box-shadow: 0 0 15px 5px rgba(106, 219, 255, 0.3);
+ }
+}
+
+@keyframes quantum-pulse {
+ 0%, 100% {
+ transform: scale(1);
+ }
+ 50% {
+ transform: scale(1.02);
+ }
+}
+
+.quantum-button:hover .quantum-scan-line {
+ animation: quantum-scan 3s ease-in-out infinite;
+}
+
+.quantum-button:hover {
+ animation: quantum-glow 4s ease-in-out infinite;
+}
+
+.quantum-button:hover .quantum-pulse {
+ animation: quantum-pulse 2s ease-in-out infinite;
+}
+
+/* 涓婚〉闂厜鎸夐挳鏁堟灉 */
+@keyframes shine {
+ 100% {
+ left: 125%;
+ }
+}
+
+.animate-shine {
+ animation: shine 1.5s ease-in-out;
+}
+
+@keyframes error-scan {
+ 0% {
+ transform: translateX(0%);
+ }
+ 100% {
+ transform: translateX(50%);
+ }
+}
+
+.animate-error-scan {
+ animation: error-scan 2s linear infinite;
+}
+
+/* 椤甸潰杩囨浮鏁堟灉 */
+.page-transitioning {
+ animation: fadeOut 0.2s ease-out forwards;
+ pointer-events: none;
+}
+
+@keyframes fadeOut {
+ from {
+ opacity: 1;
+ }
+ to {
+ opacity: 0;
+ }
+}
+
+/* 闃叉閾炬帴鐐瑰嚮鏃剁殑闂儊 */
+.no-flash-link {
+ -webkit-tap-highlight-color: transparent;
+}
+
+/* 娑堟伅鐢熸垚鏃堕攣瀹氭粴鍔� */
+body.generating-message {
+ overflow: hidden !important;
+}
+
+/* 婊氬姩閿佸畾閬僵 */
+.scroll-lock-overlay {
+ position: fixed;
+ inset: 0;
+ z-index: 50;
+ background: transparent;
+ pointer-events: all;
+ touch-action: none;
+}
+
+/* 鍥捐〃鍏ㄥ睆妯″紡鏃剁殑鏍峰紡 */
+body:has(.echart-wrapper[data-echarts-container]) {
+ scroll-behavior: smooth;
+}
+
+.echart-wrapper[data-echarts-container] {
+ transition: all 0.3s ease-in-out;
+}
+
+/* 褰撳浜庡叏灞忔ā寮忔椂闃叉椤甸潰婊氬姩 */
+body:has(.echart-wrapper:has(+ .fullscreen-controls)) {
+ overflow: hidden;
+}
+
+/* 褰诲簳鍥哄畾鍥捐〃瀹瑰櫒鐨勯珮搴� */
+[data-echarts-container="true"] {
+ height: 400px !important;
+ min-height: 400px !important;
+ width: 100%;
+ position: relative;
+}
+
+/* 纭繚tooltip鏄剧ず鍦ㄩ�傚綋浣嶇疆 */
+.echarts-tooltip-wrap,
+div[class*="echarts-tooltip"],
+div[class*="tooltip"] {
+ z-index: 9999 !important;
+ top: auto !important; /* 闃叉鍥哄畾鍦ㄩ《閮� */
+ transform: translateY(0) !important; /* 闃叉鍚戜笂鍋忕Щ */
+ max-width: 80vw !important; /* 闄愬埗鏈�澶у搴� */
+ pointer-events: auto !important;
+}
+
+/* 纭繚鐑姏鍥総ooltip鍦ㄩ珮椋庨櫓鍖哄煙鏄剧ず鏃朵笉浼氳瀵艰埅鏍忛伄鎸� */
+body .ec-tooltip,
+body .echarts-tooltip {
+ margin-top: 60px !important; /* 纭繚涓嶄細鏄剧ず鍦ㄥ鑸爮涔嬩笂 */
}
--
Gitblit v1.9.3