diff --git a/backend/python/app/api/admin/settings.py b/backend/python/app/api/admin/settings.py
index 51cb3c0..0e6a076 100644
--- a/backend/python/app/api/admin/settings.py
+++ b/backend/python/app/api/admin/settings.py
@@ -1,579 +1,606 @@
-"""
-网站基础设置 API（管理员）
-"""
-from fastapi import APIRouter, Depends, HTTPException, Query
-from sqlalchemy.orm import Session
-from ...database import get_db, SessionLocal
-from ...models import SiteSetting, EmailConfig, SmsConfig, User, AIModel
-from ...auth import get_current_admin
-from ...middleware.log_service import LogService
-import uuid
-import smtplib
-import hmac
-import hashlib
-import base64
-import urllib.parse
-import time as time_module
-from email.mime.text import MIMEText
-from email.mime.multipart import MIMEMultipart
-from datetime import datetime
-from pydantic import BaseModel
-from typing import Optional, Dict, Any
-import logging
-
-logger = logging.getLogger("aiflow")
-
-router = APIRouter()
-
-
-# ============================================================
-# Pydantic Models
-# ============================================================
-
-class EmailConfigUpdate(BaseModel):
-    smtp_host: Optional[str] = None
-    smtp_port: Optional[int] = None
-    username: Optional[str] = None
-    password: Optional[str] = None
-    from_address: Optional[str] = None
-    use_tls: Optional[bool] = None
-
-
-class SmsConfigUpdate(BaseModel):
-    provider: Optional[str] = None
-    api_key: Optional[str] = None
-    api_secret: Optional[str] = None
-    sign_name: Optional[str] = None
-    template_code: Optional[str] = None
-
-
-# ============================================================
-# 网站设置
-# ============================================================
-
-@router.get("/site")
-async def get_site_settings(
-    admin_user=Depends(get_current_admin),
-    db: Session = Depends(get_db),
-):
-    """获取网站设置（返回所有 key-value 对）"""
-    settings = db.query(SiteSetting).all()
-    result = {}
-    for s in settings:
-        result[s.key] = s.value
-    return {"code": 0, "data": result, "message": "ok"}
-
-
-@router.put("/site")
-async def update_site_settings(
-    settings: dict,
-    admin_user=Depends(get_current_admin),
-    db: Session = Depends(get_db),
-):
-    """批量更新网站设置"""
-    for key, value in settings.items():
-        existing = db.query(SiteSetting).filter(SiteSetting.key == key).first()
-        if existing:
-            existing.value = str(value) if value is not None else None
-            existing.updated_at = datetime.now()
-        else:
-            new_setting = SiteSetting(
-                id=str(uuid.uuid4()),
-                key=key,
-                value=str(value) if value is not None else None,
-            )
-            db.add(new_setting)
-
-    db.commit()
-
-    LogService.log_audit(
-        admin_id=admin_user.id,
-        admin_name=admin_user.username,
-        action="update_site_settings",
-        target_type="site_settings",
-        detail=f"更新网站设置: {list(settings.keys())}",
-    )
-
-    return {"message": "网站设置已更新"}
-
-
-# ============================================================
-# 邮件配置
-# ============================================================
-
-@router.get("/email")
-async def get_email_config(
-    admin_user=Depends(get_current_admin),
-    db: Session = Depends(get_db),
-):
-    """获取邮件配置"""
-    config = db.query(EmailConfig).first()
-    if not config:
-        return {"code": 0, "data": {
-            "smtp_host": "",
-            "smtp_port": 587,
-            "username": "",
-            "password": "",
-            "from_address": "",
-            "use_tls": True,
-        }, "message": "ok"}
-
-    return {"code": 0, "data": {
-        "id": config.id,
-        "smtp_host": config.smtp_host,
-        "smtp_port": config.smtp_port,
-        "username": config.username,
-        "password": config.password,
-        "from_address": config.from_address,
-        "use_tls": config.use_tls,
-    }, "message": "ok"}
-
-
-@router.put("/email")
-async def update_email_config(
-    req: EmailConfigUpdate,
-    admin_user=Depends(get_current_admin),
-    db: Session = Depends(get_db),
-):
-    """更新邮件配置"""
-    config = db.query(EmailConfig).first()
-    if not config:
-        # 必填字段校验：不允许空值
-        if not req.smtp_host:
-            raise HTTPException(status_code=400, detail="SMTP服务器地址不能为空")
-        if not req.username:
-            raise HTTPException(status_code=400, detail="SMTP用户名不能为空")
-        if not req.password:
-            raise HTTPException(status_code=400, detail="SMTP密码不能为空")
-        if not req.from_address:
-            raise HTTPException(status_code=400, detail="发件地址不能为空")
-        config = EmailConfig(
-            id=str(uuid.uuid4()),
-            smtp_host=req.smtp_host or "",
-            smtp_port=req.smtp_port or 587,
-            username=req.username or "",
-            password=req.password or "",
-            from_address=req.from_address or "",
-            use_tls=req.use_tls if req.use_tls is not None else True,
-        )
-        db.add(config)
-    else:
-        if req.smtp_host is not None:
-            if not req.smtp_host.strip():
-                raise HTTPException(status_code=400, detail="SMTP服务器地址不能为空")
-            config.smtp_host = req.smtp_host
-        if req.smtp_port is not None:
-            config.smtp_port = req.smtp_port
-        if req.username is not None:
-            if not req.username.strip():
-                raise HTTPException(status_code=400, detail="SMTP用户名不能为空")
-            config.username = req.username
-        if req.password is not None:
-            if not req.password.strip():
-                raise HTTPException(status_code=400, detail="SMTP密码不能为空")
-            config.password = req.password
-        if req.from_address is not None:
-            if not req.from_address.strip():
-                raise HTTPException(status_code=400, detail="发件地址不能为空")
-            config.from_address = req.from_address
-        if req.use_tls is not None:
-            config.use_tls = req.use_tls
-        config.updated_at = datetime.now()
-
-    db.commit()
-
-    LogService.log_audit(
-        admin_id=admin_user.id,
-        admin_name=admin_user.username,
-        action="update_email_config",
-        target_type="email_config",
-        detail="更新邮件配置",
-    )
-
-    return {"code": 0, "data": None, "message": "邮件配置已更新"}
-
-
-# ============================================================
-# 短信配置
-# ============================================================
-
-@router.get("/sms")
-async def get_sms_config(
-    admin_user=Depends(get_current_admin),
-    db: Session = Depends(get_db),
-):
-    """获取短信配置"""
-    config = db.query(SmsConfig).first()
-    if not config:
-        return {"code": 0, "data": {
-            "provider": "",
-            "api_key": "",
-            "api_secret": "",
-            "sign_name": "",
-            "template_code": "",
-        }, "message": "ok"}
-
-    return {"code": 0, "data": {
-        "id": config.id,
-        "provider": config.provider,
-        "api_key": config.api_key,
-        "api_secret": config.api_secret,
-        "sign_name": config.sign_name,
-        "template_code": config.template_code,
-    }, "message": "ok"}
-
-
-@router.put("/sms")
-async def update_sms_config(
-    req: SmsConfigUpdate,
-    admin_user=Depends(get_current_admin),
-    db: Session = Depends(get_db),
-):
-    """更新短信配置"""
-    config = db.query(SmsConfig).first()
-    if not config:
-        config = SmsConfig(
-            id=str(uuid.uuid4()),
-            provider=req.provider or "",
-            api_key=req.api_key or "",
-            api_secret=req.api_secret or "",
-            sign_name=req.sign_name,
-            template_code=req.template_code,
-        )
-        db.add(config)
-    else:
-        if req.provider is not None:
-            config.provider = req.provider
-        if req.api_key is not None:
-            config.api_key = req.api_key
-        if req.api_secret is not None:
-            config.api_secret = req.api_secret
-        if req.sign_name is not None:
-            config.sign_name = req.sign_name
-        if req.template_code is not None:
-            config.template_code = req.template_code
-        config.updated_at = datetime.now()
-
-    db.commit()
-
-    LogService.log_audit(
-        admin_id=admin_user.id,
-        admin_name=admin_user.username,
-        action="update_sms_config",
-        target_type="sms_config",
-        detail="更新短信配置",
-    )
-
-    return {"message": "短信配置已更新"}
-
-
-
-# ============================================================
-# Logo 上传
-# ============================================================
-
-from fastapi import UploadFile, File
-
-@router.post("/logo/upload")
-async def upload_logo(
-    file: UploadFile = File(...),
-    admin_user=Depends(get_current_admin),
-    db: Session = Depends(get_db),
-):
-    """上传平台Logo，保存到本地data目录，返回访问URL"""
-    import os as _os
-    import shutil as _shutil
-
-    # Validate file type
-    allowed_types = ['image/png', 'image/jpeg', 'image/svg+xml', 'image/webp']
-    if file.content_type not in allowed_types:
-        raise HTTPException(status_code=400, detail=f"不支持的文件类型: {file.content_type}，仅支持 PNG/JPG/SVG/WEBP")
-
-    # Validate size (max 2MB)
-    contents = await file.read()
-    if len(contents) > 2 * 1024 * 1024:
-        raise HTTPException(status_code=400, detail="文件大小不能超过 2MB")
-
-    # Save to /app/data/uploads/logos/
-    upload_dir = "/app/data/uploads/logos"
-    _os.makedirs(upload_dir, exist_ok=True)
-
-    # Generate unique filename
-    ext = file.filename.split('.')[-1] if '.' in (file.filename or '') else 'png'
-    filename = f"{uuid.uuid4()}.{ext}"
-    filepath = _os.path.join(upload_dir, filename)
-
-    with open(filepath, 'wb') as f:
-        f.write(contents)
-
-    # Build URL
-    logo_url = f"/data/uploads/logos/{filename}"
-
-    # Update site setting
-    existing = db.query(SiteSetting).filter(SiteSetting.key == "logo").first()
-    if existing:
-        existing.value = logo_url
-        existing.updated_at = datetime.now()
-    else:
-        new_setting = SiteSetting(
-            id=str(uuid.uuid4()),
-            key="logo",
-            value=logo_url,
-        )
-        db.add(new_setting)
-    db.commit()
-
-    LogService.log_audit(
-        admin_id=admin_user.id,
-        admin_name=admin_user.username,
-        action="upload_logo",
-        target_type="site_settings",
-        detail=f"上传Logo: {filename}",
-    )
-
-    return {
-        "code": 0,
-        "data": {"url": logo_url, "filename": filename},
-        "message": "Logo 上传成功",
-    }
-
-
-# ============================================================
-# 邮件测试
-# ============================================================
-
-@router.post("/email/test")
-async def test_email_config(
-    test_to: str = Query(default=None, description="自定义测试收件地址"),
-    test_subject: str = Query(default=None, description="自定义测试邮件主题"),
-    test_body: str = Query(default=None, description="自定义测试邮件正文"),
-    admin_user=Depends(get_current_admin),
-    db: Session = Depends(get_db),
-):
-    """使用当前配置发送测试邮件；可传参自定义收件人、主题和正文"""
-    config = db.query(EmailConfig).first()
-    if not config or not config.smtp_host:
-        raise HTTPException(status_code=400, detail="邮件配置未设置，请先保存邮件配置")
-    if not config.username:
-        raise HTTPException(status_code=400, detail="SMTP用户名未填写，请检查邮件配置")
-    if not config.password:
-        raise HTTPException(status_code=400, detail="SMTP密码未填写，请检查邮件配置")
-    if not config.from_address:
-        raise HTTPException(status_code=400, detail="发件地址未填写，请检查邮件配置")
-
-    # 优先级：传入参数 > 管理员邮箱 > 发件地址
-    admin = db.query(User).filter(User.id == admin_user.id).first()
-    recipient = test_to or (admin.email if admin and admin.email else None) or config.from_address
-    if not recipient:
-        raise HTTPException(status_code=400, detail="无法获取接收地址: 请填写收件邮箱或设置管理员邮箱")
-
-    subject = test_subject or "AIFlow 邮件配置测试"
-    body = test_body or f"这是一封来自 AIFlow 平台的测试邮件。\n\n发送时间: {datetime.now().strftime('%Y-%m-%d %H:%M:%S')}\nSMTP服务器: {config.smtp_host}"
-
-    logger.info(f"测试邮件: SMTP={config.smtp_host}:{config.smtp_port}, "
-                f"from={config.from_address}, to={recipient}")
-
-    try:
-        msg = MIMEMultipart()
-        msg["From"] = config.from_address
-        msg["To"] = recipient
-        msg["Subject"] = subject
-        msg.attach(MIMEText(body, "plain"))
-
-        if config.use_tls:
-            server = smtplib.SMTP(config.smtp_host, config.smtp_port, timeout=10)
-            server.starttls()
-        else:
-            server = smtplib.SMTP(config.smtp_host, config.smtp_port, timeout=10)
-
-        server.login(config.username, config.password)
-        server.sendmail(config.from_address, recipient, msg.as_string())
-        server.quit()
-
-        LogService.log_audit(
-            admin_id=admin_user.id,
-            admin_name=admin_user.username,
-            action="test_email_config",
-            target_type="email_config",
-            detail=f"测试邮件发送成功 -> {recipient} via {config.smtp_host}",
-        )
-
-        return {"code": 0, "data": {"message": f"测试邮件已发送到 {recipient}", "recipient": recipient}, "message": "ok"}
-    except smtplib.SMTPAuthenticationError as e:
-        logger.error(f"SMTP认证失败: {e}")
-        raise HTTPException(status_code=400, detail=f"SMTP认证失败，请检查用户名和密码: {str(e)}")
-    except smtplib.SMTPConnectError as e:
-        logger.error(f"SMTP连接失败: {e}")
-        raise HTTPException(status_code=400, detail=f"无法连接到SMTP服务器 {config.smtp_host}:{config.smtp_port}: {str(e)}")
-    except smtplib.SMTPException as e:
-        logger.error(f"SMTP发送失败: {e}")
-        raise HTTPException(status_code=500, detail=f"邮件发送失败(SMTP): {str(e)}")
-    except OSError as e:
-        logger.error(f"邮件发送网络错误: {e}")
-        raise HTTPException(status_code=500, detail=f"网络连接错误: {str(e)}")
-    except BaseException as e:
-        logger.error(f"测试邮件发送失败(严重): {type(e).__name__}: {e}")
-        import traceback
-        traceback.print_exc()
-        raise HTTPException(status_code=500, detail=f"邮件发送失败: {str(e)}")
-
-
-@router.post("/email/generate-content")
-async def generate_email_content(
-    topic: str = Query(default="测试邮件"),
-    admin_user=Depends(get_current_admin),
-    db: Session = Depends(get_db),
-):
-    """AI生成测试邮件内容：调用默认LLM生成邮件主题和正文"""
-    import httpx as httpx_lib
-    subjects = [
-        "【测试】AIFlow邮件服务配置验证",
-        "AIFlow平台 - 邮件投递测试",
-        "测试邮件：您的SMTP服务已就绪",
-    ]
-    bodies = [
-        f"您好！\n\n这是一封来自 AIFlow 智能自动化平台的测试邮件，用于验证邮件服务配置是否正常。\n\n如果您收到此邮件，说明SMTP邮件服务已配置成功。\n\n此致\nAIFlow 平台团队",
-        f"Hi,\n\nThis is a test email from AIFlow Platform.\n\nIf you received this, the SMTP service works fine.\n\nBest regards,\nAIFlow Team",
-        f"【系统通知】\n邮件服务连通性测试通过。\n\n发件服务器配置正确，能够成功投递邮件。\n\n—— AIFlow",
-    ]
-
-    # 尝试使用默认LLM生成更好的内容
-    try:
-        default_model = db.query(AIModel).filter(
-            AIModel.is_default == True, AIModel.is_enabled == True
-        ).first()
-        if default_model and default_model.endpoint:
-            async with httpx_lib.AsyncClient(timeout=15) as client:
-                headers = {}
-                if default_model.api_key:
-                    headers["Authorization"] = f"Bearer {default_model.api_key}"
-                resp = await client.post(
-                    default_model.endpoint,
-                    json={
-                        "model": default_model.name,
-                        "messages": [
-                            {"role": "system", "content": "你是一个专业的技术文档撰写者。请根据主题生成一封测试邮件的主题和正文。返回JSON格式: {\"subject\": \"邮件主题\", \"body\": \"邮件正文\"}"},
-                            {"role": "user", "content": f"主题: {topic}"},
-                        ],
-                        "max_tokens": 400,
-                    },
-                    headers=headers,
-                )
-                if resp.status_code == 200:
-                    content = resp.json().get("choices", [{}])[0].get("message", {}).get("content", "")
-                    try:
-                        data = json.loads(content)
-                        if data.get("subject") and data.get("body"):
-                            return {"subject": data["subject"], "body": data["body"], "source": "ai"}
-                    except:
-                        # 尝试解析非JSON格式
-                        lines = content.strip().split("\n")
-                        if len(lines) >= 2:
-                            return {"subject": lines[0].replace("主题：", "").strip(), "body": "\n".join(lines[1:]).replace("正文：", "").strip(), "source": "ai_partial"}
-    except Exception:
-        pass
-
-    import random
-    idx = random.randint(0, len(subjects) - 1)
-    return {"subject": subjects[idx], "body": bodies[idx], "source": "fallback"}
-
-
-# ============================================================
-# 短信测试
-# ============================================================
-
-def _aliyun_sign(secret: str, params: dict, method: str = "GET") -> str:
-    """阿里云签名机制 (HMAC-SHA1)"""
-    sorted_keys = sorted(params.keys())
-    qs = "&".join([
-        f"{urllib.parse.quote(k, safe='')}={urllib.parse.quote(str(params[k]), safe='')}"
-        for k in sorted_keys
-    ])
-    string_to_sign = f"{method}&{urllib.parse.quote('/', safe='')}&{urllib.parse.quote(qs, safe='')}"
-    key = f"{secret}&"
-    h = hmac.new(key.encode('utf-8'), string_to_sign.encode('utf-8'), hashlib.sha1)
-    return base64.b64encode(h.digest()).decode('utf-8')
-
-
-@router.post("/sms/test")
-async def test_sms_config(
-    admin_user=Depends(get_current_admin),
-    db: Session = Depends(get_db),
-):
-    """使用当前配置发送测试短信"""
-    config = db.query(SmsConfig).first()
-    if not config:
-        raise HTTPException(status_code=400, detail="短信配置未设置，请先保存短信配置")
-
-    if not config.api_key or not config.api_secret:
-        raise HTTPException(
-            status_code=400,
-            detail="未配置阿里云短信 AccessKey，请填写 API Key (AccessKey ID) 和 API Secret (AccessKey Secret)"
-        )
-
-    if not config.sign_name:
-        raise HTTPException(status_code=400, detail="未配置短信签名")
-
-    # 获取接收测试短信的手机号（管理员手机号）
-    admin = db.query(User).filter(User.id == admin_user.id).first()
-    phone = admin.phone if admin and admin.phone else None
-    if not phone:
-        raise HTTPException(status_code=400, detail="管理员未设置手机号，无法发送测试短信")
-
-    logger.info(f"测试短信: provider={config.provider}, sign={config.sign_name}, phone={phone}")
-
-    # 只有阿里云短信支持测试
-    if "阿里云" not in (config.provider or ""):
-        raise HTTPException(
-            status_code=400,
-            detail=f"当前短信服务商 '{config.provider}' 暂不支持在线测试，请直接在生产环境测试"
-        )
-
-    try:
-        # 阿里云短信参数
-        params = {
-            "AccessKeyId": config.api_key,
-            "Action": "SendSms",
-            "Format": "JSON",
-            "PhoneNumbers": phone,
-            "RegionId": "cn-hangzhou",
-            "SignName": config.sign_name,
-            "SignatureMethod": "HMAC-SHA1",
-            "SignatureNonce": str(uuid.uuid4()),
-            "SignatureVersion": "1.0",
-            "TemplateCode": config.template_code or "SMS_00000001",
-            "TemplateParam": '{"code":"123456"}',
-            "Timestamp": datetime.utcnow().strftime("%Y-%m-%dT%H:%M:%SZ"),
-            "Version": "2017-05-25",
-        }
-        params["Signature"] = _aliyun_sign(config.api_secret, params)
-
-        import requests as http_requests
-        resp = http_requests.post(
-            "https://dysmsapi.aliyuncs.com/",
-            data=params,
-            headers={"Content-Type": "application/x-www-form-urlencoded"},
-            timeout=10,
-        )
-        result = resp.json()
-
-        logger.info(f"阿里云短信API响应: {result}")
-
-        if result.get("Code") == "OK":
-            LogService.log_audit(
-                admin_id=admin_user.id,
-                admin_name=admin_user.username,
-                action="test_sms_config",
-                target_type="sms_config",
-                detail=f"测试短信发送成功 -> {phone}",
-            )
-            return {"message": f"测试短信已发送到 {phone}", "phone": phone, "biz_id": result.get("BizId")}
-        else:
-            error_msg = result.get("Message", result.get("Code", "未知错误"))
-            raise HTTPException(status_code=400, detail=f"阿里云短信发送失败: {error_msg}")
-
-    except HTTPException:
-        raise
-    except Exception as e:
-        logger.error(f"测试短信发送失败: {e}")
-        raise HTTPException(status_code=500, detail=f"短信发送失败: {str(e)}")
+"""
+网站基础设置 API（管理员）
+"""
+from fastapi import APIRouter, Depends, HTTPException, Query
+from sqlalchemy.orm import Session
+from ...database import get_db, SessionLocal
+from ...models import SiteSetting, EmailConfig, SmsConfig, User, AIModel
+from ...auth import get_current_admin
+from ...middleware.log_service import LogService
+import uuid
+import smtplib
+import ssl
+import hmac
+import hashlib
+import base64
+import urllib.parse
+import time as time_module
+from email.mime.text import MIMEText
+from email.mime.multipart import MIMEMultipart
+from datetime import datetime
+from pydantic import BaseModel
+from typing import Optional, Dict, Any
+import logging
+
+logger = logging.getLogger("aiflow")
+
+router = APIRouter()
+
+
+# ============================================================
+# Pydantic Models
+# ============================================================
+
+class EmailConfigUpdate(BaseModel):
+    smtp_host: Optional[str] = None
+    smtp_port: Optional[int] = None
+    username: Optional[str] = None
+    password: Optional[str] = None
+    from_address: Optional[str] = None
+    use_tls: Optional[bool] = None
+    use_ssl: Optional[bool] = None
+
+
+class SmsConfigUpdate(BaseModel):
+    provider: Optional[str] = None
+    api_key: Optional[str] = None
+    api_secret: Optional[str] = None
+    sign_name: Optional[str] = None
+    template_code: Optional[str] = None
+
+
+# ============================================================
+# 网站设置
+# ============================================================
+
+@router.get("/site")
+async def get_site_settings(
+    admin_user=Depends(get_current_admin),
+    db: Session = Depends(get_db),
+):
+    """获取网站设置（返回所有 key-value 对）"""
+    settings = db.query(SiteSetting).all()
+    result = {}
+    for s in settings:
+        result[s.key] = s.value
+    return {"code": 0, "data": result, "message": "ok"}
+
+
+@router.put("/site")
+async def update_site_settings(
+    settings: dict,
+    admin_user=Depends(get_current_admin),
+    db: Session = Depends(get_db),
+):
+    """批量更新网站设置"""
+    for key, value in settings.items():
+        existing = db.query(SiteSetting).filter(SiteSetting.key == key).first()
+        if existing:
+            existing.value = str(value) if value is not None else None
+            existing.updated_at = datetime.now()
+        else:
+            new_setting = SiteSetting(
+                id=str(uuid.uuid4()),
+                key=key,
+                value=str(value) if value is not None else None,
+            )
+            db.add(new_setting)
+
+    db.commit()
+
+    LogService.log_audit(
+        admin_id=admin_user.id,
+        admin_name=admin_user.username,
+        action="update_site_settings",
+        target_type="site_settings",
+        detail=f"更新网站设置: {list(settings.keys())}",
+    )
+
+    return {"message": "网站设置已更新"}
+
+
+# ============================================================
+# 邮件配置
+# ============================================================
+
+@router.get("/email")
+async def get_email_config(
+    admin_user=Depends(get_current_admin),
+    db: Session = Depends(get_db),
+):
+    """获取邮件配置"""
+    config = db.query(EmailConfig).first()
+    if not config:
+        return {"code": 0, "data": {
+            "smtp_host": "",
+            "smtp_port": 587,
+            "username": "",
+            "password": "",
+            "from_address": "",
+            "use_tls": True,
+            "use_ssl": False,
+        }, "message": "ok"}
+
+    return {"code": 0, "data": {
+        "id": config.id,
+        "smtp_host": config.smtp_host,
+        "smtp_port": config.smtp_port,
+        "username": config.username,
+        "password": config.password,
+        "from_address": config.from_address,
+        "use_tls": config.use_tls,
+        "use_ssl": bool(config.use_ssl) if config.use_ssl is not None else False,
+    }, "message": "ok"}
+
+
+@router.put("/email")
+async def update_email_config(
+    req: EmailConfigUpdate,
+    admin_user=Depends(get_current_admin),
+    db: Session = Depends(get_db),
+):
+    """更新邮件配置"""
+    config = db.query(EmailConfig).first()
+    if not config:
+        # 必填字段校验：不允许空值
+        if not req.smtp_host:
+            raise HTTPException(status_code=400, detail="SMTP服务器地址不能为空")
+        if not req.username:
+            raise HTTPException(status_code=400, detail="SMTP用户名不能为空")
+        if not req.password:
+            raise HTTPException(status_code=400, detail="SMTP密码不能为空")
+        if not req.from_address:
+            raise HTTPException(status_code=400, detail="发件地址不能为空")
+        config = EmailConfig(
+            id=str(uuid.uuid4()),
+            smtp_host=req.smtp_host or "",
+            smtp_port=req.smtp_port or 587,
+            username=req.username or "",
+            password=req.password or "",
+            from_address=req.from_address or "",
+            use_tls=req.use_tls if req.use_tls is not None else True,
+        )
+        db.add(config)
+    else:
+        if req.smtp_host is not None:
+            if not req.smtp_host.strip():
+                raise HTTPException(status_code=400, detail="SMTP服务器地址不能为空")
+            config.smtp_host = req.smtp_host
+        if req.smtp_port is not None:
+            config.smtp_port = req.smtp_port
+        if req.username is not None:
+            if not req.username.strip():
+                raise HTTPException(status_code=400, detail="SMTP用户名不能为空")
+            config.username = req.username
+        if req.password is not None:
+            if not req.password.strip():
+                raise HTTPException(status_code=400, detail="SMTP密码不能为空")
+            config.password = req.password
+        if req.from_address is not None:
+            if not req.from_address.strip():
+                raise HTTPException(status_code=400, detail="发件地址不能为空")
+            config.from_address = req.from_address
+        if req.use_tls is not None:
+            config.use_tls = req.use_tls
+        if req.use_ssl is not None:
+            config.use_ssl = req.use_ssl
+        config.updated_at = datetime.now()
+
+    db.commit()
+
+    LogService.log_audit(
+        admin_id=admin_user.id,
+        admin_name=admin_user.username,
+        action="update_email_config",
+        target_type="email_config",
+        detail="更新邮件配置",
+    )
+
+    return {"code": 0, "data": None, "message": "邮件配置已更新"}
+
+
+# ============================================================
+# 短信配置
+# ============================================================
+
+@router.get("/sms")
+async def get_sms_config(
+    admin_user=Depends(get_current_admin),
+    db: Session = Depends(get_db),
+):
+    """获取短信配置"""
+    config = db.query(SmsConfig).first()
+    if not config:
+        return {"code": 0, "data": {
+            "provider": "",
+            "api_key": "",
+            "api_secret": "",
+            "sign_name": "",
+            "template_code": "",
+        }, "message": "ok"}
+
+    return {"code": 0, "data": {
+        "id": config.id,
+        "provider": config.provider,
+        "api_key": config.api_key,
+        "api_secret": config.api_secret,
+        "sign_name": config.sign_name,
+        "template_code": config.template_code,
+    }, "message": "ok"}
+
+
+@router.put("/sms")
+async def update_sms_config(
+    req: SmsConfigUpdate,
+    admin_user=Depends(get_current_admin),
+    db: Session = Depends(get_db),
+):
+    """更新短信配置"""
+    config = db.query(SmsConfig).first()
+    if not config:
+        config = SmsConfig(
+            id=str(uuid.uuid4()),
+            provider=req.provider or "",
+            api_key=req.api_key or "",
+            api_secret=req.api_secret or "",
+            sign_name=req.sign_name,
+            template_code=req.template_code,
+        )
+        db.add(config)
+    else:
+        if req.provider is not None:
+            config.provider = req.provider
+        if req.api_key is not None:
+            config.api_key = req.api_key
+        if req.api_secret is not None:
+            config.api_secret = req.api_secret
+        if req.sign_name is not None:
+            config.sign_name = req.sign_name
+        if req.template_code is not None:
+            config.template_code = req.template_code
+        config.updated_at = datetime.now()
+
+    db.commit()
+
+    LogService.log_audit(
+        admin_id=admin_user.id,
+        admin_name=admin_user.username,
+        action="update_sms_config",
+        target_type="sms_config",
+        detail="更新短信配置",
+    )
+
+    return {"message": "短信配置已更新"}
+
+
+
+# ============================================================
+# Logo 上传
+# ============================================================
+
+from fastapi import UploadFile, File
+
+@router.post("/logo/upload")
+async def upload_logo(
+    file: UploadFile = File(...),
+    admin_user=Depends(get_current_admin),
+    db: Session = Depends(get_db),
+):
+    """上传平台Logo，保存到本地data目录，返回访问URL"""
+    import os as _os
+    import shutil as _shutil
+
+    # Validate file type
+    allowed_types = ['image/png', 'image/jpeg', 'image/svg+xml', 'image/webp']
+    if file.content_type not in allowed_types:
+        raise HTTPException(status_code=400, detail=f"不支持的文件类型: {file.content_type}，仅支持 PNG/JPG/SVG/WEBP")
+
+    # Validate size (max 2MB)
+    contents = await file.read()
+    if len(contents) > 2 * 1024 * 1024:
+        raise HTTPException(status_code=400, detail="文件大小不能超过 2MB")
+
+    # Save to /app/data/uploads/logos/
+    upload_dir = "/app/data/uploads/logos"
+    _os.makedirs(upload_dir, exist_ok=True)
+
+    # Generate unique filename
+    ext = file.filename.split('.')[-1] if '.' in (file.filename or '') else 'png'
+    filename = f"{uuid.uuid4()}.{ext}"
+    filepath = _os.path.join(upload_dir, filename)
+
+    with open(filepath, 'wb') as f:
+        f.write(contents)
+
+    # Build URL
+    logo_url = f"/data/uploads/logos/{filename}"
+
+    # Update site setting
+    existing = db.query(SiteSetting).filter(SiteSetting.key == "logo").first()
+    if existing:
+        existing.value = logo_url
+        existing.updated_at = datetime.now()
+    else:
+        new_setting = SiteSetting(
+            id=str(uuid.uuid4()),
+            key="logo",
+            value=logo_url,
+        )
+        db.add(new_setting)
+    db.commit()
+
+    LogService.log_audit(
+        admin_id=admin_user.id,
+        admin_name=admin_user.username,
+        action="upload_logo",
+        target_type="site_settings",
+        detail=f"上传Logo: {filename}",
+    )
+
+    return {
+        "code": 0,
+        "data": {"url": logo_url, "filename": filename},
+        "message": "Logo 上传成功",
+    }
+
+
+# ============================================================
+# 邮件测试
+# ============================================================
+
+@router.post("/email/test")
+async def test_email_config(
+    test_to: str = Query(default=None, description="自定义测试收件地址"),
+    test_subject: str = Query(default=None, description="自定义测试邮件主题"),
+    test_body: str = Query(default=None, description="自定义测试邮件正文"),
+    admin_user=Depends(get_current_admin),
+    db: Session = Depends(get_db),
+):
+    """使用当前配置发送测试邮件；可传参自定义收件人、主题和正文"""
+    config = db.query(EmailConfig).first()
+    if not config or not config.smtp_host:
+        raise HTTPException(status_code=400, detail="邮件配置未设置，请先保存邮件配置")
+    if not config.username:
+        raise HTTPException(status_code=400, detail="SMTP用户名未填写，请检查邮件配置")
+    if not config.password:
+        raise HTTPException(status_code=400, detail="SMTP密码未填写，请检查邮件配置")
+    if not config.from_address:
+        raise HTTPException(status_code=400, detail="发件地址未填写，请检查邮件配置")
+
+    # 优先级：传入参数 > 管理员邮箱 > 发件地址
+    admin = db.query(User).filter(User.id == admin_user.id).first()
+    recipient = test_to or (admin.email if admin and admin.email else None) or config.from_address
+    if not recipient:
+        raise HTTPException(status_code=400, detail="无法获取接收地址: 请填写收件邮箱或设置管理员邮箱")
+
+    subject = test_subject or "AIFlow 邮件配置测试"
+    body = test_body or f"这是一封来自 AIFlow 平台的测试邮件。\n\n发送时间: {datetime.now().strftime('%Y-%m-%d %H:%M:%S')}\nSMTP服务器: {config.smtp_host}"
+
+    logger.info(f"测试邮件: SMTP={config.smtp_host}:{config.smtp_port}, "
+                f"from={config.from_address}, to={recipient}")
+
+    # 选择加密方式：use_ssl 优先；未显式设置时按端口推断（465=隐式SSL）
+    try:
+        use_ssl = bool(config.use_ssl) if config.use_ssl is not None else (config.smtp_port == 465)
+    except Exception:
+        use_ssl = (config.smtp_port == 465)
+    use_tls = bool(config.use_tls)
+
+    msg = MIMEMultipart()
+    msg["From"] = config.from_address
+    msg["To"] = recipient
+    msg["Subject"] = subject
+    msg.attach(MIMEText(body, "plain"))
+
+    try:
+        server = None
+        try:
+            if use_ssl:
+                # 端口465等：隐式SSL（SMTPS），需 SMTP_SSL 而非 STARTTLS
+                server = smtplib.SMTP_SSL(
+                    config.smtp_host, config.smtp_port, timeout=20,
+                    context=ssl.create_default_context(),
+                )
+            elif use_tls:
+                # 端口587/25：先明文连接再 STARTTLS 升级
+                server = smtplib.SMTP(config.smtp_host, config.smtp_port, timeout=20)
+                server.starttls(context=ssl.create_default_context())
+            else:
+                server = smtplib.SMTP(config.smtp_host, config.smtp_port, timeout=20)
+
+            server.login(config.username, config.password)
+            server.sendmail(config.from_address, recipient, msg.as_string())
+        finally:
+            if server is not None:
+                try:
+                    server.quit()
+                except Exception:
+                    pass
+
+        LogService.log_audit(
+            admin_id=admin_user.id,
+            admin_name=admin_user.username,
+            action="test_email_config",
+            target_type="email_config",
+            detail=f"测试邮件发送成功 -> {recipient} via {config.smtp_host}:{config.smtp_port}",
+        )
+
+        return {"code": 0, "data": {"message": f"测试邮件已发送到 {recipient}", "recipient": recipient}, "message": "ok"}
+    except smtplib.SMTPAuthenticationError as e:
+        logger.error(f"SMTP认证失败: {e}")
+        raise HTTPException(status_code=400, detail=f"SMTP认证失败，请检查用户名和密码: {str(e)}")
+    except smtplib.SMTPConnectError as e:
+        logger.error(f"SMTP连接失败: {e}")
+        raise HTTPException(status_code=400, detail=f"无法连接到SMTP服务器 {config.smtp_host}:{config.smtp_port}: {str(e)}")
+    except smtplib.SMTPException as e:
+        logger.error(f"SMTP发送失败: {e}")
+        raise HTTPException(status_code=500, detail=f"邮件发送失败(SMTP): {str(e)}")
+    except OSError as e:
+        logger.error(f"邮件发送网络错误: {e}")
+        raise HTTPException(status_code=500, detail=f"网络连接错误: {str(e)}")
+    except BaseException as e:
+        logger.error(f"测试邮件发送失败(严重): {type(e).__name__}: {e}")
+        import traceback
+        traceback.print_exc()
+        raise HTTPException(status_code=500, detail=f"邮件发送失败: {str(e)}")
+
+
+@router.post("/email/generate-content")
+async def generate_email_content(
+    topic: str = Query(default="测试邮件"),
+    admin_user=Depends(get_current_admin),
+    db: Session = Depends(get_db),
+):
+    """AI生成测试邮件内容：调用默认LLM生成邮件主题和正文"""
+    import httpx as httpx_lib
+    subjects = [
+        "【测试】AIFlow邮件服务配置验证",
+        "AIFlow平台 - 邮件投递测试",
+        "测试邮件：您的SMTP服务已就绪",
+    ]
+    bodies = [
+        f"您好！\n\n这是一封来自 AIFlow 智能自动化平台的测试邮件，用于验证邮件服务配置是否正常。\n\n如果您收到此邮件，说明SMTP邮件服务已配置成功。\n\n此致\nAIFlow 平台团队",
+        f"Hi,\n\nThis is a test email from AIFlow Platform.\n\nIf you received this, the SMTP service works fine.\n\nBest regards,\nAIFlow Team",
+        f"【系统通知】\n邮件服务连通性测试通过。\n\n发件服务器配置正确，能够成功投递邮件。\n\n—— AIFlow",
+    ]
+
+    # 尝试使用默认LLM生成更好的内容
+    try:
+        default_model = db.query(AIModel).filter(
+            AIModel.is_default == True, AIModel.is_enabled == True
+        ).first()
+        if default_model and default_model.endpoint:
+            async with httpx_lib.AsyncClient(timeout=15) as client:
+                headers = {}
+                if default_model.api_key:
+                    headers["Authorization"] = f"Bearer {default_model.api_key}"
+                resp = await client.post(
+                    default_model.endpoint,
+                    json={
+                        "model": default_model.name,
+                        "messages": [
+                            {"role": "system", "content": "你是一个专业的技术文档撰写者。请根据主题生成一封测试邮件的主题和正文。返回JSON格式: {\"subject\": \"邮件主题\", \"body\": \"邮件正文\"}"},
+                            {"role": "user", "content": f"主题: {topic}"},
+                        ],
+                        "max_tokens": 400,
+                    },
+                    headers=headers,
+                )
+                if resp.status_code == 200:
+                    content = resp.json().get("choices", [{}])[0].get("message", {}).get("content", "")
+                    try:
+                        data = json.loads(content)
+                        if data.get("subject") and data.get("body"):
+                            return {"subject": data["subject"], "body": data["body"], "source": "ai"}
+                    except:
+                        # 尝试解析非JSON格式
+                        lines = content.strip().split("\n")
+                        if len(lines) >= 2:
+                            return {"subject": lines[0].replace("主题：", "").strip(), "body": "\n".join(lines[1:]).replace("正文：", "").strip(), "source": "ai_partial"}
+    except Exception:
+        pass
+
+    import random
+    idx = random.randint(0, len(subjects) - 1)
+    return {"subject": subjects[idx], "body": bodies[idx], "source": "fallback"}
+
+
+# ============================================================
+# 短信测试
+# ============================================================
+
+def _aliyun_sign(secret: str, params: dict, method: str = "GET") -> str:
+    """阿里云签名机制 (HMAC-SHA1)"""
+    sorted_keys = sorted(params.keys())
+    qs = "&".join([
+        f"{urllib.parse.quote(k, safe='')}={urllib.parse.quote(str(params[k]), safe='')}"
+        for k in sorted_keys
+    ])
+    string_to_sign = f"{method}&{urllib.parse.quote('/', safe='')}&{urllib.parse.quote(qs, safe='')}"
+    key = f"{secret}&"
+    h = hmac.new(key.encode('utf-8'), string_to_sign.encode('utf-8'), hashlib.sha1)
+    return base64.b64encode(h.digest()).decode('utf-8')
+
+
+@router.post("/sms/test")
+async def test_sms_config(
+    admin_user=Depends(get_current_admin),
+    db: Session = Depends(get_db),
+):
+    """使用当前配置发送测试短信"""
+    config = db.query(SmsConfig).first()
+    if not config:
+        raise HTTPException(status_code=400, detail="短信配置未设置，请先保存短信配置")
+
+    if not config.api_key or not config.api_secret:
+        raise HTTPException(
+            status_code=400,
+            detail="未配置阿里云短信 AccessKey，请填写 API Key (AccessKey ID) 和 API Secret (AccessKey Secret)"
+        )
+
+    if not config.sign_name:
+        raise HTTPException(status_code=400, detail="未配置短信签名")
+
+    # 获取接收测试短信的手机号（管理员手机号）
+    admin = db.query(User).filter(User.id == admin_user.id).first()
+    phone = admin.phone if admin and admin.phone else None
+    if not phone:
+        raise HTTPException(status_code=400, detail="管理员未设置手机号，无法发送测试短信")
+
+    logger.info(f"测试短信: provider={config.provider}, sign={config.sign_name}, phone={phone}")
+
+    # 只有阿里云短信支持测试
+    if "阿里云" not in (config.provider or ""):
+        raise HTTPException(
+            status_code=400,
+            detail=f"当前短信服务商 '{config.provider}' 暂不支持在线测试，请直接在生产环境测试"
+        )
+
+    try:
+        # 阿里云短信参数
+        params = {
+            "AccessKeyId": config.api_key,
+            "Action": "SendSms",
+            "Format": "JSON",
+            "PhoneNumbers": phone,
+            "RegionId": "cn-hangzhou",
+            "SignName": config.sign_name,
+            "SignatureMethod": "HMAC-SHA1",
+            "SignatureNonce": str(uuid.uuid4()),
+            "SignatureVersion": "1.0",
+            "TemplateCode": config.template_code or "SMS_00000001",
+            "TemplateParam": '{"code":"123456"}',
+            "Timestamp": datetime.utcnow().strftime("%Y-%m-%dT%H:%M:%SZ"),
+            "Version": "2017-05-25",
+        }
+        params["Signature"] = _aliyun_sign(config.api_secret, params)
+
+        import requests as http_requests
+        resp = http_requests.post(
+            "https://dysmsapi.aliyuncs.com/",
+            data=params,
+            headers={"Content-Type": "application/x-www-form-urlencoded"},
+            timeout=10,
+        )
+        result = resp.json()
+
+        logger.info(f"阿里云短信API响应: {result}")
+
+        if result.get("Code") == "OK":
+            LogService.log_audit(
+                admin_id=admin_user.id,
+                admin_name=admin_user.username,
+                action="test_sms_config",
+                target_type="sms_config",
+                detail=f"测试短信发送成功 -> {phone}",
+            )
+            return {"message": f"测试短信已发送到 {phone}", "phone": phone, "biz_id": result.get("BizId")}
+        else:
+            error_msg = result.get("Message", result.get("Code", "未知错误"))
+            raise HTTPException(status_code=400, detail=f"阿里云短信发送失败: {error_msg}")
+
+    except HTTPException:
+        raise
+    except Exception as e:
+        logger.error(f"测试短信发送失败: {e}")
+        raise HTTPException(status_code=500, detail=f"短信发送失败: {str(e)}")
diff --git a/backend/python/app/models.py b/backend/python/app/models.py
index 1398984..5234101 100644
--- a/backend/python/app/models.py
+++ b/backend/python/app/models.py
@@ -84,6 +84,7 @@ class Conversation(Base):
     status = Column(String(10), nullable=False, default="active")  # active / archived
     pinned = Column(Boolean, default=False)
     knowledge_graph_count = Column(Integer, default=0)
