chore: lint warnings

Author: gaomeng1900

pages/components/BetaNotice.tsx

@@ -6,7 +6,7 @@ export default function BetaNotice() {
 	return (
 		<div className="bg-orange-50 dark:bg-orange-900/20 border border-orange-200 dark:border-orange-800 rounded-lg p-4 mb-8">
 			<div className="flex items-start">
-				<div className="flex-shrink-0">
+				<div className="shrink-0">
 					<span className="text-xl">🚧</span>
 				</div>
 				<div className="ml-3">

pages/components/CodeEditor.tsx

@@ -72,7 +72,7 @@ const CodeEditor: React.FC<CodeEditorProps> = ({
 				<div className="flex">
 					{/* 行号 */}
 					{showLineNumbers && (
-						<div className={`flex-shrink-0 px-4 py-4 ${lineNumbersClasses} border-r select-none`}>
+						<div className={`shrink-0 px-4 py-4 ${lineNumbersClasses} border-r select-none`}>
 							<div className="text-xs font-mono leading-6">
 								{lines.map((line, lineIdx) => {
 									const lineNum = lineIdx + 1

pages/components/DocsLayout.tsx

@@ -54,7 +54,7 @@ export default function DocsLayout({ children }: DocsLayoutProps) {
 		<div className="max-w-7xl mx-auto px-6 py-8 overflow-x-auto">
 			<div className="flex gap-8 min-w-[900px]">
 				{/* Sidebar */}
-				<aside className="w-64 flex-shrink-0" role="complementary" aria-label="文档导航">
+				<aside className="w-64 shrink-0" role="complementary" aria-label="文档导航">
 					<div className="sticky top-8">
 						<nav className="space-y-8" role="navigation" aria-label="文档章节">
 							{navigationSections.map((section) => (

pages/components/Header.tsx

@@ -21,7 +21,7 @@ export default function Header() {
 						{/* Logo */}
 						<Link
 							href="/"
-							className="flex items-center gap-2 sm:gap-3 group flex-shrink-0"
+							className="flex items-center gap-2 sm:gap-3 group shrink-0"
 							aria-label={t('header.logo_alt')}
 							onClick={() => setMobileMenuOpen(false)}
 						>
@@ -48,7 +48,7 @@ export default function Header() {
 						>
 							<Link
 								href="/docs/introduction/overview"
-								className="p-2 rounded-lg text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-blue-600 dark:hover:text-blue-400 transition-colors duration-200 flex-shrink-0"
+								className="p-2 rounded-lg text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-blue-600 dark:hover:text-blue-400 transition-colors duration-200 shrink-0"
 								aria-label={t('header.nav_docs')}
 							>
 								<BookIcon className="w-5 h-5" />
@@ -57,7 +57,7 @@ export default function Header() {
 								href="https://github.com/alibaba/page-agent"
 								target="_blank"
 								rel="noopener noreferrer"
-								className="p-2 rounded-lg text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-blue-600 dark:hover:text-blue-400 transition-colors duration-200 flex-shrink-0"
+								className="p-2 rounded-lg text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-blue-600 dark:hover:text-blue-400 transition-colors duration-200 shrink-0"
 								aria-label={t('header.nav_source')}
 							>
 								<GithubIcon className="w-5 h-5" />
@@ -94,7 +94,7 @@ export default function Header() {
 						{/* Mobile menu button */}
 						<button
 							type="button"
-							className="md:hidden p-2 rounded-lg text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-200 flex-shrink-0"
+							className="md:hidden p-2 rounded-lg text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-200 shrink-0"
 							aria-label={t('header.mobile_menu')}
 							aria-expanded={mobileMenuOpen}
 							aria-controls="mobile-menu"

pages/docs/integration/third-party-agent/page.tsx

@@ -98,7 +98,7 @@ const pageAgentTool = {
 				</ul>
 			</div>
 
-			<div className="bg-gradient-to-r from-green-50 to-blue-50 dark:from-green-900/20 dark:to-blue-900/20 p-4 rounded-lg">
+			<div className="bg-linear-to-r from-green-50 to-blue-50 dark:from-green-900/20 dark:to-blue-900/20 p-4 rounded-lg">
 				<h3 className="text-lg font-semibold mb-2 text-gray-900 dark:text-white">🎉 开始集成</h3>
 				<p className="mb-3 text-gray-700 dark:text-gray-300">
 					通过这种方式，你的 Agent 系统就能真正成为用户的智能助手。

pages/docs/introduction/overview/page.tsx

@@ -174,31 +174,31 @@ export default function Overview() {
 
 				<ul className="space-y-4 mb-8">
 					<li className="flex items-start space-x-3">
-						<span className="w-6 h-6 min-w-6 bg-blue-500 text-white rounded-full flex items-center justify-center font-bold text-sm mt-0.5 flex-shrink-0">
+						<span className="w-6 h-6 min-w-6 bg-blue-500 text-white rounded-full flex items-center justify-center font-bold text-sm mt-0.5 shrink-0">
 							1
 						</span>
 						<div className="text-gray-700 dark:text-gray-300">
 							<strong>{t('overview.use_case1_title')}</strong> {t('overview.use_case1_desc')}
 						</div>
 					</li>
 					<li className="flex items-start space-x-3">
-						<span className="w-6 h-6 min-w-6 bg-green-500 text-white rounded-full flex items-center justify-center font-bold text-sm mt-0.5 flex-shrink-0">
+						<span className="w-6 h-6 min-w-6 bg-green-500 text-white rounded-full flex items-center justify-center font-bold text-sm mt-0.5 shrink-0">
 							2
 						</span>
 						<div className="text-gray-700 dark:text-gray-300">
 							<strong>{t('overview.use_case2_title')}</strong> {t('overview.use_case2_desc')}
 						</div>
 					</li>
 					<li className="flex items-start space-x-3">
-						<span className="w-6 h-6 min-w-6 bg-purple-500 text-white rounded-full flex items-center justify-center font-bold text-sm mt-0.5 flex-shrink-0">
+						<span className="w-6 h-6 min-w-6 bg-purple-500 text-white rounded-full flex items-center justify-center font-bold text-sm mt-0.5 shrink-0">
 							3
 						</span>
 						<div className="text-gray-700 dark:text-gray-300">
 							<strong>{t('overview.use_case3_title')}</strong> {t('overview.use_case3_desc')}
 						</div>
 					</li>
 					<li className="flex items-start space-x-3">
-						<span className="w-6 h-6 min-w-6 bg-orange-500 text-white rounded-full flex items-center justify-center font-bold text-sm mt-0.5 flex-shrink-0">
+						<span className="w-6 h-6 min-w-6 bg-orange-500 text-white rounded-full flex items-center justify-center font-bold text-sm mt-0.5 shrink-0">
 							4
 						</span>
 						<div className="text-gray-700 dark:text-gray-300">