diff --git a/.claude/skills/opengecko-frontend-design/SKILL.md b/.claude/skills/opengecko-frontend-design/SKILL.md
index 83c542a..1f0fced 100644
--- a/.claude/skills/opengecko-frontend-design/SKILL.md
+++ b/.claude/skills/opengecko-frontend-design/SKILL.md
@@ -1,84 +1,84 @@
-# openGecko LFX Insights 浅色设计系统
+# openGecko LFX Insights Light Design System
 
-本项目前端统一使用 **LFX Insights 浅色主题**风格。所有页面、组件需严格遵循以下规范。
+This project's frontend uses the **LFX Insights light theme** throughout. All pages and components must strictly follow the specifications below.
 
 ---
 
-## 技术栈
+## Tech Stack
 
 - Vue 3 + TypeScript + Element Plus
-- `<style scoped>` 或 `<style lang="scss">` (FullCalendar 等需要穿透时)
-- CSS 变量作用域：定义在各组件的根选择器上（如 `.content-list`），**不使用 `:root`**
+- `<style scoped>` or plain `<style>` (prefer plain CSS; use `lang="scss"` only when `:deep()` penetration requires it)
+- CSS variables scoped to the component root selector (e.g., `.content-list`) — **never on `:root`**
 
 ---
 
-## 设计令牌 (Design Tokens)
+## Design Tokens
 
-每个页面组件的 `<style>` 中以 CSS 变量声明：
+Declare CSS variables on the component root selector in every page component's `<style>`:
 
 ```css
 .page-root {
-  --text-primary: #1e293b;
+  --text-primary:   #1e293b;
   --text-secondary: #64748b;
-  --text-muted: #94a3b8;
-  --blue: #0095ff;
-  --green: #22c55e;
-  --orange: #f59e0b;
-  --red: #ef4444;
-  --border: #e2e8f0;
-  --shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
-  --shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.08);
-  --radius: 12px;
+  --text-muted:     #94a3b8;
+  --blue:           #0095ff;
+  --green:          #22c55e;
+  --orange:         #f59e0b;
+  --red:            #ef4444;
+  --border:         #e2e8f0;
+  --shadow:         0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
+  --shadow-hover:   0 4px 12px rgba(0, 0, 0, 0.08);
+  --radius:         12px;
 }
 ```
 
-### 颜色映射
-
-| 用途 | 色值 | 变量 |
-|------|------|------|
-| 页面背景 | `#f5f7fa` | — (在 App.vue `.app-main`) |
-| 卡片/白色背景 | `#ffffff` | — |
-| 主要文字 | `#1e293b` | `--text-primary` |
-| 次要文字 | `#64748b` | `--text-secondary` |
-| 弱化文字 | `#94a3b8` | `--text-muted` |
-| 品牌蓝 | `#0095ff` | `--blue` |
-| 品牌蓝 hover | `#0080e6` | — |
-| 成功绿 | `#22c55e` | `--green` |
-| 警告橙 | `#f59e0b` | `--orange` |
-| 危险红 | `#ef4444` | `--red` |
-| 边框 | `#e2e8f0` | `--border` |
-| 内部分割线 | `#f1f5f9` | — |
-| 浅底色背景 | `#f8fafc` | — |
-| 蓝色浅底 | `#eff6ff` | — |
-| 绿色浅底 | `#f0fdf4` | — |
-| 橙色浅底 | `#fffbeb` | — |
-| 红色浅底 | `#fef2f2` | — |
+### Color Reference
+
+| Purpose | Value | Variable |
+|---------|-------|----------|
+| Page background | `#f5f7fa` | — (set in `App.vue .app-main`) |
+| Card / white background | `#ffffff` | — |
+| Primary text | `#1e293b` | `--text-primary` |
+| Secondary text | `#64748b` | `--text-secondary` |
+| Muted text | `#94a3b8` | `--text-muted` |
+| Brand blue | `#0095ff` | `--blue` |
+| Brand blue hover | `#0080e6` | — |
+| Success green | `#22c55e` | `--green` |
+| Warning orange | `#f59e0b` | `--orange` |
+| Danger red | `#ef4444` | `--red` |
+| Border | `#e2e8f0` | `--border` |
+| Divider | `#f1f5f9` | — |
+| Subtle background | `#f8fafc` | — |
+| Blue tint | `#eff6ff` | — |
+| Green tint | `#f0fdf4` | — |
+| Orange tint | `#fffbeb` | — |
+| Red tint | `#fef2f2` | — |
 
 ---
 
-## 布局规范
+## Layout
 
-### 页面容器
+### Page Container
 
 ```css
 .page-root {
   padding: 32px 40px 60px;
-  max-width: 1400px;  /* 或 1440px */
+  max-width: 1400px;  /* or 1440px */
   margin: 0 auto;
 }
 ```
 
-### 页面标题
+### Page Title Row
 
 ```css
-.page-title {
+.page-title-row {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 28px;
 }
 
-.page-title h2 {
+.page-title-row h2 {
   margin: 0 0 6px;
   font-size: 28px;
   font-weight: 700;
@@ -86,32 +86,31 @@
   letter-spacing: -0.02em;
 }
 
-.page-title .subtitle {
+.page-title-row .subtitle {
   margin: 0;
   font-size: 15px;
   color: var(--text-secondary);
 }
 ```
 
-### 区块卡片 (Section Card)
+### Section Card
 
 ```css
 .section-card {
   background: #ffffff;
   border: 1px solid var(--border);
-  border-radius: var(--radius);        /* 12px */
+  border-radius: var(--radius);   /* 12px */
   padding: 24px 28px;
   margin-bottom: 24px;
   box-shadow: var(--shadow);
   transition: all 0.2s ease;
 }
-
 .section-card:hover {
   box-shadow: var(--shadow-hover);
 }
 ```
 
-### 区块标题
+### Section Header
 
 ```css
 .section-header h3 {
@@ -120,24 +119,24 @@
   font-weight: 600;
   color: var(--text-primary);
 }
-/* 注意：section-header 无 border-bottom、无 padding-bottom */
+/* Note: section-header has no border-bottom and no padding-bottom */
 ```
 
 ---
 
-## 组件细节规范
+## Component Specifications
 
-### 徽章 (Badge / Tag)
+### Badges / Tags
 
-- 圆角: `6px`
-- **无边框** (border: none)
-- 使用 浅底色 + 深文字 配色：
-  - 蓝: `bg: #eff6ff; color: #1d4ed8`
-  - 绿: `bg: #f0fdf4; color: #15803d`
-  - 橙: `bg: #fffbeb; color: #b45309`
-  - 灰: `bg: #f1f5f9; color: #64748b`
+- Border-radius: `6px`; **no border**
+- Use light-background + dark-text pairs:
+  - Blue: `background: #eff6ff; color: #1d4ed8`
+  - Green: `background: #f0fdf4; color: #15803d`
+  - Orange: `background: #fffbeb; color: #b45309`
+  - Gray: `background: #f1f5f9; color: #64748b`
+  - Red: `background: #fef2f2; color: #dc2626`
 
-### 按钮
+### Buttons
 
 ```css
 :deep(.el-button) {
@@ -146,9 +145,9 @@
   transition: all 0.15s ease;
 }
 
-/* 主按钮 */
+/* Primary button */
 :deep(.el-button--primary) {
-  background: var(--blue);    /* #0095ff */
+  background: var(--blue);
   border-color: var(--blue);
 }
 :deep(.el-button--primary:hover) {
@@ -156,7 +155,7 @@
   border-color: #0080e6;
 }
 
-/* 默认按钮 */
+/* Default button */
 :deep(.el-button--default) {
   background: #ffffff;
   border: 1px solid var(--border);
@@ -168,10 +167,11 @@
 }
 ```
 
-- **禁止** 使用 `transform: translateY()` hover 效果
-- 文字链接按钮使用 `link` 属性，hover 加浅底色
+- **Never** use `transform: translateY()` on hover
+- Text-link buttons use the `link` attribute; hover adds a subtle background tint
+- **Caution**: `:deep(.el-button--primary)` background overrides also affect `text` type buttons — use custom CSS classes or `<span>` wrappers for text-style action links instead
 
-### 输入框
+### Inputs
 
 ```css
 :deep(.el-input__wrapper) {
@@ -183,7 +183,7 @@
 }
 ```
 
-### 表格
+### Tables
 
 ```css
 :deep(.el-table th) {
@@ -195,17 +195,15 @@
   letter-spacing: 0.5px;
   border-bottom: 1px solid var(--border);
 }
-
 :deep(.el-table td) {
   border-bottom: 1px solid #f1f5f9;
 }
-
 :deep(.el-table .el-table__row:hover > td) {
   background: #f8fafc !important;
 }
 ```
 
-### 对话框
+### Dialogs
 
 ```css
 :deep(.el-dialog) {
@@ -216,7 +214,7 @@
 }
 ```
 
-### 分页
+### Pagination
 
 ```css
 :deep(.el-pagination .el-pager li.is-active) {
@@ -227,30 +225,29 @@
 
 ---
 
-## 侧边栏 (App.vue)
+## Sidebar (App.vue)
 
-- 背景: `#ffffff`
-- 右边框: `1px solid #e2e8f0`
-- Logo 区域: 白色背景 + `border-bottom: 1px solid #e2e8f0`
-- 菜单项文字: `#64748b`，激活: `#0095ff`
-- 菜单项 hover: `background: #f8fafc; color: #1e293b`
-- 菜单项 active: `background: #eff6ff; color: #0095ff`
-- 菜单项圆角: `8px`，margin: `2px 8px`
-- el-menu 内联属性: `background-color="#ffffff"` `text-color="#64748b"` `active-text-color="#0095ff"`
+- Background: `#ffffff`; right border: `1px solid #e2e8f0`
+- Logo area: white background + `border-bottom: 1px solid #e2e8f0`
+- Menu item text: `#64748b`; active: `#0095ff`
+- Menu item hover: `background: #f8fafc; color: #1e293b`
+- Menu item active: `background: #eff6ff; color: #0095ff`
+- Menu item border-radius: `8px`; margin: `2px 8px`
+- `el-menu` inline props: `background-color="#ffffff"` `text-color="#64748b"` `active-text-color="#0095ff"`
 
 ---
 
-## 登录页
+## Login Page
 
-- 容器背景: `#f5f7fa` + 柔和径向渐变装饰
-- 卡片: 白色实底 + `border: 1px solid #e2e8f0` + `border-radius: 20px`
-- 标题: `#1e293b`，副标题: `#64748b`
-- 输入框: `bg: #f8fafc`, focus 白底 + `#0095ff` 边框 + 蓝色光晕
-- 登录按钮: `#0095ff`，无 transform 动效
+- Container background: `#f5f7fa` + soft radial-gradient decoration
+- Card: solid white + `border: 1px solid #e2e8f0` + `border-radius: 20px`
+- Title: `#1e293b`; subtitle: `#64748b`
+- Inputs: `background: #f8fafc`; focus: white background + `#0095ff` border + blue glow
+- Login button: `#0095ff`; no transform animation
 
 ---
 
-## 响应式断点
+## Responsive Breakpoints
 
 ```css
 @media (max-width: 1200px) {
@@ -258,45 +255,47 @@
 }
 @media (max-width: 734px) {
   .page-root { padding: 20px 16px; }
-  .page-title h2 { font-size: 22px; }
+  .page-title-row h2 { font-size: 22px; }
   .section-card { padding: 16px; }
 }
 ```
 
 ---
 
-## 禁止使用的旧色值
-
-以下为 Element Plus 默认色或旧深色主题残留，**不得出现**：
-
-| 旧色值 | 应替换为 |
-|--------|----------|
-| `#409EFF` | `#0095ff` (--blue) |
-| `#303133` | `#1e293b` (--text-primary) |
-| `#606266` | `#64748b` (--text-secondary) |
-| `#909399` | `#94a3b8` (--text-muted) |
-| `#dcdfe6` / `#ebeef5` | `#e2e8f0` (--border) |
-| `#f0f0f0` | `#e2e8f0` (--border) 或 `#f1f5f9` |
-| `#1d2129` | `#1e293b` (--text-primary) |
-| `#86909c` | `#64748b` (--text-secondary) |
-| `#0071e3` | `#0095ff` (--blue) |
-| `--el-color-primary` | 直接用 `var(--blue)` |
-| `--el-text-color-*` | 直接用对应 `--text-*` 变量 |
-| `--el-fill-color-*` | 直接用 `#f8fafc` 或 `#f1f5f9` |
+## Forbidden Colors
+
+These are Element Plus defaults or old dark-theme remnants — **must not appear**:
+
+| Forbidden | Replace with |
+|-----------|-------------|
+| `#409EFF` | `#0095ff` (`--blue`) |
+| `#303133` | `#1e293b` (`--text-primary`) |
+| `#606266` | `#64748b` (`--text-secondary`) |
+| `#909399` | `#94a3b8` (`--text-muted`) |
+| `#dcdfe6` / `#ebeef5` | `#e2e8f0` (`--border`) |
+| `#f0f0f0` | `#e2e8f0` (`--border`) or `#f1f5f9` |
+| `#1d2129` | `#1e293b` (`--text-primary`) |
+| `#86909c` | `#64748b` (`--text-secondary`) |
+| `#0071e3` | `#0095ff` (`--blue`) |
+| `--el-color-primary` | `var(--blue)` |
+| `--el-text-color-*` | corresponding `--text-*` variable |
+| `--el-fill-color-*` | `#f8fafc` or `#f1f5f9` |
+| `--el-border-color` | `var(--border)` |
 
 ---
 
-## 检查清单
-
-新建或修改页面时，确保：
-
-- [ ] 组件根选择器中声明了完整的 CSS 变量
-- [ ] 页面 padding 为 `32px 40px 60px`，max-width `1400px`
-- [ ] h2 标题: `28px / 700 / letter-spacing: -0.02em`
-- [ ] subtitle: `15px / --text-secondary`
-- [ ] 卡片使用 `--border` + `--shadow` + `--radius`
-- [ ] 按钮圆角 `8px`，transition `0.15s ease`
-- [ ] 无 `transform: translateY` 的 hover 效果
-- [ ] 徽章/Tag 无边框
-- [ ] 未使用任何"禁止色值"
-- [ ] Element Plus 深度覆盖使用 `:deep()` 语法
+## Design Checklist
+
+When creating or modifying any page:
+
+- [ ] CSS variables declared on component root selector (not `:root`)
+- [ ] Page padding: `32px 40px 60px`; max-width: `1400px`
+- [ ] `h2`: `28px / 700 / letter-spacing: -0.02em`
+- [ ] Subtitle: `15px / var(--text-secondary)`
+- [ ] Cards use `--border` + `--shadow` + `--radius`
+- [ ] Buttons: `border-radius: 8px`, `transition: 0.15s ease`
+- [ ] No `transform: translateY` hover effects
+- [ ] Badges/Tags: no border, light-bg + dark-text pairs
+- [ ] No forbidden colors
+- [ ] Element Plus overrides use `:deep()` syntax
+- [ ] No `lang="scss"` unless strictly necessary
diff --git a/CLAUDE.md b/CLAUDE.md
index 3b1881e..4621b24 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -104,20 +104,260 @@ GitHub Actions workflows in `.github/workflows/`:
 
 Configured in `.pre-commit-config.yaml`: black, isort, flake8, mypy, bandit (backend); eslint, prettier (frontend); detect-secrets, no direct commits to main/develop.
 
-## Skills
+## Frontend Design Standards
+
+All frontend pages **must** follow the **LFX Insights light theme**. Full reference: `.claude/skills/opengecko-frontend-design/SKILL.md`.
+
+### Design Tokens
+
+Declare CSS variables on the **component root selector** (never on `:root`):
+
+```css
+.page-root {
+  --text-primary:   #1e293b;
+  --text-secondary: #64748b;
+  --text-muted:     #94a3b8;
+  --blue:           #0095ff;
+  --green:          #22c55e;
+  --orange:         #f59e0b;
+  --red:            #ef4444;
+  --border:         #e2e8f0;
+  --shadow:         0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
+  --shadow-hover:   0 4px 12px rgba(0, 0, 0, 0.08);
+  --radius:         12px;
+}
+```
+
+### Color Reference
+
+| Purpose | Value | Variable |
+|---------|-------|----------|
+| Page background | `#f5f7fa` | — (set in `App.vue .app-main`) |
+| Card / white background | `#ffffff` | — |
+| Primary text | `#1e293b` | `--text-primary` |
+| Secondary text | `#64748b` | `--text-secondary` |
+| Muted text | `#94a3b8` | `--text-muted` |
+| Brand blue | `#0095ff` | `--blue` |
+| Brand blue hover | `#0080e6` | — |
+| Success green | `#22c55e` | `--green` |
+| Warning orange | `#f59e0b` | `--orange` |
+| Danger red | `#ef4444` | `--red` |
+| Border | `#e2e8f0` | `--border` |
+| Divider | `#f1f5f9` | — |
+| Subtle background | `#f8fafc` | — |
+| Blue tint background | `#eff6ff` | — |
+| Green tint background | `#f0fdf4` | — |
+| Orange tint background | `#fffbeb` | — |
+| Red tint background | `#fef2f2` | — |
+
+### Layout
+
+```css
+/* Page container */
+.page-root {
+  padding: 32px 40px 60px;
+  max-width: 1400px;
+  margin: 0 auto;
+}
+
+/* Page title row */
+.page-title-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 28px;
+}
+
+.page-title-row h2 {
+  margin: 0 0 6px;
+  font-size: 28px;
+  font-weight: 700;
+  color: var(--text-primary);
+  letter-spacing: -0.02em;
+}
+
+.page-title-row .subtitle {
+  margin: 0;
+  font-size: 15px;
+  color: var(--text-secondary);
+}
+
+/* Section card */
+.section-card {
+  background: #ffffff;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 24px 28px;
+  margin-bottom: 24px;
+  box-shadow: var(--shadow);
+  transition: all 0.2s ease;
+}
+.section-card:hover {
+  box-shadow: var(--shadow-hover);
+}
+
+/* Section header (no border-bottom) */
+.section-header h3 {
+  margin: 0;
+  font-size: 18px;
+  font-weight: 600;
+  color: var(--text-primary);
+}
+```
+
+### Responsive Breakpoints
+
+```css
+@media (max-width: 1200px) {
+  .page-root { padding: 28px 24px; }
+}
+@media (max-width: 734px) {
+  .page-root { padding: 20px 16px; }
+  .page-title-row h2 { font-size: 22px; }
+  .section-card { padding: 16px; }
+}
+```
+
+### Components
+
+#### Badges / Tags
+- Border-radius: `6px`; **no border**
+- Use light-background + dark-text pairs:
+  - Blue: `background: #eff6ff; color: #1d4ed8`
+  - Green: `background: #f0fdf4; color: #15803d`
+  - Orange: `background: #fffbeb; color: #b45309`
+  - Gray: `background: #f1f5f9; color: #64748b`
+  - Red: `background: #fef2f2; color: #dc2626`
+
+#### Buttons
+
+```css
+:deep(.el-button) {
+  border-radius: 8px;
+  font-weight: 500;
+  transition: all 0.15s ease;
+}
+/* Primary */
+:deep(.el-button--primary) {
+  background: var(--blue);
+  border-color: var(--blue);
+}
+:deep(.el-button--primary:hover) {
+  background: #0080e6;
+  border-color: #0080e6;
+}
+/* Default */
+:deep(.el-button--default) {
+  background: #ffffff;
+  border: 1px solid var(--border);
+  color: var(--text-primary);
+}
+:deep(.el-button--default:hover) {
+  border-color: #cbd5e1;
+  background: #f8fafc;
+}
+```
 
-### openGecko LFX 设计系统
+- **Never** use `transform: translateY()` on hover
+- Text-link buttons use `link` attribute; hover adds a subtle background tint
+- **Avoid** applying `:deep(.el-button--primary)` background overrides that unintentionally affect `text` type buttons — use custom CSS classes or `<span>` wrappers instead
+
+#### Inputs
+
+```css
+:deep(.el-input__wrapper) {
+  box-shadow: 0 0 0 1px var(--border);
+  border-radius: 8px;
+}
+:deep(.el-input__wrapper.is-focus) {
+  box-shadow: 0 0 0 1px var(--blue), 0 0 0 3px rgba(0, 149, 255, 0.1);
+}
+```
 
-**所有前端页面必须遵循 LFX Insights 浅色主题设计规范。** 完整的设计令牌、颜色映射、组件样式、布局规范和检查清单详见 `.claude/skills/opengecko-lfx-design-system.md`。
+#### Tables
+
+```css
+:deep(.el-table th) {
+  background: #f8fafc;
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--text-secondary);
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  border-bottom: 1px solid var(--border);
+}
+:deep(.el-table td) {
+  border-bottom: 1px solid #f1f5f9;
+}
+:deep(.el-table .el-table__row:hover > td) {
+  background: #f8fafc !important;
+}
+```
 
