chore: 更新国际化翻译及 UI 组件优化

apps/rules/visual_design_language.md

@@ -330,6 +330,32 @@ Avoid:
 - flat monochrome sameness
 - harsh enterprise-blue overuse
 
+### Semantic Color Slots
+
+The app uses these semantic color slots via `ColorScheme`:
+
+| Slot | Purpose | Example Usage |
+|------|---------|---------------|
+| `primary` | Brand anchor, success feedback | Buttons, success toasts, focus states |
+| `secondary` | Secondary actions, info | Secondary buttons, info toasts |
+| `error` | Error states | Error messages, destructive actions |
+| `surface` | Background surfaces | Page backgrounds, cards |
+
+### Warning Color
+
+Warning is a **semantic extension** beyond `ColorScheme`. It lives in `AppColorPalette` and follows the same pattern:
+
+| Token | Light | Dark | Usage |
+|-------|-------|------|-------|
+| `warning` | `#F59E0B` | `#FBBF24` | Warning icon, border accent |
+| `warningContainer` | `#FEF3C7` | `#78350F` | Warning toast surface |
+| `onWarningContainer` | `#78350F` | `#FEF3C7` | Text on warning surface |
+
+Warning is used for:
+- Caution states that are not errors
+- Reminders or alerts requiring user attention
+- Toast notifications of type `ToastType.warning`
+
 ---
 
 ## 11) Typography Feel (MUST)