+    knowledge_graph_base_id = Column(String(64), default=None, comment="已生成的知识图谱知识库ID")
     created_at = Column(DateTime, default=datetime.now)
     updated_at = Column(DateTime, default=datetime.now, onupdate=datetime.now)
 
@@ -626,6 +627,7 @@ class EmailConfig(Base):
     password = Column(String(200), nullable=False)
     from_address = Column(String(200), nullable=False)
     use_tls = Column(Boolean, default=True)
+    use_ssl = Column(Boolean, default=False)
     created_at = Column(DateTime, default=datetime.now)
     updated_at = Column(DateTime, default=datetime.now, onupdate=datetime.now)
 
diff --git a/frontend/src/pages/admin/SiteSettings.tsx b/frontend/src/pages/admin/SiteSettings.tsx
index 3cc1690..8ab1b30 100644
--- a/frontend/src/pages/admin/SiteSettings.tsx
+++ b/frontend/src/pages/admin/SiteSettings.tsx
@@ -1,772 +1,799 @@
-import React, { useState, useEffect, useRef } from 'react';
-import { adminAPI } from '@/api';
-
-const SVGIcon: React.FC<{ children: React.ReactNode; size?: number }> = ({ children, size = 16 }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
-    {children}
-  </svg>
-);
-
-type TabKey = 'basic' | 'logo' | 'email' | 'sms' | 'registration';
-
-const TABS: { key: TabKey; label: string; icon: React.ReactNode }[] = [
-  { key: 'basic', label: '基础设置', icon: <><rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/><rect x="14" y="14" width="7" height="7" rx="1"/></> },
-  { key: 'logo', label: 'Logo 设置', icon: <><circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="3"/></> },
-  { key: 'email', label: '邮件配置', icon: <><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></> },
-  { key: 'sms', label: '短信配置', icon: <><rect x="5" y="2" width="14" height="20" rx="2"/><line x1="12" y1="18" x2="12.01" y2="18"/></> },
-  { key: 'registration', label: '注册设置', icon: <><path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="8.5" cy="7" r="4"/><line x1="20" y1="8" x2="20" y2="14"/><line x1="23" y1="11" x2="17" y2="11"/></> },
-];
-
-const SiteSettings: React.FC = () => {
-  const [activeTab, setActiveTab] = useState<TabKey>('basic');
-  const [brand, setBrand] = useState<Record<string, string>>({
-    logo: '', siteName: '', announcement: '', icpNumber: '', contactPhone: '',
-  });
-  const [mail, setMail] = useState({
-    smtp_host: '', smtp_port: 587, username: '', password: '', from_address: '', use_tls: true,
-  });
-  const [sms, setSms] = useState({
-    provider: '', api_key: '', api_secret: '', sign_name: '', template_code: '',
-  });
-  const [registration, setRegistration] = useState({
-    allow_register: true,
-    require_email_verify: false,
-    require_phone_verify: false,
-    default_role: 'user',
-    welcome_message: '',
-  });
-  const [savedMsg, setSavedMsg] = useState<string | null>(null);
-  const [loading, setLoading] = useState(true);
-  const [testResult, setTestResult] = useState<string | null>(null);
-  const [showEmailTest, setShowEmailTest] = useState(false);
-  const [emailTestTo, setEmailTestTo] = useState('');
-  const [emailTestSubject, setEmailTestSubject] = useState('');
-  const [emailTestBody, setEmailTestBody] = useState('');
-  const [emailGenerating, setEmailGenerating] = useState(false);
-  const [logoUploading, setLogoUploading] = useState(false);
-  const [logoPreview, setLogoPreview] = useState('');
-  const logoInputRef = useRef<HTMLInputElement>(null);
-
-  // AI生成测试邮件内容
-  const handleAIGenerateContent = async () => {
-    setEmailGenerating(true);
-    try {
-      const res = await adminAPI.generateEmailContent('测试邮件');
-      const data = (res as any).data || res;
-      setEmailTestSubject(data.subject || '');
-      setEmailTestBody(data.body || '');
-    } catch (e) {
-      const subjects = [
-        '【测试】AIFlow邮件服务配置验证',
-        'AIFlow平台 - 邮件投递测试',
-        '测试邮件：您的SMTP服务已就绪',
-      ];
-      const bodies = [
-        '您好！\n\n这是一封来自 AIFlow 智能自动化平台的测试邮件。\n\n如果您收到此邮件，说明SMTP邮件服务已配置成功。\n\n此致\nAIFlow 平台团队',
-        'Hi,\n\nThis is a test email from AIFlow Platform.\n\nIf you received this, the SMTP service works fine.\n\nBest regards,\nAIFlow Team',
-        '【系统通知】\n邮件服务连通性测试通过。\n\n发件服务器配置正确。\n\n—— AIFlow',
-      ];
-      setEmailTestSubject(subjects[Math.floor(Math.random() * subjects.length)]);
-      setEmailTestBody(bodies[Math.floor(Math.random() * bodies.length)]);
-    } finally {
-      setEmailGenerating(false);
-    }
-  };
-
-  // Load all configs
-  useEffect(() => {
-    async function loadConfig() {
-      try {
-        const [siteRes, emailRes, smsRes, regRes] = await Promise.all([
-          adminAPI.getSiteSettings(),
-          adminAPI.getEmailConfig(),
-          adminAPI.getSmsConfig(),
-          adminAPI.getSiteSettings().then((r: any) => ({ data: r?.data?.registration || {} })).catch(() => ({ data: {} })),
-        ]);
-        if (siteRes?.data) {
-          setBrand({
-            logo: siteRes.data.logo || siteRes.data.site_logo || '',
-            siteName: siteRes.data.site_name || siteRes.data.siteName || '',
-            announcement: siteRes.data.announcement || '',
-            icpNumber: siteRes.data.icp_number || siteRes.data.icpNumber || '',
-            contactPhone: siteRes.data.contact_phone || siteRes.data.contactPhone || '',
-          });
-          setLogoPreview(siteRes.data.logo || siteRes.data.site_logo || '');
-        }
-        if (emailRes?.data) {
-          setMail({
-            smtp_host: emailRes.data.smtp_host || '',
-            smtp_port: emailRes.data.smtp_port || 587,
-            username: emailRes.data.username || '',
-            password: emailRes.data.password || '',
-            from_address: emailRes.data.from_address || '',
-            use_tls: emailRes.data.use_tls !== false,
-          });
-        }
-        if (smsRes?.data) {
-          setSms({
-            provider: smsRes.data.provider || '',
-            api_key: smsRes.data.api_key || '',
-            api_secret: smsRes.data.api_secret || '',
-            sign_name: smsRes.data.sign_name || '',
-            template_code: smsRes.data.template_code || '',
-          });
-        }
-        // Try to load registration settings from site settings
-        try {
-          const regData = (siteRes as any)?.data;
-          if (regData?.allow_register !== undefined) {
-            setRegistration({
-              allow_register: regData.allow_register === true || regData.allow_register === 'true',
-              require_email_verify: regData.require_email_verify === true || regData.require_email_verify === 'true',
-              require_phone_verify: regData.require_phone_verify === true || regData.require_phone_verify === 'true',
-              default_role: regData.default_role || 'user',
-              welcome_message: regData.welcome_message || '',
-            });
-          }
-        } catch {}
-      } catch (e) {
-        console.error('加载配置失败:', e);
-      } finally {
-        setLoading(false);
-      }
-    }
-    loadConfig();
-  }, []);
-
-  const showSaved = (block: string) => {
-    setSavedMsg(block + ' 保存成功');
-    setTimeout(() => setSavedMsg(null), 2000);
-  };
-
-  const showTestResult = (result: string) => {
-    setTestResult(result);
-    setTimeout(() => setTestResult(null), 5000);
-  };
-
-  // Logo upload handler
-  const handleLogoUpload = async (e: React.ChangeEvent<HTMLInputElement>) => {
-    const file = e.target.files?.[0];
-    if (!file) return;
-
-    // Preview locally
-    const reader = new FileReader();
-    reader.onload = (ev) => setLogoPreview(ev.target?.result as string);
-    reader.readAsDataURL(file);
-
-    // Upload to server
-    setLogoUploading(true);
-    try {
-      const formData = new FormData();
-      formData.append('file', file);
-      const res = await adminAPI.uploadLogo(formData);
-      const data = (res as any)?.data || res;
-      const url = data?.url || data?.logo_url || '';
-      if (url) {
-        setBrand({ ...brand, logo: url });
-        showSaved('Logo');
-      }
-    } catch (e: any) {
-      showTestResult('Logo 上传失败: ' + (e.detail || e.message || '未知错误'));
-    } finally {
-      setLogoUploading(false);
-    }
-  };
-
-  const saveSiteSettings = async () => {
-    try {
-      await adminAPI.updateSiteSettings({
-        logo: brand.logo || logoPreview,
-        site_name: brand.siteName,
-        announcement: brand.announcement,
-        icp_number: brand.icpNumber,
-        contact_phone: brand.contactPhone,
-      });
-      showSaved('基础设置');
-    } catch (e: any) {
-      showTestResult('保存失败: ' + (e.detail || e.message));
-    }
-  };
-
-  const saveEmailConfig = async () => {
-    try {
-      await adminAPI.updateEmailConfig({
-        smtp_host: mail.smtp_host,
-        smtp_port: mail.smtp_port,
-        username: mail.username,
-        password: mail.password,
-        from_address: mail.from_address,
-        use_tls: mail.use_tls,
-      });
-      showSaved('邮件配置');
-    } catch (e: any) {
-      showTestResult('保存失败: ' + (e.detail || e.message));
-    }
-  };
-
-  const saveSmsConfig = async () => {
-    try {
-      await adminAPI.updateSmsConfig({
-        provider: sms.provider,
-        api_key: sms.api_key,
-        api_secret: sms.api_secret,
-        sign_name: sms.sign_name,
-        template_code: sms.template_code,
-      });
-      showSaved('短信配置');
-    } catch (e: any) {
-      showTestResult('保存失败: ' + (e.detail || e.message));
-    }
-  };
-
-  const saveRegistrationSettings = async () => {
-    try {
-      await adminAPI.updateSiteSettings({
-        allow_register: String(registration.allow_register),
-        require_email_verify: String(registration.require_email_verify),
-        require_phone_verify: String(registration.require_phone_verify),
-        default_role: registration.default_role,
-        welcome_message: registration.welcome_message,
-      });
-      showSaved('注册设置');
-    } catch (e: any) {
-      showTestResult('保存失败: ' + (e.detail || e.message));
-    }
-  };
-
-  const sendTestEmail = async () => {
-    if (!emailTestTo.trim()) {
-      showTestResult('请输入收件邮箱地址');
-      return;
-    }
-    try {
-      await adminAPI.updateEmailConfig({
-        smtp_host: mail.smtp_host,
-        smtp_port: mail.smtp_port,
-        username: mail.username,
-        password: mail.password,
-        from_address: mail.from_address,
-        use_tls: mail.use_tls,
-      });
-      const res = await adminAPI.testEmail({
-        test_to: emailTestTo.trim(),
-        test_subject: emailTestSubject || undefined,
-        test_body: emailTestBody || undefined,
-      });
-      showTestResult('测试邮件已发送至 ' + emailTestTo + ': ' + ((res as any)?.message || 'OK'));
-      setShowEmailTest(false);
-    } catch (e: any) {
-      showTestResult('测试邮件发送失败: ' + (e.detail || e.message));
-    }
-  };
-
-  const openEmailTest = () => {
-    setEmailTestTo('');
-    setEmailTestSubject('');
-    setEmailTestBody('');
-    setShowEmailTest(true);
-  };
-
-  const sendTestSms = async () => {
-    try {
-      const res = await adminAPI.testSms();
-      showTestResult('测试短信发送成功: ' + (res?.message || 'OK'));
-    } catch (e: any) {
-      showTestResult('测试短信发送失败: ' + (e.detail || e.message));
-    }
-  };
-
-  if (loading) {
-    return <div style={{ padding: 40, textAlign: 'center', color: 'var(--color-text-secondary)' }}>加载中...</div>;
-  }
-
-  const FormGroup = ({ label, required, children }: { label: string; required?: boolean; children: React.ReactNode }) => (
-    <div className="admin-form-group">
-      <label className="admin-form-label">
-        {label}
-        {required && <span style={{ color: 'var(--color-error)' }}> *</span>}
-      </label>
-      {children}
-    </div>
-  );
-
-  const FormRow = ({ children }: { children: React.ReactNode }) => (
-    <div className="admin-form-row">{children}</div>
-  );
-
-  const FormActions = ({ children }: { children: React.ReactNode }) => (
-    <div className="admin-form-actions">{children}</div>
-  );
-
-  // ========== Render Tab Content ==========
-  const renderTabContent = () => {
-    switch (activeTab) {
-      // ── 基础设置 ──
-      case 'basic':
-        return (
-          <div className="admin-card">
-            <div className="admin-card-header">
-              <h3 className="admin-card-title">基础信息</h3>
-            </div>
-            <FormRow>
-              <FormGroup label="网站名称" required>
-                <input className="admin-form-input" value={brand.siteName}
-                  onChange={e => setBrand({ ...brand, siteName: e.target.value })}
-                  placeholder="例如: 七虎AI" />
-              </FormGroup>
-              <FormGroup label="LOGO URL">
-                <input className="admin-form-input" value={brand.logo}
-                  onChange={e => { setBrand({ ...brand, logo: e.target.value }); setLogoPreview(e.target.value); }}
-                  placeholder="https://... 或上传后自动填入" />
-              </FormGroup>
-            </FormRow>
-
-            <FormGroup label="首页公告">
-              <textarea className="admin-form-input admin-form-textarea"
-                value={brand.announcement}
-                onChange={e => setBrand({ ...brand, announcement: e.target.value })}
-                style={{ minHeight: 80 }}
-                placeholder="将在首页顶部显示的公告内容..." />
-            </FormGroup>
-
-            <FormRow>
-              <FormGroup label="备案号">
-                <input className="admin-form-input" value={brand.icpNumber}
-                  onChange={e => setBrand({ ...brand, icpNumber: e.target.value })}
-                  placeholder="例如: 京ICP备XXXXXXXX号" />
-              </FormGroup>
-              <FormGroup label="客服联系方式">
-                <input className="admin-form-input" value={brand.contactPhone}
-                  onChange={e => setBrand({ ...brand, contactPhone: e.target.value })}
-                  placeholder="电话 / 邮箱 / 微信" />
-              </FormGroup>
-            </FormRow>
-
-            <FormActions>
-              <button className="admin-btn admin-btn-primary" onClick={saveSiteSettings}>
-                <SVGIcon><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/><polyline points="17 21 17 13 7 13 7 21"/><polyline points="7 3 7 8 15 8"/></SVGIcon>
-                保存设置
-              </button>
-            </FormActions>
-          </div>
-        );
-
-      // ── Logo 设置 ──
-      case 'logo':
-        return (
-          <div className="admin-card">
-            <div className="admin-card-header">
-              <h3 className="admin-card-title">Logo 上传</h3>
-              <span style={{ fontSize: 'var(--text-xs)', color: 'var(--color-text-muted)' }}>
-                建议尺寸 200x60px，支持 PNG/JPG/SVG/WEBP，最大 2MB
-              </span>
-            </div>
-
-            <div style={{
-              display: 'flex', gap: 'var(--space-2xl)', alignItems: 'flex-start',
-              flexWrap: 'wrap' as const,
-            }}>
-              {/* Preview */}
-              <div style={{
-                width: 280, minHeight: 160,
-                border: '2px dashed var(--color-border)',
-                borderRadius: 'var(--radius-lg)',
-                display: 'flex', alignItems: 'center', justifyContent: 'center',
-                background: 'var(--color-bg-elevated)',
-                flexShrink: 0,
-                position: 'relative',
-              }}>
-                {logoPreview ? (
-                  <div style={{ textAlign: 'center' }}>
-                    <img
-                      src={logoPreview}
-                      alt="Logo Preview"
-                      style={{ maxWidth: 240, maxHeight: 80, objectFit: 'contain' }}
-                      onError={(e) => {
-                        (e.target as HTMLImageElement).style.display = 'none';
-                      }}
-                    />
-                    <div style={{ marginTop: 8, fontSize: 'var(--text-xs)', color: 'var(--color-text-muted)' }}>
-                      实时预览
-                    </div>
-                  </div>
-                ) : (
-                  <div style={{ textAlign: 'center', color: 'var(--color-text-muted)' }}>
-                    <SVGIcon size={32}>
-                      <rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/>
-                    </SVGIcon>
-                    <div style={{ marginTop: 8, fontSize: 'var(--text-sm)' }}>暂无 Logo</div>
-                    <div style={{ fontSize: 'var(--text-xs)' }}>点击上传或拖拽到此处</div>
-                  </div>
-                )}
-                {logoUploading && (
-                  <div style={{
-                    position: 'absolute', inset: 0,
-                    background: 'rgba(0,0,0,0.5)', borderRadius: 'var(--radius-lg)',
-                    display: 'flex', alignItems: 'center', justifyContent: 'center',
-                  }}>
-                    <div className="spinner" />
-                  </div>
-                )}
-              </div>
-
-              {/* Upload Actions */}
-              <div style={{ flex: 1, minWidth: 240 }}>
-                <p style={{ color: 'var(--color-text-secondary)', fontSize: 'var(--text-sm)', marginBottom: 'var(--space-lg)' }}>
-                  上传平台 Logo，将显示在网站标题栏、首页导航等位置。
-                </p>
-
-                <input
-                  ref={logoInputRef}
-                  type="file"
-                  accept="image/png,image/jpeg,image/svg+xml,image/webp"
-                  onChange={handleLogoUpload}
-                  style={{ display: 'none' }}
-                />
-                <div style={{ display: 'flex', gap: 'var(--space-sm)', flexWrap: 'wrap' }}>
-                  <button
-                    className="admin-btn admin-btn-primary"
-                    onClick={() => logoInputRef.current?.click()}
-                    disabled={logoUploading}
-                  >
-                    <SVGIcon><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/></SVGIcon>
-                    {logoUploading ? '上传中...' : '选择文件上传'}
-                  </button>
-                  {logoPreview && (
-                    <button
-                      className="admin-btn admin-btn-outline"
-                      onClick={() => {
-                        setLogoPreview('');
-                        setBrand({ ...brand, logo: '' });
-                        if (logoInputRef.current) logoInputRef.current.value = '';
-                      }}
-                    >
-                      <SVGIcon><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></SVGIcon>
-                      移除 Logo
-                    </button>
-                  )}
-                </div>
-
-                {/* URL Fallback */}
-                <div style={{ marginTop: 'var(--space-xl)', paddingTop: 'var(--space-lg)',
-                  borderTop: '1px solid var(--color-border)' }}>
-                  <FormGroup label="或使用外链 URL">
-                    <div style={{ display: 'flex', gap: 'var(--space-sm)' }}>
-                      <input className="admin-form-input"
-                        value={brand.logo}
-                        onChange={e => { setBrand({ ...brand, logo: e.target.value }); setLogoPreview(e.target.value || ''); }}
-                        placeholder="https://example.com/logo.png"
-                        style={{ flex: 1 }} />
-                      <button className="admin-btn admin-btn-primary" onClick={saveSiteSettings}>
-                        保存
-                      </button>
-                    </div>
-                  </FormGroup>
-                </div>
-              </div>
-            </div>
-          </div>
-        );
-
-      // ── 邮件配置 ──
-      case 'email':
-        return (
-          <div className="admin-card">
-            <div className="admin-card-header">
-              <h3 className="admin-card-title">SMTP 邮件服务</h3>
-            </div>
-
-            <FormRow>
-              <FormGroup label="SMTP 服务器" required>
-                <input className="admin-form-input" value={mail.smtp_host}
-                  onChange={e => setMail({ ...mail, smtp_host: e.target.value })}
-                  placeholder="例如: smtp.gmail.com" />
-              </FormGroup>
-              <FormGroup label="端口">
-                <input className="admin-form-input" type="number" value={mail.smtp_port}
-                  onChange={e => setMail({ ...mail, smtp_port: Number(e.target.value) })} />
-              </FormGroup>
-            </FormRow>
-
-            <FormRow>
-              <FormGroup label="用户名" required>
-                <input className="admin-form-input" value={mail.username}
-                  onChange={e => setMail({ ...mail, username: e.target.value })} />
-              </FormGroup>
-              <FormGroup label="密码" required>
-                <input className="admin-form-input" type="password" value={mail.password}
-                  onChange={e => setMail({ ...mail, password: e.target.value })} />
-              </FormGroup>
-            </FormRow>
-
-            <FormRow>
-              <FormGroup label="发件地址" required>
-                <input className="admin-form-input" value={mail.from_address}
-                  onChange={e => setMail({ ...mail, from_address: e.target.value })}
-                  placeholder="noreply@example.com" />
-              </FormGroup>
-              <FormGroup label="安全协议">
-                <label style={{ display: 'flex', alignItems: 'center', gap: 'var(--space-sm)',
-                  padding: '10px 0', cursor: 'pointer', color: 'var(--color-text-secondary)', fontSize: 'var(--text-sm)' }}>
-                  <input type="checkbox" checked={mail.use_tls}
-                    onChange={e => setMail({ ...mail, use_tls: e.target.checked })}
-                    style={{ accentColor: 'var(--color-accent)' }} />
-                  启用 TLS 加密
-                </label>
-              </FormGroup>
-            </FormRow>
-
-            <FormActions>
-              <button className="admin-btn admin-btn-primary" onClick={saveEmailConfig}>
-                <SVGIcon><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/><polyline points="17 21 17 13 7 13 7 21"/><polyline points="7 3 7 8 15 8"/></SVGIcon>
-                保存配置
-              </button>
-              <button className="admin-btn admin-btn-outline" onClick={openEmailTest}>
-                <SVGIcon><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></SVGIcon>
-                发送测试邮件
-              </button>
-            </FormActions>
-          </div>
-        );
-
-      // ── 短信配置 ──
-      case 'sms':
-        return (
-          <div className="admin-card">
-            <div className="admin-card-header">
-              <h3 className="admin-card-title">短信服务</h3>
-            </div>
-
-            <FormRow>
-              <FormGroup label="短信服务商">
-                <select className="admin-form-input" value={sms.provider}
-                  onChange={e => setSms({ ...sms, provider: e.target.value })}>
-                  <option value="">请选择</option>
-                  <option value="阿里云短信">阿里云短信</option>
-                  <option value="腾讯云短信">腾讯云短信</option>
-                  <option value="华为云短信">华为云短信</option>
-                </select>
-              </FormGroup>
-              <FormGroup label="短信签名">
-                <input className="admin-form-input" value={sms.sign_name}
-                  onChange={e => setSms({ ...sms, sign_name: e.target.value })} />
-              </FormGroup>
-            </FormRow>
-
-            <FormRow>
-              <FormGroup label="API Key (AccessKey ID)">
-                <input className="admin-form-input" value={sms.api_key}
-                  onChange={e => setSms({ ...sms, api_key: e.target.value })} />
-              </FormGroup>
-              <FormGroup label="API Secret (AccessKey Secret)">
-                <input className="admin-form-input" type="password" value={sms.api_secret}
-                  onChange={e => setSms({ ...sms, api_secret: e.target.value })} />
-              </FormGroup>
-            </FormRow>
-
-            <FormGroup label="模板编码" required>
-              <input className="admin-form-input" value={sms.template_code}
-                onChange={e => setSms({ ...sms, template_code: e.target.value })}
-                placeholder="例如: SMS_00000001"
-                style={{ maxWidth: 400 }} />
-            </FormGroup>
-
-            <FormActions>
-              <button className="admin-btn admin-btn-primary" onClick={saveSmsConfig}>
-                <SVGIcon><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/><polyline points="17 21 17 13 7 13 7 21"/><polyline points="7 3 7 8 15 8"/></SVGIcon>
-                保存配置
-              </button>
-              <button className="admin-btn admin-btn-outline" onClick={sendTestSms}>
-                <SVGIcon><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></SVGIcon>
-                发送测试短信
-              </button>
-            </FormActions>
-          </div>
-        );
-
-      // ── 注册设置 ──
-      case 'registration':
-        return (
-          <div className="admin-card">
-            <div className="admin-card-header">
-              <h3 className="admin-card-title">注册与准入</h3>
-            </div>
-
-            <FormRow>
-              <FormGroup label="允许新用户注册">
-                <label style={{ display: 'flex', alignItems: 'center', gap: 'var(--space-sm)',
-                  padding: '10px 0', cursor: 'pointer', color: 'var(--color-text-secondary)', fontSize: 'var(--text-sm)' }}>
-                  <input type="checkbox" checked={registration.allow_register}
-                    onChange={e => setRegistration({ ...registration, allow_register: e.target.checked })}
-                    style={{ accentColor: 'var(--color-accent)' }} />
-                  开启注册（关闭后仅管理员可手动创建用户）
-                </label>
-              </FormGroup>
-              <FormGroup label="默认角色">
-                <select className="admin-form-input" value={registration.default_role}
-                  onChange={e => setRegistration({ ...registration, default_role: e.target.value })}>
-                  <option value="user">普通用户</option>
-                  <option value="member">会员</option>
-                  <option value="developer">开发者</option>
-                </select>
-              </FormGroup>
-            </FormRow>
-
-            <FormRow>
-              <FormGroup label="邮箱验证">
-                <label style={{ display: 'flex', alignItems: 'center', gap: 'var(--space-sm)',
-                  padding: '10px 0', cursor: 'pointer', color: 'var(--color-text-secondary)', fontSize: 'var(--text-sm)' }}>
-                  <input type="checkbox" checked={registration.require_email_verify}
-                    onChange={e => setRegistration({ ...registration, require_email_verify: e.target.checked })}
-                    style={{ accentColor: 'var(--color-accent)' }} />
-                  注册时要求邮箱验证
-                </label>
-              </FormGroup>
-              <FormGroup label="手机验证">
-                <label style={{ display: 'flex', alignItems: 'center', gap: 'var(--space-sm)',
-                  padding: '10px 0', cursor: 'pointer', color: 'var(--color-text-secondary)', fontSize: 'var(--text-sm)' }}>
-                  <input type="checkbox" checked={registration.require_phone_verify}
-                    onChange={e => setRegistration({ ...registration, require_phone_verify: e.target.checked })}
-                    style={{ accentColor: 'var(--color-accent)' }} />
-                  注册时要求短信验证
-                </label>
-              </FormGroup>
-            </FormRow>
-
-            <FormGroup label="欢迎语（注册成功后展示）">
-              <textarea className="admin-form-input admin-form-textarea"
-                value={registration.welcome_message}
-                onChange={e => setRegistration({ ...registration, welcome_message: e.target.value })}
-                style={{ minHeight: 80 }}
-                placeholder="欢迎加入七虎AI！从这里开始你的 AI 创造之旅..." />
-            </FormGroup>
-
-            <FormActions>
-              <button className="admin-btn admin-btn-primary" onClick={saveRegistrationSettings}>
-                <SVGIcon><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/><polyline points="17 21 17 13 7 13 7 21"/><polyline points="7 3 7 8 15 8"/></SVGIcon>
-                保存设置
-              </button>
-            </FormActions>
-          </div>
-        );
-
-      default:
-        return null;
-    }
-  };
-
-  // ========== Main Render ==========
-  return (
-    <div style={{ animation: 'fadeIn var(--transition-normal)' }}>
-      {/* Header */}
-      <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: 'var(--space-2xl)' }}>
-        <h1 className="admin-page-title" style={{ marginBottom: 0 }}>站点设置</h1>
-        {savedMsg && (
-          <span className="admin-badge badge-success" style={{ padding: '6px 14px', fontSize: 'var(--text-sm)' }}>
-            <SVGIcon><polyline points="20 6 9 17 4 12"/></SVGIcon>
-            {' '}{savedMsg}
-          </span>
-        )}
-      </div>
-
-      {/* Horizontal Tab Bar */}
-      <div style={{
-        display: 'flex', gap: 0,
-        borderBottom: '1px solid var(--color-border)',
-        marginBottom: 'var(--space-2xl)',
-        overflowX: 'auto' as const,
-      }}>
-        {TABS.map(tab => (
-          <button
-            key={tab.key}
-            onClick={() => setActiveTab(tab.key)}
-            style={{
-              display: 'inline-flex', alignItems: 'center', gap: 6,
-              padding: '10px 18px',
-              border: 'none',
-              background: 'transparent',
-              color: activeTab === tab.key ? 'var(--color-accent)' : 'var(--color-text-muted)',
-              fontSize: 'var(--text-sm)',
-              fontWeight: activeTab === tab.key ? 600 : 400,
-              cursor: 'pointer',
-              borderBottom: activeTab === tab.key ? '2px solid var(--color-accent)' : '2px solid transparent',
-              transition: 'all var(--transition-fast)',
-              whiteSpace: 'nowrap' as const,
-              marginBottom: -1,
-            }}
-          >
-            <SVGIcon size={15}>{tab.icon}</SVGIcon>
-            {tab.label}
-          </button>
-        ))}
-      </div>
-
-      {/* Tab Content */}
-      {renderTabContent()}
-
-      {/* Email Test Modal */}
-      {showEmailTest && (
-        <div className="admin-modal-overlay" onClick={() => setShowEmailTest(false)}>
-          <div className="admin-modal" onClick={e => e.stopPropagation()}>
-            <div className="admin-modal-header">
-              <h3 style={{ display: 'flex', alignItems: 'center', gap: 8, margin: 0 }}>
-                <SVGIcon size={18}><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></SVGIcon>
-                发送测试邮件
-              </h3>
-              <button className="admin-modal-close" onClick={() => setShowEmailTest(false)}>
-                <SVGIcon size={18}><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></SVGIcon>
-              </button>
-            </div>
-            <div className="admin-modal-body">
-              <FormGroup label="收件邮箱" required>
-                <input className="admin-form-input" type="email" value={emailTestTo}
-                  onChange={e => setEmailTestTo(e.target.value)}
-                  placeholder="例如: admin@example.com" />
-              </FormGroup>
-              <FormGroup label="邮件主题">
-                <input className="admin-form-input" value={emailTestSubject}
-                  onChange={e => setEmailTestSubject(e.target.value)} />
-              </FormGroup>
-              <FormGroup label="邮件内容">
-                <textarea className="admin-form-input admin-form-textarea"
-                  value={emailTestBody}
-                  onChange={e => setEmailTestBody(e.target.value)}
-                  style={{ minHeight: 120 }} />
-              </FormGroup>
-              <div style={{ marginBottom: 'var(--space-lg)' }}>
-                <button className="admin-btn admin-btn-outline admin-btn-sm"
-                  onClick={handleAIGenerateContent} disabled={emailGenerating}>
-                  <SVGIcon size={12}><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></SVGIcon>
-                  {emailGenerating ? '生成中...' : 'AI生成测试内容'}
-                </button>
-              </div>
-            </div>
-            <div className="admin-modal-footer">
-              <button className="admin-btn admin-btn-primary" onClick={sendTestEmail} disabled={!emailTestTo.trim()}>
-                <SVGIcon><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></SVGIcon>
-                发送测试邮件
-              </button>
-              <button className="admin-btn admin-btn-outline" onClick={() => setShowEmailTest(false)}>取消</button>
-            </div>
-          </div>
-        </div>
-      )}
-
-      {/* Toast */}
-      {testResult && (
-        <div style={{
-          position: 'fixed', bottom: 24, right: 24, padding: '12px 20px',
-          background: testResult.includes('失败') ? 'var(--color-error)' : 'var(--color-success)',
-          color: '#fff', borderRadius: 8,
-          boxShadow: '0 4px 12px rgba(0,0,0,0.3)',
-          zIndex: 9999, fontSize: 'var(--text-sm)',
-          maxWidth: 420,
-        }}>
-          {testResult}
-        </div>
-      )}
-    </div>
-  );
-};
-
-export default SiteSettings;
+import React, { useState, useEffect, useRef } from 'react';
+import { adminAPI } from '@/api';
+
+const SVGIcon: React.FC<{ children: React.ReactNode; size?: number }> = ({ children, size = 16 }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+    {children}
+  </svg>
+);
+
+type TabKey = 'basic' | 'logo' | 'email' | 'sms' | 'registration';
+
+const TABS: { key: TabKey; label: string; icon: React.ReactNode }[] = [
+  { key: 'basic', label: '基础设置', icon: <><rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/><rect x="14" y="14" width="7" height="7" rx="1"/></> },
+  { key: 'logo', label: 'Logo 设置', icon: <><circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="3"/></> },
+  { key: 'email', label: '邮件配置', icon: <><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></> },
+  { key: 'sms', label: '短信配置', icon: <><rect x="5" y="2" width="14" height="20" rx="2"/><line x1="12" y1="18" x2="12.01" y2="18"/></> },
+  { key: 'registration', label: '注册设置', icon: <><path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="8.5" cy="7" r="4"/><line x1="20" y1="8" x2="20" y2="14"/><line x1="23" y1="11" x2="17" y2="11"/></> },
+];
+
+const SiteSettings: React.FC = () => {
+  const [activeTab, setActiveTab] = useState<TabKey>('basic');
+  const [brand, setBrand] = useState<Record<string, string>>({
+    logo: '', siteName: '', announcement: '', icpNumber: '', contactPhone: '',
+  });
+  const [mail, setMail] = useState({
+    smtp_host: '', smtp_port: 587, username: '', password: '', from_address: '', use_tls: true, use_ssl: false,
+  });
+  const [sms, setSms] = useState({
+    provider: '', api_key: '', api_secret: '', sign_name: '', template_code: '',
+  });
+  const [registration, setRegistration] = useState({
+    allow_register: true,
+    require_email_verify: false,
+    require_phone_verify: false,
+    default_role: 'user',
+    welcome_message: '',
+  });
+  const [savedMsg, setSavedMsg] = useState<string | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [testResult, setTestResult] = useState<string | null>(null);
+  const [showEmailTest, setShowEmailTest] = useState(false);
+  const [emailTestTo, setEmailTestTo] = useState('');
+  const [emailTestSubject, setEmailTestSubject] = useState('');
+  const [emailTestBody, setEmailTestBody] = useState('');
+  const [emailGenerating, setEmailGenerating] = useState(false);
+  const [logoUploading, setLogoUploading] = useState(false);
+  const [logoPreview, setLogoPreview] = useState('');
+  const logoInputRef = useRef<HTMLInputElement>(null);
+
+  // AI生成测试邮件内容
+  const handleAIGenerateContent = async () => {
+    setEmailGenerating(true);
+    try {
+      const res = await adminAPI.generateEmailContent('测试邮件');
+      const data = (res as any).data || res;
+      setEmailTestSubject(data.subject || '');
+      setEmailTestBody(data.body || '');
+    } catch (e) {
+      const subjects = [
+        '【测试】AIFlow邮件服务配置验证',
+        'AIFlow平台 - 邮件投递测试',
+        '测试邮件：您的SMTP服务已就绪',
+      ];
+      const bodies = [
+        '您好！\n\n这是一封来自 AIFlow 智能自动化平台的测试邮件。\n\n如果您收到此邮件，说明SMTP邮件服务已配置成功。\n\n此致\nAIFlow 平台团队',
+        'Hi,\n\nThis is a test email from AIFlow Platform.\n\nIf you received this, the SMTP service works fine.\n\nBest regards,\nAIFlow Team',
+        '【系统通知】\n邮件服务连通性测试通过。\n\n发件服务器配置正确。\n\n—— AIFlow',
+      ];
+      setEmailTestSubject(subjects[Math.floor(Math.random() * subjects.length)]);
+      setEmailTestBody(bodies[Math.floor(Math.random() * bodies.length)]);
+    } finally {
+      setEmailGenerating(false);
+    }
+  };
+
+  // Load all configs
+  useEffect(() => {
+    async function loadConfig() {
+      try {
+        const [siteRes, emailRes, smsRes, regRes] = await Promise.all([
+          adminAPI.getSiteSettings(),
+          adminAPI.getEmailConfig(),
+          adminAPI.getSmsConfig(),
+          adminAPI.getSiteSettings().then((r: any) => ({ data: r?.data?.registration || {} })).catch(() => ({ data: {} })),
+        ]);
+        if (siteRes?.data) {
+          setBrand({
+            logo: siteRes.data.logo || siteRes.data.site_logo || '',
+            siteName: siteRes.data.site_name || siteRes.data.siteName || '',
+            announcement: siteRes.data.announcement || '',
+            icpNumber: siteRes.data.icp_number || siteRes.data.icpNumber || '',
+            contactPhone: siteRes.data.contact_phone || siteRes.data.contactPhone || '',
+          });
+          setLogoPreview(siteRes.data.logo || siteRes.data.site_logo || '');
+        }
+        if (emailRes?.data) {
+          const port = emailRes.data.smtp_port || 587;
+          // 根据端口推断加密方式（后端也会兜底：465=SSL，587/25=STARTTLS）
+          let useSsl = emailRes.data.use_ssl === true;
+          let useTls = emailRes.data.use_tls !== false;
+          if (port === 465) { useSsl = true; useTls = false; }
+          else if (port === 587 || port === 25) { if (!useTls) useTls = true; }
+          setMail({
+            smtp_host: emailRes.data.smtp_host || '',
+            smtp_port: port,
+            username: emailRes.data.username || '',
+            password: emailRes.data.password || '',
+            from_address: emailRes.data.from_address || '',
+            use_tls: useTls,
+            use_ssl: useSsl,
+          });
+        }
+        if (smsRes?.data) {
+          setSms({
+            provider: smsRes.data.provider || '',
+            api_key: smsRes.data.api_key || '',
+            api_secret: smsRes.data.api_secret || '',
+            sign_name: smsRes.data.sign_name || '',
+            template_code: smsRes.data.template_code || '',
+          });
+        }
+        // Try to load registration settings from site settings
+        try {
+          const regData = (siteRes as any)?.data;
+          if (regData?.allow_register !== undefined) {
+            setRegistration({
+              allow_register: regData.allow_register === true || regData.allow_register === 'true',
+              require_email_verify: regData.require_email_verify === true || regData.require_email_verify === 'true',
+              require_phone_verify: regData.require_phone_verify === true || regData.require_phone_verify === 'true',
+              default_role: regData.default_role || 'user',
+              welcome_message: regData.welcome_message || '',
+            });
+          }
+        } catch {}
+      } catch (e) {
+        console.error('加载配置失败:', e);
+      } finally {
+        setLoading(false);
+      }
+    }
+    loadConfig();
+  }, []);
+
+  const showSaved = (block: string) => {
+    setSavedMsg(block + ' 保存成功');
+    setTimeout(() => setSavedMsg(null), 2000);
+  };
+
+  const showTestResult = (result: string) => {
+    setTestResult(result);
+    setTimeout(() => setTestResult(null), 5000);
+  };
+
+  // Logo upload handler
+  const handleLogoUpload = async (e: React.ChangeEvent<HTMLInputElement>) => {
+    const file = e.target.files?.[0];
+    if (!file) return;
+
+    // Preview locally
+    const reader = new FileReader();
+    reader.onload = (ev) => setLogoPreview(ev.target?.result as string);
+    reader.readAsDataURL(file);
+
+    // Upload to server
+    setLogoUploading(true);
+    try {
+      const formData = new FormData();
+      formData.append('file', file);
+      const res = await adminAPI.uploadLogo(formData);
+      const data = (res as any)?.data || res;
+      const url = data?.url || data?.logo_url || '';
+      if (url) {
+        setBrand({ ...brand, logo: url });
+        showSaved('Logo');
+      }
+    } catch (e: any) {
+      showTestResult('Logo 上传失败: ' + (e.detail || e.message || '未知错误'));
+    } finally {
+      setLogoUploading(false);
+    }
+  };
+
+  const saveSiteSettings = async () => {
+    try {
+      await adminAPI.updateSiteSettings({
+        logo: brand.logo || logoPreview,
+        site_name: brand.siteName,
+        announcement: brand.announcement,
+        icp_number: brand.icpNumber,
+        contact_phone: brand.contactPhone,
+      });
+      showSaved('基础设置');
+    } catch (e: any) {
+      showTestResult('保存失败: ' + (e.detail || e.message));
+    }
+  };
+
+  const saveEmailConfig = async () => {
+    try {
+      await adminAPI.updateEmailConfig({
+        smtp_host: mail.smtp_host,
+        smtp_port: mail.smtp_port,
+        username: mail.username,
+        password: mail.password,
+        from_address: mail.from_address,
+        use_tls: mail.use_tls,
+        use_ssl: mail.use_ssl,
+      });
+      showSaved('邮件配置');
+    } catch (e: any) {
+      showTestResult('保存失败: ' + (e.detail || e.message));
+    }
+  };
+
+  const saveSmsConfig = async () => {
+    try {
+      await adminAPI.updateSmsConfig({
+        provider: sms.provider,
+        api_key: sms.api_key,
+        api_secret: sms.api_secret,
+        sign_name: sms.sign_name,
+        template_code: sms.template_code,
+      });
+      showSaved('短信配置');
+    } catch (e: any) {
+      showTestResult('保存失败: ' + (e.detail || e.message));
+    }
+  };
+
+  const saveRegistrationSettings = async () => {
+    try {
+      await adminAPI.updateSiteSettings({
+        allow_register: String(registration.allow_register),
+        require_email_verify: String(registration.require_email_verify),
+        require_phone_verify: String(registration.require_phone_verify),
+        default_role: registration.default_role,
+        welcome_message: registration.welcome_message,
+      });
+      showSaved('注册设置');
+    } catch (e: any) {
+      showTestResult('保存失败: ' + (e.detail || e.message));
+    }
+  };
+
+  const sendTestEmail = async () => {
+    if (!emailTestTo.trim()) {
+      showTestResult('请输入收件邮箱地址');
+      return;
+    }
+    try {
+      await adminAPI.updateEmailConfig({
+        smtp_host: mail.smtp_host,
+        smtp_port: mail.smtp_port,
+        username: mail.username,
+        password: mail.password,
+        from_address: mail.from_address,
+        use_tls: mail.use_tls,
+        use_ssl: mail.use_ssl,
+      });
+      const res = await adminAPI.testEmail({
+        test_to: emailTestTo.trim(),
+        test_subject: emailTestSubject || undefined,
+        test_body: emailTestBody || undefined,
+      });
+      showTestResult('测试邮件已发送至 ' + emailTestTo + ': ' + ((res as any)?.message || 'OK'));
+      setShowEmailTest(false);
+    } catch (e: any) {
+      showTestResult('测试邮件发送失败: ' + (e.detail || e.message));
+    }
+  };
+
+  const openEmailTest = () => {
+    setEmailTestTo('');
+    setEmailTestSubject('');
+    setEmailTestBody('');
+    setShowEmailTest(true);
+  };
+
+  // 端口变化自动推荐加密方式
+  const handlePortChange = (port: number) => {
+    let next: typeof mail = { ...mail, smtp_port: port };
+    if (port === 465) {
+      next = { ...next, use_ssl: true, use_tls: false };
+    } else if (port === 587 || port === 25) {
+      next = { ...next, use_ssl: false, use_tls: true };
+    }
+    setMail(next);
+  };
+
+  // 当前加密方式（用于下拉联动）
+  const encryptionMode = mail.use_ssl ? 'ssl' : (mail.use_tls ? 'starttls' : 'none');
+  const handleEncryptionChange = (mode: string) => {
+    if (mode === 'ssl') setMail({ ...mail, use_ssl: true, use_tls: false });
+    else if (mode === 'starttls') setMail({ ...mail, use_ssl: false, use_tls: true });
+    else setMail({ ...mail, use_ssl: false, use_tls: false });
+  };
+
+  const sendTestSms = async () => {
+    try {
+      const res = await adminAPI.testSms();
+      showTestResult('测试短信发送成功: ' + (res?.message || 'OK'));
+    } catch (e: any) {
+      showTestResult('测试短信发送失败: ' + (e.detail || e.message));
+    }
+  };
+
+  if (loading) {
+    return <div style={{ padding: 40, textAlign: 'center', color: 'var(--color-text-secondary)' }}>加载中...</div>;
+  }
+
+  const FormGroup = ({ label, required, children }: { label: string; required?: boolean; children: React.ReactNode }) => (
+    <div className="admin-form-group">
+      <label className="admin-form-label">
+        {label}
+        {required && <span style={{ color: 'var(--color-error)' }}> *</span>}
+      </label>
+      {children}
+    </div>
+  );
+
+  const FormRow = ({ children }: { children: React.ReactNode }) => (
+    <div className="admin-form-row">{children}</div>
+  );
+
+  const FormActions = ({ children }: { children: React.ReactNode }) => (
+    <div className="admin-form-actions">{children}</div>
+  );
+
+  // ========== Render Tab Content ==========
+  const renderTabContent = () => {
+    switch (activeTab) {
+      // ── 基础设置 ──
+      case 'basic':
+        return (
+          <div className="admin-card">
+            <div className="admin-card-header">
+              <h3 className="admin-card-title">基础信息</h3>
+            </div>
+            <FormRow>
+              <FormGroup label="网站名称" required>
+                <input className="admin-form-input" value={brand.siteName}
+                  onChange={e => setBrand({ ...brand, siteName: e.target.value })}
+                  placeholder="例如: 七虎AI" />
+              </FormGroup>
+              <FormGroup label="LOGO URL">
+                <input className="admin-form-input" value={brand.logo}
+                  onChange={e => { setBrand({ ...brand, logo: e.target.value }); setLogoPreview(e.target.value); }}
+                  placeholder="https://... 或上传后自动填入" />
+              </FormGroup>
+            </FormRow>
+
+            <FormGroup label="首页公告">
+              <textarea className="admin-form-input admin-form-textarea"
+                value={brand.announcement}
+                onChange={e => setBrand({ ...brand, announcement: e.target.value })}
+                style={{ minHeight: 80 }}
+                placeholder="将在首页顶部显示的公告内容..." />
+            </FormGroup>
+
+            <FormRow>
+              <FormGroup label="备案号">
+                <input className="admin-form-input" value={brand.icpNumber}
+                  onChange={e => setBrand({ ...brand, icpNumber: e.target.value })}
+                  placeholder="例如: 京ICP备XXXXXXXX号" />
+              </FormGroup>
+              <FormGroup label="客服联系方式">
+                <input className="admin-form-input" value={brand.contactPhone}
+                  onChange={e => setBrand({ ...brand, contactPhone: e.target.value })}
+                  placeholder="电话 / 邮箱 / 微信" />
+              </FormGroup>
+            </FormRow>
+
+            <FormActions>
+              <button className="admin-btn admin-btn-primary" onClick={saveSiteSettings}>
+                <SVGIcon><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/><polyline points="17 21 17 13 7 13 7 21"/><polyline points="7 3 7 8 15 8"/></SVGIcon>
+                保存设置
+              </button>
+            </FormActions>
+          </div>
+        );
+
+      // ── Logo 设置 ──
+      case 'logo':
+        return (
+          <div className="admin-card">
+            <div className="admin-card-header">
+              <h3 className="admin-card-title">Logo 上传</h3>
+              <span style={{ fontSize: 'var(--text-xs)', color: 'var(--color-text-muted)' }}>
+                建议尺寸 200x60px，支持 PNG/JPG/SVG/WEBP，最大 2MB
+              </span>
+            </div>
+
+            <div style={{
+              display: 'flex', gap: 'var(--space-2xl)', alignItems: 'flex-start',
+              flexWrap: 'wrap' as const,
+            }}>
+              {/* Preview */}
+              <div style={{
+                width: 280, minHeight: 160,
+                border: '2px dashed var(--color-border)',
+                borderRadius: 'var(--radius-lg)',
+                display: 'flex', alignItems: 'center', justifyContent: 'center',
+                background: 'var(--color-bg-elevated)',
+                flexShrink: 0,
+                position: 'relative',
+              }}>
+                {logoPreview ? (
+                  <div style={{ textAlign: 'center' }}>
+                    <img
+                      src={logoPreview}
+                      alt="Logo Preview"
+                      style={{ maxWidth: 240, maxHeight: 80, objectFit: 'contain' }}
+                      onError={(e) => {
+                        (e.target as HTMLImageElement).style.display = 'none';
+                      }}
+                    />
+                    <div style={{ marginTop: 8, fontSize: 'var(--text-xs)', color: 'var(--color-text-muted)' }}>
+                      实时预览
+                    </div>
+                  </div>
+                ) : (
+                  <div style={{ textAlign: 'center', color: 'var(--color-text-muted)' }}>
+                    <SVGIcon size={32}>
+                      <rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/>
+                    </SVGIcon>
+                    <div style={{ marginTop: 8, fontSize: 'var(--text-sm)' }}>暂无 Logo</div>
+                    <div style={{ fontSize: 'var(--text-xs)' }}>点击上传或拖拽到此处</div>
+                  </div>
+                )}
+                {logoUploading && (
+                  <div style={{
+                    position: 'absolute', inset: 0,
+                    background: 'rgba(0,0,0,0.5)', borderRadius: 'var(--radius-lg)',
+                    display: 'flex', alignItems: 'center', justifyContent: 'center',
+                  }}>
+                    <div className="spinner" />
+                  </div>
+                )}
+              </div>
+
+              {/* Upload Actions */}
+              <div style={{ flex: 1, minWidth: 240 }}>
+                <p style={{ color: 'var(--color-text-secondary)', fontSize: 'var(--text-sm)', marginBottom: 'var(--space-lg)' }}>
+                  上传平台 Logo，将显示在网站标题栏、首页导航等位置。
+                </p>
+
+                <input
+                  ref={logoInputRef}
+                  type="file"
+                  accept="image/png,image/jpeg,image/svg+xml,image/webp"
+                  onChange={handleLogoUpload}
+                  style={{ display: 'none' }}
+                />
+                <div style={{ display: 'flex', gap: 'var(--space-sm)', flexWrap: 'wrap' }}>
+                  <button
+                    className="admin-btn admin-btn-primary"
+                    onClick={() => logoInputRef.current?.click()}
+                    disabled={logoUploading}
+                  >
+                    <SVGIcon><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/></SVGIcon>
+                    {logoUploading ? '上传中...' : '选择文件上传'}
+                  </button>
+                  {logoPreview && (
+                    <button
+                      className="admin-btn admin-btn-outline"
+                      onClick={() => {
+                        setLogoPreview('');
+                        setBrand({ ...brand, logo: '' });
+                        if (logoInputRef.current) logoInputRef.current.value = '';
+                      }}
+                    >
+                      <SVGIcon><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></SVGIcon>
+                      移除 Logo
+                    </button>
+                  )}
+                </div>
+
+                {/* URL Fallback */}
+                <div style={{ marginTop: 'var(--space-xl)', paddingTop: 'var(--space-lg)',
+                  borderTop: '1px solid var(--color-border)' }}>
+                  <FormGroup label="或使用外链 URL">
+                    <div style={{ display: 'flex', gap: 'var(--space-sm)' }}>
+                      <input className="admin-form-input"
+                        value={brand.logo}
+                        onChange={e => { setBrand({ ...brand, logo: e.target.value }); setLogoPreview(e.target.value || ''); }}
+                        placeholder="https://example.com/logo.png"
+                        style={{ flex: 1 }} />
+                      <button className="admin-btn admin-btn-primary" onClick={saveSiteSettings}>
+                        保存
+                      </button>
+                    </div>
+                  </FormGroup>
+                </div>
+              </div>
+            </div>
+          </div>
+        );
+
+      // ── 邮件配置 ──
+      case 'email':
+        return (
+          <div className="admin-card">
+            <div className="admin-card-header">
+              <h3 className="admin-card-title">SMTP 邮件服务</h3>
+            </div>
+
+            <FormRow>
+              <FormGroup label="SMTP 服务器" required>
+                <input className="admin-form-input" value={mail.smtp_host}
+                  onChange={e => setMail({ ...mail, smtp_host: e.target.value })}
+                  placeholder="例如: smtp.gmail.com" />
+              </FormGroup>
+              <FormGroup label="端口">
+                <input className="admin-form-input" type="number" value={mail.smtp_port}
+                  onChange={e => handlePortChange(Number(e.target.value))} />
+              </FormGroup>
+            </FormRow>
+
+            <FormRow>
+              <FormGroup label="用户名" required>
+                <input className="admin-form-input" value={mail.username}
+                  onChange={e => setMail({ ...mail, username: e.target.value })} />
+              </FormGroup>
+              <FormGroup label="密码" required>
+                <input className="admin-form-input" type="password" value={mail.password}
+                  onChange={e => setMail({ ...mail, password: e.target.value })} />
+              </FormGroup>
+            </FormRow>
+
+            <FormRow>
+              <FormGroup label="发件地址" required>
+                <input className="admin-form-input" value={mail.from_address}
+                  onChange={e => setMail({ ...mail, from_address: e.target.value })}
+                  placeholder="noreply@example.com" />
+              </FormGroup>
+              <FormGroup label="加密方式">
+                <select className="admin-form-input" value={encryptionMode}
+                  onChange={e => handleEncryptionChange(e.target.value)}>
+                  <option value="none">无加密（端口 25）</option>
+                  <option value="ssl">SSL 隐式加密（端口 465）</option>
+                  <option value="starttls">STARTTLS（端口 587）</option>
+                </select>
+              </FormGroup>
+            </FormRow>
+
+            <FormActions>
+              <button className="admin-btn admin-btn-primary" onClick={saveEmailConfig}>
+                <SVGIcon><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/><polyline points="17 21 17 13 7 13 7 21"/><polyline points="7 3 7 8 15 8"/></SVGIcon>
+                保存配置
+              </button>
+              <button className="admin-btn admin-btn-outline" onClick={openEmailTest}>
+                <SVGIcon><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></SVGIcon>
+                发送测试邮件
+              </button>
+            </FormActions>
+          </div>
+        );
+
+      // ── 短信配置 ──
+      case 'sms':
+        return (
+          <div className="admin-card">
+            <div className="admin-card-header">
+              <h3 className="admin-card-title">短信服务</h3>
+            </div>
+
+            <FormRow>
+              <FormGroup label="短信服务商">
+                <select className="admin-form-input" value={sms.provider}
+                  onChange={e => setSms({ ...sms, provider: e.target.value })}>
+                  <option value="">请选择</option>
+                  <option value="阿里云短信">阿里云短信</option>
+                  <option value="腾讯云短信">腾讯云短信</option>
+                  <option value="华为云短信">华为云短信</option>
+                </select>
+              </FormGroup>
+              <FormGroup label="短信签名">
+                <input className="admin-form-input" value={sms.sign_name}
+                  onChange={e => setSms({ ...sms, sign_name: e.target.value })} />
+              </FormGroup>
+            </FormRow>
+
+            <FormRow>
+              <FormGroup label="API Key (AccessKey ID)">
+                <input className="admin-form-input" value={sms.api_key}
+                  onChange={e => setSms({ ...sms, api_key: e.target.value })} />
+              </FormGroup>
+              <FormGroup label="API Secret (AccessKey Secret)">
+                <input className="admin-form-input" type="password" value={sms.api_secret}
+                  onChange={e => setSms({ ...sms, api_secret: e.target.value })} />
+              </FormGroup>
+            </FormRow>
+
+            <FormGroup label="模板编码" required>
+              <input className="admin-form-input" value={sms.template_code}
+                onChange={e => setSms({ ...sms, template_code: e.target.value })}
+                placeholder="例如: SMS_00000001"
+                style={{ maxWidth: 400 }} />
+            </FormGroup>
+
+            <FormActions>
+              <button className="admin-btn admin-btn-primary" onClick={saveSmsConfig}>
+                <SVGIcon><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/><polyline points="17 21 17 13 7 13 7 21"/><polyline points="7 3 7 8 15 8"/></SVGIcon>
+                保存配置
+              </button>
+              <button className="admin-btn admin-btn-outline" onClick={sendTestSms}>
+                <SVGIcon><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></SVGIcon>
+                发送测试短信
+              </button>
+            </FormActions>
+          </div>
+        );
+
+      // ── 注册设置 ──
+      case 'registration':
+        return (
+          <div className="admin-card">
+            <div className="admin-card-header">
+              <h3 className="admin-card-title">注册与准入</h3>
+            </div>
+
+            <FormRow>
+              <FormGroup label="允许新用户注册">
+                <label style={{ display: 'flex', alignItems: 'center', gap: 'var(--space-sm)',
+                  padding: '10px 0', cursor: 'pointer', color: 'var(--color-text-secondary)', fontSize: 'var(--text-sm)' }}>
+                  <input type="checkbox" checked={registration.allow_register}
+                    onChange={e => setRegistration({ ...registration, allow_register: e.target.checked })}
+                    style={{ accentColor: 'var(--color-accent)' }} />
+                  开启注册（关闭后仅管理员可手动创建用户）
+                </label>
+              </FormGroup>
+              <FormGroup label="默认角色">
+                <select className="admin-form-input" value={registration.default_role}
+                  onChange={e => setRegistration({ ...registration, default_role: e.target.value })}>
+                  <option value="user">普通用户</option>
+                  <option value="member">会员</option>
+                  <option value="developer">开发者</option>
+                </select>
+              </FormGroup>
+            </FormRow>
+
+            <FormRow>
+              <FormGroup label="邮箱验证">
+                <label style={{ display: 'flex', alignItems: 'center', gap: 'var(--space-sm)',
+                  padding: '10px 0', cursor: 'pointer', color: 'var(--color-text-secondary)', fontSize: 'var(--text-sm)' }}>
+                  <input type="checkbox" checked={registration.require_email_verify}
+                    onChange={e => setRegistration({ ...registration, require_email_verify: e.target.checked })}
+                    style={{ accentColor: 'var(--color-accent)' }} />
+                  注册时要求邮箱验证
+                </label>
+              </FormGroup>
+              <FormGroup label="手机验证">
+                <label style={{ display: 'flex', alignItems: 'center', gap: 'var(--space-sm)',
+                  padding: '10px 0', cursor: 'pointer', color: 'var(--color-text-secondary)', fontSize: 'var(--text-sm)' }}>
+                  <input type="checkbox" checked={registration.require_phone_verify}
+                    onChange={e => setRegistration({ ...registration, require_phone_verify: e.target.checked })}
+                    style={{ accentColor: 'var(--color-accent)' }} />
+                  注册时要求短信验证
+                </label>
+              </FormGroup>
+            </FormRow>
+
+            <FormGroup label="欢迎语（注册成功后展示）">
+              <textarea className="admin-form-input admin-form-textarea"
+                value={registration.welcome_message}
+                onChange={e => setRegistration({ ...registration, welcome_message: e.target.value })}
+                style={{ minHeight: 80 }}
+                placeholder="欢迎加入七虎AI！从这里开始你的 AI 创造之旅..." />
+            </FormGroup>
+
+            <FormActions>
+              <button className="admin-btn admin-btn-primary" onClick={saveRegistrationSettings}>
+                <SVGIcon><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/><polyline points="17 21 17 13 7 13 7 21"/><polyline points="7 3 7 8 15 8"/></SVGIcon>
+                保存设置
+              </button>
+            </FormActions>
+          </div>
+        );
+
+      default:
+        return null;
+    }
+  };
+
+  // ========== Main Render ==========
+  return (
+    <div style={{ animation: 'fadeIn var(--transition-normal)' }}>
+      {/* Header */}
+      <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: 'var(--space-2xl)' }}>
+        <h1 className="admin-page-title" style={{ marginBottom: 0 }}>站点设置</h1>
+        {savedMsg && (
+          <span className="admin-badge badge-success" style={{ padding: '6px 14px', fontSize: 'var(--text-sm)' }}>
+            <SVGIcon><polyline points="20 6 9 17 4 12"/></SVGIcon>
+            {' '}{savedMsg}
+          </span>
+        )}
+      </div>
+
+      {/* Horizontal Tab Bar */}
+      <div style={{
+        display: 'flex', gap: 0,
+        borderBottom: '1px solid var(--color-border)',
+        marginBottom: 'var(--space-2xl)',
+        overflowX: 'auto' as const,
+      }}>
+        {TABS.map(tab => (
+          <button
+            key={tab.key}
+            onClick={() => setActiveTab(tab.key)}
+            style={{
+              display: 'inline-flex', alignItems: 'center', gap: 6,
+              padding: '10px 18px',
+              border: 'none',
+              background: 'transparent',
+              color: activeTab === tab.key ? 'var(--color-accent)' : 'var(--color-text-muted)',
+              fontSize: 'var(--text-sm)',
+              fontWeight: activeTab === tab.key ? 600 : 400,
+              cursor: 'pointer',
+              borderBottom: activeTab === tab.key ? '2px solid var(--color-accent)' : '2px solid transparent',
+              transition: 'all var(--transition-fast)',
+              whiteSpace: 'nowrap' as const,
+              marginBottom: -1,
+            }}
+          >
+            <SVGIcon size={15}>{tab.icon}</SVGIcon>
+            {tab.label}
+          </button>
+        ))}
+      </div>
+
+      {/* Tab Content */}
+      {renderTabContent()}
+
+      {/* Email Test Modal */}
+      {showEmailTest && (
+        <div className="admin-modal-overlay" onClick={() => setShowEmailTest(false)}>
+          <div className="admin-modal" onClick={e => e.stopPropagation()}>
+            <div className="admin-modal-header">
+              <h3 style={{ display: 'flex', alignItems: 'center', gap: 8, margin: 0 }}>
+                <SVGIcon size={18}><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></SVGIcon>
+                发送测试邮件
+              </h3>
+              <button className="admin-modal-close" onClick={() => setShowEmailTest(false)}>
+                <SVGIcon size={18}><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></SVGIcon>
+              </button>
+            </div>
+            <div className="admin-modal-body">
+              <FormGroup label="收件邮箱" required>
+                <input className="admin-form-input" type="email" value={emailTestTo}
+                  onChange={e => setEmailTestTo(e.target.value)}
+                  placeholder="例如: admin@example.com" />
+              </FormGroup>
+              <FormGroup label="邮件主题">
+                <input className="admin-form-input" value={emailTestSubject}
+                  onChange={e => setEmailTestSubject(e.target.value)} />
+              </FormGroup>
+              <FormGroup label="邮件内容">
+                <textarea className="admin-form-input admin-form-textarea"
+                  value={emailTestBody}
+                  onChange={e => setEmailTestBody(e.target.value)}
+                  style={{ minHeight: 120 }} />
+              </FormGroup>
+              <div style={{ marginBottom: 'var(--space-lg)' }}>
+                <button className="admin-btn admin-btn-outline admin-btn-sm"
+                  onClick={handleAIGenerateContent} disabled={emailGenerating}>
+                  <SVGIcon size={12}><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></SVGIcon>
+                  {emailGenerating ? '生成中...' : 'AI生成测试内容'}
+                </button>
+              </div>
+            </div>
+            <div className="admin-modal-footer">
+              <button className="admin-btn admin-btn-primary" onClick={sendTestEmail} disabled={!emailTestTo.trim()}>
+                <SVGIcon><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></SVGIcon>
+                发送测试邮件
+              </button>
+              <button className="admin-btn admin-btn-outline" onClick={() => setShowEmailTest(false)}>取消</button>
+            </div>
+          </div>
+        </div>
+      )}
+
+      {/* Toast */}
+      {testResult && (
+        <div style={{
+          position: 'fixed', bottom: 24, right: 24, padding: '12px 20px',
+          background: testResult.includes('失败') ? 'var(--color-error)' : 'var(--color-success)',
+          color: '#fff', borderRadius: 8,
+          boxShadow: '0 4px 12px rgba(0,0,0,0.3)',
+          zIndex: 9999, fontSize: 'var(--text-sm)',
+          maxWidth: 420,
+        }}>
+          {testResult}
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default SiteSettings;