-新建或修改任何前端页面/组件时，务必先阅读该 skill 文件，确保：
-- 使用正确的 CSS 变量（`--text-primary: #1e293b`、`--blue: #0095ff` 等）
-- 遵循统一的页面 padding、标题字号、卡片阴影规范
-- 不使用任何禁止色值（如 `#409EFF`、`#303133`、`--el-color-primary` 等）
+#### Dialogs
+
+```css
+:deep(.el-dialog) { border-radius: var(--radius); }
+:deep(.el-dialog__header) { border-bottom: 1px solid #f1f5f9; }
+```
+
+#### Pagination
+
+```css
+:deep(.el-pagination .el-pager li.is-active) {
+  background: var(--blue);
+  color: white;
+}
+```
+
+### Sidebar (App.vue)
+
+- Background: `#ffffff`; right border: `1px solid #e2e8f0`
+- Logo area: white background + `border-bottom: 1px solid #e2e8f0`
+- Menu item text: `#64748b`; active: `#0095ff`
+- Menu item hover: `background: #f8fafc; color: #1e293b`
+- Menu item active: `background: #eff6ff; color: #0095ff`
+- Menu item border-radius: `8px`; margin: `2px 8px`
+- `el-menu` inline props: `background-color="#ffffff"` `text-color="#64748b"` `active-text-color="#0095ff"`
+
+### Forbidden Colors
+
+Never use these — they are Element Plus defaults or old dark-theme remnants:
+
+| Forbidden | Replace with |
+|-----------|-------------|
+| `#409EFF` | `var(--blue)` (#0095ff) |
+| `#303133` | `var(--text-primary)` (#1e293b) |
+| `#606266` | `var(--text-secondary)` (#64748b) |
+| `#909399` | `var(--text-muted)` (#94a3b8) |
+| `#dcdfe6` / `#ebeef5` | `var(--border)` (#e2e8f0) |
+| `#0071e3` | `var(--blue)` (#0095ff) |
+| `#1d2129` | `var(--text-primary)` (#1e293b) |
+| `#86909c` | `var(--text-secondary)` (#64748b) |
+| `--el-color-primary` | `var(--blue)` |
+| `--el-text-color-*` | corresponding `--text-*` variable |
+| `--el-fill-color-*` | `#f8fafc` or `#f1f5f9` |
+| `--el-border-color` | `var(--border)` |
+
+### Design Checklist
+
+When creating or modifying any page:
+
+- [ ] CSS variables declared on component root selector (not `:root`)
+- [ ] Page padding: `32px 40px 60px`; max-width: `1400px`
+- [ ] `h2`: `28px / 700 / letter-spacing: -0.02em`
+- [ ] Subtitle: `15px / var(--text-secondary)`
+- [ ] Cards use `--border` + `--shadow` + `--radius`
+- [ ] Buttons: `border-radius: 8px`, `transition: 0.15s ease`
+- [ ] No `transform: translateY` hover effects
+- [ ] Badges/Tags: no border, light-bg + dark-text
+- [ ] No forbidden colors
+- [ ] Element Plus overrides use `:deep()` syntax
+- [ ] No `lang="scss"` unless required for deep overrides (prefer plain CSS)
 
 ## Language
 
-Project documentation and commit messages are in Chinese. Code, comments, and variable names are in English.
+Commit messages and user-facing strings are in Chinese. Code, variable names, comments, and this file are in English.
 
 ## Security Coding Standards
 
@@ -245,39 +485,43 @@ Project documentation and commit messages are in Chinese. Code, comments, and va
 - **Minimum 80% code coverage required** — CI will fail if total coverage drops below 80%
 - Run full suite with coverage: `pytest --cov=app --cov-report=term-missing -q`
 - Test naming conventions:
-  - API 端点测试：`tests/test_{module}_api.py`（如 `test_contents_api.py`）
-  - 服务层单元测试：`tests/test_services.py`（统一放置所有纯 Python 服务的单元测试）
-  - 特定服务测试：`tests/test_{service}_service.py`（如 `test_wechat_service.py`）
+  - API endpoint tests: `tests/test_{module}_api.py` (e.g., `test_contents_api.py`)
+  - Service unit tests: `tests/test_services.py` (all pure-Python service unit tests in one file)
+  - Specific service tests: `tests/test_{service}_service.py` (e.g., `test_wechat_service.py`)
 - Use pytest as test framework
 - Mock external services (WeChat, email, SMTP) with `unittest.mock.patch` or `pytest-mock`
-  - 优先用 `mock.patch` 直接 patch service 方法，而非 `httpx_mock` 匹配 URL（URL 参数易变）
+  - Prefer `mock.patch` to directly patch service methods rather than `httpx_mock` URL matching (URLs change easily)
 - Test both success and error paths
 - Test RBAC permissions (admin/user/superuser)
 - Test multi-tenant isolation
 
 ### Critical Route & Dependency Facts
-这些是容易搞错的细节，写测试时务必核对：
-- `upload.router` 注册在 `/api/contents` 前缀下，实际路径为 `/api/contents/upload` 和 `/api/contents/{id}/cover`
-- `dashboard.router` 注册在 `/api/users/me` 前缀下，实际路径为 `/api/users/me/dashboard`、`/api/users/me/assigned/contents` 等
-- `get_current_community` 依赖返回的是 `int`（community_id），**不是** Community 对象
-- `Meeting` 模型的 `committee_id` 字段为 NOT NULL，创建 Meeting 时必须先创建 Committee
-- `Committee` 模型的 `slug` 字段为 NOT NULL，创建时必须提供 slug
-- `conftest.py` 中的 `test_user` 在 `community_users` 表中角色为 `admin`（非 `user`）
+
+These are easy-to-miss details — always verify when writing tests:
+
+- `upload.router` is registered under `/api/contents` prefix; actual paths are `/api/contents/upload` and `/api/contents/{id}/cover`
+- `dashboard.router` is registered under `/api/users/me` prefix; actual paths are `/api/users/me/dashboard`, `/api/users/me/assigned/contents`, etc.
+- `get_current_community` dependency returns `int` (community_id), **not** a Community object
+- `Meeting` model's `committee_id` is NOT NULL; must create a Committee before creating a Meeting
+- `Committee` model's `slug` is NOT NULL; must provide slug on creation
+- `test_user` in `conftest.py` has role `admin` in `community_users` (not `user`)
 
 ### Service Unit Test Patterns
-对纯 Python 服务（email、ics、notification、converter 等）编写单元测试时：
-- 使用 `MagicMock()` 模拟 SQLAlchemy 模型对象（无需真实数据库）
-- SMTP 测试通过 `patch('smtplib.SMTP')` / `patch('smtplib.SMTP_SSL')` 拦截网络调用
-- 对 `db.query(Model).filter(...).first()` 链式调用，用 `side_effect` 按 model 类型分发返回值
+
+When writing unit tests for pure Python services (email, ics, notification, converter, etc.):
+- Use `MagicMock()` to simulate SQLAlchemy model objects (no real database needed)
+- Intercept SMTP calls via `patch('smtplib.SMTP')` / `patch('smtplib.SMTP_SSL')`
+- For `db.query(Model).filter(...).first()` chain calls, use `side_effect` to dispatch return values by model type
 
 ### Coverage Improvement Checklist
-当覆盖率低于 80% 时，优先补充以下模块：
-1. `app/services/email.py` - SMTP 发送逻辑（用 mock 拦截 smtplib）
-2. `app/services/ics.py` - ICS 格式生成（纯函数，无需 mock）
-3. `app/services/notification.py` - 邮件提醒（mock DB + email）
-4. `app/services/converter.py` - Markdown/HTML 转换（纯函数）
-5. `app/api/dashboard.py` - 个人工作台端点
-6. `app/api/upload.py` - 文件上传端点
+
+When coverage falls below 80%, prioritize adding tests for:
+1. `app/services/email.py` — SMTP send logic (intercept smtplib with mock)
+2. `app/services/ics.py` — ICS format generation (pure functions, no mock needed)
+3. `app/services/notification.py` — email reminders (mock DB + email)
+4. `app/services/converter.py` — Markdown/HTML conversion (pure functions)
+5. `app/api/dashboard.py` — personal dashboard endpoints
+6. `app/api/upload.py` — file upload endpoints
 
 ### Frontend Testing
 - Unit tests for utilities and stores
@@ -317,7 +561,7 @@ Project documentation and commit messages are in Chinese. Code, comments, and va
 - Make atomic commits (one logical change per commit)
 - Run tests before committing
 - Run linting before committing
-- **在执行 `git push` 操作前，必须先询问用户**："是否现在推送到远程，还是等后续改动一并推送？"，得到明确确认后再执行；`git commit` 可由 AI 自行执行，无需询问
+- **Ask before running `git push`**: confirm whether to push now or wait for more changes to batch; `git commit` can be executed without asking
 
 ### Pull Request Process
 - Create PR from feature branch to develop
@@ -393,76 +637,65 @@ Project documentation and commit messages are in Chinese. Code, comments, and va
 
 ## Claude Code Workflow Tips
 
-### 分步生成大文件以避免超时
+### Generating Large Files Incrementally
 
-当需要生成较大的代码文件（测试文件、服务文件等，通常 > 200 行）时，**不要试图一次性生成整个文件**，应分步完成：
+When generating larger code files (test files, service files, typically > 200 lines), **do not attempt to generate the entire file at once**; work in steps:
 
-1. **先创建骨架**：用 `create_file` 写入文件头部、imports 和第一个测试类（~50-80 行）
-2. **逐类追加**：用 `replace_string_in_file` 在文件末尾依次追加后续测试类
-3. **最后验证**：运行 `pytest tests/该文件.py --no-cov -q` 确认全部通过
+1. **Create the skeleton first**: write file header, imports, and the first class (~50–80 lines)
+2. **Append class by class**: use `replace_string_in_file` to append subsequent classes to the end
+3. **Verify at the end**: run `pytest tests/that_file.py --no-cov -q` to confirm all pass
 
-```python
-# 步骤 1：create_file 写入头部 + 第一个类（~50-80 行）
-# 步骤 2：replace_string_in_file 追加第二个类
-# 步骤 3：replace_string_in_file 追加第三个类
-# ...
-# 步骤 N：运行测试验证
-```
-
-### 调试测试失败的高效流程
+### Debugging Test Failures Efficiently
 
-1. 先隔离失败的测试类/函数，避免受其他测试干扰：
+1. Isolate the failing test first to avoid interference from other tests:
    ```bash
    pytest tests/test_xxx.py::ClassName::test_method --no-cov -q --tb=short
    ```
-2. 查看实际 HTTP 响应体（不只看 status code）：
+2. Inspect the actual HTTP response body (not just the status code):
    ```python
-   print(response.json())  # 临时加入测试中
+   print(response.json())  # add temporarily in the test
    ```
-3. 检查路由注册前缀（`app/main.py` 中 `include_router` 的 `prefix` 参数）
-4. 检查依赖注入返回类型（`get_current_community` 返回 `int`，不是对象）
+3. Check route registration prefix (`prefix` param in `include_router` in `app/main.py`)
+4. Check dependency injection return types (`get_current_community` returns `int`, not an object)
 
-### 覆盖率未达标时的排查步骤
+### Diagnosing Low Coverage
 
 ```bash
-# 查看每个文件的未覆盖行
+# Show uncovered lines per file
 pytest --cov=app --cov-report=term-missing -q 2>&1 | grep -E "[0-9]+%"
 ```
 
-找到覆盖率低的模块后，优先针对**纯函数**和**独立服务类**补充单元测试（无需 HTTP client，速度快，覆盖率提升效果好）。
-
-### 前后端 Schema 字段名一致性原则
+After finding low-coverage modules, prioritize unit tests for **pure functions** and **standalone service classes** (no HTTP client needed, fast, high coverage gain per test).
 
-**问题根源**：后端 Pydantic schema 字段名与前端 TypeScript interface 字段名不一致时，API 返回的 JSON 中字段存在但前端读取到 `undefined`，导致页面显示空白甚至卡住（如骨架屏不消失）。这类 bug 不会有 console 报错，极难排查。
+### Frontend-Backend Schema Field Name Consistency
 
-**黄金规则：以前端 interface 为准，后端 schema 字段名必须与前端保持一致。**
+**Root cause**: when backend Pydantic schema field names differ from frontend TypeScript interface field names, the API returns JSON with the fields present but the frontend reads `undefined`, causing blank pages or stuck loading (e.g., skeleton screen never disappears). These bugs produce no console errors and are very hard to diagnose.
 
-#### 处理原则
+**Golden rule: the frontend interface is the source of truth — backend schema field names must match exactly.**
 
-1. **新建 schema 前先看前端**：在 `backend/app/schemas/` 创建新 schema 前，先查阅 `frontend/src/api/` 对应的接口定义，确保字段名完全匹配。
+#### Principles
 
-2. **命名风格统一**：
-   - ✅ 用描述性名词：`reviewing_contents`、`total_members`、`upcoming_meetings`
-   - ❌ 避免冗余后缀：`pending_review_contents`（语义不明）、`members_count`（和 `total_members` 混用）、`upcoming_meetings_count` vs `upcoming_meetings`
-   - ❌ 避免 `_count`/`_counts` 后缀与 `total_` 前缀混用
+1. **Read the frontend before creating a new schema**: before creating a schema in `backend/app/schemas/`, check the corresponding interface in `frontend/src/api/` and ensure field names match exactly.
 
-3. **顶层响应字段名**：
-   - ✅ `monthly_trend`（和前端一致）
-   - ❌ `publish_trend`（前端叫 `monthly_trend` 时后端不能用 `publish_trend`）
+2. **Consistent naming style**:
+   - Use descriptive nouns: `reviewing_contents`, `total_members`, `upcoming_meetings`
+   - Avoid redundant suffixes: `pending_review_contents`, `members_count` (vs `total_members`)
+   - Do not mix `_count`/`_counts` suffixes with `total_` prefix
 
-4. **修改时同步更新测试**：修改 schema 字段名后，必须同步更新 `tests/` 中对该字段的断言，否则 CI 会失败。
+3. **Update tests when renaming fields**: after changing schema field names, update all assertions in `tests/` that reference those fields, otherwise CI will fail.
 
-5. **排查卡住/空白页面的检查清单**：
+4. **Checklist for diagnosing blank/stuck pages**:
    ```bash
-   # 1. 直接调用后端 API，印出字段名
-   curl -H "Authorization: Bearer TOKEN" http://localhost:8000/api/xxx | python3 -m json.tool | grep -E '"[a-z_]+":' | head -20
-   # 2. 对比前端 api/*.ts 中对应 interface 的字段定义
-   # 3. 列出所有不一致的字段名，修改后端 schema 和 API 构造调用
+   # 1. Call backend API directly and print field names
+   curl -H "Authorization: Bearer TOKEN" http://localhost:8000/api/xxx \
+     | python3 -m json.tool | grep -E '"[a-z_]+":' | head -20
+   # 2. Compare with the field definitions in frontend/src/api/*.ts
+   # 3. List all mismatched field names and fix backend schema and API construction
    ```
 
-#### 典型错误对照表
+#### Common Error Reference
 
-| 前端 interface | 错误的后端字段 | 正确后端字段 |
+| Frontend interface | Wrong backend field | Correct backend field |
 |---|---|---|
 | `reviewing_contents` | `pending_review_contents` | `reviewing_contents` |
 | `total_committees` | `committees_count` | `total_committees` |
diff --git a/backend/Dockerfile b/backend/Dockerfile
index 05766f9..60bdb16 100644
--- a/backend/Dockerfile
+++ b/backend/Dockerfile
@@ -15,6 +15,9 @@ COPY . .
 # 创建必要目录
 RUN mkdir -p /app/uploads /app/data
 
+# 复制并赋予 entrypoint 执行权限（在切换用户前完成）
+RUN chmod +x /app/entrypoint.sh
+
 # 创建非 root 用户，降低容器权限
 RUN addgroup --system --gid 1001 appgroup \
     && adduser --system --uid 1001 --ingroup appgroup appuser \
@@ -24,5 +27,7 @@ USER appuser
 
 EXPOSE 8000
 
+# entrypoint 先执行 alembic upgrade head，再启动应用
+ENTRYPOINT ["/app/entrypoint.sh"]
 # 开发环境使用 uvicorn，生产通过 docker-compose.prod.yml 覆盖为 gunicorn
 CMD ["uvicorn", "app.main:app", "--host", "0.0.0.0", "--port", "8000"]
diff --git a/backend/alembic/versions/002_schema_additions.py b/backend/alembic/versions/002_schema_additions.py
new file mode 100644
index 0000000..ac319ef
--- /dev/null
+++ b/backend/alembic/versions/002_schema_additions.py
@@ -0,0 +1,592 @@
+"""合并新增模块的所有 Schema 变更
+
+将原 003~011 的 DDL 操作合并为单一迁移，以最终状态直接建表，消除中间的
+ALTER TABLE（如 community_id NOT NULL → nullable、单独 ADD COLUMN 等）。
+
+包含变更：
+- contents.community_id 改为 nullable（原 010）
+- content_communities 关联表（原 003）
+- person_profiles + community_roles（原 004）
+- committee_members.person_id FK（原 006）
+- 活动模块：event_templates / events / 相关子表，community_id 直接 nullable（原 005+010）
+- 运营活动模块：campaigns / 相关子表，community_id 直接 nullable（原 007+010）
+- 生态洞察模块：ecosystem_projects（含 community_id）/ ecosystem_contributors（原 008+009）
+- meetings.online_url 字段（原 011）
+
+Revision ID: 002_schema_additions
+Revises: 001_initial
+Create Date: 2026-02-24
+"""
+
+import sqlalchemy as sa
+from alembic import op
+
+revision = "002_schema_additions"
+down_revision = "001_initial"
+branch_labels = None
+depends_on = None
+
+
+def upgrade() -> None:
+    # ── 1. contents.community_id → nullable ────────────────────────────────────
+    with op.batch_alter_table("contents") as batch_op:
+        batch_op.alter_column("community_id", existing_type=sa.Integer(), nullable=True)
+
+    # ── 2. content_communities 关联表 ──────────────────────────────────────────
+    op.create_table(
+        "content_communities",
+        sa.Column("id", sa.Integer, primary_key=True),
+        sa.Column(
+            "content_id",
+            sa.Integer,
+            sa.ForeignKey("contents.id", ondelete="CASCADE"),
+            nullable=False,
+            index=True,
+        ),
+        sa.Column(
+            "community_id",
+            sa.Integer,
+            sa.ForeignKey("communities.id", ondelete="CASCADE"),
+            nullable=False,
+            index=True,
+        ),
+        sa.Column("is_primary", sa.Boolean, server_default="1"),
+        sa.Column("linked_at", sa.DateTime, server_default=sa.func.now()),
+        sa.Column(
+            "linked_by_id",
+            sa.Integer,
+            sa.ForeignKey("users.id", ondelete="SET NULL"),
+            nullable=True,
+        ),
+        sa.UniqueConstraint("content_id", "community_id", name="uq_content_community"),
+    )
+
+    # ── 3. 人脉模块：person_profiles + community_roles ─────────────────────────
+    op.create_table(
+        "person_profiles",
+        sa.Column("id", sa.Integer, primary_key=True),
+        sa.Column("display_name", sa.String(200), nullable=False),
+        sa.Column("avatar_url", sa.String(500), nullable=True),
+        sa.Column("github_handle", sa.String(100), nullable=True, unique=True),
+        sa.Column("gitcode_handle", sa.String(100), nullable=True, unique=True),
+        sa.Column("email", sa.String(200), nullable=True, unique=True),
+        sa.Column("phone", sa.String(50), nullable=True),
+        sa.Column("company", sa.String(200), nullable=True),
+        sa.Column("location", sa.String(200), nullable=True),
+        sa.Column("bio", sa.Text, nullable=True),
+        sa.Column("tags", sa.JSON, nullable=True),
+        sa.Column("notes", sa.Text, nullable=True),
+        sa.Column("source", sa.String(30), nullable=False, server_default="manual"),
+        sa.Column(
+            "created_by_id",
+            sa.Integer,
+            sa.ForeignKey("users.id", ondelete="SET NULL"),
+            nullable=True,
+        ),
+        sa.Column("created_at", sa.DateTime, server_default=sa.func.now()),
+        sa.Column("updated_at", sa.DateTime, server_default=sa.func.now()),
+    )
+    op.create_index("ix_person_profiles_display_name", "person_profiles", ["display_name"])
+    op.create_index("ix_person_profiles_github_handle", "person_profiles", ["github_handle"])
+    op.create_index("ix_person_profiles_email", "person_profiles", ["email"])
+    op.create_index("ix_person_profiles_company", "person_profiles", ["company"])
+
+    op.create_table(
+        "community_roles",
+        sa.Column("id", sa.Integer, primary_key=True),
+        sa.Column(
+            "person_id",
+            sa.Integer,
+            sa.ForeignKey("person_profiles.id", ondelete="CASCADE"),
+            nullable=False,
+        ),
+        sa.Column("community_name", sa.String(200), nullable=False),
+        sa.Column("project_url", sa.String(500), nullable=True),
+        sa.Column("role", sa.String(100), nullable=False),
+        sa.Column("role_label", sa.String(100), nullable=True),
+        sa.Column("is_current", sa.Boolean, server_default="1"),
+        sa.Column("started_at", sa.Date, nullable=True),
+        sa.Column("ended_at", sa.Date, nullable=True),
+        sa.Column("source_url", sa.String(500), nullable=True),
+        sa.Column(
+            "updated_by_id",
+            sa.Integer,
+            sa.ForeignKey("users.id", ondelete="SET NULL"),
+            nullable=True,
+        ),
+    )
+    op.create_index("ix_community_roles_person_id", "community_roles", ["person_id"])
+
+    # ── 4. committee_members.person_id FK（依赖 person_profiles） ──────────────
+    with op.batch_alter_table("committee_members") as batch_op:
+        batch_op.add_column(sa.Column("person_id", sa.Integer, nullable=True))
+        batch_op.create_foreign_key(
+            "fk_committee_members_person_id",
+            "person_profiles",
+            ["person_id"],
+            ["id"],
+            ondelete="SET NULL",
+        )
+        batch_op.create_index("ix_committee_members_person_id", ["person_id"])
+
+    # ── 5. 活动模块（community_id 直接 nullable，无需后续 ALTER） ──────────────
+    op.create_table(
+        "event_templates",
+        sa.Column("id", sa.Integer, primary_key=True),
+        sa.Column(
+            "community_id",
+            sa.Integer,
+            sa.ForeignKey("communities.id", ondelete="CASCADE"),
+            nullable=True,   # nullable from the start (replaces 010 ALTER)
+        ),
+        sa.Column("name", sa.String(200), nullable=False),
+        sa.Column("event_type", sa.String(20), nullable=False),
+        sa.Column("description", sa.Text, nullable=True),
+        sa.Column("is_public", sa.Boolean, server_default="0"),
+        sa.Column(
+            "created_by_id",
+            sa.Integer,
+            sa.ForeignKey("users.id", ondelete="SET NULL"),
+            nullable=True,
+        ),
+        sa.Column("created_at", sa.DateTime, server_default=sa.func.now()),
+    )
+    op.create_index("ix_event_templates_community_id", "event_templates", ["community_id"])
+
+    op.create_table(
+        "checklist_template_items",
+        sa.Column("id", sa.Integer, primary_key=True),
+        sa.Column(
+            "template_id",
+            sa.Integer,
+            sa.ForeignKey("event_templates.id", ondelete="CASCADE"),
+            nullable=False,
+        ),
+        sa.Column("phase", sa.String(10), nullable=False),
+        sa.Column("title", sa.String(300), nullable=False),
+        sa.Column("description", sa.Text, nullable=True),
+        sa.Column("order", sa.Integer, server_default="0"),
+    )
+    op.create_index(
+        "ix_checklist_template_items_template_id",
+        "checklist_template_items",
+        ["template_id"],
+    )
+
+    op.create_table(
+        "events",
+        sa.Column("id", sa.Integer, primary_key=True),
+        sa.Column(
+            "community_id",
+            sa.Integer,
+            sa.ForeignKey("communities.id", ondelete="CASCADE"),
+            nullable=True,   # nullable from the start
+        ),
+        sa.Column("title", sa.String(300), nullable=False),
+        sa.Column("event_type", sa.String(20), nullable=False, server_default="offline"),
+        sa.Column(
+            "template_id",
+            sa.Integer,
+            sa.ForeignKey("event_templates.id", ondelete="SET NULL"),
+            nullable=True,
+        ),
+        sa.Column("status", sa.String(20), server_default="draft"),
+        sa.Column("planned_at", sa.DateTime, nullable=True),
+        sa.Column("duration_minutes", sa.Integer, nullable=True),
+        sa.Column("location", sa.String(300), nullable=True),
+        sa.Column("online_url", sa.String(500), nullable=True),
+        sa.Column("description", sa.Text, nullable=True),
+        sa.Column("cover_image_url", sa.String(500), nullable=True),
+        sa.Column(
+            "owner_id",
+            sa.Integer,
+            sa.ForeignKey("users.id", ondelete="SET NULL"),
+            nullable=True,
+        ),
+        sa.Column("attendee_count", sa.Integer, nullable=True),
+        sa.Column("online_count", sa.Integer, nullable=True),
+        sa.Column("offline_count", sa.Integer, nullable=True),
+        sa.Column("registration_count", sa.Integer, nullable=True),
+        sa.Column("result_summary", sa.Text, nullable=True),
+        sa.Column("media_urls", sa.JSON, nullable=True),
+        sa.Column("created_at", sa.DateTime, server_default=sa.func.now()),
+        sa.Column("updated_at", sa.DateTime, server_default=sa.func.now()),
+    )
+    op.create_index("ix_events_community_id", "events", ["community_id"])
+
+    op.create_table(
+        "checklist_items",
+        sa.Column("id", sa.Integer, primary_key=True),
+        sa.Column(
+            "event_id",
+            sa.Integer,
+            sa.ForeignKey("events.id", ondelete="CASCADE"),
+            nullable=False,
+        ),
+        sa.Column("phase", sa.String(10), nullable=False),
+        sa.Column("title", sa.String(300), nullable=False),
+        sa.Column("status", sa.String(20), server_default="pending"),
+        sa.Column(
+            "assignee_id",
+            sa.Integer,
+            sa.ForeignKey("users.id", ondelete="SET NULL"),
+            nullable=True,
+        ),
+        sa.Column("due_date", sa.Date, nullable=True),
+        sa.Column("notes", sa.Text, nullable=True),
+        sa.Column("order", sa.Integer, server_default="0"),
+    )
+    op.create_index("ix_checklist_items_event_id", "checklist_items", ["event_id"])
+
+    op.create_table(
+        "event_personnel",
+        sa.Column("id", sa.Integer, primary_key=True),
+        sa.Column(
+            "event_id",
+            sa.Integer,
+            sa.ForeignKey("events.id", ondelete="CASCADE"),
+            nullable=False,
+        ),
+        sa.Column("role", sa.String(50), nullable=False),
+        sa.Column("role_label", sa.String(100), nullable=True),
+        sa.Column("assignee_type", sa.String(20), nullable=False),
+        sa.Column(
+            "user_id",
+            sa.Integer,
+            sa.ForeignKey("users.id", ondelete="SET NULL"),
+            nullable=True,
+        ),
+        sa.Column(
+            "person_id",
+            sa.Integer,
+            sa.ForeignKey("person_profiles.id", ondelete="SET NULL"),
+            nullable=True,
+        ),
+        sa.Column("confirmed", sa.String(20), server_default="pending"),
+        sa.Column("time_slot", sa.String(100), nullable=True),
+        sa.Column("notes", sa.Text, nullable=True),
+        sa.Column("order", sa.Integer, server_default="0"),
+    )
+    op.create_index("ix_event_personnel_event_id", "event_personnel", ["event_id"])
+
+    op.create_table(
+        "event_attendees",
+        sa.Column("id", sa.Integer, primary_key=True),
+        sa.Column(
+            "event_id",
+            sa.Integer,
+            sa.ForeignKey("events.id", ondelete="CASCADE"),
+            nullable=False,
+        ),
+        sa.Column(
+            "person_id",
+            sa.Integer,
+            sa.ForeignKey("person_profiles.id", ondelete="CASCADE"),
+            nullable=False,
+        ),
+        sa.Column("checked_in", sa.Boolean, server_default="0"),
+        sa.Column("role_at_event", sa.String(100), nullable=True),
+        sa.Column("source", sa.String(20), server_default="manual"),
+    )
+    op.create_index("ix_event_attendees_event_id", "event_attendees", ["event_id"])
+    op.create_index("ix_event_attendees_person_id", "event_attendees", ["person_id"])
+
+    op.create_table(
+        "feedback_items",
+        sa.Column("id", sa.Integer, primary_key=True),
+        sa.Column(
+            "event_id",
+            sa.Integer,
+            sa.ForeignKey("events.id", ondelete="CASCADE"),
+            nullable=False,
+        ),
+        sa.Column("content", sa.Text, nullable=False),
+        sa.Column("category", sa.String(50), server_default="question"),
+        sa.Column("raised_by", sa.String(200), nullable=True),
+        sa.Column(
+            "raised_by_person_id",
+            sa.Integer,
+            sa.ForeignKey("person_profiles.id", ondelete="SET NULL"),
+            nullable=True,
+        ),
+        sa.Column("status", sa.String(20), server_default="open"),
+        sa.Column(
+            "assignee_id",
+            sa.Integer,
+            sa.ForeignKey("users.id", ondelete="SET NULL"),
+            nullable=True,
+        ),
+        sa.Column("created_at", sa.DateTime, server_default=sa.func.now()),
+    )
+    op.create_index("ix_feedback_items_event_id", "feedback_items", ["event_id"])
+
+    op.create_table(
+        "issue_links",
+        sa.Column("id", sa.Integer, primary_key=True),
+        sa.Column(
+            "feedback_id",
+            sa.Integer,
+            sa.ForeignKey("feedback_items.id", ondelete="CASCADE"),
+            nullable=False,
+        ),
+        sa.Column("platform", sa.String(20), nullable=False),
+        sa.Column("repo", sa.String(200), nullable=False),
+        sa.Column("issue_number", sa.Integer, nullable=False),
+        sa.Column("issue_url", sa.String(500), nullable=False),
+        sa.Column("issue_type", sa.String(10), server_default="issue"),
+        sa.Column("issue_status", sa.String(10), server_default="open"),
+        sa.Column("linked_at", sa.DateTime, server_default=sa.func.now()),
+        sa.Column(
+            "linked_by_id",
+            sa.Integer,
+            sa.ForeignKey("users.id", ondelete="SET NULL"),
+            nullable=True,
+        ),
+    )
+    op.create_index("ix_issue_links_feedback_id", "issue_links", ["feedback_id"])
+
+    op.create_table(
+        "event_tasks",
+        sa.Column("id", sa.Integer, primary_key=True),
+        sa.Column(
+            "event_id",
+            sa.Integer,
+            sa.ForeignKey("events.id", ondelete="CASCADE"),
+            nullable=False,
+        ),
+        sa.Column("title", sa.String(300), nullable=False),
+        sa.Column("task_type", sa.String(20), server_default="task"),
+        sa.Column("phase", sa.String(10), server_default="pre"),
+        sa.Column("start_date", sa.Date, nullable=True),
+        sa.Column("end_date", sa.Date, nullable=True),
+        sa.Column("progress", sa.Integer, server_default="0"),
+        sa.Column("status", sa.String(20), server_default="not_started"),
+        sa.Column("depends_on", sa.JSON, nullable=True),
+        sa.Column(
+            "parent_task_id",
+            sa.Integer,
+            sa.ForeignKey("event_tasks.id", ondelete="SET NULL"),
+            nullable=True,
+        ),
+        sa.Column("order", sa.Integer, server_default="0"),
+    )
+    op.create_index("ix_event_tasks_event_id", "event_tasks", ["event_id"])
+
+    # ── 6. 运营活动模块（community_id 直接 nullable） ──────────────────────────
+    op.create_table(
+        "campaigns",
+        sa.Column("id", sa.Integer, primary_key=True),
+        sa.Column(
+            "community_id",
+            sa.Integer,
+            sa.ForeignKey("communities.id", ondelete="CASCADE"),
+            nullable=True,   # nullable from the start
+        ),
+        sa.Column("name", sa.String(300), nullable=False),
+        sa.Column("description", sa.Text, nullable=True),
+        sa.Column("type", sa.String(50), nullable=False),
+        sa.Column("status", sa.String(50), nullable=False, server_default="draft"),
+        sa.Column("target_count", sa.Integer, nullable=True),
+        sa.Column(
+            "owner_id",
+            sa.Integer,
+            sa.ForeignKey("users.id", ondelete="SET NULL"),
+            nullable=True,
+        ),
+        sa.Column("start_date", sa.Date, nullable=True),
+        sa.Column("end_date", sa.Date, nullable=True),
+        sa.Column("created_at", sa.DateTime, server_default=sa.func.now()),
+        sa.Column("updated_at", sa.DateTime, server_default=sa.func.now()),
+    )
+    op.create_index("ix_campaigns_community_id", "campaigns", ["community_id"])
+
+    op.create_table(
+        "campaign_contacts",
+        sa.Column("id", sa.Integer, primary_key=True),
+        sa.Column(
+            "campaign_id",
+            sa.Integer,
+            sa.ForeignKey("campaigns.id", ondelete="CASCADE"),
+            nullable=False,
+        ),
+        sa.Column(
+            "person_id",
+            sa.Integer,
+            sa.ForeignKey("person_profiles.id", ondelete="CASCADE"),
+            nullable=False,
+        ),
+        sa.Column("status", sa.String(50), nullable=False, server_default="pending"),
+        sa.Column("channel", sa.String(50), nullable=True),
+        sa.Column("added_by", sa.String(50), nullable=False, server_default="manual"),
+        sa.Column("last_contacted_at", sa.DateTime, nullable=True),
+        sa.Column("notes", sa.Text, nullable=True),
+        sa.Column(
+            "assigned_to_id",
+            sa.Integer,
+            sa.ForeignKey("users.id", ondelete="SET NULL"),
+            nullable=True,
+        ),
+        sa.UniqueConstraint("campaign_id", "person_id", name="uq_campaign_contact"),
+    )
+    op.create_index("ix_campaign_contacts_campaign_id", "campaign_contacts", ["campaign_id"])
+    op.create_index("ix_campaign_contacts_person_id", "campaign_contacts", ["person_id"])
+
+    op.create_table(
+        "campaign_activities",
+        sa.Column("id", sa.Integer, primary_key=True),
+        sa.Column(
+            "campaign_id",
+            sa.Integer,
+            sa.ForeignKey("campaigns.id", ondelete="CASCADE"),
+            nullable=False,
+        ),
+        sa.Column(
+            "person_id",
+            sa.Integer,
+            sa.ForeignKey("person_profiles.id", ondelete="CASCADE"),
+            nullable=False,
+        ),
+        sa.Column("action", sa.String(50), nullable=False),
+        sa.Column("content", sa.Text, nullable=True),
+        sa.Column("outcome", sa.String(300), nullable=True),
+        sa.Column(
+            "operator_id",
+            sa.Integer,
+            sa.ForeignKey("users.id", ondelete="SET NULL"),
+            nullable=True,
+        ),
+        sa.Column("created_at", sa.DateTime, server_default=sa.func.now()),
+    )
+    op.create_index("ix_campaign_activities_campaign_id", "campaign_activities", ["campaign_id"])
+
+    # ── 7. 生态洞察模块（ecosystem + community_id 合并建表） ───────────────────
+    op.create_table(
+        "ecosystem_projects",
+        sa.Column("id", sa.Integer, primary_key=True),
+        sa.Column(
+            "community_id",
+            sa.Integer,
+            sa.ForeignKey("communities.id", ondelete="CASCADE"),
+            nullable=True,   # merged 009 ADD COLUMN + 010 nullable adjustment
+        ),
+        sa.Column("name", sa.String(200), nullable=False),
+        sa.Column("platform", sa.String(30), nullable=False),
+        sa.Column("org_name", sa.String(200), nullable=False),
+        sa.Column("repo_name", sa.String(200), nullable=True),
+        sa.Column("description", sa.Text, nullable=True),
+        sa.Column("tags", sa.JSON, nullable=True),
+        sa.Column("is_active", sa.Boolean, server_default="1"),
+        sa.Column("last_synced_at", sa.DateTime, nullable=True),
+        sa.Column(
+            "added_by_id",
+            sa.Integer,
+            sa.ForeignKey("users.id", ondelete="SET NULL"),
+            nullable=True,
+        ),
+        sa.Column("created_at", sa.DateTime, server_default=sa.func.now()),
+    )
+    op.create_index("ix_ecosystem_projects_community_id", "ecosystem_projects", ["community_id"])
+
+    op.create_table(
+        "ecosystem_contributors",
+        sa.Column("id", sa.Integer, primary_key=True),
+        sa.Column(
+            "project_id",
+            sa.Integer,
+            sa.ForeignKey("ecosystem_projects.id", ondelete="CASCADE"),
+            nullable=False,
+        ),
+        sa.Column("github_handle", sa.String(100), nullable=False),
+        sa.Column("display_name", sa.String(200), nullable=True),
+        sa.Column("avatar_url", sa.String(500), nullable=True),
+        sa.Column("role", sa.String(50), nullable=True),
+        sa.Column("commit_count_90d", sa.Integer, nullable=True),
+        sa.Column("pr_count_90d", sa.Integer, nullable=True),
+        sa.Column("star_count", sa.Integer, nullable=True),
+        sa.Column("followers", sa.Integer, nullable=True),
+        sa.Column(
+            "person_id",
+            sa.Integer,
+            sa.ForeignKey("person_profiles.id", ondelete="SET NULL"),
+            nullable=True,
+        ),
+        sa.Column("last_synced_at", sa.DateTime, server_default=sa.func.now()),
+        sa.UniqueConstraint("project_id", "github_handle", name="uq_eco_contributor"),
+    )
+    op.create_index(
+        "ix_ecosystem_contributors_project_id",
+        "ecosystem_contributors",
+        ["project_id"],
+    )
+    op.create_index(
+        "ix_ecosystem_contributors_github_handle",
+        "ecosystem_contributors",
+        ["github_handle"],
+    )
+    op.create_index(
+        "ix_ecosystem_contributors_person_id",
+        "ecosystem_contributors",
+        ["person_id"],
+    )
+
+    # ── 8. meetings.online_url ─────────────────────────────────────────────────
+    with op.batch_alter_table("meetings") as batch_op:
+        batch_op.add_column(sa.Column("online_url", sa.String(500), nullable=True))
+
+
+def downgrade() -> None:
+    # 逆序撤销，依赖关系安全
+    with op.batch_alter_table("meetings") as batch_op:
+        batch_op.drop_column("online_url")
+
+    op.drop_index("ix_ecosystem_contributors_person_id", "ecosystem_contributors")
+    op.drop_index("ix_ecosystem_contributors_github_handle", "ecosystem_contributors")
+    op.drop_index("ix_ecosystem_contributors_project_id", "ecosystem_contributors")
+    op.drop_table("ecosystem_contributors")
+    op.drop_index("ix_ecosystem_projects_community_id", "ecosystem_projects")
+    op.drop_table("ecosystem_projects")
+
+    op.drop_index("ix_campaign_activities_campaign_id", "campaign_activities")
+    op.drop_table("campaign_activities")
+    op.drop_index("ix_campaign_contacts_person_id", "campaign_contacts")
+    op.drop_index("ix_campaign_contacts_campaign_id", "campaign_contacts")
+    op.drop_table("campaign_contacts")
+    op.drop_index("ix_campaigns_community_id", "campaigns")
+    op.drop_table("campaigns")
+
+    op.drop_index("ix_event_tasks_event_id", "event_tasks")
+    op.drop_table("event_tasks")
+    op.drop_index("ix_issue_links_feedback_id", "issue_links")
+    op.drop_table("issue_links")
+    op.drop_index("ix_feedback_items_event_id", "feedback_items")
+    op.drop_table("feedback_items")
+    op.drop_index("ix_event_attendees_person_id", "event_attendees")
+    op.drop_index("ix_event_attendees_event_id", "event_attendees")
+    op.drop_table("event_attendees")
+    op.drop_index("ix_event_personnel_event_id", "event_personnel")
+    op.drop_table("event_personnel")
+    op.drop_index("ix_checklist_items_event_id", "checklist_items")
+    op.drop_table("checklist_items")
+    op.drop_index("ix_events_community_id", "events")
+    op.drop_table("events")
+    op.drop_index("ix_checklist_template_items_template_id", "checklist_template_items")
+    op.drop_table("checklist_template_items")
+    op.drop_index("ix_event_templates_community_id", "event_templates")
+    op.drop_table("event_templates")
+
+    with op.batch_alter_table("committee_members") as batch_op:
+        batch_op.drop_index("ix_committee_members_person_id")
+        batch_op.drop_column("person_id")
+
+    op.drop_index("ix_community_roles_person_id", "community_roles")
+    op.drop_table("community_roles")
+    op.drop_index("ix_person_profiles_company", "person_profiles")
+    op.drop_index("ix_person_profiles_email", "person_profiles")
+    op.drop_index("ix_person_profiles_github_handle", "person_profiles")
+    op.drop_index("ix_person_profiles_display_name", "person_profiles")
+    op.drop_table("person_profiles")
+
+    op.drop_table("content_communities")
+
+    with op.batch_alter_table("contents") as batch_op:
+        batch_op.alter_column("community_id", existing_type=sa.Integer(), nullable=False)
diff --git a/backend/alembic/versions/002_simplify_roles.py b/backend/alembic/versions/002_simplify_roles.py
deleted file mode 100644
index dd7e87b..0000000
--- a/backend/alembic/versions/002_simplify_roles.py
+++ /dev/null
@@ -1,27 +0,0 @@
-"""简化权限模型：移除 community_admin 角色
-
-将所有 community_users.role = 'community_admin' 统一降级为 'user'。
-新权限体系：superuser / admin / user（三层，无 community_admin）
-
-Revision ID: 002_simplify_roles
-Revises: 001_initial
-Create Date: 2026-02-22
-"""
-
-from alembic import op
-
-revision = "002_simplify_roles"
-down_revision = "001_initial"
-branch_labels = None
-depends_on = None
-
-
-def upgrade() -> None:
-    op.execute(
-        "UPDATE community_users SET role = 'user' WHERE role = 'community_admin'"
-    )
-
-
-def downgrade() -> None:
-    # 无法恢复：降级后无法区分哪些 user 原本是 community_admin
-    pass
diff --git a/backend/alembic/versions/003_add_content_communities.py b/backend/alembic/versions/003_add_content_communities.py
deleted file mode 100644
index 144497f..0000000
--- a/backend/alembic/versions/003_add_content_communities.py
+++ /dev/null
@@ -1,59 +0,0 @@
-"""新增 content_communities 关联表，迁移现有 community_id 数据
-
-第一步（本文件）：创建关联表，将 contents.community_id 迁移进新表（is_primary=True）
-第二步（009_remove_content_community_id.py）：迁移验证无误后移除旧 community_id 列
-
-Revision ID: 003_add_content_communities
-Revises: 002_simplify_roles
-Create Date: 2026-02-22
-"""
-
-import sqlalchemy as sa
-from alembic import op
-
-revision = "003_add_content_communities"
-down_revision = "002_simplify_roles"
-branch_labels = None
-depends_on = None
-
-
-def upgrade() -> None:
-    # 唯一约束直接内联到 create_table，兼容 SQLite（不支持 ALTER ADD CONSTRAINT）
-    op.create_table(
-        "content_communities",
-        sa.Column("id", sa.Integer, primary_key=True),
-        sa.Column(
-            "content_id",
-            sa.Integer,
-            sa.ForeignKey("contents.id", ondelete="CASCADE"),
-            nullable=False,
-            index=True,
-        ),
-        sa.Column(
-            "community_id",
-            sa.Integer,
-            sa.ForeignKey("communities.id", ondelete="CASCADE"),
-            nullable=False,
-            index=True,
-        ),
-        sa.Column("is_primary", sa.Boolean, server_default="1"),
-        sa.Column("linked_at", sa.DateTime, server_default=sa.func.now()),
-        sa.Column(
-            "linked_by_id",
-            sa.Integer,
-            sa.ForeignKey("users.id", ondelete="SET NULL"),
-            nullable=True,
-        ),
-        sa.UniqueConstraint("content_id", "community_id", name="uq_content_community"),
-    )
-    # 迁移现有数据：将 contents.community_id 作为主社区写入新关联表
-    op.execute("""
-        INSERT INTO content_communities (content_id, community_id, is_primary)
-        SELECT id, community_id, 1
-        FROM contents
-        WHERE community_id IS NOT NULL
-    """)
-
-
-def downgrade() -> None:
-    op.drop_table("content_communities")
diff --git a/backend/alembic/versions/003_data_migrations.py b/backend/alembic/versions/003_data_migrations.py
new file mode 100644
index 0000000..3a32dfb
--- /dev/null
+++ b/backend/alembic/versions/003_data_migrations.py
@@ -0,0 +1,35 @@
+"""数据迁移：角色简化 + content_communities 数据回填
+
+合并原 002（简化权限角色）和 003（内容社区关联数据迁移）的数据操作。
+对全新安装的数据库这两个操作均为空操作（无行可更新/迁移）。
+
+Revision ID: 003_data_migrations
+Revises: 002_schema_additions
+Create Date: 2026-02-24
+"""
+
+from alembic import op
+
+revision = "003_data_migrations"
+down_revision = "002_schema_additions"
+branch_labels = None
+depends_on = None
+
+
+def upgrade() -> None:
+    # 1. 简化权限角色：community_admin 降为 user
+    op.execute("UPDATE community_users SET role = 'user' WHERE role = 'community_admin'")
+
+    # 2. 将 contents.community_id 现有数据回填到 content_communities 关联表
+    op.execute("""
+        INSERT INTO content_communities (content_id, community_id, is_primary)
+        SELECT id, community_id, 1
+        FROM contents
+        WHERE community_id IS NOT NULL
+    """)
+
+
+def downgrade() -> None:
+    # 删除回填数据（仅删除 is_primary=1 且来源于迁移的行）
+    # 注意：角色简化不可逆（无法区分哪些 user 原本是 community_admin）
+    op.execute("DELETE FROM content_communities WHERE is_primary = 1")
diff --git a/backend/alembic/versions/004_add_people_module.py b/backend/alembic/versions/004_add_people_module.py
deleted file mode 100644
index e6410de..0000000
--- a/backend/alembic/versions/004_add_people_module.py
+++ /dev/null
@@ -1,81 +0,0 @@
-"""新增人脉模块：person_profiles + community_roles 表
-
-Revision ID: 004_add_people_module
-Revises: 003_add_content_communities
-Create Date: 2026-02-22
-"""
-
-import sqlalchemy as sa
-from alembic import op
-
-revision = "004_add_people_module"
-down_revision = "003_add_content_communities"
-branch_labels = None
-depends_on = None
-
-
-def upgrade() -> None:
-    op.create_table(
-        "person_profiles",
-        sa.Column("id", sa.Integer, primary_key=True),
-        sa.Column("display_name", sa.String(200), nullable=False),
-        sa.Column("avatar_url", sa.String(500), nullable=True),
-        sa.Column("github_handle", sa.String(100), nullable=True, unique=True),
-        sa.Column("gitcode_handle", sa.String(100), nullable=True, unique=True),
-        sa.Column("email", sa.String(200), nullable=True, unique=True),
-        sa.Column("phone", sa.String(50), nullable=True),
-        sa.Column("company", sa.String(200), nullable=True),
-        sa.Column("location", sa.String(200), nullable=True),
-        sa.Column("bio", sa.Text, nullable=True),
-        sa.Column("tags", sa.JSON, nullable=True),
-        sa.Column("notes", sa.Text, nullable=True),
-        sa.Column("source", sa.String(30), nullable=False, server_default="manual"),
-        sa.Column(
-            "created_by_id",
-            sa.Integer,
-            sa.ForeignKey("users.id", ondelete="SET NULL"),
-            nullable=True,
-        ),
-        sa.Column("created_at", sa.DateTime, server_default=sa.func.now()),
-        sa.Column("updated_at", sa.DateTime, server_default=sa.func.now()),
-    )
-    op.create_index("ix_person_profiles_display_name", "person_profiles", ["display_name"])
-    op.create_index("ix_person_profiles_github_handle", "person_profiles", ["github_handle"])
-    op.create_index("ix_person_profiles_email", "person_profiles", ["email"])
-    op.create_index("ix_person_profiles_company", "person_profiles", ["company"])
-
-    op.create_table(
-        "community_roles",
-        sa.Column("id", sa.Integer, primary_key=True),
-        sa.Column(
-            "person_id",
-            sa.Integer,
-            sa.ForeignKey("person_profiles.id", ondelete="CASCADE"),
-            nullable=False,
-        ),
-        sa.Column("community_name", sa.String(200), nullable=False),
-        sa.Column("project_url", sa.String(500), nullable=True),
-        sa.Column("role", sa.String(100), nullable=False),
-        sa.Column("role_label", sa.String(100), nullable=True),
-        sa.Column("is_current", sa.Boolean, server_default="1"),
-        sa.Column("started_at", sa.Date, nullable=True),
-        sa.Column("ended_at", sa.Date, nullable=True),
-        sa.Column("source_url", sa.String(500), nullable=True),
-        sa.Column(
-            "updated_by_id",
-            sa.Integer,
-            sa.ForeignKey("users.id", ondelete="SET NULL"),
-            nullable=True,
-        ),
-    )
-    op.create_index("ix_community_roles_person_id", "community_roles", ["person_id"])
-
-
-def downgrade() -> None:
-    op.drop_index("ix_community_roles_person_id", "community_roles")
-    op.drop_table("community_roles")
-    op.drop_index("ix_person_profiles_company", "person_profiles")
-    op.drop_index("ix_person_profiles_email", "person_profiles")
-    op.drop_index("ix_person_profiles_github_handle", "person_profiles")
-    op.drop_index("ix_person_profiles_display_name", "person_profiles")
-    op.drop_table("person_profiles")
diff --git a/backend/alembic/versions/005_add_event_module.py b/backend/alembic/versions/005_add_event_module.py
deleted file mode 100644
index 107b569..0000000
--- a/backend/alembic/versions/005_add_event_module.py
+++ /dev/null
@@ -1,178 +0,0 @@
-"""新增活动模块：event_templates、checklist_template_items、events、
-checklist_items、event_personnel、event_attendees、
-feedback_items、issue_links、event_tasks 表
-
-Revision ID: 005_add_event_module
-Revises: 004_add_people_module
-Create Date: 2026-02-22
-"""
-
-import sqlalchemy as sa
-from alembic import op
-
-revision = "005_add_event_module"
-down_revision = "004_add_people_module"
-branch_labels = None
-depends_on = None
-
-
-def upgrade() -> None:
-    op.create_table(
-        "event_templates",
-        sa.Column("id", sa.Integer, primary_key=True),
-        sa.Column("community_id", sa.Integer, sa.ForeignKey("communities.id", ondelete="CASCADE"), nullable=False),
-        sa.Column("name", sa.String(200), nullable=False),
-        sa.Column("event_type", sa.String(20), nullable=False),
-        sa.Column("description", sa.Text, nullable=True),
-        sa.Column("is_public", sa.Boolean, server_default="0"),
-        sa.Column("created_by_id", sa.Integer, sa.ForeignKey("users.id", ondelete="SET NULL"), nullable=True),
-        sa.Column("created_at", sa.DateTime, server_default=sa.func.now()),
-    )
-    op.create_index("ix_event_templates_community_id", "event_templates", ["community_id"])
-
-    op.create_table(
-        "checklist_template_items",
-        sa.Column("id", sa.Integer, primary_key=True),
-        sa.Column("template_id", sa.Integer, sa.ForeignKey("event_templates.id", ondelete="CASCADE"), nullable=False),
-        sa.Column("phase", sa.String(10), nullable=False),
-        sa.Column("title", sa.String(300), nullable=False),
-        sa.Column("description", sa.Text, nullable=True),
-        sa.Column("order", sa.Integer, server_default="0"),
-    )
-    op.create_index("ix_checklist_template_items_template_id", "checklist_template_items", ["template_id"])
-
-    op.create_table(
-        "events",
-        sa.Column("id", sa.Integer, primary_key=True),
-        sa.Column("community_id", sa.Integer, sa.ForeignKey("communities.id", ondelete="CASCADE"), nullable=False),
-        sa.Column("title", sa.String(300), nullable=False),
-        sa.Column("event_type", sa.String(20), nullable=False, server_default="offline"),
-        sa.Column("template_id", sa.Integer, sa.ForeignKey("event_templates.id", ondelete="SET NULL"), nullable=True),
-        sa.Column("status", sa.String(20), server_default="draft"),
-        sa.Column("planned_at", sa.DateTime, nullable=True),
-        sa.Column("duration_minutes", sa.Integer, nullable=True),
-        sa.Column("location", sa.String(300), nullable=True),
-        sa.Column("online_url", sa.String(500), nullable=True),
-        sa.Column("description", sa.Text, nullable=True),
-        sa.Column("cover_image_url", sa.String(500), nullable=True),
-        sa.Column("owner_id", sa.Integer, sa.ForeignKey("users.id", ondelete="SET NULL"), nullable=True),
-        sa.Column("attendee_count", sa.Integer, nullable=True),
-        sa.Column("online_count", sa.Integer, nullable=True),
-        sa.Column("offline_count", sa.Integer, nullable=True),
-        sa.Column("registration_count", sa.Integer, nullable=True),
-        sa.Column("result_summary", sa.Text, nullable=True),
-        sa.Column("media_urls", sa.JSON, nullable=True),
-        sa.Column("created_at", sa.DateTime, server_default=sa.func.now()),
-        sa.Column("updated_at", sa.DateTime, server_default=sa.func.now()),
-    )
-    op.create_index("ix_events_community_id", "events", ["community_id"])
-
-    op.create_table(
-        "checklist_items",
-        sa.Column("id", sa.Integer, primary_key=True),
-        sa.Column("event_id", sa.Integer, sa.ForeignKey("events.id", ondelete="CASCADE"), nullable=False),
-        sa.Column("phase", sa.String(10), nullable=False),
-        sa.Column("title", sa.String(300), nullable=False),
-        sa.Column("status", sa.String(20), server_default="pending"),
-        sa.Column("assignee_id", sa.Integer, sa.ForeignKey("users.id", ondelete="SET NULL"), nullable=True),
-        sa.Column("due_date", sa.Date, nullable=True),
-        sa.Column("notes", sa.Text, nullable=True),
-        sa.Column("order", sa.Integer, server_default="0"),
-    )
-    op.create_index("ix_checklist_items_event_id", "checklist_items", ["event_id"])
-
-    op.create_table(
-        "event_personnel",
-        sa.Column("id", sa.Integer, primary_key=True),
-        sa.Column("event_id", sa.Integer, sa.ForeignKey("events.id", ondelete="CASCADE"), nullable=False),
-        sa.Column("role", sa.String(50), nullable=False),
-        sa.Column("role_label", sa.String(100), nullable=True),
-        sa.Column("assignee_type", sa.String(20), nullable=False),
-        sa.Column("user_id", sa.Integer, sa.ForeignKey("users.id", ondelete="SET NULL"), nullable=True),
-        sa.Column("person_id", sa.Integer, sa.ForeignKey("person_profiles.id", ondelete="SET NULL"), nullable=True),
-        sa.Column("confirmed", sa.String(20), server_default="pending"),
-        sa.Column("time_slot", sa.String(100), nullable=True),
-        sa.Column("notes", sa.Text, nullable=True),
-        sa.Column("order", sa.Integer, server_default="0"),
-    )
-    op.create_index("ix_event_personnel_event_id", "event_personnel", ["event_id"])
-
-    op.create_table(
-        "event_attendees",
-        sa.Column("id", sa.Integer, primary_key=True),
-        sa.Column("event_id", sa.Integer, sa.ForeignKey("events.id", ondelete="CASCADE"), nullable=False),
-        sa.Column("person_id", sa.Integer, sa.ForeignKey("person_profiles.id", ondelete="CASCADE"), nullable=False),
-        sa.Column("checked_in", sa.Boolean, server_default="0"),
-        sa.Column("role_at_event", sa.String(100), nullable=True),
-        sa.Column("source", sa.String(20), server_default="manual"),
-    )
-    op.create_index("ix_event_attendees_event_id", "event_attendees", ["event_id"])
-    op.create_index("ix_event_attendees_person_id", "event_attendees", ["person_id"])
-
-    op.create_table(
-        "feedback_items",
-        sa.Column("id", sa.Integer, primary_key=True),
-        sa.Column("event_id", sa.Integer, sa.ForeignKey("events.id", ondelete="CASCADE"), nullable=False),
-        sa.Column("content", sa.Text, nullable=False),
-        sa.Column("category", sa.String(50), server_default="question"),
-        sa.Column("raised_by", sa.String(200), nullable=True),
-        sa.Column("raised_by_person_id", sa.Integer, sa.ForeignKey("person_profiles.id", ondelete="SET NULL"), nullable=True),
-        sa.Column("status", sa.String(20), server_default="open"),
-        sa.Column("assignee_id", sa.Integer, sa.ForeignKey("users.id", ondelete="SET NULL"), nullable=True),
-        sa.Column("created_at", sa.DateTime, server_default=sa.func.now()),
-    )
-    op.create_index("ix_feedback_items_event_id", "feedback_items", ["event_id"])
-
-    op.create_table(
-        "issue_links",
-        sa.Column("id", sa.Integer, primary_key=True),
-        sa.Column("feedback_id", sa.Integer, sa.ForeignKey("feedback_items.id", ondelete="CASCADE"), nullable=False),
-        sa.Column("platform", sa.String(20), nullable=False),
-        sa.Column("repo", sa.String(200), nullable=False),
-        sa.Column("issue_number", sa.Integer, nullable=False),
-        sa.Column("issue_url", sa.String(500), nullable=False),
-        sa.Column("issue_type", sa.String(10), server_default="issue"),
-        sa.Column("issue_status", sa.String(10), server_default="open"),
-        sa.Column("linked_at", sa.DateTime, server_default=sa.func.now()),
-        sa.Column("linked_by_id", sa.Integer, sa.ForeignKey("users.id", ondelete="SET NULL"), nullable=True),
-    )
-    op.create_index("ix_issue_links_feedback_id", "issue_links", ["feedback_id"])
-
-    op.create_table(
-        "event_tasks",
-        sa.Column("id", sa.Integer, primary_key=True),
-        sa.Column("event_id", sa.Integer, sa.ForeignKey("events.id", ondelete="CASCADE"), nullable=False),
-        sa.Column("title", sa.String(300), nullable=False),
-        sa.Column("task_type", sa.String(20), server_default="task"),
-        sa.Column("phase", sa.String(10), server_default="pre"),
-        sa.Column("start_date", sa.Date, nullable=True),
-        sa.Column("end_date", sa.Date, nullable=True),
-        sa.Column("progress", sa.Integer, server_default="0"),
-        sa.Column("status", sa.String(20), server_default="not_started"),
-        sa.Column("depends_on", sa.JSON, nullable=True),
-        sa.Column("parent_task_id", sa.Integer, sa.ForeignKey("event_tasks.id", ondelete="SET NULL"), nullable=True),
-        sa.Column("order", sa.Integer, server_default="0"),
-    )
-    op.create_index("ix_event_tasks_event_id", "event_tasks", ["event_id"])
-
-
-def downgrade() -> None:
-    op.drop_index("ix_event_tasks_event_id", "event_tasks")
-    op.drop_table("event_tasks")
-    op.drop_index("ix_issue_links_feedback_id", "issue_links")
-    op.drop_table("issue_links")
-    op.drop_index("ix_feedback_items_event_id", "feedback_items")
-    op.drop_table("feedback_items")
-    op.drop_index("ix_event_attendees_person_id", "event_attendees")
-    op.drop_index("ix_event_attendees_event_id", "event_attendees")
-    op.drop_table("event_attendees")
-    op.drop_index("ix_event_personnel_event_id", "event_personnel")
-    op.drop_table("event_personnel")
-    op.drop_index("ix_checklist_items_event_id", "checklist_items")
-    op.drop_table("checklist_items")
-    op.drop_index("ix_events_community_id", "events")
-    op.drop_table("events")
-    op.drop_index("ix_checklist_template_items_template_id", "checklist_template_items")
-    op.drop_table("checklist_template_items")
-    op.drop_index("ix_event_templates_community_id", "event_templates")
-    op.drop_table("event_templates")
diff --git a/backend/alembic/versions/006_link_committee_member_to_person.py b/backend/alembic/versions/006_link_committee_member_to_person.py
deleted file mode 100644
index d598a07..0000000
--- a/backend/alembic/versions/006_link_committee_member_to_person.py
+++ /dev/null
@@ -1,35 +0,0 @@
-"""CommitteeMember 关联 PersonProfile
-
-Revision ID: 006_link_committee_member_to_person
-Revises: 005_add_event_module
-Create Date: 2026-02-22
-"""
-
-import sqlalchemy as sa
-from alembic import op
-
-revision = "006_link_committee_member_to_person"
-down_revision = "005_add_event_module"
-branch_labels = None
-depends_on = None
-
-
-def upgrade() -> None:
-    with op.batch_alter_table("committee_members") as batch_op:
-        batch_op.add_column(
-            sa.Column("person_id", sa.Integer, nullable=True)
-        )
-        batch_op.create_foreign_key(
-            "fk_committee_members_person_id",
-            "person_profiles",
-            ["person_id"],
-            ["id"],
-            ondelete="SET NULL",
-        )
-        batch_op.create_index("ix_committee_members_person_id", ["person_id"])
-
-
-def downgrade() -> None:
-    with op.batch_alter_table("committee_members") as batch_op:
-        batch_op.drop_index("ix_committee_members_person_id")
-        batch_op.drop_column("person_id")
diff --git a/backend/alembic/versions/007_add_campaign_module.py b/backend/alembic/versions/007_add_campaign_module.py
deleted file mode 100644
index a3174b5..0000000
--- a/backend/alembic/versions/007_add_campaign_module.py
+++ /dev/null
@@ -1,67 +0,0 @@
-"""新增 Campaign 运营活动模块
-
-Revision ID: 007_add_campaign_module
-Revises: 006_link_committee_member_to_person
-Create Date: 2026-02-22
-"""
-import sqlalchemy as sa
-from alembic import op
-
-revision = "007_add_campaign_module"
-down_revision = "006_link_committee_member_to_person"
-branch_labels = None
-depends_on = None
-
-
-def upgrade() -> None:
-    op.create_table(
-        "campaigns",
-        sa.Column("id", sa.Integer, primary_key=True),
-        sa.Column("community_id", sa.Integer, sa.ForeignKey("communities.id", ondelete="CASCADE"), nullable=False),
-        sa.Column("name", sa.String(300), nullable=False),
-        sa.Column("description", sa.Text, nullable=True),
-        sa.Column("type", sa.String(50), nullable=False),
-        sa.Column("status", sa.String(50), nullable=False, server_default="draft"),
-        sa.Column("target_count", sa.Integer, nullable=True),
-        sa.Column("owner_id", sa.Integer, sa.ForeignKey("users.id", ondelete="SET NULL"), nullable=True),
-        sa.Column("start_date", sa.Date, nullable=True),
-        sa.Column("end_date", sa.Date, nullable=True),
-        sa.Column("created_at", sa.DateTime, server_default=sa.func.now()),
-        sa.Column("updated_at", sa.DateTime, server_default=sa.func.now()),
-    )
-    op.create_index("ix_campaigns_community_id", "campaigns", ["community_id"])
-
-    op.create_table(
-        "campaign_contacts",
-        sa.Column("id", sa.Integer, primary_key=True),
-        sa.Column("campaign_id", sa.Integer, sa.ForeignKey("campaigns.id", ondelete="CASCADE"), nullable=False),
-        sa.Column("person_id", sa.Integer, sa.ForeignKey("person_profiles.id", ondelete="CASCADE"), nullable=False),
-        sa.Column("status", sa.String(50), nullable=False, server_default="pending"),
-        sa.Column("channel", sa.String(50), nullable=True),
-        sa.Column("added_by", sa.String(50), nullable=False, server_default="manual"),
-        sa.Column("last_contacted_at", sa.DateTime, nullable=True),
-        sa.Column("notes", sa.Text, nullable=True),
-        sa.Column("assigned_to_id", sa.Integer, sa.ForeignKey("users.id", ondelete="SET NULL"), nullable=True),
-        sa.UniqueConstraint("campaign_id", "person_id", name="uq_campaign_contact"),
-    )
-    op.create_index("ix_campaign_contacts_campaign_id", "campaign_contacts", ["campaign_id"])
-    op.create_index("ix_campaign_contacts_person_id", "campaign_contacts", ["person_id"])
-
-    op.create_table(
-        "campaign_activities",
-        sa.Column("id", sa.Integer, primary_key=True),
-        sa.Column("campaign_id", sa.Integer, sa.ForeignKey("campaigns.id", ondelete="CASCADE"), nullable=False),
-        sa.Column("person_id", sa.Integer, sa.ForeignKey("person_profiles.id", ondelete="CASCADE"), nullable=False),
-        sa.Column("action", sa.String(50), nullable=False),
-        sa.Column("content", sa.Text, nullable=True),
-        sa.Column("outcome", sa.String(300), nullable=True),
-        sa.Column("operator_id", sa.Integer, sa.ForeignKey("users.id", ondelete="SET NULL"), nullable=True),
-        sa.Column("created_at", sa.DateTime, server_default=sa.func.now()),
-    )
-    op.create_index("ix_campaign_activities_campaign_id", "campaign_activities", ["campaign_id"])
-
-
-def downgrade() -> None:
-    op.drop_table("campaign_activities")
-    op.drop_table("campaign_contacts")
-    op.drop_table("campaigns")
diff --git a/backend/alembic/versions/008_add_ecosystem_module.py b/backend/alembic/versions/008_add_ecosystem_module.py
deleted file mode 100644
index 5425079..0000000
--- a/backend/alembic/versions/008_add_ecosystem_module.py
+++ /dev/null
@@ -1,55 +0,0 @@
-"""新增 Ecosystem 生态洞察模块
-
-Revision ID: 008_add_ecosystem_module
-Revises: 007_add_campaign_module
-Create Date: 2026-02-22
-"""
-import sqlalchemy as sa
-from alembic import op
-
-revision = "008_add_ecosystem_module"
-down_revision = "007_add_campaign_module"
-branch_labels = None
-depends_on = None
-
-
-def upgrade() -> None:
-    op.create_table(
-        "ecosystem_projects",
-        sa.Column("id", sa.Integer, primary_key=True),
-        sa.Column("name", sa.String(200), nullable=False),
-        sa.Column("platform", sa.String(30), nullable=False),
-        sa.Column("org_name", sa.String(200), nullable=False),
-        sa.Column("repo_name", sa.String(200), nullable=True),
-        sa.Column("description", sa.Text, nullable=True),
-        sa.Column("tags", sa.JSON, nullable=True),
-        sa.Column("is_active", sa.Boolean, server_default="1"),
-        sa.Column("last_synced_at", sa.DateTime, nullable=True),
-        sa.Column("added_by_id", sa.Integer, sa.ForeignKey("users.id", ondelete="SET NULL"), nullable=True),
-        sa.Column("created_at", sa.DateTime, server_default=sa.func.now()),
-    )
-
-    op.create_table(
-        "ecosystem_contributors",
-        sa.Column("id", sa.Integer, primary_key=True),
-        sa.Column("project_id", sa.Integer, sa.ForeignKey("ecosystem_projects.id", ondelete="CASCADE"), nullable=False),
-        sa.Column("github_handle", sa.String(100), nullable=False),
-        sa.Column("display_name", sa.String(200), nullable=True),
-        sa.Column("avatar_url", sa.String(500), nullable=True),
-        sa.Column("role", sa.String(50), nullable=True),
-        sa.Column("commit_count_90d", sa.Integer, nullable=True),
-        sa.Column("pr_count_90d", sa.Integer, nullable=True),
-        sa.Column("star_count", sa.Integer, nullable=True),
-        sa.Column("followers", sa.Integer, nullable=True),
-        sa.Column("person_id", sa.Integer, sa.ForeignKey("person_profiles.id", ondelete="SET NULL"), nullable=True),
-        sa.Column("last_synced_at", sa.DateTime, server_default=sa.func.now()),
-        sa.UniqueConstraint("project_id", "github_handle", name="uq_eco_contributor"),
-    )
-    op.create_index("ix_ecosystem_contributors_project_id", "ecosystem_contributors", ["project_id"])
-    op.create_index("ix_ecosystem_contributors_github_handle", "ecosystem_contributors", ["github_handle"])
-    op.create_index("ix_ecosystem_contributors_person_id", "ecosystem_contributors", ["person_id"])
-
-
-def downgrade() -> None:
-    op.drop_table("ecosystem_contributors")
-    op.drop_table("ecosystem_projects")
diff --git a/backend/alembic/versions/009_add_ecosystem_community_id.py b/backend/alembic/versions/009_add_ecosystem_community_id.py
deleted file mode 100644
index f399266..0000000
--- a/backend/alembic/versions/009_add_ecosystem_community_id.py
+++ /dev/null
@@ -1,40 +0,0 @@
-"""Ecosystem projects 增加 community_id 多租户字段
-
-Revision ID: 009_add_ecosystem_community_id
-Revises: 008_add_ecosystem_module
-Create Date: 2026-02-22
-"""
-import sqlalchemy as sa
-from alembic import op
-
-revision = "009_add_ecosystem_community_id"
-down_revision = "008_add_ecosystem_module"
-branch_labels = None
-depends_on = None
-
-
-def upgrade() -> None:
-    # SQLite 不支持 ADD COLUMN NOT NULL without default，用 batch 模式
-    with op.batch_alter_table("ecosystem_projects") as batch_op:
-        batch_op.add_column(
-            sa.Column(
-                "community_id",
-                sa.Integer,
-                nullable=True,   # 已有数据兼容；新记录由 API 层强制填写
-            )
-        )
-        batch_op.create_index("ix_ecosystem_projects_community_id", ["community_id"])
-        batch_op.create_foreign_key(
-            "fk_ecosystem_projects_community_id",
-            "communities",
-            ["community_id"],
-            ["id"],
-            ondelete="CASCADE",
-        )
-
-
-def downgrade() -> None:
-    with op.batch_alter_table("ecosystem_projects") as batch_op:
-        batch_op.drop_constraint("fk_ecosystem_projects_community_id", type_="foreignkey")
-        batch_op.drop_index("ix_ecosystem_projects_community_id")
-        batch_op.drop_column("community_id")
diff --git a/backend/alembic/versions/010_make_community_id_nullable.py b/backend/alembic/versions/010_make_community_id_nullable.py
deleted file mode 100644
index b3e0cee..0000000
--- a/backend/alembic/versions/010_make_community_id_nullable.py
+++ /dev/null
@@ -1,86 +0,0 @@
-"""将 events / event_templates / contents / campaigns 的 community_id 改为可选（nullable）
-
-架构重构：从「社区隔离」改为「社区关联」模式
-- 活动、内容、运营活动、生态洞察可独立存在，通过 community_id 属性可选关联到社区
-- 委员会、会议仍保持强社区绑定
-
-Revision ID: 010_make_community_id_nullable
-Revises: 009_add_ecosystem_community_id
-Create Date: 2026-02-23
-"""
-import sqlalchemy as sa
-from alembic import op
-
-revision = "010_make_community_id_nullable"
-down_revision = "009_add_ecosystem_community_id"
-branch_labels = None
-depends_on = None
-
-
-def upgrade() -> None:
-    # events.community_id: NOT NULL → nullable
-    with op.batch_alter_table("events") as batch_op:
-        batch_op.alter_column(
-            "community_id",
-            existing_type=sa.Integer(),
-            nullable=True,
-        )
-
-    # event_templates.community_id: NOT NULL → nullable
-    with op.batch_alter_table("event_templates") as batch_op:
-        batch_op.alter_column(
-            "community_id",
-            existing_type=sa.Integer(),
-            nullable=True,
-        )
-
-    # contents.community_id: NOT NULL → nullable
-    with op.batch_alter_table("contents") as batch_op:
-        batch_op.alter_column(
-            "community_id",
-            existing_type=sa.Integer(),
-            nullable=True,
-        )
-
-    # campaigns.community_id: NOT NULL → nullable
-    with op.batch_alter_table("campaigns") as batch_op:
-        batch_op.alter_column(
-            "community_id",
-            existing_type=sa.Integer(),
-            nullable=True,
-        )
-
-    # ecosystem_projects.community_id was already added as nullable in 009,
-    # but model shows nullable=False. No DDL change needed here since SQLite
-    # already has it nullable; the model fix is done in the ORM layer.
-
-
-def downgrade() -> None:
-    # Note: downgrade may fail if there are rows with NULL community_id
-    with op.batch_alter_table("campaigns") as batch_op:
-        batch_op.alter_column(
-            "community_id",
-            existing_type=sa.Integer(),
-            nullable=False,
-        )
-
-    with op.batch_alter_table("contents") as batch_op:
-        batch_op.alter_column(
-            "community_id",
-            existing_type=sa.Integer(),
-            nullable=False,
-        )
-
-    with op.batch_alter_table("event_templates") as batch_op:
-        batch_op.alter_column(
-            "community_id",
-            existing_type=sa.Integer(),
-            nullable=False,
-        )
-
-    with op.batch_alter_table("events") as batch_op:
-        batch_op.alter_column(
-            "community_id",
-            existing_type=sa.Integer(),
-            nullable=False,
-        )
diff --git a/backend/alembic/versions/011_add_meeting_online_url.py b/backend/alembic/versions/011_add_meeting_online_url.py
deleted file mode 100644
index 1d4d212..0000000
--- a/backend/alembic/versions/011_add_meeting_online_url.py
+++ /dev/null
@@ -1,25 +0,0 @@
-"""为 meetings 表添加 online_url 字段，支持线上线下混合会议
-
-Revision ID: 011_add_meeting_online_url
-Revises: 010_make_community_id_nullable
-Create Date: 2026-02-23
-"""
-import sqlalchemy as sa
-from alembic import op
-
-revision = "011_add_meeting_online_url"
-down_revision = "010_make_community_id_nullable"
-branch_labels = None
-depends_on = None
-
-
-def upgrade() -> None:
-    with op.batch_alter_table("meetings") as batch_op:
-        batch_op.add_column(
-            sa.Column("online_url", sa.String(500), nullable=True)
-        )
-
-
-def downgrade() -> None:
-    with op.batch_alter_table("meetings") as batch_op:
-        batch_op.drop_column("online_url")
diff --git a/backend/app/database.py b/backend/app/database.py
index fa74661..84970d7 100644
--- a/backend/app/database.py
+++ b/backend/app/database.py
@@ -42,12 +42,16 @@ def get_db():
 def init_db():
     from app.models import (  # noqa: F401
         audit,
+        campaign,
         channel,
         committee,
         community,
         content,
+        ecosystem,
+        event,
         meeting,
         password_reset,
+        people,
         publish_record,
         user,
         wechat_stats,
diff --git a/backend/entrypoint.sh b/backend/entrypoint.sh
new file mode 100644
index 0000000..987b586
--- /dev/null
+++ b/backend/entrypoint.sh
@@ -0,0 +1,8 @@
+#!/bin/sh
+set -e
+
+echo "Running Alembic migrations..."
+alembic upgrade head
+echo "Migrations complete."
+
+exec "$@"
diff --git a/frontend/nginx.conf b/frontend/nginx.conf
index 7d7153e..5eda16e 100644
--- a/frontend/nginx.conf
+++ b/frontend/nginx.conf
@@ -69,7 +69,7 @@ server {
         proxy_connect_timeout 10s;
 
         # 登录端点单独限速
-        location /api/v1/auth/login {
+        location /api/auth/login {
             limit_req zone=login burst=5 nodelay;
             proxy_pass http://backend:8000;
             proxy_set_header Host              $host;
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index b3eee98..38e10d9 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -116,7 +116,7 @@
               <el-icon><Tools /></el-icon>
               <span>平台管理</span>
             </template>
-            <el-menu-item index="/community-settings">
+            <el-menu-item v-if="!isSuperuser" index="/community-settings">
               <el-icon><Setting /></el-icon>
               <span>社区设置</span>
             </el-menu-item>
diff --git a/frontend/src/views/CommunityManage.vue b/frontend/src/views/CommunityManage.vue
index fb3847e..46cbab3 100644
--- a/frontend/src/views/CommunityManage.vue
+++ b/frontend/src/views/CommunityManage.vue
@@ -1,55 +1,81 @@
 <template>
   <div class="community-manage">
-    <div class="page-title">
-      <div>
+    <!-- Page Header -->
+    <div class="page-title-row">
+      <div class="page-title">
         <h2>社区管理</h2>
-        <p class="subtitle">管理所有社区和成员</p>
+        <p class="subtitle">管理所有社区，点击卡片进入社区设置</p>
       </div>
-      <el-button v-if="isSuperuser" type="primary" :icon="Plus" @click="showCreateDialog">新建社区</el-button>
+      <el-button type="primary" :icon="Plus" @click="showCreateDialog">新建社区</el-button>
     </div>
 
-    <el-row :gutter="20">
+    <!-- Community Cards -->
+    <div v-if="loading" class="loading-state" v-loading="loading" style="min-height: 200px;" />
+    <div v-else-if="communities.length === 0" class="empty-state">
+      <p>暂无社区，点击右上角创建第一个社区</p>
+    </div>
+    <el-row v-else :gutter="20">
       <el-col :span="8" v-for="community in communities" :key="community.id">
-        <el-card class="community-card" shadow="hover">
-          <template #header>
-            <div class="card-header">
-              <div class="community-title">
-                <span class="name">{{ community.name }}</span>
+        <div class="community-card" @click="goToSettings(community)">
+          <!-- Card Top -->
+          <div class="card-top">
+            <div class="community-avatar">{{ community.name.charAt(0).toUpperCase() }}</div>
+            <div class="community-main">
+              <div class="community-name-row">
+                <span class="community-name">{{ community.name }}</span>
                 <el-tag v-if="!community.is_active" type="danger" size="small">已停用</el-tag>
               </div>
-              <el-dropdown @command="(cmd: string) => handleCommunityAction(cmd, community)">
-                <el-icon class="more-icon"><MoreFilled /></el-icon>
-                <template #dropdown>
-                  <el-dropdown-menu>
-                    <el-dropdown-item command="settings">社区设置</el-dropdown-item>
-                    <el-dropdown-item v-if="isSuperuser || community.role === 'admin'" command="edit" divided>编辑</el-dropdown-item>
-                    <el-dropdown-item command="channels">渠道管理</el-dropdown-item>
-                    <el-dropdown-item v-if="isSuperuser || community.role === 'admin'" command="email">邮件设置</el-dropdown-item>
-                    <el-dropdown-item v-if="isSuperuser" command="members">成员管理</el-dropdown-item>
-                    <el-dropdown-item v-if="isSuperuser || community.role === 'admin'" command="toggle">{{ community.is_active ? '停用' : '启用' }}</el-dropdown-item>
-                    <el-dropdown-item v-if="isSuperuser" command="delete" divided style="color: #f56c6c">删除</el-dropdown-item>
-                  </el-dropdown-menu>
-                </template>
-              </el-dropdown>
+              <div class="community-slug">
+                <el-icon><Link /></el-icon>
+                <span>{{ community.slug }}</span>
+              </div>
             </div>
-          </template>
-          <div class="community-info">
-            <p class="slug"><el-icon><Link /></el-icon> {{ community.slug }}</p>
-            <p v-if="community.url" class="url">
-              <a :href="community.url" target="_blank" rel="noopener">{{ community.url }}</a>
-            </p>
-            <p class="desc">{{ community.description || '暂无描述' }}</p>
+            <!-- More actions -->
+            <el-dropdown
+              @command="(cmd: string) => handleAction(cmd, community)"
+              @click.stop
+              trigger="click"
+            >
+              <el-icon class="more-icon" @click.stop><MoreFilled /></el-icon>
+              <template #dropdown>
+                <el-dropdown-menu>
+                  <el-dropdown-item :command="community.is_active ? 'disable' : 'enable'">
+                    {{ community.is_active ? '停用' : '启用' }}
+                  </el-dropdown-item>
+                  <el-dropdown-item command="delete" divided style="color: #ef4444;">
+                    删除
+                  </el-dropdown-item>
+                </el-dropdown-menu>
+              </template>
+            </el-dropdown>
           </div>
-        </el-card>
+
+          <!-- Card Body -->
+          <p class="community-desc">{{ community.description || '暂无描述' }}</p>
+
+          <!-- Card Footer -->
+          <div class="card-footer">
+            <a
+              v-if="community.url"
+              :href="community.url"
+              target="_blank"
+              rel="noopener"
+              class="community-url"
+              @click.stop
+            >
+              {{ community.url }}
+            </a>
+            <span v-else class="no-url">未设置官网</span>
+            <span class="settings-btn">
+              进入设置 <el-icon><ArrowRight /></el-icon>
+            </span>
+          </div>
+        </div>
       </el-col>
     </el-row>
 
-    <!-- Create/Edit Community Dialog -->
-    <el-dialog
-      v-model="dialogVisible"
-      :title="isEditing ? '编辑社区' : '新建社区'"
-      width="500px"
-    >
+    <!-- Create Community Dialog -->
+    <el-dialog v-model="dialogVisible" title="新建社区" width="500px">
       <el-form
         ref="formRef"
         :model="communityForm"
@@ -62,19 +88,19 @@
         <el-form-item label="标识" prop="slug">
           <el-input
             v-model="communityForm.slug"
-            placeholder="英文标识 (如 my-community)"
-            :disabled="isEditing"
+            placeholder="英文标识（如 my-community）"
           />
+          <div class="form-hint">创建后不可修改，只能包含小写字母、数字和连字符</div>
         </el-form-item>
         <el-form-item label="描述">
           <el-input
             v-model="communityForm.description"
             type="textarea"
             :rows="3"
-            placeholder="社区描述"
+            placeholder="社区描述（可选）"
           />
         </el-form-item>
-        <el-form-item label="项目地址">
+        <el-form-item label="官网">
           <el-input v-model="communityForm.url" placeholder="社区官网或项目仓库地址（可选）" />
         </el-form-item>
         <el-form-item label="Logo URL">
@@ -83,349 +109,28 @@
       </el-form>
       <template #footer>
         <el-button @click="dialogVisible = false">取消</el-button>
-        <el-button type="primary" @click="handleSubmit" :loading="submitting">确定</el-button>
-      </template>
-    </el-dialog>
-
-    <!-- Members Management Dialog -->
-    <el-dialog
-      v-model="membersDialogVisible"
-      :title="`成员管理 - ${selectedCommunity?.name || ''}`"
-      width="700px"
-    >
-      <div class="members-header">
-        <el-select
-          v-model="selectedUserId"
-          filterable
-          placeholder="搜索用户并添加"
-          style="width: 280px"
-        >
-          <el-option
-            v-for="u in availableUsers"
-            :key="u.id"
-            :label="`${u.username} (${u.email})`"
-            :value="u.id"
-          />
-        </el-select>
-        <el-button type="primary" :disabled="!selectedUserId" @click="handleAddMember">
-          添加成员
-        </el-button>
-      </div>
-
-      <el-table :data="communityUsers" stripe style="margin-top: 16px">
-        <el-table-column prop="username" label="用户名" width="140" />
-        <el-table-column prop="email" label="邮箱" min-width="200" />
-        <el-table-column prop="full_name" label="姓名" width="120" />
-        <el-table-column label="角色" width="160">
-          <template #default="{ row }">
-            <template v-if="row.is_superuser">
-              <el-tag type="danger" size="small">超级管理员</el-tag>
-            </template>
-            <template v-else>
-              <el-select
-                :model-value="row.role"
-                size="small"
-                style="width: 110px"
-                @change="(val: string) => handleRoleChange(row, val)"
-              >
-                <el-option label="管理员" value="admin" />
-                <el-option label="普通用户" value="user" />
-              </el-select>
-            </template>
-          </template>
-        </el-table-column>
-        <el-table-column label="操作" width="100">
-          <template #default="{ row }">
-            <el-popconfirm
-              title="确定移除该成员？"
-              @confirm="handleRemoveMember(row.id)"
-              :disabled="row.is_superuser"
-            >
-              <template #reference>
-                <el-button size="small" type="danger" :disabled="row.is_superuser">
-                  移除
-                </el-button>
-              </template>
-            </el-popconfirm>
-          </template>
-        </el-table-column>
-      </el-table>
-    </el-dialog>
-
-    <!-- Channel Management Dialog -->
-    <el-dialog
-      v-model="channelsDialogVisible"
-      :title="`渠道管理 - ${selectedCommunity?.name || ''}`"
-      width="750px"
-    >
-      <div class="channels-header">
-        <el-select v-model="newChannelType" placeholder="选择渠道类型" style="width: 200px">
-          <el-option
-            v-for="ch in availableChannelTypes"
-            :key="ch.value"
-            :label="ch.label"
-            :value="ch.value"
-          />
-        </el-select>
-        <el-button type="primary" :disabled="!newChannelType" @click="showAddChannelForm">
-          添加渠道
-        </el-button>
-      </div>
-
-      <el-table :data="channelConfigs" stripe style="margin-top: 16px">
-        <el-table-column label="渠道" width="140">
-          <template #default="{ row }">
-            {{ channelLabelMap[row.channel] || row.channel }}
-          </template>
-        </el-table-column>
-        <el-table-column label="状态" width="100">
-          <template #default="{ row }">
-            <el-switch
-              :model-value="row.enabled"
-              @change="(val: boolean) => handleToggleChannel(row, val)"
-            />
-          </template>
-        </el-table-column>
-        <el-table-column label="配置" min-width="200">
-          <template #default="{ row }">
-            <span v-if="Object.keys(row.config).length === 0" class="hint-text">未配置</span>
-            <span v-else class="hint-text">已配置 {{ Object.keys(row.config).length }} 项</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="操作" width="160">
-          <template #default="{ row }">
-            <el-button size="small" @click="showEditChannelForm(row)">编辑</el-button>
-            <el-popconfirm title="确定删除该渠道？" @confirm="handleDeleteChannel(row.id)">
-              <template #reference>
-                <el-button size="small" type="danger">删除</el-button>
-              </template>
-            </el-popconfirm>
-          </template>
-        </el-table-column>
-      </el-table>
-    </el-dialog>
-
-    <!-- Channel Config Edit Dialog -->
-    <el-dialog
-      v-model="channelFormVisible"
-      :title="editingChannel ? '编辑渠道配置' : '添加渠道'"
-      width="500px"
-    >
-      <el-form label-width="100px" size="default">
-        <el-form-item label="渠道类型">
-          <el-input :model-value="channelLabelMap[channelForm.channel] || channelForm.channel" disabled />
-        </el-form-item>
-
-        <template v-if="channelForm.channel === 'wechat'">
-          <el-form-item label="AppID">
-            <el-input v-model="channelForm.config.app_id" placeholder="微信公众号 AppID" />
-          </el-form-item>
-          <el-form-item label="AppSecret">
-            <el-input
-              v-model="channelForm.config.app_secret"
-              type="password"
-              show-password
-              placeholder="微信公众号 AppSecret"
-              @focus="handleSecretFocus('app_secret')"
-            />
-            <div v-if="isSecretMasked(channelForm.config.app_secret)" class="secret-hint">已配置，留空则保持不变</div>
-          </el-form-item>
-        </template>
-
-        <template v-else-if="channelForm.channel === 'hugo'">
-          <el-form-item label="仓库路径">
-            <el-input v-model="channelForm.config.repo_path" placeholder="Hugo 仓库本地路径" />
-          </el-form-item>
-          <el-form-item label="内容目录">
-            <el-input v-model="channelForm.config.content_dir" placeholder="如 content/posts" />
-          </el-form-item>
-        </template>
-
-        <template v-else-if="channelForm.channel === 'csdn'">
-          <el-form-item label="说明">
-            <span class="hint-text">CSDN 使用复制粘贴方式发布，无需额外配置</span>
-          </el-form-item>
-        </template>
-
-        <template v-else-if="channelForm.channel === 'zhihu'">
-          <el-form-item label="说明">
-            <span class="hint-text">知乎使用复制粘贴方式发布，无需额外配置</span>
-          </el-form-item>
-        </template>
-
-        <el-form-item label="启用">
-          <el-switch v-model="channelForm.enabled" />
-        </el-form-item>
-      </el-form>
-      <template #footer>
-        <el-button @click="channelFormVisible = false">取消</el-button>
-        <el-button type="primary" @click="handleSaveChannel">保存</el-button>
-      </template>
-    </el-dialog>
-
-    <!-- Email Settings Dialog -->
-    <el-dialog
-      v-model="emailSettingsVisible"
-      :title="`邮件设置 - ${selectedCommunity?.name || ''}`"
-      width="600px"
-    >
-      <el-form
-        ref="emailFormRef"
-        :model="emailForm"
-        label-width="120px"
-      >
-        <el-form-item label="启用邮件">
-          <el-switch v-model="emailForm.enabled" />
-        </el-form-item>
-
-        <el-divider content-position="left">SMTP 配置</el-divider>
-
-        <el-form-item label="快速配置">
-          <el-select
-            v-model="selectedEmailTemplate"
-            placeholder="选择邮箱服务商模板（可选）"
-            @change="applyEmailTemplate"
-            clearable
-            style="width: 100%"
-          >
-            <el-option label="飞书邮箱" value="feishu" />
-            <el-option label="QQ邮箱" value="qq" />
-            <el-option label="163邮箱" value="163" />
-            <el-option label="Gmail" value="gmail" />
-            <el-option label="Outlook" value="outlook" />
-          </el-select>
-        </el-form-item>
-
-        <el-form-item label="发件人邮箱" prop="from_email" required>
-          <el-input v-model="emailForm.from_email" placeholder="your-email@example.com" />
-        </el-form-item>
-
-        <el-form-item label="发件人名称">
-          <el-input v-model="emailForm.from_name" placeholder="社区名称（可选）" />
-        </el-form-item>
-
-        <el-form-item label="回复邮箱">
-          <el-input v-model="emailForm.reply_to" placeholder="回复地址（可选）" />
-        </el-form-item>
-
-        <el-form-item label="SMTP 服务器" prop="smtp.host" required>
-          <el-input v-model="emailForm.smtp.host" placeholder="smtp.example.com" />
-        </el-form-item>
-
-        <el-form-item label="SMTP 端口" prop="smtp.port" required>
-          <el-input-number v-model="emailForm.smtp.port" :min="1" :max="65535" />
-          <div style="color: #909399; font-size: 12px; margin-top: 4px;">
-            常用端口：465 (SSL/TLS) 或 587 (STARTTLS)
-          </div>
-        </el-form-item>
-
-        <el-form-item label="用户名">
-          <div style="display: flex; gap: 8px; align-items: flex-start; flex-direction: column; width: 100%;">
-            <el-input v-model="emailForm.smtp.username" placeholder="留空自动使用发件人邮箱" style="width: 100%;" />
-            <el-button 
-              v-if="emailForm.from_email && !emailForm.smtp.username" 
-              size="small" 
-              text
-              @click="emailForm.smtp.username = emailForm.from_email"
-            >
-              使用发件人邮箱 ({{ emailForm.from_email }})
-            </el-button>
-          </div>
-          <div style="color: #909399; font-size: 12px; margin-top: 4px;">
-            大多数邮箱服务的用户名就是完整邮箱地址，留空则自动使用上面的发件人邮箱
-          </div>
-        </el-form-item>
-
-        <el-form-item label="密码">
-          <el-input
-            v-model="emailForm.smtp.password"
-            type="password"
-            show-password
-            placeholder="SMTP密码或专用密码"
-          />
-          <div style="color: #909399; font-size: 12px; margin-top: 4px;">
-            <template v-if="emailForm.smtp.password">
-              <span style="color: #67c23a;">✓ 密码已填写</span>。点击小眼睛图标可查看密码
-            </template>
-            <template v-else>
-              <span style="color: #f56c6c;">• 请填写密码</span>
-            </template>
-            <div style="margin-top: 4px;">
-              部分邮箱需要使用专用密码而非登录密码
-            </div>
-          </div>
-        </el-form-item>
-
-        <el-form-item label="加密方式">
-          <el-radio-group v-model="emailForm.smtp.port" @change="handlePortChange">
-            <el-radio :label="465">SSL/TLS (端口465，推荐)</el-radio>
-            <el-radio :label="587">STARTTLS (端口587)</el-radio>
-          </el-radio-group>
-          <div style="color: #909399; font-size: 12px; margin-top: 4px;">
-            端口465会自动使用SSL加密连接
-          </div>
-        </el-form-item>
-      </el-form>
-      <template #footer>
-        <div style="display: flex; justify-content: space-between; width: 100%;">
-          <el-button @click="handleTestEmailSettings" :loading="emailTesting" :disabled="!emailForm.smtp.host || !emailForm.from_email">
-            测试配置
-          </el-button>
-          <div>
-            <el-button @click="emailSettingsVisible = false">取消</el-button>
-            <el-button type="primary" @click="handleSaveEmailSettings" :loading="emailSaving">保存</el-button>
-          </div>
-        </div>
+        <el-button type="primary" @click="handleCreate" :loading="submitting">创建</el-button>
       </template>
     </el-dialog>
   </div>
 </template>
 
 <script setup lang="ts">
-import { ref, computed, onMounted } from 'vue'
+import { ref, onMounted } from 'vue'
 import { useRouter } from 'vue-router'
 import { ElMessage, ElMessageBox, type FormInstance, type FormRules } from 'element-plus'
-import { Plus, MoreFilled, Link } from '@element-plus/icons-vue'
+import { Plus, MoreFilled, Link, ArrowRight } from '@element-plus/icons-vue'
 import type { Community } from '../stores/auth'
 import { useAuthStore } from '../stores/auth'
-import {
-  getCommunities,
-  createCommunity,
-  updateCommunity,
-  deleteCommunity,
-  getCommunityUsers,
-  addUserToCommunity,
-  removeUserFromCommunity,
-  updateUserRole,
-  getEmailSettings,
-  updateEmailSettings,
-  testEmailSettings,
-  type CommunityUser,
-  type EmailSettings,
-  type EmailSettingsOut,
-} from '../api/community'
-import {
-  listChannels,
-  createChannel,
-  updateChannel,
-  deleteChannel,
-  type ChannelConfig,
-} from '../api/channel'
-import { listAllUsers } from '../api/auth'
-import type { User } from '../stores/auth'
+import { getCommunities, createCommunity, updateCommunity, deleteCommunity } from '../api/community'
 
 const router = useRouter()
-const authStore = useAuthStore()
-const isSuperuser = computed(() => authStore.isSuperuser)
+useAuthStore()
 
 const communities = ref<Community[]>([])
+const loading = ref(false)
 const dialogVisible = ref(false)
-const membersDialogVisible = ref(false)
-const channelsDialogVisible = ref(false)
-const channelFormVisible = ref(false)
-const isEditing = ref(false)
 const submitting = ref(false)
-const editingId = ref<number | null>(null)
 const formRef = ref<FormInstance>()
 
 const communityForm = ref({
@@ -444,457 +149,68 @@ const formRules: FormRules = {
   ],
 }
 
-const selectedCommunity = ref<Community | null>(null)
-const communityUsers = ref<CommunityUser[]>([])
-const allUsers = ref<User[]>([])
-const selectedUserId = ref<number | null>(null)
-
-const availableUsers = computed(() => {
-  const memberIds = new Set(communityUsers.value.map((u) => u.id))
-  return allUsers.value.filter((u) => !memberIds.has(u.id))
-})
-
-// ── Channel management ──────────────────────────────────────────────
-const channelConfigs = ref<ChannelConfig[]>([])
-const newChannelType = ref('')
-const editingChannel = ref<ChannelConfig | null>(null)
-const channelForm = ref({
-  channel: '',
-  config: {} as Record<string, string>,
-  enabled: false,
-})
-
-const channelLabelMap: Record<string, string> = {
-  wechat: '微信公众号',
-  hugo: 'Hugo 博客',
-  csdn: 'CSDN',
-  zhihu: '知乎',
-}
-
-const allChannelTypes = [
-  { value: 'wechat', label: '微信公众号' },
-  { value: 'hugo', label: 'Hugo 博客' },
-  { value: 'csdn', label: 'CSDN' },
-  { value: 'zhihu', label: '知乎' },
-]
-
-const availableChannelTypes = computed(() => {
-  const configured = new Set(channelConfigs.value.map((c) => c.channel))
-  return allChannelTypes.filter((t) => !configured.has(t.value))
-})
-
-function isSecretMasked(val: string | undefined): boolean {
-  return !!val && val.startsWith('••••')
-}
-
-// ── Email settings ──────────────────────────────────────────────────
-const emailSettingsVisible = ref(false)
-const emailFormRef = ref<FormInstance>()
-const emailSaving = ref(false)
-const emailTesting = ref(false)
-const emailForm = ref<EmailSettings>({
-  enabled: false,
-  provider: 'smtp',
-  from_email: '',
-  from_name: '',
-  reply_to: '',
-  smtp: {
-    host: '',
-    port: 465,
-    username: '',
-    password: '',
-    use_tls: true,
-  },
-})
-
-const selectedEmailTemplate = ref('')
-
-// Email service templates
-const emailTemplates: Record<string, { host: string; port: number; desc: string }> = {
-  feishu: { host: 'smtp.feishu.cn', port: 465, desc: '飞书邮箱' },
-  qq: { host: 'smtp.qq.com', port: 465, desc: 'QQ邮箱' },
-  '163': { host: 'smtp.163.com', port: 465, desc: '163邮箱' },
-  gmail: { host: 'smtp.gmail.com', port: 587, desc: 'Gmail' },
-  outlook: { host: 'smtp.office365.com', port: 587, desc: 'Outlook' },
-}
-
-function applyEmailTemplate() {
-  const template = emailTemplates[selectedEmailTemplate.value]
-  if (template) {
-    emailForm.value.smtp.host = template.host
-    emailForm.value.smtp.port = template.port
-    emailForm.value.smtp.use_tls = template.port === 587
-    ElMessage.success(`已应用${template.desc}配置模板`)
-  }
-}
-
-function handlePortChange(port: number) {
-  // Auto set use_tls based on port
-  emailForm.value.smtp.use_tls = port === 587
-}
-
-function handleSecretFocus(field: string) {
-  if (isSecretMasked(channelForm.value.config[field])) {
-    channelForm.value.config[field] = ''
-  }
-}
-
-function getDefaultConfig(channel: string): Record<string, string> {
-  switch (channel) {
-    case 'wechat':
-      return { app_id: '', app_secret: '' }
-    case 'hugo':
-      return { repo_path: '', content_dir: 'content/posts' }
-    default:
-      return {}
-  }
-}
-
-function showAddChannelForm() {
-  if (!newChannelType.value) return
-  editingChannel.value = null
-  channelForm.value = {
-    channel: newChannelType.value,
-    config: getDefaultConfig(newChannelType.value),
-    enabled: false,
-  }
-  channelFormVisible.value = true
-}
-
-function showEditChannelForm(cfg: ChannelConfig) {
-  editingChannel.value = cfg
-  channelForm.value = {
-    channel: cfg.channel,
-    config: { ...getDefaultConfig(cfg.channel), ...cfg.config },
-    enabled: cfg.enabled,
-  }
-  channelFormVisible.value = true
-}
-
-async function loadChannels() {
-  try {
-    channelConfigs.value = await listChannels()
-  } catch {
-    ElMessage.error('加载渠道列表失败')
-  }
-}
-
-async function handleSaveChannel() {
-  // Build config, skip masked values
-  const configToSend: Record<string, string> = {}
-  for (const [k, v] of Object.entries(channelForm.value.config)) {
-    if (!isSecretMasked(v)) {
-      configToSend[k] = v
-    }
-  }
-
-  try {
-    if (editingChannel.value) {
-      await updateChannel(editingChannel.value.id, {
-        config: configToSend,
-        enabled: channelForm.value.enabled,
-      })
-      ElMessage.success('渠道配置已更新')
-    } else {
-      await createChannel({
-        channel: channelForm.value.channel,
-        config: configToSend,
-        enabled: channelForm.value.enabled,
-      })
-      ElMessage.success('渠道已添加')
-      newChannelType.value = ''
-    }
-    channelFormVisible.value = false
-    await loadChannels()
-  } catch (e: any) {
-    ElMessage.error(e?.response?.data?.detail || '保存失败')
-  }
-}
-
-async function handleToggleChannel(cfg: ChannelConfig, val: boolean) {
-  try {
-    await updateChannel(cfg.id, { enabled: val })
-    cfg.enabled = val
-  } catch {
-    ElMessage.error('操作失败')
-  }
-}
-
-async function handleDeleteChannel(channelId: number) {
-  try {
-    await deleteChannel(channelId)
-    ElMessage.success('渠道已删除')
-    await loadChannels()
-  } catch {
-    ElMessage.error('删除失败')
-  }
-}
-
-// ── Community CRUD ──────────────────────────────────────────────────
-async function loadCommunities() {
-  try {
-    communities.value = await getCommunities()
-  } catch {
-    ElMessage.error('加载社区列表失败')
-  }
+function goToSettings(community: Community) {
+  router.push(`/community-settings/${community.id}`)
 }
 
 function showCreateDialog() {
-  isEditing.value = false
-  editingId.value = null
   communityForm.value = { name: '', slug: '', description: '', url: '', logo_url: '' }
   dialogVisible.value = true
 }
 
-function showEditDialog(community: Community) {
-  isEditing.value = true
-  editingId.value = community.id
-  communityForm.value = {
-    name: community.name,
-    slug: community.slug,
-    description: community.description || '',
-    url: community.url || '',
-    logo_url: community.logo_url || '',
-  }
-  dialogVisible.value = true
-}
-
-async function handleSubmit() {
+async function handleCreate() {
   if (!formRef.value) return
   try {
     await formRef.value.validate()
   } catch {
     return
   }
-
   submitting.value = true
   try {
-    if (isEditing.value && editingId.value) {
-      await updateCommunity(editingId.value, {
-        name: communityForm.value.name,
-        description: communityForm.value.description,
-        url: communityForm.value.url || undefined,
-        logo_url: communityForm.value.logo_url || undefined,
-      })
-      ElMessage.success('社区更新成功')
-    } else {
-      await createCommunity(communityForm.value)
-      ElMessage.success('社区创建成功')
-    }
+    await createCommunity(communityForm.value)
+    ElMessage.success('社区创建成功')
     dialogVisible.value = false
     await loadCommunities()
   } catch (e: any) {
-    ElMessage.error(e?.response?.data?.detail || '操作失败')
+    ElMessage.error(e?.response?.data?.detail || '创建失败')
   } finally {
     submitting.value = false
   }
 }
 
-async function handleCommunityAction(command: string, community: Community) {
-  switch (command) {
-    case 'settings':
-      router.push(`/community-settings/${community.id}`)
-      break
-    case 'edit':
-      showEditDialog(community)
-      break
-    case 'channels':
-      selectedCommunity.value = community
-      // Temporarily set current community for API calls
-      localStorage.setItem('current_community_id', String(community.id))
-      await loadChannels()
-      channelsDialogVisible.value = true
-      break
-    case 'email':
-      await showEmailSettingsDialog(community)
-      break
-    case 'members':
-      await showMembersDialog(community)
-      break
-    case 'toggle':
-      try {
-        await updateCommunity(community.id, { is_active: !community.is_active })
-        ElMessage.success(community.is_active ? '社区已停用' : '社区已启用')
-        await loadCommunities()
-      } catch {
-        ElMessage.error('操作失败')
-      }
-      break
-    case 'delete':
-      try {
-        await ElMessageBox.confirm(
-          `确定要删除社区 "${community.name}" 吗？此操作不可恢复，所有相关数据将被删除。`,
-          '删除确认',
-          { type: 'warning', confirmButtonText: '删除', cancelButtonText: '取消' }
-        )
-        await deleteCommunity(community.id)
-        ElMessage.success('社区已删除')
-        await loadCommunities()
-      } catch {
-        // cancelled
-      }
-      break
-  }
-}
-
-  async function showMembersDialog(community: Community) {
-  selectedCommunity.value = community
-  selectedUserId.value = null
-  try {
-    communityUsers.value = await getCommunityUsers(community.id)
-    allUsers.value = await listAllUsers()
-  } catch {
-    ElMessage.error('加载成员列表失败')
-  }
-  membersDialogVisible.value = true
-}
-
-async function handleAddMember() {
-  if (!selectedCommunity.value || !selectedUserId.value) return
-  try {
-    await addUserToCommunity(selectedCommunity.value.id, selectedUserId.value)
-    ElMessage.success('成员添加成功')
-    communityUsers.value = await getCommunityUsers(selectedCommunity.value.id)
-    selectedUserId.value = null
-  } catch (e: any) {
-    ElMessage.error(e?.response?.data?.detail || '添加失败')
-  }
-}
-
-async function handleRemoveMember(userId: number) {
-  if (!selectedCommunity.value) return
-  try {
-    await removeUserFromCommunity(selectedCommunity.value.id, userId)
-    ElMessage.success('成员已移除')
-    communityUsers.value = await getCommunityUsers(selectedCommunity.value.id)
-  } catch (e: any) {
-    ElMessage.error(e?.response?.data?.detail || '移除失败')
-  }
-}
-
-async function handleRoleChange(user: CommunityUser, newRole: string) {
-  if (!selectedCommunity.value) return
-  try {
-    await updateUserRole(selectedCommunity.value.id, user.id, newRole)
-    user.role = newRole
-    ElMessage.success('角色更新成功')
-  } catch (e: any) {
-    ElMessage.error(e?.response?.data?.detail || '更新角色失败')
-  }
-}
-
-// ── Email Settings ──────────────────────────────────────────────────
-async function showEmailSettingsDialog(community: Community) {
-  selectedCommunity.value = community
-  selectedEmailTemplate.value = ''
-  try {
-    const settings = await getEmailSettings(community.id)
-    emailForm.value = {
-      enabled: settings.enabled,
-      provider: settings.provider || 'smtp',
-      from_email: settings.from_email || '',
-      from_name: settings.from_name || '',
-      reply_to: settings.reply_to || '',
-      smtp: {
-        host: settings.smtp?.host || '',
-        port: settings.smtp?.port || 465,
-        username: settings.smtp?.username || '',
-        password: settings.smtp?.password || '',
-        use_tls: settings.smtp?.use_tls !== undefined ? settings.smtp.use_tls : true,
-      },
+async function handleAction(command: string, community: Community) {
+  if (command === 'enable' || command === 'disable') {
+    try {
+      await updateCommunity(community.id, { is_active: !community.is_active })
+      ElMessage.success(community.is_active ? '社区已停用' : '社区已启用')
+      await loadCommunities()
+    } catch {
+      ElMessage.error('操作失败')
     }
-  } catch (e: any) {
-    ElMessage.error('加载邮件设置失败')
-    // Set default values
-    emailForm.value = {
-      enabled: false,
-      provider: 'smtp',
-      from_email: '',
-      from_name: '',
-      reply_to: '',
-      smtp: {
-        host: '',
-        port: 465,
-        username: '',
-        password: '',
-        use_tls: true,
-      },
+  } else if (command === 'delete') {
+    try {
+      await ElMessageBox.confirm(
+        `确定要删除社区「${community.name}」吗？此操作不可恢复，所有相关数据将被删除。`,
+        '删除确认',
+        { type: 'warning', confirmButtonText: '删除', cancelButtonText: '取消' },
+      )
+      await deleteCommunity(community.id)
+      ElMessage.success('社区已删除')
+      await loadCommunities()
+    } catch {
+      // cancelled
     }
   }
-  emailSettingsVisible.value = true
 }
 
-async function handleSaveEmailSettings() {
-  if (!selectedCommunity.value) return
-  
-  // Validate password
-  if (!emailForm.value.smtp.password) {
-    ElMessage.warning('请填写SMTP密码')
-    return
-  }
-  
-  emailSaving.value = true
-  try {
-    const settingsToSave: EmailSettings = { ...emailForm.value }
-    // Enable email settings when saving
-    settingsToSave.enabled = true
-    // If username is empty, use from_email
-    if (!settingsToSave.smtp.username || !settingsToSave.smtp.username.trim()) {
-      settingsToSave.smtp.username = settingsToSave.from_email
-    }
-    
-    await updateEmailSettings(selectedCommunity.value.id, settingsToSave)
-    ElMessage.success('邮件设置已保存')
-    emailSettingsVisible.value = false
-  } catch (e: any) {
-    ElMessage.error(e?.response?.data?.detail || '保存失败')
-  } finally {
-    emailSaving.value = false
-  }
-}
-
-async function handleTestEmailSettings() {
-  if (!selectedCommunity.value) return
-  
-  // Validate required fields
-  if (!emailForm.value.from_email) {
-    ElMessage.warning('请填写发件人邮箱')
-    return
-  }
-  if (!emailForm.value.smtp.host) {
-    ElMessage.warning('请填写SMTP服务器')
-    return
-  }
-  // Check if password is configured
-  if (!emailForm.value.smtp.password || emailForm.value.smtp.password.trim() === '') {
-    ElMessage.warning('请填写SMTP密码')
-    return
-  }
-  
-  emailTesting.value = true
+async function loadCommunities() {
+  loading.value = true
   try {
-    // Save settings first (temporarily)
-    const settingsToSave: EmailSettings = { ...emailForm.value }
-    // Enable SMTP for testing
-    settingsToSave.enabled = true
-    // If username is empty, it will use from_email on backend
-    if (!settingsToSave.smtp.username || !settingsToSave.smtp.username.trim()) {
-      settingsToSave.smtp.username = settingsToSave.from_email
-    }
-    
-    await updateEmailSettings(selectedCommunity.value.id, settingsToSave)
-    
-    // Test by sending to the from_email address
-    const result = await testEmailSettings(
-      selectedCommunity.value.id,
-      emailForm.value.from_email
-    )
-    
-    ElMessage.success(`测试邮件已发送到 ${emailForm.value.from_email}，请检查收件箱`)
-  } catch (e: any) {
-    ElMessage.error('测试失败：' + (e?.response?.data?.detail || e.message || '网络错误'))
+    communities.value = await getCommunities()
+  } catch {
+    ElMessage.error('加载社区列表失败')
   } finally {
-    emailTesting.value = false
+    loading.value = false
   }
 }
 
@@ -909,7 +225,7 @@ onMounted(loadCommunities)
   --blue: #0095ff;
   --border: #e2e8f0;
   --shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
-  --shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.08);
+  --shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.1);
   --radius: 12px;
 
   padding: 32px 40px 60px;
@@ -917,10 +233,11 @@ onMounted(loadCommunities)
   margin: 0 auto;
 }
 
-.page-title {
+/* Page Header */
+.page-title-row {
   display: flex;
   justify-content: space-between;
-  align-items: center;
+  align-items: flex-start;
   margin-bottom: 28px;
 }
 
@@ -938,114 +255,172 @@ onMounted(loadCommunities)
   font-size: 15px;
 }
 
+/* Empty State */
+.empty-state {
+  text-align: center;
+  padding: 80px 0;
+  color: var(--text-muted);
+  font-size: 15px;
+}
+
+/* Community Card */
 .community-card {
+  background: #ffffff;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 20px;
   margin-bottom: 20px;
-  transition: all 0.2s ease;
+  box-shadow: var(--shadow);
+  cursor: pointer;
+  transition: box-shadow 0.2s ease, border-color 0.2s ease;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
 }
 
-.card-header {
+.community-card:hover {
+  box-shadow: var(--shadow-hover);
+  border-color: #cbd5e1;
+}
+
+/* Card Top */
+.card-top {
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+}
+
+.community-avatar {
+  width: 42px;
+  height: 42px;
+  border-radius: 10px;
+  background: linear-gradient(135deg, var(--blue), #0080e6);
+  color: #fff;
   display: flex;
-  justify-content: space-between;
   align-items: center;
+  justify-content: center;
+  font-size: 18px;
+  font-weight: 700;
+  flex-shrink: 0;
 }
 
-.community-title {
+.community-main {
+  flex: 1;
+  min-width: 0;
+}
+
+.community-name-row {
   display: flex;
   align-items: center;
   gap: 8px;
+  margin-bottom: 4px;
+  flex-wrap: wrap;
 }
 
-.community-title .name {
+.community-name {
+  font-size: 16px;
   font-weight: 600;
-  font-size: 18px;
   color: var(--text-primary);
 }
 
+.community-slug {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 12px;
+  color: var(--text-muted);
+}
+
 .more-icon {
   cursor: pointer;
   color: var(--text-muted);
   font-size: 18px;
-  transition: color 0.15s ease;
+  padding: 4px;
+  border-radius: 6px;
+  transition: color 0.15s, background 0.15s;
+  flex-shrink: 0;
 }
 
 .more-icon:hover {
-  color: var(--blue);
+  color: var(--text-secondary);
+  background: #f1f5f9;
 }
 
-.community-info .slug {
-  color: var(--text-muted);
+/* Card Body */
+.community-desc {
+  margin: 0;
   font-size: 13px;
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  margin: 0 0 4px;
+  color: var(--text-secondary);
+  line-height: 1.6;
+  flex: 1;
+  /* Clamp to 2 lines */
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
 }
 
-.community-info .url {
-  font-size: 13px;
-  margin: 0 0 8px;
+/* Card Footer */
+.card-footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-top: 1px solid #f1f5f9;
+  padding-top: 12px;
+  margin-top: auto;
+  gap: 8px;
 }
 
-.community-info .url a {
+.community-url {
+  font-size: 12px;
   color: var(--blue);
   text-decoration: none;
-  transition: opacity 0.15s ease;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+  min-width: 0;
+  transition: opacity 0.15s;
 }
 
-.community-info .url a:hover {
+.community-url:hover {
   text-decoration: underline;
   opacity: 0.85;
 }
 
-.community-info .desc {
-  color: var(--text-secondary);
-  font-size: 14px;
-  margin: 0;
-  line-height: 1.6;
+.no-url {
+  font-size: 12px;
+  color: var(--text-muted);
+  flex: 1;
 }
 
-.members-header,
-.channels-header {
+.settings-btn {
+  flex-shrink: 0;
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--blue);
   display: flex;
-  gap: 12px;
   align-items: center;
+  gap: 4px;
+  cursor: pointer;
+  transition: opacity 0.15s;
 }
 
-.hint-text {
-  color: var(--text-muted);
-  font-size: 13px;
+.settings-btn:hover {
+  opacity: 0.75;
 }
 
-.secret-hint {
-  color: var(--text-muted);
+/* Form hint */
+.form-hint {
   font-size: 12px;
+  color: var(--text-muted);
   margin-top: 4px;
 }
 
 /* Element Plus overrides */
-:deep(.el-card) {
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  box-shadow: var(--shadow);
-}
-
-:deep(.el-card:hover) {
-  box-shadow: var(--shadow-hover);
-}
-
-:deep(.el-card__header) {
-  border-bottom: 1px solid #f1f5f9;
-  padding: 18px 20px;
-}
-
-:deep(.el-card__body) {
-  padding: 20px;
-}
-
 :deep(.el-button) {
   border-radius: 8px;
   font-weight: 500;
-  transition: all 0.15s ease;
 }
 
 :deep(.el-button--primary) {
@@ -1058,14 +433,6 @@ onMounted(loadCommunities)
   border-color: #0080e6;
 }
 
-:deep(.el-dialog) {
-  border-radius: var(--radius);
-}
-
-:deep(.el-dialog__header) {
-  border-bottom: 1px solid #f1f5f9;
-}
-
 :deep(.el-input__wrapper) {
   box-shadow: 0 0 0 1px var(--border);
   border-radius: 8px;
@@ -1075,17 +442,7 @@ onMounted(loadCommunities)
   box-shadow: 0 0 0 1px var(--blue), 0 0 0 3px rgba(0, 149, 255, 0.1);
 }
 
-:deep(.el-table) {
-  --el-table-border-color: #f1f5f9;
-  --el-table-header-bg-color: #f8fafc;
-  --el-table-row-hover-bg-color: #f8fafc;
-}
-
-:deep(.el-table th) {
-  font-weight: 600;
-  color: var(--text-secondary);
-  font-size: 13px;
-  text-transform: uppercase;
-  letter-spacing: 0.02em;
+:deep(.el-dialog) {
+  border-radius: var(--radius);
 }
 </style>
diff --git a/frontend/src/views/CommunitySettings.vue b/frontend/src/views/CommunitySettings.vue
index c1b4458..33c55e3 100644
--- a/frontend/src/views/CommunitySettings.vue
+++ b/frontend/src/views/CommunitySettings.vue
@@ -313,7 +313,10 @@ watch(() => communityId.value, async (val) => {
 <template>
   <div class="settings-page">
     <div class="settings-header">
-      <el-button text @click="router.back()"><el-icon><ArrowLeft /></el-icon> 返回</el-button>
+      <el-button text @click="authStore.isSuperuser ? router.push('/communities') : router.back()">
+        <el-icon><ArrowLeft /></el-icon>
+        {{ authStore.isSuperuser ? '返回社区列表' : '返回' }}
+      </el-button>
       <div class="header-title">
         <h1>{{ community?.name || '社区设置' }}</h1>
         <span class="community-slug" v-if="community?.slug">{{ community.slug }}</span>
@@ -544,7 +547,7 @@ watch(() => communityId.value, async (val) => {
 </template>
 <style scoped>
 .settings-page {
-  padding: 24px 32px;
+  padding: 32px 40px 60px;
   max-width: 860px;
   margin: 0 auto;
 }
@@ -552,7 +555,7 @@ watch(() => communityId.value, async (val) => {
   display: flex;
   align-items: center;
   gap: 14px;
-  margin-bottom: 20px;
+  margin-bottom: 28px;
 }
 .header-title { display: flex; align-items: baseline; gap: 10px; }
 .header-title h1 { font-size: 20px; font-weight: 700; color: #1e293b; margin: 0; }
diff --git a/frontend/src/views/MeetingCalendar.vue b/frontend/src/views/MeetingCalendar.vue
index 5af4725..05a42e0 100644
--- a/frontend/src/views/MeetingCalendar.vue
+++ b/frontend/src/views/MeetingCalendar.vue
@@ -1,23 +1,31 @@
 <template>
   <div class="meeting-calendar">
-    <!-- 顶部工具栏 -->
-    <div class="page-title">
-      <div class="header-left">
-        <div>
-          <h2>会议日历</h2>
-          <p class="subtitle">查看和管理委员会会议</p>
-        </div>
-        <el-tag type="info" size="small" style="margin-left: 12px">
-          {{ meetings.length }} 场会议
-        </el-tag>
+    <!-- Page Header -->
+    <div class="page-title-row">
+      <div class="page-title">
+        <h2>会议日历</h2>
+        <p class="subtitle">查看和管理委员会会议</p>
       </div>
-      <div class="header-actions">
+      <el-button v-if="isAdmin" type="primary" :icon="Plus" @click="showCreateDialog = true">
+        创建会议
+      </el-button>
+    </div>
+
+    <!-- 社区未选择提示 -->
+    <el-empty
+      v-if="!communityStore.currentCommunityId"
+      description="请先在顶部选择一个社区"
+      :image-size="120"
+    />
+
+    <template v-else>
+      <!-- Filter Bar -->
+      <div class="filter-bar">
         <el-select
           v-model="selectedCommittee"
           placeholder="全部委员会"
           clearable
-          size="default"
-          style="width: 160px; margin-right: 12px"
+          style="width: 180px"
           @change="loadMeetings"
         >
           <el-option
@@ -27,52 +35,16 @@
             :value="committee.id"
           />
         </el-select>
-        <el-radio-group v-model="viewMode" @change="handleViewModeChange" style="margin-right: 12px">
+        <el-radio-group v-model="viewMode" class="view-toggle">
           <el-radio-button value="month">月视图</el-radio-button>
           <el-radio-button value="list">列表视图</el-radio-button>
         </el-radio-group>
-        <el-button
-          v-if="isAdmin"
-          type="primary"
-          :icon="Plus"
-          @click="showCreateDialog = true"
-        >
-          创建会议
-        </el-button>
+        <span class="meeting-count">共 {{ meetings.length }} 场会议</span>
       </div>
-    </div>
 
-    <!-- 社区未选择提示 -->
-    <el-empty
-      v-if="!communityStore.currentCommunityId"
-      description="请先在顶部选择一个社区"
-      :image-size="120"
-    />
-
-    <template v-else>
-
-      <!-- Calendar View -->
+      <!-- Calendar View (FullCalendar) -->
       <div v-if="viewMode === 'month'" v-loading="loading" class="section-card calendar-card">
-        <el-calendar v-model="currentDate">
-          <template #date-cell="{ data }">
-            <div class="calendar-day">
-              <div class="day-number">{{ data.day.split('-').slice(-1)[0] }}</div>
-              <div
-                v-for="meeting in getMeetingsForDate(data.day)"
-                :key="meeting.id"
-                class="meeting-item"
-                :class="`status-${meeting.status}`"
-                @click="goToMeetingDetail(meeting.id)"
-              >
-                <div class="meeting-time">
-                  {{ formatTime(meeting.scheduled_at) }}
-                </div>
-                <div class="meeting-committee">{{ getCommitteeName(meeting.committee_id) }}</div>
-                <div class="meeting-title">{{ meeting.title }}</div>
-              </div>
-            </div>
-          </template>
-        </el-calendar>
+        <FullCalendar ref="calendarRef" :options="calendarOptions" class="fc-wrapper" />
       </div>
 
       <!-- List View -->
@@ -91,11 +63,9 @@
             <div class="meeting-content">
               <div class="meeting-header">
                 <h4>{{ meeting.title }}</h4>
-                <div class="header-tags">
-                  <el-tag :type="getStatusType(meeting.status)" size="small">
-                    {{ getStatusText(meeting.status) }}
-                  </el-tag>
-                </div>
+                <span class="status-badge" :class="`status-${meeting.status}`">
+                  {{ getStatusText(meeting.status) }}
+                </span>
               </div>
               <div class="meeting-meta">
                 <span>
@@ -112,7 +82,7 @@
                   <template v-else-if="meeting.location_type === 'hybrid'">线上线下混合</template>
                   <template v-else>{{ meeting.location }}</template>
                 </span>
-                <span v-if="(meeting as any).assignee_ids && (meeting as any).assignee_ids.length > 0">
+                <span v-if="(meeting as any).assignee_ids?.length > 0">
                   <el-icon><User /></el-icon>
                   {{ (meeting as any).assignee_ids.length }} 位责任人
                 </span>
@@ -122,13 +92,11 @@
               </div>
             </div>
             <div v-if="isAdmin" class="meeting-actions" @click.stop>
-              <el-button type="primary" link size="small" @click="editMeeting(meeting)">
-                <el-icon><Edit /></el-icon>
-                编辑
+              <el-button text size="small" @click="editMeeting(meeting)">
+                <el-icon><Edit /></el-icon>编辑
               </el-button>
-              <el-button type="danger" link size="small" @click="confirmDelete(meeting)">
-                <el-icon><Delete /></el-icon>
-                删除
+              <el-button text size="small" type="danger" @click="confirmDelete(meeting)">
+                <el-icon><Delete /></el-icon>删除
               </el-button>
             </div>
           </div>
@@ -159,20 +127,12 @@
               />
             </el-select>
           </el-form-item>
-
           <el-form-item label="会议标题" prop="title">
             <el-input v-model="form.title" placeholder="如：2024年第一次技术委员会会议" />
           </el-form-item>
-
-          <el-form-item label="会议描述" prop="description">
-            <el-input
-              v-model="form.description"
-              type="textarea"
-              :rows="3"
-              placeholder="简要描述会议内容"
-            />
+          <el-form-item label="会议描述">
+            <el-input v-model="form.description" type="textarea" :rows="3" placeholder="简要描述会议内容" />
           </el-form-item>
-
           <el-form-item label="会议时间" prop="scheduled_at">
             <el-date-picker
               v-model="form.scheduled_at"
@@ -183,44 +143,33 @@
               style="width: 100%"
             />
           </el-form-item>
-
-          <el-form-item label="会议时长" prop="duration">
-            <el-input-number
-              v-model="form.duration"
-              :min="15"
-              :max="480"
-              :step="15"
-              style="width: 100%"
-            />
+          <el-form-item label="会议时长">
+            <el-input-number v-model="form.duration" :min="15" :max="480" :step="15" style="width: 160px" />
             <span class="form-tip">分钟</span>
           </el-form-item>
-
-          <el-form-item label="会议地点" prop="location_type">
+          <el-form-item label="会议地点">
             <el-radio-group v-model="form.location_type">
               <el-radio value="online">线上会议</el-radio>
               <el-radio value="offline">线下会议</el-radio>
               <el-radio value="hybrid">线上线下混合</el-radio>
             </el-radio-group>
           </el-form-item>
-
-          <el-form-item v-if="form.location_type === 'online' || form.location_type === 'hybrid'" label="线上会议链接" prop="online_url">
-            <el-input v-model="form.online_url" placeholder="输入会议链接或会议ID（如 Zoom / 腾讯会议链接）" />
+          <el-form-item
+            v-if="form.location_type === 'online' || form.location_type === 'hybrid'"
+            label="会议链接"
+          >
+            <el-input v-model="form.online_url" placeholder="Zoom / 腾讯会议链接" />
           </el-form-item>
-
-          <el-form-item v-if="form.location_type === 'offline' || form.location_type === 'hybrid'" label="线下会议地址" prop="location">
+          <el-form-item
+            v-if="form.location_type === 'offline' || form.location_type === 'hybrid'"
+            label="线下地址"
+          >
             <el-input v-model="form.location" placeholder="输入线下会议地址" />
           </el-form-item>
-
-          <el-form-item label="会议议程" prop="agenda">
-            <el-input
-              v-model="form.agenda"
-              type="textarea"
-              :rows="5"
-              placeholder="输入会议议程"
-            />
+          <el-form-item label="会议议程">
+            <el-input v-model="form.agenda" type="textarea" :rows="5" placeholder="输入会议议程" />
           </el-form-item>
-
-          <el-form-item label="提前提醒" prop="reminder_before_hours">
+          <el-form-item label="提前提醒">
             <el-select v-model="form.reminder_before_hours" style="width: 100%">
               <el-option label="不提醒" :value="0" />
               <el-option label="提前2小时" :value="2" />
@@ -229,15 +178,8 @@
               <el-option label="提前1周" :value="168" />
             </el-select>
           </el-form-item>
-
-          <el-form-item label="责任人" prop="assignee_ids">
-            <el-select
-              v-model="form.assignee_ids"
-              multiple
-              filterable
-              placeholder="选择责任人（默认为创建者）"
-              style="width: 100%"
-            >
+          <el-form-item label="责任人">
+            <el-select v-model="form.assignee_ids" multiple filterable placeholder="选择责任人（默认为创建者）" style="width: 100%">
               <el-option
                 v-for="u in communityMembers"
                 :key="u.id"
@@ -246,8 +188,7 @@
               />
             </el-select>
           </el-form-item>
-
-          <el-form-item v-if="editingMeeting" label="状态" prop="status">
+          <el-form-item v-if="editingMeeting" label="状态">
             <el-select v-model="form.status" style="width: 100%">
               <el-option label="已安排" value="scheduled" />
               <el-option label="进行中" value="in_progress" />
@@ -256,7 +197,6 @@
             </el-select>
           </el-form-item>
         </el-form>
-
         <template #footer>
           <el-button @click="showCreateDialog = false">取消</el-button>
           <el-button type="primary" :loading="submitting" @click="submitForm">
@@ -272,15 +212,11 @@
 import { ref, computed, onMounted, watch } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
 import { ElMessage, ElMessageBox, type FormInstance, type FormRules } from 'element-plus'
-import {
-  Plus,
-  Clock,
-  Location,
-  Edit,
-  Delete,
-  UserFilled,
-  User
-} from '@element-plus/icons-vue'
+import { Plus, Clock, Location, Edit, Delete, UserFilled, User } from '@element-plus/icons-vue'
+import FullCalendar from '@fullcalendar/vue3'
+import dayGridPlugin from '@fullcalendar/daygrid'
+import interactionPlugin from '@fullcalendar/interaction'
+import type { CalendarOptions, EventClickArg } from '@fullcalendar/core'
 import {
   listCommittees,
   listMeetings,
@@ -290,7 +226,7 @@ import {
   type Committee,
   type Meeting,
   type MeetingCreate,
-  type MeetingUpdate
+  type MeetingUpdate,
 } from '@/api/governance'
 import { getCommunityUsers, type CommunityUser } from '@/api/community'
 import { useUserStore } from '@/stores/user'
@@ -308,8 +244,8 @@ const isAdmin = computed(() => userStore.isCommunityAdmin)
 const loading = ref(false)
 const submitting = ref(false)
 const viewMode = ref<'month' | 'list'>('list')
-const currentDate = ref(new Date())
 const selectedCommittee = ref<number | undefined>()
+const calendarRef = ref()
 
 const committees = ref<Committee[]>([])
 const meetings = ref<Meeting[]>([])
@@ -319,6 +255,13 @@ const showCreateDialog = ref(false)
 const editingMeeting = ref<Meeting | null>(null)
 const formRef = ref<FormInstance>()
 
+const statusColorMap: Record<string, string> = {
+  scheduled: '#0095ff',
+  in_progress: '#22c55e',
+  completed: '#94a3b8',
+  cancelled: '#ef4444',
+}
+
 interface MeetingForm {
   committee_id?: number
   title: string
@@ -346,23 +289,43 @@ const form = ref<MeetingForm>({
   agenda: '',
   reminder_before_hours: 24,
   status: 'scheduled',
-  assignee_ids: []
+  assignee_ids: [],
 })
 
 const rules: FormRules = {
   committee_id: [{ required: true, message: '请选择委员会', trigger: 'change' }],
-  title: [
-    { required: true, message: '请输入会议标题', trigger: 'blur' },
-    { min: 1, max: 500, message: '标题长度在1-500个字符', trigger: 'blur' }
-  ],
-  scheduled_at: [{ required: true, message: '请选择会议时间', trigger: 'change' }]
+  title: [{ required: true, message: '请输入会议标题', trigger: 'blur' }],
+  scheduled_at: [{ required: true, message: '请选择会议时间', trigger: 'change' }],
 }
 
-const sortedMeetings = computed(() => {
-  return [...meetings.value].sort((a, b) => {
-    return new Date(a.scheduled_at).getTime() - new Date(b.scheduled_at).getTime()
-  })
-})
+const sortedMeetings = computed(() =>
+  [...meetings.value].sort(
+    (a, b) => new Date(a.scheduled_at).getTime() - new Date(b.scheduled_at).getTime(),
+  ),
+)
+
+const calendarOptions = computed<CalendarOptions>(() => ({
+  plugins: [dayGridPlugin, interactionPlugin],
+  initialView: 'dayGridMonth',
+  locale: 'zh-cn',
+  height: 'auto',
+  headerToolbar: {
+    left: 'prev,next today',
+    center: 'title',
+    right: '',
+  },
+  buttonText: { today: '今天' },
+  dayMaxEvents: 3,
+  events: meetings.value.map(m => ({
+    id: String(m.id),
+    title: `${formatTime(m.scheduled_at)} ${m.title}`,
+    start: m.scheduled_at,
+    color: statusColorMap[m.status] || '#94a3b8',
+  })),
+  eventClick: (info: EventClickArg) => {
+    router.push(`/meetings/${info.event.id}`)
+  },
+}))
 
 onMounted(() => {
   if (communityStore.currentCommunityId) {
@@ -370,26 +333,23 @@ onMounted(() => {
     loadMeetings()
     loadCommunityMembers()
   }
-
   if (route.query.action === 'create') {
     showCreateDialog.value = true
-    // Default assignee to current user
     if (authStore.user?.id) {
       form.value.assignee_ids = [authStore.user.id]
     }
   }
 })
 
-// Watch for community changes
 watch(
   () => communityStore.currentCommunityId,
-  (newId) => {
+  newId => {
     if (newId) {
       loadCommittees()
       loadMeetings()
       loadCommunityMembers()
     }
-  }
+  },
 )
 
 async function loadCommunityMembers() {
@@ -405,8 +365,8 @@ async function loadCommunityMembers() {
 async function loadCommittees() {
   try {
     committees.value = await listCommittees()
-  } catch (error: any) {
-    ElMessage.error(error.message || '加载委员会失败')
+  } catch (e: any) {
+    ElMessage.error(e.message || '加载委员会失败')
   }
 }
 
@@ -414,28 +374,15 @@ async function loadMeetings() {
   loading.value = true
   try {
     const params: any = { limit: 200 }
-    if (selectedCommittee.value) {
-      params.committee_id = selectedCommittee.value
-    }
+    if (selectedCommittee.value) params.committee_id = selectedCommittee.value
     meetings.value = await listMeetings(params)
-  } catch (error: any) {
-    ElMessage.error(error.message || '加载会议失败')
+  } catch (e: any) {
+    ElMessage.error(e.message || '加载会议失败')
   } finally {
     loading.value = false
   }
 }
 
-function getMeetingsForDate(dateStr: string) {
-  return meetings.value.filter(meeting => {
-    const meetingDate = new Date(meeting.scheduled_at).toISOString().split('T')[0]
-    return meetingDate === dateStr
-  })
-}
-
-function handleViewModeChange() {
-  // Handle view mode change
-}
-
 function goToMeetingDetail(id: number) {
   router.push(`/meetings/${id}`)
 }
@@ -454,7 +401,7 @@ function editMeeting(meeting: Meeting) {
     agenda: '',
     reminder_before_hours: 24,
     status: meeting.status,
-    assignee_ids: (meeting as any).assignee_ids || []
+    assignee_ids: (meeting as any).assignee_ids || [],
   }
   showCreateDialog.value = true
 }
@@ -462,30 +409,22 @@ function editMeeting(meeting: Meeting) {
 async function confirmDelete(meeting: Meeting) {
   try {
     await ElMessageBox.confirm(
-      `确定要删除会议"${meeting.title}"吗？`,
+      `确定要删除会议「${meeting.title}」吗？`,
       '确认删除',
-      {
-        type: 'warning',
-        confirmButtonText: '删除',
-        cancelButtonText: '取消'
-      }
+      { type: 'warning', confirmButtonText: '删除', cancelButtonText: '取消' },
     )
     await deleteMeeting(meeting.id)
     ElMessage.success('删除成功')
     loadMeetings()
-  } catch (error: any) {
-    if (error !== 'cancel') {
-      ElMessage.error(error.message || '删除失败')
-    }
+  } catch (e: any) {
+    if (e !== 'cancel') ElMessage.error(e.message || '删除失败')
   }
 }
 
 async function submitForm() {
   if (!formRef.value) return
-
-  await formRef.value.validate(async (valid) => {
+  await formRef.value.validate(async valid => {
     if (!valid) return
-
     submitting.value = true
     try {
       if (editingMeeting.value) {
@@ -500,7 +439,7 @@ async function submitForm() {
           status: form.value.status,
           agenda: form.value.agenda,
           reminder_before_hours: form.value.reminder_before_hours,
-          assignee_ids: form.value.assignee_ids
+          assignee_ids: form.value.assignee_ids,
         }
         await updateMeeting(editingMeeting.value.id, updateData)
         ElMessage.success('更新成功')
@@ -516,7 +455,7 @@ async function submitForm() {
           online_url: form.value.online_url,
           agenda: form.value.agenda,
           reminder_before_hours: form.value.reminder_before_hours,
-          assignee_ids: form.value.assignee_ids
+          assignee_ids: form.value.assignee_ids,
         }
         await createMeeting(createData)
         ElMessage.success('创建成功')
@@ -525,8 +464,8 @@ async function submitForm() {
       editingMeeting.value = null
       formRef.value?.resetFields()
       loadMeetings()
-    } catch (error: any) {
-      ElMessage.error(error.message || '操作失败')
+    } catch (e: any) {
+      ElMessage.error(e.message || '操作失败')
     } finally {
       submitting.value = false
     }
@@ -534,10 +473,7 @@ async function submitForm() {
 }
 
 function formatTime(dateStr: string) {
-  return new Date(dateStr).toLocaleTimeString('zh-CN', {
-    hour: '2-digit',
-    minute: '2-digit'
-  })
+  return new Date(dateStr).toLocaleTimeString('zh-CN', { hour: '2-digit', minute: '2-digit' })
 }
 
 function formatMonth(dateStr: string) {
@@ -553,46 +489,36 @@ function formatDateTime(dateStr: string) {
     month: 'short',
     day: 'numeric',
     hour: '2-digit',
-    minute: '2-digit'
+    minute: '2-digit',
   })
 }
 
-function getStatusType(status: string) {
-  const map: Record<string, any> = {
-    scheduled: 'primary',
-    in_progress: 'success',
-    completed: 'info',
-    cancelled: 'danger'
-  }
-  return map[status] || ''
-}
-
 function getStatusText(status: string) {
   const map: Record<string, string> = {
     scheduled: '已安排',
     in_progress: '进行中',
     completed: '已完成',
-    cancelled: '已取消'
+    cancelled: '已取消',
   }
   return map[status] || status
 }
 
 function getCommitteeName(committeeId: number) {
-  const committee = committees.value.find(c => c.id === committeeId)
-  return committee ? committee.name : '未知委员会'
+  return committees.value.find(c => c.id === committeeId)?.name || '未知委员会'
 }
 </script>
 
-<style scoped lang="scss">
+<style scoped>
 .meeting-calendar {
   --text-primary: #1e293b;
   --text-secondary: #64748b;
   --text-muted: #94a3b8;
   --blue: #0095ff;
-  --orange: #E6A23C;
-  --green: #67C23A;
+  --green: #22c55e;
+  --red: #ef4444;
   --border: #e2e8f0;
   --shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
+  --shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.08);
   --radius: 12px;
 
   padding: 32px 40px 60px;
@@ -600,236 +526,186 @@ function getCommitteeName(committeeId: number) {
   margin: 0 auto;
 }
 
-// ==================== 页面标题 ====================
-
-.page-title {
+/* ── Page Header ── */
+.page-title-row {
   display: flex;
   justify-content: space-between;
-  align-items: center;
+  align-items: flex-start;
   margin-bottom: 28px;
+}
 
-  h2 {
-    margin: 0 0 6px;
-    font-size: 28px;
-    font-weight: 700;
-    color: var(--text-primary);
-    letter-spacing: -0.02em;
-  }
-
-  .subtitle {
-    margin: 0;
-    color: var(--text-secondary);
-    font-size: 15px;
-  }
+.page-title h2 {
+  margin: 0 0 6px;
+  font-size: 28px;
+  font-weight: 700;
+  color: var(--text-primary);
+  letter-spacing: -0.02em;
+}
 
-  .header-left {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-  }
+.page-title .subtitle {
+  margin: 0;
+  color: var(--text-secondary);
+  font-size: 15px;
+}
 
-  .header-actions {
-    display: flex;
-    align-items: center;
-  }
+/* ── Filter Bar ── */
+.filter-bar {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 20px;
+  flex-wrap: wrap;
 }
 
-// ==================== 通用卡片样式 ====================
+.meeting-count {
+  font-size: 13px;
+  color: var(--text-muted);
+  margin-left: 4px;
+}
 
+/* ── Section Card ── */
 .section-card {
   background: #ffffff;
   border-radius: var(--radius);
-  padding: 24px;
-  margin-bottom: 20px;
+  padding: 28px;
+  margin-bottom: 24px;
   box-shadow: var(--shadow);
   border: 1px solid var(--border);
 }
 
-// ==================== 月视图：el-calendar 深度定制 ====================
-
-:deep(.el-calendar) {
-  border: none;
-  --el-calendar-border: transparent;
-
-  .el-calendar__header {
-    padding: 0 0 16px;
-    border-bottom: 2px solid #e2e8f0;
-    margin-bottom: 8px;
-
-    .el-calendar__title {
-      font-size: 17px;
-      font-weight: 700;
-      color: var(--text-primary);
-      letter-spacing: -0.01em;
-    }
-
-    .el-button-group {
-      background: #f1f5f9;
-      border-radius: 10px;
-      padding: 3px;
-      gap: 2px;
-      border: none;
-      box-shadow: none;
-
-      .el-button {
-        border: none !important;
-        background: transparent;
-        border-radius: 7px !important;
-        color: var(--text-secondary);
-        font-size: 13px;
-        font-weight: 500;
-        padding: 4px 12px;
-        box-shadow: none !important;
-
-        &:hover {
-          background: rgba(255, 255, 255, 0.7);
-          color: var(--text-primary);
-        }
-      }
-    }
-  }
-
-  .el-calendar__body {
-    padding: 0;
-
-    thead th {
-      padding: 10px 0 8px;
-      font-weight: 700;
-      color: #94a3b8;
-      font-size: 11px;
-      text-transform: uppercase;
-      letter-spacing: 0.08em;
-      border-bottom: 1px solid #f1f5f9;
-    }
-
-    .el-calendar-day {
-      padding: 0;
-      min-height: 100px;
-      border-color: #f1f5f9;
-      transition: background 0.12s;
-
-      &:hover {
-        background: #fafbfc;
-      }
-    }
-
-    .el-calendar-table__row td.is-today {
-      background: linear-gradient(160deg, rgba(0, 149, 255, 0.07) 0%, rgba(0, 149, 255, 0.01) 100%);
-
-      .day-number {
-        background: var(--blue);
-        color: #fff;
-        border-radius: 14px;
-        padding: 2px 8px;
-        font-weight: 700;
-        display: inline-block;
-        box-shadow: 0 2px 8px rgba(0, 149, 255, 0.35);
-      }
-    }
-
-    .el-calendar-table__row td.is-in-month:not(.is-today):hover {
-      background: #fafbfc;
-    }
+/* ── FullCalendar overrides ── */
+.fc-wrapper {
+  --fc-border-color: #f1f5f9;
+  --fc-today-bg-color: rgba(0, 149, 255, 0.06);
+  --fc-event-border-color: transparent;
+  --fc-page-bg-color: #ffffff;
+  --fc-neutral-bg-color: #f8fafc;
+}
 
-    .el-calendar-table__row td:not(.is-in-month) {
-      .day-number { color: #cbd5e1; }
-    }
-  }
+:deep(.fc .fc-toolbar.fc-header-toolbar) {
+  margin-bottom: 20px;
 }
 
-.calendar-day {
-  padding: 6px 4px 4px;
-  min-height: 100px;
+:deep(.fc .fc-toolbar-title) {
+  font-size: 17px;
+  font-weight: 700;
+  color: var(--text-primary);
+  letter-spacing: -0.01em;
 }
 
-.day-number {
-  text-align: right;
+:deep(.fc .fc-button-primary) {
+  background: transparent;
+  border: 1px solid var(--border);
+  color: var(--text-secondary);
   font-size: 13px;
   font-weight: 500;
-  color: #64748b;
-  padding: 0 6px 4px;
-  line-height: 1.8;
+  border-radius: 8px;
+  padding: 4px 12px;
+  box-shadow: none;
+  transition: all 0.15s;
 }
 
-.meeting-item {
-  font-size: 12px;
-  padding: 3px 6px;
-  margin-bottom: 3px;
-  border-radius: 5px;
-  cursor: pointer;
-  border: 1px solid rgba(0, 0, 0, 0.06);
-  border-left: 3px solid;
-  transition: transform 0.12s, box-shadow 0.12s;
-  overflow: hidden;
+:deep(.fc .fc-button-primary:hover) {
+  background: #f8fafc;
+  border-color: #cbd5e1;
+  color: var(--text-primary);
+}
 
-  &:hover {
-    transform: translateY(-1px);
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.10);
-  }
+:deep(.fc .fc-button-primary:not(:disabled):active),
+:deep(.fc .fc-button-primary:not(:disabled).fc-button-active) {
+  background: var(--blue);
+  border-color: var(--blue);
+  color: #fff;
+  box-shadow: none;
 }
 
-.meeting-item.status-scheduled {
-  background: rgba(0, 149, 255, 0.07);
-  border-color: #0095ff;
+:deep(.fc .fc-button-group) {
+  gap: 4px;
 }
 
-.meeting-item.status-in_progress {
-  background: rgba(103, 194, 58, 0.08);
-  border-color: #67C23A;
+:deep(.fc .fc-col-header-cell) {
+  background: #f8fafc;
+  padding: 10px 0;
+  font-size: 11px;
+  font-weight: 700;
+  color: var(--text-muted);
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  border-color: #f1f5f9;
 }
 
-.meeting-item.status-completed {
-  background: #f1f5f9;
-  border-color: #94a3b8;
+:deep(.fc .fc-daygrid-day) {
+  transition: background 0.12s;
 }
 
-.meeting-item.status-cancelled {
-  background: rgba(245, 108, 108, 0.07);
-  border-color: #F56C6C;
+:deep(.fc .fc-daygrid-day:hover) {
+  background: #fafbfc;
 }
 
-.meeting-time {
-  font-weight: 600;
-  font-size: 11px;
-  color: var(--text-primary);
+:deep(.fc .fc-daygrid-day-number) {
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--text-secondary);
+  padding: 6px 10px;
 }
 
-.meeting-committee {
-  font-size: 11px;
-  color: var(--text-muted);
-  margin: 1px 0;
+:deep(.fc .fc-day-today .fc-daygrid-day-number) {
+  background: var(--blue);
+  color: #fff;
+  border-radius: 14px;
+  padding: 2px 8px;
+  font-weight: 700;
+  box-shadow: 0 2px 8px rgba(0, 149, 255, 0.35);
 }
 
-.meeting-title {
-  font-size: 12px;
+:deep(.fc .fc-daygrid-event) {
+  border-radius: 4px;
+  font-size: 11px;
   font-weight: 500;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  color: var(--text-primary);
+  padding: 1px 5px;
+  border: none;
+  cursor: pointer;
+  transition: opacity 0.12s, transform 0.12s;
+}
+
+:deep(.fc .fc-daygrid-event:hover) {
+  opacity: 0.85;
+  transform: translateY(-1px);
 }
 
-// ==================== 列表视图 ====================
+:deep(.fc .fc-more-link) {
+  font-size: 11px;
+  color: var(--blue);
+  font-weight: 600;
+}
 
+:deep(.fc td),
+:deep(.fc th) {
+  border-color: #f1f5f9;
+}
+
+/* ── List View ── */
 .meeting-list-item {
   display: flex;
   gap: 16px;
   padding: 16px;
   border-bottom: 1px solid #f1f5f9;
   cursor: pointer;
-  transition: background 0.2s;
+  transition: background 0.15s;
   border-radius: 8px;
+}
 
-  &:last-child { border-bottom: none; }
+.meeting-list-item:last-child {
+  border-bottom: none;
+}
 
-  &:hover {
-    background: #f8fafc;
-  }
+.meeting-list-item:hover {
+  background: #f8fafc;
 }
 
 .meeting-date-block {
   flex-shrink: 0;
-  width: 56px;
+  width: 52px;
   text-align: center;
   padding: 8px 6px;
   background: rgba(0, 149, 255, 0.07);
@@ -846,7 +722,7 @@ function getCommitteeName(committeeId: number) {
 }
 
 .date-day {
-  font-size: 24px;
+  font-size: 22px;
   font-weight: 700;
   color: var(--blue);
   line-height: 1.2;
@@ -862,6 +738,7 @@ function getCommitteeName(committeeId: number) {
   justify-content: space-between;
   align-items: flex-start;
   margin-bottom: 8px;
+  gap: 12px;
 }
 
 .meeting-header h4 {
@@ -871,25 +748,49 @@ function getCommitteeName(committeeId: number) {
   color: var(--text-primary);
 }
 
-.header-tags {
-  display: flex;
-  gap: 8px;
+/* Status Badge */
+.status-badge {
   flex-shrink: 0;
+  display: inline-block;
+  font-size: 12px;
+  padding: 3px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+.status-scheduled {
+  background: rgba(0, 149, 255, 0.1);
+  color: var(--blue);
+}
+
+.status-in_progress {
+  background: rgba(34, 197, 94, 0.1);
+  color: #15803d;
+}
+
+.status-completed {
+  background: #f1f5f9;
+  color: var(--text-muted);
+}
+
+.status-cancelled {
+  background: #fef2f2;
+  color: var(--red);
 }
 
 .meeting-meta {
   display: flex;
   flex-wrap: wrap;
-  gap: 12px 16px;
+  gap: 8px 16px;
   font-size: 13px;
   color: var(--text-secondary);
   margin-bottom: 8px;
+}
 
-  span {
-    display: flex;
-    align-items: center;
-    gap: 4px;
-  }
+.meeting-meta span {
+  display: flex;
+  align-items: center;
+  gap: 4px;
 }
 
 .meeting-description {
@@ -906,34 +807,54 @@ function getCommitteeName(committeeId: number) {
 .meeting-actions {
   flex-shrink: 0;
   display: flex;
-  gap: 8px;
+  gap: 4px;
   align-items: flex-start;
 }
 
+/* Form */
 .form-tip {
   margin-left: 8px;
   font-size: 12px;
   color: var(--text-muted);
 }
 
-// ==================== 响应式 ====================
+/* Element Plus overrides */
+:deep(.el-button) {
+  border-radius: 8px;
+  font-weight: 500;
+}
+
+:deep(.el-button--primary) {
+  background: var(--blue);
+  border-color: var(--blue);
+}
+
+:deep(.el-button--primary:hover) {
+  background: #0080e6;
+  border-color: #0080e6;
+}
+
+:deep(.el-input__wrapper) {
+  box-shadow: 0 0 0 1px var(--border);
+  border-radius: 8px;
+}
+
+:deep(.el-input__wrapper.is-focus) {
+  box-shadow: 0 0 0 1px var(--blue), 0 0 0 3px rgba(0, 149, 255, 0.1);
+}
+
+:deep(.el-dialog) {
+  border-radius: var(--radius);
+}
 
+/* Responsive */
 @media (max-width: 1200px) {
   .meeting-calendar { padding: 28px 24px; }
 }
 
 @media (max-width: 768px) {
   .meeting-calendar { padding: 20px 16px; }
-
-  .page-title {
-    flex-direction: column;
-    align-items: flex-start;
-    gap: 12px;
-
-    .header-actions {
-      flex-wrap: wrap;
-      gap: 8px;
-    }
-  }
+  .page-title-row { flex-direction: column; gap: 16px; }
+  .filter-bar { gap: 8px; }
 }
 </style>