登陆页面功能，优化项目结构，字体字重重新调整

src/app/(root)/@footer/page.tsx

@@ -9,17 +9,17 @@ export default function Footer(props: FooterProps) {
         <div className={`flex-auto overflow-hidden flex flex-wrap justify-between`}>
           <div className="flex flex-col lg:items-center gap-2 lg:gap-6 max-lg:w-1/2">
             <img src="/qrcode.svg" alt="logo" className="flex-none w-20 h-20 sm:w-44 sm:h-44 bg-gray-100"/>
-            <span className="text-sm font-light">关注我们查看更多资讯</span>
+            <span className="text-sm ">关注我们查看更多资讯</span>
           </div>
 
           <div className={`flex flex-col gap-2 lg:gap-4 max-lg:w-1/2`}>
             <h3>商务合作</h3>
-            <p className={`text-sm text-gray-500 font-light`}>大客户经理:张经理</p>
-            <p className={`text-sm text-gray-500 font-light`}>电话/微信:18751847847</p>
-            <p className={`text-sm text-gray-500 font-light`}>QQ号:800180559</p>
+            <p className={`text-sm text-gray-500 `}>大客户经理:张经理</p>
+            <p className={`text-sm text-gray-500 `}>电话/微信:18751847847</p>
+            <p className={`text-sm text-gray-500 `}>QQ号:800180559</p>
             <h3 className={`hidden sm:block`}>服务保障</h3>
-            <p className={`text-sm text-gray-500 font-light hidden sm:block`}>售前服务</p>
-            <p className={`text-sm text-gray-500 font-light hidden sm:block`}>技术支持</p>
+            <p className={`text-sm text-gray-500  hidden sm:block`}>售前服务</p>
+            <p className={`text-sm text-gray-500  hidden sm:block`}>技术支持</p>
           </div>
 
           <SiteNavList
@@ -79,14 +79,14 @@ export default function Footer(props: FooterProps) {
         </div>
 
         <div className={`flex-none mt-6 pt-6 border-t border-gray-300 flex flex-col items-center`}>
-          <p className={`text-sm font-light`}>
+          <p className={`text-sm `}>
             声明：啊啊HTTP仅提供代理IP服务；严禁用户使用啊啊HTTP从事任何违法犯罪行为，产生的相关责任用户自负，对此啊啊HTTP不承担任何法律责任。
             <a href="#">自律公约</a>
           </p>
-          <p className={`text-sm mt-3 font-light`}>
+          <p className={`text-sm mt-3 `}>
             南京啊啊啊啊科技有限公司 版权所有网站地图
             地址：啊啊啊啊啊啊啊啊啊大街57号楚翘城7幢404-405室</p>
-          <p className={`text-sm mt-3 font-light`}>
+          <p className={`text-sm mt-3 `}>
             电信业务经营许可证：B1-11111111
             苏ICP备111111111号-1
             苏公网安备11111111111111号
@@ -109,7 +109,7 @@ function SiteNavList(props: {
       <h3>{props.title}</h3>
       <ul
         className={[
-          `mt-1 flex flex-wrap gap-2 font-light`,
+          `mt-1 flex flex-wrap gap-2 `,
           `lg:mt-4 lg:h-[184px] lg:flex-col lg:gap-4 lg:gap-x-6`,
         ].join(' ')}>
         {props.items.map((item, index) => (

src/app/(root)/@header/page.tsx

@@ -7,7 +7,7 @@ import SolutionMenu from './_client/solution'
 import ProductMenu from './_client/product'
 import HelpMenu from './_client/help'
 import Wrap from '@/components/wrap'
-import logo from '@/assets/logo.png'
+import logo from '@/assets/logo.webp'
 
 export type HeaderProps = {}
 
@@ -114,18 +114,22 @@ export default function Header(props: HeaderProps) {
           </div>
           {/* 登录 */}
           <div className={`flex items-center`}>
-            <a
-              href="#"
-              className={`w-24 h-12 flex items-center justify-center lg:text-lg font-medium`}
+            <Link
+              href="/login"
+              className={`w-24 h-12 flex items-center justify-center lg:text-lg`}
             >
               <span>登录</span>
-            </a>
-            <a
-              href="#"
-              className={`w-20 lg:w-24 h-10 lg:h-12 bg-gradient-to-r from-blue-500 to-cyan-400 rounded-sm flex items-center justify-center lg:text-lg font-medium text-white`}
+            </Link>
+            <Link
+              href="/login"
+              className={[
+                `w-20 lg:w-24 h-10 lg:h-12 bg-gradient-to-r  rounded-sm flex items-center justify-center lg:text-lg text-white`,
+                `transition-colors duration-200 ease-in-out`,
+                `from-blue-500 to-cyan-400 hover:from-blue-500 hover:to-cyan-300`,
+              ].join(' ')}
             >
               <span>注册</span>
-            </a>
+            </Link>
           </div>
         </Wrap>
       </div>

src/app/(root)/layout.tsx

@@ -8,7 +8,7 @@ export type RootLayoutProps = {
 
 export default function RootLayout(props: RootLayoutProps) {
   return (
-    <div className={`overflow-auto flex flex-col items-stretch relative`}>
+    <div className={`overflow-auto bg-white flex flex-col items-stretch relative`}>
       {/* 页头 */}
       <Header/>
 

src/app/(root)/page.tsx

@@ -9,28 +9,28 @@ export default function Home() {
       {/* banner */}
       <section className={`w-full bg-[url('/banner.webp')] bg-cover bg-[center_right_40%]`}>
         <Wrap className={`pt-64 pb-48 max-md:pt-32 max-md:pb-24`}>
-          <h1 className={`text-4xl font-medium`}>安全，稳定，快速，合规的代理服务器</h1>
+          <h1 className={`text-4xl`}>安全，稳定，快速，合规的代理服务器</h1>
           <p className={`mt-10 text-gray-500`}>遍布全国的代理服务器节点为用户提供智能可靠的IP代理服务</p>
 
           <div className={`mt-24 max-md:mt-14 flex gap-8 max-md:flex-col`}>
             <p className={`flex gap-4 items-center`}>
               <Image src={`/check.svg`} alt={`checkbox`} width={24} height={24}/>
-              <span className={`lg:text-lg font-light`}>全国200+城市节点</span>
+              <span className={`lg:text-lg `}>全国200+城市节点</span>
             </p>
             <p className={`flex gap-4 items-center`}>
               <Image src={`/check.svg`} alt={`checkbox`} width={24} height={24}/>
-              <span className={`lg:text-lg font-light`}>300+城市级精准定位</span>
+              <span className={`lg:text-lg `}>300+城市级精准定位</span>
             </p>
             <p className={`flex gap-4 items-center`}>
               <Image src={`/check.svg`} alt={`checkbox`} width={24} height={24}/>
-              <span className={`lg:text-lg font-light`}>低延迟&高并发提取</span>
+              <span className={`lg:text-lg `}>低延迟&高并发提取</span>
             </p>
           </div>
 
           <button
             className={[
               `mt-32 max-md:mt-20 w-96 max-md:w-full h-16 md:h-24 rounded-lg shadow-lg`,
-              `bg-gradient-to-r from-blue-500 to-cyan-400 text-white text-xl lg:text-4xl font-medium`,
+              `bg-gradient-to-r from-blue-500 to-cyan-400 text-white text-xl lg:text-4xl`,
             ].join(' ')}>
             免费试用
           </button>
@@ -129,7 +129,7 @@ export default function Home() {
             <img src="/s3-main.webp" alt="tumb" className={`w-2/3 md:flex-1 md:w-0 object-cover max-md:self-center`}/>
             <div className={`flex-2 flex flex-col justify-between gap-4`}>
               <h3 className={`flex justify-between`}>
-                <span className={`text-xl font-medium`}>我是标题</span>
+                <span className={`text-xl`}>我是标题</span>
                 <sub className={`text-sm text-gray-500`}>2025-03-04</sub>
               </h3>
               <p className={`text-gray-400 md:leading-12`}>
@@ -161,7 +161,7 @@ function Section(props: {
   return (
     <section>
       <div className={`max-w-[1232px] mx-auto px-4 flex flex-col items-stretch`}>
-        <h2 className={`text-center text-3xl font-medium mb-8 lg:mb-24`}>{props.title}</h2>
+        <h2 className={`text-center text-3xl mb-8 lg:mb-24`}>{props.title}</h2>
         {props.children}
       </div>
     </section>
@@ -183,7 +183,7 @@ function Sec3Item(props: {
         `max-md:items-center`,
       ].join(' ')}>
       <img src={`/${props.icon}.webp`} alt={`s1-1`} aria-hidden className="w-44 h-44 object-cover"/>
-      <h3 className={`text-xl font-medium`}>{props.title}</h3>
+      <h3 className={`text-xl`}>{props.title}</h3>
       <div className={`flex flex-col gap-3`}>
         {props.terms.map((item, index) => {
           return (
@@ -207,7 +207,7 @@ function Sec4Item(props: {
     <li className={`flex gap-8 items-center p-4 lg:p-8 shadow-[4px_4px_20px_4px] shadow-blue-50 rounded-lg`}>
       <img src={`/${props.icon}.webp`} alt={`s2-1-1`} aria-hidden className="w-24 h-24 object-contain"/>
       <div className={`flex flex-col gap-3`}>
-        <h3 className={`text-xl font-medium`}>{props.title}</h3>
+        <h3 className={`text-xl`}>{props.title}</h3>
         <p>{props.description}</p>
       </div>
     </li>