From 595394fcb758eac768194c8c3f403f525d024845 Mon Sep 17 00:00:00 2001
From: bwstudio <fenghuo@hotmail.com>
Date: Wed, 10 Jun 2026 07:30:49 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=89=8D=E5=90=8E=E5=8F=B0=E9=9D=99?=
 =?UTF-8?q?=E6=80=81=E8=B5=84=E6=BA=90=E8=B7=AF=E5=BE=84=E5=86=B2=E7=AA=81?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=20+=20=E7=94=A8=E6=88=B7=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修改 admin/vite.config.js 添加 base: '/admin/' 解决静态资源路径问题
- 修复后台 index.html 资源引用从 /assets/ → /admin/assets/
- 更新优化器默认 API 地址为服务器地址
- 添加友链管理相关代码
- 修复多处分类管理页面
---
 admin/src/api/request.js                   |   2 +-
 admin/src/layout/index.vue                 |   1 +
 admin/src/views/category/Crowd.vue         |  38 +++-
 admin/src/views/category/Type.vue          |  41 +++-
 admin/src/views/feedback/List.vue          |  37 +++-
 admin/src/views/links/List.vue             |  36 +++-
 admin/vite.config.js                       |   1 +
 api/app/models/joke.py                     |   7 +-
 api/app/models/link.py                     |   2 +
 api/app/routers/auth.py                    |  17 +-
 api/app/routers/jokes.py                   | 126 +++++++++----
 api/app/routers/links.py                   |  30 ++-
 api/app/schemas/joke.py                    |  20 ++
 api/app/schemas/link.py                    |  12 +-
 api/main.py                                |   2 +
 api/requirements.txt                       |   1 +
 optimizer/main.py                          |   4 +-
 optimizer/optimizer.py                     | 110 +++++++----
 web/src/api/link.js                        |   4 +-
 web/src/views/detail/index.vue             |  94 +++++++++-
 web/src/views/home/components/JokeCard.vue |  49 ++++-
 web/src/views/links/index.vue              | 206 ++++++++++++++++++++-
 22 files changed, 740 insertions(+), 100 deletions(-)

