From 60200b846057d6f3f1e1b96681c15c80928ff96e Mon Sep 17 00:00:00 2001
From: tinkle-community <tinklefund@gmail.com>
Date: Fri, 26 Dec 2025 02:10:33 +0800
Subject: [PATCH] feat: add elegant NOFX watermark to chart

- Add centered watermark with gradient effect
- Semi-transparent, non-intrusive design
- Professional branding for market charts
---
 web/src/components/AdvancedChart.tsx | 33 +++++++++++++++++++++++++++-
 1 file changed, 32 insertions(+), 1 deletion(-)

diff --git a/web/src/components/AdvancedChart.tsx b/web/src/components/AdvancedChart.tsx
index f2ad2ff3..ab344a65 100644
--- a/web/src/components/AdvancedChart.tsx
+++ b/web/src/components/AdvancedChart.tsx
@@ -697,7 +697,38 @@ export function AdvancedChart({
       )}
 
       {/* 图表容器 */}
-      <div ref={chartContainerRef} style={{ position: 'relative' }} />
+      <div style={{ position: 'relative' }}>
+        <div ref={chartContainerRef} />
+
+        {/* NOFX 水印 */}
+        <div
+          style={{
+            position: 'absolute',
+            top: '50%',
+            left: '50%',
+            transform: 'translate(-50%, -50%)',
+            pointerEvents: 'none',
+            userSelect: 'none',
+            zIndex: 0,
+          }}
+        >
+          <div
+            style={{
+              fontSize: '120px',
+              fontWeight: '900',
+              background: 'linear-gradient(135deg, rgba(240, 185, 11, 0.03) 0%, rgba(240, 185, 11, 0.08) 100%)',
+              WebkitBackgroundClip: 'text',
+              WebkitTextFillColor: 'transparent',
+              backgroundClip: 'text',
+              letterSpacing: '8px',
+              fontFamily: 'Arial Black, sans-serif',
+              textShadow: '0 0 40px rgba(240, 185, 11, 0.1)',
+            }}
+          >
+            NOFX
+          </div>
+        </div>
+      </div>
 
       {/* 错误提示 */}
       {error && (