diff --git a/moon/apps/web/components/Sidebar/SidebarCratespro.tsx b/moon/apps/web/components/Sidebar/SidebarCratespro.tsx
index a535d08e0..5296a235a 100644
--- a/moon/apps/web/components/Sidebar/SidebarCratespro.tsx
+++ b/moon/apps/web/components/Sidebar/SidebarCratespro.tsx
@@ -1,7 +1,8 @@
-import { ChatBubblePlusIcon } from '@gitmono/ui/Icons'
+// import { ChatBubblePlusIcon } from '@gitmono/ui/Icons'
 import { useRouter } from 'next/router'
 import { useScope } from '@/contexts/scope'
 import { SidebarLink } from './SidebarLink'
+import Image from 'next/image'
 
 export function SidebarCratespro() {
   const { scope } = useScope()
@@ -9,11 +10,19 @@ export function SidebarCratespro() {
 
   return (
     <SidebarLink
-      id='cratespro'
-      label='Cratespro'
-      href={`/${scope}/cratespro`}
-      active={router.pathname === '/[org]/cratespro'}
-      leadingAccessory={<ChatBubblePlusIcon />}
+      id='rust'
+      label='Rust'
+      href={`/${scope}/rust`}
+      active={router.pathname === '/[org]/rust'}
+      leadingAccessory={
+        <Image
+          src="/rust/Rust-Tour-Doc.png"
+          alt="Rust Logo"
+          width={21}
+          height={21}
+          // 如果还需要自定义样式可以加 className 或 style
+        />
+      }
     />
   )
 }
\ No newline at end of file
diff --git a/moon/apps/web/pages/[org]/cratespro/index.tsx b/moon/apps/web/pages/[org]/cratespro/index.tsx
deleted file mode 100644
index 4303fac6b..000000000
--- a/moon/apps/web/pages/[org]/cratespro/index.tsx
+++ /dev/null
@@ -1,114 +0,0 @@
-import Head from 'next/head'
- import { useRouter } from 'next/router'
-import { ChatBubblePlusIcon } from '@gitmono/ui/Icons'
-
-import { AppLayout } from '@/components/Layout/AppLayout'
-import AuthAppProviders from '@/components/Providers/AuthAppProviders'
-import { PageWithLayout } from '@/utils/types'
-
-const Logo = () => (
-  <div className="flex items-center">
-    <ChatBubblePlusIcon className="h-8 w-8 mr-2 text-orange-500" />
-    <span className="text-xl font-bold">Rust</span>
-  </div>
-)
-
-const MagnifierIcon = () => (
-  <svg className="w-5 h-5 text-gray-400" fill="none" stroke="currentColor" strokeWidth="2" viewBox="0 0 24 24"><circle cx="11" cy="11" r="7" /><line x1="21" y1="21" x2="16.65" y2="16.65" /></svg>
-)
-
-const cardList = [
-  {
-    key: 'distribute',
-    title: 'Rust Distribute',
-    icon: (
-      <svg width="48" height="48" fill="none" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" stroke="#222" strokeWidth="2" /><circle cx="12" cy="12" r="2" fill="#222" /><circle cx="5" cy="5" r="1.5" fill="#222" /><circle cx="19" cy="5" r="1.5" fill="#222" /><circle cx="5" cy="19" r="1.5" fill="#222" /><circle cx="19" cy="19" r="1.5" fill="#222" /><line x1="12" y1="12" x2="5" y2="5" stroke="#222" strokeWidth="1.5" /><line x1="12" y1="12" x2="19" y2="5" stroke="#222" strokeWidth="1.5" /><line x1="12" y1="12" x2="5" y2="19" stroke="#222" strokeWidth="1.5" /><line x1="12" y1="12" x2="19" y2="19" stroke="#222" strokeWidth="1.5" /></svg>
-    ),
-    bg: 'from-pink-50 to-white',
-  },
-  {
-    key: 'ecosystem',
-    title: 'Crate Ecosystem',
-    icon: (
-      <svg width="48" height="48" fill="none" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" stroke="#222" strokeWidth="2" /><path d="M8 15l4-4 4 4" stroke="#222" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" /><path d="M12 11V7" stroke="#222" strokeWidth="1.5" strokeLinecap="round" /></svg>
-    ),
-    bg: 'from-yellow-50 to-white',
-  },
-  {
-    key: 'tour',
-    title: 'Rust Tour & Doc',
-    icon: (
-      <svg width="48" height="48" fill="none" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" stroke="#222" strokeWidth="2" /><path d="M8 16l4-8 4 8" stroke="#222" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" /></svg>
-    ),
-    bg: 'from-pink-50 to-white',
-  },
-  {
-    key: 'news',
-    title: 'Rust News',
-    icon: (
-      <svg width="48" height="48" fill="none" viewBox="0 0 24 24"><rect x="4" y="4" width="16" height="16" rx="2" stroke="#222" strokeWidth="2" /><rect x="7" y="7" width="5" height="3" rx="1" fill="#222" /><rect x="7" y="12" width="10" height="2" rx="1" fill="#222" /><rect x="7" y="16" width="7" height="1.5" rx="0.75" fill="#222" /></svg>
-    ),
-    bg: 'from-blue-50 to-white',
-  },
-]
-
-const CratesproPage: PageWithLayout<any> = () => {
-  const router = useRouter()
-
-  const handleCardClick = (key: string) => {
-    // 这里可以根据key跳转到不同页面
-    router.push(`/cratespro/${key}`) 
-    alert(`点击了 ${key}`)
-  }
-
-  return (
-    <>
-      <Head>
-        <title>Cratespro</title>
-      </Head>
-      <div className="flex flex-col min-h-screen w-full bg-transparent">
-        {/* 顶部栏，参考 issue 主页样式 */}
-        <div className="w-full flex flex-col">
-          <div className="flex items-center gap-4 px-8 pt-8 pb-4 w-full">
-            <Logo />
-            <div className="relative flex-1 max-w-xl">
-              <span className="absolute inset-y-0 left-3 flex items-center pointer-events-none">
-                <MagnifierIcon />
-              </span>
-              <input
-                type="text"
-                placeholder="Search..."
-                className="pl-10 pr-4 py-2 w-full rounded-full border border-gray-200 text-base focus:outline-none focus:ring-2 focus:ring-blue-200 bg-white shadow-sm"
-                style={{ minWidth: 200 }}
-              />
-            </div>
-          </div>
-          <div className="border-b border-gray-200 w-full" />
-        </div>
-
-        <div className="grid grid-cols-1 md:grid-cols-2 gap-10 w-full max-w-5xl mx-auto mt-36">
-            {cardList.map(card => (
-              <button
-                key={card.key}
-                onClick={() => handleCardClick(card.key)}
-                className={`flex flex-col items-start justify-center h-64 rounded-xl border bg-gradient-to-br ${card.bg} shadow-md p-8 transition hover:scale-105 hover:shadow-lg focus:outline-none`}
-              >
-                <div className="mb-6">{card.icon}</div>
-                <span className="text-3xl font-display font-medium text-gray-800">{card.title}</span>
-              </button>
-            ))}
-          </div>
-      </div>
-    </>
-  )
-}
-
-CratesproPage.getProviders = (page, pageProps) => {
-  return (
-    <AuthAppProviders {...pageProps}>
-      <AppLayout {...pageProps}>{page}</AppLayout>
-    </AuthAppProviders>
-  )
-}
-
-export default CratesproPage 
\ No newline at end of file
diff --git a/moon/apps/web/pages/[org]/rust/index.tsx b/moon/apps/web/pages/[org]/rust/index.tsx
new file mode 100644
index 000000000..cd2f546a9
--- /dev/null
+++ b/moon/apps/web/pages/[org]/rust/index.tsx
@@ -0,0 +1,121 @@
+import Head from 'next/head'
+import { useRouter } from 'next/router'
+// import { ChatBubblePlusIcon } from '@gitmono/ui/Icons'
+
+import { AppLayout } from '@/components/Layout/AppLayout'
+import AuthAppProviders from '@/components/Providers/AuthAppProviders'
+import { PageWithLayout } from '@/utils/types'
+import { IndexSearchInput } from '@/components/IndexPages/components'
+import { useState } from 'react'
+import Image from 'next/image'
+
+const Logo = () => (
+  <div className="flex items-center">
+    <Image src="/rust/logo.png" alt="Rust Logo" width={24} height={24} className="mr-2 relative" style={{ opacity: 0.8, top: '-2px' }} />
+    <span className="text-lg font-bold">Rust</span>
+  </div>
+)
+
+
+const cardList = [
+  {
+    key: 'distribth',
+    title: 'Rust Distribute',
+    icon: '/rust/Rust-Distribth.png',
+    bgStyle: 'bg-gradient-to-br from-[#FFF0F5] to-[#FFFFFF]',
+  },
+  {
+    key: 'ecosystem',
+    title: 'Crate Ecosystem',
+    icon: '/rust/Crate Ecosystem.png',
+    bgStyle: 'bg-gradient-to-br from-[#FFFCF0] to-[#FFFFFF]',
+  },
+  {
+    key: 'tour',
+    title: 'Rust Tour & Doc',
+    icon: '/rust/Rust-Tour-Doc.png',
+    bgStyle: 'bg-gradient-to-br from-[#FFF4F0] to-[#FFFFFF]',
+  },
+  {
+    key: 'news',
+    title: 'Rust News',
+    icon: '/rust/Rust-News.png',
+    bgStyle: 'bg-gradient-to-br from-[#F0FBFF] to-[#FFFFFF]',
+  },
+]
+
+const CratesproPage: PageWithLayout<any> = () => {
+  const router = useRouter()
+  const [query, setQuery] = useState('')
+  const isSearchLoading = false // 如有异步搜索可改为实际loading
+
+  const handleCardClick = (key: string) => {
+    if (key === 'news') {
+      // 在新标签页打开 rust-news 页面
+      const org = router.query.org ? `/${router.query.org}` : ''
+
+      window.open(`${org}/rust/rust-news`, '_blank')
+    } else {
+      // 其它卡片逻辑
+      router.push(`/cratespro/${key}`)
+      alert(`点击了 ${key}`)
+    }
+  }
+
+  return (
+    <>
+      <Head>
+        <title>Cratespro</title>
+      </Head>
+      <div className="flex flex-col min-h-screen w-full bg-transparent">
+        {/* 顶部栏，参考 issue 主页样式 */}
+        <div className="w-full flex flex-col">
+          <div className="flex items-center gap-4 px-8 pt-8 pb-4 w-full">
+            <Logo />
+            <div className="relative flex-1 max-w-xl">
+              {/* 复用calls页面的搜索栏 */}
+              <IndexSearchInput query={query} setQuery={setQuery} isSearchLoading={isSearchLoading} />
+            </div>
+          </div>
+          <div className="border-b border-gray-200 w-full" />
+        </div>
+        {/* 主体卡片区，居中且间距大，卡片样式按设计稿 */}
+        <div className="grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-10 w-full max-w-[900px] mx-auto mt-24">
+          {cardList.map(card => (
+            <button
+              key={card.key}
+              onClick={() => handleCardClick(card.key)}
+              className="flex flex-col items-start justify-start w-[420px] h-[220px] rounded-[8px] border border-[#ff337733] bg-none flex-shrink-0 transition hover:scale-105 hover:shadow-lg focus:outline-none p-8"
+              style={{
+                background: card.key === 'distribth' ? 'linear-gradient(180deg, #fff0f5cc 0%, #ffffffcc 100%)'
+                  : card.key === 'ecosystem' ? 'linear-gradient(180deg, #fffcf0cc 0%, #ffffffcc 100%)'
+                  : card.key === 'tour' ? 'linear-gradient(180deg, #fff4f0cc 0%, #ffffffcc 100%)'
+                  : card.key === 'news' ? 'linear-gradient(180deg, #f0fbffcc 0%, #ffffffcc 100%)'
+                  : undefined,
+              }}
+            >
+              <Image
+                src={card.icon}
+                alt={card.title}
+                width={80}
+                height={80}
+                className="w-20 h-20 opacity-80 mb-14"
+              />
+              <span className="text-2xl font-display font-medium text-gray-800">{card.title}</span>
+            </button>
+          ))}
+        </div>
+      </div>
+    </>
+  )
+}
+
+CratesproPage.getProviders = (page, pageProps) => {
+  return (
+    <AuthAppProviders {...pageProps}>
+      <AppLayout {...pageProps}>{page}</AppLayout>
+    </AuthAppProviders>
+  )
+}
+
+export default CratesproPage 
\ No newline at end of file
diff --git a/moon/apps/web/pages/[org]/rust/rust-news/index.tsx b/moon/apps/web/pages/[org]/rust/rust-news/index.tsx
new file mode 100644
index 000000000..11aee8660
--- /dev/null
+++ b/moon/apps/web/pages/[org]/rust/rust-news/index.tsx
@@ -0,0 +1,280 @@
+import Head from 'next/head'
+import { useState } from 'react'
+import { IndexSearchInput } from '@/components/IndexPages/components'
+import Image from 'next/image'
+
+const newsList = [
+  {
+    date: '11-06',
+    year: '2025',
+    title: '聚焦Rust数字浪潮奔涌的时代，书写着未来技术的恢弘篇章。',
+    tags: ['行业新闻', '媒体报道', 'Rust'],
+    hot: true,
+    summary: '在数字浪潮奔涌的时代，北京举办的Rust China Tour再度回归，汇聚全球开发者与科技领袖的视野，开启一场新篇章的盛宴。',
+  },
+  {
+    date: '10-26',
+    year: '2025',
+    title: 'Rust生态系统持续壮大，创新应用层出不穷。',
+    tags: ['行业新闻', '媒体报道', 'Rust'],
+    hot: false,
+    summary: 'Rust生态系统在2025年迎来新一轮爆发，众多企业和开发者积极参与，推动技术创新与产业升级。',
+  },
+  {
+    date: '09-14',
+    year: '2025',
+    title: 'Rust助力数字基础设施升级，安全与性能并重。',
+    tags: ['行业新闻', '媒体报道', 'Rust'],
+    hot: false,
+    summary: '随着数字经济的发展，Rust语言以其安全性和高性能成为基础设施建设的首选，广受业界关注。',
+  },
+  {
+    date: '01-22',
+    year: '2025',
+    title: 'Rust社区活动精彩纷呈，开发者热情高涨。',
+    tags: ['行业新闻', '媒体报道', 'Rust'],
+    hot: true,
+    summary: '2025年初，Rust社区举办多场技术沙龙和线上研讨会，吸引了大量开发者参与，推动知识分享与技术交流。',
+  },
+  {
+    date: '11-06',
+    year: '2025',
+    title: 'Rust技术赋能智能制造，推动产业升级。',
+    tags: ['行业新闻', '媒体报道', 'Rust'],
+    hot: false,
+    summary: '智能制造领域引入Rust技术，提升了系统的稳定性与安全性，助力企业实现数字化转型。',
+  }, 
+  {
+    date: '01-22',
+    year: '2025',
+    title: 'Rust社区活动精彩纷呈，开发者热情高涨。',
+    tags: ['行业新闻', '媒体报道', 'Rust'],
+    hot: true,
+    summary: '2025年初，Rust社区举办多场技术沙龙和线上研讨会，吸引了大量开发者参与，推动知识分享与技术交流。',
+  },
+  {
+    date: '01-22',
+    year: '2025',
+    title: 'Rust社区活动精彩纷呈，开发者热情高涨。',
+    tags: ['行业新闻', '媒体报道', 'Rust'],
+    hot: true,
+    summary: '2025年初，Rust社区举办多场技术沙龙和线上研讨会，吸引了大量开发者参与，推动知识分享与技术交流。',
+  },
+  {
+    date: '10-26',
+    year: '2025',
+    title: 'Rust生态系统持续壮大，创新应用层出不穷。',
+    tags: ['行业新闻', '媒体报道', 'Rust'],
+    hot: false,
+    summary: 'Rust生态系统在2025年迎来新一轮爆发，众多企业和开发者积极参与，推动技术创新与产业升级。',
+  },
+  {
+    date: '09-14',
+    year: '2025',
+    title: 'Rust助力数字基础设施升级，安全与性能并重。',
+    tags: ['行业新闻', '媒体报道', 'Rust'],
+    hot: false,
+    summary: '随着数字经济的发展，Rust语言以其安全性和高性能成为基础设施建设的首选，广受业界关注。',
+  },
+  {
+    date: '11-06',
+    year: '2025',
+    title: 'Rust技术赋能智能制造，推动产业升级。',
+    tags: ['行业新闻', '媒体报道', 'Rust'],
+    hot: false,
+    summary: '智能制造领域引入Rust技术，提升了系统的稳定性与安全性，助力企业实现数字化转型。',
+  }, 
+  {
+    date: '01-22',
+    year: '2025',
+    title: 'Rust社区活动精彩纷呈，开发者热情高涨。',
+    tags: ['行业新闻', '媒体报道', 'Rust'],
+    hot: true,
+    summary: '2025年初，Rust社区举办多场技术沙龙和线上研讨会，吸引了大量开发者参与，推动知识分享与技术交流。',
+  },
+  {
+    date: '01-22',
+    year: '2025',
+    title: 'Rust社区活动精彩纷呈，开发者热情高涨。',
+    tags: ['行业新闻', '媒体报道', 'Rust'],
+    hot: true,
+    summary: '2025年初，Rust社区举办多场技术沙龙和线上研讨会，吸引了大量开发者参与，推动知识分享与技术交流。',
+  },
+  {
+    date: '10-26',
+    year: '2025',
+    title: 'Rust生态系统持续壮大，创新应用层出不穷。',
+    tags: ['行业新闻', '媒体报道', 'Rust'],
+    hot: false,
+    summary: 'Rust生态系统在2025年迎来新一轮爆发，众多企业和开发者积极参与，推动技术创新与产业升级。',
+  },
+  {
+    date: '09-14',
+    year: '2025',
+    title: 'Rust助力数字基础设施升级，安全与性能并重。',
+    tags: ['行业新闻', '媒体报道', 'Rust'],
+    hot: false,
+    summary: '随着数字经济的发展，Rust语言以其安全性和高性能成为基础设施建设的首选，广受业界关注。',
+  },
+  {
+    date: '11-06',
+    year: '2025',
+    title: 'Rust技术赋能智能制造，推动产业升级。',
+    tags: ['行业新闻', '媒体报道', 'Rust'],
+    hot: false,
+    summary: '智能制造领域引入Rust技术，提升了系统的稳定性与安全性，助力企业实现数字化转型。',
+  }, 
+  {
+    date: '01-22',
+    year: '2025',
+    title: 'Rust社区活动精彩纷呈，开发者热情高涨。',
+    tags: ['行业新闻', '媒体报道', 'Rust'],
+    hot: true,
+    summary: '2025年初，Rust社区举办多场技术沙龙和线上研讨会，吸引了大量开发者参与，推动知识分享与技术交流。',
+  },
+  {
+    date: '01-22',
+    year: '2025',
+    title: 'Rust社区活动精彩纷呈，开发者热情高涨。',
+    tags: ['行业新闻', '媒体报道', 'Rust'],
+    hot: true,
+    summary: '2025年初，Rust社区举办多场技术沙龙和线上研讨会，吸引了大量开发者参与，推动知识分享与技术交流。',
+  },
+  {
+    date: '10-26',
+    year: '2025',
+    title: 'Rust生态系统持续壮大，创新应用层出不穷。',
+    tags: ['行业新闻', '媒体报道', 'Rust'],
+    hot: false,
+    summary: 'Rust生态系统在2025年迎来新一轮爆发，众多企业和开发者积极参与，推动技术创新与产业升级。',
+  },
+  {
+    date: '09-14',
+    year: '2025',
+    title: 'Rust助力数字基础设施升级，安全与性能并重。',
+    tags: ['行业新闻', '媒体报道', 'Rust'],
+    hot: false,
+    summary: '随着数字经济的发展，Rust语言以其安全性和高性能成为基础设施建设的首选，广受业界关注。',
+  },
+  
+]
+
+const tagColor = (tag: string) => {
+  if (tag === '行业新闻') return 'bg-blue-100 text-blue-600'
+  if (tag === '媒体报道') return 'bg-green-100 text-green-600'
+  if (tag === 'Rust') return 'bg-orange-100 text-orange-600'
+  return 'bg-gray-100 text-gray-600'
+}
+
+export default function RustNewsPage() {
+  const [search, setSearch] = useState('')
+  const isSearchLoading = false
+
+  return (
+    <>
+      <Head>
+        <title>Rust News</title>
+      </Head>
+      <div className="min-h-screen h-auto w-full bg-white px-0 py-0">
+        {/* 搜索栏 */}
+        <div
+          className="flex items-center border-b border-gray-200 bg-white w-full sticky top-0 z-20"
+          style={{
+            height: 53,
+            flexShrink: 0,
+            marginTop: 0,
+            marginBottom: 0,
+            paddingLeft: 32,
+            paddingRight: 32,
+          }}
+        >
+          <div className="flex-1 max-w-xl">
+            <IndexSearchInput query={search} setQuery={setSearch} isSearchLoading={isSearchLoading} />
+          </div>
+        </div>
+        {/* 主标题 */}
+        <div className="max-w-6xl mx-auto mt-6">
+          <h1 className="text-6xl font-black text-[#222]">Rust News</h1>
+          <div
+            style={{
+              width: 360,
+              height: 14,
+              flexShrink: 0,
+              borderRadius: 2,
+              background: '#3E63DD',
+              marginTop: 8,
+              marginBottom: 32,
+            }}
+          />
+        </div>
+        {/* 新闻列表 */}
+        <div className="max-w-6xl mx-auto flex flex-col gap-8">
+          {newsList
+            .filter(item => item.title.includes(search) || item.summary.includes(search))
+            .map((item) => (
+            <div
+              key={item.date + '-' + item.title}
+              className="flex bg-white rounded-2xl shadow-sm border border-gray-200 px-8 py-6 items-center gap-8"
+            >
+              {/* 日期 */}
+              <div className="flex flex-col items-center justify-center min-w-[70px]">
+                <span className="text-2xl font-bold text-gray-800 leading-none">{item.date}</span>
+                <span className="text-base text-gray-400 mt-1">{item.year}</span>
+              </div>
+              {/* 竖线分割 */}
+              <div className="h-16 w-px bg-gray-200 mx-1" />
+              {/* 内容 */}
+              <div className="flex-1 flex flex-col">
+                <div className="flex items-center">
+                  <span className="text-xl font-bold text-gray-900">{item.title}</span>
+                  {item.hot && <span className="ml-2 text-red-500 text-xl">🔥</span>}
+                </div>
+                <div className="flex gap-2 mt-2">
+                  {item.tags.map(tag => (
+                    <span
+                      key={tag}
+                      className={`px-2 py-0.5 rounded text-xs font-semibold ${tagColor(tag)}`}
+                    >
+                      {tag}
+                    </span>
+                  ))}
+                </div>
+                <div className="text-gray-500 text-sm mt-2 line-clamp-2">{item.summary}</div>
+              </div>
+              {/* 详情按钮 */}
+              <div className="flex flex-col items-end justify-between h-full ml-4">
+                <button className="bg-blue-600 text-white px-6 py-2 rounded-lg font-semibold shadow hover:bg-blue-700 transition">
+                  Details
+                </button>
+              </div>
+            </div>
+          ))}
+        </div>
+        {/* 右下角up-icon */}
+        <button
+          onClick={() => {
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+            const main = document.querySelector('#__next');
+            
+            if (main) {
+              main.scrollTo({ top: 0, behavior: 'smooth' });
+            }
+          }}
+          style={{
+            position: 'fixed',
+            right: 350,
+            bottom: 40,
+            zIndex: 50,
+            background: 'none',
+            border: 'none',
+            padding: 0,
+            cursor: 'pointer'
+          }}
+          aria-label="回到顶部"
+        >
+          <Image src="/rust/rust-news/up-icon.png" alt="回到顶部" width={48} height={48} />
+        </button>
+      </div>
+    </>
+  )
+}
\ No newline at end of file
diff --git a/moon/apps/web/public/rust/Crate Ecosystem.png b/moon/apps/web/public/rust/Crate Ecosystem.png
new file mode 100644
index 000000000..421bdee45
Binary files /dev/null and b/moon/apps/web/public/rust/Crate Ecosystem.png differ
diff --git a/moon/apps/web/public/rust/Rust-Distribth.png b/moon/apps/web/public/rust/Rust-Distribth.png
new file mode 100644
index 000000000..1c25452da
Binary files /dev/null and b/moon/apps/web/public/rust/Rust-Distribth.png differ
diff --git a/moon/apps/web/public/rust/Rust-News.png b/moon/apps/web/public/rust/Rust-News.png
new file mode 100644
index 000000000..1df7d1aa3
Binary files /dev/null and b/moon/apps/web/public/rust/Rust-News.png differ
diff --git a/moon/apps/web/public/rust/Rust-Tour-Doc.png b/moon/apps/web/public/rust/Rust-Tour-Doc.png
new file mode 100644
index 000000000..d66a072aa
Binary files /dev/null and b/moon/apps/web/public/rust/Rust-Tour-Doc.png differ
diff --git a/moon/apps/web/public/rust/logo.png b/moon/apps/web/public/rust/logo.png
new file mode 100644
index 000000000..de0d93d3a
Binary files /dev/null and b/moon/apps/web/public/rust/logo.png differ
diff --git a/moon/apps/web/public/rust/normal.png b/moon/apps/web/public/rust/normal.png
new file mode 100644
index 000000000..71c22ead8
Binary files /dev/null and b/moon/apps/web/public/rust/normal.png differ
diff --git a/moon/apps/web/public/rust/rust-news/up-icon.png b/moon/apps/web/public/rust/rust-news/up-icon.png
new file mode 100644
index 000000000..8294a2869
Binary files /dev/null and b/moon/apps/web/public/rust/rust-news/up-icon.png differ
diff --git a/moon/apps/web/public/rust/search-icon.png b/moon/apps/web/public/rust/search-icon.png
new file mode 100644
index 000000000..006dcfaf7
Binary files /dev/null and b/moon/apps/web/public/rust/search-icon.png differ
diff --git a/moon/apps/web/styles/global.css b/moon/apps/web/styles/global.css
index 218b08678..1c8ac31c8 100644
--- a/moon/apps/web/styles/global.css
+++ b/moon/apps/web/styles/global.css
@@ -15,7 +15,7 @@
   }
 
   #__next {
-    @apply isolate flex h-full min-h-[100svh] flex-1 flex-col overflow-hidden;
+    @apply isolate flex h-full min-h-[100svh] flex-1 flex-col overflow-auto;
     -webkit-app-region: no-drag;
   }