feat(*): 技能库与认证体验 - 重构共享技能库并优化登录页面与默认创作入口

web/src/pages/auth/auth-scene.tsx

@@ -3,8 +3,6 @@ import { ConfigProvider, Tabs } from "antd";
 import { ArrowLeft, Play } from "lucide-react";
 import { Link, Outlet, useLocation, useNavigate } from "react-router";
 
-import { CometCard } from "@/components/ui/aceternity/comet-card";
-import { SpotlightSurface } from "@/components/ui/aceternity/spotlight-surface";
 import { aceternityMotion } from "@/lib/aceternity-motion";
 import { getAntThemeConfig } from "@/lib/app-theme";
 
@@ -102,34 +100,26 @@ export function AuthScene() {
                         className="my-auto w-full max-w-[460px]"
                     >
                         <ConfigProvider theme={getAntThemeConfig(true)}>
-                            <SpotlightSurface spotlightColor="rgba(96,165,250,.14)" spotlightRadius={300} className="flex h-auto rounded-[26px]">
-                                <CometCard
-                                    rotateDepth={1.8}
-                                    translateDepth={1.5}
-                                    glare={!reducedMotion}
-                                    containerClassName="h-auto"
-                                    className="auth-card-dark h-auto overflow-hidden rounded-[26px] border border-white/12 bg-[#111216]/88 shadow-[0_40px_120px_rgba(0,0,0,.48)] backdrop-blur-2xl"
-                                >
-                                    <section aria-label={copy.title} className="flex min-h-[620px] flex-col sm:min-h-[640px]">
-                                        <header className="px-6 pb-5 pt-6 sm:px-8 sm:pt-7">
-                                            <p className="text-xs font-semibold tracking-[0.18em] text-blue-300/80">{copy.eyebrow}</p>
-                                            <h2 className="mt-2 text-3xl font-semibold">{copy.title}</h2>
-                                            <p className="mt-2 text-sm leading-6 text-white/45">{copy.description}</p>
-                                        </header>
-                                        <div className="border-b border-white/[0.08] px-6 sm:px-8">
-                                            <Tabs
-                                                className="auth-card-tabs"
-                                                activeKey={activeTab}
-                                                items={AUTH_TABS}
-                                                onChange={(key) => navigate({ pathname: key === "register" ? "/register" : "/login", search: location.search })}
-                                            />
-                                        </div>
-                                        <div key={location.pathname} className="flex-1 px-6 py-6 sm:px-8 sm:py-7">
-                                            <Outlet />
-                                        </div>
-                                    </section>
-                                </CometCard>
-                            </SpotlightSurface>
+                            <div className="auth-card-dark h-auto overflow-hidden rounded-lg bg-[#121318]/94 shadow-[0_28px_80px_rgba(0,0,0,.34)] backdrop-blur-2xl">
+                                <section aria-label={copy.title} className={`flex flex-col ${activeTab === "login" ? "min-h-[500px]" : "min-h-[620px] sm:min-h-[640px]"}`}>
+                                    <header className="px-6 pb-5 pt-6 sm:px-8 sm:pt-7">
+                                        <p className="text-xs font-semibold tracking-[0.18em] text-blue-300/80">{copy.eyebrow}</p>
+                                        <h2 className="mt-2 text-3xl font-semibold">{copy.title}</h2>
+                                        <p className="mt-2 text-sm leading-6 text-white/45">{copy.description}</p>
+                                    </header>
+                                    <div className="px-6 sm:px-8">
+                                        <Tabs
+                                            className="auth-card-tabs"
+                                            activeKey={activeTab}
+                                            items={AUTH_TABS}
+                                            onChange={(key) => navigate({ pathname: key === "register" ? "/register" : "/login", search: location.search })}
+                                        />
+                                    </div>
+                                    <div key={location.pathname} className="flex-1 px-6 py-6 sm:px-8 sm:py-7">
+                                        <Outlet />
+                                    </div>
+                                </section>
+                            </div>
                         </ConfigProvider>
                     </motion.div>
                 </section>

web/src/pages/auth/login.tsx

@@ -42,7 +42,7 @@ export default function LoginPage() {
         <form onSubmit={submit} className="space-y-5">
             <AuthField label="用户名 / 邮箱"><Input size="large" prefix={<UserRound className="size-4 text-white/35" />} value={username} onChange={(event) => setUsername(event.target.value)} placeholder="用户名或邮箱" autoComplete="username" required /></AuthField>
             <AuthField label="密码"><Input.Password size="large" prefix={<LockKeyhole className="size-4 text-white/35" />} value={password} onChange={(event) => setPassword(event.target.value)} placeholder="请输入密码" autoComplete="current-password" required /></AuthField>
-            <Button type="primary" htmlType="submit" size="large" block loading={submitting} icon={<ArrowRight className="size-4" />} iconPosition="end">登录</Button>
+            <Button type="primary" htmlType="submit" size="large" block loading={submitting} icon={<ArrowRight className="size-4" />} iconPlacement="end">登录</Button>
             {linuxdoEnabled ? <><Divider plain className="!border-white/10 !text-white/30">或</Divider><Button size="large" block icon={<LinuxDOIcon />} href={linuxDOLoginURL(next)}>使用 Linux.do 登录</Button></> : null}
         </form>
     );
@@ -53,6 +53,6 @@ function AuthField({ label, children }: { label: string; children: ReactNode })
 }
 
 function safeNext(value: string | null) {
-    if (!value || !value.startsWith("/") || value.startsWith("//")) return "/projects";
+    if (!value || !value.startsWith("/") || value.startsWith("//")) return "/create";
     return value;
 }

web/src/pages/auth/register.tsx

@@ -106,7 +106,7 @@ export default function RegisterPage() {
                 <AuthField label="确认密码"><Input.Password size="large" prefix={<LockKeyhole className="size-4 text-white/35" />} value={confirmPassword} onChange={(event) => setConfirmPassword(event.target.value)} placeholder="再次输入密码" autoComplete="new-password" required disabled={disabled} /></AuthField>
             </div>
 
-            <Button type="primary" htmlType="submit" size="large" block loading={submitting} disabled={disabled} icon={<ArrowRight className="size-4" />} iconPosition="end">创建账号</Button>
+            <Button type="primary" htmlType="submit" size="large" block loading={submitting} disabled={disabled} icon={<ArrowRight className="size-4" />} iconPlacement="end">创建账号</Button>
             {settings?.linuxdoEnabled ? <><Divider plain className="!border-white/10 !text-white/30">或</Divider><Button size="large" block icon={<LinuxDOIcon />} href={linuxDOLoginURL(next)}>使用 Linux.do 注册 / 登录</Button></> : null}
         </form>
     );
@@ -121,6 +121,6 @@ function Notice({ icon, tone, children }: { icon: ReactNode; tone: "blue" | "amb
 }
 
 function safeNext(value: string | null) {
-    if (!value || !value.startsWith("/") || value.startsWith("//")) return "/projects";
+    if (!value || !value.startsWith("/") || value.startsWith("//")) return "/create";
     return value;
 }