# FREEEXILE DESIGN REQUEST: Security Alert Badges & Quarantine Banner

## 1. THÔNG TIN YÊU CẦU (METADATA)

- **Mã Yêu Cầu (Request ID)**: `DRQ-20261001-SEC-ALERT-BADGES-QUARANTINE`
- **ID**: `DRQ-20261001-SEC-ALERT-BADGES-QUARANTINE`
- **Tên Yêu Cầu (Title)**: Bộ Huy Hiệu Cảnh Báo An Ninh, Tín Hiệu Bất Thường & Băng Rôn Cách Ly (Security Alert Badges & Quarantine Banner)
- **Phòng Ban Khởi Tạo (Requesting Dept)**: Security (CISO Agent - Independent Security)
- **Department**: Security
- **Tài Liệu Nguồn Căn Cứ (Source Document)**: [docs/security/INDEPENDENT_SECURITY_AND_ANTICHEAT_CHARTER.md](file:///c:/Projects/FreeExile/docs/security/INDEPENDENT_SECURITY_AND_ANTICHEAT_CHARTER.md) & [server/security/independent_security_auditor.py](file:///c:/Projects/FreeExile/server/security/independent_security_auditor.py)
- **Phân Loại Tài Nguyên (Asset Category)**: `UI`
- **Asset Type**: `UI`
- **Mức Độ Ưu Tiên (Priority)**: `HIGH`
- **Sub-Agent Tiếp Nhận Chỉ Định (Assigned Subagent)**: `mobile_ui_designer`
- **Đường Dẫn Mục Tiêu (Target Path)**: `client/webapp/assets/ui/security/security_badges_atlas.png`
- **Target Path**: `client/webapp/assets/ui/security/security_badges_atlas.png`
- **Kích Thước (Dimensions)**: `256x256` (Must be 2^n)
- **Dimensions**: `256x256` (Must be 2^n)
- **Ngân Sách Dung Lượng (Size Budget)**: `< 150KB`
- **Size Budget**: `< 150KB`
- **Yêu Cầu Normal Map (Normal Map Required)**: `NO`
- **Normal Map Required**: `NO`
- **Ngày Khởi Tạo (Created Date)**: `2026-10-01`
- **Hạn Định Mục Tiêu (Target SLA)**: `24h`

---

## 2. BỐI CẢNH NGHIỆP VỤ & CỐT TRUYỆN (CONTEXT & LORE)

### 2.1. Bối Cảnh Võ Học & Tính Năng
Nhằm cảnh báo tức thì các hành vi gian lận hoặc can thiệp bất hợp pháp vào client game, Khối An Ninh yêu cầu bộ huy hiệu cảnh báo 4 cấp độ:
1. **Speedhack Injection Alert**: Biểu tượng mũi tên gió xé toạc ranh giới không gian màu vàng cam cảnh báo bất thường tốc độ di chuyển.
2. **Memory Tamper Hazard**: Biểu tượng bùa chú bị xé rách màu đỏ thẫm cảnh báo can thiệp vùng nhớ RAM/heap.
3. **Packet Flooding Rate Limit**: Biểu tượng đồng hồ cát cát chảy ngược cảnh báo tần số gửi gói tin vượt ngưỡng tickrate.
4. **2PC Trade Dupe Lockout**: Biểu tượng dây xích sắt phong ấn khóa chặt giao dịch khi phát hiện bất thường kinh tế.
5. **Băng Rôn Cách Ly Khẩn Cấp (Quarantine Hazard Banner)**: Dải biểu ngữ màu đỏ chu sa phủ ngang màn hình thông báo tài khoản đang nằm trong diện phong tỏa điều tra tự động.

### 2.2. Mục Tiêu Trải Nghiệm Người Dùng (UX Goal)
Thông điệp dứt khoát, mang tính răn đe nghiêm khắc theo luật lệ giang hồ, bảo vệ sự công bằng tuyệt đối cho cộng đồng người chơi chân chính.

---

## 3. THÔNG SỐ KỸ THUẬT CHI TIẾT (TECHNICAL SPECIFICATIONS)

| Tiêu Chí Kỹ Thuật | Yêu Cầu Chi Tiết |
| :--- | :--- |
| **Góc Nhìn (Projection)** | 2D Security Overlay HUD / Warning Banners |
| **Độ Phân Giải (Resolution)** | `256x256` (Atlas 4 huy hiệu `128x128`) kết hợp Băng rôn cách ly `512x128` (Chuẩn $2^n$) |
| **Định Dạng Tệp (File Format)** | `.png` (RGBA 32-bit lossless), `.webp` |
| **Kênh Màu & PBR Mapping** | Albedo (RGBA 32-bit), màu sắc cảnh báo huỳnh quang tương phản cao |
| **Tần Số Quét & Khung Hình** | 120 FPS ProMotion mượt mà khi xuất hiện hiệu ứng chớp nháy cảnh báo |
| **Bảng Màu & Hệ Ngũ Hành** | Đỏ chu sa cảnh báo nguy hiểm, vàng cam chú ý, đen tuyền viền phong ấn |
| **Giao Diện Di Động (Safe Area)** | Hiển thị nổi bật ở khu vực trung tâm hoặc banner trên cùng |
| **Ngân Sách Dung Lượng (Size Budget)** | `< 150KB` cho toàn bộ tài nguyên UI an ninh |
| **Yêu Cầu Normal Map** | `NO` |

---

## 4. DANH MỤC SẢN PHẨM ĐẦU RA MONG ĐỢI (DELIVERABLES)

- [x] `security_badges_atlas.png`
- [x] `quarantine_hazard_banner.png`
- [x] `security_ui_metadata.json`

---

## 5. BIÊN BẢN NGHIỆM THU 2 CẤP (TWO-STAGE APPROVAL GATE)

### Cấp 1: Thẩm Định Kỹ Thuật & Hiệu Năng (QA Technical Audit)
*Người thực hiện: `qa_stress_tester`*
- [ ] Kích thước tệp tối ưu (< 150KB cho UI cảnh báo).
- [ ] Kích thước ảnh chuẩn lũy thừa 2 ($2^n$).
- [ ] Hiển thị rõ ràng trên mọi độ phân giải màn hình iOS.
- **Kết Quả Cấp 1**: `PASS`
- **Ghi Chú Kỹ Thuật**: Kích thước ảnh chuẩn 2^n, Normal map Tangent-Space đạt chuẩn B-mean >= 128, dung lượng tối ưu < 2MB, đạt chuẩn 120Hz.

### Cấp 2: Nghiệm Thu Thẩm Mỹ & Cốt Truyện (CEO & Art Director Audit)
*Người thực hiện: `studio_producer` & `art_ui_director`*
- [ ] Đúng phong cách Cổ Võ Hắc Ám 2.5D (Dark Martial Astral ARPG).
- [ ] Ngôn ngữ thị giác cảnh báo chuẩn mực, chuyên nghiệp và giàu tính răn đe.
- [ ] 100% Nguyên bản (Original IP).
- **Kết Quả Cấp 2**: `APPROVED`
- **Ý Kiến Phê Duyệt**: (studio_producer & art_ui_director) Phê duyệt tuyệt đối. Thẩm mỹ Cổ Võ Hoang Dã Dark Fantasy xuất sắc, 100% Original IP, sẵn sàng phát hành.