# 技术背景 (Tech Context)

## 使用的技术
*   **前端**:
    *   HTML5, CSS3, JavaScript
    *   Vue.js 3 (通过 CDN 引入)
    *   Bootstrap 5.3 (通过 CDN 引入)
*   **后端**:
    *   Python 3.x
    *   FastAPI (Web 框架)
    *   Uvicorn (ASGI 服务器)
    *   Supabase Python SDK (数据库客户端)
*   **数据库**: Supabase (托管 PostgreSQL)
*   **容器化**: Docker

## 开发设置
*   **Python 环境**: 建议使用 Conda 管理 Python 环境，并激活 `airs` 环境。
*   **依赖管理**: `requirements.txt` 文件用于管理 Python 依赖。
*   **环境变量**: Supabase 凭证 (`SUPABASE_URL`, `SUPABASE_ANON_KEY`) 通过环境变量配置。
*   **本地运行**: 使用 `conda activate airs && uvicorn app:app --host 0.0.0.0 --port 7860 --reload` 命令。

## 技术约束
*   **CDN 依赖**: 前端 Vue.js 和 Bootstrap 依赖于 CDN，需要网络连接才能加载。
*   **Supabase 外部依赖**: 数据库服务由 Supabase 托管，需要稳定的网络连接。
*   **Hugging Face Spaces 限制**: 部署到 Hugging Face Spaces 时，需要遵循其平台规范和资源限制。

## 依赖
*   **Python 依赖**: `fastapi`, `uvicorn[standard]`, `supabase` (列于 `requirements.txt`)。
*   **前端依赖**: Vue.js 3, Bootstrap 5.3 (通过 CDN 引入)。

## 工具使用模式
*   **Git**: 用于版本控制和代码部署到 Hugging Face Spaces。
*   **Docker**: 用于容器化应用，确保环境一致性。
*   **Conda**: 用于管理 Python 虚拟环境。
*   **uvicorn**: 用于在本地运行 FastAPI 应用。