diff --git a/CLAUDE.md b/CLAUDE.md
index f6e7581..e081b14 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -42,8 +42,8 @@ website/
 │   │   ├── blog/             # 博客组件 (Grid, List, SinglePost)
 │   │   ├── core/             # 核心组件 (MetaTags, LanguageSwitch, ToggleTheme)
 │   │   ├── forms/            # 表单组件 (ImageUpload)
-│   │   ├── ui/               # UI 组件 (Button, Card, Input)
-│   │   │   └── cyber/        # Cyberpunk React 组件
+│   │   ├── ui/               # UI 组件 (Input, ScrollToTop)
+│   │   │   └── cyber/        # Cyberpunk React 组件 (CyberButton, CyberCard, GlitchText 等)
 │   │   └── widgets/          # 功能组件 (Header, Footer, Hero, Vision)
 │   ├── i18n/                 # 国际化
 │   │   └── languages.ts      # 所有翻译键 (400+ 条目)
diff --git a/docs/ROADMAP.md b/docs/ROADMAP.md
index cebf4aa..53bc9a6 100644
--- a/docs/ROADMAP.md
+++ b/docs/ROADMAP.md
@@ -1,7 +1,7 @@
 # Product Roadmap 2025-2026 | 产品路线图
 
-**Version**: 1.2.0
-**Last Updated**: 2025-11-21
+**Version**: 1.3.0
+**Last Updated**: 2025-11-22
 **Project**: Open Wisdom Lab Website
 **Related Documents**: [docs/](./docs/) 目录下的所有文档
 
@@ -63,10 +63,13 @@
   - [x] Prettier + ESLint 配置完成
   - [ ] Pre-commit hooks (Husky + lint-staged)
   - [x] TypeScript strict mode (已配置)
-- [ ] 代码格式化和修复
-  - [ ] 运行 Prettier 格式化所有文件
-  - [ ] 统一 Import 路径为 `~/` 别名
-  - [ ] 修复所有 ESLint 警告
+- [x] 代码格式化和修复
+  - [x] 修复 deprecated APIs (substr -> substring)
+  - [x] 修复 RSS endpoint handler (get -> GET)
+  - [x] 添加 script is:inline 指令修复 hints
+  - [x] 移除 6 个未使用组件 (HighlightedPosts, LatestPosts, Button, Card, Pricing, Announcement)
+  - [x] 优化 PageLayout 移除重复的背景动画组件
+  - [x] 补充 Note.astro 组件双语翻译
 
 #### Week 3-4: TypeScript 迁移
 - [x] 添加类型定义
@@ -755,6 +758,19 @@ Week 2:
 
 ## 📝 Changelog | 更新日志
 
+### Version 1.3.0 (2025-11-22)
+- **代码质量优化**
+  - 修复 deprecated API (substr -> substring)
+  - 修复 RSS endpoint handler 命名 (get -> GET)
+  - 添加 script is:inline 指令修复 Astro hints
+- **架构精简**
+  - 移除 6 个未使用组件 (HighlightedPosts, LatestPosts, Button, Card, Pricing, Announcement)
+  - 优化 PageLayout: 移除重复的 ParticlesBackground 和空的 Announcement 组件
+  - 保留单一 PhysicsBackground 动画，提升页面加载性能
+- **i18n 完善**
+  - 补充 Note.astro 组件的双语翻译 (note.* 翻译键)
+- **构建状态**: 0 errors, 0 warnings, 1 hint (ImageUpload 的 define:vars 为预期行为)
+
 ### Version 1.2.0 (2025-11-21)
 - 更新 Phase 1 完成状态
 - 标记设计系统相关任务为完成
@@ -790,8 +806,8 @@ Week 2:
 
 ---
 
-**Last Updated**: 2025-11-21
-**Next Review**: 2025-12-21
+**Last Updated**: 2025-11-22
+**Next Review**: 2025-12-22
 **Document Owner**: Product Team
 
 ---