diff --git a/admin/src/api/request.js b/admin/src/api/request.js
index ae664ea..0d43858 100644
--- a/admin/src/api/request.js
+++ b/admin/src/api/request.js
@@ -18,7 +18,7 @@ request.interceptors.response.use(
   err => {
     if (err.response?.status === 401) {
       localStorage.removeItem('token')
-      window.location.href = '/login'
+      window.location.href = '/admin/login'
     }
     return Promise.reject(err)
   }
diff --git a/admin/src/layout/index.vue b/admin/src/layout/index.vue
index 927d783..ff21785 100644
--- a/admin/src/layout/index.vue
+++ b/admin/src/layout/index.vue
@@ -33,6 +33,7 @@
           <el-menu-item index="/settings">AI 配置</el-menu-item>
           <el-menu-item index="/links">友链管理</el-menu-item>
           <el-menu-item index="/feedbacks">反馈管理</el-menu-item>
+          <el-menu-item index="/users">用户管理</el-menu-item>
         </el-sub-menu>
       </el-menu>
     </el-aside>
diff --git a/admin/src/views/category/Crowd.vue b/admin/src/views/category/Crowd.vue
index 4fa6bc9..34d3332 100644
--- a/admin/src/views/category/Crowd.vue
+++ b/admin/src/views/category/Crowd.vue
@@ -4,7 +4,23 @@
       <h2>人群管理</h2>
       <el-button type="primary" @click="dialogVisible = true; form = {}">添加</el-button>
     </div>
-    <el-table :data="crowds" style="margin-top: 20px">
+
+    <div class="search-bar">
+      <el-input
+        v-model="searchKeyword"
+        placeholder="搜索名称..."
+        clearable
+        style="width: 200px"
+        @input="handleSearch"
+      >
+        <template #prefix>
+          <span>🔍</span>
+        </template>
+      </el-input>
+      <span class="result-count">共 {{ filteredCrowds.length }} 条</span>
+    </div>
+
+    <el-table :data="filteredCrowds" style="margin-top: 16px">
       <el-table-column prop="id" label="ID" width="80" />
       <el-table-column prop="name" label="名称" />
       <el-table-column prop="sort_order" label="排序" width="100" />
@@ -34,15 +50,23 @@
 </template>
 
 <script setup>
-import { ref, onMounted } from 'vue'
+import { ref, computed, onMounted } from 'vue'
 import { getCrowds, createCrowd, updateCrowd, deleteCrowd } from '@/api/category'
 import { ElMessage, ElMessageBox } from 'element-plus'
 
 const crowds = ref([])
 const dialogVisible = ref(false)
 const form = ref({})
+const searchKeyword = ref('')
+
+const filteredCrowds = computed(() => {
+  if (!searchKeyword.value) return crowds.value
+  const kw = searchKeyword.value.toLowerCase()
+  return crowds.value.filter(c => c.name.toLowerCase().includes(kw))
+})
 
 const loadData = async () => { crowds.value = await getCrowds() }
+const handleSearch = () => { /* computed property handles filtering */ }
 const handleEdit = (row) => { form.value = { ...row }; dialogVisible.value = true }
 const handleSave = async () => {
   form.value.id ? await updateCrowd(form.value.id, form.value) : await createCrowd(form.value)
@@ -60,4 +84,14 @@ onMounted(() => loadData())
 
 <style scoped>
 .header { display: flex; justify-content: space-between; align-items: center; }
+.search-bar {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-top: 16px;
+}
+.result-count {
+  color: #909399;
+  font-size: 13px;
+}
 </style>
diff --git a/admin/src/views/category/Type.vue b/admin/src/views/category/Type.vue
index 90060ae..ff84b8e 100644
--- a/admin/src/views/category/Type.vue
+++ b/admin/src/views/category/Type.vue
@@ -4,7 +4,23 @@
       <h2>类型管理</h2>
       <el-button type="primary" @click="dialogVisible = true; form = {}">添加</el-button>
     </div>
-    <el-table :data="types" style="margin-top: 20px">
+
+    <div class="search-bar">
+      <el-input
+        v-model="searchKeyword"
+        placeholder="搜索名称..."
+        clearable
+        style="width: 200px"
+        @input="handleSearch"
+      >
+        <template #prefix>
+          <span>🔍</span>
+        </template>
+      </el-input>
+      <span class="result-count">共 {{ filteredTypes.length }} 条</span>
+    </div>
+
+    <el-table :data="paginatedTypes" style="margin-top: 16px">
       <el-table-column prop="id" label="ID" width="80" />
       <el-table-column prop="name" label="名称" />
       <el-table-column prop="sort_order" label="排序" width="100" />
@@ -34,15 +50,26 @@
 </template>
 
 <script setup>
-import { ref, onMounted } from 'vue'
+import { ref, computed, onMounted } from 'vue'
 import { getTypes, createType, updateType, deleteType } from '@/api/category'
 import { ElMessage, ElMessageBox } from 'element-plus'
 
 const types = ref([])
 const dialogVisible = ref(false)
 const form = ref({})
+const searchKeyword = ref('')
+const searchResults = ref([])
+
+const filteredTypes = computed(() => {
+  if (!searchKeyword.value) return types.value
+  const kw = searchKeyword.value.toLowerCase()
+  return types.value.filter(t => t.name.toLowerCase().includes(kw))
+})
+
+const paginatedTypes = computed(() => filteredTypes.value)
 
 const loadData = async () => { types.value = await getTypes() }
+const handleSearch = () => { /* computed property handles filtering */ }
 const handleEdit = (row) => { form.value = { ...row }; dialogVisible.value = true }
 const handleSave = async () => {
   form.value.id ? await updateType(form.value.id, form.value) : await createType(form.value)
@@ -60,4 +87,14 @@ onMounted(() => loadData())
 
 <style scoped>
 .header { display: flex; justify-content: space-between; align-items: center; }
+.search-bar {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-top: 16px;
+}
+.result-count {
+  color: #909399;
+  font-size: 13px;
+}
 </style>
diff --git a/admin/src/views/feedback/List.vue b/admin/src/views/feedback/List.vue
index ebdfd19..c250f0a 100644
--- a/admin/src/views/feedback/List.vue
+++ b/admin/src/views/feedback/List.vue
@@ -3,7 +3,20 @@
     <div class="header">
       <h2>反馈管理</h2>
     </div>
-    <el-table :data="feedbacks" v-loading="loading" style="margin-top: 20px">
+
+    <div class="search-bar">
+      <el-input
+        v-model="searchKeyword"
+        placeholder="搜索名称/内容..."
+        clearable
+        style="width: 240px"
+      >
+        <template #prefix><span>🔍</span></template>
+      </el-input>
+      <span class="result-count">共 {{ filteredFeedbacks.length }} 条</span>
+    </div>
+
+    <el-table :data="filteredFeedbacks" v-loading="loading" style="margin-top: 16px">
       <el-table-column prop="id" label="ID" width="60" />
       <el-table-column prop="name" label="名称" width="120" />
       <el-table-column prop="email" label="邮箱" width="200" />
@@ -19,12 +32,22 @@
 </template>
 
 <script setup>
-import { ref, onMounted } from 'vue'
+import { ref, computed, onMounted } from 'vue'
 import { getFeedbacks, deleteFeedback } from '@/api/feedback'
 import { ElMessage, ElMessageBox } from 'element-plus'
 
 const feedbacks = ref([])
 const loading = ref(false)
+const searchKeyword = ref('')
+
+const filteredFeedbacks = computed(() => {
+  if (!searchKeyword.value) return feedbacks.value
+  const kw = searchKeyword.value.toLowerCase()
+  return feedbacks.value.filter(f =>
+    (f.name && f.name.toLowerCase().includes(kw)) ||
+    (f.content && f.content.toLowerCase().includes(kw))
+  )
+})
 
 const loadFeedbacks = async () => {
   loading.value = true
@@ -51,4 +74,14 @@ onMounted(() => loadFeedbacks())
   justify-content: space-between;
   align-items: center;
 }
+.search-bar {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-top: 16px;
+}
+.result-count {
+  color: #909399;
+  font-size: 13px;
+}
 </style>
\ No newline at end of file
diff --git a/admin/src/views/links/List.vue b/admin/src/views/links/List.vue
index e714d42..e550ca0 100644
--- a/admin/src/views/links/List.vue
+++ b/admin/src/views/links/List.vue
@@ -4,7 +4,20 @@
       <h2>友链管理</h2>
       <el-button type="primary" @click="$router.push('/links/edit')">添加友链</el-button>
     </div>
-    <el-table :data="links" v-loading="loading" style="margin-top: 20px">
+
+    <div class="search-bar">
+      <el-input
+        v-model="searchKeyword"
+        placeholder="搜索名称/URL..."
+        clearable
+        style="width: 240px"
+      >
+        <template #prefix><span>🔍</span></template>
+      </el-input>
+      <span class="result-count">共 {{ filteredLinks.length }} 条</span>
+    </div>
+
+    <el-table :data="filteredLinks" v-loading="loading" style="margin-top: 16px">
       <el-table-column prop="id" label="ID" width="60" />
       <el-table-column prop="name" label="名称" />
       <el-table-column prop="url" label="URL" min-width="200">
@@ -26,12 +39,21 @@
 </template>
 
 <script setup>
-import { ref, onMounted } from 'vue'
+import { ref, computed, onMounted } from 'vue'
 import { getLinks, deleteLink } from '@/api/link'
 import { ElMessage, ElMessageBox } from 'element-plus'
 
 const links = ref([])
 const loading = ref(false)
+const searchKeyword = ref('')
+
+const filteredLinks = computed(() => {
+  if (!searchKeyword.value) return links.value
+  const kw = searchKeyword.value.toLowerCase()
+  return links.value.filter(l =>
+    l.name.toLowerCase().includes(kw) || l.url.toLowerCase().includes(kw)
+  )
+})
 
 const loadLinks = async () => {
   loading.value = true
@@ -58,4 +80,14 @@ onMounted(() => loadLinks())
   justify-content: space-between;
   align-items: center;
 }
+.search-bar {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-top: 16px;
+}
+.result-count {
+  color: #909399;
+  font-size: 13px;
+}
 </style>
\ No newline at end of file
diff --git a/admin/vite.config.js b/admin/vite.config.js
index 2c11a7f..2b5648a 100644
--- a/admin/vite.config.js
+++ b/admin/vite.config.js
@@ -9,6 +9,7 @@ export default defineConfig({
       '@': path.resolve(__dirname, './src')
     }
   },
+  base: '/admin/',
   server: {
     port: 3001,
     proxy: {
diff --git a/api/app/models/joke.py b/api/app/models/joke.py
index 21d8f25..16cc986 100644
--- a/api/app/models/joke.py
+++ b/api/app/models/joke.py
@@ -1,4 +1,4 @@
-from sqlalchemy import Column, Integer, String, Text, DateTime, ForeignKey
+from sqlalchemy import Column, Integer, String, Text, DateTime, Float, ForeignKey
 from sqlalchemy.orm import relationship
 from sqlalchemy.sql import func
 
@@ -12,7 +12,12 @@ class Joke(Base):
     id = Column(Integer, primary_key=True, autoincrement=True)
     title = Column(String(200), nullable=False)
     content = Column(Text, nullable=False)
+    # AI 润色后的内容
     polished_content = Column(Text, nullable=True)
+    # AI 评分 (1-10)
+    ai_score = Column(Float, nullable=True)
+    # AI 质量等级: excellent/good/ordinary/poor
+    ai_level = Column(String(20), nullable=True)
     type_ids = Column(Text, nullable=True)
     crowd_ids = Column(Text, nullable=True)
     type_id = Column(Integer, ForeignKey("joke_types.id"), nullable=True)
diff --git a/api/app/models/link.py b/api/app/models/link.py
index 259e321..b9e4521 100644
--- a/api/app/models/link.py
+++ b/api/app/models/link.py
@@ -11,4 +11,6 @@ class Link(Base):
     url = Column(String(500), nullable=False)
     description = Column(String(200), nullable=True)
     sort_order = Column(Integer, default=0)
+    status = Column(String(20), default="approved")  # approved=已通过, pending=待审核
+    contact = Column(String(100), nullable=True)       # 申请联系方式
     created_at = Column(DateTime, default=func.now())
\ No newline at end of file
diff --git a/api/app/routers/auth.py b/api/app/routers/auth.py
index bc73ba5..ea03b95 100644
--- a/api/app/routers/auth.py
+++ b/api/app/routers/auth.py
@@ -9,10 +9,11 @@ from app.config import JWT_ALGORITHM, JWT_EXPIRATION_HOURS, JWT_SECRET_KEY
 from app.database import get_db
 from app.models.user import AdminUser
 from app.schemas.auth import LoginRequest, TokenResponse
+from app.schemas.user import UserCreate, UserResponse, UserRegister
 
 router = APIRouter(prefix="/auth", tags=["认证"])
 
-
+# 已存在的函数保持不变...
 def verify_password(plain_password: str, hashed_password: str) -> bool:
     """验证密码"""
     return bcrypt.checkpw(plain_password.encode(), hashed_password.encode())
@@ -27,11 +28,21 @@ def create_access_token(data: dict) -> str:
     return encoded_jwt
 
 
+def hash_password(password: str) -> str:
+    """哈希密码"""
+    return bcrypt.hashpw(password.encode(), bcrypt.gensalt()).decode()
+
+
+def get_current_user():
+    """获取当前用户（保留用于后续权限控制）"""
+    pass
+
+
 @router.post("/login", response_model=TokenResponse)
 def login(req: LoginRequest, db: Session = Depends(get_db)):
-    """管理员登录"""
+    """登录"""
     user = db.query(AdminUser).filter(AdminUser.username == req.username).first()
     if not user or not verify_password(req.password, user.password_hash):
         raise HTTPException(status_code=401, detail="用户名或密码错误")
-    access_token = create_access_token(data={"sub": str(user.id), "username": user.username})
+    access_token = create_access_token(data={"sub": str(user.id), "username": user.username, "role": user.role})
     return TokenResponse(access_token=access_token)
\ No newline at end of file
diff --git a/api/app/routers/jokes.py b/api/app/routers/jokes.py
index dbe4d0c..1d40f00 100644
--- a/api/app/routers/jokes.py
+++ b/api/app/routers/jokes.py
@@ -2,7 +2,7 @@ import json
 import random
 
 from fastapi import APIRouter, Depends, HTTPException, Query
-from sqlalchemy import func
+from sqlalchemy import func, text
 from sqlalchemy.orm import Session
 
 from app.database import get_db
@@ -24,26 +24,49 @@ def _parse_ids(raw) -> list[int]:
         return []
 
 
-def _get_type_names(db: Session, ids: list[int]) -> list[str]:
-    if not ids:
-        return []
-    rows = db.query(JokeType).filter(JokeType.id.in_(ids)).all()
-    return [r.name for r in rows]
+def _batch_load_categories(db: Session, jokes: list[Joke]) -> tuple[dict, dict]:
+    """批量加载类型和人群名称，避免 N+1 查询"""
+    # 收集所有需要的 id
+    all_type_ids = set()
+    all_crowd_ids = set()
+    for joke in jokes:
+        all_type_ids.update(_parse_ids(joke.type_ids))
+        all_crowd_ids.update(_parse_ids(joke.crowd_ids))
+
+    # 批量查询
+    type_map = {}
+    if all_type_ids:
+        types = db.query(JokeType).filter(JokeType.id.in_(all_type_ids)).all()
+        type_map = {t.id: t.name for t in types}
+
+    crowd_map = {}
+    if all_crowd_ids:
+        crowds = db.query(JokeCrowd).filter(JokeCrowd.id.in_(all_crowd_ids)).all()
+        crowd_map = {c.id: c.name for c in crowds}
+
+    return type_map, crowd_map
 
 
-def _get_crowd_names(db: Session, ids: list[int]) -> list[str]:
-    if not ids:
-        return []
-    rows = db.query(JokeCrowd).filter(JokeCrowd.id.in_(ids)).all()
-    return [r.name for r in rows]
+def joke_to_response(joke: Joke, type_map: dict = None, crowd_map: dict = None) -> JokeResponse:
+    """Convert Joke model to JokeResponse schema.
 
-
-def joke_to_response(joke: Joke, db: Session = None) -> JokeResponse:
-    """Convert Joke model to JokeResponse schema."""
+    Args:
+        type_map: 预加载的类型 id→name 映射
+        crowd_map: 预加载的人群 id→name 映射
+    """
     ids = _parse_ids(joke.type_ids)
     crowd_ids = _parse_ids(joke.crowd_ids)
-    type_names = _get_type_names(db, ids) if db else []
-    crowd_names = _get_crowd_names(db, crowd_ids) if db else []
+
+    if type_map is not None:
+        type_names = [type_map[i] for i in ids if i in type_map]
+    else:
+        type_names = []
+
+    if crowd_map is not None:
+        crowd_names = [crowd_map[i] for i in crowd_ids if i in crowd_map]
+    else:
+        crowd_names = []
+
     return JokeResponse(
         id=joke.id,
         title=joke.title,
@@ -57,9 +80,25 @@ def joke_to_response(joke: Joke, db: Session = None) -> JokeResponse:
         updated_at=joke.updated_at,
         type_names=type_names,
         crowd_names=crowd_names,
+        polished_content=joke.polished_content,
+        ai_score=joke.ai_score,
+        ai_level=joke.ai_level,
     )
 
 
+def _build_json_filter(column, target_ids: set[int]) -> list:
+    """构建精确的 JSON 数组匹配过滤器（SQLite）"""
+    filters = []
+    for tid in target_ids:
+        # 匹配 [n,...] 或 [...,n,...] 或 [...,n]
+        # 使用 JSON_EACH 函数检查
+        json_str = json.dumps(tid)
+        filters.append(
+            func.json_extract(column, '$').cast(type(target_ids)).contains(tid)
+        )
+    return filters
+
+
 @router.get("/", response_model=PaginatedJokeResponse)
 def list_jokes(
     page: int = 1,
@@ -72,38 +111,49 @@ def list_jokes(
     query = db.query(Joke).filter(Joke.status == "approved")
 
     # 支持多选过滤：逗号分隔的 ID
+    # 使用自定义 JSON 匹配函数避免 LIKE %N% 的错误匹配
     if type_ids:
         filter_set = {int(x.strip()) for x in type_ids.split(",") if x.strip().isdigit()}
         if filter_set:
-            # 兼容旧单值字段 type_id
+            # 使用文本匹配，确保精确匹配 JSON 数组中的 id
+            # 匹配模式：[1,2,3] 或 [1] 或带尾部逗号的
+            type_filters = []
+            for tid in filter_set:
+                # 构建精确匹配的正则：在逗号、引号、方括号包围中的数字
+                import re
+                pattern = rf'["\s\[,]{tid}[",\s\]]'
+                type_filters.append(Joke.type_ids.regexp_match(pattern))
+            # 只要匹配任一类型即可
+            type_filter = type_filters[0]
+            for f in type_filters[1:]:
+                type_filter = type_filter | f
+            # 还需要兼容旧的单值 type_id 字段
             old_filter = Joke.type_id.in_(filter_set)
-            # 兼容新数组字段 type_ids（JSON 包含任一）
-            new_filter = [
-                Joke.type_ids.contains(str(tid)) for tid in filter_set
-            ]
-            combined = old_filter
-            for nf in new_filter:
-                combined = combined | nf
-            query = query.filter(combined)
+            query = query.filter(old_filter | type_filter)
 
     if crowd_ids:
         filter_set = {int(x.strip()) for x in crowd_ids.split(",") if x.strip().isdigit()}
         if filter_set:
+            import re
+            crowd_filters = []
+            for cid in filter_set:
+                pattern = rf'["\s\[,]{cid}[",\s\]]'
+                crowd_filters.append(Joke.crowd_ids.regexp_match(pattern))
+            crowd_filter = crowd_filters[0]
+            for f in crowd_filters[1:]:
+                crowd_filter = crowd_filter | f
             old_filter = Joke.crowd_id.in_(filter_set)
-            new_filter = [
-                Joke.crowd_ids.contains(str(cid)) for cid in filter_set
-            ]
-            combined = old_filter
-            for nf in new_filter:
-                combined = combined | nf
-            query = query.filter(combined)
+            query = query.filter(old_filter | crowd_filter)
 
     total = query.count()
     offset = (page - 1) * page_size
     jokes = query.order_by(Joke.created_at.desc()).offset(offset).limit(page_size).all()
 
+    # 批量预加载类型和人群名称
+    type_map, crowd_map = _batch_load_categories(db, jokes)
+
     return PaginatedJokeResponse(
-        items=[joke_to_response(j, db) for j in jokes],
+        items=[joke_to_response(j, type_map, crowd_map) for j in jokes],
         total=total,
         page=page,
         page_size=page_size,
@@ -125,7 +175,9 @@ def get_joke(joke_id: int, db: Session = Depends(get_db)):
     db.commit()
     # 重新查询获取更新后的数据
     db.refresh(joke)
-    return joke_to_response(joke, db)
+    # 批量加载类型和人群名称
+    type_map, crowd_map = _batch_load_categories(db, [joke])
+    return joke_to_response(joke, type_map, crowd_map)
 
 
 @router.get("/random", response_model=JokeResponse)
@@ -144,13 +196,15 @@ def get_random_joke(db: Session = Depends(get_db)):
             Joke.status == "approved"
         ).first()
         if joke:
-            return joke_to_response(joke, db)
+            type_map, crowd_map = _batch_load_categories(db, [joke])
+            return joke_to_response(joke, type_map, crowd_map)
 
     # 兜底：全表随机
     joke = db.query(Joke).filter(Joke.status == "approved").order_by(func.random()).first()
     if not joke:
         raise HTTPException(status_code=404, detail="暂无笑话")
-    return joke_to_response(joke, db)
+    type_map, crowd_map = _batch_load_categories(db, [joke])
+    return joke_to_response(joke, type_map, crowd_map)
 
 
 @router.post("/{joke_id}/like")
diff --git a/api/app/routers/links.py b/api/app/routers/links.py
index c224519..b4f2c66 100644
--- a/api/app/routers/links.py
+++ b/api/app/routers/links.py
@@ -3,12 +3,36 @@ from sqlalchemy.orm import Session
 
 from app.database import get_db
 from app.models.link import Link
-from app.schemas.link import LinkCreate, LinkResponse
+from app.schemas.link import LinkCreate, LinkResponse, LinkApply
 
 router = APIRouter(tags=["友情链接"])
 
 
 @router.get("/links", response_model=list[LinkResponse])
 def list_links(db: Session = Depends(get_db)):
-    """公开：获取所有友情链接"""
-    return db.query(Link).order_by(Link.sort_order, Link.id).all()
\ No newline at end of file
+    """公开：获取已通过审核的友情链接"""
+    return db.query(Link).filter(Link.status == "approved").order_by(Link.sort_order, Link.id).all()
+
+
+@router.post("/links/apply", response_model=LinkResponse)
+def apply_link(link_data: LinkApply, db: Session = Depends(get_db)):
+    """公开：申请友链"""
+    # 检查是否已存在同名或同URL的申请/已通过友链
+    existing = db.query(Link).filter(
+        (Link.name == link_data.name) | (Link.url == link_data.url)
+    ).first()
+    if existing:
+        return existing  # 已存在则返回已有记录
+
+    link = Link(
+        name=link_data.name,
+        url=link_data.url,
+        description=link_data.description,
+        contact=link_data.contact,
+        status="pending",
+        sort_order=999,  # 新申请放在最后
+    )
+    db.add(link)
+    db.commit()
+    db.refresh(link)
+    return link
\ No newline at end of file
diff --git a/api/app/schemas/joke.py b/api/app/schemas/joke.py
index 43bdcbb..1457aa5 100644
--- a/api/app/schemas/joke.py
+++ b/api/app/schemas/joke.py
@@ -18,6 +18,8 @@ class JokeUpdate(BaseModel):
     title: str | None = None
     content: str | None = None
     polished_content: str | None = None
+    ai_score: float | None = None
+    ai_level: str | None = None
     type_ids: list[int] | None = None
     crowd_ids: list[int] | None = None
     status: str | None = None
@@ -27,6 +29,9 @@ class JokeResponse(JokeBase):
     id: int
     status: str
     polished_content: str | None = None
+    # AI 评价字段
+    ai_score: float | None = None
+    ai_level: str | None = None
     view_count: int
     like_count: int
     created_at: datetime
@@ -37,6 +42,21 @@ class JokeResponse(JokeBase):
     class Config:
         from_attributes = True
 
+    @property
+    def display_content(self) -> str:
+        """优先显示润色后的内容"""
+        return self.polished_content if self.polished_content else self.content
+
+    def get_level_display(self) -> str:
+        """获取 AI 评级的中文显示"""
+        level_map = {
+            'excellent': '⭐⭐⭐ 精品',
+            'good': '⭐⭐ 良好',
+            'ordinary': '⭐ 普通',
+            'poor': '⚠️ 待优化'
+        }
+        return level_map.get(self.ai_level, '') if self.ai_level else ''
+
 
 class PaginatedJokeResponse(BaseModel):
     items: list[JokeResponse]
diff --git a/api/app/schemas/link.py b/api/app/schemas/link.py
index 9b8f5d4..e0c6990 100644
--- a/api/app/schemas/link.py
+++ b/api/app/schemas/link.py
@@ -1,6 +1,6 @@
 from datetime import datetime
 
-from pydantic import BaseModel
+from pydantic import BaseModel, HttpUrl
 
 
 class LinkCreate(BaseModel):
@@ -10,8 +10,18 @@ class LinkCreate(BaseModel):
     sort_order: int = 0
 
 
+class LinkApply(BaseModel):
+    """友链申请"""
+    name: str
+    url: str
+    description: str | None = None
+    contact: str | None = None  # 联系方式
+
+
 class LinkResponse(LinkCreate):
     id: int
+    status: str
+    contact: str | None = None
     created_at: datetime
 
     class Config:
diff --git a/api/main.py b/api/main.py
index 6c6101d..841dfa8 100644
--- a/api/main.py
+++ b/api/main.py
@@ -3,6 +3,7 @@ from fastapi.middleware.cors import CORSMiddleware
 
 from app.config import API_TITLE, API_VERSION
 from app.routers import jokes_router, categories_router, auth_router, admin_router, settings_router, links_router, feedback_router, generate_router
+from app.routers.submit import router as submit_router
 from app.database import Base, engine
 from app.models.setting import AiSetting
 from app.models.link import Link
@@ -32,6 +33,7 @@ app.include_router(settings_router, prefix="/api")
 app.include_router(links_router, prefix="/api")
 app.include_router(feedback_router, prefix="/api")
 app.include_router(generate_router, prefix="/api")
+app.include_router(submit_router, prefix="/api/jokes")  # 公开提交接口
 
 
 @app.get("/")
diff --git a/api/requirements.txt b/api/requirements.txt
index 0590bc7..47939b0 100644
--- a/api/requirements.txt
+++ b/api/requirements.txt
@@ -1,5 +1,6 @@
 fastapi==0.109.0
 uvicorn[standard]==0.27.0
+gunicorn==21.2.0
 sqlalchemy==2.0.25
 pydantic==2.5.3
 python-jose[cryptography]==3.3.0
diff --git a/optimizer/main.py b/optimizer/main.py
index ce86508..a506f56 100644
--- a/optimizer/main.py
+++ b/optimizer/main.py
@@ -25,8 +25,8 @@ def parse_args():
     parser.add_argument(
         "--api-url",
         type=str,
-        default=os.getenv("API_URL", "http://localhost:8001"),
-        help="API 地址（默认: http://localhost:8001）",
+        default=os.getenv("API_URL", "http://39.104.58.51"),
+        help="API 地址（默认: http://39.104.58.51）",
     )
     parser.add_argument(
         "--username",
diff --git a/optimizer/optimizer.py b/optimizer/optimizer.py
index 2ae1f45..9cd02a1 100644
--- a/optimizer/optimizer.py
+++ b/optimizer/optimizer.py
@@ -120,30 +120,34 @@ class Optimizer:
     # === Stage 1: 质量检测 ===
     def quality_check(self, content: str) -> dict:
         """判断笑话是否有笑点，返回 {"has_punchline": bool, "reason": str}"""
-        resp = self.ai_client.chat.completions.create(
-            model=self.model_name,
-            messages=[
-                {"role": "system", "content": QUALITY_CHECK_SYSTEM_PROMPT},
-                {"role": "user", "content": QUALITY_CHECK_USER_PROMPT.format(content=content[:2000])},
-            ],
-            temperature=0.3,
-            max_tokens=200,
-        )
+        def _call():
+            return self.ai_client.chat.completions.create(
+                model=self.model_name,
+                messages=[
+                    {"role": "system", "content": QUALITY_CHECK_SYSTEM_PROMPT},
+                    {"role": "user", "content": QUALITY_CHECK_USER_PROMPT.format(content=content[:2000])},
+                ],
+                temperature=0.3,
+                max_tokens=200,
+            )
+        resp = self._safe_api_call(_call)
         raw = resp.choices[0].message.content.strip()
         return self._parse_json(raw, {"has_punchline": True, "reason": ""})
 
     # === Stage 2: AI 润色 ===
     def polish(self, content: str) -> str:
         """润色笑话内容"""
-        resp = self.ai_client.chat.completions.create(
-            model=self.model_name,
-            messages=[
-                {"role": "system", "content": POLISH_SYSTEM_PROMPT},
-                {"role": "user", "content": POLISH_USER_PROMPT.format(content=content)},
-            ],
-            temperature=0.8,
-            max_tokens=1024,
-        )
+        def _call():
+            return self.ai_client.chat.completions.create(
+                model=self.model_name,
+                messages=[
+                    {"role": "system", "content": POLISH_SYSTEM_PROMPT},
+                    {"role": "user", "content": POLISH_USER_PROMPT.format(content=content)},
+                ],
+                temperature=0.8,
+                max_tokens=1024,
+            )
+        resp = self._safe_api_call(_call)
         return resp.choices[0].message.content.strip()
 
     # === Stage 3: 评价分类 ===
@@ -152,19 +156,21 @@ class Optimizer:
         type_names = [t.get("name", "") for t in self.types]
         crowd_names = [c.get("name", "") for c in self.crowds]
 
-        resp = self.ai_client.chat.completions.create(
-            model=self.model_name,
-            messages=[
-                {"role": "system", "content": EVALUATE_SYSTEM_PROMPT},
-                {"role": "user", "content": EVALUATE_USER_PROMPT.format(
-                    content=content[:2000],
-                    known_types=", ".join(type_names),
-                    known_crowds=", ".join(crowd_names),
-                )},
-            ],
-            temperature=0.3,
-            max_tokens=300,
-        )
+        def _call():
+            return self.ai_client.chat.completions.create(
+                model=self.model_name,
+                messages=[
+                    {"role": "system", "content": EVALUATE_SYSTEM_PROMPT},
+                    {"role": "user", "content": EVALUATE_USER_PROMPT.format(
+                        content=content[:2000],
+                        known_types=", ".join(type_names),
+                        known_crowds=", ".join(crowd_names),
+                    )},
+                ],
+                temperature=0.3,
+                max_tokens=300,
+            )
+        resp = self._safe_api_call(_call)
         raw = resp.choices[0].message.content.strip()
         result = self._parse_json(raw, {"types": [], "crowds": [], "score": 5, "comment": ""})
         # Backward compatibility: if LLM returns old single format, convert to array
@@ -175,6 +181,27 @@ class Optimizer:
         return result
 
     # === 辅助方法 ===
+    def _safe_api_call(self, func, *args, max_retries: int = 3, **kwargs):
+        """带重试的 API 调用，自动处理限流"""
+        import time as time_module
+        last_error = None
+        for attempt in range(max_retries):
+            try:
+                return func(*args, **kwargs)
+            except Exception as e:
+                last_error = e
+                error_str = str(e)
+                # 检查是否是限流错误
+                if "429" in error_str or "rate" in error_str.lower():
+                    wait_time = (attempt + 1) * 30  # 30, 60, 90 秒
+                    print(f"  [!] API 限流，等待 {wait_time} 秒后重试 ({attempt+1}/{max_retries})...")
+                    time_module.sleep(wait_time)
+                else:
+                    # 其他错误，直接重试一次
+                    if attempt < max_retries - 1:
+                        time_module.sleep(5)
+        raise last_error
+
     def _parse_json(self, raw: str, default: dict) -> dict:
         """安全解析 LLM 返回的 JSON"""
         try:
@@ -266,12 +293,28 @@ class Optimizer:
             crowd_names = []
             score = None
 
+        # 根据评分计算 AI 等级
+        ai_level = None
+        if score is not None:
+            if score >= 8:
+                ai_level = "excellent"
+            elif score >= 6:
+                ai_level = "good"
+            elif score >= 4:
+                ai_level = "ordinary"
+            else:
+                ai_level = "poor"
+
         # 保存更新
         try:
             update = {
                 "polished_content": polished,
                 "status": "approved" if (score or 5) >= 4 else "pending",
             }
+            if score is not None:
+                update["ai_score"] = float(score)
+            if ai_level:
+                update["ai_level"] = ai_level
             if type_names:
                 update["type_ids"] = []
                 for n in type_names:
@@ -325,9 +368,10 @@ class Optimizer:
                 print(f"  [!] 处理异常: {e}")
                 self.stats["skipped"] += 1
 
-            # 每条间稍等，避免 API 限流
+            # 每条间稍等，避免 API 限流（每次请求间隔 2-3 秒）
             if idx < len(jokes) - 1:
-                time.sleep(1)
+                import time
+                time.sleep(2)
 
         # 输出统计
         print(f"\n{'='*40}")
diff --git a/web/src/api/link.js b/web/src/api/link.js
index 211a643..e8ba212 100644
--- a/web/src/api/link.js
+++ b/web/src/api/link.js
@@ -1,3 +1,5 @@
 import request from '@/api/request'
 
-export const getLinks = () => request.get('/links')
\ No newline at end of file
+export const getLinks = () => request.get('/links')
+
+export const applyLink = (data) => request.post('/links/apply', data)
\ No newline at end of file
diff --git a/web/src/views/detail/index.vue b/web/src/views/detail/index.vue
index 918f162..49ef2dd 100644
--- a/web/src/views/detail/index.vue
+++ b/web/src/views/detail/index.vue
@@ -7,11 +7,28 @@
         <span class="tag tag-crowd" v-for="(name, i) in (joke.crowd_names||[])" :key="'c'+i">{{ name }}</span>
       </div>
 
-      <!-- 标题 -->
-      <h1 class="detail-title">{{ joke.title }}</h1>
+      <!-- 标题 + AI评价 -->
+      <div class="title-row">
+        <h1 class="detail-title">{{ joke.title }}</h1>
+        <span v-if="joke.ai_level" class="ai-badge" :class="'ai-' + joke.ai_level">
+          {{ getLevelText(joke.ai_level) }}
+        </span>
+      </div>
 
-      <!-- 内容 -->
-      <div class="detail-content">{{ joke.content }}</div>
+      <!-- 内容：优先显示润色内容 -->
+      <div class="detail-content">
+        <template v-if="joke.polished_content">
+          <div class="polished-label">✨ AI 润色版</div>
+          {{ joke.polished_content }}
+        </template>
+        <template v-else>{{ joke.content }}</template>
+      </div>
+
+      <!-- 原始内容（如果有润色） -->
+      <details v-if="joke.polished_content" class="original-content">
+        <summary>查看原文</summary>
+        {{ joke.content }}
+      </details>
 
       <!-- 操作栏 -->
       <div class="detail-actions">
@@ -33,6 +50,8 @@
         </button>
         <span class="sep">|</span>
         <span>{{ formatDate(joke.created_at) }}</span>
+        <span v-if="joke.ai_score" class="sep">|</span>
+        <span v-if="joke.ai_score" class="ai-score">评分: {{ joke.ai_score.toFixed(1) }}</span>
       </div>
     </div>
   </div>
@@ -106,6 +125,16 @@ const formatDate = (dateStr) => {
   return new Date(dateStr).toLocaleDateString('zh-CN', { year: 'numeric', month: 'long', day: 'numeric' })
 }
 
+function getLevelText(level) {
+  const map = {
+    'excellent': '⭐⭐⭐ 精品',
+    'good': '⭐⭐ 良好',
+    'ordinary': '⭐ 普通',
+    'poor': '⚠️ 待优化'
+  }
+  return map[level] || ''
+}
+
 onMounted(() => loadJoke())
 
 watch(() => route.params.id, () => loadJoke())
@@ -131,7 +160,60 @@ watch(() => route.params.id, () => loadJoke())
   transition: background 0.3s, box-shadow 0.3s;
 }
 
-.detail-tags { display: flex; gap: 10px; }
+.detail-tags { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
+
+/* 标题行：标题 + AI评价右对齐 */
+.title-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+}
+
+/* AI 评价徽章 */
+.ai-badge {
+  font-size: 13px;
+  padding: 4px 14px;
+  border-radius: 14px;
+  font-weight: 600;
+  white-space: nowrap;
+  flex-shrink: 0;
+}
+.ai-excellent { background: linear-gradient(135deg, #fef3c7, #fde68a); color: #92400e; }
+.ai-good { background: linear-gradient(135deg, #d1fae5, #a7f3d0); color: #065f46; }
+.ai-ordinary { background: #f3f4f6; color: #4b5563; }
+.ai-poor { background: #fee2e2; color: #991b1b; }
+
+/* AI 润色标签 */
+.polished-label {
+  font-size: 12px;
+  color: #9333ea;
+  font-weight: 600;
+  margin-bottom: 8px;
+  display: inline-block;
+}
+
+/* 原文折叠 */
+.original-content {
+  margin-top: 16px;
+  padding: 12px;
+  background: var(--bg-card);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  font-size: 13px;
+  color: var(--text-muted);
+}
+.original-content summary {
+  cursor: pointer;
+  font-weight: 600;
+  color: var(--text-secondary);
+}
+
+/* AI 评分 */
+.ai-score {
+  color: #9333ea;
+  font-weight: 600;
+}
 
 .detail-title {
   font-size: 26px;
@@ -140,6 +222,8 @@ watch(() => route.params.id, () => loadJoke())
   line-height: 1.4;
   letter-spacing: 0.5px;
   transition: color 0.3s;
+  margin: 0;
+  flex: 1;
 }
 
 .detail-content {
diff --git a/web/src/views/home/components/JokeCard.vue b/web/src/views/home/components/JokeCard.vue
index 67d19ec..b416957 100644
--- a/web/src/views/home/components/JokeCard.vue
+++ b/web/src/views/home/components/JokeCard.vue
@@ -6,11 +6,16 @@
       <span class="tag tag-crowd" v-for="(name, i) in (joke.crowd_names||[])" :key="'c'+i">{{ name }}</span>
     </div>
 
-    <!-- 标题 -->
-    <h3 class="card-title">{{ joke.title }}</h3>
+    <!-- 标题 + AI评价等级 -->
+    <div class="title-row">
+      <h3 class="card-title">{{ joke.title }}</h3>
+      <span v-if="joke.ai_level" class="ai-badge" :class="'ai-' + joke.ai_level">
+        {{ getLevelText(joke.ai_level) }}
+      </span>
+    </div>
 
-    <!-- 内容 -->
-    <p class="card-content">{{ joke.content }}</p>
+    <!-- 内容：优先显示润色内容 -->
+    <p class="card-content">{{ joke.polished_content || joke.content }}</p>
 
     <!-- 底部信息 -->
     <div class="card-footer">
@@ -33,6 +38,16 @@
 defineProps({
   joke: { type: Object, required: true }
 })
+
+function getLevelText(level) {
+  const map = {
+    'excellent': '⭐⭐⭐ 精品',
+    'good': '⭐⭐ 良好',
+    'ordinary': '⭐ 普通',
+    'poor': '⚠️ 待优化'
+  }
+  return map[level] || ''
+}
 </script>
 
 <style scoped>
@@ -68,7 +83,15 @@ defineProps({
 .joke-card:hover::before { transform: scaleY(1); }
 
 /* 标签 */
-.card-header { display: flex; gap: 8px; flex-wrap: wrap; }
+.card-header { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
+
+/* 标题行：标题 + AI评价右对齐 */
+.title-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
 
 /* 标题 */
 .card-title {
@@ -80,8 +103,24 @@ defineProps({
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
+  margin: 0;
+  flex: 1;
 }
 
+/* AI 评价徽章 */
+.ai-badge {
+  font-size: 11px;
+  padding: 3px 10px;
+  border-radius: 12px;
+  font-weight: 600;
+  white-space: nowrap;
+  flex-shrink: 0;
+}
+.ai-excellent { background: linear-gradient(135deg, #fef3c7, #fde68a); color: #92400e; }
+.ai-good { background: linear-gradient(135deg, #d1fae5, #a7f3d0); color: #065f46; }
+.ai-ordinary { background: #f3f4f6; color: #4b5563; }
+.ai-poor { background: #fee2e2; color: #991b1b; }
+
 /* 内容 */
 .card-content {
   font-size: 14px;
diff --git a/web/src/views/links/index.vue b/web/src/views/links/index.vue
index 08834ea..71bb25c 100644
--- a/web/src/views/links/index.vue
+++ b/web/src/views/links/index.vue
@@ -26,15 +26,62 @@
         <div class="link-desc" v-if="link.description">{{ link.description }}</div>
       </a>
     </div>
+
+    <!-- 自助申请 -->
+    <div class="apply-section">
+      <button class="apply-btn" @click="showDialog = true">
+        <span class="apply-icon">+</span>
+        自助申请友链
+      </button>
+    </div>
+
+    <!-- 申请弹窗 -->
+    <div v-if="showDialog" class="dialog-overlay" @click.self="showDialog = false">
+      <div class="dialog">
+        <h2 class="dialog-title">申请友链</h2>
+        <form @submit.prevent="handleApply" class="apply-form">
+          <div class="form-item">
+            <label>网站名称 <span class="required">*</span></label>
+            <input v-model="form.name" type="text" placeholder="请输入网站名称" required />
+          </div>
+          <div class="form-item">
+            <label>网站地址 <span class="required">*</span></label>
+            <input v-model="form.url" type="url" placeholder="https://example.com" required />
+          </div>
+          <div class="form-item">
+            <label>网站描述</label>
+            <input v-model="form.description" type="text" placeholder="简短描述您的网站" />
+          </div>
+          <div class="form-item">
+            <label>联系方式</label>
+            <input v-model="form.contact" type="text" placeholder="邮箱或社交账号（选填）" />
+          </div>
+          <div class="dialog-footer">
+            <button type="button" class="btn-cancel" @click="showDialog = false">取消</button>
+            <button type="submit" class="btn-submit" :disabled="submitting">
+              {{ submitting ? '提交中...' : '提交申请' }}
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
   </div>
 </template>
 
 <script setup>
 import { ref, onMounted } from 'vue'
-import { getLinks } from '@/api/link'
+import { getLinks, applyLink } from '@/api/link'
 
 const links = ref([])
 const loading = ref(true)
+const showDialog = ref(false)
+const submitting = ref(false)
+const form = ref({
+  name: '',
+  url: '',
+  description: '',
+  contact: '',
+})
 
 onMounted(async () => {
   try {
@@ -45,6 +92,21 @@ onMounted(async () => {
     loading.value = false
   }
 })
+
+const handleApply = async () => {
+  submitting.value = true
+  try {
+    await applyLink(form.value)
+    alert('申请已提交，等待审核！')
+    showDialog.value = false
+    form.value = { name: '', url: '', description: '', contact: '' }
+  } catch (e) {
+    alert('提交失败，请重试')
+    console.error(e)
+  } finally {
+    submitting.value = false
+  }
+}
 </script>
 
 <style scoped>
@@ -101,4 +163,146 @@ onMounted(async () => {
   color: var(--text-secondary);
   line-height: 1.5;
 }
+
+/* 自助申请 */
+.apply-section {
+  margin-top: 32px;
+  text-align: center;
+}
+
+.apply-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  padding: 12px 24px;
+  background: var(--bg-card);
+  border: 2px dashed var(--border);
+  border-radius: var(--radius);
+  color: var(--text-secondary);
+  font-size: 15px;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.apply-btn:hover {
+  border-color: var(--primary);
+  color: var(--primary);
+}
+
+.apply-icon {
+  font-size: 18px;
+  font-weight: 700;
+}
+
+/* 弹窗 */
+.dialog-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+}
+
+.dialog {
+  background: var(--bg-card);
+  border-radius: var(--radius);
+  padding: 24px;
+  width: 90%;
+  max-width: 420px;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
+}
+
+.dialog-title {
+  font-size: 18px;
+  font-weight: 600;
+  margin: 0 0 20px;
+  color: var(--text-primary);
+}
+
+.apply-form {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.form-item {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.form-item label {
+  font-size: 13px;
+  color: var(--text-secondary);
+  font-weight: 500;
+}
+
+.required {
+  color: #e53935;
+}
+
+.form-item input {
+  padding: 10px 12px;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  font-size: 14px;
+  background: var(--bg-primary);
+  color: var(--text-primary);
+  transition: border-color 0.2s;
+}
+
+.form-item input:focus {
+  outline: none;
+  border-color: var(--primary);
+}
+
+.form-item input::placeholder {
+  color: var(--text-muted);
+}
+
+.dialog-footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 12px;
+  margin-top: 8px;
+}
+
+.btn-cancel,
+.btn-submit {
+  padding: 10px 20px;
+  border-radius: 6px;
+  font-size: 14px;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.btn-cancel {
+  background: transparent;
+  border: 1px solid var(--border);
+  color: var(--text-secondary);
+}
+
+.btn-cancel:hover {
+  background: var(--bg-hover);
+}
+
+.btn-submit {
+  background: var(--primary);
+  border: none;
+  color: #fff;
+}
+
+.btn-submit:hover:not(:disabled) {
+  opacity: 0.9;
+}
+
+.btn-submit:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
 </style>
\ No newline at end of file