From 92196ac793d9a33ccfae2a0c0a7b3abf600add7b Mon Sep 17 00:00:00 2001
From: Simon <10131203+gaomeng1900@users.noreply.github.com>
Date: Tue, 17 Mar 2026 00:29:13 +0800
Subject: [PATCH] chore(website): tailwind important; footer

---
 packages/page-agent/vite.iife.config.js    |  2 +-
 packages/website/src/components/Footer.tsx | 15 ++++++++-------
 packages/website/src/index.css             |  3 ++-
 packages/website/tailwind.config.js        |  3 +++
 packages/website/vite.config.js            |  2 +-
 5 files changed, 15 insertions(+), 10 deletions(-)
 create mode 100644 packages/website/tailwind.config.js

diff --git a/packages/page-agent/vite.iife.config.js b/packages/page-agent/vite.iife.config.js
index 22f882f..caca982 100644
--- a/packages/page-agent/vite.iife.config.js
+++ b/packages/page-agent/vite.iife.config.js
@@ -9,7 +9,7 @@ import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js'
 const __dirname = dirname(fileURLToPath(import.meta.url))
 
 // Load .env from repo root
-dotenvConfig({ path: resolve(__dirname, '../../.env') })
+dotenvConfig({ path: resolve(__dirname, '../../.env'), quiet: true })
 
 // UMD Bundle for CDN
 // - alias all local packages so that they can be build in
diff --git a/packages/website/src/components/Footer.tsx b/packages/website/src/components/Footer.tsx
index a29e8a9..81869f2 100644
--- a/packages/website/src/components/Footer.tsx
+++ b/packages/website/src/components/Footer.tsx
@@ -13,26 +13,27 @@ export default function Footer() {
 			<div className="max-w-7xl mx-auto px-6 py-6">
 				<div className="flex flex-col md:flex-row justify-between items-center space-y-4 md:space-y-0">
 					<div className="text-gray-600 dark:text-gray-300 text-sm text-center md:text-left">
-						<p>© 2026 page-agent. All rights reserved.</p>
 						<p>
-							Built with ♥️ by{' '}
 							<a
 								href="https://x.com/simonluvramen"
 								target="_blank"
 								rel="noopener noreferrer"
-								className="hover:text-gray-900 dark:hover:text-white transition-colors duration-200"
+								className="inline-block bg-[linear-gradient(60deg,#39b6ff_0%,#bd45fb_33%,#ff5733_66%,#ffd600_100%)] bg-clip-text text-xs leading-none text-transparent font-mono transition-opacity duration-200 hover:opacity-85"
 							>
-								Simon
+								Simon.
 							</a>
 						</p>
+						<p className="text-gray-600 dark:text-gray-300 text-xs mt-0.5">
+							© 2026 page-agent. All rights reserved.
+						</p>
 					</div>
 
-					<div className="flex items-center space-x-6">
+					<div className="flex items-center">
 						<a
 							href="https://github.com/alibaba/page-agent/blob/main/docs/terms-and-privacy.md"
 							target="_blank"
 							rel="noopener noreferrer"
-							className="text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition-colors duration-200 text-sm"
+							className="text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition-colors duration-200 text-sm mr-4"
 						>
 							{isZh ? '使用条款与隐私' : 'Terms & Privacy'}
 						</a>
@@ -40,7 +41,7 @@ export default function Footer() {
 							href="https://x.com/simonluvramen"
 							target="_blank"
 							rel="noopener noreferrer"
-							className="text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition-colors duration-200"
+							className="text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition-colors duration-200 mr-4"
 							aria-label="X (Twitter)"
 						>
 							<svg
diff --git a/packages/website/src/index.css b/packages/website/src/index.css
index f21bc6b..0864360 100644
--- a/packages/website/src/index.css
+++ b/packages/website/src/index.css
@@ -1,4 +1,5 @@
-@import 'tailwindcss' important;
+@config '../tailwind.config.js';
+@import 'tailwindcss';
 @import 'tw-animate-css';
 
 @custom-variant dark (&:is(.dark *));
diff --git a/packages/website/tailwind.config.js b/packages/website/tailwind.config.js
new file mode 100644
index 0000000..057000f
--- /dev/null
+++ b/packages/website/tailwind.config.js
@@ -0,0 +1,3 @@
+export default {
+	important: '#root',
+}
diff --git a/packages/website/vite.config.js b/packages/website/vite.config.js
index f5cdeec..6a9792f 100644
--- a/packages/website/vite.config.js
+++ b/packages/website/vite.config.js
@@ -13,7 +13,7 @@ const pageAgentPkg = JSON.parse(
 )
 
 // Load .env from repo root
-dotenvConfig({ path: resolve(__dirname, '../../.env') })
+dotenvConfig({ path: resolve(__dirname, '../../.env'), quiet: true })
 
 // All SPA routes that need index.html copies for direct access on static hosts
 const SPA_ROUTES = [