diff --git a/src/components/blog/HighlightedPosts.astro b/src/components/blog/HighlightedPosts.astro
deleted file mode 100644
index a84b484..0000000
--- a/src/components/blog/HighlightedPosts.astro
+++ /dev/null
@@ -1,27 +0,0 @@
----
-import Grid from '~/components/blog/Grid.astro';
-
-import { findPostsByIds } from '~/utils/posts';
-
-const ids = [
-	'get-started-website-with-astro-tailwind-css',
-	'how-to-customize-astrowind-to-your-brand',
-	'useful-resources-to-create-websites',
-	'astrowind-template-in-depth',
-];
-const posts = await findPostsByIds(ids);
----
-
-<section class="px-4 py-16 mx-auto max-w-6xl lg:py-20">
-	<div class="flex flex-col mb-6 lg:justify-between lg:flex-row md:mb-8">
-		<h2 class="max-w-lg mb-2 text-3xl font-bold tracking-tight sm:text-4xl sm:leading-none lg:mb-5 group font-heading">
-			<span class="inline-block mb-1 sm:mb-4">最新动态<br class="hidden md:block" /> 探索创新之旅</span>
-		</h2>
-
-		<p class="text-gray-700 dark:text-slate-400 lg:text-sm lg:max-w-md">
-			这里展示猫头鹰实验室的最新项目、研究成果、活动资讯和学生作品。见证创新在这里发生，了解我们如何通过跨学科融合和实践驱动培养创新人才。
-		</p>
-	</div>
-
-	<Grid posts={posts} />
-</section>
diff --git a/src/components/blog/LatestPosts.astro b/src/components/blog/LatestPosts.astro
deleted file mode 100644
index 9075902..0000000
--- a/src/components/blog/LatestPosts.astro
+++ /dev/null
@@ -1,24 +0,0 @@
----
-import Grid from '~/components/blog/Grid.astro';
-
-import { findLatestPosts } from '~/utils/posts';
-
-const count = 4;
-const posts = await findLatestPosts({ count });
----
-
-<section class="px-4 py-16 mx-auto max-w-6xl lg:py-20">
-	<div class="flex flex-col mb-6 lg:justify-between lg:flex-row md:mb-8">
-		<h2 class="max-w-lg mb-2 text-3xl font-bold tracking-tight sm:text-4xl sm:leading-none lg:mb-5 group font-heading">
-			<span class="inline-block mb-1 sm:mb-4">Latest articles<br class="hidden md:block" /> in our Blog</span>
-		</h2>
-
-		<p class="text-gray-700 dark:text-slate-400 lg:text-sm lg:max-w-md">
-			The blog will be used to display AstroWind documentation. Each new article will be an important step that you will
-			need to know to be an expert in creating a website using Astro + Tailwind CSS The blog does not exist yet, but
-			very soon. Astro is a very interesting technology. Thanks.
-		</p>
-	</div>
-
-	<Grid posts={posts} />
-</section>
diff --git a/src/components/core/SplitbeeAnalytics.astro b/src/components/core/SplitbeeAnalytics.astro
index b3c349a..66651db 100644
--- a/src/components/core/SplitbeeAnalytics.astro
+++ b/src/components/core/SplitbeeAnalytics.astro
@@ -3,4 +3,4 @@ const { doNotTrack = true, noCookieMode = false, url = 'https://cdn.splitbee.io/
 ---
 
 <!-- Splitbee Analytics -->
-<script data-respect-dnt={doNotTrack} data-no-cookie={noCookieMode} async src={url}></script>
+<script is:inline data-respect-dnt={doNotTrack} data-no-cookie={noCookieMode} async src={url}></script>
diff --git a/src/components/ui/Button.astro b/src/components/ui/Button.astro
deleted file mode 100644
index 65e1861..0000000
--- a/src/components/ui/Button.astro
+++ /dev/null
@@ -1,159 +0,0 @@
----
-/**
- * Button - 赛博朋克风格按钮组件
- * 特点：故障效果（Glitch）、流光边框、霓虹发光
- */
-interface Props {
-	variant?: 'neon' | 'ghost' | 'outline' | 'brutal';
-	size?: 'sm' | 'md' | 'lg' | 'xl';
-	glow?: boolean;
-	glitch?: boolean;
-	href?: string;
-	type?: 'button' | 'submit' | 'reset';
-	className?: string;
-}
-
-const {
-	variant = 'neon',
-	size = 'md',
-	glow = true,
-	glitch = false,
-	href,
-	type = 'button',
-	className = '',
-} = Astro.props;
-
-const Tag = href ? 'a' : 'button';
-
-// 尺寸样式
-const sizeClasses = {
-	sm: 'px-4 py-2 text-sm',
-	md: 'px-6 py-3 text-base',
-	lg: 'px-8 py-4 text-lg',
-	xl: 'px-10 py-5 text-xl',
-};
-
-// 变体样式
-const variantClasses = {
-	neon: 'bg-gradient-neon text-white font-bold',
-	ghost: 'bg-transparent text-white border-2 border-white/20 hover:border-primary-400 hover:bg-white/5',
-	outline: 'bg-transparent text-primary-400 border-2 border-primary-400 hover:bg-primary-400 hover:text-white',
-	brutal: 'bg-primary-500 text-white font-black border-3 border-black',
-};
-
-// 发光效果
-const glowClass = glow ? {
-	neon: 'shadow-neon hover:shadow-neon-lg',
-	ghost: 'hover:shadow-glow',
-	outline: 'hover:shadow-glow',
-	brutal: 'shadow-brutal hover:shadow-brutal-sm',
-}[variant] : '';
----
-
-<Tag
-	href={href}
-	type={!href ? type : undefined}
-	class={`
-		group relative inline-flex items-center justify-center
-		rounded-lg
-		font-semibold
-		transition-all duration-300
-		transform hover:scale-105
-		overflow-hidden
-		${sizeClasses[size]}
-		${variantClasses[variant]}
-		${glowClass}
-		${glitch ? 'hover:animate-glitch' : ''}
-		${className}
-	`}
->
-	<!-- 流光效果 -->
-	{variant === 'neon' && (
-		<div class="absolute inset-0 bg-gradient-holographic bg-[length:200%_200%] animate-border-flow opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
-	)}
-
-	<!-- Brutal 阴影 -->
-	{variant === 'brutal' && (
-		<div class="absolute -bottom-1 -right-1 w-full h-full bg-black -z-10 rounded-lg group-hover:-bottom-0.5 group-hover:-right-0.5 transition-all"></div>
-	)}
-
-	<!-- 内容 -->
-	<span class="relative z-10 flex items-center gap-2">
-		<slot />
-	</span>
-
-	<!-- 悬停时的脉冲效果 -->
-	{glow && (
-		<div class="absolute inset-0 rounded-lg bg-white/10 opacity-0 group-hover:opacity-100 group-hover:animate-ping transition-opacity"></div>
-	)}
-</Tag>
-
-<style>
-	/* 故障效果增强 */
-	.group:hover.hover\:animate-glitch::before,
-	.group:hover.hover\:animate-glitch::after {
-		content: attr(data-text);
-		position: absolute;
-		top: 0;
-		left: 0;
-		width: 100%;
-		height: 100%;
-		background: inherit;
-	}
-
-	.group:hover.hover\:animate-glitch::before {
-		left: 2px;
-		text-shadow: -2px 0 #ff00de;
-		clip: rect(24px, 550px, 90px, 0);
-		animation: glitch-anim-2 3s infinite linear alternate-reverse;
-	}
-
-	.group:hover.hover\:animate-glitch::after {
-		left: -2px;
-		text-shadow: -2px 0 #00fff9, 2px 2px #ff00de;
-		clip: rect(85px, 550px, 140px, 0);
-		animation: glitch-anim 2.5s infinite linear alternate-reverse;
-	}
-
-	@keyframes glitch-anim {
-		0% {
-			clip: rect(17px, 9999px, 94px, 0);
-		}
-		20% {
-			clip: rect(73px, 9999px, 28px, 0);
-		}
-		40% {
-			clip: rect(31px, 9999px, 40px, 0);
-		}
-		60% {
-			clip: rect(98px, 9999px, 15px, 0);
-		}
-		80% {
-			clip: rect(65px, 9999px, 82px, 0);
-		}
-		100% {
-			clip: rect(46px, 9999px, 99px, 0);
-		}
-	}
-
-	@keyframes glitch-anim-2 {
-		0% {
-			clip: rect(65px, 9999px, 119px, 0);
-		}
-		20% {
-			clip: rect(52px, 9999px, 74px, 0);
-		}
-		40% {
-			clip: rect(79px, 9999px, 85px, 0);
-		}
-		60% {
-			clip: rect(106px, 9999px, 122px, 0);
-		}
-		80% {
-			clip: rect(20px, 9999px, 40px, 0);
-		}
-		100% {
-			clip: rect(93px, 9999px, 60px, 0);
-		}
-	}
-</style>
diff --git a/src/components/ui/Card.astro b/src/components/ui/Card.astro
deleted file mode 100644
index 3aadc52..0000000
--- a/src/components/ui/Card.astro
+++ /dev/null
@@ -1,111 +0,0 @@
----
-/**
- * Card - 统一卡片组件
- * 简洁优雅的玻璃态效果，适配暗色主题
- * 支持多种交互效果和动画
- */
-interface Props {
-	variant?: 'glass' | 'holographic' | 'neon' | 'brutal' | 'elevated' | 'outline';
-	glow?: 'purple' | 'cyan' | 'green' | 'blue' | 'none';
-	hover?: 'lift' | 'scale' | 'glow' | 'border' | 'none';
-	className?: string;
-	href?: string;
-}
-
-const {
-	variant = 'glass',
-	glow = 'none',
-	hover = 'lift',
-	className = '',
-	href
-} = Astro.props;
-
-const Tag = href ? 'a' : 'div';
-
-// 变体样式 - 统一设计语言
-const variantClasses = {
-	glass: 'bg-dark-surface/40 backdrop-blur-md border border-white/5 hover:border-white/10',
-	holographic: 'bg-dark-surface/40 backdrop-blur-md border-2 border-transparent bg-gradient-to-br from-primary-500/20 via-transparent to-secondary-500/20',
-	neon: 'bg-dark-surface/40 backdrop-blur-md border border-primary-500/30 hover:border-primary-500/50',
-	brutal: 'bg-dark-surface border-2 border-white/10 hover:border-white/20',
-	elevated: 'bg-white dark:bg-slate-800 shadow-md hover:shadow-xl border border-gray-100 dark:border-slate-700',
-	outline: 'bg-transparent border-2 border-gray-200 dark:border-slate-700 hover:border-primary-500 dark:hover:border-primary-400',
-};
-
-// 发光效果（可选）
-const glowClasses = {
-	purple: 'hover:shadow-[0_0_30px_rgba(168,85,247,0.4)]',
-	cyan: 'hover:shadow-[0_0_30px_rgba(6,182,212,0.4)]',
-	green: 'hover:shadow-[0_0_30px_rgba(34,197,94,0.4)]',
-	blue: 'hover:shadow-[0_0_30px_rgba(59,130,246,0.4)]',
-	none: '',
-};
-
-// 悬停效果
-const hoverClasses = {
-	lift: 'hover:-translate-y-2',
-	scale: 'hover:scale-[1.02]',
-	glow: '',
-	border: 'hover:border-primary-500',
-	none: '',
-};
----
-
-<Tag
-	href={href}
-	class={`
-		group relative block
-		rounded-xl p-6
-		transition-all duration-300 ease-out
-		${variantClasses[variant]}
-		${glowClasses[glow]}
-		${href ? `cursor-pointer ${hoverClasses[hover]}` : ''}
-		${className}
-	`}
->
-	<!-- 内容插槽 -->
-	<slot />
-
-	<!-- 悬停时的微光效果 - Glass 变体 -->
-	{variant === 'glass' && (
-		<div class="absolute inset-0 rounded-xl bg-gradient-to-br from-white/0 via-white/5 to-white/0 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div>
-	)}
-
-	<!-- 悬停时的边框流光效果 - Neon 变体 -->
-	{variant === 'neon' && (
-		<div class="absolute inset-0 rounded-xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none overflow-hidden">
-			<div class="absolute inset-[-2px] bg-gradient-to-r from-primary-500 via-secondary-500 to-primary-500 rounded-xl animate-border-flow bg-[length:200%_200%]"></div>
-			<div class="absolute inset-[1px] bg-dark-surface rounded-xl"></div>
-		</div>
-	)}
-
-	<!-- 悬停时的角标装饰 - Brutal 变体 -->
-	{variant === 'brutal' && (
-		<>
-			<div class="absolute top-0 right-0 w-6 h-6 border-t-2 border-r-2 border-primary-500 opacity-0 group-hover:opacity-100 transition-all duration-300 transform group-hover:-translate-x-1 group-hover:translate-y-1 pointer-events-none rounded-tr-xl"></div>
-			<div class="absolute bottom-0 left-0 w-6 h-6 border-b-2 border-l-2 border-primary-500 opacity-0 group-hover:opacity-100 transition-all duration-300 transform group-hover:translate-x-1 group-hover:-translate-y-1 pointer-events-none rounded-bl-xl"></div>
-		</>
-	)}
-</Tag>
-
-<style>
-	/* 确保悬停时有平滑的动画 */
-	a, div {
-		backface-visibility: hidden;
-		-webkit-font-smoothing: antialiased;
-	}
-
-	/* 边框流光动画 */
-	@keyframes border-flow {
-		0%, 100% {
-			background-position: 0% 50%;
-		}
-		50% {
-			background-position: 100% 50%;
-		}
-	}
-
-	.animate-border-flow {
-		animation: border-flow 3s ease infinite;
-	}
-</style>
diff --git a/src/components/ui/Input.astro b/src/components/ui/Input.astro
index 445f390..94b949d 100644
--- a/src/components/ui/Input.astro
+++ b/src/components/ui/Input.astro
@@ -25,7 +25,7 @@ const {
 	variant = 'default',
 } = Astro.props;
 
-const inputId = id || name || `input-${Math.random().toString(36).substr(2, 9)}`;
+const inputId = id || name || `input-${Math.random().toString(36).substring(2, 11)}`;
 
 // 变体样式
 const variantClasses = {
diff --git a/src/components/widgets/Announcement.astro b/src/components/widgets/Announcement.astro
deleted file mode 100644
index d434e36..0000000
--- a/src/components/widgets/Announcement.astro
+++ /dev/null
@@ -1,27 +0,0 @@
----
----
-
-<!-- <div
-	class="hidden md:block bg-primary-100 dark:bg-slate-800 dark:border-slate-800 dark:text-slate-400 border-b border-primary-100 text-sm px-3 py-2 text-gray-800 overflow-hidden whitespace-nowrap text-ellipsis"
->
-	<span class="text-xs py-0.5 px-1 bg-primary-200 dark:bg-slate-600 font-semibold">NEW</span>
-	<a
-		href={getPermalink('useful-resources-to-create-websites', 'post')}
-		class="hover:underline text-gray-700 dark:text-slate-400"
-		>Useful tools and resources to create a professional website »</a
-	>
-	<a
-		target="_blank"
-		rel="noopener"
-		class="float-right"
-		title="If you like AstroWind, give us a star."
-		href="https://github.com/onwidget/astrowind"
-	>
-		<img
-			src="https://img.shields.io/github/stars/onwidget/astrowind.svg?style=social&label=Stars&maxAge=2592000"
-			alt="Follow @onWidget"
-			width="84"
-			height="20"
-		/>
-	</a>
-</div> -->
diff --git a/src/components/widgets/Note.astro b/src/components/widgets/Note.astro
index 9c98638..9d70e34 100644
--- a/src/components/widgets/Note.astro
+++ b/src/components/widgets/Note.astro
@@ -6,12 +6,12 @@ import { Icon } from 'astro-icon/components';
 	<div class="max-w-6xl mx-auto px-4 sm:px-6 py-4 text-md text-center font-mono font-bold text-white dark:text-black uppercase tracking-wider">
 		<span class="inline-flex items-center mr-4">
 			<Icon name="tabler:sparkles" class="w-5 h-5 mr-2 animate-pulse" />
-			OWL理念：
+			<span data-i18n="note.concept">OWL理念：</span>
 		</span>
-		<span class="mx-2">开放</span> //
-		<span class="mx-2">交叉</span> //
-		<span class="mx-2">连接</span> //
-		<span class="mx-2">可持续</span> //
-		<span class="mx-2">黑科技</span>
+		<span class="mx-2" data-i18n="note.openness">开放</span> //
+		<span class="mx-2" data-i18n="note.interdisciplinary">交叉</span> //
+		<span class="mx-2" data-i18n="note.connectivity">连接</span> //
+		<span class="mx-2" data-i18n="note.sustainability">可持续</span> //
+		<span class="mx-2" data-i18n="note.technology">黑科技</span>
 	</div>
 </section>
diff --git a/src/components/widgets/Pricing.astro b/src/components/widgets/Pricing.astro
deleted file mode 100644
index 56aab7f..0000000
--- a/src/components/widgets/Pricing.astro
+++ /dev/null
@@ -1,274 +0,0 @@
----
----
-
-<!-- Pricing -->
-<div class="max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto">
-	<!-- Title -->
-	<div class="max-w-2xl mx-auto text-center mb-10 lg:mb-14">
-		<h2 class="text-2xl font-bold md:text-4xl md:leading-tight dark:text-white">Pricing</h2>
-		<p class="mt-1 text-gray-600 dark:text-gray-400">
-			Whatever your status, our offers evolve according to your needs.
-		</p>
-	</div>
-	<!-- End Title -->
-
-	<!-- Grid -->
-	<div class="mt-12 grid sm:grid-cols-2 lg:grid-cols-4 gap-6 lg:items-center">
-		<!-- Card -->
-		<div class="flex flex-col border border-gray-200 text-center rounded-xl p-8 dark:border-gray-700">
-			<h4 class="font-medium text-lg text-gray-800 dark:text-gray-200">Free</h4>
-			<span class="mt-7 font-bold text-5xl text-gray-800 dark:text-gray-200">Free</span>
-			<p class="mt-2 text-sm text-gray-500">Forever free</p>
-
-			<ul class="mt-7 space-y-2.5 text-sm">
-				<li class="flex space-x-2">
-					<svg
-						class="flex-shrink-0 h-5 w-5 text-blue-600"
-						width="16"
-						height="16"
-						viewBox="0 0 16 16"
-						fill="none"
-						xmlns="http://www.w3.org/2000/svg"
-					>
-						<path
-							d="M11.5219 4.0949C11.7604 3.81436 12.181 3.78025 12.4617 4.01871C12.7422 4.25717 12.7763 4.6779 12.5378 4.95844L6.87116 11.6251C6.62896 11.91 6.1998 11.94 5.9203 11.6916L2.9203 9.02494C2.64511 8.78033 2.62032 8.35894 2.86493 8.08375C3.10955 7.80856 3.53092 7.78378 3.80611 8.02839L6.29667 10.2423L11.5219 4.0949Z"
-							fill="currentColor"></path>
-					</svg>
-					<span class="text-gray-800 dark:text-gray-400"> 1 user</span>
-				</li>
-
-				<li class="flex space-x-2">
-					<svg
-						class="flex-shrink-0 h-5 w-5 text-blue-600"
-						width="16"
-						height="16"
-						viewBox="0 0 16 16"
-						fill="none"
-						xmlns="http://www.w3.org/2000/svg"
-					>
-						<path
-							d="M11.5219 4.0949C11.7604 3.81436 12.181 3.78025 12.4617 4.01871C12.7422 4.25717 12.7763 4.6779 12.5378 4.95844L6.87116 11.6251C6.62896 11.91 6.1998 11.94 5.9203 11.6916L2.9203 9.02494C2.64511 8.78033 2.62032 8.35894 2.86493 8.08375C3.10955 7.80856 3.53092 7.78378 3.80611 8.02839L6.29667 10.2423L11.5219 4.0949Z"
-							fill="currentColor"></path>
-					</svg>
-					<span class="text-gray-800 dark:text-gray-400"> Plan features</span>
-				</li>
-
-				<li class="flex space-x-2">
-					<svg
-						class="flex-shrink-0 h-5 w-5 text-blue-600"
-						width="16"
-						height="16"
-						viewBox="0 0 16 16"
-						fill="none"
-						xmlns="http://www.w3.org/2000/svg"
-					>
-						<path
-							d="M11.5219 4.0949C11.7604 3.81436 12.181 3.78025 12.4617 4.01871C12.7422 4.25717 12.7763 4.6779 12.5378 4.95844L6.87116 11.6251C6.62896 11.91 6.1998 11.94 5.9203 11.6916L2.9203 9.02494C2.64511 8.78033 2.62032 8.35894 2.86493 8.08375C3.10955 7.80856 3.53092 7.78378 3.80611 8.02839L6.29667 10.2423L11.5219 4.0949Z"
-							fill="currentColor"></path>
-					</svg>
-					<span class="text-gray-800 dark:text-gray-400"> Product support</span>
-				</li>
-			</ul>
-
-			<button class="mt-5 btn">Sign up</button>
-		</div>
-		<!-- End Card -->
-
-		<!-- Card -->
-		<div class="flex flex-col border-2 border-blue-600 text-center shadow-xl rounded-xl p-8 dark:border-blue-500">
-			<p class="mb-3">
-				<span
-					class="inline-flex items-center gap-1.5 py-1.5 px-3 rounded-md text-xs uppercase font-semibold bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-white"
-					>Most popular</span
-				>
-			</p>
-			<h4 class="font-medium text-lg text-gray-800 dark:text-gray-200">Startup</h4>
-			<span class="mt-5 font-bold text-5xl text-gray-800 dark:text-gray-200">
-				<span class="font-bold text-2xl -mr-2">$</span>
-				39
-			</span>
-			<p class="mt-2 text-sm text-gray-500">All the basics for starting a new business</p>
-
-			<ul class="mt-7 space-y-2.5 text-sm">
-				<li class="flex space-x-2">
-					<svg
-						class="flex-shrink-0 h-5 w-5 text-blue-600"
-						width="16"
-						height="16"
-						viewBox="0 0 16 16"
-						fill="none"
-						xmlns="http://www.w3.org/2000/svg"
-					>
-						<path
-							d="M11.5219 4.0949C11.7604 3.81436 12.181 3.78025 12.4617 4.01871C12.7422 4.25717 12.7763 4.6779 12.5378 4.95844L6.87116 11.6251C6.62896 11.91 6.1998 11.94 5.9203 11.6916L2.9203 9.02494C2.64511 8.78033 2.62032 8.35894 2.86493 8.08375C3.10955 7.80856 3.53092 7.78378 3.80611 8.02839L6.29667 10.2423L11.5219 4.0949Z"
-							fill="currentColor"></path>
-					</svg>
-					<span class="text-gray-800 dark:text-gray-400"> 2 users</span>
-				</li>
-
-				<li class="flex space-x-2">
-					<svg
-						class="flex-shrink-0 h-5 w-5 text-blue-600"
-						width="16"
-						height="16"
-						viewBox="0 0 16 16"
-						fill="none"
-						xmlns="http://www.w3.org/2000/svg"
-					>
-						<path
-							d="M11.5219 4.0949C11.7604 3.81436 12.181 3.78025 12.4617 4.01871C12.7422 4.25717 12.7763 4.6779 12.5378 4.95844L6.87116 11.6251C6.62896 11.91 6.1998 11.94 5.9203 11.6916L2.9203 9.02494C2.64511 8.78033 2.62032 8.35894 2.86493 8.08375C3.10955 7.80856 3.53092 7.78378 3.80611 8.02839L6.29667 10.2423L11.5219 4.0949Z"
-							fill="currentColor"></path>
-					</svg>
-					<span class="text-gray-800 dark:text-gray-400"> Plan features</span>
-				</li>
-
-				<li class="flex space-x-2">
-					<svg
-						class="flex-shrink-0 h-5 w-5 text-blue-600"
-						width="16"
-						height="16"
-						viewBox="0 0 16 16"
-						fill="none"
-						xmlns="http://www.w3.org/2000/svg"
-					>
-						<path
-							d="M11.5219 4.0949C11.7604 3.81436 12.181 3.78025 12.4617 4.01871C12.7422 4.25717 12.7763 4.6779 12.5378 4.95844L6.87116 11.6251C6.62896 11.91 6.1998 11.94 5.9203 11.6916L2.9203 9.02494C2.64511 8.78033 2.62032 8.35894 2.86493 8.08375C3.10955 7.80856 3.53092 7.78378 3.80611 8.02839L6.29667 10.2423L11.5219 4.0949Z"
-							fill="currentColor"></path>
-					</svg>
-					<span class="text-gray-800 dark:text-gray-400"> Product support</span>
-				</li>
-			</ul>
-
-			<button class="mt-5 btn">Sign up</button>
-		</div>
-		<!-- End Card -->
-
-		<!-- Card -->
-		<div class="flex flex-col border border-gray-200 text-center rounded-xl p-8 dark:border-gray-700">
-			<h4 class="font-medium text-lg text-gray-800 dark:text-gray-200">Team</h4>
-			<span class="mt-5 font-bold text-5xl text-gray-800 dark:text-gray-200">
-				<span class="font-bold text-2xl -mr-2">$</span>
-				89
-			</span>
-			<p class="mt-2 text-sm text-gray-500">Everything you need for a growing business</p>
-
-			<ul class="mt-7 space-y-2.5 text-sm">
-				<li class="flex space-x-2">
-					<svg
-						class="flex-shrink-0 h-5 w-5 text-blue-600"
-						width="16"
-						height="16"
-						viewBox="0 0 16 16"
-						fill="none"
-						xmlns="http://www.w3.org/2000/svg"
-					>
-						<path
-							d="M11.5219 4.0949C11.7604 3.81436 12.181 3.78025 12.4617 4.01871C12.7422 4.25717 12.7763 4.6779 12.5378 4.95844L6.87116 11.6251C6.62896 11.91 6.1998 11.94 5.9203 11.6916L2.9203 9.02494C2.64511 8.78033 2.62032 8.35894 2.86493 8.08375C3.10955 7.80856 3.53092 7.78378 3.80611 8.02839L6.29667 10.2423L11.5219 4.0949Z"
-							fill="currentColor"></path>
-					</svg>
-					<span class="text-gray-800 dark:text-gray-400"> 5 users</span>
-				</li>
-
-				<li class="flex space-x-2">
-					<svg
-						class="flex-shrink-0 h-5 w-5 text-blue-600"
-						width="16"
-						height="16"
-						viewBox="0 0 16 16"
-						fill="none"
-						xmlns="http://www.w3.org/2000/svg"
-					>
-						<path
-							d="M11.5219 4.0949C11.7604 3.81436 12.181 3.78025 12.4617 4.01871C12.7422 4.25717 12.7763 4.6779 12.5378 4.95844L6.87116 11.6251C6.62896 11.91 6.1998 11.94 5.9203 11.6916L2.9203 9.02494C2.64511 8.78033 2.62032 8.35894 2.86493 8.08375C3.10955 7.80856 3.53092 7.78378 3.80611 8.02839L6.29667 10.2423L11.5219 4.0949Z"
-							fill="currentColor"></path>
-					</svg>
-					<span class="text-gray-800 dark:text-gray-400"> Plan features</span>
-				</li>
-
-				<li class="flex space-x-2">
-					<svg
-						class="flex-shrink-0 h-5 w-5 text-blue-600"
-						width="16"
-						height="16"
-						viewBox="0 0 16 16"
-						fill="none"
-						xmlns="http://www.w3.org/2000/svg"
-					>
-						<path
-							d="M11.5219 4.0949C11.7604 3.81436 12.181 3.78025 12.4617 4.01871C12.7422 4.25717 12.7763 4.6779 12.5378 4.95844L6.87116 11.6251C6.62896 11.91 6.1998 11.94 5.9203 11.6916L2.9203 9.02494C2.64511 8.78033 2.62032 8.35894 2.86493 8.08375C3.10955 7.80856 3.53092 7.78378 3.80611 8.02839L6.29667 10.2423L11.5219 4.0949Z"
-							fill="currentColor"></path>
-					</svg>
-					<span class="text-gray-800 dark:text-gray-400"> Product support</span>
-				</li>
-			</ul>
-
-			<button class="mt-5 btn">Sign up</button>
-		</div>
-		<!-- End Card -->
-
-		<!-- Card -->
-		<div class="flex flex-col border border-gray-200 text-center rounded-xl p-8 dark:border-gray-700">
-			<h4 class="font-medium text-lg text-gray-800 dark:text-gray-200">Enterprise</h4>
-			<span class="mt-5 font-bold text-5xl text-gray-800 dark:text-gray-200">
-				<span class="font-bold text-2xl -mr-2">$</span>
-				149
-			</span>
-			<p class="mt-2 text-sm text-gray-500">Advanced features for scaling your business</p>
-
-			<ul class="mt-7 space-y-2.5 text-sm">
-				<li class="flex space-x-2">
-					<svg
-						class="flex-shrink-0 h-5 w-5 text-blue-600"
-						width="16"
-						height="16"
-						viewBox="0 0 16 16"
-						fill="none"
-						xmlns="http://www.w3.org/2000/svg"
-					>
-						<path
-							d="M11.5219 4.0949C11.7604 3.81436 12.181 3.78025 12.4617 4.01871C12.7422 4.25717 12.7763 4.6779 12.5378 4.95844L6.87116 11.6251C6.62896 11.91 6.1998 11.94 5.9203 11.6916L2.9203 9.02494C2.64511 8.78033 2.62032 8.35894 2.86493 8.08375C3.10955 7.80856 3.53092 7.78378 3.80611 8.02839L6.29667 10.2423L11.5219 4.0949Z"
-							fill="currentColor"></path>
-					</svg>
-					<span class="text-gray-800 dark:text-gray-400"> 10 users</span>
-				</li>
-
-				<li class="flex space-x-2">
-					<svg
-						class="flex-shrink-0 h-5 w-5 text-blue-600"
-						width="16"
-						height="16"
-						viewBox="0 0 16 16"
-						fill="none"
-						xmlns="http://www.w3.org/2000/svg"
-					>
-						<path
-							d="M11.5219 4.0949C11.7604 3.81436 12.181 3.78025 12.4617 4.01871C12.7422 4.25717 12.7763 4.6779 12.5378 4.95844L6.87116 11.6251C6.62896 11.91 6.1998 11.94 5.9203 11.6916L2.9203 9.02494C2.64511 8.78033 2.62032 8.35894 2.86493 8.08375C3.10955 7.80856 3.53092 7.78378 3.80611 8.02839L6.29667 10.2423L11.5219 4.0949Z"
-							fill="currentColor"></path>
-					</svg>
-					<span class="text-gray-800 dark:text-gray-400"> Plan features</span>
-				</li>
-
-				<li class="flex space-x-2">
-					<svg
-						class="flex-shrink-0 h-5 w-5 text-blue-600"
-						width="16"
-						height="16"
-						viewBox="0 0 16 16"
-						fill="none"
-						xmlns="http://www.w3.org/2000/svg"
-					>
-						<path
-							d="M11.5219 4.0949C11.7604 3.81436 12.181 3.78025 12.4617 4.01871C12.7422 4.25717 12.7763 4.6779 12.5378 4.95844L6.87116 11.6251C6.62896 11.91 6.1998 11.94 5.9203 11.6916L2.9203 9.02494C2.64511 8.78033 2.62032 8.35894 2.86493 8.08375C3.10955 7.80856 3.53092 7.78378 3.80611 8.02839L6.29667 10.2423L11.5219 4.0949Z"
-							fill="currentColor"></path>
-					</svg>
-					<span class="text-gray-800 dark:text-gray-400"> Product support</span>
-				</li>
-			</ul>
-
-			<button class="mt-5 btn">Sign up</button>
-		</div>
-		<!-- End Card -->
-	</div>
-	<!-- End Grid -->
-</div>
-<!-- End Pricing -->
diff --git a/src/i18n/languages.ts b/src/i18n/languages.ts
index 29df501..85ffdee 100644
--- a/src/i18n/languages.ts
+++ b/src/i18n/languages.ts
@@ -625,6 +625,14 @@ export const ui = {
     'timeline.owl3.tag1': '分布式',
     'timeline.owl3.tag2': '智能化',
     'timeline.owl3.tag3': '无边界',
+
+    // Note 组件
+    'note.concept': 'OWL理念：',
+    'note.openness': '开放',
+    'note.interdisciplinary': '交叉',
+    'note.connectivity': '连接',
+    'note.sustainability': '可持续',
+    'note.technology': '黑科技',
   },
   en: {
     // Navigation
@@ -1244,6 +1252,14 @@ export const ui = {
     'timeline.owl3.tag1': 'Distributed',
     'timeline.owl3.tag2': 'Intelligent',
     'timeline.owl3.tag3': 'Boundless',
+
+    // Note Component
+    'note.concept': 'OWL Philosophy:',
+    'note.openness': 'Openness',
+    'note.interdisciplinary': 'Interdisciplinary',
+    'note.connectivity': 'Connectivity',
+    'note.sustainability': 'Sustainability',
+    'note.technology': 'High-Tech',
   },
 } as const;
 
diff --git a/src/layouts/PageLayout.astro b/src/layouts/PageLayout.astro
index b295722..5c57971 100644
--- a/src/layouts/PageLayout.astro
+++ b/src/layouts/PageLayout.astro
@@ -2,18 +2,14 @@
 import Layout from '~/layouts/BaseLayout.astro';
 import Header from '~/components/widgets/Header.astro';
 import Footer from '~/components/widgets/Footer.astro';
-import Announcement from '~/components/widgets/Announcement.astro';
 import PhysicsBackground from '~/components/widgets/PhysicsBackground.astro';
-import ParticlesBackground from '~/components/widgets/ParticlesBackground.astro';
 import ScrollToTop from '~/components/ui/ScrollToTop.astro';
 
 const { meta } = Astro.props;
 ---
 
 <Layout {meta}>
-	<ParticlesBackground />
 	<PhysicsBackground />
-	<Announcement />
 	<Header />
 	<main class="relative z-10">
 		<slot />
diff --git a/src/pages/rss.xml.js b/src/pages/rss.xml.js
index 19d586f..4c9a550 100644
--- a/src/pages/rss.xml.js
+++ b/src/pages/rss.xml.js
@@ -4,7 +4,7 @@ import { SITE, BLOG } from '~/config';
 import { fetchPosts } from '~/utils/posts';
 import { getPermalink } from '~/utils/permalinks';
 
-export const get = async () => {
+export const GET = async () => {
 	if (BLOG.disabled) {
 		return new Response(null, {
 			status: 404,