模板A - 极简现代风 | 参考：微信/支付宝风格，干净清爽
+ 模板A - 居中卡片布局
+ 经典居中卡片，光晕背景，登录/注册同卡片内 Tab 切换
-
-
-
-
🥤
- 欢迎回来
-登录可乐Web，探索更多可能
+
+
+
+
+
+
+
+
- 🥤
+ 可乐Web
+欢迎登录或注册
-
-
密码登录
- 验证码登录
+
+
+
+
- 登录
+ 注册
-
-
+
-
-
+
-
模板B - 深色卡片风 | 参考：Spotify/Discord风格，科技感十足
+ 模板B - 全屏流式布局
+ 无卡片边框，内容全屏铺开，登录/注册通过顶部 Tab 切换
-
-
-
-
🥤
- 可乐Web
-你的全能工具平台
+
+
+
+
+
+
+
- 登录
+ 注册
-
-
账号密码
- 邮箱验证码
+
+
+
+
- 密码登录
+ 验证码登录
-
-
-
-
-
-
-
-
-
-
-
- 还没有账号？立即注册
+
-
-
+
-
模板C - 玻璃拟态风 | 参考：iOS/Apple风格，高级感拉满
+ 模板C - 底部弹出式面板
+ 背景大光晕 + 底部弹出的玻璃面板，现代 App 常见的半屏弹窗设计
-
-
-
-
-
-
-
-
🥤
- 可乐Web
-随时随地，高效创作
+
+
+
+
+
+
+
+
+ 🥤
+ 可乐Web
+你的全能工具平台
+
+
+
+
+
+
- 登录
+ 注册
-
- 👤
-
+
-
-
- ✉️
-
+
-
+
+
+
+
+
-
-
模板D - 活力渐变风 | 参考：小红书/抖音风格，年轻时尚
+ 模板D - 登录注册左右滑动
+ 点击「注册」或「返回登录」时整个表单区域左右滑动切换，动效感强
-
-
-
-
-
👋 你好，欢迎
- 可乐Web
-探索工具、学习、创作的世界
+
+
+
+
+
+
+
+
+ 🥤
+ 可乐Web
+随时随地，高效创作
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
- 忘记密码？
- 遇到问题？
+
+
-
+
+
-
-
@@ -536,45 +414,65 @@
+
- 创建账号
+注册后即可使用全部功能
- 说明：以上4个模板均使用你项目的品牌色 #667eea，支持密码登录 + 邮箱验证码登录 + 第三方登录。
- 选择你喜欢的风格后，我会将其整合为项目中的
+ 选择你喜欢的模板后，我会将其整合为
diff --git a/nginx.conf b/nginx.conf
index 9bc0d82..ac738c8 100644
--- a/nginx.conf
+++ b/nginx.conf
@@ -25,7 +25,7 @@ server {
}
# API 反代（路由分散在 /api /user /bug /article /chat /learn /message /tool /history /media 等前缀下）
- location ~ ^/(api|user|bug|article|chat|learn|message|tool|history|media)/ {
+ location ~ ^/(api|user|bug|article|chat|learn|message|tool|history|media|search|app|logs|s)/ {
proxy_pass http://127.0.0.1:8000;
proxy_http_version 1.1;
proxy_set_header Host $host;
diff --git a/public/favicon.svg b/public/favicon.svg
index 6893eb1..2409a53 100644
--- a/public/favicon.svg
+++ b/public/favicon.svg
@@ -1 +1,26 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/public/icons-variants/preview.html b/public/icons-variants/preview.html
index c4559cf..31240ff 100644
--- a/public/icons-variants/preview.html
+++ b/public/icons-variants/preview.html
@@ -38,20 +38,36 @@
.current-section h2 { font-size: 16px; color: #ff4444; margin-bottom: 12px; }
.current-section .current-icon { width: 64px; height: 64px; }
+ .section-label {
+ max-width: 1100px;
+ margin: 40px auto 16px;
+ padding-left: 4px;
+ }
+ .section-label h2 {
+ font-size: 18px;
+ color: #aaa;
+ border-left: 3px solid;
+ padding-left: 10px;
+ }
+ .section-label.sub { margin-top: 50px; }
+ .section-label.sub h2 { border-color: #D4423A; color: #D4423A; }
+ .section-label.old h2 { border-color: #6C63FF; color: #8B83FF; }
+ .section-label p { font-size: 13px; color: #666; margin-top: 4px; padding-left: 13px; }
+
.grid {
display: grid;
- grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
- gap: 24px;
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+ gap: 20px;
max-width: 1100px;
margin: 0 auto;
}
.card {
background: #1a1a2e;
border-radius: 16px;
- padding: 30px 20px 24px;
+ padding: 28px 20px 22px;
text-align: center;
border: 1px solid #2a2a3e;
- transition: transform 0.2s, border-color 0.2s;
+ transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s;
cursor: pointer;
position: relative;
}
@@ -64,7 +80,7 @@
box-shadow: 0 0 20px rgba(76, 175, 80, 0.2);
}
.card.selected::after {
- content: '✓ 已选择';
+ content: '\2713 \5DF2\u9009\u62E9';
position: absolute;
top: 12px;
right: 12px;
@@ -75,20 +91,20 @@
font-size: 12px;
}
.card-icon {
- width: 96px;
- height: 96px;
- margin: 0 auto 16px;
+ width: 88px;
+ height: 88px;
+ margin: 0 auto 14px;
}
.card h3 {
- font-size: 18px;
- margin-bottom: 8px;
+ font-size: 16px;
+ margin-bottom: 6px;
color: #fff;
}
.card .desc {
- font-size: 13px;
- color: #999;
+ font-size: 12px;
+ color: #888;
line-height: 1.6;
- margin-bottom: 16px;
+ margin-bottom: 12px;
}
.tags {
display: flex;
@@ -97,12 +113,16 @@
flex-wrap: wrap;
}
.tag {
- background: rgba(108, 99, 255, 0.15);
+ background: rgba(108, 99, 255, 0.12);
color: #8B83FF;
padding: 3px 10px;
border-radius: 20px;
font-size: 11px;
}
+ .tag.cola {
+ background: rgba(212, 66, 58, 0.12);
+ color: #E74C3C;
+ }
.sizes-section {
max-width: 1100px;
@@ -180,168 +200,242 @@
- - 选择你喜欢的风格后，我会将其整合为项目中的
LoginMobile.tsx 页面组件。
+ 说明：4 个模板均使用品牌色 #667eea，全部保留「密码登录」「验证码登录」「注册」三大功能模块。+ 选择你喜欢的模板后，我会将其整合为
LoginMobile.tsx 移动端页面组件。
可乐项目 - 图标模板预览
-点击选择你喜欢的图标设计，然后应用为项目 Favicon
+可乐项目 - 图标模板预览
+点击选择你喜歡的图标设计，然后应用为项目 Favicon
-
- 
+
-
+ 当前图标
-
+ 当前图标
+
+
+ 新设计 - 微妒可乐元素
+帖妒蓝入可乐色调、气波、水体等元素，但保持充分克制，不直取可乐
+
+
+
+
+ 
+
+
+
+ 杂志 C 标识
+深色背景上纯繁的 C 字母，右上角一个微小红点暗示气波。充分保持充分工具感，可乐元素只作点缀。
+
+ 极简
+ C字母
+ 微妒可乐色
+
+
+ 
+
+
+
+ 红色打扎
+深色背景上简纯的打扎工具，右下角有一把微妒的深红色水把，像可乐的一点印记。
+
+ 工具
+ 简纯
+ 可乐红点缀
+
+
+ 
+
+
+
+ 波波工具盒
+方块内上单部留白，底部有可乐色的水面波波和气波。中央白色千字符号表示工具属性。
+
+ 工具平台
+ 抽象设计
+ 可乐波波
+
+
+ 
+
+
+ 红环星辰
+可乐红色外环包被深色内围，中央金色星辰符号。可乐色只作为外框存在，内部保持工具感。
+
+ 几何
+ 外环设计
+ 可乐红框
+
+
+
原有设计
+较为直揍的风格设计，可乐元素表达更直揍
+
- 
-
+
- 字母 C 标识
-圆润加粗的"C"字母，搭配气泡装饰，呼应可乐品牌。橙红到深红的渐变色调，温暖而有辨识度。
+
+ 字母 C 标识
+圆涨加粗的C字母，搭配气波装饰，橙红到深红的渗变色调，温粘而有辨认度。
- 品牌辨识
- 极简
- 可乐色调
+ 品牌辨认
+ 可乐色调
- 
-
+
- 等距工具箱
-3D等距视角的彩色工具箱，珊瑚色/青色/紫色多面体设计，展现平台多工具属性，现代科技感。
+
+ 等距工具箱
+3D等距视角的彩色工具箱，珌瑞色/青色/紫色多面体设计，展现平台多工具属性。
- 3D等距
- 多色
- 工具平台
+ 3D等距
+ 多色
+ 工具平台
- 
-
+
- 抽象气泡杯
-深色背景上的极简可乐杯，液体中冒出的气泡传递活力感。暗色系设计，科技感十足。
+
+ 抽象气波框
+深色背景上的极简可乐框，水体中击出的气波伝递活力感。暗色系设计。
- 暗色系
- 抽象
- 活力
+ 暗色系
+ 抽象
+ 可乐框
- 
-
+
- 六边形齿轮
-六边形底座搭配齿轮符号，紫蓝渐变光效。传达精密工具与技术平台的气质，科技前沿感。
+
+ 八边形骨辑
+八边形底座搭配骨辑符号，紫蓝渗变光效。伝递精密工具与技术平台的气质。
- 科技感
- 几何
- 工具符号
+ 科技感
+ 几何
+ 工具符号
-
-
不同尺寸预览
-
-
+ 不同层次预览
+
-
diff --git a/src/App.tsx b/src/App.tsx
index 2ffbad2..c925b9a 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -5,6 +5,8 @@ import { Route, Routes } from "react-router-dom";
import { lazy, Suspense, useEffect } from "react";
import { Spin, App as AntdApp } from "antd";
import Navbar from "@/components/Navbar/Navbar";
+import MobileTopNav from "@/components/MobileTopNav/MobileTopNav";
+import MobileBottomNav from "@/components/MobileBottomNav/MobileBottomNav";
import MobileGuard from "@/components/MobileGuard/MobileGuard";
import AuthGuard from "@/components/AuthGuard/AuthGuard";
import useIsMobile from "@/hooks/useIsMobile";
@@ -92,6 +94,8 @@ const ApiDocs = lazy(() => import("@/pages/ApiDocs/ApiDocs"));
const ApiDirectory = lazy(() => import("@/pages/ApiDirectory/ApiDirectory"));
const ShortUrlDetail = lazy(() => import("@/pages/ShortUrlDetail/ShortUrlDetail"));
const ShortUrlDetailMobile = lazy(() => import("@/pages/ShortUrlDetail/ShortUrlDetailMobile"));
+const Register = lazy(() => import("@/pages/Register/Register"));
+const RegisterMobile = lazy(() => import("@/pages/Register/RegisterMobile"));
const NotFound = lazy(() => import("@/pages/NotFound/NotFound"));
const Changelog = lazy(() => import("@/pages/Changelog/Changelog"));
const ChangelogMobile = lazy(() => import("@/pages/Changelog/ChangelogMobile"));
@@ -106,6 +110,7 @@ const QRCodeGeneratorApiDetail = lazy(() => import("@/pages/QRCodeGenerator/QRCo
const IPLocationApiDetail = lazy(() => import("@/pages/IPLocationApiDetail/IPLocationApiDetail"));
const PasswordGeneratorApiDetail = lazy(() => import("@/pages/PasswordGenerator/PasswordGeneratorApiDetail"));
const BaiduTranslateDetail = lazy(() => import("@/pages/BaiduTranslateDetail/BaiduTranslateDetail"));
+const LoginMobile = lazy(() => import("@/pages/LoginMobile/LoginMobile"));
const PageLoading = () => (
设计特性对比
+设计特性对比
| 图标 | -风格 | -配色 | -适用场景 | -辨识度 | +图标 | +风格 | +配色 | +可乐元素 | +适用场景 |
|---|---|---|---|---|---|---|---|---|---|
| 字母 C | -扁平极简 | -暖色系（橙红→深红） | -品牌一致性最强，适合正式场合 | -⭐⭐⭐⭐⭐ | +杂志 C | +深色背 + 极简线条 | +深蓝紫背 + 红色C | +一个小红点 | +品牌一致性最强 |
| 等距工具箱 | -3D 等距 | -多色（珊瑚+青+紫） | -展现工具多样性，视觉冲击力强 | -⭐⭐⭐⭐ | +红色打扎 | +极简线条工具 | +深背 + 红色打扎 | +一把深红水把 | +工具感最强 |
| 气泡可乐杯 | -暗色抽象 | -暗色系（深棕+焦糖） | -暗色主题搭配最佳，独特有记忆点 | -⭐⭐⭐⭐ | +波波工具盒 | +方块 + 波波抽象 | +深蓝紫背 + 红色波波 | +底部波波 + 气波 | +抽象设计最优雅 |
| 六边形齿轮 | -科技几何 | -冷色系（紫→蓝） | -技术平台定位，专业现代 | -⭐⭐⭐⭐ | +红环星辰 | +几何外环形 | +红色外环 + 金色星辰 | +红色圆环 | +精纯八边性最强 | +
| 字母 C | +扁平极简 | +橙红→深红渗变 | +气波装饰 | +品牌关联最直揍 | +|||||
| 等距工具箱 | +3D等距 | +珌瑞+青+紫多色 | +无直揍可乐元素 | +展现工具多样性 | +|||||
| 抽象气波框 | +暗色抽象 | +深棒+燃稀色 | +框形+气波+水体 | +暗色主页最搭 | +|||||
| 八边形骨辑 | +科技几何 | +紫→蓝渗变 | +无直揍可乐元素 | +技术平台气质 |
@@ -141,6 +146,7 @@ const App: React.FC = () => {
<>
{!isMobile &&
+
+ {isMobile &&
-
-
- }
- onClick={() => step === 0 ? navigate("/") : setStep(0)}
- className="back-button"
- />
-
{t('forgotPassword.title')}
+
+
+ {/* Header */}
+
+
- 🥤
+ {t('forgotPassword.title')}
+{t('forgotPassword.subtitle') || '别担心，几步就能重置密码'}
+
+
+ )}
- {step === 0 ? (
- 0 ? 'done' : ''}`}>
+
+ {step > 0 ? '✓' : '1'}
+ {t('forgotPassword.step1')}
+ 1 ? 'done' : ''}`}>
+
+ {step > 1 ? '✓' : '2'}
+ {t('forgotPassword.step2')}
+
-
+ {/* Step 0: Verify identity */}
+ {step === 0 && (
+
+
- }
+ setEmail(e.target.value)}
- onPressEnter={handleKeyEnter}
- placeholder={t('forgotPassword.emailPlaceholder')}
+ onKeyDown={(e) => e.key === 'Enter' && handleKeyEnter()}
/>
-
-
-
- }
- value={code}
- onChange={(e) => setCode(e.target.value)}
- onPressEnter={handleKeyEnter}
- placeholder={t('forgotPassword.codePlaceholder')}
- maxLength={8}
- />
-
-
+
+ setCode(e.target.value)}
+ onKeyDown={(e) => e.key === 'Enter' && handleKeyEnter()}
+ maxLength={8}
+ />
+
{showCaptcha && (
-
+
- ) : (
- 或
+
- ) =>
- request.normal.post("/baiduFanyi/pictureRecognize/", formData, {
+ request.normal.post("/api/baiduFanyi/pictureRecognize/", formData, {
headers: { 'Content-Type': 'multipart/form-data' },
params,
}),
speechRecognition: (formData: FormData, params?: Record) =>
- request.normal.post("/baiduFanyi/speechRecognition/", formData, {
+ request.normal.post("/api/baiduFanyi/speechRecognition/", formData, {
headers: { 'Content-Type': 'multipart/form-data' },
params,
}),
getUsage: () =>
- request.normal.get("/baiduFanyi/usage/"),
+ request.normal.get("/api/baiduFanyi/usage/"),
},
};
@@ -531,11 +531,11 @@ const favorites = {
/** 验证码API（公开接口，无需认证） */
const captcha = {
/** 生成滑块验证码 */
- generate: () => request.public.get("/captcha/generate/"),
+ generate: () => request.public.get("/api/captcha/generate/"),
/** 验证滑块位置 */
verify: (data: { captcha_key: string; x_position: number }) =>
- request.public.post("/captcha/verify/", data),
+ request.public.post("/api/captcha/verify/", data),
};
const changelog = {
@@ -546,8 +546,8 @@ const changelog = {
};
const ipLocation = {
- getMyIP: () => request.public.get('/getIpData/'),
- queryByIP: (ip: string) => request.public.get('/getIpData/', { ip }),
+ getMyIP: () => request.public.get('/api/getIpData/'),
+ queryByIP: (ip: string) => request.public.get('/api/getIpData/', { ip }),
};
/** 地区三级联动数据 */
@@ -560,22 +560,22 @@ const region = {
const currency = {
/** 获取最新汇率列表 */
getRates: (base: string = 'USD') =>
- request.public.get('/currency/rates/', { base }),
+ request.public.get('/api/currency/rates/', { base }),
/** 获取支持的货币列表 */
getCurrencies: () =>
- request.public.get('/currency/currencies/'),
+ request.public.get('/api/currency/currencies/'),
/** 货币转换计算 */
convert: (data: { from: string; to: string; amount: number }) =>
- request.public.post('/currency/convert/', data),
+ request.public.post('/api/currency/convert/', data),
};
const shorturl = {
shorten: (data?: object) =>
- request.normal.post("/shorturl/shorten/", data),
+ request.normal.post("/api/shorturl/shorten/", data),
getInfo: (code: string) =>
- request.normal.get(`/shorturl/info/${code}/`),
+ request.normal.get(`/api/shorturl/info/${code}/`),
getList: (params?: object) =>
- request.normal.get("/shorturl/list/", params),
+ request.normal.get("/api/shorturl/list/", params),
};
const passwordGenerator = {
@@ -596,9 +596,9 @@ const passwordGenerator = {
const user = {
follow: (userId: number) =>
- request.normal.post(`/users/follow/${userId}/`),
+ request.normal.post(`/user/follow/${userId}/`),
getPublicProfile: (userId: number) =>
- request.normal.get(`/users/public-profile/${userId}/`),
+ request.normal.get(`/user/public-profile/${userId}/`),
getQrToken: () =>
request.public.post('/user/qr-token/'),
getQrStatus: (token: string) =>
diff --git a/vite.config.ts b/vite.config.ts
index 1340f8e..fb60275 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,4 +1,4 @@
-import { defineConfig } from 'vite'
+import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import path from 'path';
@@ -8,21 +8,12 @@ export default defineConfig({
hmr: true,
host: '::',
allowedHosts: [
- '.mymoyu.top', // 注意是点开头，不是星号
+ '.mymoyu.top',
'localhost',
'127.0.0.1',
'192.168.1.4'
],
proxy: {
- '/api': {
- target: 'http://127.0.0.1:8002',
- changeOrigin: true,
- bypass: (req) => {
- if (req.headers.accept?.includes('text/html')) {
- return req.url;
- }
- },
- },
'/ws': {
target: 'ws://127.0.0.1:8002',
ws: true,
@@ -32,15 +23,68 @@ export default defineConfig({
target: 'http://127.0.0.1:8002',
changeOrigin: true,
},
+ '/api': {
+ target: 'http://127.0.0.1:8002',
+ changeOrigin: true,
+ },
'/user': {
target: 'http://127.0.0.1:8002',
changeOrigin: true,
bypass: (req) => {
- if (req.headers.accept?.includes('text/html')) {
- return req.url;
- }
+ if (req.url?.includes('.')) return req.url;
},
},
+ '/bug': {
+ target: 'http://127.0.0.1:8002',
+ changeOrigin: true,
+ },
+ '/article': {
+ target: 'http://127.0.0.1:8002',
+ changeOrigin: true,
+ },
+ '/learn': {
+ target: 'http://127.0.0.1:8002',
+ changeOrigin: true,
+ },
+ '/history': {
+ target: 'http://127.0.0.1:8002',
+ changeOrigin: true,
+ },
+ '/message': {
+ target: 'http://127.0.0.1:8002',
+ changeOrigin: true,
+ },
+ '/chat': {
+ target: 'http://127.0.0.1:8002',
+ changeOrigin: true,
+ },
+ '/search': {
+ target: 'http://127.0.0.1:8002',
+ changeOrigin: true,
+ },
+ '/app': {
+ target: 'http://127.0.0.1:8002',
+ changeOrigin: true,
+ },
+ '/tool': {
+ target: 'http://127.0.0.1:8002',
+ changeOrigin: true,
+ },
+ '/logs': {
+ target: 'http://127.0.0.1:8002',
+ changeOrigin: true,
+ },
+ '/s': {
+ target: 'http://127.0.0.1:8002',
+ changeOrigin: true,
+ bypass: (req) => {
+ if (req.url?.startsWith('/src') || req.url?.includes('.')) return req.url;
+ },
+ },
+ '/i18n': {
+ target: 'http://127.0.0.1:8002',
+ changeOrigin: true,
+ },
},
},
plugins: [react()],
@@ -49,4 +93,4 @@ export default defineConfig({
'@': path.resolve(__dirname, './src'),
},
},
-})
+})
\ No newline at end of file
-
-
+ )}
+
+ {/* Step 1: Reset password */}
+ {step === 1 && (
+
);
};
-export default ForgotPassword;
+export default ForgotPassword;
\ No newline at end of file
diff --git a/src/utils/axios.ts b/src/utils/axios.ts
index 6548419..5830d8f 100644
--- a/src/utils/axios.ts
+++ b/src/utils/axios.ts
@@ -5,7 +5,7 @@ import axios, {
InternalAxiosRequestConfig,
} from "axios";
-const KF_API_URL = "/api";
+const KF_API_URL = "";
const KF_API_TIMEOUT = 10000;
const KF_CONFIG = {
diff --git a/src/utils/request.ts b/src/utils/request.ts
index 233339a..bc850a3 100644
--- a/src/utils/request.ts
+++ b/src/utils/request.ts
@@ -75,33 +75,33 @@ const request = {
const baidu = {
translate: {
baiduFanyi: (data?: object) =>
- request.normal.post("/baiduFanyi/", {
+ request.normal.post("/api/baiduFanyi/", {
...data,
}),
getTaskResult: (taskId: string) =>
- request.normal.get(`/baiduFanyi/task/${taskId}/`, {}, { timeout: 5000 }),
+ request.normal.get(`/api/baiduFanyi/task/${taskId}/`, {}, { timeout: 5000 }),
getAllLangType: () =>
- request.normal.get("/baiduFanyi/getAllLangType/"),
+ request.normal.get("/api/baiduFanyi/getAllLangType/"),
getAutoLangType: () =>
- request.normal.get("/baiduFanyi/getAutoLangType/"),
+ request.normal.get("/api/baiduFanyi/getAutoLangType/"),
getPictureLangType: () =>
- request.normal.get("/baiduFanyi/getPictureLangType/"),
+ request.normal.get("/api/baiduFanyi/getPictureLangType/"),
getSpeechLangType: (speechType?: string) =>
- request.normal.get("/baiduFanyi/getSpeechLangType/", { speech_type: speechType }),
+ request.normal.get("/api/baiduFanyi/getSpeechLangType/", { speech_type: speechType }),
recognizeLangType: (data: { q: string }) =>
- request.normal.post("/baiduFanyi/recognizeLangType/", data),
+ request.normal.post("/api/baiduFanyi/recognizeLangType/", data),
pictureRecognize: (formData: FormData, params?: Record
+
+
✉️ {email}
+
- }
+ setCode(e.target.value)}
- onPressEnter={handleKeyEnter}
- placeholder={t('forgotPassword.codePlaceholder')}
+ onKeyDown={(e) => e.key === 'Enter' && handleKeyEnter()}
maxLength={8}
/>
-
+
)}
+
+ {/* Step 2: Success */}
+ {step === 2 && resetSuccess && (
+
-
-
+ {[0, 1, 2].map((i) => (
+
+ ))}
+
+ {passwordStrength.text && (
+
+ {passwordStrength.text}
+
+ )}
+
+
+ {loading ? '...' : t('forgotPassword.resetPassword')}
+
-
-
+
+ )}
+
+ {/* Agreement */}
+ ✅
+ {t('forgotPassword.successTitle') || '密码重置成功！'}
+{t('forgotPassword.successDesc') || '你的密码已更新，现在可以使用新密码登录了'}
+ +
+ {t('forgotPassword.agreementPrefix') || '继续即表示你同意'}
+
+ {t('forgotPassword.agreementAnd') || '和'}
+
+