diff --git a/app/Http/Controllers/Admin/AutoactController.php b/app/Http/Controllers/Admin/AutoactController.php
new file mode 100644
index 0000000..142e035
--- /dev/null
+++ b/app/Http/Controllers/Admin/AutoactController.php
@@ -0,0 +1,97 @@
+<?php
+
+/**
+ * 文件功能：自动事件管理控制器
+ * 管理员可在后台增删改随机事件（好运/坏运/经验/金币奖惩等）
+ * 复刻原版 ASP 聊天室的 autoact 管理功能
+ *
+ * @author  ChatRoom Laravel
+ *
+ * @version 1.0.0
+ */
+
+namespace App\Http\Controllers\Admin;
+
+use App\Http\Controllers\Controller;
+use App\Models\Autoact;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\View\View;
+
+class AutoactController extends Controller
+{
+    /**
+     * 显示所有自动事件列表
+     */
+    public function index(): View
+    {
+        $events = Autoact::orderByDesc('id')->get();
+
+        return view('admin.autoact.index', compact('events'));
+    }
+
+    /**
+     * 保存新事件
+     */
+    public function store(Request $request): RedirectResponse
+    {
+        $data = $request->validate([
+            'text_body' => 'required|string|max:500',
+            'event_type' => 'required|in:good,bad,neutral',
+            'exp_change' => 'required|integer',
+            'jjb_change' => 'required|integer',
+        ]);
+
+        $data['enabled'] = true;
+
+        Autoact::create($data);
+
+        return redirect()->route('admin.autoact.index')->with('success', '事件添加成功！');
+    }
+
+    /**
+     * 更新事件
+     */
+    public function update(Request $request, int $id): RedirectResponse
+    {
+        $event = Autoact::findOrFail($id);
+
+        $data = $request->validate([
+            'text_body' => 'required|string|max:500',
+            'event_type' => 'required|in:good,bad,neutral',
+            'exp_change' => 'required|integer',
+            'jjb_change' => 'required|integer',
+        ]);
+
+        $event->update($data);
+
+        return redirect()->route('admin.autoact.index')->with('success', '事件修改成功！');
+    }
+
+    /**
+     * 切换事件启用/禁用状态
+     */
+    public function toggle(int $id): JsonResponse
+    {
+        $event = Autoact::findOrFail($id);
+        $event->enabled = ! $event->enabled;
+        $event->save();
+
+        return response()->json([
+            'status' => 'success',
+            'enabled' => $event->enabled,
+            'message' => $event->enabled ? '已启用' : '已禁用',
+        ]);
+    }
+
+    /**
+     * 删除事件
+     */
+    public function destroy(int $id): RedirectResponse
+    {
+        Autoact::findOrFail($id)->delete();
+
+        return redirect()->route('admin.autoact.index')->with('success', '事件已删除！');
+    }
+}
diff --git a/app/Http/Controllers/Admin/RoomManagerController.php b/app/Http/Controllers/Admin/RoomManagerController.php
new file mode 100644
index 0000000..7d22b25
--- /dev/null
+++ b/app/Http/Controllers/Admin/RoomManagerController.php
@@ -0,0 +1,68 @@
+<?php
+
+/**
+ * 文件功能：后台房间管理控制器
+ * 管理员可查看、编辑房间信息（名称、介绍、公告等）
+ *
+ * @author  ChatRoom Laravel
+ *
+ * @version 1.0.0
+ */
+
+namespace App\Http\Controllers\Admin;
+
+use App\Http\Controllers\Controller;
+use App\Models\Room;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\View\View;
+
+class RoomManagerController extends Controller
+{
+    /**
+     * 显示所有房间列表
+     */
+    public function index(): View
+    {
+        $rooms = Room::orderBy('id')->get();
+
+        return view('admin.rooms.index', compact('rooms'));
+    }
+
+    /**
+     * 更新房间信息
+     */
+    public function update(Request $request, int $id): RedirectResponse
+    {
+        $room = Room::findOrFail($id);
+
+        $data = $request->validate([
+            'room_name' => 'required|string|max:100',
+            'room_des' => 'nullable|string|max:500',
+            'announcement' => 'nullable|string|max:500',
+            'room_owner' => 'nullable|string|max:50',
+            'permit_level' => 'required|integer|min:0|max:15',
+            'door_open' => 'required|boolean',
+        ]);
+
+        $room->update($data);
+
+        return redirect()->route('admin.rooms.index')->with('success', "房间 [{$room->room_name}] 信息已更新！");
+    }
+
+    /**
+     * 删除房间（非系统房间）
+     */
+    public function destroy(int $id): RedirectResponse
+    {
+        $room = Room::findOrFail($id);
+
+        if ($room->room_keep) {
+            return redirect()->route('admin.rooms.index')->with('error', '系统房间不允许删除！');
+        }
+
+        $room->delete();
+
+        return redirect()->route('admin.rooms.index')->with('success', "房间 [{$room->room_name}] 已删除！");
+    }
+}
diff --git a/app/Http/Controllers/Admin/SqlController.php b/app/Http/Controllers/Admin/SqlController.php
deleted file mode 100644
index c356e85..0000000
--- a/app/Http/Controllers/Admin/SqlController.php
+++ /dev/null
@@ -1,76 +0,0 @@
-<?php
-
-/**
- * 文件功能：后台 SQL 探针
- * (替代原版 SQL.ASP，严格限制为只读模式)
- *
- * @author   ChatRoom Laravel
- *
- * @version  1.0.0
- */
-
-namespace App\Http\Controllers\Admin;
-
-use App\Http\Controllers\Controller;
-use Illuminate\Http\Request;
-use Illuminate\Support\Facades\DB;
-use Illuminate\View\View;
-
-class SqlController extends Controller
-{
-    /**
-     * 显示 SQL 执行沙盒界面
-     */
-    public function index(): View
-    {
-        return view('admin.sql.index', ['results' => null, 'query' => '', 'columns' => []]);
-    }
-
-    /**
-     * 极度受限地执行 SQL (仅限 SELECT)
-     */
-    public function execute(Request $request): View
-    {
-        $request->validate([
-            'query' => 'required|string|min:6',
-        ]);
-
-        $sql = trim($request->input('query'));
-
-        // 安全拦截：绝不允许含有 update/delete/insert/truncate/drop 等破坏性指令
-        // 我们只允许查询，所以要求必须以 SELECT 起手，或者 EXPLAIN/SHOW
-        if (! preg_match('/^(SELECT|EXPLAIN|SHOW|DESCRIBE)\s/i', $sql)) {
-            return view('admin.sql.index', [
-                'results' => null,
-                'columns' => [],
-                'query' => $sql,
-                'error' => '安全保护触发：本探针只允许执行 SELECT / SHOW 等只读查询！',
-            ]);
-        }
-
-        try {
-            $results = DB::select($sql);
-
-            // 提取表头
-            $columns = [];
-            if (! empty($results)) {
-                $firstRow = (array) $results[0];
-                $columns = array_keys($firstRow);
-            }
-
-            return view('admin.sql.index', [
-                'results' => $results,
-                'columns' => $columns,
-                'query' => $sql,
-                'error' => null,
-            ]);
-        } catch (\Exception $e) {
-            return view('admin.sql.index', [
-                'results' => null,
-                'columns' => [],
-                'query' => $sql,
-                'error' => 'SQL 执行发生异常: '.$e->getMessage(),
-            ]);
-        }
-    }
-}
diff --git a/app/Http/Controllers/Admin/SystemController.php b/app/Http/Controllers/Admin/SystemController.php
index 4e1d337..3e0388d 100644
--- a/app/Http/Controllers/Admin/SystemController.php
+++ b/app/Http/Controllers/Admin/SystemController.php
@@ -53,6 +53,9 @@ class SystemController extends Controller
 
             // 写入 Cache 保证极速读取
             $this->chatState->setSysParam($alias, $body);
+
+            // 同时清除 Sysparam 模型的内部缓存
+            SysParam::clearCache($alias);
         }
 
         return redirect()->route('admin.system.edit')->with('success', '系统参数已成功更新并生效！');
diff --git a/app/Http/Controllers/Admin/UserManagerController.php b/app/Http/Controllers/Admin/UserManagerController.php
index 9965f93..4e247e9 100644
--- a/app/Http/Controllers/Admin/UserManagerController.php
+++ b/app/Http/Controllers/Admin/UserManagerController.php
@@ -52,17 +52,23 @@ class UserManagerController extends Controller
             return response()->json(['status' => 'error', 'message' => '权限不足：您无法修改同级或高级管理人员资料。'], 403);
         }
 
+        // 管理员级别 = 最高等级 + 1，后台编辑最高可设到管理员级别
+        $adminLevel = (int) \App\Models\Sysparam::getValue('maxlevel', '15') + 1;
+
         $validated = $request->validate([
-            'sex' => 'sometimes|in:男,女,保密',
-            'user_level' => 'sometimes|integer|min:0',
+            'sex' => 'sometimes|integer|in:0,1,2',
+            'user_level' => "sometimes|integer|min:0|max:{$adminLevel}",
+            'exp_num' => 'sometimes|integer|min:0',
+            'jjb' => 'sometimes|integer|min:0',
+            'meili' => 'sometimes|integer|min:0',
+            'qianming' => 'sometimes|nullable|string|max:255',
             'headface' => 'sometimes|string|max:50',
-            'sign' => 'sometimes|string|max:255',
             'password' => 'nullable|string|min:6',
         ]);
 
         // 如果传了且没超权，直接赋予
         if (isset($validated['user_level'])) {
-            // 不能把自己或别人提权到超过自己的等级
+            // 不能把别人提权到超过自己的等级
             if ($validated['user_level'] > $currentUser->user_level && $currentUser->id !== $targetUser->id) {
                 return response()->json(['status' => 'error', 'message' => '您不能将别人提升至超过您的等级！'], 403);
             }
@@ -72,12 +78,21 @@ class UserManagerController extends Controller
         if (isset($validated['sex'])) {
             $targetUser->sex = $validated['sex'];
         }
+        if (isset($validated['exp_num'])) {
+            $targetUser->exp_num = $validated['exp_num'];
+        }
+        if (isset($validated['jjb'])) {
+            $targetUser->jjb = $validated['jjb'];
+        }
+        if (isset($validated['meili'])) {
+            $targetUser->meili = $validated['meili'];
+        }
+        if (array_key_exists('qianming', $validated)) {
+            $targetUser->qianming = $validated['qianming'];
+        }
         if (isset($validated['headface'])) {
             $targetUser->headface = $validated['headface'];
         }
-        if (isset($validated['sign'])) {
-            $targetUser->sign = $validated['sign'];
-        }
 
         if (! empty($validated['password'])) {
             $targetUser->password = Hash::make($validated['password']);
diff --git a/app/Http/Controllers/AuthController.php b/app/Http/Controllers/AuthController.php
index 9c54a6a..3a81057 100644
--- a/app/Http/Controllers/AuthController.php
+++ b/app/Http/Controllers/AuthController.php
@@ -70,7 +70,7 @@ class AuthController extends Controller
             'last_ip' => $ip,
             'user_level' => 1, // 默认普通用户等级
             'sex' => 0, // 默认性别: 0保密 1男 2女
-            // 如果原表里还有其他必填字段，在这里初始化默认值
+            'usersf' => '1.GIF', // 默认头像
         ]);
 
         $this->performLogin($newUser, $ip);
diff --git a/app/Http/Controllers/ChatController.php b/app/Http/Controllers/ChatController.php
index 7172d6f..cdacda0 100644
--- a/app/Http/Controllers/ChatController.php
+++ b/app/Http/Controllers/ChatController.php
@@ -16,12 +16,15 @@ use App\Events\UserJoined;
 use App\Events\UserLeft;
 use App\Http\Requests\SendMessageRequest;
 use App\Jobs\SaveMessageJob;
+use App\Models\Autoact;
 use App\Models\Room;
+use App\Models\Sysparam;
 use App\Services\ChatStateService;
 use App\Services\MessageFilterService;
 use Illuminate\Http\JsonResponse;
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\Redis;
 use Illuminate\View\View;
 
 class ChatController extends Controller
@@ -42,6 +45,9 @@ class ChatController extends Controller
         $room = Room::findOrFail($id);
         $user = Auth::user();
 
+        // 房间人气 +1（每次访问递增，复刻原版人气计数）
+        $room->increment('visit_num');
+
         // 1. 将当前用户加入到 Redis 房间在线列表
         $this->chatState->userJoin($id, $user->username, [
             'level' => $user->user_level,
@@ -76,6 +82,18 @@ class ChatController extends Controller
         $data = $request->validated();
         $user = Auth::user();
 
+        // 0. 检查用户是否被禁言（Redis TTL 自动过期）
+        $muteKey = "mute:{$id}:{$user->username}";
+        if (Redis::exists($muteKey)) {
+            $ttl = Redis::ttl($muteKey);
+            $minutes = ceil($ttl / 60);
+
+            return response()->json([
+                'status' => 'error',
+                'message' => "您正在禁言中，还需等待约 {$minutes} 分钟。",
+            ], 403);
+        }
+
         // 1. 过滤净化消息体
         $pureContent = $this->filter->filter($data['content'] ?? '');
         if (empty($pureContent)) {
@@ -104,6 +122,13 @@ class ChatController extends Controller
         // 5. 丢进异步列队，慢慢持久化到 MySQL，保护数据库连接池
         SaveMessageJob::dispatch($messageData);
 
+        // 6. 如果用户更换了字体颜色，顺便保存到 s_color 字段，下次进入时恢复
+        $chosenColor = $data['font_color'] ?? '';
+        if ($chosenColor && $chosenColor !== ($user->s_color ?? '')) {
+            $user->s_color = $chosenColor;
+            $user->save();
+        }
+
         return response()->json(['status' => 'success']);
     }
 
@@ -120,19 +145,22 @@ class ChatController extends Controller
             return response()->json(['status' => 'error'], 401);
         }
 
-        // 1. 每次心跳 +1 点经验
-        $user->exp_num += 1;
-
-        // 2. 检查等级计算：设定简单粗暴的平滑算式：需要经验=等级*等级*10
-        // 例如：0级->0点；1级->10点；2级->40点；3级->90点；10级->1000点
-        $currentLevel = $user->user_level;
-        $requiredExpForNextLevel = ($currentLevel) * ($currentLevel) * 10;
+        // 1. 每次心跳增加经验（可在 sysparam 后台配置）
+        $expGain = (int) Sysparam::getValue('exp_per_heartbeat', '1');
+        $user->exp_num += $expGain;
 
+        // 2. 使用 sysparam 表中可配置的等级-经验阈值计算等级
+        // 管理员（superlevel 及以上）不参与自动升降级，等级由后台手动设置
+        $superLevel = (int) Sysparam::getValue('superlevel', '100');
+        $oldLevel = $user->user_level;
         $leveledUp = false;
 
-        if ($user->exp_num >= $requiredExpForNextLevel) {
-            $user->user_level += 1;
-            $leveledUp = true;
+        if ($oldLevel < $superLevel) {
+            $newLevel = Sysparam::calculateLevel($user->exp_num);
+            if ($newLevel !== $oldLevel && $newLevel < $superLevel) {
+                $user->user_level = $newLevel;
+                $leveledUp = ($newLevel > $oldLevel);
+            }
         }
 
         $user->save(); // 存点入库
@@ -167,12 +195,61 @@ class ChatController extends Controller
             SaveMessageJob::dispatch($sysMsg);
         }
 
+        // 5. 随机事件触发（复刻原版 autoact 系统，概率可在后台配置）
+        $autoEvent = null;
+        $eventChance = (int) Sysparam::getValue('auto_event_chance', '10');
+        if ($eventChance > 0 && rand(1, 100) <= $eventChance) {
+            $autoEvent = Autoact::randomEvent();
+            if ($autoEvent) {
+                // 应用经验/金币变化（不低于 0）
+                if ($autoEvent->exp_change !== 0) {
+                    $user->exp_num = max(0, $user->exp_num + $autoEvent->exp_change);
+                }
+                if ($autoEvent->jjb_change !== 0) {
+                    $user->jjb = max(0, ($user->jjb ?? 0) + $autoEvent->jjb_change);
+                }
+                $user->save();
+
+                // 重新计算等级（经验可能因事件而变化，但管理员不参与自动升降级）
+                if ($user->user_level < $superLevel) {
+                    $recalcLevel = Sysparam::calculateLevel($user->exp_num);
+                    if ($recalcLevel !== $user->user_level && $recalcLevel < $superLevel) {
+                        $user->user_level = $recalcLevel;
+                        $user->save();
+                    }
+                }
+
+                // 广播随机事件消息到聊天室
+                $eventMsg = [
+                    'id' => $this->chatState->nextMessageId($id),
+                    'room_id' => $id,
+                    'from_user' => '星海小博士',
+                    'to_user' => '大家',
+                    'content' => $autoEvent->renderText($user->username),
+                    'is_secret' => false,
+                    'font_color' => match ($autoEvent->event_type) {
+                        'good' => '#16a34a',  // 绿色（好运）
+                        'bad' => '#dc2626',   // 红色（坏运）
+                        default => '#7c3aed', // 紫色（中性）
+                    },
+                    'action' => '',
+                    'sent_at' => now()->toDateTimeString(),
+                ];
+
+                $this->chatState->pushMessage($id, $eventMsg);
+                broadcast(new MessageSent($id, $eventMsg));
+                SaveMessageJob::dispatch($eventMsg);
+            }
+        }
+
         return response()->json([
             'status' => 'success',
             'data' => [
                 'exp_num' => $user->exp_num,
                 'user_level' => $user->user_level,
                 'leveled_up' => $leveledUp,
+                'is_max_level' => $user->user_level >= $superLevel,
+                'auto_event' => $autoEvent ? $autoEvent->renderText($user->username) : null,
             ],
         ]);
     }
@@ -197,4 +274,105 @@ class ChatController extends Controller
 
         return response()->json(['status' => 'success']);
     }
+
+    /**
+     * 获取可用头像列表（返回 JSON）
+     * 扫描 /public/images/headface/ 目录，返回所有可用头像文件名
+     */
+    public function headfaceList(): JsonResponse
+    {
+        $dir = public_path('images/headface');
+        $files = [];
+
+        if (is_dir($dir)) {
+            $all = scandir($dir);
+            foreach ($all as $file) {
+                // 只包含图片文件
+                if (preg_match('/\.(gif|jpg|jpeg|png|bmp)$/i', $file)) {
+                    $files[] = $file;
+                }
+            }
+        }
+
+        // 自然排序（1, 2, 3... 10, 11...）
+        natsort($files);
+
+        return response()->json(['headfaces' => array_values($files)]);
+    }
+
+    /**
+     * 修改头像（原版 fw.asp 功能）
+     * 用户选择一个头像文件名，更新到 usersf 字段
+     */
+    public function changeAvatar(Request $request): JsonResponse
+    {
+        $user = auth()->user();
+        $headface = $request->input('headface', '');
+
+        if (empty($headface)) {
+            return response()->json(['status' => 'error', 'message' => '请选择一个头像'], 422);
+        }
+
+        // 验证文件确实存在
+        if (! file_exists(public_path('images/headface/'.$headface))) {
+            return response()->json(['status' => 'error', 'message' => '头像文件不存在'], 422);
+        }
+
+        // 更新用户头像
+        $user->usersf = $headface;
+        $user->save();
+
+        return response()->json([
+            'status' => 'success',
+            'message' => '头像修改成功！',
+            'headface' => $headface,
+        ]);
+    }
+
+    /**
+     * 设置房间公告/祝福语（滚动显示在聊天室顶部）
+     * 需要房间主人或等级达到 level_announcement 配置值
+     *
+     * @param  int  $id  房间ID
+     */
+    public function setAnnouncement(Request $request, int $id): JsonResponse
+    {
+        $user = Auth::user();
+        $room = Room::findOrFail($id);
+
+        // 权限检查：房间主人 或 等级 >= level_announcement
+        $requiredLevel = (int) Sysparam::getValue('level_announcement', '10');
+        if ($user->username !== $room->master && $user->user_level < $requiredLevel) {
+            return response()->json(['status' => 'error', 'message' => '权限不足，无法修改公告'], 403);
+        }
+
+        $request->validate([
+            'announcement' => 'required|string|max:500',
+        ]);
+
+        $room->announcement = $request->input('announcement');
+        $room->save();
+
+        // 广播公告更新到所有在线用户
+        $sysMsg = [
+            'id' => $this->chatState->nextMessageId($id),
+            'room_id' => $id,
+            'from_user' => '系统公告',
+            'to_user' => '大家',
+            'content' => "📢 {$user->username} 更新了房间公告：{$room->announcement}",
+            'is_secret' => false,
+            'font_color' => '#cc0000',
+            'action' => '',
+            'sent_at' => now()->toDateTimeString(),
+        ];
+
+        $this->chatState->pushMessage($id, $sysMsg);
+        broadcast(new MessageSent($id, $sysMsg));
+
+        return response()->json([
+            'status' => 'success',
+            'message' => '公告已更新！',
+            'announcement' => $room->announcement,
+        ]);
+    }
 }
diff --git a/app/Http/Controllers/FishingController.php b/app/Http/Controllers/FishingController.php
new file mode 100644
index 0000000..d605387
--- /dev/null
+++ b/app/Http/Controllers/FishingController.php
@@ -0,0 +1,210 @@
+<?php
+
+/**
+ * 文件功能：钓鱼小游戏控制器
+ * 复刻原版 ASP 聊天室 diaoyu/ 目录下的钓鱼功能
+ * 简化掉鱼竿道具系统，用 Redis 控制冷却，随机奖惩经验/金币
+ *
+ * @author   ChatRoom Laravel
+ *
+ * @version  1.0.0
+ */
+
+namespace App\Http\Controllers;
+
+use App\Events\MessageSent;
+use App\Models\Sysparam;
+use App\Services\ChatStateService;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\Redis;
+
+class FishingController extends Controller
+{
+    public function __construct(
+        private readonly ChatStateService $chatState,
+    ) {}
+
+    /**
+     * 抛竿 — 检查冷却和金币，扣除金币，返回随机等待时间
+     *
+     * @param  int  $id  房间ID
+     */
+    public function cast(Request $request, int $id): JsonResponse
+    {
+        $user = Auth::user();
+        if (! $user) {
+            return response()->json(['status' => 'error', 'message' => '请先登录'], 401);
+        }
+
+        // 1. 检查冷却时间（Redis TTL）
+        $cooldownKey = "fishing:cd:{$user->id}";
+        if (Redis::exists($cooldownKey)) {
+            $ttl = Redis::ttl($cooldownKey);
+
+            return response()->json([
+                'status' => 'error',
+                'message' => "钓鱼冷却中，还需等待 {$ttl} 秒。",
+                'cooldown' => $ttl,
+            ], 429);
+        }
+
+        // 2. 检查金币是否足够
+        $cost = (int) Sysparam::getValue('fishing_cost', '5');
+        if (($user->jjb ?? 0) < $cost) {
+            return response()->json([
+                'status' => 'error',
+                'message' => "金币不足！钓鱼需要 {$cost} 金币，您当前只有 {$user->jjb} 金币。",
+            ], 422);
+        }
+
+        // 3. 扣除金币
+        $user->jjb = max(0, ($user->jjb ?? 0) - $cost);
+        $user->save();
+
+        // 4. 设置"正在钓鱼"标记（防止重复抛竿，30秒后自动过期）
+        Redis::setex("fishing:active:{$user->id}", 30, time());
+
+        // 5. 计算随机等待时间
+        $waitMin = (int) Sysparam::getValue('fishing_wait_min', '8');
+        $waitMax = (int) Sysparam::getValue('fishing_wait_max', '15');
+        $waitTime = rand($waitMin, $waitMax);
+
+        return response()->json([
+            'status' => 'success',
+            'message' => "已花费 {$cost} 金币，鱼竿已抛出！等待鱼儿上钩...",
+            'wait_time' => $waitTime,
+            'cost' => $cost,
+            'jjb' => $user->jjb,
+        ]);
+    }
+
+    /**
+     * 收竿 — 随机计算钓鱼结果，更新经验/金币，广播到聊天室
+     *
+     * @param  int  $id  房间ID
+     */
+    public function reel(Request $request, int $id): JsonResponse
+    {
+        $user = Auth::user();
+        if (! $user) {
+            return response()->json(['status' => 'error', 'message' => '请先登录'], 401);
+        }
+
+        // 1. 检查是否有"正在钓鱼"标记
+        $activeKey = "fishing:active:{$user->id}";
+        if (! Redis::exists($activeKey)) {
+            return response()->json([
+                'status' => 'error',
+                'message' => '您还没有抛竿，或者鱼已经跑了！',
+            ], 422);
+        }
+
+        // 清除钓鱼标记
+        Redis::del($activeKey);
+
+        // 2. 设置冷却时间
+        $cooldown = (int) Sysparam::getValue('fishing_cooldown', '300');
+        Redis::setex("fishing:cd:{$user->id}", $cooldown, time());
+
+        // 3. 随机决定钓鱼结果
+        $result = $this->randomFishResult();
+
+        // 4. 更新用户经验和金币（不低于 0）
+        if ($result['exp'] !== 0) {
+            $user->exp_num = max(0, ($user->exp_num ?? 0) + $result['exp']);
+        }
+        if ($result['jjb'] !== 0) {
+            $user->jjb = max(0, ($user->jjb ?? 0) + $result['jjb']);
+        }
+        $user->save();
+
+        // 5. 广播钓鱼结果到聊天室
+        $sysMsg = [
+            'id' => $this->chatState->nextMessageId($id),
+            'room_id' => $id,
+            'from_user' => '钓鱼播报',
+            'to_user' => '大家',
+            'content' => "{$result['emoji']} {$user->username}{$result['message']}",
+            'is_secret' => false,
+            'font_color' => $result['exp'] >= 0 ? '#16a34a' : '#dc2626',
+            'action' => '',
+            'sent_at' => now()->toDateTimeString(),
+        ];
+
+        $this->chatState->pushMessage($id, $sysMsg);
+        broadcast(new MessageSent($id, $sysMsg));
+
+        return response()->json([
+            'status' => 'success',
+            'result' => $result,
+            'exp_num' => $user->exp_num,
+            'jjb' => $user->jjb,
+        ]);
+    }
+
+    /**
+     * 随机钓鱼结果（复刻原版概率分布）
+     *
+     * @return array{emoji: string, message: string, exp: int, jjb: int}
+     */
+    private function randomFishResult(): array
+    {
+        $roll = rand(1, 100);
+
+        // 概率分布（总计 100%）
+        // 1-15:  大鲨鱼 (+100exp, +20金)
+        // 16-30: 娃娃鱼 (+0exp, +30金)
+        // 31-50: 大草鱼 (+50exp)
+        // 51-70: 小鲤鱼 (+50exp, +10金)
+        // 71-85: 落水   (-50exp)
+        // 86-95: 被打   (-20exp, -3金)
+        // 96-100:大丰收 (+150exp, +50金)
+
+        return match (true) {
+            $roll <= 15 => [
+                'emoji' => '🦈',
+                'message' => '钓到一条大鲨鱼！增加经验100、金币20',
+                'exp' => 100,
+                'jjb' => 20,
+            ],
+            $roll <= 30 => [
+                'emoji' => '🐟',
+                'message' => '钓到一条娃娃鱼，到集市卖得30个金币',
+                'exp' => 0,
+                'jjb' => 30,
+            ],
+            $roll <= 50 => [
+                'emoji' => '🐠',
+                'message' => '钓到一只大草鱼，吃下增加经验50',
+                'exp' => 50,
+                'jjb' => 0,
+            ],
+            $roll <= 70 => [
+                'emoji' => '🐡',
+                'message' => '钓到一条小鲤鱼，增加经验50、金币10',
+                'exp' => 50,
+                'jjb' => 10,
+            ],
+            $roll <= 85 => [
+                'emoji' => '💧',
+                'message' => '鱼没钓到，摔到河里经验减少50',
+                'exp' => -50,
+                'jjb' => 0,
+            ],
+            $roll <= 95 => [
+                'emoji' => '👊',
+                'message' => '偷钓鱼塘被主人发现，一阵殴打！经验减少20、金币减少3',
+                'exp' => -20,
+                'jjb' => -3,
+            ],
+            default => [
+                'emoji' => '🎉',
+                'message' => '运气爆棚！钓到大鲨鱼、大草鱼、小鲤鱼各一条！经验+150，金币+50！',
+                'exp' => 150,
+                'jjb' => 50,
+            ],
+        };
+    }
+}
diff --git a/app/Http/Controllers/LeaderboardController.php b/app/Http/Controllers/LeaderboardController.php
index 036e0e7..fc9de5c 100644
--- a/app/Http/Controllers/LeaderboardController.php
+++ b/app/Http/Controllers/LeaderboardController.php
@@ -28,7 +28,7 @@ class LeaderboardController extends Controller
 
         // 1. 境界榜 (以 user_level 为尊)
         $topLevels = Cache::remember('leaderboard:top_levels', $ttl, function () {
-            return User::select('id', 'username', 'headface', 'user_level', 'sex')
+            return User::select('id', 'username', 'usersf', 'user_level', 'sex')
                 ->where('user_level', '>', 0)
                 ->orderByDesc('user_level')
                 ->orderBy('id')
@@ -38,7 +38,7 @@ class LeaderboardController extends Controller
 
         // 2. 修为榜 (以 exp_num 为尊)
         $topExp = Cache::remember('leaderboard:top_exp', $ttl, function () {
-            return User::select('id', 'username', 'headface', 'exp_num', 'sex', 'user_level')
+            return User::select('id', 'username', 'usersf', 'exp_num', 'sex', 'user_level')
                 ->where('exp_num', '>', 0)
                 ->orderByDesc('exp_num')
                 ->orderBy('id')
@@ -48,7 +48,7 @@ class LeaderboardController extends Controller
 
         // 3. 财富榜 (以 jjb-交友币 为尊)
         $topWealth = Cache::remember('leaderboard:top_wealth', $ttl, function () {
-            return User::select('id', 'username', 'headface', 'jjb', 'sex', 'user_level')
+            return User::select('id', 'username', 'usersf', 'jjb', 'sex', 'user_level')
                 ->where('jjb', '>', 0)
                 ->orderByDesc('jjb')
                 ->orderBy('id')
@@ -58,7 +58,7 @@ class LeaderboardController extends Controller
 
         // 4. 魅力榜 (以 meili 为尊)
         $topCharm = Cache::remember('leaderboard:top_charm', $ttl, function () {
-            return User::select('id', 'username', 'headface', 'meili', 'sex', 'user_level')
+            return User::select('id', 'username', 'usersf', 'meili', 'sex', 'user_level')
                 ->where('meili', '>', 0)
                 ->orderByDesc('meili')
                 ->orderBy('id')
diff --git a/app/Http/Controllers/UserController.php b/app/Http/Controllers/UserController.php
index b631c3c..8e0483f 100644
--- a/app/Http/Controllers/UserController.php
+++ b/app/Http/Controllers/UserController.php
@@ -2,11 +2,17 @@
 
 /**
  * 文件功能：用户中心与管理控制器
- * 接管原版 USERinfo.ASP, USERSET.ASP, chpasswd.asp, KILLUSER.ASP
+ * 接管原版 USERinfo.ASP, USERSET.ASP, chpasswd.asp, KILLUSER.ASP, LOCKIP.ASP
+ *
+ * 权限等级通过 sysparam 表动态配置：
+ *   level_kick    - 踢人所需等级
+ *   level_mute    - 禁言所需等级
+ *   level_ban     - 封号所需等级
+ *   level_banip   - 封IP所需等级
  *
  * @author   ChatRoom Laravel
  *
- * @version  1.0.0
+ * @version  1.1.0
  */
 
 namespace App\Http\Controllers;
@@ -16,11 +22,13 @@ use App\Events\UserMuted;
 use App\Http\Requests\ChangePasswordRequest;
 use App\Http\Requests\UpdateProfileRequest;
 use App\Models\Room;
+use App\Models\Sysparam;
 use App\Models\User;
 use Illuminate\Http\JsonResponse;
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Auth;
 use Illuminate\Support\Facades\Hash;
+use Illuminate\Support\Facades\Redis;
 
 class UserController extends Controller
 {
@@ -36,7 +44,11 @@ class UserController extends Controller
             'username' => $user->username,
             'sex' => $user->sex,
             'headface' => $user->headface,
+            'usersf' => $user->usersf,
             'user_level' => $user->user_level,
+            'exp_num' => $user->exp_num ?? 0,
+            'jjb' => $user->jjb ?? 0,
+            'qianming' => $user->qianming,
             'sign' => $user->sign ?? '这个人很懒，什么都没留下。',
             'created_at' => $user->created_at->format('Y-m-d'),
         ]);
@@ -85,7 +97,41 @@ class UserController extends Controller
     }
 
     /**
-     * 管理员/房主操作：踢出房间 (对应 KILLUSER.ASP)
+     * 通用权限校验：检查操作者是否有权操作目标用户
+     *
+     * @param  object  $operator  操作者
+     * @param  string  $targetUsername  目标用户名
+     * @param  int  $roomId  房间ID
+     * @param  string  $levelKey  sysparam中的等级键名（如 level_kick）
+     * @param  string  $actionName  操作名称（用于错误提示）
+     * @return array{room: Room, target: User}|JsonResponse
+     */
+    private function checkPermission(object $operator, string $targetUsername, int $roomId, string $levelKey, string $actionName): array|JsonResponse
+    {
+        $room = Room::findOrFail($roomId);
+        $requiredLevel = (int) Sysparam::getValue($levelKey, '15');
+
+        // 鉴权：操作者要是房间房主或达到所需等级
+        if ($room->master !== $operator->username && $operator->user_level < $requiredLevel) {
+            return response()->json(['status' => 'error', 'message' => "权限不足（需要{$requiredLevel}级），无法执行{$actionName}操作。"], 403);
+        }
+
+        $targetUser = User::where('username', $targetUsername)->first();
+        if (! $targetUser) {
+            return response()->json(['status' => 'error', 'message' => '目标用户不存在。'], 404);
+        }
+
+        // 防误伤：不能操作等级 >= 自己的人
+        if ($targetUser->user_level >= $operator->user_level) {
+            return response()->json(['status' => 'error', 'message' => "权限不足，无法对同级或高级用户执行{$actionName}。"], 403);
+        }
+
+        return ['room' => $room, 'target' => $targetUser];
+    }
+
+    /**
+     * 踢出房间 (对应 KILLUSER.ASP)
+     * 所需等级由 sysparam level_kick 配置
      */
     public function kick(Request $request, string $username): JsonResponse
     {
@@ -96,54 +142,113 @@ class UserController extends Controller
             return response()->json(['status' => 'error', 'message' => '缺少房间参数。'], 422);
         }
 
-        $room = Room::findOrFail($roomId);
-
-        // 鉴权：操作者要是房间房主或者系统超管
-        if ($room->master !== $operator->username && $operator->user_level < 15) {
-            return response()->json(['status' => 'error', 'message' => '权限不足，无法执行踢出操作。'], 403);
+        $result = $this->checkPermission($operator, $username, $roomId, 'level_kick', '踢出');
+        if ($result instanceof JsonResponse) {
+            return $result;
         }
 
-        $targetUser = User::where('username', $username)->first();
-        if (! $targetUser) {
-            return response()->json(['status' => 'error', 'message' => '目标用户不存在。'], 404);
-        }
+        // 广播踢出事件
+        broadcast(new UserKicked($roomId, $result['target']->username, "管理员 [{$operator->username}] 将 [{$result['target']->username}] 踢出了聊天室。"));
 
-        // 防误伤高管
-        if ($targetUser->user_level >= 15 && $operator->user_level < 15) {
-            return response()->json(['status' => 'error', 'message' => '权限不足，无法踢出同级或高级管理人员。'], 403);
-        }
-
-        // 核心动作：向频道内所有人发送包含“某某踢出某某”的事件
-        broadcast(new UserKicked($roomId, $targetUser->username, "管理员 [{$operator->username}] 将 [{$targetUser->username}] 踢出了聊天室。"));
-
-        return response()->json(['status' => 'success', 'message' => "已成功将 {$targetUser->username} 踢出房间。"]);
+        return response()->json(['status' => 'success', 'message' => "已成功将 {$result['target']->username} 踢出房间。"]);
     }
 
     /**
-     * 管理员/具有道具者操作：禁言 (对应新加的限制功能)
+     * 禁言 (对应原版限制功能)
+     * 所需等级由 sysparam level_mute 配置
+     * 禁言信息存入 Redis，TTL 到期自动解除
      */
     public function mute(Request $request, string $username): JsonResponse
     {
         $operator = Auth::user();
         $roomId = $request->input('room_id');
-        $duration = $request->input('duration', 5); // 默认封停分钟数
+        $duration = (int) $request->input('duration', 5);
 
         if (! $roomId) {
             return response()->json(['status' => 'error', 'message' => '缺少房间参数。'], 422);
         }
 
-        $room = Room::findOrFail($roomId);
-
-        // 此处只做简单鉴权演示，和踢人一致
-        if ($room->master !== $operator->username && $operator->user_level < 15) {
-            return response()->json(['status' => 'error', 'message' => '权限不足，无法执行禁言操作。'], 403);
+        $result = $this->checkPermission($operator, $username, $roomId, 'level_mute', '禁言');
+        if ($result instanceof JsonResponse) {
+            return $result;
         }
 
-        // 后续可以在 Redis 中写入一个 `mute:{$username}` 并附带 `TTL` 以在后台拦截
+        // 写入 Redis 禁言标记，TTL = 禁言分钟数 * 60
+        Redis::setex("mute:{$roomId}:{$username}", $duration * 60, json_encode([
+            'operator' => $operator->username,
+            'reason' => '管理员禁言',
+            'until' => now()->addMinutes($duration)->toDateTimeString(),
+        ]));
 
-        // 立刻向房间发送 Muted 事件
+        // 广播禁言事件
         broadcast(new UserMuted($roomId, $username, $duration));
 
-        return response()->json(['status' => 'success', 'message' => "已对 {$username} 实施封口 {$duration} 分钟。"]);
+        return response()->json(['status' => 'success', 'message' => "已对 {$username} 实施禁言 {$duration} 分钟。"]);
+    }
+
+    /**
+     * 封号（禁止登录）
+     * 所需等级由 sysparam level_ban 配置
+     * 将用户等级设为 -1 表示封禁
+     */
+    public function ban(Request $request, string $username): JsonResponse
+    {
+        $operator = Auth::user();
+        $roomId = $request->input('room_id');
+
+        if (! $roomId) {
+            return response()->json(['status' => 'error', 'message' => '缺少房间参数。'], 422);
+        }
+
+        $result = $this->checkPermission($operator, $username, $roomId, 'level_ban', '封号');
+        if ($result instanceof JsonResponse) {
+            return $result;
+        }
+
+        // 封号：设置等级为 -1
+        $result['target']->user_level = -1;
+        $result['target']->save();
+
+        // 踢出聊天室
+        broadcast(new UserKicked($roomId, $username, "管理员 [{$operator->username}] 已封禁用户 [{$username}] 的账号。"));
+
+        return response()->json(['status' => 'success', 'message' => "用户 {$username} 已被封号。"]);
+    }
+
+    /**
+     * 封IP（记录IP到黑名单并踢出）
+     * 所需等级由 sysparam level_banip 配置
+     */
+    public function banIp(Request $request, string $username): JsonResponse
+    {
+        $operator = Auth::user();
+        $roomId = $request->input('room_id');
+
+        if (! $roomId) {
+            return response()->json(['status' => 'error', 'message' => '缺少房间参数。'], 422);
+        }
+
+        $result = $this->checkPermission($operator, $username, $roomId, 'level_banip', '封IP');
+        if ($result instanceof JsonResponse) {
+            return $result;
+        }
+
+        $targetIp = $result['target']->last_ip;
+
+        if ($targetIp) {
+            // 将IP加入 Redis 黑名单（永久）
+            Redis::sadd('banned_ips', $targetIp);
+        }
+
+        // 同时封号
+        $result['target']->user_level = -1;
+        $result['target']->save();
+
+        // 踢出聊天室
+        broadcast(new UserKicked($roomId, $username, "管理员 [{$operator->username}] 已封禁用户 [{$username}] 的IP地址。"));
+
+        $ipInfo = $targetIp ? "（IP: {$targetIp}）" : '（未记录IP）';
+
+        return response()->json(['status' => 'success', 'message' => "用户 {$username} 已被封号并封IP{$ipInfo}。"]);
     }
 }
diff --git a/app/Http/Middleware/LevelRequired.php b/app/Http/Middleware/LevelRequired.php
index fe2f6e3..02cfb0b 100644
--- a/app/Http/Middleware/LevelRequired.php
+++ b/app/Http/Middleware/LevelRequired.php
@@ -2,6 +2,7 @@
 
 /**
  * 文件功能：用户等级权限验证中间件
+ * 支持传入固定数字等级 或 'super' 关键字（动态读取 sysparam 的 superlevel）
  *
  * @author   ChatRoom Laravel
  *
@@ -10,6 +11,7 @@
 
 namespace App\Http\Middleware;
 
+use App\Models\Sysparam;
 use Closure;
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Auth;
@@ -18,21 +20,26 @@ use Symfony\Component\HttpFoundation\Response;
 class LevelRequired
 {
     /**
-     * Handle an incoming request.
      * 校验当前登录用户的等级是否大于或等于要求等级。
+     * 当 $level 为 'super' 时，动态从 sysparam 表读取 superlevel 值。
      *
      * @param  \Closure(\Illuminate\Http\Request): (\Symfony\Component\HttpFoundation\Response)  $next
-     * @param  int  $level  要求达到的最低等级 (例如 15 为室主)
+     * @param  string  $level  要求的最低等级（数字 或 'super'）
      */
-    public function handle(Request $request, Closure $next, int $level): Response
+    public function handle(Request $request, Closure $next, string $level = 'super'): Response
     {
         if (! Auth::check()) {
             return redirect()->route('home');
         }
 
+        // 动态解析等级要求：'super' → 从 sysparam 读取，数字 → 直接使用
+        $requiredLevel = ($level === 'super')
+            ? (int) Sysparam::getValue('superlevel', '100')
+            : (int) $level;
+
         $user = Auth::user();
 
-        if ($user->user_level < $level) {
+        if ($user->user_level < $requiredLevel) {
             if ($request->expectsJson()) {
                 return response()->json(['message' => '权限不足', 'status' => 'error'], 403);
             }
diff --git a/app/Http/Requests/LoginRequest.php b/app/Http/Requests/LoginRequest.php
index a625d96..462b9df 100644
--- a/app/Http/Requests/LoginRequest.php
+++ b/app/Http/Requests/LoginRequest.php
@@ -39,8 +39,7 @@ class LoginRequest extends FormRequest
                 'regex:/^[^<>\'"]+$/u',
             ],
             'password' => ['required', 'string', 'min:1'],
-            // 'captcha' => ['required', 'captcha'],
-            'captcha' => ['nullable'], // 【本地调试临时绕过验证码强校验，跳过session丢失问题】
+            'captcha' => ['required', 'captcha'],
         ];
     }
 
diff --git a/app/Models/Autoact.php b/app/Models/Autoact.php
new file mode 100644
index 0000000..3467a8f
--- /dev/null
+++ b/app/Models/Autoact.php
@@ -0,0 +1,57 @@
+<?php
+
+/**
+ * 文件功能：自动动作事件模型
+ * 对应原版 ASP 聊天室的 autoact 表
+ * 存储系统随机事件（好运/坏运/经验/金币奖惩）
+ * 管理员可在后台管理这些事件
+ *
+ * @author  ChatRoom Laravel
+ *
+ * @version 1.0.0
+ */
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+class Autoact extends Model
+{
+    /** @var string 表名 */
+    protected $table = 'autoact';
+
+    /** @var array 可批量赋值的字段 */
+    protected $fillable = [
+        'text_body',
+        'event_type',
+        'exp_change',
+        'jjb_change',
+        'enabled',
+    ];
+
+    /** @var array 类型转换 */
+    protected $casts = [
+        'exp_change' => 'integer',
+        'jjb_change' => 'integer',
+        'enabled' => 'boolean',
+    ];
+
+    /**
+     * 随机获取一条已启用的事件
+     */
+    public static function randomEvent(): ?self
+    {
+        return static::where('enabled', true)->inRandomOrder()->first();
+    }
+
+    /**
+     * 将事件文本中的变量替换为实际值
+     *
+     * @param  string  $username  当前用户名
+     * @return string 替换后的文本
+     */
+    public function renderText(string $username): string
+    {
+        return str_replace('{username}', $username, $this->text_body);
+    }
+}
diff --git a/app/Models/Room.php b/app/Models/Room.php
index 3197551..df750ff 100644
--- a/app/Models/Room.php
+++ b/app/Models/Room.php
@@ -36,6 +36,7 @@ class Room extends Model
         'build_time',
         'permit_level',
         'door_open',
+        'announcement',
     ];
 
     /**
diff --git a/app/Models/SysParam.php b/app/Models/SysParam.php
index 0e91693..467655d 100644
--- a/app/Models/SysParam.php
+++ b/app/Models/SysParam.php
@@ -2,28 +2,89 @@
 
 /**
  * 文件功能：系统参数模型
+ * 对应原版 ASP 聊天室的 sysparam 配置表
+ * 管理员可在后台修改等级经验阈值等系统参数
  *
- * 对应原 ASP 文件：sysparam 表
- *
- * @author   ChatRoom Laravel
- *
- * @version  1.0.0
+ * @package App\Models
+ * @author  ChatRoom Laravel
+ * @version 1.0.0
  */
 
 namespace App\Models;
 
 use Illuminate\Database\Eloquent\Model;
+use Illuminate\Support\Facades\Cache;
 
-class SysParam extends Model
+class Sysparam extends Model
 {
+    /** @var string 表名 */
+    protected $table = 'sysparam';
+
+    /** @var array 可批量赋值的字段 */
+    protected $fillable = ['alias', 'body', 'guidetxt'];
+
     /**
-     * The attributes that are mass assignable.
+     * 获取指定参数的值
+     * 带缓存，避免频繁查库
      *
-     * @var array<int, string>
+     * @param string $alias  参数别名
+     * @param string $default 默认值
+     * @return string
      */
-    protected $fillable = [
-        'alias',
-        'guidetxt',
-        'body',
-    ];
+    public static function getValue(string $alias, string $default = ''): string
+    {
+        return Cache::remember("sysparam:{$alias}", 300, function () use ($alias, $default) {
+            $param = static::where('alias', $alias)->first();
+
+            return $param ? ($param->body ?? $default) : $default;
+        });
+    }
+
+    /**
+     * 获取等级经验阈值数组
+     * 返回格式：[0 => 10, 1 => 50, 2 => 150, ...] 索引即为目标等级-1
+     *
+     * @return array<int, int>
+     */
+    public static function getLevelExpThresholds(): array
+    {
+        $str = static::getValue('levelexp', '10,50,150,400,800,1500,3000,5000,8000,12000,18000,25000,35000,50000,80000');
+
+        return array_map('intval', explode(',', $str));
+    }
+
+    /**
+     * 根据经验值计算应该达到的等级
+     *
+     * @param int $expNum 当前经验值
+     * @return int 对应的等级
+     */
+    public static function calculateLevel(int $expNum): int
+    {
+        $thresholds = static::getLevelExpThresholds();
+        $level = 0;
+
+        foreach ($thresholds as $threshold) {
+            if ($expNum >= $threshold) {
+                $level++;
+            } else {
+                break;
+            }
+        }
+
+        // 不超过最大等级
+        $maxLevel = (int) static::getValue('maxlevel', '99');
+
+        return min($level, $maxLevel);
+    }
+
+    /**
+     * 清除指定参数的缓存
+     *
+     * @param string $alias 参数别名
+     */
+    public static function clearCache(string $alias): void
+    {
+        Cache::forget("sysparam:{$alias}");
+    }
 }
diff --git a/app/Models/User.php b/app/Models/User.php
index 95630ab..405530a 100644
--- a/app/Models/User.php
+++ b/app/Models/User.php
@@ -12,6 +12,7 @@
 
 namespace App\Models;
 
+use Illuminate\Database\Eloquent\Casts\Attribute;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Foundation\Auth\User as Authenticatable;
 use Illuminate\Notifications\Notifiable;
@@ -34,6 +35,7 @@ class User extends Authenticatable
         'room_id',
         'first_ip',
         'last_ip',
+        'usersf',
     ];
 
     /**
@@ -69,4 +71,18 @@ class User extends Authenticatable
             'q3_time' => 'datetime',
         ];
     }
+
+    /**
+     * 头像文件名访问器
+     *
+     * 原 ASP 系统的头像文件名存储在 usersf 字段中（如 "75.GIF"），
+     * 但项目中各处通过 $user->headface 来引用头像。
+     * 此 accessor 将 headface 属性映射到 usersf 字段，保持代码一致性。
+     */
+    protected function headface(): Attribute
+    {
+        return Attribute::make(
+            get: fn () => $this->usersf ?: '1.GIF',
+        );
+    }
 }
diff --git a/assets/backgrounds/01.png b/assets/backgrounds/01.png
new file mode 100644
index 0000000..3f9c5fd
Binary files /dev/null and b/assets/backgrounds/01.png differ
diff --git a/assets/backgrounds/02.png b/assets/backgrounds/02.png
new file mode 100644
index 0000000..839bd8f
Binary files /dev/null and b/assets/backgrounds/02.png differ
diff --git a/assets/backgrounds/03.png b/assets/backgrounds/03.png
new file mode 100644
index 0000000..6c5291f
Binary files /dev/null and b/assets/backgrounds/03.png differ
diff --git a/assets/backgrounds/04.png b/assets/backgrounds/04.png
new file mode 100644
index 0000000..e8dceec
Binary files /dev/null and b/assets/backgrounds/04.png differ
diff --git a/assets/backgrounds/05.png b/assets/backgrounds/05.png
new file mode 100644
index 0000000..9c38247
Binary files /dev/null and b/assets/backgrounds/05.png differ
diff --git a/assets/backgrounds/06.png b/assets/backgrounds/06.png
new file mode 100644
index 0000000..6d2f02c
Binary files /dev/null and b/assets/backgrounds/06.png differ
diff --git a/assets/backgrounds/07.png b/assets/backgrounds/07.png
new file mode 100644
index 0000000..056ea50
Binary files /dev/null and b/assets/backgrounds/07.png differ
diff --git a/assets/backgrounds/08.png b/assets/backgrounds/08.png
new file mode 100644
index 0000000..7e5fcc4
Binary files /dev/null and b/assets/backgrounds/08.png differ
diff --git a/assets/backgrounds/09.png b/assets/backgrounds/09.png
new file mode 100644
index 0000000..febfca1
Binary files /dev/null and b/assets/backgrounds/09.png differ
diff --git a/assets/backgrounds/10.png b/assets/backgrounds/10.png
new file mode 100644
index 0000000..5571921
Binary files /dev/null and b/assets/backgrounds/10.png differ
diff --git a/assets/backgrounds/11.png b/assets/backgrounds/11.png
new file mode 100644
index 0000000..c6e1faf
Binary files /dev/null and b/assets/backgrounds/11.png differ
diff --git a/assets/backgrounds/12.png b/assets/backgrounds/12.png
new file mode 100644
index 0000000..439964e
Binary files /dev/null and b/assets/backgrounds/12.png differ
diff --git a/assets/fonts/ABeeZee_regular.ttf b/assets/fonts/ABeeZee_regular.ttf
new file mode 100644
index 0000000..9eae6f2
Binary files /dev/null and b/assets/fonts/ABeeZee_regular.ttf differ
diff --git a/assets/fonts/Asap_700.ttf b/assets/fonts/Asap_700.ttf
new file mode 100644
index 0000000..6386c6b
Binary files /dev/null and b/assets/fonts/Asap_700.ttf differ
diff --git a/assets/fonts/Khand_500.ttf b/assets/fonts/Khand_500.ttf
new file mode 100644
index 0000000..678a491
Binary files /dev/null and b/assets/fonts/Khand_500.ttf differ
diff --git a/assets/fonts/Open_Sans_regular.ttf b/assets/fonts/Open_Sans_regular.ttf
new file mode 100644
index 0000000..db43334
Binary files /dev/null and b/assets/fonts/Open_Sans_regular.ttf differ
diff --git a/assets/fonts/Roboto_regular.ttf b/assets/fonts/Roboto_regular.ttf
new file mode 100644
index 0000000..8c082c8
Binary files /dev/null and b/assets/fonts/Roboto_regular.ttf differ
diff --git a/assets/fonts/Ubuntu_regular.ttf b/assets/fonts/Ubuntu_regular.ttf
new file mode 100644
index 0000000..45a038b
Binary files /dev/null and b/assets/fonts/Ubuntu_regular.ttf differ
diff --git a/assets/fonts/license/LICENSE-2.0.txt b/assets/fonts/license/LICENSE-2.0.txt
new file mode 100644
index 0000000..d645695
--- /dev/null
+++ b/assets/fonts/license/LICENSE-2.0.txt
@@ -0,0 +1,202 @@
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
diff --git a/assets/fonts/license/OFL.txt b/assets/fonts/license/OFL.txt
new file mode 100644
index 0000000..801ca38
--- /dev/null
+++ b/assets/fonts/license/OFL.txt
@@ -0,0 +1 @@
+Copyright (c) <dates>, <Copyright Holder> (<URL|email>),
with Reserved Font Name <Reserved Font Name>.
Copyright (c) <dates>, <additional Copyright Holder> (<URL|email>),
with Reserved Font Name <additional Reserved Font Name>.
Copyright (c) <dates>, <additional Copyright Holder> (<URL|email>).

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL


-----------------------------------------------------------
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
-----------------------------------------------------------

PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide
development of collaborative font projects, to support the font creation
efforts of academic and linguistic communities, and to provide a free and
open framework in which fonts may be shared and improved in partnership
with others.

The OFL allows the licensed fonts to be used, studied, modified and
redistributed freely as long as they are not sold by themselves. The
fonts, including any derivative works, can be bundled, embedded, 
redistributed and/or sold with any software provided that any reserved
names are not used by derivative works. The fonts and derivatives,
however, cannot be released under any other type of license. The
requirement for fonts to remain under this license does not apply
to any document created using the fonts or their derivatives.

DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this license and clearly marked as such. This may
include source files, build scripts and documentation.

"Reserved Font Name" refers to any names specified as such after the
copyright statement(s).

"Original Version" refers to the collection of Font Software components as
distributed by the Copyright Holder(s).

"Modified Version" refers to any derivative made by adding to, deleting,
or substituting -- in part or in whole -- any of the components of the
Original Version, by changing formats or by porting the Font Software to a
new environment.

"Author" refers to any designer, engineer, programmer, technical
writer or other person who contributed to the Font Software.

PERMISSION & CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining
a copy of the Font Software, to use, study, copy, merge, embed, modify,
redistribute, and sell modified and unmodified copies of the Font
Software, subject to the following conditions:

1) Neither the Font Software nor any of its individual components,
in Original or Modified Versions, may be sold by itself.

2) Original or Modified Versions of the Font Software may be bundled,
redistributed and/or sold with any software, provided that each copy
contains the above copyright notice and this license. These can be
included either as stand-alone text files, human-readable headers or
in the appropriate machine-readable metadata fields within text or
binary files as long as those fields can be easily viewed by the user.

3) No Modified Version of the Font Software may use the Reserved Font
Name(s) unless explicit written permission is granted by the corresponding
Copyright Holder. This restriction only applies to the primary font name as
presented to the users.

4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
Software shall not be used to promote, endorse or advertise any
Modified Version, except to acknowledge the contribution(s) of the
Copyright Holder(s) and the Author(s) or with their explicit written
permission.

5) The Font Software, modified or unmodified, in part or in whole,
must be distributed entirely under this license, and must not be
distributed under any other license. The requirement for fonts to
remain under this license does not apply to any document created
using the Font Software.

TERMINATION
This license becomes null and void if any of the above conditions are
not met.

DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
OTHER DEALINGS IN THE FONT SOFTWARE.
\ No newline at end of file
diff --git a/assets/fonts/license/ubuntu-font-licence-1.0.txt b/assets/fonts/license/ubuntu-font-licence-1.0.txt
new file mode 100644
index 0000000..ae78a8f
--- /dev/null
+++ b/assets/fonts/license/ubuntu-font-licence-1.0.txt
@@ -0,0 +1,96 @@
+-------------------------------
+UBUNTU FONT LICENCE Version 1.0
+-------------------------------
+
+PREAMBLE
+This licence allows the licensed fonts to be used, studied, modified and
+redistributed freely. The fonts, including any derivative works, can be
+bundled, embedded, and redistributed provided the terms of this licence
+are met. The fonts and derivatives, however, cannot be released under
+any other licence. The requirement for fonts to remain under this
+licence does not require any document created using the fonts or their
+derivatives to be published under this licence, as long as the primary
+purpose of the document is not to be a vehicle for the distribution of
+the fonts.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this licence and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Original Version" refers to the collection of Font Software components
+as received under this licence.
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to
+a new environment.
+
+"Copyright Holder(s)" refers to all individuals and companies who have a
+copyright ownership of the Font Software.
+
+"Substantially Changed" refers to Modified Versions which can be easily
+identified as dissimilar to the Font Software by users of the Font
+Software comparing the Original Version with the Modified Version.
+
+To "Propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy. Propagation includes copying,
+distribution (with or without modification and with or without charging
+a redistribution fee), making available to the public, and in some
+countries other activities as well.
+
+PERMISSION & CONDITIONS
+This licence does not grant any rights under trademark law and all such
+rights are reserved.
+
+Permission is hereby granted, free of charge, to any person obtaining a
+copy of the Font Software, to propagate the Font Software, subject to
+the below conditions:
+
+1) Each copy of the Font Software must contain the above copyright
+notice and this licence. These can be included either as stand-alone
+text files, human-readable headers or in the appropriate machine-
+readable metadata fields within text or binary files as long as those
+fields can be easily viewed by the user.
+
+2) The font name complies with the following:
+(a) The Original Version must retain its name, unmodified.
+(b) Modified Versions which are Substantially Changed must be renamed to
+avoid use of the name of the Original Version or similar names entirely.
+(c) Modified Versions which are not Substantially Changed must be
+renamed to both (i) retain the name of the Original Version and (ii) add
+additional naming elements to distinguish the Modified Version from the
+Original Version. The name of such Modified Versions must be the name of
+the Original Version, with "derivative X" where X represents the name of
+the new work, appended to that name.
+
+3) The name(s) of the Copyright Holder(s) and any contributor to the
+Font Software shall not be used to promote, endorse or advertise any
+Modified Version, except (i) as required by this licence, (ii) to
+acknowledge the contribution(s) of the Copyright Holder(s) or (iii) with
+their explicit written permission.
+
+4) The Font Software, modified or unmodified, in part or in whole, must
+be distributed entirely under this licence, and must not be distributed
+under any other licence. The requirement for fonts to remain under this
+licence does not affect any document created using the Font Software,
+except any version of the Font Software extracted from a document
+created using the Font Software may only be distributed under this
+licence.
+
+TERMINATION
+This licence becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF
+COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER
+DEALINGS IN THE FONT SOFTWARE.
diff --git a/config/captcha.php b/config/captcha.php
index b875973..382ca6f 100644
--- a/config/captcha.php
+++ b/config/captcha.php
@@ -2,20 +2,20 @@
 
 return [
     'disable' => env('CAPTCHA_DISABLE', false),
-    'characters' => ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O',
-        'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z', 'a', 'b', 'c', 'd',
-        'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's',
-        't', 'u', 'v', 'w', 'x', 'y', 'z', 0, 1, 2, 3, 4, 5, 6, 7, 8, 9],
+    'characters' => [2, 3, 4, 5, 6, 7, 8, 9],
     'fontsDirectory' => dirname(__DIR__).'/assets/fonts',
     'bgsDirectory' => dirname(__DIR__).'/assets/backgrounds',
     'default' => [
-        'length' => 6,
-        'width' => 345,
-        'height' => 65,
+        'length' => 4,
+        'width' => 120,
+        'height' => 36,
         'quality' => 90,
         'math' => false,
         'expire' => 60,
         'encrypt' => false,
+        'lines' => 2,
+        'bgImage' => false,
+        'bgColor' => '#ffffff',
     ],
     'flat' => [
         'length' => 6,
diff --git a/database/migrations/2026_02_26_091905_add_visit_num_to_rooms_table.php b/database/migrations/2026_02_26_091905_add_visit_num_to_rooms_table.php
new file mode 100644
index 0000000..f95164f
--- /dev/null
+++ b/database/migrations/2026_02_26_091905_add_visit_num_to_rooms_table.php
@@ -0,0 +1,34 @@
+<?php
+
+/**
+ * 文件功能：为 rooms 表添加 visit_num（人气/访问量）字段
+ * 用于记录房间的总访问人次，每次用户进入房间时递增
+ */
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * 添加 visit_num 字段到 rooms 表
+     */
+    public function up(): void
+    {
+        Schema::table('rooms', function (Blueprint $table) {
+            $table->unsignedBigInteger('visit_num')->default(0)->after('ooooo')
+                ->comment('房间人气（总访问人次）');
+        });
+    }
+
+    /**
+     * 回滚：移除 visit_num 字段
+     */
+    public function down(): void
+    {
+        Schema::table('rooms', function (Blueprint $table) {
+            $table->dropColumn('visit_num');
+        });
+    }
+};
diff --git a/database/migrations/2026_02_26_092923_create_sysparam_table.php b/database/migrations/2026_02_26_092923_create_sysparam_table.php
new file mode 100644
index 0000000..c798b2b
--- /dev/null
+++ b/database/migrations/2026_02_26_092923_create_sysparam_table.php
@@ -0,0 +1,71 @@
+<?php
+
+/**
+ * 文件功能：创建系统参数表（sysparam）
+ * 复刻原版 ASP 聊天室的 sysparam 系统配置表
+ * 存储等级-经验阈值、系统开关等管理员可配置项
+ */
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * 创建 sysparam 表并插入默认等级经验配置
+     */
+    public function up(): void
+    {
+        Schema::create('sysparam', function (Blueprint $table) {
+            $table->id();
+            $table->string('alias', 100)->unique()->comment('参数别名（唯一标识）');
+            $table->text('body')->nullable()->comment('参数值');
+            $table->string('guidetxt', 500)->nullable()->comment('参数说明（后台显示）');
+            $table->timestamps();
+        });
+
+        // 插入默认的等级经验配置（管理员可在后台修改）
+        // 格式：逗号分隔，每项为"等级所需的累计经验值"
+        // 例如：等级1需要10经验，等级2需要50，等级3需要150...
+        DB::table('sysparam')->insert([
+            [
+                'alias' => 'levelexp',
+                'body' => '10,50,150,400,800,1500,3000,5000,8000,12000,18000,25000,35000,50000,80000',
+                'guidetxt' => '等级经验阈值配置（逗号分隔）。第N个数字表示升到N级所需的累计经验值。例如：10,50,150 表示1级需10经验，2级需50经验，3级需150经验。',
+                'created_at' => now(),
+                'updated_at' => now(),
+            ],
+            [
+                'alias' => 'exp_per_heartbeat',
+                'body' => '1',
+                'guidetxt' => '每次心跳（约60秒）增加的经验值',
+                'created_at' => now(),
+                'updated_at' => now(),
+            ],
+            [
+                'alias' => 'superlevel',
+                'body' => '16',
+                'guidetxt' => '管理员级别（= 最高等级 + 1，拥有最高权限的等级阈值）',
+                'created_at' => now(),
+                'updated_at' => now(),
+            ],
+            [
+                'alias' => 'maxlevel',
+                'body' => '15',
+                'guidetxt' => '用户最高可达等级',
+                'created_at' => now(),
+                'updated_at' => now(),
+            ],
+        ]);
+    }
+
+    /**
+     * 回滚：删除 sysparam 表
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('sysparam');
+    }
+};
diff --git a/database/migrations/2026_02_26_094113_create_autoact_table.php b/database/migrations/2026_02_26_094113_create_autoact_table.php
new file mode 100644
index 0000000..78df96e
--- /dev/null
+++ b/database/migrations/2026_02_26_094113_create_autoact_table.php
@@ -0,0 +1,73 @@
+<?php
+
+/**
+ * 文件功能：创建自动动作事件表（autoact）
+ * 复刻原版 ASP 聊天室的 autoact 表
+ * 存储系统随机事件（好运/坏运/经验/金币奖惩等）
+ * 管理员可在后台增删改这些事件
+ */
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * 创建 autoact 表并插入默认随机事件
+     */
+    public function up(): void
+    {
+        Schema::create('autoact', function (Blueprint $table) {
+            $table->id();
+            $table->string('text_body', 500)->comment('事件文本内容（支持变量替换）');
+            $table->string('event_type', 20)->default('neutral')->comment('事件类型：good=好运, bad=坏运, neutral=中性');
+            $table->integer('exp_change')->default(0)->comment('经验变化值（正=奖励, 负=惩罚）');
+            $table->integer('jjb_change')->default(0)->comment('金币变化值（正=奖励, 负=惩罚）');
+            $table->boolean('enabled')->default(true)->comment('是否启用');
+            $table->timestamps();
+        });
+
+        // 插入默认随机事件
+        $events = [
+            // 好运事件（奖励经验/金币）
+            ['text_body' => '🎉 恭喜【{username}】路遇仙人指点，获得 100 经验值！', 'event_type' => 'good', 'exp_change' => 100, 'jjb_change' => 0],
+            ['text_body' => '💰 【{username}】在路边捡到一袋金币，获得 500 金币！', 'event_type' => 'good', 'exp_change' => 0, 'jjb_change' => 500],
+            ['text_body' => '🌟 天降祥瑞！【{username}】获得 200 经验 + 200 金币！', 'event_type' => 'good', 'exp_change' => 200, 'jjb_change' => 200],
+            ['text_body' => '🎊 【{username}】参加武林大会获胜，奖励 300 经验！', 'event_type' => 'good', 'exp_change' => 300, 'jjb_change' => 0],
+            ['text_body' => '🏆 【{username}】完成了一个神秘任务，获得 150 金币！', 'event_type' => 'good', 'exp_change' => 0, 'jjb_change' => 150],
+            ['text_body' => '✨ 【{username}】领悟了一招绝学，经验暴增 500！', 'event_type' => 'good', 'exp_change' => 500, 'jjb_change' => 0],
+            ['text_body' => '🎁 系统随机赠送【{username}】100 金币，请查收！', 'event_type' => 'good', 'exp_change' => 0, 'jjb_change' => 100],
+
+            // 坏运事件（扣除经验/金币）
+            ['text_body' => '💀 【{username}】不小心踩到陷阱，损失 50 经验！', 'event_type' => 'bad', 'exp_change' => -50, 'jjb_change' => 0],
+            ['text_body' => '😱 【{username}】遭遇山贼打劫，被抢走 100 金币！', 'event_type' => 'bad', 'exp_change' => 0, 'jjb_change' => -100],
+            ['text_body' => '🌧️ 【{username}】在雨中迷路，消耗 80 经验值。', 'event_type' => 'bad', 'exp_change' => -80, 'jjb_change' => 0],
+            ['text_body' => '🐍 【{username}】被毒蛇咬了一口，损失 30 经验和 50 金币！', 'event_type' => 'bad', 'exp_change' => -30, 'jjb_change' => -50],
+
+            // 中性事件（纯文字，不奖惩）
+            ['text_body' => '🔮 星海小博士：【{username}】今天运势不错，继续加油！', 'event_type' => 'neutral', 'exp_change' => 0, 'jjb_change' => 0],
+            ['text_body' => '📜 星海小博士：有人说"坚持就是胜利"，【{username}】觉得呢？', 'event_type' => 'neutral', 'exp_change' => 0, 'jjb_change' => 0],
+            ['text_body' => '🌈 星海小博士：【{username}】今天心情如何？记得多喝水哦！', 'event_type' => 'neutral', 'exp_change' => 0, 'jjb_change' => 0],
+            ['text_body' => '🎵 星海小博士：送给【{username}】一首歌，祝你天天开心！', 'event_type' => 'neutral', 'exp_change' => 0, 'jjb_change' => 0],
+        ];
+
+        $now = now();
+        foreach ($events as &$event) {
+            $event['enabled'] = true;
+            $event['created_at'] = $now;
+            $event['updated_at'] = $now;
+        }
+
+        DB::table('autoact')->insert($events);
+    }
+
+    /**
+     * 回滚：删除 autoact 表
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('autoact');
+    }
+};
diff --git a/database/migrations/2026_02_26_095610_add_announcement_to_rooms_table.php b/database/migrations/2026_02_26_095610_add_announcement_to_rooms_table.php
new file mode 100644
index 0000000..b2bcbc4
--- /dev/null
+++ b/database/migrations/2026_02_26_095610_add_announcement_to_rooms_table.php
@@ -0,0 +1,33 @@
+<?php
+
+/**
+ * 文件功能：为 rooms 表添加 announcement（公告/祝福语）字段
+ * 有权限的用户可以设置房间公告，显示在聊天室顶部滚动条
+ */
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * 添加 announcement 字段
+     */
+    public function up(): void
+    {
+        Schema::table('rooms', function (Blueprint $table) {
+            $table->string('announcement', 500)->nullable()->after('room_des')->comment('房间公告/祝福语（滚动显示）');
+        });
+    }
+
+    /**
+     * 回滚
+     */
+    public function down(): void
+    {
+        Schema::table('rooms', function (Blueprint $table) {
+            $table->dropColumn('announcement');
+        });
+    }
+};
diff --git a/database/migrations/2026_02_26_123935_change_s_color_to_string_in_users_table.php b/database/migrations/2026_02_26_123935_change_s_color_to_string_in_users_table.php
new file mode 100644
index 0000000..bba9a14
--- /dev/null
+++ b/database/migrations/2026_02_26_123935_change_s_color_to_string_in_users_table.php
@@ -0,0 +1,33 @@
+<?php
+
+/**
+ * 文件功能：将 users 表的 s_color 字段从 integer 改为 varchar
+ * 以便直接存储 hex 颜色字符串（如 #ff0000），与前端颜色选择器格式一致
+ */
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * 执行迁移：s_color 从 integer 改为 varchar(10)
+     */
+    public function up(): void
+    {
+        Schema::table('users', function (Blueprint $table) {
+            $table->string('s_color', 10)->nullable()->comment('发言颜色（hex，如 #ff0000）')->change();
+        });
+    }
+
+    /**
+     * 回滚：s_color 从 varchar 改回 integer
+     */
+    public function down(): void
+    {
+        Schema::table('users', function (Blueprint $table) {
+            $table->integer('s_color')->nullable()->comment('发言颜色')->change();
+        });
+    }
+};
diff --git a/database/migrations/2026_02_26_124547_add_missing_sysparam_records.php b/database/migrations/2026_02_26_124547_add_missing_sysparam_records.php
new file mode 100644
index 0000000..5e197dc
--- /dev/null
+++ b/database/migrations/2026_02_26_124547_add_missing_sysparam_records.php
@@ -0,0 +1,81 @@
+<?php
+
+/**
+ * 文件功能：补充缺失的 sysparam 系统参数记录
+ * 代码中引用了多个参数但原始迁移只种子了 4 条，
+ * 此迁移使用 insertOrIgnore 补充缺失的参数配置
+ */
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Support\Facades\DB;
+
+return new class extends Migration
+{
+    /**
+     * 补充缺失的系统参数记录（使用 insertOrIgnore 避免重复）
+     */
+    public function up(): void
+    {
+        $now = now();
+
+        DB::table('sysparam')->insertOrIgnore([
+            [
+                'alias' => 'level_kick',
+                'body' => '10',
+                'guidetxt' => '踢人所需等级（管理员可在聊天室踢出用户的最低等级）',
+                'created_at' => $now,
+                'updated_at' => $now,
+            ],
+            [
+                'alias' => 'level_mute',
+                'body' => '8',
+                'guidetxt' => '禁言所需等级（管理员可在聊天室禁言用户的最低等级）',
+                'created_at' => $now,
+                'updated_at' => $now,
+            ],
+            [
+                'alias' => 'level_ban',
+                'body' => '12',
+                'guidetxt' => '封号所需等级（管理员可封禁用户账号的最低等级）',
+                'created_at' => $now,
+                'updated_at' => $now,
+            ],
+            [
+                'alias' => 'level_banip',
+                'body' => '14',
+                'guidetxt' => '封IP所需等级（管理员可封禁用户IP地址的最低等级）',
+                'created_at' => $now,
+                'updated_at' => $now,
+            ],
+            [
+                'alias' => 'level_announcement',
+                'body' => '10',
+                'guidetxt' => '设置公告所需等级（可修改房间公告/祝福语的最低等级）',
+                'created_at' => $now,
+                'updated_at' => $now,
+            ],
+            [
+                'alias' => 'auto_event_chance',
+                'body' => '10',
+                'guidetxt' => '随机事件触发概率（百分比，1-100，每次心跳时按此概率触发随机事件）',
+                'created_at' => $now,
+                'updated_at' => $now,
+            ],
+        ]);
+    }
+
+    /**
+     * 回滚：删除补充的参数记录
+     */
+    public function down(): void
+    {
+        DB::table('sysparam')->whereIn('alias', [
+            'level_kick',
+            'level_mute',
+            'level_ban',
+            'level_banip',
+            'level_announcement',
+            'auto_event_chance',
+        ])->delete();
+    }
+};
diff --git a/database/migrations/2026_02_26_124729_update_level_system_to_99.php b/database/migrations/2026_02_26_124729_update_level_system_to_99.php
new file mode 100644
index 0000000..0ca3dde
--- /dev/null
+++ b/database/migrations/2026_02_26_124729_update_level_system_to_99.php
@@ -0,0 +1,95 @@
+<?php
+
+/**
+ * 文件功能：将等级系统从 15 级扩展到 99 级
+ * - maxlevel: 15 → 99（用户最高等级）
+ * - superlevel: 16 → 100（管理员等级）
+ * - levelexp: 重新生成 99 级的经验阶梯
+ * - 管理权限等级按比例调整到新体系
+ */
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Support\Facades\DB;
+
+return new class extends Migration
+{
+    /**
+     * 更新等级系统参数至 99 级体系
+     */
+    public function up(): void
+    {
+        // 生成 99 级经验阶梯（使用 level^2.5 的幂次曲线，确保平滑递增）
+        $thresholds = [];
+        for ($level = 1; $level <= 99; $level++) {
+            // 公式：10 * level^2.5，取整到十位数，保持数据整洁
+            $exp = (int) (ceil(10 * pow($level, 2.5) / 10) * 10);
+            $thresholds[] = $exp;
+        }
+        $levelExpStr = implode(',', $thresholds);
+
+        $now = now();
+
+        // 更新核心等级参数
+        DB::table('sysparam')->where('alias', 'maxlevel')
+            ->update(['body' => '99', 'guidetxt' => '用户最高可达等级', 'updated_at' => $now]);
+
+        DB::table('sysparam')->where('alias', 'superlevel')
+            ->update(['body' => '100', 'guidetxt' => '管理员级别（= 最高等级 + 1，拥有最高权限的等级阈值）', 'updated_at' => $now]);
+
+        DB::table('sysparam')->where('alias', 'levelexp')
+            ->update(['body' => $levelExpStr, 'updated_at' => $now]);
+
+        // 按比例调整管理权限等级（原体系 /15，新体系 /99）
+        // 禁言：8/15 ≈ 53% → 50级
+        DB::table('sysparam')->where('alias', 'level_mute')
+            ->update(['body' => '50', 'updated_at' => $now]);
+
+        // 踢人：10/15 ≈ 67% → 60级
+        DB::table('sysparam')->where('alias', 'level_kick')
+            ->update(['body' => '60', 'updated_at' => $now]);
+
+        // 设公告：10/15 ≈ 67% → 60级
+        DB::table('sysparam')->where('alias', 'level_announcement')
+            ->update(['body' => '60', 'updated_at' => $now]);
+
+        // 封号：12/15 = 80% → 80级
+        DB::table('sysparam')->where('alias', 'level_ban')
+            ->update(['body' => '80', 'updated_at' => $now]);
+
+        // 封IP：14/15 ≈ 93% → 90级
+        DB::table('sysparam')->where('alias', 'level_banip')
+            ->update(['body' => '90', 'updated_at' => $now]);
+    }
+
+    /**
+     * 回滚：恢复到原始 15 级体系
+     */
+    public function down(): void
+    {
+        $now = now();
+
+        DB::table('sysparam')->where('alias', 'maxlevel')
+            ->update(['body' => '15', 'updated_at' => $now]);
+
+        DB::table('sysparam')->where('alias', 'superlevel')
+            ->update(['body' => '16', 'updated_at' => $now]);
+
+        DB::table('sysparam')->where('alias', 'levelexp')
+            ->update(['body' => '10,50,150,400,800,1500,3000,5000,8000,12000,18000,25000,35000,50000,80000', 'updated_at' => $now]);
+
+        DB::table('sysparam')->where('alias', 'level_mute')
+            ->update(['body' => '8', 'updated_at' => $now]);
+
+        DB::table('sysparam')->where('alias', 'level_kick')
+            ->update(['body' => '10', 'updated_at' => $now]);
+
+        DB::table('sysparam')->where('alias', 'level_announcement')
+            ->update(['body' => '10', 'updated_at' => $now]);
+
+        DB::table('sysparam')->where('alias', 'level_ban')
+            ->update(['body' => '12', 'updated_at' => $now]);
+
+        DB::table('sysparam')->where('alias', 'level_banip')
+            ->update(['body' => '14', 'updated_at' => $now]);
+    }
+};
diff --git a/database/migrations/2026_02_26_125933_add_fishing_sysparam_records.php b/database/migrations/2026_02_26_125933_add_fishing_sysparam_records.php
new file mode 100644
index 0000000..2e594e0
--- /dev/null
+++ b/database/migrations/2026_02_26_125933_add_fishing_sysparam_records.php
@@ -0,0 +1,64 @@
+<?php
+
+/**
+ * 文件功能：添加钓鱼系统参数到 sysparam 表
+ * 配置钓鱼花费金币、冷却时间、等待上钩时间范围
+ */
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Support\Facades\DB;
+
+return new class extends Migration
+{
+    /**
+     * 插入钓鱼相关系统参数
+     */
+    public function up(): void
+    {
+        $now = now();
+
+        DB::table('sysparam')->insertOrIgnore([
+            [
+                'alias' => 'fishing_cost',
+                'body' => '5',
+                'guidetxt' => '每次钓鱼花费金币数量',
+                'created_at' => $now,
+                'updated_at' => $now,
+            ],
+            [
+                'alias' => 'fishing_cooldown',
+                'body' => '300',
+                'guidetxt' => '钓鱼冷却时间（秒，默认300秒=5分钟）',
+                'created_at' => $now,
+                'updated_at' => $now,
+            ],
+            [
+                'alias' => 'fishing_wait_min',
+                'body' => '8',
+                'guidetxt' => '钓鱼最短等待上钩时间（秒）',
+                'created_at' => $now,
+                'updated_at' => $now,
+            ],
+            [
+                'alias' => 'fishing_wait_max',
+                'body' => '15',
+                'guidetxt' => '钓鱼最长等待上钩时间（秒）',
+                'created_at' => $now,
+                'updated_at' => $now,
+            ],
+        ]);
+    }
+
+    /**
+     * 回滚：删除钓鱼参数
+     */
+    public function down(): void
+    {
+        DB::table('sysparam')->whereIn('alias', [
+            'fishing_cost',
+            'fishing_cooldown',
+            'fishing_wait_min',
+            'fishing_wait_max',
+        ])->delete();
+    }
+};
diff --git a/public/css/chat.css b/public/css/chat.css
new file mode 100644
index 0000000..03b8eef
--- /dev/null
+++ b/public/css/chat.css
@@ -0,0 +1,629 @@
+/**
+ * 文件功能：聊天室主界面样式表
+ * 复刻原版海军蓝聊天室色系 (CHAT.CSS)
+ * 包含布局、消息窗格、输入工具栏、用户列表、弹窗等所有聊天界面样式
+ *
+ * @author ChatRoom Laravel
+ * @version 1.0.0
+ */
+
+/* ═══════════════════════════════════════════════════
+   原版海军蓝聊天室色系 (CHAT.CSS 复刻)
+   ═══════════════════════════════════════════════════ */
+:root {
+    --bg-main: #EAF2FF;
+    --bg-bar: #b0d8ff;
+    --bg-header: #4488aa;
+    --bg-toolbar: #5599aa;
+    --text-link: #336699;
+    --text-navy: #112233;
+    --text-white: #ffffff;
+    --border-blue: #336699;
+    --scrollbar-base: #b0d8ff;
+    --scrollbar-arrow: #336699;
+    --scrollbar-track: #EAF2FF;
+}
+
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: "Microsoft YaHei", "SimSun", "宋体", sans-serif;
+    font-size: 10pt;
+    background: var(--bg-main);
+    color: var(--text-navy);
+    overflow: hidden;
+    height: 100vh;
+}
+
+/* 全局链接样式 */
+a {
+    color: var(--text-link);
+    text-decoration: none;
+}
+
+a:hover {
+    color: #009900;
+}
+
+/* 自定义滚动条 - 模拟原版 */
+::-webkit-scrollbar {
+    width: 10px;
+    height: 10px;
+}
+
+::-webkit-scrollbar-thumb {
+    background-color: var(--scrollbar-base);
+    border-radius: 2px;
+    border: 1px solid var(--scrollbar-arrow);
+}
+
+::-webkit-scrollbar-track {
+    background-color: var(--scrollbar-track);
+}
+
+::-webkit-scrollbar-corner {
+    background-color: var(--scrollbar-base);
+}
+
+/* ── 主布局 ─────────────────────────────────────── */
+.chat-layout {
+    display: flex;
+    height: 100vh;
+    width: 100vw;
+}
+
+/* 左侧主区域 */
+.chat-left {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+}
+
+/* 竖向工具条 */
+.chat-toolbar {
+    width: 28px;
+    background: var(--bg-toolbar);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: flex-start;
+    padding: 40px 0 2px 0;
+    border-left: 1px solid var(--border-blue);
+    border-right: 1px solid var(--border-blue);
+    overflow-y: auto;
+    flex-shrink: 0;
+}
+
+.chat-toolbar .tool-btn {
+    writing-mode: vertical-rl;
+    text-orientation: upright;
+    font-size: 11px;
+    color: #ddd;
+    cursor: pointer;
+    padding: 4px 0;
+    text-align: center;
+    transition: all 0.15s;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    user-select: none;
+    letter-spacing: 2px;
+}
+
+.chat-toolbar .tool-btn:hover {
+    color: #fff;
+    background: #5599cc;
+}
+
+/* 右侧用户列表面板 */
+.chat-right {
+    width: 150px;
+    display: flex;
+    flex-direction: column;
+    border-left: 1px solid var(--border-blue);
+    background: var(--bg-main);
+    flex-shrink: 0;
+    padding-top: 2px;
+}
+
+/* ── 标题栏 ─────────────────────────────────────── */
+.room-title-bar {
+    background: var(--bg-header);
+    color: var(--text-white);
+    text-align: center;
+    padding: 6px 10px;
+    font-size: 12px;
+    line-height: 1.6;
+    flex-shrink: 0;
+    border-bottom: 1px solid var(--border-blue);
+}
+
+.room-title-bar .room-name {
+    font-weight: bold;
+    font-size: 14px;
+}
+
+.room-title-bar .room-desc {
+    color: #cee8ff;
+    font-size: 11px;
+}
+
+/* 公告/祝福语滚动条（复刻原版 marquee） */
+.room-announcement-bar {
+    background: linear-gradient(to right, #a8d8a8, #c8f0c8, #a8d8a8);
+    padding: 2px 6px;
+    border-bottom: 1px solid var(--border-blue);
+    flex-shrink: 0;
+    height: 20px;
+    line-height: 20px;
+    overflow: hidden;
+}
+
+/* ── 消息窗格 ───────────────────────────────────── */
+.message-panes {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+}
+
+.message-pane {
+    flex: 1;
+    overflow-y: auto;
+    padding: 5px 8px;
+    background: var(--bg-main);
+    font-size: 10pt;
+    line-height: 170%;
+    min-height: 0;
+}
+
+.message-pane.say1 {
+    border-bottom: 2px solid var(--border-blue);
+}
+
+.message-pane.say2 {
+    display: block;
+    flex: 0.4;
+    border-top: 2px solid var(--border-blue);
+}
+
+.message-pane.say1 {
+    flex: 0.6;
+}
+
+/* 分屏模式下两个窗格各占一半 */
+.message-panes.split-h .message-pane.say1,
+.message-panes.split-h .message-pane.say2 {
+    flex: 1;
+}
+
+.message-panes.split-h .message-pane.say2 {
+    flex: 1;
+}
+
+.message-panes.split-h .message-pane.say1 {
+    flex: 1;
+    border-bottom: 2px solid var(--border-blue);
+}
+
+/* 消息行样式 */
+.msg-line {
+    margin: 2px 0;
+    word-wrap: break-word;
+    word-break: break-all;
+}
+
+.msg-line .msg-time {
+    font-size: 9px;
+    color: #999;
+}
+
+.msg-line .msg-user {
+    cursor: pointer;
+    font-weight: bold;
+}
+
+.msg-line .msg-user:hover {
+    text-decoration: underline;
+}
+
+.msg-line .msg-action {
+    color: #009900;
+}
+
+.msg-line .msg-secret {
+    color: #cc00cc;
+    font-style: italic;
+}
+
+.msg-line .msg-content {
+    margin-left: 4px;
+}
+
+.msg-line.sys-msg {
+    color: #cc0000;
+    text-align: center;
+    font-size: 9pt;
+}
+
+/* ── 底部输入工具栏 ─────────────────────────────── */
+.input-bar {
+    height: auto;
+    min-height: 75px;
+    background: var(--bg-bar);
+    border-top: 2px solid var(--border-blue);
+    padding: 3px 6px;
+    flex-shrink: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 3px;
+}
+
+.input-bar select,
+.input-bar input[type="text"],
+.input-bar input[type="checkbox"] {
+    font-size: 12px;
+    border: 1px solid navy;
+    color: #224466;
+    padding: 1px 2px;
+    background: #fff;
+}
+
+.input-bar select {
+    max-width: 100px;
+}
+
+.input-bar .input-row {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    flex-wrap: wrap;
+}
+
+.input-bar .say-input {
+    flex: 1;
+    min-width: 200px;
+    font-size: 12px;
+    border: 1px solid navy;
+    color: #224466;
+    padding: 3px 5px;
+    outline: none;
+}
+
+.input-bar .say-input:focus {
+    border-color: #0066cc;
+    box-shadow: 0 0 3px rgba(0, 102, 204, 0.3);
+}
+
+.input-bar .send-btn {
+    background: var(--bg-header);
+    color: white;
+    border: 1px solid var(--border-blue);
+    padding: 3px 12px;
+    font-size: 12px;
+    font-weight: bold;
+    cursor: pointer;
+    transition: background 0.15s;
+}
+
+.input-bar .send-btn:hover {
+    background: #336699;
+}
+
+.input-bar .send-btn:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+}
+
+.input-bar label {
+    font-size: 12px;
+    cursor: pointer;
+    white-space: nowrap;
+    display: flex;
+    align-items: center;
+    gap: 2px;
+}
+
+/* ── 右侧用户列表 Tab 栏 ──────────────────────── */
+.right-tabs {
+    display: flex;
+    background: var(--bg-bar);
+    border-bottom: 2px solid navy;
+    flex-shrink: 0;
+}
+
+.right-tabs .tab-btn {
+    flex: 1;
+    text-align: center;
+    font-size: 12px;
+    padding: 3px 0;
+    cursor: pointer;
+    color: navy;
+    background: var(--bg-bar);
+    border: none;
+    font-family: inherit;
+    transition: all 0.15s;
+    user-select: none;
+}
+
+.right-tabs .tab-btn.active {
+    background: navy;
+    color: white;
+}
+
+.right-tabs .tab-btn:hover:not(.active) {
+    background: #99c8ee;
+}
+
+/* 用户列表内容 */
+.user-list-content {
+    flex: 1;
+    overflow-y: auto;
+    padding: 4px;
+}
+
+.user-item {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    padding: 3px 4px;
+    cursor: pointer;
+    font-size: 12px;
+    border-bottom: 1px dotted #cde;
+    transition: background 0.15s;
+}
+
+.user-item:hover {
+    background: #d0e8ff;
+}
+
+.user-item .user-head {
+    width: 36px;
+    height: 36px;
+    border-radius: 2px;
+    object-fit: cover;
+    background: #ddd;
+    flex-shrink: 0;
+}
+
+.user-item .user-name {
+    flex: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    color: var(--text-link);
+    font-weight: bold;
+}
+
+.user-item .user-sex {
+    font-size: 10px;
+}
+
+.user-item .user-level {
+    font-size: 9px;
+    color: #999;
+}
+
+/* 在线人数统计 */
+.online-stats {
+    background: var(--bg-bar);
+    text-align: center;
+    font-size: 11px;
+    padding: 3px;
+    border-top: 1px solid var(--border-blue);
+    color: navy;
+    flex-shrink: 0;
+}
+
+/* ── 用户名片弹窗 ───────────────────────────────── */
+.modal-overlay {
+    position: fixed;
+    inset: 0;
+    background: rgba(0, 0, 0, 0.5);
+    z-index: 1000;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.modal-card {
+    background: white;
+    border: 2px solid var(--border-blue);
+    border-radius: 8px;
+    width: 340px;
+    max-width: 90vw;
+    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
+    overflow: hidden;
+}
+
+.modal-header {
+    background: linear-gradient(135deg, var(--bg-header), var(--border-blue));
+    color: white;
+    padding: 12px 16px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.modal-header h3 {
+    font-size: 16px;
+    font-weight: bold;
+}
+
+.modal-close {
+    background: none;
+    border: none;
+    color: white;
+    font-size: 20px;
+    cursor: pointer;
+    opacity: 0.8;
+}
+
+.modal-close:hover {
+    opacity: 1;
+}
+
+.modal-body {
+    padding: 16px;
+}
+
+.modal-body .profile-row {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    margin-bottom: 12px;
+}
+
+.modal-body .profile-avatar {
+    width: 56px;
+    height: 56px;
+    border-radius: 6px;
+    object-fit: cover;
+    border: 2px solid var(--bg-bar);
+    background: #eee;
+}
+
+.modal-body .profile-info h4 {
+    font-size: 16px;
+    font-weight: bold;
+    color: var(--text-navy);
+}
+
+.modal-body .profile-info .level-badge {
+    display: inline-block;
+    background: var(--bg-bar);
+    color: var(--border-blue);
+    font-size: 11px;
+    padding: 1px 6px;
+    border-radius: 10px;
+    font-weight: bold;
+    margin-left: 4px;
+}
+
+.modal-body .profile-info .sex-badge {
+    font-size: 11px;
+    margin-left: 2px;
+}
+
+.modal-body .profile-detail {
+    background: #f5f9ff;
+    border: 1px solid #e0ecff;
+    border-radius: 6px;
+    padding: 8px 12px;
+    font-size: 12px;
+    color: #666;
+    margin-bottom: 12px;
+}
+
+.modal-actions {
+    padding: 0 16px 16px;
+    display: flex;
+    gap: 8px;
+}
+
+.modal-actions button,
+.modal-actions a {
+    flex: 1;
+    text-align: center;
+    padding: 6px 0;
+    border-radius: 6px;
+    font-size: 12px;
+    font-weight: bold;
+    cursor: pointer;
+    border: 1px solid;
+    transition: all 0.15s;
+    text-decoration: none;
+    display: block;
+}
+
+.btn-kick {
+    background: #fee;
+    color: #c00;
+    border-color: #fcc;
+}
+
+.btn-kick:hover {
+    background: #fcc;
+}
+
+.btn-mute {
+    background: #fff8e6;
+    color: #b86e00;
+    border-color: #ffe0a0;
+}
+
+.btn-mute:hover {
+    background: #ffe0a0;
+}
+
+.btn-mail {
+    background: #f0e8ff;
+    color: #6633cc;
+    border-color: #d8c8ff;
+}
+
+.btn-mail:hover {
+    background: #d8c8ff;
+}
+
+.btn-whisper {
+    background: #e8f5ff;
+    color: var(--text-link);
+    border-color: var(--bg-bar);
+}
+
+.btn-whisper:hover {
+    background: var(--bg-bar);
+}
+
+/* 禁言输入行 */
+.mute-form {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    padding: 0 16px 12px;
+}
+
+.mute-form input {
+    width: 60px;
+    border: 1px solid #ffe0a0;
+    border-radius: 4px;
+    padding: 3px 6px;
+    font-size: 12px;
+}
+
+.mute-form button {
+    background: #b86e00;
+    color: white;
+    border: none;
+    border-radius: 4px;
+    padding: 4px 10px;
+    font-size: 12px;
+    cursor: pointer;
+}
+
+/* ── 头像选择器 ─────────────────────────────────── */
+.avatar-option {
+    width: 36px;
+    height: 36px;
+    cursor: pointer;
+    border: 2px solid transparent;
+    border-radius: 3px;
+    transition: border-color 0.15s, transform 0.15s;
+}
+
+.avatar-option:hover {
+    border-color: #88bbdd;
+    transform: scale(1.15);
+}
+
+.avatar-option.selected {
+    border-color: #336699;
+    box-shadow: 0 0 6px rgba(51, 102, 153, 0.5);
+}
diff --git a/public/images/headface/084.gif b/public/images/headface/084.gif
new file mode 100644
index 0000000..883fa14
Binary files /dev/null and b/public/images/headface/084.gif differ
diff --git a/public/images/headface/086.gif b/public/images/headface/086.gif
new file mode 100644
index 0000000..8559ab0
Binary files /dev/null and b/public/images/headface/086.gif differ
diff --git a/public/images/headface/1.GIF b/public/images/headface/1.GIF
new file mode 100644
index 0000000..67c50aa
Binary files /dev/null and b/public/images/headface/1.GIF differ
diff --git a/public/images/headface/10.GIF b/public/images/headface/10.GIF
new file mode 100644
index 0000000..395d3d7
Binary files /dev/null and b/public/images/headface/10.GIF differ
diff --git a/public/images/headface/100.GIF b/public/images/headface/100.GIF
new file mode 100644
index 0000000..d094dc4
Binary files /dev/null and b/public/images/headface/100.GIF differ
diff --git a/public/images/headface/10001.GIF b/public/images/headface/10001.GIF
new file mode 100644
index 0000000..e4b7fe1
Binary files /dev/null and b/public/images/headface/10001.GIF differ
diff --git a/public/images/headface/10002.GIF b/public/images/headface/10002.GIF
new file mode 100644
index 0000000..8587ccb
Binary files /dev/null and b/public/images/headface/10002.GIF differ
diff --git a/public/images/headface/10003.GIF b/public/images/headface/10003.GIF
new file mode 100644
index 0000000..5b4ba12
Binary files /dev/null and b/public/images/headface/10003.GIF differ
diff --git a/public/images/headface/10004.GIF b/public/images/headface/10004.GIF
new file mode 100644
index 0000000..24731c4
Binary files /dev/null and b/public/images/headface/10004.GIF differ
diff --git a/public/images/headface/10005.GIF b/public/images/headface/10005.GIF
new file mode 100644
index 0000000..a0e6385
Binary files /dev/null and b/public/images/headface/10005.GIF differ
diff --git a/public/images/headface/10006.GIF b/public/images/headface/10006.GIF
new file mode 100644
index 0000000..c3d72ce
Binary files /dev/null and b/public/images/headface/10006.GIF differ
diff --git a/public/images/headface/10008.GIF b/public/images/headface/10008.GIF
new file mode 100644
index 0000000..afb2899
Binary files /dev/null and b/public/images/headface/10008.GIF differ
diff --git a/public/images/headface/10009.GIF b/public/images/headface/10009.GIF
new file mode 100644
index 0000000..dc3f334
Binary files /dev/null and b/public/images/headface/10009.GIF differ
diff --git a/public/images/headface/1001.gif b/public/images/headface/1001.gif
new file mode 100644
index 0000000..e2f9bf8
Binary files /dev/null and b/public/images/headface/1001.gif differ
diff --git a/public/images/headface/10010.GIF b/public/images/headface/10010.GIF
new file mode 100644
index 0000000..87a7f44
Binary files /dev/null and b/public/images/headface/10010.GIF differ
diff --git a/public/images/headface/10011.GIF b/public/images/headface/10011.GIF
new file mode 100644
index 0000000..d094dc4
Binary files /dev/null and b/public/images/headface/10011.GIF differ
diff --git a/public/images/headface/10012.GIF b/public/images/headface/10012.GIF
new file mode 100644
index 0000000..8fa0fb7
Binary files /dev/null and b/public/images/headface/10012.GIF differ
diff --git a/public/images/headface/10013.GIF b/public/images/headface/10013.GIF
new file mode 100644
index 0000000..ffc5e5a
Binary files /dev/null and b/public/images/headface/10013.GIF differ
diff --git a/public/images/headface/10015.GIF b/public/images/headface/10015.GIF
new file mode 100644
index 0000000..81d3a13
Binary files /dev/null and b/public/images/headface/10015.GIF differ
diff --git a/public/images/headface/10016.GIF b/public/images/headface/10016.GIF
new file mode 100644
index 0000000..6e8f146
Binary files /dev/null and b/public/images/headface/10016.GIF differ
diff --git a/public/images/headface/10017.GIF b/public/images/headface/10017.GIF
new file mode 100644
index 0000000..0d8f256
Binary files /dev/null and b/public/images/headface/10017.GIF differ
diff --git a/public/images/headface/10019.GIF b/public/images/headface/10019.GIF
new file mode 100644
index 0000000..e59e429
Binary files /dev/null and b/public/images/headface/10019.GIF differ
diff --git a/public/images/headface/10020.GIF b/public/images/headface/10020.GIF
new file mode 100644
index 0000000..f8c2124
Binary files /dev/null and b/public/images/headface/10020.GIF differ
diff --git a/public/images/headface/10021.GIF b/public/images/headface/10021.GIF
new file mode 100644
index 0000000..a3c1bbd
Binary files /dev/null and b/public/images/headface/10021.GIF differ
diff --git a/public/images/headface/10022.GIF b/public/images/headface/10022.GIF
new file mode 100644
index 0000000..dc23175
Binary files /dev/null and b/public/images/headface/10022.GIF differ
diff --git a/public/images/headface/10024.GIF b/public/images/headface/10024.GIF
new file mode 100644
index 0000000..231067f
Binary files /dev/null and b/public/images/headface/10024.GIF differ
diff --git a/public/images/headface/10025.GIF b/public/images/headface/10025.GIF
new file mode 100644
index 0000000..e2f3fde
Binary files /dev/null and b/public/images/headface/10025.GIF differ
diff --git a/public/images/headface/10026.GIF b/public/images/headface/10026.GIF
new file mode 100644
index 0000000..7811d07
Binary files /dev/null and b/public/images/headface/10026.GIF differ
diff --git a/public/images/headface/10028.GIF b/public/images/headface/10028.GIF
new file mode 100644
index 0000000..1029aa6
Binary files /dev/null and b/public/images/headface/10028.GIF differ
diff --git a/public/images/headface/10029.GIF b/public/images/headface/10029.GIF
new file mode 100644
index 0000000..f6f4600
Binary files /dev/null and b/public/images/headface/10029.GIF differ
diff --git a/public/images/headface/10031.GIF b/public/images/headface/10031.GIF
new file mode 100644
index 0000000..f3d52cb
Binary files /dev/null and b/public/images/headface/10031.GIF differ
diff --git a/public/images/headface/10032.GIF b/public/images/headface/10032.GIF
new file mode 100644
index 0000000..b413dbb
Binary files /dev/null and b/public/images/headface/10032.GIF differ
diff --git a/public/images/headface/10033.GIF b/public/images/headface/10033.GIF
new file mode 100644
index 0000000..b41b77d
Binary files /dev/null and b/public/images/headface/10033.GIF differ
diff --git a/public/images/headface/10035.GIF b/public/images/headface/10035.GIF
new file mode 100644
index 0000000..c58dfce
Binary files /dev/null and b/public/images/headface/10035.GIF differ
diff --git a/public/images/headface/10036.GIF b/public/images/headface/10036.GIF
new file mode 100644
index 0000000..5d8b1dd
Binary files /dev/null and b/public/images/headface/10036.GIF differ
diff --git a/public/images/headface/10037.GIF b/public/images/headface/10037.GIF
new file mode 100644
index 0000000..334cecb
Binary files /dev/null and b/public/images/headface/10037.GIF differ
diff --git a/public/images/headface/10038.GIF b/public/images/headface/10038.GIF
new file mode 100644
index 0000000..72dfab2
Binary files /dev/null and b/public/images/headface/10038.GIF differ
diff --git a/public/images/headface/10039.GIF b/public/images/headface/10039.GIF
new file mode 100644
index 0000000..c85edd3
Binary files /dev/null and b/public/images/headface/10039.GIF differ
diff --git a/public/images/headface/10041.GIF b/public/images/headface/10041.GIF
new file mode 100644
index 0000000..79977dd
Binary files /dev/null and b/public/images/headface/10041.GIF differ
diff --git a/public/images/headface/10043.GIF b/public/images/headface/10043.GIF
new file mode 100644
index 0000000..a703d81
Binary files /dev/null and b/public/images/headface/10043.GIF differ
diff --git a/public/images/headface/10044.GIF b/public/images/headface/10044.GIF
new file mode 100644
index 0000000..a13215b
Binary files /dev/null and b/public/images/headface/10044.GIF differ
diff --git a/public/images/headface/10045.GIF b/public/images/headface/10045.GIF
new file mode 100644
index 0000000..7ee49d1
Binary files /dev/null and b/public/images/headface/10045.GIF differ
diff --git a/public/images/headface/10046.GIF b/public/images/headface/10046.GIF
new file mode 100644
index 0000000..eca2e7f
Binary files /dev/null and b/public/images/headface/10046.GIF differ
diff --git a/public/images/headface/10047.GIF b/public/images/headface/10047.GIF
new file mode 100644
index 0000000..e45041a
Binary files /dev/null and b/public/images/headface/10047.GIF differ
diff --git a/public/images/headface/10049.GIF b/public/images/headface/10049.GIF
new file mode 100644
index 0000000..8f2602c
Binary files /dev/null and b/public/images/headface/10049.GIF differ
diff --git a/public/images/headface/10050.GIF b/public/images/headface/10050.GIF
new file mode 100644
index 0000000..95f69f1
Binary files /dev/null and b/public/images/headface/10050.GIF differ
diff --git a/public/images/headface/10051.GIF b/public/images/headface/10051.GIF
new file mode 100644
index 0000000..1c7c873
Binary files /dev/null and b/public/images/headface/10051.GIF differ
diff --git a/public/images/headface/10052.GIF b/public/images/headface/10052.GIF
new file mode 100644
index 0000000..a22cc87
Binary files /dev/null and b/public/images/headface/10052.GIF differ
diff --git a/public/images/headface/10053.GIF b/public/images/headface/10053.GIF
new file mode 100644
index 0000000..3160e91
Binary files /dev/null and b/public/images/headface/10053.GIF differ
diff --git a/public/images/headface/10054.GIF b/public/images/headface/10054.GIF
new file mode 100644
index 0000000..1de7c8b
Binary files /dev/null and b/public/images/headface/10054.GIF differ
diff --git a/public/images/headface/10055.GIF b/public/images/headface/10055.GIF
new file mode 100644
index 0000000..2acfbdc
Binary files /dev/null and b/public/images/headface/10055.GIF differ
diff --git a/public/images/headface/10056.GIF b/public/images/headface/10056.GIF
new file mode 100644
index 0000000..9d00167
Binary files /dev/null and b/public/images/headface/10056.GIF differ
diff --git a/public/images/headface/10057.GIF b/public/images/headface/10057.GIF
new file mode 100644
index 0000000..8d8e4c7
Binary files /dev/null and b/public/images/headface/10057.GIF differ
diff --git a/public/images/headface/10058.GIF b/public/images/headface/10058.GIF
new file mode 100644
index 0000000..f1bf6fa
Binary files /dev/null and b/public/images/headface/10058.GIF differ
diff --git a/public/images/headface/10059.GIF b/public/images/headface/10059.GIF
new file mode 100644
index 0000000..a2fce53
Binary files /dev/null and b/public/images/headface/10059.GIF differ
diff --git a/public/images/headface/10061.GIF b/public/images/headface/10061.GIF
new file mode 100644
index 0000000..2842cf6
Binary files /dev/null and b/public/images/headface/10061.GIF differ
diff --git a/public/images/headface/10062.GIF b/public/images/headface/10062.GIF
new file mode 100644
index 0000000..ebe1102
Binary files /dev/null and b/public/images/headface/10062.GIF differ
diff --git a/public/images/headface/10064.GIF b/public/images/headface/10064.GIF
new file mode 100644
index 0000000..d22d1a5
Binary files /dev/null and b/public/images/headface/10064.GIF differ
diff --git a/public/images/headface/10065.GIF b/public/images/headface/10065.GIF
new file mode 100644
index 0000000..6a4f3fa
Binary files /dev/null and b/public/images/headface/10065.GIF differ
diff --git a/public/images/headface/10066.GIF b/public/images/headface/10066.GIF
new file mode 100644
index 0000000..9f2337c
Binary files /dev/null and b/public/images/headface/10066.GIF differ
diff --git a/public/images/headface/10067.GIF b/public/images/headface/10067.GIF
new file mode 100644
index 0000000..13b426d
Binary files /dev/null and b/public/images/headface/10067.GIF differ
diff --git a/public/images/headface/10068.GIF b/public/images/headface/10068.GIF
new file mode 100644
index 0000000..7471732
Binary files /dev/null and b/public/images/headface/10068.GIF differ
diff --git a/public/images/headface/10069.GIF b/public/images/headface/10069.GIF
new file mode 100644
index 0000000..8214084
Binary files /dev/null and b/public/images/headface/10069.GIF differ
diff --git a/public/images/headface/101.gif b/public/images/headface/101.gif
new file mode 100644
index 0000000..a8db463
Binary files /dev/null and b/public/images/headface/101.gif differ
diff --git a/public/images/headface/1010.GIF b/public/images/headface/1010.GIF
new file mode 100644
index 0000000..a2da8c0
Binary files /dev/null and b/public/images/headface/1010.GIF differ
diff --git a/public/images/headface/1012.gif b/public/images/headface/1012.gif
new file mode 100644
index 0000000..25d1b64
Binary files /dev/null and b/public/images/headface/1012.gif differ
diff --git a/public/images/headface/102.gif b/public/images/headface/102.gif
new file mode 100644
index 0000000..0f84e80
Binary files /dev/null and b/public/images/headface/102.gif differ
diff --git a/public/images/headface/1020.GIF b/public/images/headface/1020.GIF
new file mode 100644
index 0000000..b08dfe4
Binary files /dev/null and b/public/images/headface/1020.GIF differ
diff --git a/public/images/headface/103.gif b/public/images/headface/103.gif
new file mode 100644
index 0000000..553a6b8
Binary files /dev/null and b/public/images/headface/103.gif differ
diff --git a/public/images/headface/1030.GIF b/public/images/headface/1030.GIF
new file mode 100644
index 0000000..29df4d5
Binary files /dev/null and b/public/images/headface/1030.GIF differ
diff --git a/public/images/headface/1040.GIF b/public/images/headface/1040.GIF
new file mode 100644
index 0000000..731d464
Binary files /dev/null and b/public/images/headface/1040.GIF differ
diff --git a/public/images/headface/105.gif b/public/images/headface/105.gif
new file mode 100644
index 0000000..9bcbd54
Binary files /dev/null and b/public/images/headface/105.gif differ
diff --git a/public/images/headface/1050.GIF b/public/images/headface/1050.GIF
new file mode 100644
index 0000000..d094b94
Binary files /dev/null and b/public/images/headface/1050.GIF differ
diff --git a/public/images/headface/106.gif b/public/images/headface/106.gif
new file mode 100644
index 0000000..25d1b64
Binary files /dev/null and b/public/images/headface/106.gif differ
diff --git a/public/images/headface/1060.GIF b/public/images/headface/1060.GIF
new file mode 100644
index 0000000..adefc1f
Binary files /dev/null and b/public/images/headface/1060.GIF differ
diff --git a/public/images/headface/107.gif b/public/images/headface/107.gif
new file mode 100644
index 0000000..9e1049a
Binary files /dev/null and b/public/images/headface/107.gif differ
diff --git a/public/images/headface/1070.GIF b/public/images/headface/1070.GIF
new file mode 100644
index 0000000..da159a5
Binary files /dev/null and b/public/images/headface/1070.GIF differ
diff --git a/public/images/headface/108.gif b/public/images/headface/108.gif
new file mode 100644
index 0000000..cfed647
Binary files /dev/null and b/public/images/headface/108.gif differ
diff --git a/public/images/headface/1080.GIF b/public/images/headface/1080.GIF
new file mode 100644
index 0000000..bf11bb9
Binary files /dev/null and b/public/images/headface/1080.GIF differ
diff --git a/public/images/headface/109.gif b/public/images/headface/109.gif
new file mode 100644
index 0000000..55d2ecb
Binary files /dev/null and b/public/images/headface/109.gif differ
diff --git a/public/images/headface/1090.GIF b/public/images/headface/1090.GIF
new file mode 100644
index 0000000..2774677
Binary files /dev/null and b/public/images/headface/1090.GIF differ
diff --git a/public/images/headface/11.gif b/public/images/headface/11.gif
new file mode 100644
index 0000000..c16a333
Binary files /dev/null and b/public/images/headface/11.gif differ
diff --git a/public/images/headface/110.gif b/public/images/headface/110.gif
new file mode 100644
index 0000000..76fa879
Binary files /dev/null and b/public/images/headface/110.gif differ
diff --git a/public/images/headface/1100.GIF b/public/images/headface/1100.GIF
new file mode 100644
index 0000000..5d88099
Binary files /dev/null and b/public/images/headface/1100.GIF differ
diff --git a/public/images/headface/1101.gif b/public/images/headface/1101.gif
new file mode 100644
index 0000000..c7776d1
Binary files /dev/null and b/public/images/headface/1101.gif differ
diff --git a/public/images/headface/1104.gif b/public/images/headface/1104.gif
new file mode 100644
index 0000000..9b28d39
Binary files /dev/null and b/public/images/headface/1104.gif differ
diff --git a/public/images/headface/111.gif b/public/images/headface/111.gif
new file mode 100644
index 0000000..64f1e3f
Binary files /dev/null and b/public/images/headface/111.gif differ
diff --git a/public/images/headface/1110.GIF b/public/images/headface/1110.GIF
new file mode 100644
index 0000000..c2d7f8c
Binary files /dev/null and b/public/images/headface/1110.GIF differ
diff --git a/public/images/headface/112.gif b/public/images/headface/112.gif
new file mode 100644
index 0000000..3f22465
Binary files /dev/null and b/public/images/headface/112.gif differ
diff --git a/public/images/headface/1120.GIF b/public/images/headface/1120.GIF
new file mode 100644
index 0000000..7cb6c22
Binary files /dev/null and b/public/images/headface/1120.GIF differ
diff --git a/public/images/headface/113.gif b/public/images/headface/113.gif
new file mode 100644
index 0000000..291a9ef
Binary files /dev/null and b/public/images/headface/113.gif differ
diff --git a/public/images/headface/1130.GIF b/public/images/headface/1130.GIF
new file mode 100644
index 0000000..e7f3dea
Binary files /dev/null and b/public/images/headface/1130.GIF differ
diff --git a/public/images/headface/114.gif b/public/images/headface/114.gif
new file mode 100644
index 0000000..68f8dc1
Binary files /dev/null and b/public/images/headface/114.gif differ
diff --git a/public/images/headface/1140.GIF b/public/images/headface/1140.GIF
new file mode 100644
index 0000000..e8c267b
Binary files /dev/null and b/public/images/headface/1140.GIF differ
diff --git a/public/images/headface/115.gif b/public/images/headface/115.gif
new file mode 100644
index 0000000..8c863ad
Binary files /dev/null and b/public/images/headface/115.gif differ
diff --git a/public/images/headface/1150.GIF b/public/images/headface/1150.GIF
new file mode 100644
index 0000000..9b113fc
Binary files /dev/null and b/public/images/headface/1150.GIF differ
diff --git a/public/images/headface/116.gif b/public/images/headface/116.gif
new file mode 100644
index 0000000..98169ab
Binary files /dev/null and b/public/images/headface/116.gif differ
diff --git a/public/images/headface/1160.GIF b/public/images/headface/1160.GIF
new file mode 100644
index 0000000..6cd3fc3
Binary files /dev/null and b/public/images/headface/1160.GIF differ
diff --git a/public/images/headface/117.gif b/public/images/headface/117.gif
new file mode 100644
index 0000000..62e2271
Binary files /dev/null and b/public/images/headface/117.gif differ
diff --git a/public/images/headface/1170.GIF b/public/images/headface/1170.GIF
new file mode 100644
index 0000000..794a3d2
Binary files /dev/null and b/public/images/headface/1170.GIF differ
diff --git a/public/images/headface/118.gif b/public/images/headface/118.gif
new file mode 100644
index 0000000..a9686ca
Binary files /dev/null and b/public/images/headface/118.gif differ
diff --git a/public/images/headface/1180.GIF b/public/images/headface/1180.GIF
new file mode 100644
index 0000000..cd19760
Binary files /dev/null and b/public/images/headface/1180.GIF differ
diff --git a/public/images/headface/119.gif b/public/images/headface/119.gif
new file mode 100644
index 0000000..30f5188
Binary files /dev/null and b/public/images/headface/119.gif differ
diff --git a/public/images/headface/1190.GIF b/public/images/headface/1190.GIF
new file mode 100644
index 0000000..6db0ef2
Binary files /dev/null and b/public/images/headface/1190.GIF differ
diff --git a/public/images/headface/12.gif b/public/images/headface/12.gif
new file mode 100644
index 0000000..f36578d
Binary files /dev/null and b/public/images/headface/12.gif differ
diff --git a/public/images/headface/120.gif b/public/images/headface/120.gif
new file mode 100644
index 0000000..59f7b35
Binary files /dev/null and b/public/images/headface/120.gif differ
diff --git a/public/images/headface/1200.GIF b/public/images/headface/1200.GIF
new file mode 100644
index 0000000..dbbae68
Binary files /dev/null and b/public/images/headface/1200.GIF differ
diff --git a/public/images/headface/121.gif b/public/images/headface/121.gif
new file mode 100644
index 0000000..79d168a
Binary files /dev/null and b/public/images/headface/121.gif differ
diff --git a/public/images/headface/1210.GIF b/public/images/headface/1210.GIF
new file mode 100644
index 0000000..bcd32f2
Binary files /dev/null and b/public/images/headface/1210.GIF differ
diff --git a/public/images/headface/122.gif b/public/images/headface/122.gif
new file mode 100644
index 0000000..a6ea05f
Binary files /dev/null and b/public/images/headface/122.gif differ
diff --git a/public/images/headface/1220.GIF b/public/images/headface/1220.GIF
new file mode 100644
index 0000000..d55a241
Binary files /dev/null and b/public/images/headface/1220.GIF differ
diff --git a/public/images/headface/123.gif b/public/images/headface/123.gif
new file mode 100644
index 0000000..0b7095a
Binary files /dev/null and b/public/images/headface/123.gif differ
diff --git a/public/images/headface/1230.GIF b/public/images/headface/1230.GIF
new file mode 100644
index 0000000..e68036d
Binary files /dev/null and b/public/images/headface/1230.GIF differ
diff --git a/public/images/headface/124.gif b/public/images/headface/124.gif
new file mode 100644
index 0000000..4750e38
Binary files /dev/null and b/public/images/headface/124.gif differ
diff --git a/public/images/headface/1240.GIF b/public/images/headface/1240.GIF
new file mode 100644
index 0000000..d879625
Binary files /dev/null and b/public/images/headface/1240.GIF differ
diff --git a/public/images/headface/1241.gif b/public/images/headface/1241.gif
new file mode 100644
index 0000000..3ac5ae5
Binary files /dev/null and b/public/images/headface/1241.gif differ
diff --git a/public/images/headface/125.gif b/public/images/headface/125.gif
new file mode 100644
index 0000000..dd2b374
Binary files /dev/null and b/public/images/headface/125.gif differ
diff --git a/public/images/headface/1250.GIF b/public/images/headface/1250.GIF
new file mode 100644
index 0000000..fcdd856
Binary files /dev/null and b/public/images/headface/1250.GIF differ
diff --git a/public/images/headface/126.gif b/public/images/headface/126.gif
new file mode 100644
index 0000000..49efc83
Binary files /dev/null and b/public/images/headface/126.gif differ
diff --git a/public/images/headface/1260.GIF b/public/images/headface/1260.GIF
new file mode 100644
index 0000000..0260c4e
Binary files /dev/null and b/public/images/headface/1260.GIF differ
diff --git a/public/images/headface/127.gif b/public/images/headface/127.gif
new file mode 100644
index 0000000..ddffe2a
Binary files /dev/null and b/public/images/headface/127.gif differ
diff --git a/public/images/headface/1270.GIF b/public/images/headface/1270.GIF
new file mode 100644
index 0000000..24ddcd5
Binary files /dev/null and b/public/images/headface/1270.GIF differ
diff --git a/public/images/headface/128.gif b/public/images/headface/128.gif
new file mode 100644
index 0000000..d18931b
Binary files /dev/null and b/public/images/headface/128.gif differ
diff --git a/public/images/headface/1280.GIF b/public/images/headface/1280.GIF
new file mode 100644
index 0000000..f601117
Binary files /dev/null and b/public/images/headface/1280.GIF differ
diff --git a/public/images/headface/129.gif b/public/images/headface/129.gif
new file mode 100644
index 0000000..29abcc2
Binary files /dev/null and b/public/images/headface/129.gif differ
diff --git a/public/images/headface/1290.GIF b/public/images/headface/1290.GIF
new file mode 100644
index 0000000..0bfbd14
Binary files /dev/null and b/public/images/headface/1290.GIF differ
diff --git a/public/images/headface/13.GIF b/public/images/headface/13.GIF
new file mode 100644
index 0000000..d098031
Binary files /dev/null and b/public/images/headface/13.GIF differ
diff --git a/public/images/headface/130.gif b/public/images/headface/130.gif
new file mode 100644
index 0000000..a5d7f22
Binary files /dev/null and b/public/images/headface/130.gif differ
diff --git a/public/images/headface/1300.GIF b/public/images/headface/1300.GIF
new file mode 100644
index 0000000..09dd849
Binary files /dev/null and b/public/images/headface/1300.GIF differ
diff --git a/public/images/headface/131..gif b/public/images/headface/131..gif
new file mode 100644
index 0000000..fa42411
Binary files /dev/null and b/public/images/headface/131..gif differ
diff --git a/public/images/headface/1310.GIF b/public/images/headface/1310.GIF
new file mode 100644
index 0000000..ac45fcc
Binary files /dev/null and b/public/images/headface/1310.GIF differ
diff --git a/public/images/headface/132.gif b/public/images/headface/132.gif
new file mode 100644
index 0000000..7e76f83
Binary files /dev/null and b/public/images/headface/132.gif differ
diff --git a/public/images/headface/1320.GIF b/public/images/headface/1320.GIF
new file mode 100644
index 0000000..eaceba4
Binary files /dev/null and b/public/images/headface/1320.GIF differ
diff --git a/public/images/headface/1321.gif b/public/images/headface/1321.gif
new file mode 100644
index 0000000..84dc1d3
Binary files /dev/null and b/public/images/headface/1321.gif differ
diff --git a/public/images/headface/133.gif b/public/images/headface/133.gif
new file mode 100644
index 0000000..935f7e3
Binary files /dev/null and b/public/images/headface/133.gif differ
diff --git a/public/images/headface/1330.GIF b/public/images/headface/1330.GIF
new file mode 100644
index 0000000..d9bda6b
Binary files /dev/null and b/public/images/headface/1330.GIF differ
diff --git a/public/images/headface/134.gif b/public/images/headface/134.gif
new file mode 100644
index 0000000..0b1a74b
Binary files /dev/null and b/public/images/headface/134.gif differ
diff --git a/public/images/headface/1340.GIF b/public/images/headface/1340.GIF
new file mode 100644
index 0000000..0535793
Binary files /dev/null and b/public/images/headface/1340.GIF differ
diff --git a/public/images/headface/135.gif b/public/images/headface/135.gif
new file mode 100644
index 0000000..df71f56
Binary files /dev/null and b/public/images/headface/135.gif differ
diff --git a/public/images/headface/1350.GIF b/public/images/headface/1350.GIF
new file mode 100644
index 0000000..dba28c7
Binary files /dev/null and b/public/images/headface/1350.GIF differ
diff --git a/public/images/headface/136.gif b/public/images/headface/136.gif
new file mode 100644
index 0000000..115c7df
Binary files /dev/null and b/public/images/headface/136.gif differ
diff --git a/public/images/headface/1360.GIF b/public/images/headface/1360.GIF
new file mode 100644
index 0000000..43e7814
Binary files /dev/null and b/public/images/headface/1360.GIF differ
diff --git a/public/images/headface/137.gif b/public/images/headface/137.gif
new file mode 100644
index 0000000..20e6a37
Binary files /dev/null and b/public/images/headface/137.gif differ
diff --git a/public/images/headface/1370.GIF b/public/images/headface/1370.GIF
new file mode 100644
index 0000000..3d3154b
Binary files /dev/null and b/public/images/headface/1370.GIF differ
diff --git a/public/images/headface/138.gif b/public/images/headface/138.gif
new file mode 100644
index 0000000..067744b
Binary files /dev/null and b/public/images/headface/138.gif differ
diff --git a/public/images/headface/1380.GIF b/public/images/headface/1380.GIF
new file mode 100644
index 0000000..f151c36
Binary files /dev/null and b/public/images/headface/1380.GIF differ
diff --git a/public/images/headface/1390.GIF b/public/images/headface/1390.GIF
new file mode 100644
index 0000000..4a9cd96
Binary files /dev/null and b/public/images/headface/1390.GIF differ
diff --git a/public/images/headface/14.GIF b/public/images/headface/14.GIF
new file mode 100644
index 0000000..51f5dee
Binary files /dev/null and b/public/images/headface/14.GIF differ
diff --git a/public/images/headface/140.gif b/public/images/headface/140.gif
new file mode 100644
index 0000000..e033fe0
Binary files /dev/null and b/public/images/headface/140.gif differ
diff --git a/public/images/headface/1400.GIF b/public/images/headface/1400.GIF
new file mode 100644
index 0000000..9a8401f
Binary files /dev/null and b/public/images/headface/1400.GIF differ
diff --git a/public/images/headface/1410.GIF b/public/images/headface/1410.GIF
new file mode 100644
index 0000000..5b35977
Binary files /dev/null and b/public/images/headface/1410.GIF differ
diff --git a/public/images/headface/1420.GIF b/public/images/headface/1420.GIF
new file mode 100644
index 0000000..3eaba75
Binary files /dev/null and b/public/images/headface/1420.GIF differ
diff --git a/public/images/headface/143.gif b/public/images/headface/143.gif
new file mode 100644
index 0000000..ae40065
Binary files /dev/null and b/public/images/headface/143.gif differ
diff --git a/public/images/headface/1430.GIF b/public/images/headface/1430.GIF
new file mode 100644
index 0000000..3f6512f
Binary files /dev/null and b/public/images/headface/1430.GIF differ
diff --git a/public/images/headface/144.gif b/public/images/headface/144.gif
new file mode 100644
index 0000000..1bc83a6
Binary files /dev/null and b/public/images/headface/144.gif differ
diff --git a/public/images/headface/1440.GIF b/public/images/headface/1440.GIF
new file mode 100644
index 0000000..d803186
Binary files /dev/null and b/public/images/headface/1440.GIF differ
diff --git a/public/images/headface/1450.GIF b/public/images/headface/1450.GIF
new file mode 100644
index 0000000..41937e6
Binary files /dev/null and b/public/images/headface/1450.GIF differ
diff --git a/public/images/headface/1451.gif b/public/images/headface/1451.gif
new file mode 100644
index 0000000..c5a866c
Binary files /dev/null and b/public/images/headface/1451.gif differ
diff --git a/public/images/headface/1452.gif b/public/images/headface/1452.gif
new file mode 100644
index 0000000..3085c74
Binary files /dev/null and b/public/images/headface/1452.gif differ
diff --git a/public/images/headface/1460.GIF b/public/images/headface/1460.GIF
new file mode 100644
index 0000000..b2e9c21
Binary files /dev/null and b/public/images/headface/1460.GIF differ
diff --git a/public/images/headface/1470.GIF b/public/images/headface/1470.GIF
new file mode 100644
index 0000000..5c74250
Binary files /dev/null and b/public/images/headface/1470.GIF differ
diff --git a/public/images/headface/1471.gif b/public/images/headface/1471.gif
new file mode 100644
index 0000000..1b66394
Binary files /dev/null and b/public/images/headface/1471.gif differ
diff --git a/public/images/headface/1472.gif b/public/images/headface/1472.gif
new file mode 100644
index 0000000..5635651
Binary files /dev/null and b/public/images/headface/1472.gif differ
diff --git a/public/images/headface/1477.gif b/public/images/headface/1477.gif
new file mode 100644
index 0000000..6a14dc7
Binary files /dev/null and b/public/images/headface/1477.gif differ
diff --git a/public/images/headface/1480.GIF b/public/images/headface/1480.GIF
new file mode 100644
index 0000000..f246a95
Binary files /dev/null and b/public/images/headface/1480.GIF differ
diff --git a/public/images/headface/1490.GIF b/public/images/headface/1490.GIF
new file mode 100644
index 0000000..6e83fd0
Binary files /dev/null and b/public/images/headface/1490.GIF differ
diff --git a/public/images/headface/15.GIF b/public/images/headface/15.GIF
new file mode 100644
index 0000000..f1e2ea6
Binary files /dev/null and b/public/images/headface/15.GIF differ
diff --git a/public/images/headface/1500.GIF b/public/images/headface/1500.GIF
new file mode 100644
index 0000000..1111f19
Binary files /dev/null and b/public/images/headface/1500.GIF differ
diff --git a/public/images/headface/1510.GIF b/public/images/headface/1510.GIF
new file mode 100644
index 0000000..0562e71
Binary files /dev/null and b/public/images/headface/1510.GIF differ
diff --git a/public/images/headface/1520.GIF b/public/images/headface/1520.GIF
new file mode 100644
index 0000000..304b227
Binary files /dev/null and b/public/images/headface/1520.GIF differ
diff --git a/public/images/headface/1530.GIF b/public/images/headface/1530.GIF
new file mode 100644
index 0000000..16418dc
Binary files /dev/null and b/public/images/headface/1530.GIF differ
diff --git a/public/images/headface/1540.GIF b/public/images/headface/1540.GIF
new file mode 100644
index 0000000..5314f14
Binary files /dev/null and b/public/images/headface/1540.GIF differ
diff --git a/public/images/headface/1550.GIF b/public/images/headface/1550.GIF
new file mode 100644
index 0000000..84814e6
Binary files /dev/null and b/public/images/headface/1550.GIF differ
diff --git a/public/images/headface/1560.GIF b/public/images/headface/1560.GIF
new file mode 100644
index 0000000..c57412c
Binary files /dev/null and b/public/images/headface/1560.GIF differ
diff --git a/public/images/headface/1580.GIF b/public/images/headface/1580.GIF
new file mode 100644
index 0000000..e075879
Binary files /dev/null and b/public/images/headface/1580.GIF differ
diff --git a/public/images/headface/1590.GIF b/public/images/headface/1590.GIF
new file mode 100644
index 0000000..b0a332b
Binary files /dev/null and b/public/images/headface/1590.GIF differ
diff --git a/public/images/headface/16.gif b/public/images/headface/16.gif
new file mode 100644
index 0000000..7e97d62
Binary files /dev/null and b/public/images/headface/16.gif differ
diff --git a/public/images/headface/1600.GIF b/public/images/headface/1600.GIF
new file mode 100644
index 0000000..303455a
Binary files /dev/null and b/public/images/headface/1600.GIF differ
diff --git a/public/images/headface/1610.GIF b/public/images/headface/1610.GIF
new file mode 100644
index 0000000..0a736f5
Binary files /dev/null and b/public/images/headface/1610.GIF differ
diff --git a/public/images/headface/1620.GIF b/public/images/headface/1620.GIF
new file mode 100644
index 0000000..dda0a3b
Binary files /dev/null and b/public/images/headface/1620.GIF differ
diff --git a/public/images/headface/1630.GIF b/public/images/headface/1630.GIF
new file mode 100644
index 0000000..69f1ef7
Binary files /dev/null and b/public/images/headface/1630.GIF differ
diff --git a/public/images/headface/1640.GIF b/public/images/headface/1640.GIF
new file mode 100644
index 0000000..3f34987
Binary files /dev/null and b/public/images/headface/1640.GIF differ
diff --git a/public/images/headface/1650.GIF b/public/images/headface/1650.GIF
new file mode 100644
index 0000000..ec5ff7b
Binary files /dev/null and b/public/images/headface/1650.GIF differ
diff --git a/public/images/headface/1660.GIF b/public/images/headface/1660.GIF
new file mode 100644
index 0000000..098fd9c
Binary files /dev/null and b/public/images/headface/1660.GIF differ
diff --git a/public/images/headface/169.gif b/public/images/headface/169.gif
new file mode 100644
index 0000000..1f2f30b
Binary files /dev/null and b/public/images/headface/169.gif differ
diff --git a/public/images/headface/17.gif b/public/images/headface/17.gif
new file mode 100644
index 0000000..6f8846e
Binary files /dev/null and b/public/images/headface/17.gif differ
diff --git a/public/images/headface/178.gif b/public/images/headface/178.gif
new file mode 100644
index 0000000..0d870fb
Binary files /dev/null and b/public/images/headface/178.gif differ
diff --git a/public/images/headface/18.GIF b/public/images/headface/18.GIF
new file mode 100644
index 0000000..1ddc871
Binary files /dev/null and b/public/images/headface/18.GIF differ
diff --git a/public/images/headface/183.gif b/public/images/headface/183.gif
new file mode 100644
index 0000000..ab43bf8
Binary files /dev/null and b/public/images/headface/183.gif differ
diff --git a/public/images/headface/187.gif b/public/images/headface/187.gif
new file mode 100644
index 0000000..fb54e53
Binary files /dev/null and b/public/images/headface/187.gif differ
diff --git a/public/images/headface/188.gif b/public/images/headface/188.gif
new file mode 100644
index 0000000..77af134
Binary files /dev/null and b/public/images/headface/188.gif differ
diff --git a/public/images/headface/19.GIF b/public/images/headface/19.GIF
new file mode 100644
index 0000000..3dc0292
Binary files /dev/null and b/public/images/headface/19.GIF differ
diff --git a/public/images/headface/195.gif b/public/images/headface/195.gif
new file mode 100644
index 0000000..10d74ea
Binary files /dev/null and b/public/images/headface/195.gif differ
diff --git a/public/images/headface/2.GIF b/public/images/headface/2.GIF
new file mode 100644
index 0000000..32b7e19
Binary files /dev/null and b/public/images/headface/2.GIF differ
diff --git a/public/images/headface/20.GIF b/public/images/headface/20.GIF
new file mode 100644
index 0000000..e600f8c
Binary files /dev/null and b/public/images/headface/20.GIF differ
diff --git a/public/images/headface/200.gif b/public/images/headface/200.gif
new file mode 100644
index 0000000..6d406d3
Binary files /dev/null and b/public/images/headface/200.gif differ
diff --git a/public/images/headface/20001.GIF b/public/images/headface/20001.GIF
new file mode 100644
index 0000000..8105108
Binary files /dev/null and b/public/images/headface/20001.GIF differ
diff --git a/public/images/headface/20002.GIF b/public/images/headface/20002.GIF
new file mode 100644
index 0000000..393ca85
Binary files /dev/null and b/public/images/headface/20002.GIF differ
diff --git a/public/images/headface/20003.GIF b/public/images/headface/20003.GIF
new file mode 100644
index 0000000..ffc7397
Binary files /dev/null and b/public/images/headface/20003.GIF differ
diff --git a/public/images/headface/20004.GIF b/public/images/headface/20004.GIF
new file mode 100644
index 0000000..8fa8332
Binary files /dev/null and b/public/images/headface/20004.GIF differ
diff --git a/public/images/headface/20005.GIF b/public/images/headface/20005.GIF
new file mode 100644
index 0000000..c1a6e91
Binary files /dev/null and b/public/images/headface/20005.GIF differ
diff --git a/public/images/headface/20006.GIF b/public/images/headface/20006.GIF
new file mode 100644
index 0000000..4b950f8
Binary files /dev/null and b/public/images/headface/20006.GIF differ
diff --git a/public/images/headface/20007.GIF b/public/images/headface/20007.GIF
new file mode 100644
index 0000000..18b3cba
Binary files /dev/null and b/public/images/headface/20007.GIF differ
diff --git a/public/images/headface/20009.GIF b/public/images/headface/20009.GIF
new file mode 100644
index 0000000..bb81ccd
Binary files /dev/null and b/public/images/headface/20009.GIF differ
diff --git a/public/images/headface/20012.GIF b/public/images/headface/20012.GIF
new file mode 100644
index 0000000..0c3763f
Binary files /dev/null and b/public/images/headface/20012.GIF differ
diff --git a/public/images/headface/20013.GIF b/public/images/headface/20013.GIF
new file mode 100644
index 0000000..ea7d106
Binary files /dev/null and b/public/images/headface/20013.GIF differ
diff --git a/public/images/headface/20014.GIF b/public/images/headface/20014.GIF
new file mode 100644
index 0000000..e421a8f
Binary files /dev/null and b/public/images/headface/20014.GIF differ
diff --git a/public/images/headface/20015.GIF b/public/images/headface/20015.GIF
new file mode 100644
index 0000000..eb56b35
Binary files /dev/null and b/public/images/headface/20015.GIF differ
diff --git a/public/images/headface/20016.GIF b/public/images/headface/20016.GIF
new file mode 100644
index 0000000..5e12550
Binary files /dev/null and b/public/images/headface/20016.GIF differ
diff --git a/public/images/headface/20017.GIF b/public/images/headface/20017.GIF
new file mode 100644
index 0000000..a1cd19c
Binary files /dev/null and b/public/images/headface/20017.GIF differ
diff --git a/public/images/headface/20018.GIF b/public/images/headface/20018.GIF
new file mode 100644
index 0000000..5c2b7e9
Binary files /dev/null and b/public/images/headface/20018.GIF differ
diff --git a/public/images/headface/20019.GIF b/public/images/headface/20019.GIF
new file mode 100644
index 0000000..75ef420
Binary files /dev/null and b/public/images/headface/20019.GIF differ
diff --git a/public/images/headface/20020.GIF b/public/images/headface/20020.GIF
new file mode 100644
index 0000000..1abf18e
Binary files /dev/null and b/public/images/headface/20020.GIF differ
diff --git a/public/images/headface/20021.GIF b/public/images/headface/20021.GIF
new file mode 100644
index 0000000..7eaeaf6
Binary files /dev/null and b/public/images/headface/20021.GIF differ
diff --git a/public/images/headface/20022.GIF b/public/images/headface/20022.GIF
new file mode 100644
index 0000000..2a97e79
Binary files /dev/null and b/public/images/headface/20022.GIF differ
diff --git a/public/images/headface/20023.GIF b/public/images/headface/20023.GIF
new file mode 100644
index 0000000..e6757da
Binary files /dev/null and b/public/images/headface/20023.GIF differ
diff --git a/public/images/headface/20025.GIF b/public/images/headface/20025.GIF
new file mode 100644
index 0000000..d4f358f
Binary files /dev/null and b/public/images/headface/20025.GIF differ
diff --git a/public/images/headface/20027.GIF b/public/images/headface/20027.GIF
new file mode 100644
index 0000000..30f91b5
Binary files /dev/null and b/public/images/headface/20027.GIF differ
diff --git a/public/images/headface/20028.GIF b/public/images/headface/20028.GIF
new file mode 100644
index 0000000..0a82028
Binary files /dev/null and b/public/images/headface/20028.GIF differ
diff --git a/public/images/headface/20029.GIF b/public/images/headface/20029.GIF
new file mode 100644
index 0000000..8839f72
Binary files /dev/null and b/public/images/headface/20029.GIF differ
diff --git a/public/images/headface/20030.GIF b/public/images/headface/20030.GIF
new file mode 100644
index 0000000..baa4a5b
Binary files /dev/null and b/public/images/headface/20030.GIF differ
diff --git a/public/images/headface/20034.GIF b/public/images/headface/20034.GIF
new file mode 100644
index 0000000..4046155
Binary files /dev/null and b/public/images/headface/20034.GIF differ
diff --git a/public/images/headface/20035.GIF b/public/images/headface/20035.GIF
new file mode 100644
index 0000000..47212dd
Binary files /dev/null and b/public/images/headface/20035.GIF differ
diff --git a/public/images/headface/20036.GIF b/public/images/headface/20036.GIF
new file mode 100644
index 0000000..f8ad1cb
Binary files /dev/null and b/public/images/headface/20036.GIF differ
diff --git a/public/images/headface/20037.GIF b/public/images/headface/20037.GIF
new file mode 100644
index 0000000..589d3af
Binary files /dev/null and b/public/images/headface/20037.GIF differ
diff --git a/public/images/headface/20038.GIF b/public/images/headface/20038.GIF
new file mode 100644
index 0000000..db06ee1
Binary files /dev/null and b/public/images/headface/20038.GIF differ
diff --git a/public/images/headface/20039.GIF b/public/images/headface/20039.GIF
new file mode 100644
index 0000000..b913948
Binary files /dev/null and b/public/images/headface/20039.GIF differ
diff --git a/public/images/headface/20040.GIF b/public/images/headface/20040.GIF
new file mode 100644
index 0000000..a806917
Binary files /dev/null and b/public/images/headface/20040.GIF differ
diff --git a/public/images/headface/20041.GIF b/public/images/headface/20041.GIF
new file mode 100644
index 0000000..d0fe849
Binary files /dev/null and b/public/images/headface/20041.GIF differ
diff --git a/public/images/headface/20042.GIF b/public/images/headface/20042.GIF
new file mode 100644
index 0000000..c5ed4ab
Binary files /dev/null and b/public/images/headface/20042.GIF differ
diff --git a/public/images/headface/20043.GIF b/public/images/headface/20043.GIF
new file mode 100644
index 0000000..2bfa221
Binary files /dev/null and b/public/images/headface/20043.GIF differ
diff --git a/public/images/headface/20044.GIF b/public/images/headface/20044.GIF
new file mode 100644
index 0000000..38047eb
Binary files /dev/null and b/public/images/headface/20044.GIF differ
diff --git a/public/images/headface/20045.GIF b/public/images/headface/20045.GIF
new file mode 100644
index 0000000..e899352
Binary files /dev/null and b/public/images/headface/20045.GIF differ
diff --git a/public/images/headface/20046.GIF b/public/images/headface/20046.GIF
new file mode 100644
index 0000000..c9335ae
Binary files /dev/null and b/public/images/headface/20046.GIF differ
diff --git a/public/images/headface/20047.GIF b/public/images/headface/20047.GIF
new file mode 100644
index 0000000..73290ec
Binary files /dev/null and b/public/images/headface/20047.GIF differ
diff --git a/public/images/headface/20048.GIF b/public/images/headface/20048.GIF
new file mode 100644
index 0000000..44df8bd
Binary files /dev/null and b/public/images/headface/20048.GIF differ
diff --git a/public/images/headface/20049.GIF b/public/images/headface/20049.GIF
new file mode 100644
index 0000000..8a7daa3
Binary files /dev/null and b/public/images/headface/20049.GIF differ
diff --git a/public/images/headface/20050.GIF b/public/images/headface/20050.GIF
new file mode 100644
index 0000000..05c7a84
Binary files /dev/null and b/public/images/headface/20050.GIF differ
diff --git a/public/images/headface/20051.GIF b/public/images/headface/20051.GIF
new file mode 100644
index 0000000..eb31012
Binary files /dev/null and b/public/images/headface/20051.GIF differ
diff --git a/public/images/headface/20053.GIF b/public/images/headface/20053.GIF
new file mode 100644
index 0000000..eb32ba4
Binary files /dev/null and b/public/images/headface/20053.GIF differ
diff --git a/public/images/headface/20054.GIF b/public/images/headface/20054.GIF
new file mode 100644
index 0000000..c4e8dd0
Binary files /dev/null and b/public/images/headface/20054.GIF differ
diff --git a/public/images/headface/20055.GIF b/public/images/headface/20055.GIF
new file mode 100644
index 0000000..be07426
Binary files /dev/null and b/public/images/headface/20055.GIF differ
diff --git a/public/images/headface/205.gif b/public/images/headface/205.gif
new file mode 100644
index 0000000..3fc4bfc
Binary files /dev/null and b/public/images/headface/205.gif differ
diff --git a/public/images/headface/207.gif b/public/images/headface/207.gif
new file mode 100644
index 0000000..97b951f
Binary files /dev/null and b/public/images/headface/207.gif differ
diff --git a/public/images/headface/21.GIF b/public/images/headface/21.GIF
new file mode 100644
index 0000000..b15b3fc
Binary files /dev/null and b/public/images/headface/21.GIF differ
diff --git a/public/images/headface/212.gif b/public/images/headface/212.gif
new file mode 100644
index 0000000..6f07ef1
Binary files /dev/null and b/public/images/headface/212.gif differ
diff --git a/public/images/headface/213.gif b/public/images/headface/213.gif
new file mode 100644
index 0000000..8a20d9f
Binary files /dev/null and b/public/images/headface/213.gif differ
diff --git a/public/images/headface/22.gif b/public/images/headface/22.gif
new file mode 100644
index 0000000..9ddfa4b
Binary files /dev/null and b/public/images/headface/22.gif differ
diff --git a/public/images/headface/222.gif b/public/images/headface/222.gif
new file mode 100644
index 0000000..ea02479
Binary files /dev/null and b/public/images/headface/222.gif differ
diff --git a/public/images/headface/224.gif b/public/images/headface/224.gif
new file mode 100644
index 0000000..db12536
Binary files /dev/null and b/public/images/headface/224.gif differ
diff --git a/public/images/headface/225.gif b/public/images/headface/225.gif
new file mode 100644
index 0000000..eda9805
Binary files /dev/null and b/public/images/headface/225.gif differ
diff --git a/public/images/headface/227.gif b/public/images/headface/227.gif
new file mode 100644
index 0000000..b33ef66
Binary files /dev/null and b/public/images/headface/227.gif differ
diff --git a/public/images/headface/23.gif b/public/images/headface/23.gif
new file mode 100644
index 0000000..5da8100
Binary files /dev/null and b/public/images/headface/23.gif differ
diff --git a/public/images/headface/24.gif b/public/images/headface/24.gif
new file mode 100644
index 0000000..902e5d3
Binary files /dev/null and b/public/images/headface/24.gif differ
diff --git a/public/images/headface/2414.gif b/public/images/headface/2414.gif
new file mode 100644
index 0000000..12f5a50
Binary files /dev/null and b/public/images/headface/2414.gif differ
diff --git a/public/images/headface/25.gif b/public/images/headface/25.gif
new file mode 100644
index 0000000..2c4a34b
Binary files /dev/null and b/public/images/headface/25.gif differ
diff --git a/public/images/headface/26.gif b/public/images/headface/26.gif
new file mode 100644
index 0000000..6830914
Binary files /dev/null and b/public/images/headface/26.gif differ
diff --git a/public/images/headface/27.gif b/public/images/headface/27.gif
new file mode 100644
index 0000000..0cf59db
Binary files /dev/null and b/public/images/headface/27.gif differ
diff --git a/public/images/headface/28.gif b/public/images/headface/28.gif
new file mode 100644
index 0000000..156abc8
Binary files /dev/null and b/public/images/headface/28.gif differ
diff --git a/public/images/headface/29.gif b/public/images/headface/29.gif
new file mode 100644
index 0000000..dd474d6
Binary files /dev/null and b/public/images/headface/29.gif differ
diff --git a/public/images/headface/3.GIF b/public/images/headface/3.GIF
new file mode 100644
index 0000000..b39e618
Binary files /dev/null and b/public/images/headface/3.GIF differ
diff --git a/public/images/headface/30.gif b/public/images/headface/30.gif
new file mode 100644
index 0000000..82ed44e
Binary files /dev/null and b/public/images/headface/30.gif differ
diff --git a/public/images/headface/30001.GIF b/public/images/headface/30001.GIF
new file mode 100644
index 0000000..adabf03
Binary files /dev/null and b/public/images/headface/30001.GIF differ
diff --git a/public/images/headface/30002.GIF b/public/images/headface/30002.GIF
new file mode 100644
index 0000000..716d92a
Binary files /dev/null and b/public/images/headface/30002.GIF differ
diff --git a/public/images/headface/30003.GIF b/public/images/headface/30003.GIF
new file mode 100644
index 0000000..f356494
Binary files /dev/null and b/public/images/headface/30003.GIF differ
diff --git a/public/images/headface/30004.GIF b/public/images/headface/30004.GIF
new file mode 100644
index 0000000..509be00
Binary files /dev/null and b/public/images/headface/30004.GIF differ
diff --git a/public/images/headface/30005.GIF b/public/images/headface/30005.GIF
new file mode 100644
index 0000000..d0c4432
Binary files /dev/null and b/public/images/headface/30005.GIF differ
diff --git a/public/images/headface/30006.GIF b/public/images/headface/30006.GIF
new file mode 100644
index 0000000..e56b608
Binary files /dev/null and b/public/images/headface/30006.GIF differ
diff --git a/public/images/headface/30007.GIF b/public/images/headface/30007.GIF
new file mode 100644
index 0000000..272d0e2
Binary files /dev/null and b/public/images/headface/30007.GIF differ
diff --git a/public/images/headface/30008.GIF b/public/images/headface/30008.GIF
new file mode 100644
index 0000000..e463372
Binary files /dev/null and b/public/images/headface/30008.GIF differ
diff --git a/public/images/headface/30009.GIF b/public/images/headface/30009.GIF
new file mode 100644
index 0000000..5398687
Binary files /dev/null and b/public/images/headface/30009.GIF differ
diff --git a/public/images/headface/30010.GIF b/public/images/headface/30010.GIF
new file mode 100644
index 0000000..8c3dadf
Binary files /dev/null and b/public/images/headface/30010.GIF differ
diff --git a/public/images/headface/30012.GIF b/public/images/headface/30012.GIF
new file mode 100644
index 0000000..d3c9937
Binary files /dev/null and b/public/images/headface/30012.GIF differ
diff --git a/public/images/headface/30013.GIF b/public/images/headface/30013.GIF
new file mode 100644
index 0000000..627a4f6
Binary files /dev/null and b/public/images/headface/30013.GIF differ
diff --git a/public/images/headface/30014.GIF b/public/images/headface/30014.GIF
new file mode 100644
index 0000000..8fa9380
Binary files /dev/null and b/public/images/headface/30014.GIF differ
diff --git a/public/images/headface/30015.GIF b/public/images/headface/30015.GIF
new file mode 100644
index 0000000..471ad19
Binary files /dev/null and b/public/images/headface/30015.GIF differ
diff --git a/public/images/headface/30016.GIF b/public/images/headface/30016.GIF
new file mode 100644
index 0000000..d403b27
Binary files /dev/null and b/public/images/headface/30016.GIF differ
diff --git a/public/images/headface/30019.GIF b/public/images/headface/30019.GIF
new file mode 100644
index 0000000..d11d9c8
Binary files /dev/null and b/public/images/headface/30019.GIF differ
diff --git a/public/images/headface/30020.GIF b/public/images/headface/30020.GIF
new file mode 100644
index 0000000..9365fc3
Binary files /dev/null and b/public/images/headface/30020.GIF differ
diff --git a/public/images/headface/30021.GIF b/public/images/headface/30021.GIF
new file mode 100644
index 0000000..00fe6ad
Binary files /dev/null and b/public/images/headface/30021.GIF differ
diff --git a/public/images/headface/30022.GIF b/public/images/headface/30022.GIF
new file mode 100644
index 0000000..323de56
Binary files /dev/null and b/public/images/headface/30022.GIF differ
diff --git a/public/images/headface/30023.GIF b/public/images/headface/30023.GIF
new file mode 100644
index 0000000..fe2694b
Binary files /dev/null and b/public/images/headface/30023.GIF differ
diff --git a/public/images/headface/30024.GIF b/public/images/headface/30024.GIF
new file mode 100644
index 0000000..4e74376
Binary files /dev/null and b/public/images/headface/30024.GIF differ
diff --git a/public/images/headface/30025.GIF b/public/images/headface/30025.GIF
new file mode 100644
index 0000000..ae78e4f
Binary files /dev/null and b/public/images/headface/30025.GIF differ
diff --git a/public/images/headface/30026.GIF b/public/images/headface/30026.GIF
new file mode 100644
index 0000000..a37e876
Binary files /dev/null and b/public/images/headface/30026.GIF differ
diff --git a/public/images/headface/30028.GIF b/public/images/headface/30028.GIF
new file mode 100644
index 0000000..c351034
Binary files /dev/null and b/public/images/headface/30028.GIF differ
diff --git a/public/images/headface/30029.GIF b/public/images/headface/30029.GIF
new file mode 100644
index 0000000..cb4e5ff
Binary files /dev/null and b/public/images/headface/30029.GIF differ
diff --git a/public/images/headface/30030.GIF b/public/images/headface/30030.GIF
new file mode 100644
index 0000000..a9f622f
Binary files /dev/null and b/public/images/headface/30030.GIF differ
diff --git a/public/images/headface/30031.GIF b/public/images/headface/30031.GIF
new file mode 100644
index 0000000..efd974a
Binary files /dev/null and b/public/images/headface/30031.GIF differ
diff --git a/public/images/headface/30032.GIF b/public/images/headface/30032.GIF
new file mode 100644
index 0000000..c3ead14
Binary files /dev/null and b/public/images/headface/30032.GIF differ
diff --git a/public/images/headface/30033.GIF b/public/images/headface/30033.GIF
new file mode 100644
index 0000000..f2f7463
Binary files /dev/null and b/public/images/headface/30033.GIF differ
diff --git a/public/images/headface/30034.GIF b/public/images/headface/30034.GIF
new file mode 100644
index 0000000..bd5e508
Binary files /dev/null and b/public/images/headface/30034.GIF differ
diff --git a/public/images/headface/30035.GIF b/public/images/headface/30035.GIF
new file mode 100644
index 0000000..e61c159
Binary files /dev/null and b/public/images/headface/30035.GIF differ
diff --git a/public/images/headface/30036.GIF b/public/images/headface/30036.GIF
new file mode 100644
index 0000000..b795377
Binary files /dev/null and b/public/images/headface/30036.GIF differ
diff --git a/public/images/headface/30037.GIF b/public/images/headface/30037.GIF
new file mode 100644
index 0000000..7dae717
Binary files /dev/null and b/public/images/headface/30037.GIF differ
diff --git a/public/images/headface/30038.GIF b/public/images/headface/30038.GIF
new file mode 100644
index 0000000..db15381
Binary files /dev/null and b/public/images/headface/30038.GIF differ
diff --git a/public/images/headface/30040.GIF b/public/images/headface/30040.GIF
new file mode 100644
index 0000000..c1c9332
Binary files /dev/null and b/public/images/headface/30040.GIF differ
diff --git a/public/images/headface/30041.GIF b/public/images/headface/30041.GIF
new file mode 100644
index 0000000..16c251b
Binary files /dev/null and b/public/images/headface/30041.GIF differ
diff --git a/public/images/headface/30042.GIF b/public/images/headface/30042.GIF
new file mode 100644
index 0000000..e69e09e
Binary files /dev/null and b/public/images/headface/30042.GIF differ
diff --git a/public/images/headface/30044.GIF b/public/images/headface/30044.GIF
new file mode 100644
index 0000000..0c5cbd5
Binary files /dev/null and b/public/images/headface/30044.GIF differ
diff --git a/public/images/headface/30045.GIF b/public/images/headface/30045.GIF
new file mode 100644
index 0000000..238e8e8
Binary files /dev/null and b/public/images/headface/30045.GIF differ
diff --git a/public/images/headface/30046.GIF b/public/images/headface/30046.GIF
new file mode 100644
index 0000000..d0c4947
Binary files /dev/null and b/public/images/headface/30046.GIF differ
diff --git a/public/images/headface/30047.GIF b/public/images/headface/30047.GIF
new file mode 100644
index 0000000..2363fc5
Binary files /dev/null and b/public/images/headface/30047.GIF differ
diff --git a/public/images/headface/30048.GIF b/public/images/headface/30048.GIF
new file mode 100644
index 0000000..609f28b
Binary files /dev/null and b/public/images/headface/30048.GIF differ
diff --git a/public/images/headface/30049.GIF b/public/images/headface/30049.GIF
new file mode 100644
index 0000000..a1aa99d
Binary files /dev/null and b/public/images/headface/30049.GIF differ
diff --git a/public/images/headface/30050.GIF b/public/images/headface/30050.GIF
new file mode 100644
index 0000000..b0bcf5b
Binary files /dev/null and b/public/images/headface/30050.GIF differ
diff --git a/public/images/headface/30051.GIF b/public/images/headface/30051.GIF
new file mode 100644
index 0000000..a8dbdc4
Binary files /dev/null and b/public/images/headface/30051.GIF differ
diff --git a/public/images/headface/30053.GIF b/public/images/headface/30053.GIF
new file mode 100644
index 0000000..eb70f2e
Binary files /dev/null and b/public/images/headface/30053.GIF differ
diff --git a/public/images/headface/30054.GIF b/public/images/headface/30054.GIF
new file mode 100644
index 0000000..5613184
Binary files /dev/null and b/public/images/headface/30054.GIF differ
diff --git a/public/images/headface/30055.GIF b/public/images/headface/30055.GIF
new file mode 100644
index 0000000..3f61406
Binary files /dev/null and b/public/images/headface/30055.GIF differ
diff --git a/public/images/headface/30057.GIF b/public/images/headface/30057.GIF
new file mode 100644
index 0000000..5323ded
Binary files /dev/null and b/public/images/headface/30057.GIF differ
diff --git a/public/images/headface/30058.GIF b/public/images/headface/30058.GIF
new file mode 100644
index 0000000..6f36a32
Binary files /dev/null and b/public/images/headface/30058.GIF differ
diff --git a/public/images/headface/30060.GIF b/public/images/headface/30060.GIF
new file mode 100644
index 0000000..ebdd4c7
Binary files /dev/null and b/public/images/headface/30060.GIF differ
diff --git a/public/images/headface/30062.GIF b/public/images/headface/30062.GIF
new file mode 100644
index 0000000..cb956cb
Binary files /dev/null and b/public/images/headface/30062.GIF differ
diff --git a/public/images/headface/30063.GIF b/public/images/headface/30063.GIF
new file mode 100644
index 0000000..80a4163
Binary files /dev/null and b/public/images/headface/30063.GIF differ
diff --git a/public/images/headface/30064.GIF b/public/images/headface/30064.GIF
new file mode 100644
index 0000000..cf5b0c3
Binary files /dev/null and b/public/images/headface/30064.GIF differ
diff --git a/public/images/headface/31.GIF b/public/images/headface/31.GIF
new file mode 100644
index 0000000..ae4a1b6
Binary files /dev/null and b/public/images/headface/31.GIF differ
diff --git a/public/images/headface/32.gif b/public/images/headface/32.gif
new file mode 100644
index 0000000..611dfb9
Binary files /dev/null and b/public/images/headface/32.gif differ
diff --git a/public/images/headface/33.gif b/public/images/headface/33.gif
new file mode 100644
index 0000000..18615cd
Binary files /dev/null and b/public/images/headface/33.gif differ
diff --git a/public/images/headface/34.gif b/public/images/headface/34.gif
new file mode 100644
index 0000000..712c11a
Binary files /dev/null and b/public/images/headface/34.gif differ
diff --git a/public/images/headface/35.gif b/public/images/headface/35.gif
new file mode 100644
index 0000000..695e767
Binary files /dev/null and b/public/images/headface/35.gif differ
diff --git a/public/images/headface/36.gif b/public/images/headface/36.gif
new file mode 100644
index 0000000..2ab5017
Binary files /dev/null and b/public/images/headface/36.gif differ
diff --git a/public/images/headface/37.gif b/public/images/headface/37.gif
new file mode 100644
index 0000000..af3acae
Binary files /dev/null and b/public/images/headface/37.gif differ
diff --git a/public/images/headface/38.gif b/public/images/headface/38.gif
new file mode 100644
index 0000000..5f2c059
Binary files /dev/null and b/public/images/headface/38.gif differ
diff --git a/public/images/headface/39.gif b/public/images/headface/39.gif
new file mode 100644
index 0000000..b309acc
Binary files /dev/null and b/public/images/headface/39.gif differ
diff --git a/public/images/headface/4.GIF b/public/images/headface/4.GIF
new file mode 100644
index 0000000..d098031
Binary files /dev/null and b/public/images/headface/4.GIF differ
diff --git a/public/images/headface/40.gif b/public/images/headface/40.gif
new file mode 100644
index 0000000..00460c8
Binary files /dev/null and b/public/images/headface/40.gif differ
diff --git a/public/images/headface/40001.GIF b/public/images/headface/40001.GIF
new file mode 100644
index 0000000..0a52216
Binary files /dev/null and b/public/images/headface/40001.GIF differ
diff --git a/public/images/headface/40003.GIF b/public/images/headface/40003.GIF
new file mode 100644
index 0000000..2e7620a
Binary files /dev/null and b/public/images/headface/40003.GIF differ
diff --git a/public/images/headface/40005.GIF b/public/images/headface/40005.GIF
new file mode 100644
index 0000000..05ad6d9
Binary files /dev/null and b/public/images/headface/40005.GIF differ
diff --git a/public/images/headface/40006.GIF b/public/images/headface/40006.GIF
new file mode 100644
index 0000000..0eadb76
Binary files /dev/null and b/public/images/headface/40006.GIF differ
diff --git a/public/images/headface/40007.GIF b/public/images/headface/40007.GIF
new file mode 100644
index 0000000..8927164
Binary files /dev/null and b/public/images/headface/40007.GIF differ
diff --git a/public/images/headface/40008.GIF b/public/images/headface/40008.GIF
new file mode 100644
index 0000000..cf6a500
Binary files /dev/null and b/public/images/headface/40008.GIF differ
diff --git a/public/images/headface/40009.GIF b/public/images/headface/40009.GIF
new file mode 100644
index 0000000..52a21c3
Binary files /dev/null and b/public/images/headface/40009.GIF differ
diff --git a/public/images/headface/40010.GIF b/public/images/headface/40010.GIF
new file mode 100644
index 0000000..3bb5457
Binary files /dev/null and b/public/images/headface/40010.GIF differ
diff --git a/public/images/headface/40011.GIF b/public/images/headface/40011.GIF
new file mode 100644
index 0000000..0cc1e85
Binary files /dev/null and b/public/images/headface/40011.GIF differ
diff --git a/public/images/headface/40013.GIF b/public/images/headface/40013.GIF
new file mode 100644
index 0000000..143793d
Binary files /dev/null and b/public/images/headface/40013.GIF differ
diff --git a/public/images/headface/40021.GIF b/public/images/headface/40021.GIF
new file mode 100644
index 0000000..ea710e7
Binary files /dev/null and b/public/images/headface/40021.GIF differ
diff --git a/public/images/headface/40022.GIF b/public/images/headface/40022.GIF
new file mode 100644
index 0000000..1a99b09
Binary files /dev/null and b/public/images/headface/40022.GIF differ
diff --git a/public/images/headface/40025.GIF b/public/images/headface/40025.GIF
new file mode 100644
index 0000000..8d269ba
Binary files /dev/null and b/public/images/headface/40025.GIF differ
diff --git a/public/images/headface/40035.GIF b/public/images/headface/40035.GIF
new file mode 100644
index 0000000..61fccd3
Binary files /dev/null and b/public/images/headface/40035.GIF differ
diff --git a/public/images/headface/40036.GIF b/public/images/headface/40036.GIF
new file mode 100644
index 0000000..d254a00
Binary files /dev/null and b/public/images/headface/40036.GIF differ
diff --git a/public/images/headface/40037.GIF b/public/images/headface/40037.GIF
new file mode 100644
index 0000000..8ba2c5d
Binary files /dev/null and b/public/images/headface/40037.GIF differ
diff --git a/public/images/headface/40038.GIF b/public/images/headface/40038.GIF
new file mode 100644
index 0000000..8139187
Binary files /dev/null and b/public/images/headface/40038.GIF differ
diff --git a/public/images/headface/40039.GIF b/public/images/headface/40039.GIF
new file mode 100644
index 0000000..208dff4
Binary files /dev/null and b/public/images/headface/40039.GIF differ
diff --git a/public/images/headface/40040.GIF b/public/images/headface/40040.GIF
new file mode 100644
index 0000000..9b589f4
Binary files /dev/null and b/public/images/headface/40040.GIF differ
diff --git a/public/images/headface/40041.GIF b/public/images/headface/40041.GIF
new file mode 100644
index 0000000..43c09d0
Binary files /dev/null and b/public/images/headface/40041.GIF differ
diff --git a/public/images/headface/40043.GIF b/public/images/headface/40043.GIF
new file mode 100644
index 0000000..7d69a19
Binary files /dev/null and b/public/images/headface/40043.GIF differ
diff --git a/public/images/headface/40044.GIF b/public/images/headface/40044.GIF
new file mode 100644
index 0000000..b783b24
Binary files /dev/null and b/public/images/headface/40044.GIF differ
diff --git a/public/images/headface/40046.GIF b/public/images/headface/40046.GIF
new file mode 100644
index 0000000..c6d60ec
Binary files /dev/null and b/public/images/headface/40046.GIF differ
diff --git a/public/images/headface/40051.GIF b/public/images/headface/40051.GIF
new file mode 100644
index 0000000..c60e759
Binary files /dev/null and b/public/images/headface/40051.GIF differ
diff --git a/public/images/headface/40053.GIF b/public/images/headface/40053.GIF
new file mode 100644
index 0000000..f2d36e9
Binary files /dev/null and b/public/images/headface/40053.GIF differ
diff --git a/public/images/headface/40054.GIF b/public/images/headface/40054.GIF
new file mode 100644
index 0000000..912c646
Binary files /dev/null and b/public/images/headface/40054.GIF differ
diff --git a/public/images/headface/40055.GIF b/public/images/headface/40055.GIF
new file mode 100644
index 0000000..29f4337
Binary files /dev/null and b/public/images/headface/40055.GIF differ
diff --git a/public/images/headface/40056.GIF b/public/images/headface/40056.GIF
new file mode 100644
index 0000000..a87d419
Binary files /dev/null and b/public/images/headface/40056.GIF differ
diff --git a/public/images/headface/40059.GIF b/public/images/headface/40059.GIF
new file mode 100644
index 0000000..0859df9
Binary files /dev/null and b/public/images/headface/40059.GIF differ
diff --git a/public/images/headface/40061.GIF b/public/images/headface/40061.GIF
new file mode 100644
index 0000000..0a86408
Binary files /dev/null and b/public/images/headface/40061.GIF differ
diff --git a/public/images/headface/40062.GIF b/public/images/headface/40062.GIF
new file mode 100644
index 0000000..c3fc447
Binary files /dev/null and b/public/images/headface/40062.GIF differ
diff --git a/public/images/headface/4044.gif b/public/images/headface/4044.gif
new file mode 100644
index 0000000..de71306
Binary files /dev/null and b/public/images/headface/4044.gif differ
diff --git a/public/images/headface/41.GIF b/public/images/headface/41.GIF
new file mode 100644
index 0000000..03469c4
Binary files /dev/null and b/public/images/headface/41.GIF differ
diff --git a/public/images/headface/4121.gif b/public/images/headface/4121.gif
new file mode 100644
index 0000000..e8345a9
Binary files /dev/null and b/public/images/headface/4121.gif differ
diff --git a/public/images/headface/4141.gif b/public/images/headface/4141.gif
new file mode 100644
index 0000000..3650832
Binary files /dev/null and b/public/images/headface/4141.gif differ
diff --git a/public/images/headface/4143.gif b/public/images/headface/4143.gif
new file mode 100644
index 0000000..e72e76c
Binary files /dev/null and b/public/images/headface/4143.gif differ
diff --git a/public/images/headface/42.GIF b/public/images/headface/42.GIF
new file mode 100644
index 0000000..ea02479
Binary files /dev/null and b/public/images/headface/42.GIF differ
diff --git a/public/images/headface/43.GIF b/public/images/headface/43.GIF
new file mode 100644
index 0000000..f10ccb5
Binary files /dev/null and b/public/images/headface/43.GIF differ
diff --git a/public/images/headface/44.GIF b/public/images/headface/44.GIF
new file mode 100644
index 0000000..5148d85
Binary files /dev/null and b/public/images/headface/44.GIF differ
diff --git a/public/images/headface/4411.gif b/public/images/headface/4411.gif
new file mode 100644
index 0000000..21488e6
Binary files /dev/null and b/public/images/headface/4411.gif differ
diff --git a/public/images/headface/45.GIF b/public/images/headface/45.GIF
new file mode 100644
index 0000000..da1bd59
Binary files /dev/null and b/public/images/headface/45.GIF differ
diff --git a/public/images/headface/4510.gif b/public/images/headface/4510.gif
new file mode 100644
index 0000000..049876a
Binary files /dev/null and b/public/images/headface/4510.gif differ
diff --git a/public/images/headface/46.GIF b/public/images/headface/46.GIF
new file mode 100644
index 0000000..3826587
Binary files /dev/null and b/public/images/headface/46.GIF differ
diff --git a/public/images/headface/47.GIF b/public/images/headface/47.GIF
new file mode 100644
index 0000000..493a15b
Binary files /dev/null and b/public/images/headface/47.GIF differ
diff --git a/public/images/headface/48.GIF b/public/images/headface/48.GIF
new file mode 100644
index 0000000..2b82f48
Binary files /dev/null and b/public/images/headface/48.GIF differ
diff --git a/public/images/headface/49.GIF b/public/images/headface/49.GIF
new file mode 100644
index 0000000..a723838
Binary files /dev/null and b/public/images/headface/49.GIF differ
diff --git a/public/images/headface/491.gif b/public/images/headface/491.gif
new file mode 100644
index 0000000..7e7bc5e
Binary files /dev/null and b/public/images/headface/491.gif differ
diff --git a/public/images/headface/5.GIF b/public/images/headface/5.GIF
new file mode 100644
index 0000000..5b55622
Binary files /dev/null and b/public/images/headface/5.GIF differ
diff --git a/public/images/headface/50.GIF b/public/images/headface/50.GIF
new file mode 100644
index 0000000..545fc90
Binary files /dev/null and b/public/images/headface/50.GIF differ
diff --git a/public/images/headface/50001.GIF b/public/images/headface/50001.GIF
new file mode 100644
index 0000000..04eafc3
Binary files /dev/null and b/public/images/headface/50001.GIF differ
diff --git a/public/images/headface/51.GIF b/public/images/headface/51.GIF
new file mode 100644
index 0000000..3dc0292
Binary files /dev/null and b/public/images/headface/51.GIF differ
diff --git a/public/images/headface/52.GIF b/public/images/headface/52.GIF
new file mode 100644
index 0000000..591bfa2
Binary files /dev/null and b/public/images/headface/52.GIF differ
diff --git a/public/images/headface/53.GIF b/public/images/headface/53.GIF
new file mode 100644
index 0000000..c9616b6
Binary files /dev/null and b/public/images/headface/53.GIF differ
diff --git a/public/images/headface/54.GIF b/public/images/headface/54.GIF
new file mode 100644
index 0000000..b3743b5
Binary files /dev/null and b/public/images/headface/54.GIF differ
diff --git a/public/images/headface/5414.gif b/public/images/headface/5414.gif
new file mode 100644
index 0000000..8eb16a1
Binary files /dev/null and b/public/images/headface/5414.gif differ
diff --git a/public/images/headface/5415.gif b/public/images/headface/5415.gif
new file mode 100644
index 0000000..148ed09
Binary files /dev/null and b/public/images/headface/5415.gif differ
diff --git a/public/images/headface/55.GIF b/public/images/headface/55.GIF
new file mode 100644
index 0000000..51f5dee
Binary files /dev/null and b/public/images/headface/55.GIF differ
diff --git a/public/images/headface/56.GIF b/public/images/headface/56.GIF
new file mode 100644
index 0000000..e9c5acb
Binary files /dev/null and b/public/images/headface/56.GIF differ
diff --git a/public/images/headface/564.gif b/public/images/headface/564.gif
new file mode 100644
index 0000000..8281a5b
Binary files /dev/null and b/public/images/headface/564.gif differ
diff --git a/public/images/headface/57.GIF b/public/images/headface/57.GIF
new file mode 100644
index 0000000..94b0d21
Binary files /dev/null and b/public/images/headface/57.GIF differ
diff --git a/public/images/headface/58.GIF b/public/images/headface/58.GIF
new file mode 100644
index 0000000..f7c45c3
Binary files /dev/null and b/public/images/headface/58.GIF differ
diff --git a/public/images/headface/59.GIF b/public/images/headface/59.GIF
new file mode 100644
index 0000000..b1432f1
Binary files /dev/null and b/public/images/headface/59.GIF differ
diff --git a/public/images/headface/6.gif b/public/images/headface/6.gif
new file mode 100644
index 0000000..1a13856
Binary files /dev/null and b/public/images/headface/6.gif differ
diff --git a/public/images/headface/60.GIF b/public/images/headface/60.GIF
new file mode 100644
index 0000000..6ef4e43
Binary files /dev/null and b/public/images/headface/60.GIF differ
diff --git a/public/images/headface/60001.GIF b/public/images/headface/60001.GIF
new file mode 100644
index 0000000..677bfd8
Binary files /dev/null and b/public/images/headface/60001.GIF differ
diff --git a/public/images/headface/60002.GIF b/public/images/headface/60002.GIF
new file mode 100644
index 0000000..c45daae
Binary files /dev/null and b/public/images/headface/60002.GIF differ
diff --git a/public/images/headface/60003.GIF b/public/images/headface/60003.GIF
new file mode 100644
index 0000000..75f9968
Binary files /dev/null and b/public/images/headface/60003.GIF differ
diff --git a/public/images/headface/60004.GIF b/public/images/headface/60004.GIF
new file mode 100644
index 0000000..2cc610f
Binary files /dev/null and b/public/images/headface/60004.GIF differ
diff --git a/public/images/headface/60005.GIF b/public/images/headface/60005.GIF
new file mode 100644
index 0000000..d282b67
Binary files /dev/null and b/public/images/headface/60005.GIF differ
diff --git a/public/images/headface/60006.GIF b/public/images/headface/60006.GIF
new file mode 100644
index 0000000..a596843
Binary files /dev/null and b/public/images/headface/60006.GIF differ
diff --git a/public/images/headface/60007.GIF b/public/images/headface/60007.GIF
new file mode 100644
index 0000000..30c6a2a
Binary files /dev/null and b/public/images/headface/60007.GIF differ
diff --git a/public/images/headface/60008.GIF b/public/images/headface/60008.GIF
new file mode 100644
index 0000000..32dca31
Binary files /dev/null and b/public/images/headface/60008.GIF differ
diff --git a/public/images/headface/60009.GIF b/public/images/headface/60009.GIF
new file mode 100644
index 0000000..a97771f
Binary files /dev/null and b/public/images/headface/60009.GIF differ
diff --git a/public/images/headface/60010.GIF b/public/images/headface/60010.GIF
new file mode 100644
index 0000000..935591e
Binary files /dev/null and b/public/images/headface/60010.GIF differ
diff --git a/public/images/headface/60011.GIF b/public/images/headface/60011.GIF
new file mode 100644
index 0000000..13126a1
Binary files /dev/null and b/public/images/headface/60011.GIF differ
diff --git a/public/images/headface/60012.GIF b/public/images/headface/60012.GIF
new file mode 100644
index 0000000..61f1d5d
Binary files /dev/null and b/public/images/headface/60012.GIF differ
diff --git a/public/images/headface/60013.GIF b/public/images/headface/60013.GIF
new file mode 100644
index 0000000..c0417f6
Binary files /dev/null and b/public/images/headface/60013.GIF differ
diff --git a/public/images/headface/60014.GIF b/public/images/headface/60014.GIF
new file mode 100644
index 0000000..3d0cd75
Binary files /dev/null and b/public/images/headface/60014.GIF differ
diff --git a/public/images/headface/60015.GIF b/public/images/headface/60015.GIF
new file mode 100644
index 0000000..a27b8a1
Binary files /dev/null and b/public/images/headface/60015.GIF differ
diff --git a/public/images/headface/60016.GIF b/public/images/headface/60016.GIF
new file mode 100644
index 0000000..2456aa3
Binary files /dev/null and b/public/images/headface/60016.GIF differ
diff --git a/public/images/headface/60017.GIF b/public/images/headface/60017.GIF
new file mode 100644
index 0000000..01190ed
Binary files /dev/null and b/public/images/headface/60017.GIF differ
diff --git a/public/images/headface/60018.GIF b/public/images/headface/60018.GIF
new file mode 100644
index 0000000..65a731d
Binary files /dev/null and b/public/images/headface/60018.GIF differ
diff --git a/public/images/headface/60019.GIF b/public/images/headface/60019.GIF
new file mode 100644
index 0000000..2d3e696
Binary files /dev/null and b/public/images/headface/60019.GIF differ
diff --git a/public/images/headface/60020.GIF b/public/images/headface/60020.GIF
new file mode 100644
index 0000000..78cb68f
Binary files /dev/null and b/public/images/headface/60020.GIF differ
diff --git a/public/images/headface/60021.GIF b/public/images/headface/60021.GIF
new file mode 100644
index 0000000..3fa12b3
Binary files /dev/null and b/public/images/headface/60021.GIF differ
diff --git a/public/images/headface/60022.GIF b/public/images/headface/60022.GIF
new file mode 100644
index 0000000..9e759a7
Binary files /dev/null and b/public/images/headface/60022.GIF differ
diff --git a/public/images/headface/60023.GIF b/public/images/headface/60023.GIF
new file mode 100644
index 0000000..2e87211
Binary files /dev/null and b/public/images/headface/60023.GIF differ
diff --git a/public/images/headface/60024.GIF b/public/images/headface/60024.GIF
new file mode 100644
index 0000000..04bdbab
Binary files /dev/null and b/public/images/headface/60024.GIF differ
diff --git a/public/images/headface/60025.GIF b/public/images/headface/60025.GIF
new file mode 100644
index 0000000..4312630
Binary files /dev/null and b/public/images/headface/60025.GIF differ
diff --git a/public/images/headface/60026.GIF b/public/images/headface/60026.GIF
new file mode 100644
index 0000000..0f58265
Binary files /dev/null and b/public/images/headface/60026.GIF differ
diff --git a/public/images/headface/60027.GIF b/public/images/headface/60027.GIF
new file mode 100644
index 0000000..f6a6ed6
Binary files /dev/null and b/public/images/headface/60027.GIF differ
diff --git a/public/images/headface/60028.GIF b/public/images/headface/60028.GIF
new file mode 100644
index 0000000..c37348b
Binary files /dev/null and b/public/images/headface/60028.GIF differ
diff --git a/public/images/headface/60029.GIF b/public/images/headface/60029.GIF
new file mode 100644
index 0000000..5982130
Binary files /dev/null and b/public/images/headface/60029.GIF differ
diff --git a/public/images/headface/60030.GIF b/public/images/headface/60030.GIF
new file mode 100644
index 0000000..dac7c16
Binary files /dev/null and b/public/images/headface/60030.GIF differ
diff --git a/public/images/headface/60031.GIF b/public/images/headface/60031.GIF
new file mode 100644
index 0000000..3df4e64
Binary files /dev/null and b/public/images/headface/60031.GIF differ
diff --git a/public/images/headface/60032.GIF b/public/images/headface/60032.GIF
new file mode 100644
index 0000000..edc808d
Binary files /dev/null and b/public/images/headface/60032.GIF differ
diff --git a/public/images/headface/60033.GIF b/public/images/headface/60033.GIF
new file mode 100644
index 0000000..01698b9
Binary files /dev/null and b/public/images/headface/60033.GIF differ
diff --git a/public/images/headface/60034.GIF b/public/images/headface/60034.GIF
new file mode 100644
index 0000000..2ee8488
Binary files /dev/null and b/public/images/headface/60034.GIF differ
diff --git a/public/images/headface/60035.GIF b/public/images/headface/60035.GIF
new file mode 100644
index 0000000..f5ad0ad
Binary files /dev/null and b/public/images/headface/60035.GIF differ
diff --git a/public/images/headface/60036.GIF b/public/images/headface/60036.GIF
new file mode 100644
index 0000000..4e7d1cf
Binary files /dev/null and b/public/images/headface/60036.GIF differ
diff --git a/public/images/headface/60037.GIF b/public/images/headface/60037.GIF
new file mode 100644
index 0000000..fdebafc
Binary files /dev/null and b/public/images/headface/60037.GIF differ
diff --git a/public/images/headface/60038.GIF b/public/images/headface/60038.GIF
new file mode 100644
index 0000000..c793f74
Binary files /dev/null and b/public/images/headface/60038.GIF differ
diff --git a/public/images/headface/60039.GIF b/public/images/headface/60039.GIF
new file mode 100644
index 0000000..11706c6
Binary files /dev/null and b/public/images/headface/60039.GIF differ
diff --git a/public/images/headface/60040.GIF b/public/images/headface/60040.GIF
new file mode 100644
index 0000000..2096870
Binary files /dev/null and b/public/images/headface/60040.GIF differ
diff --git a/public/images/headface/60041.GIF b/public/images/headface/60041.GIF
new file mode 100644
index 0000000..29ac4a7
Binary files /dev/null and b/public/images/headface/60041.GIF differ
diff --git a/public/images/headface/60042.GIF b/public/images/headface/60042.GIF
new file mode 100644
index 0000000..9defa28
Binary files /dev/null and b/public/images/headface/60042.GIF differ
diff --git a/public/images/headface/60043.GIF b/public/images/headface/60043.GIF
new file mode 100644
index 0000000..ede7fb4
Binary files /dev/null and b/public/images/headface/60043.GIF differ
diff --git a/public/images/headface/60044.GIF b/public/images/headface/60044.GIF
new file mode 100644
index 0000000..fb19813
Binary files /dev/null and b/public/images/headface/60044.GIF differ
diff --git a/public/images/headface/60045.GIF b/public/images/headface/60045.GIF
new file mode 100644
index 0000000..47cb905
Binary files /dev/null and b/public/images/headface/60045.GIF differ
diff --git a/public/images/headface/60046.GIF b/public/images/headface/60046.GIF
new file mode 100644
index 0000000..08d2fae
Binary files /dev/null and b/public/images/headface/60046.GIF differ
diff --git a/public/images/headface/60047.GIF b/public/images/headface/60047.GIF
new file mode 100644
index 0000000..1b334b9
Binary files /dev/null and b/public/images/headface/60047.GIF differ
diff --git a/public/images/headface/60048.GIF b/public/images/headface/60048.GIF
new file mode 100644
index 0000000..a612185
Binary files /dev/null and b/public/images/headface/60048.GIF differ
diff --git a/public/images/headface/60049.GIF b/public/images/headface/60049.GIF
new file mode 100644
index 0000000..f45966e
Binary files /dev/null and b/public/images/headface/60049.GIF differ
diff --git a/public/images/headface/60050.GIF b/public/images/headface/60050.GIF
new file mode 100644
index 0000000..383df3a
Binary files /dev/null and b/public/images/headface/60050.GIF differ
diff --git a/public/images/headface/60051.GIF b/public/images/headface/60051.GIF
new file mode 100644
index 0000000..7fbbe24
Binary files /dev/null and b/public/images/headface/60051.GIF differ
diff --git a/public/images/headface/60052.GIF b/public/images/headface/60052.GIF
new file mode 100644
index 0000000..1b61742
Binary files /dev/null and b/public/images/headface/60052.GIF differ
diff --git a/public/images/headface/60053.GIF b/public/images/headface/60053.GIF
new file mode 100644
index 0000000..f5abb38
Binary files /dev/null and b/public/images/headface/60053.GIF differ
diff --git a/public/images/headface/60054.GIF b/public/images/headface/60054.GIF
new file mode 100644
index 0000000..4e4d60b
Binary files /dev/null and b/public/images/headface/60054.GIF differ
diff --git a/public/images/headface/60055.GIF b/public/images/headface/60055.GIF
new file mode 100644
index 0000000..0e8f918
Binary files /dev/null and b/public/images/headface/60055.GIF differ
diff --git a/public/images/headface/60056.GIF b/public/images/headface/60056.GIF
new file mode 100644
index 0000000..42b720f
Binary files /dev/null and b/public/images/headface/60056.GIF differ
diff --git a/public/images/headface/60057.GIF b/public/images/headface/60057.GIF
new file mode 100644
index 0000000..7e553a9
Binary files /dev/null and b/public/images/headface/60057.GIF differ
diff --git a/public/images/headface/60058.GIF b/public/images/headface/60058.GIF
new file mode 100644
index 0000000..843e3fe
Binary files /dev/null and b/public/images/headface/60058.GIF differ
diff --git a/public/images/headface/60059.GIF b/public/images/headface/60059.GIF
new file mode 100644
index 0000000..c3b2ce3
Binary files /dev/null and b/public/images/headface/60059.GIF differ
diff --git a/public/images/headface/60060.GIF b/public/images/headface/60060.GIF
new file mode 100644
index 0000000..d7ba9f8
Binary files /dev/null and b/public/images/headface/60060.GIF differ
diff --git a/public/images/headface/60061.GIF b/public/images/headface/60061.GIF
new file mode 100644
index 0000000..f32741f
Binary files /dev/null and b/public/images/headface/60061.GIF differ
diff --git a/public/images/headface/60062.GIF b/public/images/headface/60062.GIF
new file mode 100644
index 0000000..6b8fa43
Binary files /dev/null and b/public/images/headface/60062.GIF differ
diff --git a/public/images/headface/60063.GIF b/public/images/headface/60063.GIF
new file mode 100644
index 0000000..0e2f5d1
Binary files /dev/null and b/public/images/headface/60063.GIF differ
diff --git a/public/images/headface/60064.GIF b/public/images/headface/60064.GIF
new file mode 100644
index 0000000..06bf4d7
Binary files /dev/null and b/public/images/headface/60064.GIF differ
diff --git a/public/images/headface/60065.GIF b/public/images/headface/60065.GIF
new file mode 100644
index 0000000..60aff5c
Binary files /dev/null and b/public/images/headface/60065.GIF differ
diff --git a/public/images/headface/60066.GIF b/public/images/headface/60066.GIF
new file mode 100644
index 0000000..ceb93ca
Binary files /dev/null and b/public/images/headface/60066.GIF differ
diff --git a/public/images/headface/61.GIF b/public/images/headface/61.GIF
new file mode 100644
index 0000000..c2889a2
Binary files /dev/null and b/public/images/headface/61.GIF differ
diff --git a/public/images/headface/62.GIF b/public/images/headface/62.GIF
new file mode 100644
index 0000000..b15b3fc
Binary files /dev/null and b/public/images/headface/62.GIF differ
diff --git a/public/images/headface/63.GIF b/public/images/headface/63.GIF
new file mode 100644
index 0000000..846f850
Binary files /dev/null and b/public/images/headface/63.GIF differ
diff --git a/public/images/headface/64.GIF b/public/images/headface/64.GIF
new file mode 100644
index 0000000..c26db62
Binary files /dev/null and b/public/images/headface/64.GIF differ
diff --git a/public/images/headface/65.GIF b/public/images/headface/65.GIF
new file mode 100644
index 0000000..b0a5fa6
Binary files /dev/null and b/public/images/headface/65.GIF differ
diff --git a/public/images/headface/66.GIF b/public/images/headface/66.GIF
new file mode 100644
index 0000000..e312864
Binary files /dev/null and b/public/images/headface/66.GIF differ
diff --git a/public/images/headface/67.GIF b/public/images/headface/67.GIF
new file mode 100644
index 0000000..6f8b50c
Binary files /dev/null and b/public/images/headface/67.GIF differ
diff --git a/public/images/headface/68.GIF b/public/images/headface/68.GIF
new file mode 100644
index 0000000..ca6794b
Binary files /dev/null and b/public/images/headface/68.GIF differ
diff --git a/public/images/headface/69.GIF b/public/images/headface/69.GIF
new file mode 100644
index 0000000..3aefd40
Binary files /dev/null and b/public/images/headface/69.GIF differ
diff --git a/public/images/headface/7.gif b/public/images/headface/7.gif
new file mode 100644
index 0000000..ffa32d4
Binary files /dev/null and b/public/images/headface/7.gif differ
diff --git a/public/images/headface/70.GIF b/public/images/headface/70.GIF
new file mode 100644
index 0000000..4659b8f
Binary files /dev/null and b/public/images/headface/70.GIF differ
diff --git a/public/images/headface/71.gif b/public/images/headface/71.gif
new file mode 100644
index 0000000..e653069
Binary files /dev/null and b/public/images/headface/71.gif differ
diff --git a/public/images/headface/72.GIF b/public/images/headface/72.GIF
new file mode 100644
index 0000000..7dd061e
Binary files /dev/null and b/public/images/headface/72.GIF differ
diff --git a/public/images/headface/73.GIF b/public/images/headface/73.GIF
new file mode 100644
index 0000000..850a90f
Binary files /dev/null and b/public/images/headface/73.GIF differ
diff --git a/public/images/headface/74.GIF b/public/images/headface/74.GIF
new file mode 100644
index 0000000..7c4e70b
Binary files /dev/null and b/public/images/headface/74.GIF differ
diff --git a/public/images/headface/7417.gif b/public/images/headface/7417.gif
new file mode 100644
index 0000000..781bca3
Binary files /dev/null and b/public/images/headface/7417.gif differ
diff --git a/public/images/headface/75.GIF b/public/images/headface/75.GIF
new file mode 100644
index 0000000..e6a6256
Binary files /dev/null and b/public/images/headface/75.GIF differ
diff --git a/public/images/headface/76.GIF b/public/images/headface/76.GIF
new file mode 100644
index 0000000..5a215a8
Binary files /dev/null and b/public/images/headface/76.GIF differ
diff --git a/public/images/headface/77.GIF b/public/images/headface/77.GIF
new file mode 100644
index 0000000..cf46c34
Binary files /dev/null and b/public/images/headface/77.GIF differ
diff --git a/public/images/headface/78.gif b/public/images/headface/78.gif
new file mode 100644
index 0000000..9d601eb
Binary files /dev/null and b/public/images/headface/78.gif differ
diff --git a/public/images/headface/79.gif b/public/images/headface/79.gif
new file mode 100644
index 0000000..7c7da28
Binary files /dev/null and b/public/images/headface/79.gif differ
diff --git a/public/images/headface/8.gif b/public/images/headface/8.gif
new file mode 100644
index 0000000..3ab6c50
Binary files /dev/null and b/public/images/headface/8.gif differ
diff --git a/public/images/headface/80.gif b/public/images/headface/80.gif
new file mode 100644
index 0000000..9c9ffd8
Binary files /dev/null and b/public/images/headface/80.gif differ
diff --git a/public/images/headface/81.gif b/public/images/headface/81.gif
new file mode 100644
index 0000000..3ee5286
Binary files /dev/null and b/public/images/headface/81.gif differ
diff --git a/public/images/headface/82.gif b/public/images/headface/82.gif
new file mode 100644
index 0000000..00b4200
Binary files /dev/null and b/public/images/headface/82.gif differ
diff --git a/public/images/headface/83.gif b/public/images/headface/83.gif
new file mode 100644
index 0000000..74e18ec
Binary files /dev/null and b/public/images/headface/83.gif differ
diff --git a/public/images/headface/84.gif b/public/images/headface/84.gif
new file mode 100644
index 0000000..883fa14
Binary files /dev/null and b/public/images/headface/84.gif differ
diff --git a/public/images/headface/85.gif b/public/images/headface/85.gif
new file mode 100644
index 0000000..74656c9
Binary files /dev/null and b/public/images/headface/85.gif differ
diff --git a/public/images/headface/86.gif b/public/images/headface/86.gif
new file mode 100644
index 0000000..d745316
Binary files /dev/null and b/public/images/headface/86.gif differ
diff --git a/public/images/headface/87.gif b/public/images/headface/87.gif
new file mode 100644
index 0000000..77dfcec
Binary files /dev/null and b/public/images/headface/87.gif differ
diff --git a/public/images/headface/88.gif b/public/images/headface/88.gif
new file mode 100644
index 0000000..2957521
Binary files /dev/null and b/public/images/headface/88.gif differ
diff --git a/public/images/headface/89.gif b/public/images/headface/89.gif
new file mode 100644
index 0000000..777e115
Binary files /dev/null and b/public/images/headface/89.gif differ
diff --git a/public/images/headface/9.gif b/public/images/headface/9.gif
new file mode 100644
index 0000000..b950376
Binary files /dev/null and b/public/images/headface/9.gif differ
diff --git a/public/images/headface/90.gif b/public/images/headface/90.gif
new file mode 100644
index 0000000..67b2f09
Binary files /dev/null and b/public/images/headface/90.gif differ
diff --git a/public/images/headface/900.gif b/public/images/headface/900.gif
new file mode 100644
index 0000000..75d8fc3
Binary files /dev/null and b/public/images/headface/900.gif differ
diff --git a/public/images/headface/9002.gif b/public/images/headface/9002.gif
new file mode 100644
index 0000000..769b6be
Binary files /dev/null and b/public/images/headface/9002.gif differ
diff --git a/public/images/headface/9003.gif b/public/images/headface/9003.gif
new file mode 100644
index 0000000..fabd599
Binary files /dev/null and b/public/images/headface/9003.gif differ
diff --git a/public/images/headface/9004.gif b/public/images/headface/9004.gif
new file mode 100644
index 0000000..5b46213
Binary files /dev/null and b/public/images/headface/9004.gif differ
diff --git a/public/images/headface/9005.gif b/public/images/headface/9005.gif
new file mode 100644
index 0000000..d398711
Binary files /dev/null and b/public/images/headface/9005.gif differ
diff --git a/public/images/headface/9006.gif b/public/images/headface/9006.gif
new file mode 100644
index 0000000..7608b6a
Binary files /dev/null and b/public/images/headface/9006.gif differ
diff --git a/public/images/headface/9007.gif b/public/images/headface/9007.gif
new file mode 100644
index 0000000..a64e5c9
Binary files /dev/null and b/public/images/headface/9007.gif differ
diff --git a/public/images/headface/9009.gif b/public/images/headface/9009.gif
new file mode 100644
index 0000000..cf7dff8
Binary files /dev/null and b/public/images/headface/9009.gif differ
diff --git a/public/images/headface/901.gif b/public/images/headface/901.gif
new file mode 100644
index 0000000..b71e630
Binary files /dev/null and b/public/images/headface/901.gif differ
diff --git a/public/images/headface/9011.gif b/public/images/headface/9011.gif
new file mode 100644
index 0000000..4b08dc1
Binary files /dev/null and b/public/images/headface/9011.gif differ
diff --git a/public/images/headface/9013.gif b/public/images/headface/9013.gif
new file mode 100644
index 0000000..9bebe8d
Binary files /dev/null and b/public/images/headface/9013.gif differ
diff --git a/public/images/headface/9015.gif b/public/images/headface/9015.gif
new file mode 100644
index 0000000..769b6be
Binary files /dev/null and b/public/images/headface/9015.gif differ
diff --git a/public/images/headface/9017.gif b/public/images/headface/9017.gif
new file mode 100644
index 0000000..43471cc
Binary files /dev/null and b/public/images/headface/9017.gif differ
diff --git a/public/images/headface/9019.gif b/public/images/headface/9019.gif
new file mode 100644
index 0000000..f8c1b12
Binary files /dev/null and b/public/images/headface/9019.gif differ
diff --git a/public/images/headface/902.gif b/public/images/headface/902.gif
new file mode 100644
index 0000000..5f5d788
Binary files /dev/null and b/public/images/headface/902.gif differ
diff --git a/public/images/headface/9021.gif b/public/images/headface/9021.gif
new file mode 100644
index 0000000..b984b26
Binary files /dev/null and b/public/images/headface/9021.gif differ
diff --git a/public/images/headface/9023.gif b/public/images/headface/9023.gif
new file mode 100644
index 0000000..4d239a6
Binary files /dev/null and b/public/images/headface/9023.gif differ
diff --git a/public/images/headface/9024.gif b/public/images/headface/9024.gif
new file mode 100644
index 0000000..20fb51b
Binary files /dev/null and b/public/images/headface/9024.gif differ
diff --git a/public/images/headface/9025.gif b/public/images/headface/9025.gif
new file mode 100644
index 0000000..46b7508
Binary files /dev/null and b/public/images/headface/9025.gif differ
diff --git a/public/images/headface/9026.gif b/public/images/headface/9026.gif
new file mode 100644
index 0000000..0c6e466
Binary files /dev/null and b/public/images/headface/9026.gif differ
diff --git a/public/images/headface/9027.gif b/public/images/headface/9027.gif
new file mode 100644
index 0000000..eedfb27
Binary files /dev/null and b/public/images/headface/9027.gif differ
diff --git a/public/images/headface/9028.gif b/public/images/headface/9028.gif
new file mode 100644
index 0000000..1b07561
Binary files /dev/null and b/public/images/headface/9028.gif differ
diff --git a/public/images/headface/9029.gif b/public/images/headface/9029.gif
new file mode 100644
index 0000000..26f3b13
Binary files /dev/null and b/public/images/headface/9029.gif differ
diff --git a/public/images/headface/903.gif b/public/images/headface/903.gif
new file mode 100644
index 0000000..c51ba9b
Binary files /dev/null and b/public/images/headface/903.gif differ
diff --git a/public/images/headface/9030.gif b/public/images/headface/9030.gif
new file mode 100644
index 0000000..8701004
Binary files /dev/null and b/public/images/headface/9030.gif differ
diff --git a/public/images/headface/904.gif b/public/images/headface/904.gif
new file mode 100644
index 0000000..5659139
Binary files /dev/null and b/public/images/headface/904.gif differ
diff --git a/public/images/headface/905.gif b/public/images/headface/905.gif
new file mode 100644
index 0000000..7aaee28
Binary files /dev/null and b/public/images/headface/905.gif differ
diff --git a/public/images/headface/906.gif b/public/images/headface/906.gif
new file mode 100644
index 0000000..a64e5c9
Binary files /dev/null and b/public/images/headface/906.gif differ
diff --git a/public/images/headface/907.gif b/public/images/headface/907.gif
new file mode 100644
index 0000000..5972336
Binary files /dev/null and b/public/images/headface/907.gif differ
diff --git a/public/images/headface/91.gif b/public/images/headface/91.gif
new file mode 100644
index 0000000..1094bd1
Binary files /dev/null and b/public/images/headface/91.gif differ
diff --git a/public/images/headface/92.gif b/public/images/headface/92.gif
new file mode 100644
index 0000000..a1bf86c
Binary files /dev/null and b/public/images/headface/92.gif differ
diff --git a/public/images/headface/93.gif b/public/images/headface/93.gif
new file mode 100644
index 0000000..22a9bef
Binary files /dev/null and b/public/images/headface/93.gif differ
diff --git a/public/images/headface/931.gif b/public/images/headface/931.gif
new file mode 100644
index 0000000..7f2faf7
Binary files /dev/null and b/public/images/headface/931.gif differ
diff --git a/public/images/headface/932.gif b/public/images/headface/932.gif
new file mode 100644
index 0000000..f5346cd
Binary files /dev/null and b/public/images/headface/932.gif differ
diff --git a/public/images/headface/933.gif b/public/images/headface/933.gif
new file mode 100644
index 0000000..5aca7a2
Binary files /dev/null and b/public/images/headface/933.gif differ
diff --git a/public/images/headface/934.gif b/public/images/headface/934.gif
new file mode 100644
index 0000000..3a0fb38
Binary files /dev/null and b/public/images/headface/934.gif differ
diff --git a/public/images/headface/935.gif b/public/images/headface/935.gif
new file mode 100644
index 0000000..0a8dba9
Binary files /dev/null and b/public/images/headface/935.gif differ
diff --git a/public/images/headface/936.gif b/public/images/headface/936.gif
new file mode 100644
index 0000000..97a5484
Binary files /dev/null and b/public/images/headface/936.gif differ
diff --git a/public/images/headface/937.gif b/public/images/headface/937.gif
new file mode 100644
index 0000000..d216f8e
Binary files /dev/null and b/public/images/headface/937.gif differ
diff --git a/public/images/headface/938.gif b/public/images/headface/938.gif
new file mode 100644
index 0000000..99ae22c
Binary files /dev/null and b/public/images/headface/938.gif differ
diff --git a/public/images/headface/939.gif b/public/images/headface/939.gif
new file mode 100644
index 0000000..100426b
Binary files /dev/null and b/public/images/headface/939.gif differ
diff --git a/public/images/headface/94.gif b/public/images/headface/94.gif
new file mode 100644
index 0000000..e38804c
Binary files /dev/null and b/public/images/headface/94.gif differ
diff --git a/public/images/headface/940.gif b/public/images/headface/940.gif
new file mode 100644
index 0000000..37c40ec
Binary files /dev/null and b/public/images/headface/940.gif differ
diff --git a/public/images/headface/941.gif b/public/images/headface/941.gif
new file mode 100644
index 0000000..b24e6f1
Binary files /dev/null and b/public/images/headface/941.gif differ
diff --git a/public/images/headface/942.gif b/public/images/headface/942.gif
new file mode 100644
index 0000000..5f29849
Binary files /dev/null and b/public/images/headface/942.gif differ
diff --git a/public/images/headface/943.gif b/public/images/headface/943.gif
new file mode 100644
index 0000000..6a4c86e
Binary files /dev/null and b/public/images/headface/943.gif differ
diff --git a/public/images/headface/944.gif b/public/images/headface/944.gif
new file mode 100644
index 0000000..bf4c252
Binary files /dev/null and b/public/images/headface/944.gif differ
diff --git a/public/images/headface/9441.gif b/public/images/headface/9441.gif
new file mode 100644
index 0000000..c257a49
Binary files /dev/null and b/public/images/headface/9441.gif differ
diff --git a/public/images/headface/945.gif b/public/images/headface/945.gif
new file mode 100644
index 0000000..d1f78a7
Binary files /dev/null and b/public/images/headface/945.gif differ
diff --git a/public/images/headface/946.gif b/public/images/headface/946.gif
new file mode 100644
index 0000000..e5c2c18
Binary files /dev/null and b/public/images/headface/946.gif differ
diff --git a/public/images/headface/947.gif b/public/images/headface/947.gif
new file mode 100644
index 0000000..6ddac55
Binary files /dev/null and b/public/images/headface/947.gif differ
diff --git a/public/images/headface/948.gif b/public/images/headface/948.gif
new file mode 100644
index 0000000..6ddac55
Binary files /dev/null and b/public/images/headface/948.gif differ
diff --git a/public/images/headface/949.gif b/public/images/headface/949.gif
new file mode 100644
index 0000000..27d9231
Binary files /dev/null and b/public/images/headface/949.gif differ
diff --git a/public/images/headface/95.gif b/public/images/headface/95.gif
new file mode 100644
index 0000000..83bf304
Binary files /dev/null and b/public/images/headface/95.gif differ
diff --git a/public/images/headface/950.gif b/public/images/headface/950.gif
new file mode 100644
index 0000000..100426b
Binary files /dev/null and b/public/images/headface/950.gif differ
diff --git a/public/images/headface/951.gif b/public/images/headface/951.gif
new file mode 100644
index 0000000..57d5dd6
Binary files /dev/null and b/public/images/headface/951.gif differ
diff --git a/public/images/headface/952.gif b/public/images/headface/952.gif
new file mode 100644
index 0000000..e697dd7
Binary files /dev/null and b/public/images/headface/952.gif differ
diff --git a/public/images/headface/953.gif b/public/images/headface/953.gif
new file mode 100644
index 0000000..d19e77c
Binary files /dev/null and b/public/images/headface/953.gif differ
diff --git a/public/images/headface/954.gif b/public/images/headface/954.gif
new file mode 100644
index 0000000..63ee6d7
Binary files /dev/null and b/public/images/headface/954.gif differ
diff --git a/public/images/headface/955.gif b/public/images/headface/955.gif
new file mode 100644
index 0000000..4f65325
Binary files /dev/null and b/public/images/headface/955.gif differ
diff --git a/public/images/headface/956.gif b/public/images/headface/956.gif
new file mode 100644
index 0000000..6f8802e
Binary files /dev/null and b/public/images/headface/956.gif differ
diff --git a/public/images/headface/957.gif b/public/images/headface/957.gif
new file mode 100644
index 0000000..1a4cac3
Binary files /dev/null and b/public/images/headface/957.gif differ
diff --git a/public/images/headface/958.gif b/public/images/headface/958.gif
new file mode 100644
index 0000000..34daffb
Binary files /dev/null and b/public/images/headface/958.gif differ
diff --git a/public/images/headface/959.gif b/public/images/headface/959.gif
new file mode 100644
index 0000000..adee1e8
Binary files /dev/null and b/public/images/headface/959.gif differ
diff --git a/public/images/headface/96.gif b/public/images/headface/96.gif
new file mode 100644
index 0000000..3f6fbb1
Binary files /dev/null and b/public/images/headface/96.gif differ
diff --git a/public/images/headface/960.gif b/public/images/headface/960.gif
new file mode 100644
index 0000000..a2b1fd9
Binary files /dev/null and b/public/images/headface/960.gif differ
diff --git a/public/images/headface/961.gif b/public/images/headface/961.gif
new file mode 100644
index 0000000..f26bd0f
Binary files /dev/null and b/public/images/headface/961.gif differ
diff --git a/public/images/headface/962.gif b/public/images/headface/962.gif
new file mode 100644
index 0000000..fb38e8e
Binary files /dev/null and b/public/images/headface/962.gif differ
diff --git a/public/images/headface/963.gif b/public/images/headface/963.gif
new file mode 100644
index 0000000..93cb3a1
Binary files /dev/null and b/public/images/headface/963.gif differ
diff --git a/public/images/headface/964.gif b/public/images/headface/964.gif
new file mode 100644
index 0000000..333da2d
Binary files /dev/null and b/public/images/headface/964.gif differ
diff --git a/public/images/headface/965.gif b/public/images/headface/965.gif
new file mode 100644
index 0000000..0d106aa
Binary files /dev/null and b/public/images/headface/965.gif differ
diff --git a/public/images/headface/966.gif b/public/images/headface/966.gif
new file mode 100644
index 0000000..9991ffb
Binary files /dev/null and b/public/images/headface/966.gif differ
diff --git a/public/images/headface/967.gif b/public/images/headface/967.gif
new file mode 100644
index 0000000..bccc1aa
Binary files /dev/null and b/public/images/headface/967.gif differ
diff --git a/public/images/headface/968.gif b/public/images/headface/968.gif
new file mode 100644
index 0000000..21eb1ba
Binary files /dev/null and b/public/images/headface/968.gif differ
diff --git a/public/images/headface/969.gif b/public/images/headface/969.gif
new file mode 100644
index 0000000..b6b8d90
Binary files /dev/null and b/public/images/headface/969.gif differ
diff --git a/public/images/headface/97.gif b/public/images/headface/97.gif
new file mode 100644
index 0000000..d240482
Binary files /dev/null and b/public/images/headface/97.gif differ
diff --git a/public/images/headface/970.gif b/public/images/headface/970.gif
new file mode 100644
index 0000000..7c05d06
Binary files /dev/null and b/public/images/headface/970.gif differ
diff --git a/public/images/headface/971.gif b/public/images/headface/971.gif
new file mode 100644
index 0000000..d73993d
Binary files /dev/null and b/public/images/headface/971.gif differ
diff --git a/public/images/headface/972.gif b/public/images/headface/972.gif
new file mode 100644
index 0000000..0dfa884
Binary files /dev/null and b/public/images/headface/972.gif differ
diff --git a/public/images/headface/973.gif b/public/images/headface/973.gif
new file mode 100644
index 0000000..302e014
Binary files /dev/null and b/public/images/headface/973.gif differ
diff --git a/public/images/headface/974.gif b/public/images/headface/974.gif
new file mode 100644
index 0000000..974512e
Binary files /dev/null and b/public/images/headface/974.gif differ
diff --git a/public/images/headface/975.gif b/public/images/headface/975.gif
new file mode 100644
index 0000000..d0aff0a
Binary files /dev/null and b/public/images/headface/975.gif differ
diff --git a/public/images/headface/976.gif b/public/images/headface/976.gif
new file mode 100644
index 0000000..786c097
Binary files /dev/null and b/public/images/headface/976.gif differ
diff --git a/public/images/headface/977.gif b/public/images/headface/977.gif
new file mode 100644
index 0000000..c6c6d1b
Binary files /dev/null and b/public/images/headface/977.gif differ
diff --git a/public/images/headface/978.gif b/public/images/headface/978.gif
new file mode 100644
index 0000000..4fa8dd9
Binary files /dev/null and b/public/images/headface/978.gif differ
diff --git a/public/images/headface/979.gif b/public/images/headface/979.gif
new file mode 100644
index 0000000..0db5a92
Binary files /dev/null and b/public/images/headface/979.gif differ
diff --git a/public/images/headface/98.gif b/public/images/headface/98.gif
new file mode 100644
index 0000000..049165a
Binary files /dev/null and b/public/images/headface/98.gif differ
diff --git a/public/images/headface/980.gif b/public/images/headface/980.gif
new file mode 100644
index 0000000..00c3c22
Binary files /dev/null and b/public/images/headface/980.gif differ
diff --git a/public/images/headface/981.gif b/public/images/headface/981.gif
new file mode 100644
index 0000000..0ee207f
Binary files /dev/null and b/public/images/headface/981.gif differ
diff --git a/public/images/headface/982.gif b/public/images/headface/982.gif
new file mode 100644
index 0000000..035e336
Binary files /dev/null and b/public/images/headface/982.gif differ
diff --git a/public/images/headface/983.gif b/public/images/headface/983.gif
new file mode 100644
index 0000000..e1e72c8
Binary files /dev/null and b/public/images/headface/983.gif differ
diff --git a/public/images/headface/984.gif b/public/images/headface/984.gif
new file mode 100644
index 0000000..83d70c4
Binary files /dev/null and b/public/images/headface/984.gif differ
diff --git a/public/images/headface/985.gif b/public/images/headface/985.gif
new file mode 100644
index 0000000..db20e4e
Binary files /dev/null and b/public/images/headface/985.gif differ
diff --git a/public/images/headface/99.gif b/public/images/headface/99.gif
new file mode 100644
index 0000000..b31f237
Binary files /dev/null and b/public/images/headface/99.gif differ
diff --git a/public/images/headface/p212.gif b/public/images/headface/p212.gif
new file mode 100644
index 0000000..8f32580
Binary files /dev/null and b/public/images/headface/p212.gif differ
diff --git a/resources/js/bootstrap.js b/resources/js/bootstrap.js
index 8b8ecf4..ac5ec11 100644
--- a/resources/js/bootstrap.js
+++ b/resources/js/bootstrap.js
@@ -8,12 +8,26 @@ import Pusher from "pusher-js";
 
 window.Pusher = Pusher;
 
+/**
+ * 根据当前页面环境自动检测 WebSocket 连接参数
+ *
+ * - 当页面通过 HTTPS 访问时，自动使用 wss:// 协议和当前域名
+ * - 当页面通过 HTTP 访问（本地开发）时，使用 .env 中的 Reverb 配置
+ */
+const isSecure = window.location.protocol === "https:";
+const wsHost =
+    import.meta.env.VITE_REVERB_HOST &&
+    import.meta.env.VITE_REVERB_HOST !== "127.0.0.1" &&
+    import.meta.env.VITE_REVERB_HOST !== "localhost"
+        ? import.meta.env.VITE_REVERB_HOST
+        : window.location.hostname;
+
 window.Echo = new Echo({
     broadcaster: "reverb",
     key: import.meta.env.VITE_REVERB_APP_KEY,
-    wsHost: import.meta.env.VITE_REVERB_HOST,
-    wsPort: import.meta.env.VITE_REVERB_PORT ?? 8080,
-    wssPort: import.meta.env.VITE_REVERB_PORT ?? 443,
-    forceTLS: (import.meta.env.VITE_REVERB_SCHEME ?? "https") === "https",
+    wsHost: wsHost,
+    wsPort: isSecure ? 443 : (import.meta.env.VITE_REVERB_PORT ?? 8080),
+    wssPort: isSecure ? 443 : (import.meta.env.VITE_REVERB_PORT ?? 443),
+    forceTLS: isSecure,
     enabledTransports: ["ws", "wss"],
 });
diff --git a/resources/views/admin/autoact/index.blade.php b/resources/views/admin/autoact/index.blade.php
new file mode 100644
index 0000000..1d3c776
--- /dev/null
+++ b/resources/views/admin/autoact/index.blade.php
@@ -0,0 +1,153 @@
+@extends('admin.layouts.app')
+
+@section('title', '随机事件管理')
+
+@section('content')
+    <div class="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden">
+        <div class="p-6 border-b border-gray-100 flex justify-between items-center bg-gray-50">
+            <div>
+                <h2 class="text-lg font-bold text-gray-800">随机事件管理 (autoact)</h2>
+                <p class="text-xs text-gray-500 mt-1">管理聊天室中随机触发的好运/坏运事件，可增减经验和金币。</p>
+            </div>
+        </div>
+
+        {{-- 新增事件表单 --}}
+        <div class="p-6 border-b border-gray-100 bg-indigo-50/50">
+            <h3 class="text-sm font-bold text-gray-700 mb-3">➕ 添加新事件</h3>
+            <form action="{{ route('admin.autoact.store') }}" method="POST">
+                @csrf
+                <div class="grid grid-cols-1 md:grid-cols-2 gap-4 max-w-4xl">
+                    <div class="md:col-span-2">
+                        <label class="block text-xs font-bold text-gray-600 mb-1">事件文本
+                            <span class="text-gray-400 font-normal">（{username} 将被替换为触发者用户名）</span></label>
+                        <input type="text" name="text_body" required placeholder="例：🎉 恭喜【{username}】获得 100 经验值！"
+                            class="w-full border-gray-300 rounded-md shadow-sm focus:border-indigo-500 focus:ring-indigo-500 p-2 bg-white border">
+                    </div>
+                    <div>
+                        <label class="block text-xs font-bold text-gray-600 mb-1">事件类型</label>
+                        <select name="event_type"
+                            class="w-full border-gray-300 rounded-md shadow-sm focus:border-indigo-500 focus:ring-indigo-500 p-2 bg-white border">
+                            <option value="good">🟢 好运（奖励）</option>
+                            <option value="bad">🔴 坏运（惩罚）</option>
+                            <option value="neutral">🟣 中性（纯文字）</option>
+                        </select>
+                    </div>
+                    <div class="flex gap-3">
+                        <div class="flex-1">
+                            <label class="block text-xs font-bold text-gray-600 mb-1">经验变化</label>
+                            <input type="number" name="exp_change" value="0"
+                                class="w-full border-gray-300 rounded-md shadow-sm focus:border-indigo-500 focus:ring-indigo-500 p-2 bg-white border">
+                        </div>
+                        <div class="flex-1">
+                            <label class="block text-xs font-bold text-gray-600 mb-1">金币变化</label>
+                            <input type="number" name="jjb_change" value="0"
+                                class="w-full border-gray-300 rounded-md shadow-sm focus:border-indigo-500 focus:ring-indigo-500 p-2 bg-white border">
+                        </div>
+                    </div>
+                </div>
+                <div class="mt-4">
+                    <button type="submit"
+                        class="px-6 py-2 bg-indigo-600 text-white rounded-md font-bold hover:bg-indigo-700 shadow-sm transition text-sm">
+                        添加事件
+                    </button>
+                </div>
+            </form>
+        </div>
+
+        {{-- 事件列表 --}}
+        <div class="p-6">
+            <h3 class="text-sm font-bold text-gray-700 mb-3">📋 现有事件列表（共 {{ $events->count() }} 条）</h3>
+            <div class="overflow-x-auto">
+                <table class="w-full text-sm">
+                    <thead>
+                        <tr class="bg-gray-50 text-gray-600 text-left border-b">
+                            <th class="p-3 w-10">ID</th>
+                            <th class="p-3">事件文本</th>
+                            <th class="p-3 w-20">类型</th>
+                            <th class="p-3 w-16">经验</th>
+                            <th class="p-3 w-16">金币</th>
+                            <th class="p-3 w-16">状态</th>
+                            <th class="p-3 w-32">操作</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        @forelse ($events as $event)
+                            <tr class="border-b hover:bg-gray-50 {{ !$event->enabled ? 'opacity-40' : '' }}">
+                                <td class="p-3 text-gray-400">{{ $event->id }}</td>
+                                <td class="p-3">
+                                    <span class="text-xs">{{ Str::limit($event->text_body, 60) }}</span>
+                                </td>
+                                <td class="p-3">
+                                    @if ($event->event_type === 'good')
+                                        <span
+                                            class="px-2 py-0.5 rounded-full bg-green-100 text-green-700 text-xs font-bold">好运</span>
+                                    @elseif($event->event_type === 'bad')
+                                        <span
+                                            class="px-2 py-0.5 rounded-full bg-red-100 text-red-700 text-xs font-bold">坏运</span>
+                                    @else
+                                        <span
+                                            class="px-2 py-0.5 rounded-full bg-purple-100 text-purple-700 text-xs font-bold">中性</span>
+                                    @endif
+                                </td>
+                                <td
+                                    class="p-3 {{ $event->exp_change > 0 ? 'text-green-600' : ($event->exp_change < 0 ? 'text-red-600' : 'text-gray-400') }} font-bold">
+                                    {{ $event->exp_change > 0 ? '+' : '' }}{{ $event->exp_change }}
+                                </td>
+                                <td
+                                    class="p-3 {{ $event->jjb_change > 0 ? 'text-green-600' : ($event->jjb_change < 0 ? 'text-red-600' : 'text-gray-400') }} font-bold">
+                                    {{ $event->jjb_change > 0 ? '+' : '' }}{{ $event->jjb_change }}
+                                </td>
+                                <td class="p-3">
+                                    <button onclick="toggleEvent({{ $event->id }}, this)"
+                                        class="text-xs px-2 py-1 rounded {{ $event->enabled ? 'bg-green-100 text-green-700' : 'bg-gray-200 text-gray-500' }} cursor-pointer">
+                                        {{ $event->enabled ? '启用' : '禁用' }}
+                                    </button>
+                                </td>
+                                <td class="p-3">
+                                    <form action="{{ route('admin.autoact.destroy', $event->id) }}" method="POST"
+                                        class="inline" onsubmit="return confirm('确定要删除此事件吗？')">
+                                        @csrf
+                                        @method('DELETE')
+                                        <button type="submit"
+                                            class="text-red-500 hover:text-red-700 text-xs font-bold">删除</button>
+                                    </form>
+                                </td>
+                            </tr>
+                        @empty
+                            <tr>
+                                <td colspan="7" class="p-6 text-center text-gray-400">暂无事件，请添加。</td>
+                            </tr>
+                        @endforelse
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        /**
+         * 切换事件启用/禁用状态
+         */
+        function toggleEvent(id, btn) {
+            fetch(`/admin/autoact/${id}/toggle`, {
+                    method: 'POST',
+                    headers: {
+                        'X-CSRF-TOKEN': '{{ csrf_token() }}',
+                        'Content-Type': 'application/json',
+                        'Accept': 'application/json',
+                    },
+                })
+                .then(r => r.json())
+                .then(data => {
+                    if (data.status === 'success') {
+                        btn.textContent = data.enabled ? '启用' : '禁用';
+                        btn.className = data.enabled ?
+                            'text-xs px-2 py-1 rounded bg-green-100 text-green-700 cursor-pointer' :
+                            'text-xs px-2 py-1 rounded bg-gray-200 text-gray-500 cursor-pointer';
+                        // 切换行透明度
+                        btn.closest('tr').classList.toggle('opacity-40', !data.enabled);
+                    }
+                });
+        }
+    </script>
+@endsection
diff --git a/resources/views/admin/layouts/app.blade.php b/resources/views/admin/layouts/app.blade.php
index ffb02e1..4796d88 100644
--- a/resources/views/admin/layouts/app.blade.php
+++ b/resources/views/admin/layouts/app.blade.php
@@ -29,9 +29,13 @@
                 class="block px-4 py-3 rounded-md transition {{ request()->routeIs('admin.users.*') ? 'bg-indigo-600 font-bold' : 'hover:bg-white/10' }}">
                 👥 用户管理
             </a>
-            <a href="{{ route('admin.sql.index') }}"
-                class="block px-4 py-3 rounded-md transition {{ request()->routeIs('admin.sql.*') ? 'bg-indigo-600 font-bold' : 'hover:bg-white/10' }}">
-                💾 SQL 探针
+            <a href="{{ route('admin.rooms.index') }}"
+                class="block px-4 py-3 rounded-md transition {{ request()->routeIs('admin.rooms.*') ? 'bg-indigo-600 font-bold' : 'hover:bg-white/10' }}">
+                🏠 房间管理
+            </a>
+            <a href="{{ route('admin.autoact.index') }}"
+                class="block px-4 py-3 rounded-md transition {{ request()->routeIs('admin.autoact.*') ? 'bg-indigo-600 font-bold' : 'hover:bg-white/10' }}">
+                🎲 随机事件
             </a>
         </nav>
         <div class="p-4 border-t border-white/10">
diff --git a/resources/views/admin/rooms/index.blade.php b/resources/views/admin/rooms/index.blade.php
new file mode 100644
index 0000000..efff848
--- /dev/null
+++ b/resources/views/admin/rooms/index.blade.php
@@ -0,0 +1,117 @@
+@extends('admin.layouts.app')
+
+@section('title', '房间管理')
+
+@section('content')
+    <div class="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden">
+        <div class="p-6 border-b border-gray-100 flex justify-between items-center bg-gray-50">
+            <div>
+                <h2 class="text-lg font-bold text-gray-800">房间管理</h2>
+                <p class="text-xs text-gray-500 mt-1">管理聊天室房间的名称、介绍、公告和权限设置。</p>
+            </div>
+        </div>
+
+        <div class="p-6">
+            <div class="space-y-4">
+                @foreach ($rooms as $room)
+                    <div class="border border-gray-200 rounded-lg overflow-hidden" x-data="{ editing: false }">
+                        {{-- 房间信息行 --}}
+                        <div class="flex items-center justify-between p-4 bg-gray-50 cursor-pointer"
+                            @click="editing = !editing">
+                            <div class="flex items-center gap-4">
+                                <span
+                                    class="text-xs font-bold bg-indigo-100 text-indigo-700 px-2 py-1 rounded">#{{ $room->id }}</span>
+                                <div>
+                                    <span class="font-bold text-gray-800">{{ $room->room_name }}</span>
+                                    @if ($room->room_keep)
+                                        <span
+                                            class="ml-2 text-xs px-1.5 py-0.5 rounded bg-amber-100 text-amber-700">系统房间</span>
+                                    @endif
+                                    @if (!$room->door_open)
+                                        <span class="ml-1 text-xs px-1.5 py-0.5 rounded bg-red-100 text-red-600">已关闭</span>
+                                    @endif
+                                </div>
+                            </div>
+                            <div class="flex items-center gap-3 text-xs text-gray-500">
+                                <span>房主: {{ $room->room_owner ?: '无' }}</span>
+                                <span>人气: {{ $room->visit_num ?? 0 }}</span>
+                                <span>等级限制: ≥{{ $room->permit_level ?? 0 }}</span>
+                                <svg class="w-4 h-4 transition-transform" :class="editing ? 'rotate-180' : ''"
+                                    fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                                        d="M19 9l-7 7-7-7" />
+                                </svg>
+                            </div>
+                        </div>
+
+                        {{-- 编辑表单（展开） --}}
+                        <div x-show="editing" x-collapse class="border-t border-gray-200">
+                            <form action="{{ route('admin.rooms.update', $room->id) }}" method="POST" class="p-4">
+                                @csrf
+                                @method('PUT')
+                                <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                                    <div>
+                                        <label class="block text-xs font-bold text-gray-600 mb-1">房间名称</label>
+                                        <input type="text" name="room_name" value="{{ $room->room_name }}" required
+                                            class="w-full border-gray-300 rounded-md shadow-sm focus:border-indigo-500 focus:ring-indigo-500 p-2 bg-white border text-sm">
+                                    </div>
+                                    <div>
+                                        <label class="block text-xs font-bold text-gray-600 mb-1">房主用户名</label>
+                                        <input type="text" name="room_owner" value="{{ $room->room_owner }}"
+                                            class="w-full border-gray-300 rounded-md shadow-sm focus:border-indigo-500 focus:ring-indigo-500 p-2 bg-white border text-sm"
+                                            placeholder="留空为无房主">
+                                    </div>
+                                    <div class="md:col-span-2">
+                                        <label class="block text-xs font-bold text-gray-600 mb-1">房间介绍</label>
+                                        <input type="text" name="room_des" value="{{ $room->room_des }}"
+                                            class="w-full border-gray-300 rounded-md shadow-sm focus:border-indigo-500 focus:ring-indigo-500 p-2 bg-white border text-sm"
+                                            placeholder="描述这个房间的用途和氛围">
+                                    </div>
+                                    <div class="md:col-span-2">
+                                        <label class="block text-xs font-bold text-gray-600 mb-1">公告/祝福语
+                                            <span class="text-gray-400 font-normal">（在聊天室顶部滚动显示）</span></label>
+                                        <input type="text" name="announcement" value="{{ $room->announcement }}"
+                                            class="w-full border-gray-300 rounded-md shadow-sm focus:border-indigo-500 focus:ring-indigo-500 p-2 bg-white border text-sm"
+                                            placeholder="例：祝大家新年快乐！">
+                                    </div>
+                                    <div>
+                                        <label class="block text-xs font-bold text-gray-600 mb-1">进入等级限制</label>
+                                        <input type="number" name="permit_level" value="{{ $room->permit_level ?? 0 }}"
+                                            min="0" max="15"
+                                            class="w-full border-gray-300 rounded-md shadow-sm focus:border-indigo-500 focus:ring-indigo-500 p-2 bg-white border text-sm">
+                                    </div>
+                                    <div>
+                                        <label class="block text-xs font-bold text-gray-600 mb-1">房间状态</label>
+                                        <select name="door_open"
+                                            class="w-full border-gray-300 rounded-md shadow-sm focus:border-indigo-500 focus:ring-indigo-500 p-2 bg-white border text-sm">
+                                            <option value="1" {{ $room->door_open ? 'selected' : '' }}>开放</option>
+                                            <option value="0" {{ !$room->door_open ? 'selected' : '' }}>关闭</option>
+                                        </select>
+                                    </div>
+                                </div>
+                                <div class="mt-4 flex items-center gap-3">
+                                    <button type="submit"
+                                        class="px-5 py-2 bg-indigo-600 text-white rounded-md font-bold hover:bg-indigo-700 shadow-sm transition text-sm">
+                                        保存修改
+                                    </button>
+                                    @unless ($room->room_keep)
+                                        <form action="{{ route('admin.rooms.destroy', $room->id) }}" method="POST"
+                                            class="inline"
+                                            onsubmit="return confirm('确定要删除房间「{{ $room->room_name }}」吗？此操作不可撤销！')">
+                                            @csrf
+                                            @method('DELETE')
+                                            <button type="submit"
+                                                class="px-4 py-2 bg-red-500 text-white rounded-md font-bold hover:bg-red-600 transition text-sm">
+                                                删除房间
+                                            </button>
+                                        </form>
+                                    @endunless
+                                </div>
+                            </form>
+                        </div>
+                    </div>
+                @endforeach
+            </div>
+        </div>
+    </div>
+@endsection
diff --git a/resources/views/admin/sql/index.blade.php b/resources/views/admin/sql/index.blade.php
deleted file mode 100644
index a3ccadf..0000000
--- a/resources/views/admin/sql/index.blade.php
+++ /dev/null
@@ -1,98 +0,0 @@
-@extends('admin.layouts.app')
-
-@section('title', 'SQL 战术沙盒探针')
-
-@section('content')
-
-    <div class="mb-6 bg-red-50 border-l-4 border-red-500 p-4 rounded text-red-700 shadow-sm text-sm">
-        <p class="font-bold flex items-center">
-            <span class="mr-2">⚠️</span> 顶级安全警告
-        </p>
-        <p class="mt-1 ml-6">
-            此操作直接连通底层 MySQL 数据库。为杜绝《删库跑路》等生产事故，本控制台已硬编码拦截过滤：只会放行以 <code>SELECT</code>, <code>SHOW</code>,
-            <code>EXPLAIN</code> 等起手的<strong>纯只读语句</strong>。所有的增删改一律阻断。
-        </p>
-    </div>
-
-    <div class="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden mb-6">
-        <div class="p-6">
-            <form action="{{ route('admin.sql.execute') }}" method="POST">
-                @csrf
-
-                <div class="mb-4">
-                    <label class="block text-sm font-bold text-gray-700 mb-2">输入原始只读 SQL 语句</label>
-                    <textarea name="query" rows="5" required placeholder="SELECT * FROM users ORDER BY id DESC LIMIT 10;"
-                        class="w-full border-gray-300 rounded-md shadow-sm focus:border-indigo-500 focus:ring-indigo-500 p-4 bg-gray-50 border font-mono resize-y">{{ old('query', $query ?? '') }}</textarea>
-                </div>
-
-                <div class="flex justify-end pt-2">
-                    <button type="submit"
-                        class="px-6 py-2 bg-slate-800 text-white rounded-md font-bold hover:bg-slate-900 shadow-sm transition flex items-center">
-                        <span>🔥 探 针 发 射</span>
-                    </button>
-                </div>
-            </form>
-        </div>
-    </div>
-
-    {{-- 结果展示区 --}}
-    @isset($error)
-        <div
-            class="bg-red-50 border border-red-200 text-red-700 p-6 rounded-xl shadow-sm mb-6 overflow-x-auto font-mono text-sm whitespace-pre-wrap">
-            {{ $error }}
-        </div>
-        @endif
-
-        @isset($results)
-            <div class="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden">
-                <div class="bg-gray-50 px-6 py-3 border-b flex justify-between items-center text-sm font-bold text-gray-700">
-                    <span>查询结果 (共 {{ count($results) }} 条)</span>
-                </div>
-
-                <div class="overflow-x-auto p-4 max-h-[600px] custom-scrollbar overflow-y-auto">
-                    @if (empty($results))
-                        <div class="text-center text-gray-400 py-10 font-bold">SQL 执行成功，但返回了空结果集 (0 rows)</div>
-                    @else
-                        <table class="w-full text-left border-collapse text-sm">
-                            <thead>
-                                <tr class="border-b-2 border-indigo-500">
-                                    @foreach ($columns as $col)
-                                        <th
-                                            class="p-3 font-bold text-gray-600 whitespace-nowrap bg-indigo-50/50 sticky top-0 z-10 shadow-sm">
-                                            {{ $col }}</th>
-                                    @endforeach
-                                </tr>
-                            </thead>
-                            <tbody class="divide-y divide-gray-100 font-mono">
-                                @foreach ($results as $row)
-                                    <tr class="hover:bg-amber-50 transition">
-                                        @foreach ($columns as $col)
-                                            <td class="p-3 whitespace-nowrap text-gray-700">{{ $row->$col ?? 'NULL' }}</td>
-                                        @endforeach
-                                    </tr>
-                                @endforeach
-                            </tbody>
-                        </table>
-                    @endif
-                </div>
-            </div>
-        @endisset
-
-        <style>
-            /* 针对该表格页加深一点滚动条以便查看超长字段 */
-            .custom-scrollbar::-webkit-scrollbar {
-                width: 8px;
-                height: 8px;
-            }
-
-            .custom-scrollbar::-webkit-scrollbar-thumb {
-                background-color: #94a3b8;
-                border-radius: 4px;
-            }
-
-            .custom-scrollbar::-webkit-scrollbar-track {
-                background-color: #f1f5f9;
-            }
-        </style>
-
-    @endsection
diff --git a/resources/views/admin/users/index.blade.php b/resources/views/admin/users/index.blade.php
index b9e76f3..a915de8 100644
--- a/resources/views/admin/users/index.blade.php
+++ b/resources/views/admin/users/index.blade.php
@@ -4,7 +4,11 @@
 
 @section('content')
 
-    <div class="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden mb-6" x-data="{ showEditModal: false, editingUser: {} }">
+    @php
+        // 管理员级别 = 最高等级 + 1，后台编辑最高可设到管理员级别
+        $adminLevel = (int) \App\Models\Sysparam::getValue('maxlevel', '15') + 1;
+    @endphp
+    <div class="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden mb-6" x-data="{ showEditModal: false, editingUser: {}, adminLevel: {{ $adminLevel }} }">
         <div class="p-6 border-b border-gray-100 bg-gray-50 flex items-center justify-between">
             <form action="{{ route('admin.users.index') }}" method="GET" class="flex gap-2">
                 <input type="text" name="username" value="{{ request('username') }}" placeholder="搜索用户名..."
@@ -26,7 +30,7 @@
                         <th class="p-4">注册名</th>
                         <th class="p-4">性别</th>
                         <th class="p-4">等级</th>
-                        <th class="p-4">个性签名</th>
+                        <th class="p-4">经验</th>
                         <th class="p-4">注册时间</th>
                         <th class="p-4 text-right">管理操作</th>
                     </tr>
@@ -42,20 +46,32 @@
                                     <span class="font-bold text-gray-800">{{ $user->username }}</span>
                                 </div>
                             </td>
-                            <td class="p-4 text-sm">{{ $user->sex }}</td>
+                            <td class="p-4 text-sm">{{ [0 => '保密', 1 => '男', 2 => '女'][$user->sex] ?? '保密' }}</td>
                             <td class="p-4">
                                 <span
-                                    class="px-2 py-0.5 rounded-full text-xs {{ $user->user_level >= 15 ? 'bg-red-100 text-red-700 font-bold' : 'bg-gray-100 text-gray-600' }}">
+                                    class="px-2 py-0.5 rounded-full text-xs {{ $user->user_level >= 100 ? 'bg-red-100 text-red-700 font-bold' : 'bg-gray-100 text-gray-600' }}">
                                     LV.{{ $user->user_level }}
                                 </span>
                             </td>
-                            <td class="p-4 text-sm text-gray-500 truncate max-w-[200px]" title="{{ $user->sign }}">
-                                {{ $user->sign ?: '-' }}</td>
+                            <td class="p-4 text-sm font-mono text-gray-600">
+                                {{ number_format($user->exp_num ?? 0) }}
+                            </td>
                             <td class="p-4 text-sm font-mono text-gray-500">{{ $user->created_at->format('Y/m/d H:i') }}
                             </td>
                             <td class="p-4 text-right space-x-2 relative" x-data>
                                 <button
-                                    @click="editingUser = { id: {{ $user->id }}, username: '{{ addslashes($user->username) }}', user_level: {{ $user->user_level }}, sex: '{{ $user->sex }}', requestUrl: '{{ route('admin.users.update', $user->id) }}' }; showEditModal = true"
+                                    @click="editingUser = {
+                                        id: {{ $user->id }},
+                                        username: '{{ addslashes($user->username) }}',
+                                        user_level: {{ $user->user_level }},
+                                        exp_num: {{ $user->exp_num ?? 0 }},
+                                        jjb: {{ $user->jjb ?? 0 }},
+                                        meili: {{ $user->meili ?? 0 }},
+                                        sex: '{{ $user->sex }}',
+                                        qianming: '{{ addslashes($user->qianming ?? '') }}',
+                                        visit_num: {{ $user->visit_num ?? 0 }},
+                                        requestUrl: '{{ route('admin.users.update', $user->id) }}'
+                                    }; showEditModal = true"
                                     class="text-xs bg-indigo-50 text-indigo-600 font-bold px-3 py-1.5 rounded hover:bg-indigo-600 hover:text-white transition cursor-pointer">
                                     详细 / 修改
                                 </button>
@@ -86,48 +102,86 @@
         <div x-show="showEditModal" style="display: none;"
             class="fixed inset-0 z-50 bg-black/60 flex items-center justify-center p-4">
             <div @click.away="showEditModal = false"
-                class="bg-white rounded-xl shadow-2xl w-full max-w-md transform transition-all" x-transition>
+                class="bg-white rounded-xl shadow-2xl w-full max-w-lg transform transition-all" x-transition>
                 <div
                     class="bg-indigo-900 border-b border-indigo-800 px-6 py-4 flex justify-between items-center rounded-t-xl text-white">
-                    <h3 class="font-bold text-lg">全量修改：<span x-text="editingUser.username" class="text-indigo-300"></span>
+                    <h3 class="font-bold text-lg">编辑用户：<span x-text="editingUser.username" class="text-indigo-300"></span>
                     </h3>
                     <button @click="showEditModal = false" class="text-gray-400 hover:text-white">&times;</button>
                 </div>
 
                 <div class="p-6">
-                    <!-- 依靠 Alpine 绑定的 AJAX 或者 Form 提交 -->
-                    <form :action="editingUser.requestUrl" method="POST" id="adminUserUpdateForm">
+                    <form :action="editingUser.requestUrl" method="POST">
                         @csrf @method('PUT')
 
-                        <div class="mb-4">
-                            <label class="block text-sm font-bold text-gray-700 mb-2">安全等级 (0-99)</label>
-                            <input type="number" name="user_level" x-model="editingUser.user_level" required
-                                class="w-full border-gray-300 rounded shadow-sm focus:ring-indigo-500">
+                        <div class="grid grid-cols-2 gap-4">
+                            {{-- 等级 --}}
+                            <div>
+                                <label class="block text-xs font-bold text-gray-600 mb-1">等级
+                                    <span class="text-gray-400 font-normal">(最高 <span x-text="adminLevel"></span>
+                                        级 / 管理员级别)</span></label>
+                                <input type="number" name="user_level" x-model="editingUser.user_level" required
+                                    min="0" :max="adminLevel"
+                                    class="w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 p-2 border text-sm">
+                            </div>
+                            {{-- 经验 --}}
+                            <div>
+                                <label class="block text-xs font-bold text-gray-600 mb-1">经验值</label>
+                                <input type="number" name="exp_num" x-model="editingUser.exp_num" required min="0"
+                                    class="w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 p-2 border text-sm">
+                            </div>
+                            {{-- 金币 --}}
+                            <div>
+                                <label class="block text-xs font-bold text-gray-600 mb-1">金币 (jjb)</label>
+                                <input type="number" name="jjb" x-model="editingUser.jjb" required min="0"
+                                    class="w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 p-2 border text-sm">
+                            </div>
+                            {{-- 魅力 --}}
+                            <div>
+                                <label class="block text-xs font-bold text-gray-600 mb-1">魅力值</label>
+                                <input type="number" name="meili" x-model="editingUser.meili" required min="0"
+                                    class="w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 p-2 border text-sm">
+                            </div>
+                            {{-- 性别 --}}
+                            <div>
+                                <label class="block text-xs font-bold text-gray-600 mb-1">性别</label>
+                                <select name="sex" x-model="editingUser.sex"
+                                    class="w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 p-2 border text-sm">
+                                    <option value="1">男</option>
+                                    <option value="2">女</option>
+                                    <option value="0">保密</option>
+                                </select>
+                            </div>
+                            {{-- 访问次数 --}}
+                            <div>
+                                <label class="block text-xs font-bold text-gray-600 mb-1">访问次数</label>
+                                <input type="text" disabled :value="editingUser.visit_num"
+                                    class="w-full bg-gray-100 border-gray-200 rounded-md p-2 border text-sm text-gray-500">
+                            </div>
                         </div>
 
-                        <div class="mb-4">
-                            <label class="block text-sm font-bold text-gray-700 mb-2">性别</label>
-                            <select name="sex" x-model="editingUser.sex"
-                                class="w-full border-gray-300 rounded shadow-sm focus:ring-indigo-500">
-                                <option value="男">男</option>
-                                <option value="女">女</option>
-                                <option value="保密">保密</option>
-                            </select>
+                        {{-- 签名 --}}
+                        <div class="mt-4">
+                            <label class="block text-xs font-bold text-gray-600 mb-1">个性签名</label>
+                            <input type="text" name="qianming" x-model="editingUser.qianming" maxlength="255"
+                                placeholder="暂无签名"
+                                class="w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 p-2 border text-sm">
                         </div>
 
-                        <div class="mb-6">
+                        {{-- 密码 --}}
+                        <div class="mt-4">
                             <label
-                                class="block text-sm font-bold pl-1 text-red-600 border-l-4 border-red-500 bg-red-50 p-2 mb-2">强制重算密码
-                                (留空则不修改)</label>
-                            <input type="text" name="password" placeholder="强行输入新密码覆盖"
-                                class="w-full border-red-300 rounded shadow-sm focus:border-red-500 focus:ring-red-500 placeholder-red-300">
+                                class="block text-xs font-bold pl-2 text-red-600 border-l-4 border-red-500 bg-red-50 p-2 mb-1">强制重置密码
+                                <span class="font-normal text-gray-500">（留空不修改）</span></label>
+                            <input type="text" name="password" placeholder="输入新密码"
+                                class="w-full border-red-300 rounded-md shadow-sm focus:border-red-500 focus:ring-red-500 p-2 border text-sm placeholder-red-300">
                         </div>
 
-                        <div class="flex justify-end space-x-3 pt-4 border-t border-gray-100">
+                        <div class="flex justify-end space-x-3 pt-4 mt-4 border-t border-gray-100">
                             <button type="button" @click="showEditModal = false"
                                 class="px-4 py-2 border rounded font-medium text-gray-600 hover:bg-gray-50">取消</button>
                             <button type="submit"
-                                class="px-4 py-2 bg-indigo-600 text-white rounded font-bold hover:bg-indigo-700 shadow-sm">提交强制改写</button>
+                                class="px-4 py-2 bg-indigo-600 text-white rounded font-bold hover:bg-indigo-700 shadow-sm">保存修改</button>
                         </div>
                     </form>
                 </div>
diff --git a/resources/views/chat/frame.blade.php b/resources/views/chat/frame.blade.php
index 5659924..9ea6fc2 100644
--- a/resources/views/chat/frame.blade.php
+++ b/resources/views/chat/frame.blade.php
@@ -1,3 +1,12 @@
+{{--
+    文件功能：聊天室主界面框架（frame 页面）
+    全屏沉浸式布局，不使用统一 layout
+    CSS 抽取到 /public/css/chat.css
+    JS 抽取到 chat.partials.scripts Blade 模板
+
+    @author ChatRoom Laravel
+    @version 1.0.0
+--}}
 <!DOCTYPE html>
 <html lang="zh-CN">
 
@@ -5,139 +14,84 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{ $room->name ?? '聊天室' }} - 飘落流星</title>
-    <!-- 引入全局 CSRF Token -->
     <meta name="csrf-token" content="{{ csrf_token() }}">
-    <!-- 传递必要的上下文数据给 chat.js 模块使用 -->
+    @php
+        // 从 sysparam 读取权限等级配置
+        $levelKick = (int) \App\Models\Sysparam::getValue('level_kick', '60');
+        $levelMute = (int) \App\Models\Sysparam::getValue('level_mute', '50');
+        $levelBan = (int) \App\Models\Sysparam::getValue('level_ban', '80');
+        $levelBanip = (int) \App\Models\Sysparam::getValue('level_banip', '90');
+        $superLevel = (int) \App\Models\Sysparam::getValue('superlevel', '100');
+    @endphp
     <script>
         window.chatContext = {
             roomId: {{ $room->id }},
             username: "{{ $user->username }}",
             userLevel: {{ $user->user_level }},
+            superLevel: {{ $superLevel }},
+            levelKick: {{ $levelKick }},
+            levelMute: {{ $levelMute }},
+            levelBan: {{ $levelBan }},
+            levelBanip: {{ $levelBanip }},
             sendUrl: "{{ route('chat.send', $room->id) }}",
-            leaveUrl: "{{ route('chat.leave', $room->id) }}"
+            leaveUrl: "{{ route('chat.leave', $room->id) }}",
+            heartbeatUrl: "{{ route('chat.heartbeat', $room->id) }}",
+            fishCastUrl: "{{ route('fishing.cast', $room->id) }}",
+            fishReelUrl: "{{ route('fishing.reel', $room->id) }}"
         };
     </script>
-    <script src="https://cdn.tailwindcss.com"></script>
     @vite(['resources/css/app.css', 'resources/js/app.js', 'resources/js/chat.js'])
-    <style>
-        /* 自定义滚动条样式，让界面更清爽 */
-        .chat-scroll::-webkit-scrollbar {
-            width: 6px;
-        }
-
-        .chat-scroll::-webkit-scrollbar-thumb {
-            background-color: #cbd5e1;
-            border-radius: 4px;
-        }
-
-        .chat-scroll::-webkit-scrollbar-track {
-            background-color: transparent;
-        }
-    </style>
+    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
+    <link rel="stylesheet" href="/css/chat.css">
 </head>
 
-<body class="bg-gray-100 flex h-screen overflow-hidden text-sm">
+<body>
+    <div class="chat-layout">
 
-    <!-- 左侧/中间部分：主聊天区域与控制台 -->
-    <div class="flex-1 flex flex-col h-full bg-white relative">
-        <!-- 头部房间信息栏 -->
-        <header
-            class="h-14 border-b bg-gradient-to-r from-blue-500 to-indigo-600 text-white flex items-center justify-between px-6 shadow-sm z-10">
-            <div class="flex items-center space-x-3">
-                <span class="font-bold text-lg tracking-wide">{{ $room->name }}</span>
-                <span id="room-title-display"
-                    class="text-xs bg-white/20 px-2 py-1 rounded-full">{{ $room->description ?? '欢迎光临！' }}</span>
-            </div>
-            <div class="flex items-center space-x-4">
-                <span class="text-sm opacity-90"><i class="font-semibold">{{ $user->username }}</i>
-                    (LV.{{ $user->user_level }})</span>
-                <button type="button" onclick="leaveRoom()"
-                    class="px-3 py-1.5 bg-white/10 hover:bg-red-500 hover:text-white rounded transition text-xs font-semibold">
-                    退出房间
-                </button>
-            </div>
-        </header>
+        {{-- ═══════════ 左侧主区域 ═══════════ --}}
+        <div class="chat-left">
 
-        <!-- 聊天记录展示区 -->
-        <main id="chat-messages-container" class="flex-1 overflow-y-auto p-4 chat-scroll bg-gray-50/50 space-y-3">
-            <div class="text-center text-xs text-gray-400 my-4">-- 以上是历史消息 --</div>
-            <!-- 气泡动态挂载点 -->
-        </main>
+            {{-- 顶部标题栏 + 公告滚动条（独立文件维护） --}}
+            @include('chat.partials.header')
 
-        <!-- 底部发言控制区 -->
-        <footer class="h-auto min-h-24 bg-white border-t p-3 shadow-inner z-10">
-            <form id="chat-form" onsubmit="sendMessage(event)" class="max-w-5xl mx-auto flex flex-col space-y-2">
-
-                <div class="flex items-center space-x-3 text-xs text-gray-600 px-1">
-                    <label class="flex items-center space-x-1 cursor-pointer">
-                        <span>对</span>
-                        <select id="to_user" name="to_user"
-                            class="border border-gray-300 rounded px-1 py-0.5 focus:ring-1 focus:ring-blue-500 focus:border-blue-500 bg-gray-50">
-                            <option value="大家" selected>所有人</option>
-                            <!-- 在线人员将动态加载到这里 -->
-                        </select>
-                        <span>说:</span>
-                    </label>
-
-                    <label class="flex items-center space-x-1 cursor-pointer">
-                        <span>动作:</span>
-                        <select id="action" name="action"
-                            class="border border-gray-300 rounded px-1 py-0.5 focus:ring-1 focus:ring-blue-500 focus:border-blue-500 bg-gray-50">
-                            <option value="">(无动作)</option>
-                            <option value="微笑">微笑</option>
-                            <option value="大笑">大笑</option>
-                            <option value="愤怒">愤怒</option>
-                        </select>
-                    </label>
-
-                    <label class="flex items-center space-x-1 cursor-pointer">
-                        <span>字体色:</span>
-                        <input type="color" id="font_color" name="font_color" value="#000000"
-                            class="w-6 h-6 p-0 border-0 cursor-pointer rounded">
-                    </label>
-
-                    <label class="flex items-center space-x-1 cursor-pointer hover:text-blue-600 transition">
-                        <input type="checkbox" id="is_secret" name="is_secret" value="1"
-                            class="text-blue-500 rounded focus:ring-blue-500">
-                        <span>悄悄话</span>
-                    </label>
+            {{-- 消息窗格（双窗格，默认只显示 say1） --}}
+            <div class="message-panes" id="message-panes">
+                {{-- 主消息窗 --}}
+                <div class="message-pane say1" id="chat-messages-container">
+                    <div class="msg-line">
+                        <span style="color: #cc0000; font-weight: bold;">【公众窗口】</span>显示公众的发言！
+                        <span class="msg-time">({{ now()->format('H:i:s') }})</span><br>
+                        <span
+                            style="color: #000099;">『{{ $room->name }}』{{ $room->description ?? '欢迎光临！畅所欲言，文明聊天。' }}</span>
+                    </div>
                 </div>
-
-                <div class="flex items-end space-x-2">
-                    <textarea id="content" name="content" rows="2"
-                        class="flex-1 border border-gray-300 rounded-md p-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none resize-none transition-shadow text-sm"
-                        placeholder="在这里输入聊天内容，按 Ctrl+Enter 快捷发送..."></textarea>
-
-                    <button type="submit" id="send-btn"
-                        class="h-11 px-6 bg-blue-600 hover:bg-blue-700 text-white font-semibold rounded-md shadow transition flex-shrink-0">
-                        发送消息
-                    </button>
+                {{-- 副消息窗（包厢窗） --}}
+                <div class="message-pane say2" id="chat-messages-container2">
+                    <div class="msg-line">
+                        <span style="color: #cc0000; font-weight: bold;">【包厢窗口】</span>显示包厢名单中聊友的发言！
+                        <span class="msg-time">({{ now()->format('H:i:s') }})</span>
+                    </div>
                 </div>
-            </form>
-        </footer>
+            </div>
+
+            {{-- 底部输入工具栏（独立文件维护） --}}
+            @include('chat.partials.input-bar')
+        </div>
+
+        {{-- ═══════════ 竖向工具条（独立文件维护） ═══════════ --}}
+        @include('chat.partials.toolbar')
+
+        {{-- ═══════════ 右侧用户面板（独立文件维护） ═══════════ --}}
+        @include('chat.partials.right-panel')
     </div>
 
-    <!-- 右侧：在线人员面板 -->
-    <aside class="w-64 bg-gray-50 border-l flex flex-col h-full shadow-lg z-20">
-        <div class="h-14 border-b bg-gray-100 flex items-center justify-center font-bold text-gray-700 tracking-wider">
-            📶 在线人员 (<span id="online-count">0</span>)
-        </div>
-        <div class="flex-1 overflow-y-auto p-2 chat-scroll">
-            <ul id="online-users-list" class="space-y-1">
-                <!-- 在线列表渲染点 -->
-                <li class="flex items-center justify-center h-full text-xs text-gray-400 mt-10">加载中...</li>
-            </ul>
-        </div>
-    </aside>
-
-    <!-- 弹窗容器 (Alpine 作用域外置挂载) -->
+    {{-- ═══════════ 用户名片弹窗 (Alpine.js) ═══════════ --}}
     <div id="user-modal-container" x-data="{
         showUserModal: false,
         userInfo: {},
         isMuting: false,
         muteDuration: 5,
     
-        // 获取用户资料
         async fetchUser(username) {
             try {
                 const res = await fetch('/user/' + encodeURIComponent(username));
@@ -149,7 +103,6 @@
             }
         },
     
-        // 执行踢出
         async kickUser() {
             if (!confirm('确定要将 ' + this.userInfo.username + ' 踢出房间吗？')) return;
             try {
@@ -173,7 +126,6 @@
             }
         },
     
-        // 执行禁言
         async muteUser() {
             try {
                 const res = await fetch('/user/' + encodeURIComponent(this.userInfo.username) + '/mute', {
@@ -200,337 +152,110 @@
             }
         }
     }">
-        <!-- 用户名片弹窗 -->
-        <div x-show="showUserModal" style="display: none;"
-            class="fixed inset-0 z-[100] bg-black/60 backdrop-blur-sm flex items-center justify-center p-4">
-            <div @click.away="showUserModal = false"
-                class="bg-white rounded-2xl shadow-2xl w-full max-w-sm overflow-hidden transform transition-all"
-                x-transition.scale.95>
-
-                <div class="bg-gradient-to-r from-blue-500 to-indigo-600 h-24 relative">
-                    <button @click="showUserModal = false"
-                        class="absolute top-3 right-3 text-white/80 hover:text-white font-bold">&times;</button>
+        <div x-show="showUserModal" style="display: none;" class="modal-overlay"
+            x-on:click.self="showUserModal = false">
+            <div class="modal-card" x-transition>
+                {{-- 弹窗头部 --}}
+                <div class="modal-header">
+                    <h3 x-text="'用户名片 · ' + userInfo.username"></h3>
+                    <button class="modal-close" x-on:click="showUserModal = false">&times;</button>
                 </div>
-
-                <div class="px-6 pb-6 relative pt-12">
-                    <!-- 头像 (暂时用占位圆圈代替，后续从 /images/headface 读取) -->
-                    <div
-                        class="absolute -top-12 left-6 w-20 h-20 rounded-full border-4 border-white bg-gray-200 flex items-center justify-center text-gray-400 font-bold text-xl shadow-md">
-                        <img x-show="userInfo.headface" :src="'/images/headface/' + userInfo.headface"
-                            class="w-full h-full rounded-full object-cover"
-                            @@error="$el.style.display='none'">
-                        <span x-show="!userInfo.headface">Pic</span>
-                    </div>
-
-                    <div class="mt-2">
-                        <h3 class="text-2xl font-bold text-gray-800 flex items-center space-x-2">
-                            <span x-text="userInfo.username"></span>
-                            <span
-                                :class="userInfo.sex === '男' ? 'bg-blue-100 text-blue-700' : (userInfo
-                                    .sex === '女' ? 'bg-pink-100 text-pink-700' : 'bg-gray-100 text-gray-700')"
-                                class="text-[10px] px-2 py-0.5 rounded-full" x-text="userInfo.sex"></span>
-                        </h3>
-                        <p class="text-indigo-600 text-sm font-semibold mt-1">LV.<span
-                                x-text="userInfo.user_level"></span></p>
-
-                        <div class="mt-4 bg-gray-50 border border-gray-100 rounded-lg p-3">
-                            <p class="text-sm text-gray-600 italic" x-text="userInfo.sign"></p>
-                        </div>
-                        <p class="text-xs text-gray-400 mt-3 border-t pt-2">加入时间: <span
-                                x-text="userInfo.created_at"></span></p>
-                    </div>
-
-                    <!-- 特权操作区（仅超管或房主显示踢人操作）-->
-                    @if (Auth::user()->user_level >= 15 || $room->master == Auth::user()->username)
-                        <div class="mt-6 pt-4 border-t border-gray-100"
-                            x-show="userInfo.username !== window.chatContext.username && userInfo.user_level < {{ Auth::user()->user_level }}">
-                            <p class="text-xs font-bold text-red-400 mb-2">特权操作</p>
-                            <div class="flex space-x-2">
-                                <button @click="kickUser()"
-                                    class="flex-1 bg-red-100 text-red-700 hover:bg-red-200 py-1.5 rounded-md text-sm font-bold transition">踢出房间</button>
-                                <button @click="isMuting = !isMuting"
-                                    class="flex-1 bg-amber-100 text-amber-700 hover:bg-amber-200 py-1.5 rounded-md text-sm font-bold transition">禁言拦截</button>
-                            </div>
-
-                            <!-- 禁言表单 -->
-                            <div x-show="isMuting"
-                                class="mt-3 bg-amber-50 rounded p-2 flex items-center space-x-2 border border-amber-200"
-                                style="display: none;">
-                                <input type="number" x-model="muteDuration"
-                                    class="w-full border-amber-300 rounded focus:ring-amber-500 text-sm px-2 py-1"
-                                    placeholder="分钟" min="1">
-                                <span class="text-xs text-amber-800 shrink-0">分钟</span>
-                                <button @click="muteUser()"
-                                    class="bg-amber-500 hover:bg-amber-600 text-white px-3 py-1 rounded text-sm font-bold shrink-0 shadow-sm">执行</button>
+                {{-- 弹窗内容 --}}
+                <div class="modal-body">
+                    <div class="profile-row">
+                        <img class="profile-avatar" x-show="userInfo.headface"
+                            :src="'/images/headface/' + userInfo.headface" x-on:error="$el.style.display='none'">
+                        <div class="profile-info">
+                            <h4>
+                                <span x-text="userInfo.username"></span>
+                                <span class="level-badge" x-text="'LV.' + userInfo.user_level"></span>
+                                <span class="sex-badge"
+                                    x-text="userInfo.sex === '男' ? '♂' : (userInfo.sex === '女' ? '♀' : '')"
+                                    :style="userInfo.sex === '男' ? 'color: blue' : (userInfo.sex === '女' ?
+                                        'color: deeppink' : '')"></span>
+                            </h4>
+                            <div style="font-size: 11px; color: #999; margin-top: 2px;">
+                                加入: <span x-text="userInfo.created_at"></span>
                             </div>
                         </div>
-                    @endif
+                    </div>
+                    <div class="profile-detail" x-text="userInfo.sign || '这家伙很懒，什么也没留下'"></div>
                 </div>
 
-                <!-- 常规操作：飞鸽传书 私信 -->
-                <div class="px-6 pb-6 pt-2" x-show="userInfo.username !== window.chatContext.username">
-                    <a :href="'{{ route('guestbook.index', ['tab' => 'outbox']) }}&to=' + encodeURIComponent(userInfo
-                        .username)"
-                        target="_blank"
-                        class="w-full bg-pink-100 text-pink-700 hover:bg-pink-200 py-2.5 rounded-lg font-bold transition flex items-center justify-center shadow-sm text-center">
-                        <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z">
-                            </path>
-                        </svg>
-                        飞鸽传书 (发私信)
+                {{-- 操作按钮 --}}
+                <div class="modal-actions" x-show="userInfo.username !== window.chatContext.username">
+                    <button class="btn-whisper"
+                        x-on:click="document.getElementById('to_user').value = userInfo.username; document.getElementById('content').focus(); showUserModal = false;">
+                        悄悄话
+                    </button>
+                    <a class="btn-mail"
+                        :href="'{{ route('guestbook.index', ['tab' => 'outbox']) }}&to=' + encodeURIComponent(userInfo
+                            .username)"
+                        target="_blank">
+                        写私信
                     </a>
                 </div>
+
+                {{-- 特权操作（管理员/房主） --}}
+                @if (Auth::user()->user_level >= $levelKick || $room->master == Auth::user()->username)
+                    <div style="padding: 0 16px 12px;"
+                        x-show="userInfo.username !== window.chatContext.username && userInfo.user_level < {{ Auth::user()->user_level }}">
+                        <div style="font-size: 11px; color: #c00; margin-bottom: 6px; font-weight: bold;">管理操作</div>
+                        <div style="display: flex; gap: 8px;">
+                            <button class="btn-kick" style="flex:1; padding: 5px; border-radius: 4px;"
+                                x-on:click="kickUser()">踢出</button>
+                            <button class="btn-mute" style="flex:1; padding: 5px; border-radius: 4px;"
+                                x-on:click="isMuting = !isMuting">禁言</button>
+                        </div>
+                    </div>
+                    <div class="mute-form" x-show="isMuting" style="display: none;">
+                        <input type="number" x-model="muteDuration" min="1" placeholder="分钟">
+                        <span style="font-size: 11px; color: #b86e00;">分钟</span>
+                        <button x-on:click="muteUser()">执行</button>
+                    </div>
+                @endif
             </div>
         </div>
     </div>
 
-    <script>
-        // 核心页面交互逻辑，连接 chat.js 抛出的自定义事件
+    {{-- ═══════════ 聊天室交互脚本（独立文件维护） ═══════════ --}}
+    @include('chat.partials.scripts')
 
-        const container = document.getElementById('chat-messages-container');
-        const userList = document.getElementById('online-users-list');
-        const toUserSelect = document.getElementById('to_user');
-        const onlineCount = document.getElementById('online-count');
+    {{-- ═══════════ 头像选择弹窗 ═══════════ --}}
+    <div id="avatar-picker-modal"
+        style="display:none; position:fixed; top:0; left:0; right:0; bottom:0;
+        background:rgba(0,0,0,0.5); z-index:9999; justify-content:center; align-items:center;">
+        <div
+            style="background:#fff; width:600px; max-height:80vh; border-radius:6px; overflow:hidden;
+            box-shadow:0 4px 20px rgba(0,0,0,0.3); display:flex; flex-direction:column;">
+            {{-- 标题栏 --}}
+            <div
+                style="background:#336699; color:#fff; padding:10px 16px; font-size:14px; font-weight:bold;
+                display:flex; justify-content:space-between; align-items:center;">
+                <span>🖼 修改头像（原版风格）</span>
+                <span style="cursor:pointer; font-size:18px;" onclick="closeAvatarPicker()">✕</span>
+            </div>
 
-        let onlineUsers = {}; // 用于本地维护在线名单
+            {{-- 预览区 --}}
+            <div
+                style="padding:10px 16px; background:#f0f6ff; border-bottom:1px solid #ddd; display:flex; align-items:center; gap:12px;">
+                <span style="font-size:12px; color:#666;">当前选中：</span>
+                <img id="avatar-preview" src="/images/headface/{{ $user->usersf ?: '1.GIF' }}"
+                    style="width:40px; height:40px; border:2px solid #336699; border-radius:4px;">
+                <span id="avatar-selected-name" style="font-size:12px; color:#333;">{{ $user->usersf ?: '未设置' }}</span>
+                <button id="avatar-save-btn" disabled onclick="saveAvatar()"
+                    style="margin-left:auto; padding:5px 16px; background:#336699; color:#fff; border:none;
+                    border-radius:3px; font-size:12px; cursor:pointer;">确定更换</button>
+            </div>
 
-        // 辅助：滚动到底部
-        function scrollToBottom() {
-            container.scrollTop = container.scrollHeight;
-        }
+            {{-- 头像网格 --}}
+            <div id="avatar-grid"
+                style="flex:1; overflow-y:auto; padding:10px; display:flex; flex-wrap:wrap;
+                gap:4px; align-content:flex-start;">
+            </div>
+        </div>
+    </div>
 
-        // 辅助：渲染在线人员列表
-        function renderUserList() {
-            userList.innerHTML = '';
-            // 同时更新“对谁说”下拉框（保留大家选项）
-            toUserSelect.innerHTML = '<option value="大家">所有人</option>';
-
-            let count = 0;
-            for (let username in onlineUsers) {
-                count++;
-                let user = onlineUsers[username];
-
-                // 渲染右侧面板
-                let li = document.createElement('li');
-                li.className =
-                    'px-3 py-2 hover:bg-blue-50 rounded cursor-pointer transition flex items-center justify-between border-b border-gray-100 last:border-0';
-                li.innerHTML = `
-                    <div class="flex items-center space-x-2 truncate">
-                        <span class="w-2 h-2 rounded-full bg-green-500 shrink-0 shadow-[0_0_5px_rgba(34,197,94,0.5)]"></span>
-                        <span class="text-sm font-medium text-gray-700 truncate" title="${username}">${username}</span>
-                    </div>
-                `;
-                // 单击右侧列表可以快速查看资料 / @ 人
-                li.onclick = () => {
-                    toUserSelect.value = username;
-                    // 触发 Alpine 挂载的查看名片方法
-                    const modalScope = document.querySelector('[x-data]').__x.$data;
-                    if (modalScope && username !== window.chatContext.username) {
-                        modalScope.fetchUser(username);
-                    }
-                };
-                userList.appendChild(li);
-
-                // 添加到“对谁说”列表
-                if (username !== window.chatContext.username) {
-                    let option = document.createElement('option');
-                    option.value = username;
-                    option.textContent = username;
-                    toUserSelect.appendChild(option);
-                }
-            }
-            onlineCount.innerText = count;
-        }
-
-        // 辅助：渲染单条消息气泡
-        function appendMessage(msg) {
-            const isMe = msg.from_user === window.chatContext.username;
-            const alignClass = isMe ? 'justify-end' : 'justify-start';
-            const bubbleBg = isMe ? 'bg-blue-500 text-white' : 'bg-white border border-gray-200 text-gray-800';
-            const textColorAttr = msg.font_color && msg.font_color !== '#000000' && msg.font_color !== '#000' && !isMe ?
-                `color: ${msg.font_color}` : '';
-
-            let headerText = '';
-
-            // 辅助：生成可点击的用户名 HTML
-            const clickableUser = (uName) =>
-                `<span class="cursor-pointer hover:underline hover:text-blue-600 transition" onclick="document.querySelector('[x-data]').__x.$data.fetchUser('${uName}')">${uName}</span>`;
-
-            if (msg.to_user !== '大家') {
-                headerText = `${clickableUser(msg.from_user)} 对 ${clickableUser(msg.to_user)} ${msg.action} 说：`;
-                if (msg.is_secret) headerText = `[悄悄话] ` + headerText;
-            } else {
-                headerText = `${clickableUser(msg.from_user)} ${msg.action} 说：`;
-            }
-
-            const div = document.createElement('div');
-            div.className = `flex ${alignClass} mb-3 group`;
-
-            let html = `
-                <div class="max-w-[75%] flex flex-col space-y-1">
-                    <div class="text-[11px] text-gray-400 ${isMe ? 'text-right hidden group-hover:block transition-all' : 'text-left pl-1'}">${headerText} <span class="ml-2 font-mono">${msg.sent_at}</span></div>
-                    <div class="px-4 py-2 rounded-2xl shadow-sm leading-relaxed whitespace-pre-wrap word-break ${bubbleBg}" style="${textColorAttr}">${msg.content}</div>
-                </div>
-            `;
-
-            div.innerHTML = html;
-            container.appendChild(div);
-            scrollToBottom();
-        }
-
-        // 🚀 初始化 WebSocket 监听器
-        document.addEventListener('DOMContentLoaded', () => {
-            if (typeof window.initChat === 'function') {
-                window.initChat(window.chatContext.roomId);
-            }
-        });
-
-        // 🔌 监听 WebSocket 事件
-        window.addEventListener('chat:here', (e) => {
-            const users = e.detail;
-            onlineUsers = {};
-            users.forEach(u => {
-                onlineUsers[u.username] = u;
-            });
-            renderUserList();
-        });
-
-        window.addEventListener('chat:joining', (e) => {
-            const user = e.detail;
-            onlineUsers[user.username] = user;
-            renderUserList();
-
-            // 可选：渲染一条系统提示“某某加入了房间”
-        });
-
-        window.addEventListener('chat:leaving', (e) => {
-            const user = e.detail;
-            delete onlineUsers[user.username];
-            renderUserList();
-        });
-
-        window.addEventListener('chat:message', (e) => {
-            const msg = e.detail;
-            // 过滤私聊：如果是别人对别人的悄悄话，自己不应该显示
-            if (msg.is_secret && msg.from_user !== window.chatContext.username && msg.to_user !== window.chatContext
-                .username) {
-                return;
-            }
-            appendMessage(msg);
-        });
-
-        window.addEventListener('chat:kicked', (e) => {
-            if (e.detail.username === window.chatContext.username) {
-                alert("您已被管理员踢出房间！");
-                window.location.href = "{{ route('home') }}";
-            }
-        });
-
-        window.addEventListener('chat:title-updated', (e) => {
-            document.getElementById('room-title-display').innerText = e.detail.title;
-        });
-
-
-        // 📤 发送消息逻辑
-        document.getElementById('content').addEventListener('keydown', function(e) {
-            if (e.ctrlKey && e.key === 'Enter') {
-                e.preventDefault();
-                sendMessage(e);
-            }
-        });
-
-        async function sendMessage(e) {
-            if (e) e.preventDefault();
-
-            const form = document.getElementById('chat-form');
-            const formData = new FormData(form);
-            const contentInput = document.getElementById('content');
-            const submitBtn = document.getElementById('send-btn');
-
-            const content = formData.get('content').trim();
-            if (!content) {
-                contentInput.focus();
-                return;
-            }
-
-            // 锁定按钮防连点
-            submitBtn.disabled = true;
-            submitBtn.classList.add('opacity-50', 'cursor-not-allowed');
-
-            try {
-                const response = await fetch(window.chatContext.sendUrl, {
-                    method: 'POST',
-                    headers: {
-                        'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute(
-                            'content'),
-                        'Accept': 'application/json'
-                    },
-                    body: formData
-                });
-
-                const data = await response.json();
-                if (response.ok && data.status === 'success') {
-                    // 发送成功，清空刚才的输入并获取焦点
-                    contentInput.value = '';
-                    contentInput.focus();
-                } else {
-                    alert('发送失败: ' + (data.message || JSON.stringify(data.errors)));
-                }
-            } catch (error) {
-                alert('网络连接错误，消息发送失败！');
-                console.error(error);
-            } finally {
-                // 解锁按钮
-                submitBtn.disabled = false;
-                submitBtn.classList.remove('opacity-50', 'cursor-not-allowed');
-            }
-        }
-
-        // 🚪 退出房间逻辑
-        async function leaveRoom() {
-            if (!confirm('确定要离开聊天室吗？')) return;
-
-            try {
-                await fetch(window.chatContext.leaveUrl, {
-                    method: 'POST',
-                    headers: {
-                        'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute(
-                            'content'),
-                        'Accept': 'application/json'
-                    }
-                });
-            } catch (e) {
-                console.error(e);
-            }
-            window.location.href = "{{ route('home') }}";
-        }
-
-        // ⏳ 自动挂机心跳 (每 3 分钟执行一次)
-        const HEARTBEAT_INTERVAL = 180 * 1000;
-        setInterval(async () => {
-            if (!window.chatContext || !window.chatContext.heartbeatUrl) return;
-
-            try {
-                const response = await fetch(window.chatContext.heartbeatUrl, {
-                    method: 'POST',
-                    headers: {
-                        'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute(
-                            'content'),
-                        'Accept': 'application/json'
-                    }
-                });
-
-                const data = await response.json();
-                if (response.ok && data.status === 'success') {
-                    // 可选：在这里如果需要更新自己的名片经验条，可触发 Alpine 等级更新（如果实现了前台独立显示自己经验的功能的话）
-                    console.log('心跳存点成功，当前经验值：' + data.data.exp_num + ', 等级：' + data.data.user_level);
-                }
-            } catch (e) {
-                console.error('挂机心跳断开', e);
-            }
-        }, HEARTBEAT_INTERVAL);
-    </script>
 </body>
 
 </html>
diff --git a/resources/views/chat/partials/header.blade.php b/resources/views/chat/partials/header.blade.php
new file mode 100644
index 0000000..f3a50a3
--- /dev/null
+++ b/resources/views/chat/partials/header.blade.php
@@ -0,0 +1,22 @@
+{{--
+    文件功能：聊天室顶部标题栏 + 公告滚动条
+    从 frame.blade.php 拆分，便于独立维护
+
+    依赖变量：$room
+--}}
+
+{{-- 顶部标题栏（第一行：房间名称 + 介绍） --}}
+<div class="room-title-bar">
+    <div class="room-name">●{{ $room->name }}●<span style="font-size:12px; font-weight:normal;">在线<span
+                id="online-count">0</span>人</span></div>
+    <div class="room-desc" id="room-title-display">{{ $room->description ?? '欢迎光临本聊天室！畅所欲言，文明聊天。' }}
+    </div>
+</div>
+
+{{-- 第二行：公告/祝福语滚动条（有权限的用户可设置） --}}
+<div class="room-announcement-bar" id="announcement-bar">
+    <marquee behavior="scroll" direction="left" scrollamount="3" style="color:#cc0000; font-size:12px; font-weight:bold;"
+        id="announcement-text">
+        {{ $room->announcement ?? '欢迎来到聊天室！祝大家聊天愉快！' }}
+    </marquee>
+</div>
diff --git a/resources/views/chat/partials/input-bar.blade.php b/resources/views/chat/partials/input-bar.blade.php
new file mode 100644
index 0000000..7ea215b
--- /dev/null
+++ b/resources/views/chat/partials/input-bar.blade.php
@@ -0,0 +1,102 @@
+{{--
+    文件功能：聊天室底部输入工具栏（两行结构）
+    第一行：发送对象、动作、字色、悄悄话、滚屏、分屏、管理操作
+    第二行：输入框 + 发送按钮
+    从 frame.blade.php 拆分，便于独立维护
+
+    依赖变量：$user, $room, $levelKick, $levelMute, $levelBan, $levelBanip
+--}}
+
+<div class="input-bar">
+    <form id="chat-form" onsubmit="sendMessage(event)">
+        {{-- 第一行：工具选项 --}}
+        <div class="input-row">
+            <label>对
+                <select id="to_user" name="to_user" style="color: #224466;">
+                    <option value="大家" selected>大家</option>
+                </select>
+                说:
+            </label>
+
+            <label>动作:
+                <select id="action" name="action">
+                    <option value="">无</option>
+                    <option value="微笑">微笑</option>
+                    <option value="大笑">大笑</option>
+                    <option value="愤怒">愤怒</option>
+                    <option value="哭泣">哭泣</option>
+                    <option value="害羞">害羞</option>
+                    <option value="鄙视">鄙视</option>
+                    <option value="得意">得意</option>
+                    <option value="疑惑">疑惑</option>
+                    <option value="同情">同情</option>
+                    <option value="无奈">无奈</option>
+                    <option value="拳打">拳打</option>
+                    <option value="飞吻">飞吻</option>
+                    <option value="偷看">偷看</option>
+                </select>
+            </label>
+
+            <label>字色:
+                <input type="color" id="font_color" name="font_color" value="{{ $user->s_color ?? '#000000' }}"
+                    style="width: 22px; height: 18px; padding: 0; border: 1px solid navy; cursor: pointer;">
+            </label>
+
+            <label title="仅对方和自己可见">
+                <input type="checkbox" id="is_secret" name="is_secret" value="1">
+                悄悄话
+            </label>
+
+            <label title="自动滚屏到最新消息">
+                <input type="checkbox" id="auto_scroll" checked>
+                滚屏
+            </label>
+
+            <label>分屏:
+                <select id="split_screen" onchange="changeSplitScreen(this.value)">
+                    <option value="0">单窗</option>
+                    <option value="1">上下分</option>
+                </select>
+            </label>
+            {{-- 管理操作（根据权限显示） --}}
+            @if ($user->user_level >= $levelKick || $room->master == $user->username)
+                <select id="admin-action-select"
+                    style="font-size: 11px; padding: 1px 2px; border: 1px solid #8ab; border-radius: 2px; color: #c00;">
+                    <option value="">管理操作 ▾</option>
+                    @if ($user->user_level >= $levelKick || $room->master == $user->username)
+                        <option value="kick">踢出房间</option>
+                    @endif
+                    @if ($user->user_level >= $levelMute || $room->master == $user->username)
+                        <option value="mute">禁言</option>
+                    @endif
+                    @if ($user->user_level >= $levelBan)
+                        <option value="ban">封号</option>
+                    @endif
+                    @if ($user->user_level >= $levelBanip)
+                        <option value="banip">封IP</option>
+                    @endif
+                </select>
+                <button type="button" onclick="executeAdminAction()"
+                    style="font-size: 11px; padding: 1px 6px; background: #c44; color: #fff; border: none; border-radius: 2px; cursor: pointer;">执行</button>
+            @endif
+
+            @if (
+                $user->user_level >= (int) \App\Models\Sysparam::getValue('level_announcement', '10') ||
+                    $room->master == $user->username)
+                <button type="button" onclick="promptAnnouncement()"
+                    style="font-size: 11px; padding: 1px 6px; background: #4a9; color: #fff; border: none; border-radius: 2px; cursor: pointer;">设公告</button>
+            @endif
+
+            <button type="button" id="fishing-btn" onclick="startFishing()"
+                style="font-size: 11px; padding: 1px 6px; background: #2563eb; color: #fff; border: none; border-radius: 2px; cursor: pointer;">🎣
+                钓鱼</button>
+        </div>
+
+        {{-- 第二行：输入框 + 发送 --}}
+        <div class="input-row">
+            <input type="text" id="content" name="content" class="say-input" placeholder="在这里输入聊天内容，按 Enter 发送..."
+                autocomplete="off">
+            <button type="submit" id="send-btn" class="send-btn">发送</button>
+        </div>
+    </form>
+</div>
diff --git a/resources/views/chat/partials/right-panel.blade.php b/resources/views/chat/partials/right-panel.blade.php
new file mode 100644
index 0000000..49ee52d
--- /dev/null
+++ b/resources/views/chat/partials/right-panel.blade.php
@@ -0,0 +1,91 @@
+{{--
+    文件功能：右侧用户面板（复刻原版）
+    包含：名单/房间/贴图/酷库 四个 Tab 面板
+    独立文件方便维护
+
+    依赖变量：$room（当前房间模型）
+--}}
+<div class="chat-right">
+    {{-- Tab 标题栏（原版：名单/房间/贴图/酷库） --}}
+    <div class="right-tabs">
+        <button class="tab-btn active" id="tab-users" onclick="switchTab('users')">名单</button>
+        <button class="tab-btn" id="tab-rooms" onclick="switchTab('rooms')">房间</button>
+        <button class="tab-btn" id="tab-emoji" onclick="switchTab('emoji')">贴图</button>
+        <button class="tab-btn" id="tab-action" onclick="switchTab('action')">酷库</button>
+    </div>
+
+    {{-- 用户列表面板 --}}
+    <div class="user-list-content" id="panel-users">
+        {{-- 房间信息头部（原版风格：房间名 + 人气 + 在线人数） --}}
+        <div style="text-align:center; padding:4px 6px; border-bottom:1px solid #cde; background:#f0f6ff;">
+            <div style="color:#336699; font-weight:bold; font-size:12px;">【{{ $room->name }}】</div>
+            <div style="color:#cc6600; font-size:11px;">人气:{{ $room->visit_num ?? 0 }}</div>
+            <div style="font-size:11px; color:#999; margin-top:2px;">
+                <span id="online-count-bottom">0</span>人
+                <a href="#" onclick="renderUserList(); return false;"
+                    style="color:#c00; font-size:10px; margin-left:4px;">刷新</a>
+            </div>
+        </div>
+
+        {{-- 排序 + 搜索（原版风格） --}}
+        <div style="padding:3px 4px; border-bottom:1px solid #cde; background:#f8fbff; font-size:11px;">
+            <div style="display:flex; align-items:center; gap:4px; margin-bottom:3px;">
+                <span style="color:#666; flex-shrink:0;">排序:</span>
+                <select id="user-sort-select" onchange="renderUserList()"
+                    style="flex:1; font-size:11px; padding:1px; border:1px solid #aac; border-radius:2px;">
+                    <option value="default">默认</option>
+                    <option value="name">按名称</option>
+                    <option value="level">按等级</option>
+                </select>
+            </div>
+            <div style="display:flex; align-items:center; gap:2px;">
+                <input type="text" id="user-search-input" placeholder="搜索用户" onkeyup="filterUserList()"
+                    style="width:100%; font-size:11px; padding:2px 4px; border:1px solid #aac; border-radius:2px; box-sizing:border-box;">
+            </div>
+        </div>
+
+        {{-- 用户列表 --}}
+        <div id="online-users-list" style="padding:2px;">
+            <div style="text-align:center; color:#999; padding:20px 0; font-size:11px;">加载中...</div>
+        </div>
+        {{-- 管理员名单链接 --}}
+        <div style="text-align:center; padding:4px; border-top:1px solid #cde; font-size:11px;">
+            <a href="#" style="color:#336699; font-weight:bold;">管理员名单</a>
+        </div>
+    </div>
+
+    {{-- 房间列表面板 --}}
+    <div class="user-list-content" id="panel-rooms" style="display: none;">
+        <div style="text-align: center; color: #999; padding: 20px 0; font-size: 11px;">
+            <a href="{{ route('rooms.index') }}" target="_blank">打开大厅查看房间列表</a>
+        </div>
+    </div>
+
+    {{-- 贴图面板 --}}
+    <div class="user-list-content" id="panel-emoji" style="display: none; padding: 6px;">
+        <div style="display: flex; flex-wrap: wrap; gap: 2px; justify-content: center;">
+            @for ($i = 1; $i <= 50; $i++)
+                <img src="/images/emoji/{{ $i }}.gif" width="24" height="24"
+                    style="cursor: pointer; border: 1px solid transparent; border-radius: 2px;"
+                    onmouseover="this.style.borderColor='#336699'" onmouseout="this.style.borderColor='transparent'"
+                    onclick="insertEmoji('[IMG]{{ $i }}[/IMG]')" title="表情{{ $i }}"
+                    onerror="this.style.display='none'">
+            @endfor
+        </div>
+    </div>
+
+    {{-- 酷库面板 --}}
+    <div class="user-list-content" id="panel-action" style="display: none; padding: 6px;">
+        <div style="font-size: 11px; color: #666; line-height: 2;">
+            @foreach (['微笑', '大笑', '愤怒', '哭泣', '害羞', '鄙视', '得意', '疑惑', '同情', '无奈', '拳打', '飞吻', '偷看', '战战兢兢'] as $act)
+                <a href="#" onclick="setAction('{{ $act }}'); return false;"
+                    style="display: inline-block; padding: 2px 6px; background: #f0f6ff; border: 1px solid #dde8ff; border-radius: 3px; margin: 1px; color: #336699; font-size: 11px;">{{ $act }}</a>
+            @endforeach
+        </div>
+    </div>
+
+    {{-- 底部在线统计 --}}
+    <div class="online-stats">
+        在线: <strong id="online-count-footer">0</strong> 人
+    </div>
+</div>
diff --git a/resources/views/chat/partials/scripts.blade.php b/resources/views/chat/partials/scripts.blade.php
new file mode 100644
index 0000000..598a801
--- /dev/null
+++ b/resources/views/chat/partials/scripts.blade.php
@@ -0,0 +1,934 @@
+{{--
+    文件功能：聊天室前端交互脚本（Blade 模板形式）
+    包含消息渲染、用户列表管理、发送消息、WebSocket 事件监听、
+    管理操作、存点心跳、头像选择等全部前端逻辑
+
+    通过 @include('chat.partials.scripts') 引入到 frame.blade.php
+
+    @author ChatRoom Laravel
+    @version 1.0.0
+--}}
+<script>
+    /**
+     * 聊天室前端交互逻辑
+     * 保留所有 WebSocket 事件监听，复刻原版 UI 交互
+     */
+
+    // ── DOM 元素引用 ──────────────────────────────────────
+    const container = document.getElementById('chat-messages-container');
+    const container2 = document.getElementById('chat-messages-container2');
+    const userList = document.getElementById('online-users-list');
+    const toUserSelect = document.getElementById('to_user');
+    const onlineCount = document.getElementById('online-count');
+    const onlineCountBottom = document.getElementById('online-count-bottom');
+
+    let onlineUsers = {};
+    let autoScroll = true;
+
+    // ── Tab 切换 ──────────────────────────────────────
+    function switchTab(tab) {
+        ['users', 'rooms', 'emoji', 'action'].forEach(t => {
+            document.getElementById('panel-' + t).style.display = t === tab ? 'block' : 'none';
+            document.getElementById('tab-' + t).classList.toggle('active', t === tab);
+        });
+    }
+
+    // ── 分屏切换 ──────────────────────────────────────
+    function changeSplitScreen(mode) {
+        const panes = document.getElementById('message-panes');
+        if (mode === '1') {
+            panes.classList.add('split-h');
+        } else {
+            panes.classList.remove('split-h');
+        }
+    }
+
+    // ── 表情插入 ──────────────────────────────────────
+    function insertEmoji(code) {
+        const input = document.getElementById('content');
+        input.value += code;
+        input.focus();
+        switchTab('users');
+    }
+
+    // ── 动作选择 ──────────────────────────────────────
+    function setAction(act) {
+        document.getElementById('action').value = act;
+        switchTab('users');
+        document.getElementById('content').focus();
+    }
+
+    // ── 自动滚屏 ──────────────────────────────────────
+    document.getElementById('auto_scroll').addEventListener('change', function() {
+        autoScroll = this.checked;
+    });
+
+    // ── 滚动到底部 ───────────────────────────────────
+    function scrollToBottom() {
+        if (autoScroll) {
+            container.scrollTop = container.scrollHeight;
+        }
+    }
+
+    // ── 渲染在线人员列表（支持排序） ──────────────────
+    function renderUserList() {
+        userList.innerHTML = '';
+        toUserSelect.innerHTML = '<option value="大家">大家</option>';
+
+        // 在列表顶部添加"大家"条目（原版风格）
+        let allDiv = document.createElement('div');
+        allDiv.className = 'user-item';
+        allDiv.innerHTML = '<span class="user-name" style="padding-left: 4px; color: navy;">大家</span>';
+        allDiv.onclick = () => {
+            toUserSelect.value = '大家';
+        };
+        userList.appendChild(allDiv);
+
+        // 获取排序方式
+        const sortSelect = document.getElementById('user-sort-select');
+        const sortBy = sortSelect ? sortSelect.value : 'default';
+
+        // 构建用户数组并排序
+        let userArr = [];
+        for (let username in onlineUsers) {
+            userArr.push({
+                username,
+                ...onlineUsers[username]
+            });
+        }
+
+        if (sortBy === 'name') {
+            userArr.sort((a, b) => a.username.localeCompare(b.username, 'zh'));
+        } else if (sortBy === 'level') {
+            userArr.sort((a, b) => (b.user_level || 0) - (a.user_level || 0));
+        }
+
+        let count = userArr.length;
+
+        userArr.forEach(user => {
+            const username = user.username;
+            let item = document.createElement('div');
+            item.className = 'user-item';
+            item.dataset.username = username;
+
+            const headface = user.headface || '1.GIF';
+
+            item.innerHTML = `
+                <img class="user-head" src="/images/headface/${headface}" onerror="this.src='/images/headface/1.GIF'">
+                <span class="user-name">${username}</span>
+            `;
+
+            item.onclick = () => {
+                toUserSelect.value = username;
+                document.getElementById('content').focus();
+            };
+            item.ondblclick = () => {
+                if (username !== window.chatContext.username) {
+                    showUserInfoInSay2(username);
+                }
+            };
+            userList.appendChild(item);
+
+            if (username !== window.chatContext.username) {
+                let option = document.createElement('option');
+                option.value = username;
+                option.textContent = username;
+                toUserSelect.appendChild(option);
+            }
+        });
+
+        onlineCount.innerText = count;
+        onlineCountBottom.innerText = count;
+        const footer = document.getElementById('online-count-footer');
+        if (footer) footer.innerText = count;
+
+        // 如果有搜索关键词，重新过滤
+        filterUserList();
+    }
+
+    /**
+     * 搜索/过滤用户列表
+     */
+    function filterUserList() {
+        const searchInput = document.getElementById('user-search-input');
+        const keyword = searchInput ? searchInput.value.trim().toLowerCase() : '';
+        const items = userList.querySelectorAll('.user-item');
+
+        items.forEach(item => {
+            if (!keyword) {
+                item.style.display = '';
+                return;
+            }
+            const name = (item.dataset.username || item.textContent || '').toLowerCase();
+            item.style.display = name.includes(keyword) ? '' : 'none';
+        });
+    }
+
+    // ── 点击消息中的用户名，切换发言对象 ──────────
+    function switchTarget(username) {
+        const options = toUserSelect.options;
+        let found = false;
+        for (let i = 0; i < options.length; i++) {
+            if (options[i].value === username) {
+                toUserSelect.value = username;
+                found = true;
+                break;
+            }
+        }
+        // 如果不在列表中（可能已离线），临时添加
+        if (!found && username !== '大家') {
+            const opt = document.createElement('option');
+            opt.value = username;
+            opt.textContent = username;
+            toUserSelect.appendChild(opt);
+            toUserSelect.value = username;
+        }
+        // 切换目标后自动聚焦输入框，方便直接输入
+        document.getElementById('content').focus();
+    }
+
+    /**
+     * 双击用户名 → 在包厢窗口(say2)显示用户基本信息
+     */
+    async function showUserInfoInSay2(username) {
+        try {
+            const res = await fetch('/user/' + encodeURIComponent(username));
+            const info = await res.json();
+
+            const sexText = info.sex === '女' ? '女' : '男';
+            const level = info.user_level || 0;
+            const exp = info.exp_num || 0;
+            const jjb = info.jjb || 0;
+            const sign = info.qianming || info.sign || '暂无';
+
+            const lines = [
+                `══════ <b style="color:#336699;">${info.username || username}</b> 的资料 ══════`,
+                `性别：${sexText}　等级：${level}　经验：${exp}　金币：${jjb}`,
+                `签名：${sign}`,
+                `════════════════════════`
+            ];
+
+            lines.forEach(text => {
+                const div = document.createElement('div');
+                div.className = 'msg-line';
+                div.innerHTML = `<span style="color:#666; font-size:12px;">${text}</span>`;
+                container2.appendChild(div);
+            });
+            container2.scrollTop = container2.scrollHeight;
+        } catch (e) {
+            console.error('获取用户资料失败:', e);
+        }
+    }
+
+    /**
+     * 追加消息到聊天窗格（原版风格：非气泡模式，逐行显示）
+     */
+    function appendMessage(msg) {
+        const isMe = msg.from_user === window.chatContext.username;
+        const fontColor = msg.font_color || '#000000';
+
+        const div = document.createElement('div');
+        div.className = 'msg-line';
+
+        const timeStr = msg.sent_at || '';
+
+        // 用户名（单击切换发言对象，双击查看资料）
+        const clickableUser = (uName, color) =>
+            `<span class="msg-user" style="color: ${color}; cursor: pointer;" onclick="switchTarget('${uName}')" ondblclick="showUserInfoInSay2('${uName}')">${uName}</span>`;
+
+        // 获取发言者头像
+        const senderInfo = onlineUsers[msg.from_user];
+        const senderHead = (senderInfo && senderInfo.headface) || '1.GIF';
+        const headImg =
+            `<img src="/images/headface/${senderHead}" style="display:inline;width:16px;height:16px;vertical-align:middle;margin-right:2px;" onerror="this.src='/images/headface/1.GIF'">`;
+
+        let html = '';
+
+        if (msg.is_secret) {
+            // 悄悄话样式（原版：紫色斜体）
+            html =
+                `<span class="msg-secret">${headImg}${clickableUser(msg.from_user, '#cc00cc')}对${clickableUser(msg.to_user, '#cc00cc')}`;
+            if (msg.action) html += `${msg.action}`;
+            html += `悄悄说：${msg.content}</span>`;
+        } else if (msg.to_user && msg.to_user !== '大家') {
+            html = `${headImg}${clickableUser(msg.from_user, '#000099')}对${clickableUser(msg.to_user, '#000099')}`;
+            if (msg.action) html += `${msg.action}`;
+            html += `说：<span class="msg-content" style="color: ${fontColor}">${msg.content}</span>`;
+        } else {
+            html = `${headImg}${clickableUser(msg.from_user, '#000099')}对大家`;
+            if (msg.action) html += `${msg.action}`;
+            html += `说：<span class="msg-content" style="color: ${fontColor}">${msg.content}</span>`;
+        }
+
+        html += ` <span class="msg-time">(${timeStr})</span>`;
+        div.innerHTML = html;
+
+        // 路由规则（复刻原版）：
+        // 公众窗口(say1)：别人的公聊消息
+        // 包厢窗口(say2)：自己发的消息 + 悄悄话 + 对自己说的消息
+        const isRelatedToMe = isMe ||
+            msg.is_secret ||
+            msg.to_user === window.chatContext.username;
+
+        if (isRelatedToMe) {
+            container2.appendChild(div);
+            if (autoScroll) container2.scrollTop = container2.scrollHeight;
+        } else {
+            container.appendChild(div);
+            scrollToBottom();
+        }
+    }
+
+    // ── WebSocket 初始化 ─────────────────────────────
+    document.addEventListener('DOMContentLoaded', () => {
+        if (typeof window.initChat === 'function') {
+            window.initChat(window.chatContext.roomId);
+        }
+    });
+
+    // ── WebSocket 事件监听 ────────────────────────────
+    window.addEventListener('chat:here', (e) => {
+        const users = e.detail;
+        onlineUsers = {};
+        users.forEach(u => {
+            onlineUsers[u.username] = u;
+        });
+        renderUserList();
+    });
+
+    window.addEventListener('chat:joining', (e) => {
+        const user = e.detail;
+        onlineUsers[user.username] = user;
+        renderUserList();
+
+        // 原版风格：完整句式的随机趣味欢迎语
+        const gender = user.sex === '女' ? '美女' : '帅哥';
+        const uname = user.username;
+        const welcomeTemplates = [
+            `${gender}<b>${uname}</b>开着刚买不久的车，来到了，见到各位大虾，拱手曰："众位大虾，小生有礼了"`,
+            `${gender}<b>${uname}</b>骑着小毛驴哼着小调，悠闲地走了进来，对大家嘿嘿一笑`,
+            `${gender}<b>${uname}</b>坐着豪华轿车缓缓驶入，推门而出，拍了拍身上的灰，霸气说道："我来也！"`,
+            `${gender}<b>${uname}</b>踩着七彩祥云从天而降，众人皆惊，抱拳道："各位久等了！"`,
+            `${gender}<b>${uname}</b>划着小船飘然而至，微微一笑，翩然上岸`,
+            `${gender}<b>${uname}</b>骑着自行车铃铛叮当响，远远就喊："我来啦！想我没？"`,
+            `${gender}<b>${uname}</b>开着拖拉机突突突地开了进来，下车后拍了拍手说："交通不便，来迟了！"`,
+            `${gender}<b>${uname}</b>坐着火箭嗖的一声到了，吓了大家一跳，嘿嘿笑道："别怕别怕，是我啊"`,
+            `${gender}<b>${uname}</b>骑着白马翩翩而来，英姿飒爽，拱手道："江湖路远，各位有礼了"`,
+            `${gender}<b>${uname}</b>开着宝马一路飞驰到此，推开车门走了下来，向大家挥了挥手`,
+            `${gender}<b>${uname}</b>踩着风火轮呼啸而至，在人群中潇洒亮相`,
+            `${gender}<b>${uname}</b>乘坐滑翔伞从天空缓缓降落，对大家喊道："hello，我从天上来！"`,
+            `${gender}<b>${uname}</b>从地下钻了出来，拍了拍土，说："哎呀，走错路了，不过总算到了"`,
+            `${gender}<b>${uname}</b>蹦蹦跳跳地跑了进来，嘻嘻哈哈地跟大家打招呼`,
+            `${gender}<b>${uname}</b>悄悄地溜了进来，生怕被人发现，东张西望了一番`,
+            `${gender}<b>${uname}</b>迈着六亲不认的步伐走进来，气场两米八`,
+        ];
+        const msg = welcomeTemplates[Math.floor(Math.random() * welcomeTemplates.length)];
+        const now = new Date();
+        const timeStr = now.getHours().toString().padStart(2, '0') + ':' +
+            now.getMinutes().toString().padStart(2, '0') + ':' +
+            now.getSeconds().toString().padStart(2, '0');
+
+        const sysDiv = document.createElement('div');
+        sysDiv.className = 'msg-line';
+        sysDiv.innerHTML =
+            `<span style="color: green">【欢迎】${msg}</span><span class="msg-time">(${timeStr})</span>`;
+        container.appendChild(sysDiv);
+        scrollToBottom();
+    });
+
+    window.addEventListener('chat:leaving', (e) => {
+        const user = e.detail;
+        delete onlineUsers[user.username];
+        renderUserList();
+
+        const sysDiv = document.createElement('div');
+        sysDiv.className = 'msg-line sys-msg';
+        sysDiv.innerHTML = `<span style="color: gray">☆ ${user.username} 离开了聊天室 ☆</span>`;
+        container.appendChild(sysDiv);
+        scrollToBottom();
+    });
+
+    window.addEventListener('chat:message', (e) => {
+        const msg = e.detail;
+        if (msg.is_secret && msg.from_user !== window.chatContext.username && msg.to_user !== window
+            .chatContext.username) {
+            return;
+        }
+        appendMessage(msg);
+    });
+
+    window.addEventListener('chat:kicked', (e) => {
+        if (e.detail.username === window.chatContext.username) {
+            alert("您已被管理员踢出房间！");
+            window.location.href = "{{ route('rooms.index') }}";
+        }
+    });
+
+    // ── 禁言状态（本地计时器） ──
+    let isMutedUntil = 0;
+
+    window.addEventListener('chat:muted', (e) => {
+        const d = e.detail;
+        const now = new Date();
+        const timeStr = now.getHours().toString().padStart(2, '0') + ':' +
+            now.getMinutes().toString().padStart(2, '0') + ':' +
+            now.getSeconds().toString().padStart(2, '0');
+
+        // 在聊天窗口显示禁言通知
+        const div = document.createElement('div');
+        div.className = 'msg-line';
+        div.innerHTML =
+            `<span style="color: #c00; font-weight: bold;">【系统】${d.message}</span><span class="msg-time">(${timeStr})</span>`;
+        container.appendChild(div);
+        if (autoScroll) container.scrollTop = container.scrollHeight;
+
+        // 如果是自己被禁言，设置本地禁言计时
+        if (d.username === window.chatContext.username && d.mute_time > 0) {
+            isMutedUntil = Date.now() + d.mute_time * 60 * 1000;
+            const contentInput = document.getElementById('content');
+            if (contentInput) {
+                contentInput.placeholder = `您已被禁言 ${d.mute_time} 分钟，解禁后方可发言...`;
+                contentInput.disabled = true;
+                // 到期自动恢复
+                setTimeout(() => {
+                    isMutedUntil = 0;
+                    contentInput.placeholder = '在这里输入聊天内容，按 Enter 发送...';
+                    contentInput.disabled = false;
+                    const unmuteDiv = document.createElement('div');
+                    unmuteDiv.className = 'msg-line';
+                    unmuteDiv.innerHTML =
+                        '<span style="color: #16a34a; font-weight: bold;">【系统】您的禁言已解除，可以继续发言了。</span>';
+                    container.appendChild(unmuteDiv);
+                    if (autoScroll) container.scrollTop = container.scrollHeight;
+                }, d.mute_time * 60 * 1000);
+            }
+        }
+    });
+
+    window.addEventListener('chat:title-updated', (e) => {
+        document.getElementById('room-title-display').innerText = e.detail.title;
+    });
+
+    // ── 发送消息（Enter 发送） ───────────────────────
+    document.getElementById('content').addEventListener('keydown', function(e) {
+        if (e.key === 'Enter' && !e.shiftKey) {
+            e.preventDefault();
+            sendMessage(e);
+        }
+    });
+
+    /**
+     * 发送聊天消息
+     */
+    async function sendMessage(e) {
+        if (e) e.preventDefault();
+
+        // 前端禁言检查
+        if (isMutedUntil > Date.now()) {
+            const remaining = Math.ceil((isMutedUntil - Date.now()) / 1000);
+            alert(`您正在禁言中，还有 ${remaining} 秒后解禁。`);
+            return;
+        }
+
+        const form = document.getElementById('chat-form');
+        const formData = new FormData(form);
+        const contentInput = document.getElementById('content');
+        const submitBtn = document.getElementById('send-btn');
+
+        const content = formData.get('content').trim();
+        if (!content) {
+            contentInput.focus();
+            return;
+        }
+
+        submitBtn.disabled = true;
+
+        try {
+            const response = await fetch(window.chatContext.sendUrl, {
+                method: 'POST',
+                headers: {
+                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute(
+                        'content'),
+                    'Accept': 'application/json'
+                },
+                body: formData
+            });
+
+            const data = await response.json();
+            if (response.ok && data.status === 'success') {
+                contentInput.value = '';
+                contentInput.focus();
+            } else {
+                alert('发送失败: ' + (data.message || JSON.stringify(data.errors)));
+            }
+        } catch (error) {
+            alert('网络连接错误，消息发送失败！');
+            console.error(error);
+        } finally {
+            submitBtn.disabled = false;
+        }
+    }
+
+    // ── 管理操作执行（下拉选择 + 目标用户） ─────────────
+    async function executeAdminAction() {
+        const select = document.getElementById('admin-action-select');
+        if (!select) return;
+        const action = select.value;
+        if (!action) {
+            alert('请先选择一个管理操作。');
+            return;
+        }
+
+        // 获取聊天对象下拉框中选中的用户作为目标
+        const toUserSelect = document.getElementById('to_user');
+        const targetUser = toUserSelect ? toUserSelect.value : '';
+
+        if (!targetUser || targetUser === '大家') {
+            alert('请先在「对...说」下拉中选择要操作的用户。');
+            return;
+        }
+
+        // 操作名称映射
+        const actionNames = {
+            kick: '踢出',
+            mute: '禁言',
+            ban: '封号',
+            banip: '封IP'
+        };
+        const actionName = actionNames[action] || action;
+
+        // 禁言需要输入时长
+        let duration = 5;
+        if (action === 'mute') {
+            const input = prompt('请输入禁言时长（分钟）：', '5');
+            if (!input) return;
+            duration = parseInt(input) || 5;
+        }
+
+        // 二次确认
+        const confirmMsg = action === 'banip' ?
+            `⚠️ 严重操作：确定要封禁 ${targetUser} 的IP地址吗？该用户将被封号+封IP！` :
+            `确定要对 ${targetUser} 执行「${actionName}」操作吗？`;
+        if (!confirm(confirmMsg)) return;
+
+        try {
+            const body = {
+                room_id: window.chatContext.roomId
+            };
+            if (action === 'mute') body.duration = duration;
+
+            const res = await fetch(`/user/${encodeURIComponent(targetUser)}/${action}`, {
+                method: 'POST',
+                headers: {
+                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute(
+                        'content'),
+                    'Content-Type': 'application/json',
+                    'Accept': 'application/json'
+                },
+                body: JSON.stringify(body)
+            });
+            const data = await res.json();
+            alert(data.message);
+        } catch (e) {
+            alert('操作失败：' + e.message);
+        }
+        select.value = ''; // 重置下拉
+    }
+
+    // ── 设置房间公告 ─────────────────────────────────────
+    async function promptAnnouncement() {
+        const currentText = document.getElementById('announcement-text')?.textContent?.trim() || '';
+        const newText = prompt('请输入新的房间公告/祝福语：', currentText);
+        if (newText === null || newText.trim() === '') return;
+
+        try {
+            const res = await fetch(`/room/${window.chatContext.roomId}/announcement`, {
+                method: 'POST',
+                headers: {
+                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute(
+                        'content'),
+                    'Content-Type': 'application/json',
+                    'Accept': 'application/json'
+                },
+                body: JSON.stringify({
+                    announcement: newText.trim()
+                })
+            });
+            const data = await res.json();
+            if (data.status === 'success') {
+                const marquee = document.getElementById('announcement-text');
+                if (marquee) marquee.textContent = newText.trim();
+                alert('公告已更新！');
+            } else {
+                alert(data.message || '更新失败');
+            }
+        } catch (e) {
+            alert('设置公告失败：' + e.message);
+        }
+    }
+
+    // ── 滚屏开关 ─────────────────────────────────────
+    function toggleAutoScroll() {
+        autoScroll = !autoScroll;
+        const cb = document.getElementById('auto_scroll');
+        if (cb) cb.checked = autoScroll;
+        const statusEl = document.getElementById('scroll-status');
+        if (statusEl) statusEl.textContent = autoScroll ? '开' : '关';
+    }
+
+    // ── 退出房间 ─────────────────────────────────────
+    async function leaveRoom() {
+        try {
+            await fetch(window.chatContext.leaveUrl, {
+                method: 'POST',
+                headers: {
+                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute(
+                        'content'),
+                    'Accept': 'application/json'
+                }
+            });
+        } catch (e) {
+            console.error(e);
+        }
+        // 弹出窗口直接关闭，如果不是弹出窗口则跳回首页
+        window.close();
+        setTimeout(() => {
+            window.location.href = '/';
+        }, 500);
+    }
+
+    // ── 掉线检测计数器 ──
+    let heartbeatFailCount = 0;
+    const MAX_HEARTBEAT_FAILS = 3;
+
+    // ── 存点功能（手动 + 自动）─────────────────────
+    async function saveExp(silent = false) {
+        if (!window.chatContext || !window.chatContext.heartbeatUrl) return;
+        try {
+            const response = await fetch(window.chatContext.heartbeatUrl, {
+                method: 'POST',
+                headers: {
+                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]')
+                        .getAttribute('content'),
+                    'Accept': 'application/json'
+                }
+            });
+
+            // 检测登录态失效
+            if (response.status === 401 || response.status === 419) {
+                alert('⚠️ 您的登录已失效（可能超时或在其他设备登录），请重新登录。');
+                window.location.href = '/';
+                return;
+            }
+
+            const data = await response.json();
+            if (response.ok && data.status === 'success') {
+                heartbeatFailCount = 0;
+                const now = new Date();
+                const timeStr = now.getHours().toString().padStart(2, '0') + ':' +
+                    now.getMinutes().toString().padStart(2, '0') + ':' +
+                    now.getSeconds().toString().padStart(2, '0');
+                const d = data.data;
+                const levelTitle = d.user_level >= 10 ? '管理员' : (d.user_level >= 5 ? '高级会员' : (d
+                    .user_level >= 3 ?
+                    '三级会员' : '普通会员'));
+
+                let levelInfo = '';
+                if (d.is_max_level) {
+                    levelInfo = `级别(${d.user_level});累积经验(${d.exp_num});已满级。`;
+                } else {
+                    const requiredExp = d.user_level * d.user_level * 10;
+                    const remaining = Math.max(0, requiredExp - d.exp_num);
+                    levelInfo = `级别(${d.user_level});累积经验(${d.exp_num});还有(${remaining})升级。`;
+                }
+
+                if (data.data.leveled_up) {
+                    const upDiv = document.createElement('div');
+                    upDiv.className = 'msg-line';
+                    upDiv.innerHTML =
+                        `<span style="color: #d97706; font-weight: bold;">【系统】恭喜！你的经验值已达 ${d.exp_num}，等级突破至 LV.${d.user_level}！🌟</span><span class="msg-time">(${timeStr})</span>`;
+                    container2.appendChild(upDiv);
+                    if (autoScroll) container2.scrollTop = container2.scrollHeight;
+                }
+
+                if (!silent) {
+                    const detailDiv = document.createElement('div');
+                    detailDiv.className = 'msg-line';
+                    detailDiv.innerHTML =
+                        `<span style="color: green;">【${levelTitle}存点】您的最新情况:${levelInfo}</span><span class="msg-time">(${timeStr})</span>`;
+                    container2.appendChild(detailDiv);
+                    if (autoScroll) container2.scrollTop = container2.scrollHeight;
+                } else {
+                    return;
+                }
+            }
+        } catch (e) {
+            console.error('存点失败', e);
+            heartbeatFailCount++;
+
+            if (heartbeatFailCount >= MAX_HEARTBEAT_FAILS) {
+                alert('⚠️ 与服务器的连接已断开，请检查网络后重新登录。');
+                window.location.href = '/';
+                return;
+            }
+
+            if (!silent) {
+                const sysDiv = document.createElement('div');
+                sysDiv.className = 'msg-line';
+                sysDiv.innerHTML = `<span style="color: red;">【系统】存点失败，请稍后重试</span>`;
+                container2.appendChild(sysDiv);
+            }
+        }
+    }
+
+    // ── 自动存点心跳（每60秒自动存一次）───────────
+    const HEARTBEAT_INTERVAL = 60 * 1000;
+    setInterval(() => saveExp(true), HEARTBEAT_INTERVAL);
+    setTimeout(() => saveExp(true), 10000);
+
+    // ── 头像选择器（原版 fw.asp 功能）───────────────
+    let avatarPickerLoaded = false;
+
+    /**
+     * 打开头像选择弹窗
+     */
+    function openAvatarPicker() {
+        const modal = document.getElementById('avatar-picker-modal');
+        modal.style.display = 'flex';
+
+        if (!avatarPickerLoaded) {
+            loadHeadfaces();
+            avatarPickerLoaded = true;
+        }
+    }
+
+    /**
+     * 关闭头像选择弹窗
+     */
+    function closeAvatarPicker() {
+        document.getElementById('avatar-picker-modal').style.display = 'none';
+    }
+
+    /**
+     * 加载头像列表
+     */
+    async function loadHeadfaces() {
+        const grid = document.getElementById('avatar-grid');
+        grid.innerHTML = '<div style="text-align:center;padding:20px;color:#999;">加载中...</div>';
+
+        try {
+            const res = await fetch('/headface/list');
+            const data = await res.json();
+            grid.innerHTML = '';
+
+            data.headfaces.forEach(file => {
+                const img = document.createElement('img');
+                img.src = '/images/headface/' + file;
+                img.className = 'avatar-option';
+                img.title = file;
+                img.dataset.file = file;
+                img.onerror = () => img.style.display = 'none';
+                img.onclick = () => selectAvatar(file, img);
+                grid.appendChild(img);
+            });
+        } catch (e) {
+            grid.innerHTML = '<div style="text-align:center;padding:20px;color:red;">加载失败</div>';
+        }
+    }
+
+    /**
+     * 选中一个头像
+     */
+    function selectAvatar(file, imgEl) {
+        document.querySelectorAll('.avatar-option.selected').forEach(el => el.classList.remove('selected'));
+        imgEl.classList.add('selected');
+        document.getElementById('avatar-preview').src = '/images/headface/' + file;
+        document.getElementById('avatar-selected-name').textContent = file;
+        document.getElementById('avatar-save-btn').disabled = false;
+        document.getElementById('avatar-save-btn').dataset.file = file;
+    }
+
+    /**
+     * 保存选中的头像
+     */
+    async function saveAvatar() {
+        const btn = document.getElementById('avatar-save-btn');
+        const file = btn.dataset.file;
+        if (!file) return;
+
+        btn.disabled = true;
+        btn.textContent = '保存中...';
+
+        try {
+            const res = await fetch('/headface/change', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content,
+                    'Accept': 'application/json'
+                },
+                body: JSON.stringify({
+                    headface: file
+                })
+            });
+            const data = await res.json();
+
+            if (data.status === 'success') {
+                alert('头像修改成功！');
+                const myName = window.chatContext.username;
+                if (onlineUsers[myName]) {
+                    onlineUsers[myName].headface = data.headface;
+                }
+                renderUserList();
+                closeAvatarPicker();
+            } else {
+                alert(data.message || '修改失败');
+            }
+        } catch (e) {
+            alert('网络错误');
+        }
+
+        btn.disabled = false;
+        btn.textContent = '确定更换';
+    }
+    // ── 钓鱼小游戏（复刻原版 diaoyu/ 功能）─────────────
+    let fishingTimer = null;
+    let fishingReelTimeout = null;
+
+    /**
+     * 开始钓鱼 — 调用抛竿 API，花费金币，显示等待动画
+     */
+    async function startFishing() {
+        const btn = document.getElementById('fishing-btn');
+        btn.disabled = true;
+
+        try {
+            const res = await fetch(window.chatContext.fishCastUrl, {
+                method: 'POST',
+                headers: {
+                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content,
+                    'Accept': 'application/json'
+                }
+            });
+            const data = await res.json();
+
+            if (!res.ok || data.status !== 'success') {
+                alert(data.message || '钓鱼失败');
+                btn.disabled = false;
+                return;
+            }
+
+            // 在包厢窗口显示抛竿消息
+            const now = new Date();
+            const timeStr = now.getHours().toString().padStart(2, '0') + ':' +
+                now.getMinutes().toString().padStart(2, '0') + ':' +
+                now.getSeconds().toString().padStart(2, '0');
+
+            const castDiv = document.createElement('div');
+            castDiv.className = 'msg-line';
+            castDiv.innerHTML =
+                `<span style="color: #2563eb; font-weight: bold;">🎣【钓鱼】</span>${data.message}<span class="msg-time">(${timeStr})</span>`;
+            container2.appendChild(castDiv);
+            if (autoScroll) container2.scrollTop = container2.scrollHeight;
+
+            // 等待鱼上钩（后端返回的随机等待秒数）
+            btn.textContent = '🎣 等待中...';
+
+            fishingTimer = setTimeout(() => {
+                // 鱼上钩了！
+                const hookDiv = document.createElement('div');
+                hookDiv.className = 'msg-line';
+                hookDiv.innerHTML =
+                    '<span style="color: #d97706; font-weight: bold; font-size: 14px;">🐟 鱼上钩了！快点击 [拉竿] 按钮！</span>';
+                container2.appendChild(hookDiv);
+                if (autoScroll) container2.scrollTop = container2.scrollHeight;
+
+                btn.textContent = '🎣 拉竿！';
+                btn.disabled = false;
+                btn.onclick = reelFish;
+
+                // 15 秒内不拉竿，鱼跑掉
+                fishingReelTimeout = setTimeout(() => {
+                    const missDiv = document.createElement('div');
+                    missDiv.className = 'msg-line';
+                    missDiv.innerHTML =
+                        '<span style="color: #999;">💨 你反应太慢了，鱼跑掉了...</span>';
+                    container2.appendChild(missDiv);
+                    if (autoScroll) container2.scrollTop = container2.scrollHeight;
+
+                    resetFishingBtn();
+                }, 15000);
+            }, data.wait_time * 1000);
+
+        } catch (e) {
+            alert('网络错误：' + e.message);
+            btn.disabled = false;
+        }
+    }
+
+    /**
+     * 拉竿 — 调用收竿 API，获取随机结果
+     */
+    async function reelFish() {
+        const btn = document.getElementById('fishing-btn');
+        btn.disabled = true;
+        btn.textContent = '🎣 拉竿中...';
+
+        // 取消跑鱼计时器
+        if (fishingReelTimeout) {
+            clearTimeout(fishingReelTimeout);
+            fishingReelTimeout = null;
+        }
+
+        try {
+            const res = await fetch(window.chatContext.fishReelUrl, {
+                method: 'POST',
+                headers: {
+                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content,
+                    'Accept': 'application/json'
+                }
+            });
+            const data = await res.json();
+
+            const now = new Date();
+            const timeStr = now.getHours().toString().padStart(2, '0') + ':' +
+                now.getMinutes().toString().padStart(2, '0') + ':' +
+                now.getSeconds().toString().padStart(2, '0');
+
+            if (res.ok && data.status === 'success') {
+                const r = data.result;
+                const color = r.exp >= 0 ? '#16a34a' : '#dc2626';
+                const resultDiv = document.createElement('div');
+                resultDiv.className = 'msg-line';
+                resultDiv.innerHTML =
+                    `<span style="color: ${color}; font-weight: bold;">${r.emoji}【钓鱼结果】</span>${r.message}` +
+                    ` <span style="color: #666; font-size: 11px;">（当前经验:${data.exp_num} 金币:${data.jjb}）</span>` +
+                    `<span class="msg-time">(${timeStr})</span>`;
+                container2.appendChild(resultDiv);
+            } else {
+                const errDiv = document.createElement('div');
+                errDiv.className = 'msg-line';
+                errDiv.innerHTML =
+                    `<span style="color: red;">【钓鱼】${data.message || '操作失败'}</span><span class="msg-time">(${timeStr})</span>`;
+                container2.appendChild(errDiv);
+            }
+            if (autoScroll) container2.scrollTop = container2.scrollHeight;
+        } catch (e) {
+            alert('网络错误：' + e.message);
+        }
+
+        resetFishingBtn();
+    }
+
+    /**
+     * 重置钓鱼按钮状态
+     */
+    function resetFishingBtn() {
+        const btn = document.getElementById('fishing-btn');
+        btn.textContent = '🎣 钓鱼';
+        btn.disabled = false;
+        btn.onclick = startFishing;
+        fishingTimer = null;
+        fishingReelTimeout = null;
+    }
+</script>
diff --git a/resources/views/chat/partials/toolbar.blade.php b/resources/views/chat/partials/toolbar.blade.php
new file mode 100644
index 0000000..4ba0fec
--- /dev/null
+++ b/resources/views/chat/partials/toolbar.blade.php
@@ -0,0 +1,32 @@
+{{--
+    文件功能：聊天室竖向工具条（中间导航栏）
+    从 frame.blade.php 拆分，便于独立维护
+
+    依赖变量：$user, $superLevel, $room
+--}}
+
+<div class="chat-toolbar" id="toolbar-strip">
+    @if ($user->user_level >= $superLevel)
+        <div class="tool-btn" style="color: #ffcc00;" onclick="window.open('/admin', '_blank')" title="管理后台">
+            管理人员</div>
+    @endif
+    <div class="tool-btn" onclick="window.open('{{ route('rooms.index') }}', '_blank')" title="商店">商店
+    </div>
+    <div class="tool-btn" onclick="saveExp()" title="手动存经验点">存点</div>
+    <div class="tool-btn" onclick="window.open('{{ route('leaderboard.index') }}', '_blank')" title="排行/娱乐">
+        娱乐
+    </div>
+    <div class="tool-btn" onclick="window.open('{{ route('guestbook.index') }}', '_blank')" title="银行">
+        银行
+    </div>
+    <div class="tool-btn" onclick="switchTab('users')" title="呼叫在线用户">呼叫</div>
+    <div class="tool-btn" onclick="openAvatarPicker()" title="修改头像">头像
+    </div>
+    <div class="tool-btn" onclick="window.open('{{ route('guestbook.index') }}', '_blank')" title="提议/建议">
+        提议</div>
+    <div class="tool-btn" onclick="window.open('{{ route('guestbook.index') }}', '_blank')" title="留言板/私信">
+        留言</div>
+    <div class="tool-btn" onclick="window.open('/admin', '_blank')" title="管理">管理</div>
+    <div class="tool-btn" style="color: #ffaaaa;" onclick="if(confirm('确定要离开聊天室吗？')){leaveRoom();}" title="离开聊天室">离开
+    </div>
+</div>
diff --git a/resources/views/guestbook/index.blade.php b/resources/views/guestbook/index.blade.php
index a1b37c5..a32ea5b 100644
--- a/resources/views/guestbook/index.blade.php
+++ b/resources/views/guestbook/index.blade.php
@@ -1,235 +1,207 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
+{{--
+    文件功能：星光留言板页面（含公共留言、收件箱、发件箱三个分类）
+    支持公开留言和悄悄话私信功能
 
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>星光留言板 - 飘落流星</title>
-    <script src="https://cdn.tailwindcss.com"></script>
-    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
-</head>
+    @extends layouts.app
+--}}
+@extends('layouts.app')
 
-<body class="bg-gray-50 flex h-screen overflow-hidden text-sm">
-    <div class="h-screen w-full flex flex-col bg-gray-50 overflow-hidden font-sans" x-data="{ showWriteForm: false, towho: '{{ $defaultTo }}' }">
+@section('title', '星光留言板 - 飘落流星')
 
-        <!-- 顶部导航条 -->
-        <header class="bg-indigo-900 border-b border-indigo-800 text-white shadow-md relative z-20 shrink-0">
-            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-                <div class="flex items-center justify-between h-16">
-                    <!-- 左侧：标题与返回大厅 -->
-                    <div class="flex items-center space-x-4">
-                        <a href="{{ route('rooms.index') }}"
-                            class="text-indigo-200 hover:text-white transition flex items-center group">
-                            <svg class="w-5 h-5 mr-1 transform group-hover:-translate-x-1 transition" fill="none"
-                                stroke="currentColor" viewBox="0 0 24 24">
-                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                    d="M10 19l-7-7m0 0l7-7m-7 7h18"></path>
-                            </svg>
-                            返回大厅
-                        </a>
-                        <div class="h-6 w-px bg-indigo-700"></div>
-                        <div class="flex items-center space-x-2">
-                            <span class="text-xl">✉️</span>
-                            <h1 class="text-xl font-extrabold tracking-wider">星光留言板</h1>
-                        </div>
+@section('nav-icon', '✉️')
+@section('nav-title', '星光留言板')
+
+@section('nav-left')
+    <a href="{{ route('rooms.index') }}" class="text-indigo-200 hover:text-white transition flex items-center group">
+        <svg class="w-5 h-5 mr-1 transform group-hover:-translate-x-1 transition" fill="none" stroke="currentColor"
+            viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path>
+        </svg>
+        返回大厅
+    </a>
+@endsection
+
+@section('nav-right')
+    <button id="write-toggle-btn"
+        @click="showWriteForm = !showWriteForm; if(showWriteForm) setTimeout(() => $refs.textBody.focus(), 100)"
+        class="bg-indigo-500 hover:bg-indigo-400 text-white px-4 py-2 rounded-lg font-bold shadow-sm transition flex items-center">
+        <svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z">
+            </path>
+        </svg>
+        <span x-text="showWriteForm ? '取消留言' : '发布留言 / 写信'"></span>
+    </button>
+@endsection
+
+@section('body-class', 'flex flex-col h-screen overflow-hidden')
+@section('body-data', "x-data=\"{ showWriteForm: false, towho: '{{ $defaultTo }}' }\"")
+
+@section('content')
+    {{-- 验证错误信息 --}}
+    @if (isset($errors) && $errors->any())
+        <div class="bg-red-100 border-l-4 border-red-500 text-red-700 p-4 mb-4 mx-4 mt-4 shadow-sm">
+            <ul class="list-disc pl-5">
+                @foreach ($errors->all() as $error)
+                    <li>{{ $error }}</li>
+                @endforeach
+            </ul>
+        </div>
+    @endif
+
+    {{-- 写信/留言表单区 (Alpine 控制显隐) --}}
+    <div x-show="showWriteForm" x-collapse class="bg-white border-b border-gray-200 shadow-inner">
+        <div class="max-w-4xl mx-auto p-6">
+            <form action="{{ route('guestbook.store') }}" method="POST" class="space-y-4">
+                @csrf
+                <div class="flex items-center space-x-4">
+                    <div class="flex-1">
+                        <label class="block text-sm font-medium text-gray-700 mb-1">接收人 (留空或填"大家"表示公共留言)</label>
+                        <input type="text" name="towho" x-model="towho" placeholder="系统自动处理"
+                            class="w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
                     </div>
+                    <div class="flex items-center h-full pt-6">
+                        <label
+                            class="flex items-center space-x-2 text-sm text-gray-700 cursor-pointer bg-pink-50 px-3 py-2 rounded-md hover:bg-pink-100 transition border border-pink-100">
+                            <input type="checkbox" name="secret" value="1"
+                                class="rounded text-pink-500 focus:ring-pink-500 w-4 h-4">
+                            <span class="font-bold text-pink-700">🔒 悄悄话 (仅双方可见)</span>
+                        </label>
+                    </div>
+                </div>
 
-                    <!-- 右侧：写留言按钮 -->
-                    <button
-                        @click="showWriteForm = !showWriteForm; if(showWriteForm) setTimeout(() => $refs.textBody.focus(), 100)"
-                        class="bg-indigo-500 hover:bg-indigo-400 text-white px-4 py-2 rounded-lg font-bold shadow-sm transition flex items-center">
-                        <svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <div>
+                    <label class="block text-sm font-medium text-gray-700 mb-1">正文内容 <span
+                            class="text-red-500">*</span></label>
+                    <textarea name="text_body" x-ref="textBody" rows="3" required
+                        class="w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
+                        placeholder="相逢何必曾相识，留下您的足迹吧..."></textarea>
+                </div>
+
+                <div class="flex justify-end">
+                    <button type="submit"
+                        class="bg-indigo-600 hover:bg-indigo-700 text-white py-2 px-6 rounded-md shadow flex items-center font-bold">
+                        <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z">
-                            </path>
+                                d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8"></path>
                         </svg>
-                        <span x-text="showWriteForm ? '取消留言' : '发布留言 / 写信'"></span>
+                        发送
                     </button>
                 </div>
-            </div>
-        </header>
-
-        @if (session('success'))
-            <div class="bg-green-100 border-l-4 border-green-500 text-green-700 p-4 mb-4 mx-4 mt-4 shadow-sm"
-                role="alert">
-                <p>{{ session('success') }}</p>
-            </div>
-        @endif
-        @if (session('error'))
-            <div class="bg-red-100 border-l-4 border-red-500 text-red-700 p-4 mb-4 mx-4 mt-4 shadow-sm" role="alert">
-                <p>{{ session('error') }}</p>
-            </div>
-        @endif
-        @if (isset($errors) && $errors->any())
-            <div class="bg-red-100 border-l-4 border-red-500 text-red-700 p-4 mb-4 mx-4 mt-4 shadow-sm">
-                <ul class="list-disc pl-5">
-                    @foreach ($errors->all() as $error)
-                        <li>{{ $error }}</li>
-                    @endforeach
-                </ul>
-            </div>
-        @endif
-
-        <!-- 写信/留言表单区 (Alpine 控制显隐) -->
-        <div x-show="showWriteForm" x-collapse class="bg-white border-b border-gray-200 shadow-inner">
-            <div class="max-w-4xl mx-auto p-6">
-                <form action="{{ route('guestbook.store') }}" method="POST" class="space-y-4">
-                    @csrf
-                    <div class="flex items-center space-x-4">
-                        <div class="flex-1">
-                            <label class="block text-sm font-medium text-gray-700 mb-1">接收人 (留空或填“大家”表示公共留言)</label>
-                            <input type="text" name="towho" x-model="towho" placeholder="系统自动处理"
-                                class="w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
-                        </div>
-                        <div class="flex items-center h-full pt-6">
-                            <label
-                                class="flex items-center space-x-2 text-sm text-gray-700 cursor-pointer bg-pink-50 px-3 py-2 rounded-md hover:bg-pink-100 transition border border-pink-100">
-                                <input type="checkbox" name="secret" value="1"
-                                    class="rounded text-pink-500 focus:ring-pink-500 w-4 h-4">
-                                <span class="font-bold text-pink-700">🔒 悄悄话 (仅双方可见)</span>
-                            </label>
-                        </div>
-                    </div>
-
-                    <div>
-                        <label class="block text-sm font-medium text-gray-700 mb-1">正文内容 <span
-                                class="text-red-500">*</span></label>
-                        <textarea name="text_body" x-ref="textBody" rows="3" required
-                            class="w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
-                            placeholder="相逢何必曾相识，留下您的足迹吧..."></textarea>
-                    </div>
-
-                    <div class="flex justify-end">
-                        <button type="submit"
-                            class="bg-indigo-600 hover:bg-indigo-700 text-white py-2 px-6 rounded-md shadow flex items-center font-bold">
-                            <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                    d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8"></path>
-                            </svg>
-                            发送
-                        </button>
-                    </div>
-                </form>
-            </div>
-        </div>
-
-        <!-- 主体内容区 -->
-        <div class="flex-1 flex overflow-hidden">
-
-            <!-- 左侧：分类导航 -->
-            <div class="w-64 bg-white border-r border-gray-200 shrink-0 hidden md:block">
-                <div class="p-6">
-                    <nav class="space-y-2">
-                        <a href="{{ route('guestbook.index', ['tab' => 'public']) }}"
-                            class="flex items-center px-4 py-3 rounded-lg font-medium transition-colors {{ $tab === 'public' ? 'bg-indigo-50 text-indigo-700' : 'text-gray-600 hover:bg-gray-50' }}">
-                            <span class="mr-3 text-lg">🌍</span> 公共留言墙
-                        </a>
-                        <a href="{{ route('guestbook.index', ['tab' => 'inbox']) }}"
-                            class="flex items-center px-4 py-3 rounded-lg font-medium transition-colors {{ $tab === 'inbox' ? 'bg-indigo-50 text-indigo-700' : 'text-gray-600 hover:bg-gray-50' }}">
-                            <span class="mr-3 text-lg">📥</span> 我收件的
-                        </a>
-                        <a href="{{ route('guestbook.index', ['tab' => 'outbox']) }}"
-                            class="flex items-center px-4 py-3 rounded-lg font-medium transition-colors {{ $tab === 'outbox' ? 'bg-indigo-50 text-indigo-700' : 'text-gray-600 hover:bg-gray-50' }}">
-                            <span class="mr-3 text-lg">📤</span> 我发出的
-                        </a>
-                    </nav>
-                </div>
-            </div>
-
-            <!-- 右侧：留言流列表 -->
-            <main class="flex-1 overflow-y-auto p-4 sm:p-6 lg:p-8 bg-gray-50">
-                <div class="max-w-4xl mx-auto space-y-4">
-
-                    @forelse($messages as $msg)
-                        @php
-                            // 判断是否属于自己发或收的悄悄话，用于高亮
-                            $isSecret = $msg->secret == 1;
-                            $isToMe = Auth::check() && $msg->towho === Auth::user()->username;
-                            $isFromMe = Auth::check() && $msg->who === Auth::user()->username;
-                        @endphp
-
-                        <div
-                            class="bg-white rounded-xl shadow-sm border {{ $isSecret ? 'border-pink-200' : 'border-gray-200' }} p-5 relative group overflow-hidden">
-
-                            <!-- 悄悄话角标 -->
-                            @if ($isSecret)
-                                <div
-                                    class="absolute top-0 right-0 bg-pink-100 text-pink-700 text-[10px] font-bold px-2 py-1 rounded-bl-lg">
-                                    🔒 私密信件
-                                </div>
-                            @endif
-
-                            <div class="flex justify-between items-start mb-2">
-                                <div class="flex items-center text-sm">
-                                    <span class="font-bold text-indigo-700">{{ $msg->who }}</span>
-                                    <span class="text-gray-400 mx-2">给</span>
-                                    <span
-                                        class="font-bold {{ $msg->towho ? 'text-indigo-700' : 'text-gray-500' }}">{{ $msg->towho ?: '大家' }}</span>
-                                    <span class="text-gray-400 mx-2">留言：</span>
-                                </div>
-                                <div class="text-xs text-gray-400 flex items-center space-x-3">
-                                    <span>{{ \Carbon\Carbon::parse($msg->post_time)->diffForHumans() }}</span>
-
-                                    <!-- 删除按钮 (只有发件人、收件人、超管可见) -->
-                                    @if ($isFromMe || $isToMe || (Auth::check() && Auth::user()->user_level >= 15))
-                                        <form action="{{ route('guestbook.destroy', $msg->id) }}" method="POST"
-                                            onsubmit="return confirm('确定要抹除这条留言吗？');" class="inline">
-                                            @csrf
-                                            @method('DELETE')
-                                            <button type="submit"
-                                                class="text-red-400 hover:text-red-600 transition opacity-0 group-hover:opacity-100 bg-red-50 px-2 py-1 rounded">
-                                                删除
-                                            </button>
-                                        </form>
-                                    @endif
-                                </div>
-                            </div>
-
-                            <div
-                                class="text-gray-800 leading-relaxed text-sm whitespace-pre-wrap {{ $isSecret ? 'bg-pink-50 p-3 rounded-lg border border-pink-100' : 'bg-gray-50 p-3 rounded-lg border border-gray-100' }}">
-                                {!! nl2br(e($msg->text_body)) !!}
-                            </div>
-
-                            <!-- 快捷回复按钮 -->
-                            @if (!Auth::check() || $msg->who !== Auth::user()->username)
-                                <div class="mt-3 flex justify-end">
-                                    <button
-                                        @click="showWriteForm = true; towho = '{{ $msg->who }}'; setTimeout(() => $refs.textBody.focus(), 100); window.scrollTo({top:0, behavior:'smooth'})"
-                                        class="text-xs text-indigo-500 hover:text-indigo-700 font-medium flex items-center transition">
-                                        <svg class="w-3 h-3 mr-1" fill="none" stroke="currentColor"
-                                            viewBox="0 0 24 24">
-                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                                d="M3 10h10a8 8 0 018 8v2M3 10l6 6m-6-6l6-6"></path>
-                                        </svg>
-                                        回复TA
-                                    </button>
-                                </div>
-                            @endif
-                        </div>
-                    @empty
-                        <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-12 text-center">
-                            <span class="text-4xl">📭</span>
-                            <h3 class="mt-4 text-lg font-medium text-gray-900">暂无信件</h3>
-                            <p class="mt-2 text-sm text-gray-500">这里是空空如也的荒原。</p>
-                            <button
-                                @click="showWriteForm = true; towho = ''; setTimeout(() => $refs.textBody.focus(), 100)"
-                                class="mt-4 text-indigo-600 font-bold hover:underline">
-                                来抢沙发留言吧！
-                            </button>
-                        </div>
-                    @endforelse
-
-                    <!-- 分页 -->
-                    <div class="mt-6">
-                        {{ $messages->links() }}
-                    </div>
-
-                </div>
-            </main>
+            </form>
         </div>
     </div>
 
-    <!-- 移动端底部分类栏 -->
+    {{-- 主体内容区 --}}
+    <div class="flex-1 flex overflow-hidden">
+
+        {{-- 左侧：分类导航 --}}
+        <div class="w-64 bg-white border-r border-gray-200 shrink-0 hidden md:block">
+            <div class="p-6">
+                <nav class="space-y-2">
+                    <a href="{{ route('guestbook.index', ['tab' => 'public']) }}"
+                        class="flex items-center px-4 py-3 rounded-lg font-medium transition-colors {{ $tab === 'public' ? 'bg-indigo-50 text-indigo-700' : 'text-gray-600 hover:bg-gray-50' }}">
+                        <span class="mr-3 text-lg">🌍</span> 公共留言墙
+                    </a>
+                    <a href="{{ route('guestbook.index', ['tab' => 'inbox']) }}"
+                        class="flex items-center px-4 py-3 rounded-lg font-medium transition-colors {{ $tab === 'inbox' ? 'bg-indigo-50 text-indigo-700' : 'text-gray-600 hover:bg-gray-50' }}">
+                        <span class="mr-3 text-lg">📥</span> 我收件的
+                    </a>
+                    <a href="{{ route('guestbook.index', ['tab' => 'outbox']) }}"
+                        class="flex items-center px-4 py-3 rounded-lg font-medium transition-colors {{ $tab === 'outbox' ? 'bg-indigo-50 text-indigo-700' : 'text-gray-600 hover:bg-gray-50' }}">
+                        <span class="mr-3 text-lg">📤</span> 我发出的
+                    </a>
+                </nav>
+            </div>
+        </div>
+
+        {{-- 右侧：留言流列表 --}}
+        <main class="flex-1 overflow-y-auto p-4 sm:p-6 lg:p-8 bg-gray-50">
+            <div class="max-w-4xl mx-auto space-y-4">
+
+                @forelse($messages as $msg)
+                    @php
+                        $isSecret = $msg->secret == 1;
+                        $isToMe = Auth::check() && $msg->towho === Auth::user()->username;
+                        $isFromMe = Auth::check() && $msg->who === Auth::user()->username;
+                    @endphp
+
+                    <div
+                        class="bg-white rounded-xl shadow-sm border {{ $isSecret ? 'border-pink-200' : 'border-gray-200' }} p-5 relative group overflow-hidden">
+
+                        @if ($isSecret)
+                            <div
+                                class="absolute top-0 right-0 bg-pink-100 text-pink-700 text-[10px] font-bold px-2 py-1 rounded-bl-lg">
+                                🔒 私密信件
+                            </div>
+                        @endif
+
+                        <div class="flex justify-between items-start mb-2">
+                            <div class="flex items-center text-sm">
+                                <span class="font-bold text-indigo-700">{{ $msg->who }}</span>
+                                <span class="text-gray-400 mx-2">给</span>
+                                <span
+                                    class="font-bold {{ $msg->towho ? 'text-indigo-700' : 'text-gray-500' }}">{{ $msg->towho ?: '大家' }}</span>
+                                <span class="text-gray-400 mx-2">留言：</span>
+                            </div>
+                            <div class="text-xs text-gray-400 flex items-center space-x-3">
+                                <span>{{ \Carbon\Carbon::parse($msg->post_time)->diffForHumans() }}</span>
+
+                                @if ($isFromMe || $isToMe || (Auth::check() && Auth::user()->user_level >= 15))
+                                    <form action="{{ route('guestbook.destroy', $msg->id) }}" method="POST"
+                                        onsubmit="return confirm('确定要抹除这条留言吗？');" class="inline">
+                                        @csrf
+                                        @method('DELETE')
+                                        <button type="submit"
+                                            class="text-red-400 hover:text-red-600 transition opacity-0 group-hover:opacity-100 bg-red-50 px-2 py-1 rounded">
+                                            删除
+                                        </button>
+                                    </form>
+                                @endif
+                            </div>
+                        </div>
+
+                        <div
+                            class="text-gray-800 leading-relaxed text-sm whitespace-pre-wrap {{ $isSecret ? 'bg-pink-50 p-3 rounded-lg border border-pink-100' : 'bg-gray-50 p-3 rounded-lg border border-gray-100' }}">
+                            {!! nl2br(e($msg->text_body)) !!}
+                        </div>
+
+                        @if (!Auth::check() || $msg->who !== Auth::user()->username)
+                            <div class="mt-3 flex justify-end">
+                                <button
+                                    @click="showWriteForm = true; towho = '{{ $msg->who }}'; setTimeout(() => $refs.textBody.focus(), 100); window.scrollTo({top:0, behavior:'smooth'})"
+                                    class="text-xs text-indigo-500 hover:text-indigo-700 font-medium flex items-center transition">
+                                    <svg class="w-3 h-3 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                                            d="M3 10h10a8 8 0 018 8v2M3 10l6 6m-6-6l6-6"></path>
+                                    </svg>
+                                    回复TA
+                                </button>
+                            </div>
+                        @endif
+                    </div>
+                @empty
+                    <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-12 text-center">
+                        <span class="text-4xl">📭</span>
+                        <h3 class="mt-4 text-lg font-medium text-gray-900">暂无信件</h3>
+                        <p class="mt-2 text-sm text-gray-500">这里是空空如也的荒原。</p>
+                        <button @click="showWriteForm = true; towho = ''; setTimeout(() => $refs.textBody.focus(), 100)"
+                            class="mt-4 text-indigo-600 font-bold hover:underline">
+                            来抢沙发留言吧！
+                        </button>
+                    </div>
+                @endforelse
+
+                {{-- 分页 --}}
+                <div class="mt-6">
+                    {{ $messages->links() }}
+                </div>
+
+            </div>
+        </main>
+    </div>
+
+    {{-- 移动端底部分类栏 --}}
     <div class="md:hidden bg-white border-t border-gray-200 flex justify-around p-2 shrink-0 relative z-20">
         <a href="{{ route('guestbook.index', ['tab' => 'public']) }}"
             class="flex flex-col items-center {{ $tab === 'public' ? 'text-indigo-600' : 'text-gray-500' }}">
@@ -247,7 +219,4 @@
             <span class="text-xs mt-1">发件箱</span>
         </a>
     </div>
-
-</body>
-
-</html>
+@endsection
diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
index 957ba6d..c2588ec 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -1,84 +1,422 @@
+{{--
+    文件功能：聊天室登录/注册首页（复刻原版 DEFAULT.asp 风格）
+    包含房间选择、性别选择，登录后弹出独立窗口直接进入聊天
+--}}
 <!DOCTYPE html>
 <html lang="zh-CN">
 
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>{{ \App\Models\SysParam::where('alias', 'sys_name')->value('body') ?? '飘落的流星在线聊天' }} - 登录</title>
-    <!-- 使用现代 CDN 引入 Tailwind CSS (快速构建 UI) -->
-    <script src="https://cdn.tailwindcss.com"></script>
+    <title>{{ \App\Models\SysParam::where('alias', 'sys_name')->value('body') ?? '飘落的流星在线聊天' }}</title>
     <meta name="csrf-token" content="{{ csrf_token() }}">
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: "宋体", SimSun, "Microsoft YaHei", sans-serif;
+            font-size: 12px;
+            background: #c0d8ef;
+            color: #333;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            min-height: 100vh;
+        }
+
+        /* 居中卡片 */
+        .login-card {
+            width: 720px;
+            border: 1px solid #8aaccf;
+            border-radius: 5px;
+            overflow: hidden;
+            box-shadow: 2px 3px 12px rgba(0, 0, 0, 0.18);
+        }
+
+        /* 标题栏 */
+        .card-header {
+            background: linear-gradient(180deg, #3a6fa0, #2a5580);
+            color: #fff;
+            text-align: center;
+            padding: 12px 0 10px;
+            font-size: 18px;
+            font-weight: bold;
+            letter-spacing: 3px;
+            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
+        }
+
+        /* 公告条 */
+        .notice-bar {
+            background: #fffde0;
+            border-bottom: 1px solid #e8d88e;
+            padding: 4px 10px;
+            font-size: 12px;
+            color: #996600;
+            text-align: center;
+        }
+
+        /* 内容区：左右分栏 */
+        .card-body {
+            display: flex;
+        }
+
+        /* 左侧：登录表单 */
+        .login-left {
+            flex: 1;
+            background: #eef5ff;
+            padding: 24px 30px;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+        }
+
+        .section-title {
+            font-size: 13px;
+            font-weight: bold;
+            color: #2a5580;
+            border-bottom: 1px solid #b8d0e8;
+            padding-bottom: 6px;
+            margin-bottom: 14px;
+        }
+
+        .form-row {
+            display: flex;
+            align-items: center;
+            margin-bottom: 12px;
+        }
+
+        .form-label {
+            width: 50px;
+            text-align: right;
+            font-size: 12px;
+            color: #336699;
+            font-weight: bold;
+            padding-right: 8px;
+            flex-shrink: 0;
+        }
+
+        .form-input {
+            flex: 1;
+            padding: 5px 8px;
+            height: 32px;
+            border: 1px solid #aaa;
+            border-radius: 3px;
+            font-size: 12px;
+            color: #333;
+            background: #fff;
+            max-width: 200px;
+        }
+
+        .form-input:focus {
+            border-color: #336699;
+            outline: none;
+            box-shadow: 0 0 3px rgba(51, 102, 153, 0.3);
+        }
+
+        .gender-row {
+            display: flex;
+            align-items: center;
+            gap: 20px;
+            margin: 6px 0 14px;
+            padding-left: 58px;
+            font-size: 12px;
+        }
+
+        .gender-row label {
+            cursor: pointer;
+            color: #336699;
+            display: flex;
+            align-items: center;
+            gap: 3px;
+        }
+
+        .captcha-wrap {
+            display: flex;
+            align-items: center;
+            flex: 1;
+            gap: 6px;
+        }
+
+        .captcha-wrap input {
+            width: 80px;
+            flex: none;
+            height: 32px;
+        }
+
+        .captcha-wrap img {
+            height: 32px;
+            cursor: pointer;
+            border: 1px solid #aaa;
+            border-radius: 3px;
+        }
+
+        .btn-row {
+            display: flex;
+            justify-content: center;
+            gap: 10px;
+            margin-top: 16px;
+        }
+
+        .btn {
+            padding: 6px 24px;
+            border: 1px solid #999;
+            border-radius: 3px;
+            background: linear-gradient(180deg, #f8f8f8, #e0e0e0);
+            color: #333;
+            font-size: 12px;
+            cursor: pointer;
+        }
+
+        .btn:hover {
+            background: linear-gradient(180deg, #e8e8e8, #d0d0d0);
+        }
+
+        .btn-primary {
+            background: linear-gradient(180deg, #4a8cc5, #336699);
+            color: #fff;
+            border-color: #2a5580;
+            font-weight: bold;
+        }
+
+        .btn-primary:hover {
+            background: linear-gradient(180deg, #3a7cb5, #2a5a88);
+        }
+
+        .btn:disabled {
+            opacity: 0.5;
+            cursor: not-allowed;
+        }
+
+        .link-row {
+            text-align: center;
+            margin-top: 10px;
+            font-size: 11px;
+            color: #999;
+        }
+
+        .alert {
+            display: none;
+            padding: 6px 10px;
+            margin-bottom: 10px;
+            border-radius: 3px;
+            font-size: 12px;
+            text-align: center;
+        }
+
+        .alert-error {
+            background: #fde8e8;
+            color: #cc0000;
+            border: 1px solid #f5c0c0;
+        }
+
+        .alert-success {
+            background: #e8fde8;
+            color: #006600;
+            border: 1px solid #c0f5c0;
+        }
+
+        /* 右侧：房间列表 */
+        .login-right {
+            width: 250px;
+            background: #f0f6ff;
+            border-left: 1px solid #b8d0e8;
+            display: flex;
+            flex-direction: column;
+        }
+
+        .room-header {
+            background: #d8e8f5;
+            color: #336699;
+            font-size: 12px;
+            font-weight: bold;
+            padding: 7px 10px;
+            text-align: center;
+            border-bottom: 1px solid #b8d0e8;
+        }
+
+        .room-list {
+            flex: 1;
+            overflow-y: auto;
+        }
+
+        .room-item {
+            display: flex;
+            align-items: center;
+            padding: 6px 10px;
+            cursor: pointer;
+            border-bottom: 1px solid #e0ecf7;
+            font-size: 12px;
+            transition: background 0.15s;
+        }
+
+        .room-item:hover {
+            background: #dde8ff;
+        }
+
+        .room-item.selected {
+            background: #d0e4f5;
+            color: #1a4a70;
+        }
+
+        .room-item input[type="radio"] {
+            margin-right: 8px;
+            flex-shrink: 0;
+        }
+
+        .room-info {
+            flex: 1;
+            min-width: 0;
+        }
+
+        .room-name {
+            font-weight: bold;
+            display: block;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+
+        .room-owner {
+            font-size: 11px;
+            color: #8aaccf;
+            display: block;
+        }
+
+        .room-item.selected .room-owner {
+            color: #b8d0e8;
+        }
+
+        .room-footer {
+            background: #e0ecf7;
+            padding: 5px 10px;
+            font-size: 11px;
+            color: #666;
+            text-align: center;
+            border-top: 1px solid #b8d0e8;
+        }
+
+        /* 底部版权 */
+        .card-footer {
+            text-align: center;
+            padding: 6px;
+            font-size: 11px;
+            color: #7a9fc0;
+            background: #e0ecf7;
+            border-top: 1px solid #b8d0e8;
+        }
+    </style>
 </head>
 
-<body class="bg-gray-100 h-screen flex items-center justify-center">
+<body>
+    <div class="login-card">
+        {{-- 标题 --}}
+        <div class="card-header">
+            {{ \App\Models\SysParam::where('alias', 'sys_name')->value('body') ?? '飘落的流星在线聊天' }}
+        </div>
 
-    <div class="bg-white p-8 rounded-lg shadow-md w-full max-w-md">
-        <h1 class="text-2xl font-bold text-center mb-6 text-gray-800">
-            {{ \App\Models\SysParam::where('alias', 'sys_name')->value('body') ?? '在线聊天室' }}
-        </h1>
+        {{-- 公告 --}}
+        <div class="notice-bar">
+            {{ \App\Models\SysParam::where('alias', 'sys_notice')->value('body') ?? '欢迎来到聊天室！第一次登录即为注册，请记住您的密码。' }}
+        </div>
 
-        <p class="text-sm text-gray-500 text-center mb-6">
-            {{ \App\Models\SysParam::where('alias', 'sys_notice')->value('body') ?? '欢迎您的加入' }}
-        </p>
+        {{-- 内容区 --}}
+        <form id="login-form">
+            <div class="card-body">
+                {{-- 左侧：登录表单 --}}
+                <div class="login-left">
+                    <div class="section-title">🔑 用户登录</div>
+                    <div id="alert-box" class="alert"></div>
 
-        <!-- 登录提示区 -->
-        <div id="alert-box" class="hidden mb-4 p-3 rounded text-sm text-center"></div>
-
-        <form id="login-form" class="space-y-4">
-            <div>
-                <label for="username" class="block text-sm font-medium text-gray-700">昵称 (第一次登录即注册)</label>
-                <input type="text" id="username" name="username" required
-                    class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm"
-                    placeholder="允许中英文、数字、下划线">
-            </div>
-
-            <div>
-                <label for="password" class="block text-sm font-medium text-gray-700">密码</label>
-                <input type="password" id="password" name="password" required
-                    class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm"
-                    placeholder="请输入密码">
-            </div>
-
-            <div>
-                <label for="captcha" class="block text-sm font-medium text-gray-700">验证码</label>
-                <div class="mt-1 flex space-x-2">
-                    <input type="text" id="captcha" name="captcha" required
-                        class="block w-2/3 px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm"
-                        placeholder="输入右侧字符">
-                    <div class="w-1/3 cursor-pointer" onclick="refreshCaptcha()">
-                        <!-- 验证码图片，点击刷新 -->
-                        <img src="{{ captcha_src() }}" alt="验证码" id="captcha-img"
-                            class="h-full w-full rounded-md border border-gray-300 object-cover">
+                    <div class="form-row">
+                        <span class="form-label">昵称:</span>
+                        <input type="text" id="username" name="username" class="form-input" maxlength="10"
+                            placeholder="中英文、数字、下划线" required>
                     </div>
+
+                    <div class="form-row">
+                        <span class="form-label">密码:</span>
+                        <input type="password" id="password" name="password" class="form-input" maxlength="20"
+                            placeholder="请输入密码" required>
+                    </div>
+
+                    <div class="form-row">
+                        <span class="form-label">验证:</span>
+                        <div class="captcha-wrap">
+                            <input type="text" id="captcha" name="captcha" class="form-input" maxlength="10"
+                                placeholder="输入验证码" required>
+                            <img src="/captcha/default?{{ mt_rand() }}" alt="验证码" id="captcha-img"
+                                onclick="refreshCaptcha()" title="点击刷新">
+                        </div>
+                    </div>
+
+                    <div class="gender-row">
+                        <label><input type="radio" name="bSex" value="1" checked> 男</label>
+                        <label><input type="radio" name="bSex" value="2"> 女</label>
+                    </div>
+
+                    <div class="btn-row">
+                        <button type="submit" id="submit-btn" class="btn btn-primary">进入聊天</button>
+                        <button type="reset" class="btn">重填</button>
+                    </div>
+
+                    <div class="link-row">第一次登录即为注册，请记住您的密码</div>
+                </div>
+
+                {{-- 右侧：房间列表 --}}
+                <div class="login-right">
+                    <div class="room-header">📋 选择房间</div>
+                    <div class="room-list">
+                        @forelse ($rooms as $room)
+                            <label class="room-item {{ $loop->first ? 'selected' : '' }}">
+                                <input type="radio" name="room_id" value="{{ $room->id }}"
+                                    {{ $loop->first ? 'checked' : '' }}>
+                                <div class="room-info">
+                                    <span class="room-name">{{ $room->name }}</span>
+                                    @if ($room->master)
+                                        <span class="room-owner">房主：{{ $room->master }}</span>
+                                    @endif
+                                </div>
+                            </label>
+                        @empty
+                            <div style="padding: 20px; text-align: center; color: #999;">暂无房间</div>
+                        @endforelse
+                    </div>
+                    <div class="room-footer">共 {{ count($rooms) }} 个房间</div>
                 </div>
             </div>
-
-            <button type="submit" id="submit-btn"
-                class="w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50">
-                进入聊天室
-            </button>
         </form>
+
+        {{-- 底部 --}}
+        <div class="card-footer">Powered by 飘落的流星 &copy; {{ date('Y') }}</div>
     </div>
 
     <script>
-        // 刷新验证码
         function refreshCaptcha() {
-            document.getElementById('captcha-img').src = '{{ captcha_src() }}' + Math.random();
+            document.getElementById('captcha-img').src = '/captcha/default?' + Math.random();
         }
 
-        // 提交登录表单
+        document.querySelectorAll('.room-item').forEach(item => {
+            item.addEventListener('click', function() {
+                document.querySelectorAll('.room-item').forEach(i => i.classList.remove('selected'));
+                this.classList.add('selected');
+            });
+        });
+
         document.getElementById('login-form').addEventListener('submit', function(e) {
             e.preventDefault();
-
             const btn = document.getElementById('submit-btn');
             const alertBox = document.getElementById('alert-box');
-
             btn.disabled = true;
             btn.innerText = '正在进入...';
-            alertBox.classList.add('hidden');
+            alertBox.style.display = 'none';
 
             const formData = new FormData(this);
             const data = Object.fromEntries(formData.entries());
+            const roomId = data.room_id || '1';
 
             fetch('{{ route('login.post') }}', {
                     method: 'POST',
@@ -90,27 +428,33 @@
                     },
                     body: JSON.stringify(data)
                 })
-                .then(response => response.json().then(data => ({
+                .then(response => response.json().then(body => ({
                     status: response.status,
-                    body: data
+                    body
                 })))
                 .then(result => {
                     if (result.status === 200 && result.body.status === 'success') {
-                        // 登录成功，显示成功并跳转
                         showAlert(result.body.message, 'success');
+                        const chatUrl = '/room/' + roomId;
+                        const chatWin = window.open(chatUrl, 'chatroom',
+                            'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes'
+                        );
+                        if (chatWin) {
+                            chatWin.moveTo(0, 0);
+                            chatWin.resizeTo(screen.availWidth, screen.availHeight);
+                            chatWin.focus();
+                        }
                         setTimeout(() => {
-                            // 转跳到大厅房间列表
                             window.location.href = '/rooms';
-                        }, 1000);
+                        }, 1500);
                     } else {
-                        // 验证失败或密码错误
-                        const errorMsg = result.body.message || (result.body.errors ? Object.values(result.body
-                            .errors)[0][0] : '登录失败');
+                        const errorMsg = result.body.message ||
+                            (result.body.errors ? Object.values(result.body.errors)[0][0] : '登录失败');
                         showAlert(errorMsg, 'error');
                         refreshCaptcha();
                         document.getElementById('captcha').value = '';
                         btn.disabled = false;
-                        btn.innerText = '进入聊天室';
+                        btn.innerText = '进入聊天';
                     }
                 })
                 .catch(error => {
@@ -118,20 +462,15 @@
                     showAlert('网络或服务器错误，请稍后再试。', 'error');
                     refreshCaptcha();
                     btn.disabled = false;
-                    btn.innerText = '进入聊天室';
+                    btn.innerText = '进入聊天';
                 });
         });
 
         function showAlert(message, type) {
             const box = document.getElementById('alert-box');
             box.innerText = message;
-            box.classList.remove('hidden', 'bg-red-100', 'text-red-700', 'bg-green-100', 'text-green-700');
-
-            if (type === 'error') {
-                box.classList.add('bg-red-100', 'text-red-700');
-            } else {
-                box.classList.add('bg-green-100', 'text-green-700');
-            }
+            box.className = 'alert ' + (type === 'error' ? 'alert-error' : 'alert-success');
+            box.style.display = 'block';
         }
     </script>
 </body>
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
new file mode 100644
index 0000000..501714c
--- /dev/null
+++ b/resources/views/layouts/app.blade.php
@@ -0,0 +1,126 @@
+{{--
+    文件功能：前台统一布局模板
+    提供公共 <head>、顶部导航栏、消息提示、内容区域和底部
+    所有前台页面（除 chat/frame 和 index 登录页外）统一使用此模板
+
+    可用 section：
+      @section('title')       - 页面标题
+      @section('head')        - 额外 <head> 内容（JS/CSS）
+      @section('body-class')  - <body> 额外 class
+      @section('body-data')   - <body> 的 x-data 等属性
+      @section('nav-icon')    - 导航栏图标 emoji（如 🌟）
+      @section('nav-title')   - 导航栏标题文字
+      @section('nav-left')    - 导航栏左侧额外内容（如返回按钮）
+      @section('nav-right')   - 导航栏右侧操作区
+      @section('content')     - 页面主体内容
+      @section('scripts')     - 页面底部脚本
+
+    @author ChatRoom Laravel
+--}}
+<!DOCTYPE html>
+<html lang="zh-CN">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="csrf-token" content="{{ csrf_token() }}">
+    <title>@yield('title', '飘落流星聊天室')</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
+    <style>
+        /* 通用滚动条美化 */
+        .custom-scrollbar::-webkit-scrollbar {
+            width: 8px;
+        }
+
+        .custom-scrollbar::-webkit-scrollbar-thumb {
+            background-color: #cbd5e1;
+            border-radius: 4px;
+        }
+
+        .custom-scrollbar::-webkit-scrollbar-track {
+            background-color: transparent;
+        }
+    </style>
+    @yield('head')
+</head>
+
+<body class="bg-gray-100 min-h-screen text-gray-800 text-sm @yield('body-class')" @yield('body-data')>
+
+    {{-- ═══════════ 顶部导航栏（统一风格） ═══════════ --}}
+    <header class="bg-indigo-900 border-b border-indigo-800 text-white shadow-md sticky top-0 z-50 shrink-0">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <div class="flex items-center justify-between h-14">
+
+                {{-- 左侧：返回 + 标题 --}}
+                <div class="flex items-center space-x-4">
+                    @hasSection('nav-left')
+                        @yield('nav-left')
+                        <div class="h-6 w-px bg-indigo-700"></div>
+                    @endif
+                    <div class="flex items-center space-x-2">
+                        <span class="text-xl">@yield('nav-icon', '🌟')</span>
+                        <h1 class="text-lg font-extrabold tracking-wider">@yield('nav-title', '飘落流星')</h1>
+                    </div>
+                </div>
+
+                {{-- 右侧：操作区 --}}
+                <div class="flex items-center space-x-3 text-sm">
+                    {{-- 公共导航链接 --}}
+                    <a href="{{ route('rooms.index') }}"
+                        class="text-indigo-200 hover:text-white font-bold flex items-center transition hidden sm:flex">
+                        <span class="mr-1">🏠</span> 大厅
+                    </a>
+                    <a href="{{ route('leaderboard.index') }}"
+                        class="text-yellow-400 hover:text-yellow-300 font-bold flex items-center transition hidden sm:flex">
+                        <span class="mr-1">🏆</span> 风云榜
+                    </a>
+                    <a href="{{ route('guestbook.index') }}"
+                        class="text-indigo-200 hover:text-white font-bold flex items-center transition hidden sm:flex">
+                        <span class="mr-1">✉️</span> 留言板
+                    </a>
+
+                    @yield('nav-right')
+
+                    {{-- 用户信息（通用） --}}
+                    @auth
+                        <div class="flex items-center space-x-2 ml-2 pl-2 border-l border-indigo-700">
+                            <img src="/images/headface/{{ Auth::user()->headface ?? '01.gif' }}"
+                                class="w-7 h-7 rounded border border-indigo-500 object-cover bg-white">
+                            <span class="font-bold hidden sm:inline">{{ Auth::user()->username }}</span>
+                            <span
+                                class="bg-white/20 px-1.5 py-0.5 rounded text-xs border border-white/10">LV.{{ Auth::user()->user_level }}</span>
+                        </div>
+                    @endauth
+                </div>
+            </div>
+        </div>
+    </header>
+
+    {{-- ═══════════ 全局提示消息 ═══════════ --}}
+    @if (session('success'))
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mt-4">
+            <div class="bg-green-100 border-l-4 border-green-500 text-green-700 p-4 rounded shadow-sm">
+                <p class="font-bold">操作成功</p>
+                <p>{{ session('success') }}</p>
+            </div>
+        </div>
+    @endif
+    @if (session('error'))
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mt-4">
+            <div class="bg-red-100 border-l-4 border-red-500 text-red-700 p-4 rounded shadow-sm">
+                <p class="font-bold">操作失败</p>
+                <p>{{ session('error') }}</p>
+            </div>
+        </div>
+    @endif
+
+    {{-- ═══════════ 页面主体内容 ═══════════ --}}
+    @yield('content')
+
+    {{-- ═══════════ 底部脚本 ═══════════ --}}
+    @yield('scripts')
+
+</body>
+
+</html>
diff --git a/resources/views/leaderboard/index.blade.php b/resources/views/leaderboard/index.blade.php
index fe57356..7faf4b0 100644
--- a/resources/views/leaderboard/index.blade.php
+++ b/resources/views/leaderboard/index.blade.php
@@ -1,148 +1,117 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
+{{--
+    文件功能：风云排行榜页面
+    展示等级榜、经验榜、财富榜、魅力榜四大排行
 
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>风云排行榜 - 飘落流星</title>
-    <script src="https://cdn.tailwindcss.com"></script>
-</head>
+    @extends layouts.app
+--}}
+@extends('layouts.app')
 
-<body class="bg-gray-100 flex h-screen overflow-hidden text-sm">
-    <div class="h-screen w-full flex flex-col bg-gray-100 overflow-hidden font-sans">
+@section('title', '风云排行榜 - 飘落流星')
 
-        <!-- 顶部导航条 -->
-        <header class="bg-indigo-900 border-b border-indigo-800 text-white shadow-md relative z-20 shrink-0">
-            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-                <div class="flex items-center justify-between h-16">
-                    <!-- 左侧：标题与返回大厅 -->
-                    <div class="flex items-center space-x-4">
-                        <a href="{{ route('rooms.index') }}"
-                            class="text-indigo-200 hover:text-white transition flex items-center group">
-                            <svg class="w-5 h-5 mr-1 transform group-hover:-translate-x-1 transition" fill="none"
-                                stroke="currentColor" viewBox="0 0 24 24">
-                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                    d="M10 19l-7-7m0 0l7-7m-7 7h18"></path>
-                            </svg>
-                            返回大厅
-                        </a>
-                        <div class="h-6 w-px bg-indigo-700"></div>
-                        <div class="flex items-center space-x-2">
-                            <span class="text-xl">🏆</span>
-                            <h1 class="text-xl font-extrabold tracking-wider">风云排行榜</h1>
-                        </div>
-                    </div>
+@section('nav-icon', '🏆')
+@section('nav-title', '风云排行榜')
 
-                    <!-- 右侧：当前用户状态 -->
-                    <div class="flex items-center space-x-3 text-sm">
-                        @auth
-                            <img src="/images/headface/{{ Auth::user()->headface ?? '01.gif' }}"
-                                class="w-8 h-8 rounded border border-indigo-500 object-cover bg-white">
-                            <div class="hidden sm:block">
-                                <span class="font-bold">{{ Auth::user()->username }}</span>
-                                <span class="text-indigo-300 ml-2">LV.{{ Auth::user()->user_level }}</span>
-                            </div>
-                        @else
-                            <div class="hidden sm:block">
-                                <span class="text-indigo-300">游客状态</span>
-                            </div>
-                        @endauth
-                    </div>
-                </div>
-            </div>
-        </header>
+@section('nav-left')
+    <a href="{{ route('rooms.index') }}" class="text-indigo-200 hover:text-white transition flex items-center group">
+        <svg class="w-5 h-5 mr-1 transform group-hover:-translate-x-1 transition" fill="none" stroke="currentColor"
+            viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path>
+        </svg>
+        返回大厅
+    </a>
+@endsection
 
-        <!-- 说明条 -->
-        <div class="bg-indigo-50 border-b border-indigo-100 py-3 shrink-0">
-            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex justify-between items-center text-sm">
-                <p class="text-indigo-800 font-medium">✨ 数据每 <span class="font-bold text-red-500">15分钟</span>
-                    自动刷新一次。努力提升自己，让全服铭记你的名字！</p>
-            </div>
+
+
+@section('content')
+    {{-- 说明条 --}}
+    <div class="bg-indigo-50 border-b border-indigo-100 py-3 shrink-0">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex justify-between items-center text-sm">
+            <p class="text-indigo-800 font-medium">✨ 数据每 <span class="font-bold text-red-500">15分钟</span>
+                自动刷新一次。努力提升自己，让全服铭记你的名字！</p>
         </div>
+    </div>
 
-        <!-- 滚动内容区 -->
-        <main class="flex-1 overflow-y-auto p-4 sm:p-6 lg:p-8">
-            <div class="max-w-7xl mx-auto">
+    {{-- 滚动内容区 --}}
+    <main class="p-4 sm:p-6 lg:p-8">
+        <div class="max-w-7xl mx-auto">
 
-                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
 
-                    <!-- 1. 境界榜 (user_level) -->
-                    <div class="bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden flex flex-col">
-                        <div
-                            class="bg-gradient-to-r from-red-600 to-red-500 px-4 py-3 flex justify-between items-center text-white">
-                            <h2 class="font-bold text-lg flex items-center"><span class="mr-2 text-xl">👑</span> 无上境界榜
-                            </h2>
-                            <span class="text-xs bg-red-800/40 px-2 py-0.5 rounded">Level</span>
-                        </div>
-                        <div class="p-0 overflow-y-auto max-h-[600px] flex-1">
-                            @include('leaderboard.partials.list', [
-                                'users' => $topLevels,
-                                'valueField' => 'user_level',
-                                'unit' => '级',
-                                'color' => 'text-red-600',
-                            ])
-                        </div>
+                {{-- 1. 境界榜 (user_level) --}}
+                <div class="bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden flex flex-col">
+                    <div
+                        class="bg-gradient-to-r from-red-600 to-red-500 px-4 py-3 flex justify-between items-center text-white">
+                        <h2 class="font-bold text-lg flex items-center"><span class="mr-2 text-xl">👑</span> 无上境界榜
+                        </h2>
+                        <span class="text-xs bg-red-800/40 px-2 py-0.5 rounded">Level</span>
                     </div>
-
-                    <!-- 2. 修为榜 (exp_num) -->
-                    <div class="bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden flex flex-col">
-                        <div
-                            class="bg-gradient-to-r from-amber-600 to-amber-500 px-4 py-3 flex justify-between items-center text-white">
-                            <h2 class="font-bold text-lg flex items-center"><span class="mr-2 text-xl">🔥</span> 苦修经验榜
-                            </h2>
-                            <span class="text-xs bg-amber-800/40 px-2 py-0.5 rounded">Exp</span>
-                        </div>
-                        <div class="p-0 overflow-y-auto max-h-[600px] flex-1">
-                            @include('leaderboard.partials.list', [
-                                'users' => $topExp,
-                                'valueField' => 'exp_num',
-                                'unit' => '点',
-                                'color' => 'text-amber-600',
-                            ])
-                        </div>
+                    <div class="p-0 overflow-y-auto max-h-[600px] flex-1">
+                        @include('leaderboard.partials.list', [
+                            'users' => $topLevels,
+                            'valueField' => 'user_level',
+                            'unit' => '级',
+                            'color' => 'text-red-600',
+                        ])
                     </div>
+                </div>
 
-                    <!-- 3. 财富榜 (jjb) -->
-                    <div class="bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden flex flex-col">
-                        <div
-                            class="bg-gradient-to-r from-yellow-500 to-yellow-400 px-4 py-3 flex justify-between items-center text-white">
-                            <h2 class="font-bold text-lg flex items-center text-yellow-900"><span
-                                    class="mr-2 text-xl">💰</span> 盖世神豪榜</h2>
-                            <span class="text-xs bg-yellow-800/20 text-yellow-900 px-2 py-0.5 rounded">Coin</span>
-                        </div>
-                        <div class="p-0 overflow-y-auto max-h-[600px] flex-1">
-                            @include('leaderboard.partials.list', [
-                                'users' => $topWealth,
-                                'valueField' => 'jjb',
-                                'unit' => '万',
-                                'color' => 'text-yellow-600',
-                            ])
-                        </div>
+                {{-- 2. 修为榜 (exp_num) --}}
+                <div class="bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden flex flex-col">
+                    <div
+                        class="bg-gradient-to-r from-amber-600 to-amber-500 px-4 py-3 flex justify-between items-center text-white">
+                        <h2 class="font-bold text-lg flex items-center"><span class="mr-2 text-xl">🔥</span> 苦修经验榜
+                        </h2>
+                        <span class="text-xs bg-amber-800/40 px-2 py-0.5 rounded">Exp</span>
                     </div>
-
-                    <!-- 4. 魅力榜 (meili) -->
-                    <div class="bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden flex flex-col">
-                        <div
-                            class="bg-gradient-to-r from-pink-600 to-pink-500 px-4 py-3 flex justify-between items-center text-white">
-                            <h2 class="font-bold text-lg flex items-center"><span class="mr-2 text-xl">🌸</span> 绝世名伶榜
-                            </h2>
-                            <span class="text-xs bg-pink-800/40 px-2 py-0.5 rounded">Charm</span>
-                        </div>
-                        <div class="p-0 overflow-y-auto max-h-[600px] flex-1">
-                            @include('leaderboard.partials.list', [
-                                'users' => $topCharm,
-                                'valueField' => 'meili',
-                                'unit' => '点',
-                                'color' => 'text-pink-600',
-                            ])
-                        </div>
+                    <div class="p-0 overflow-y-auto max-h-[600px] flex-1">
+                        @include('leaderboard.partials.list', [
+                            'users' => $topExp,
+                            'valueField' => 'exp_num',
+                            'unit' => '点',
+                            'color' => 'text-amber-600',
+                        ])
                     </div>
+                </div>
 
+                {{-- 3. 财富榜 (jjb) --}}
+                <div class="bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden flex flex-col">
+                    <div
+                        class="bg-gradient-to-r from-yellow-500 to-yellow-400 px-4 py-3 flex justify-between items-center text-white">
+                        <h2 class="font-bold text-lg flex items-center text-yellow-900"><span class="mr-2 text-xl">💰</span>
+                            盖世神豪榜</h2>
+                        <span class="text-xs bg-yellow-800/20 text-yellow-900 px-2 py-0.5 rounded">Coin</span>
+                    </div>
+                    <div class="p-0 overflow-y-auto max-h-[600px] flex-1">
+                        @include('leaderboard.partials.list', [
+                            'users' => $topWealth,
+                            'valueField' => 'jjb',
+                            'unit' => '万',
+                            'color' => 'text-yellow-600',
+                        ])
+                    </div>
+                </div>
+
+                {{-- 4. 魅力榜 (meili) --}}
+                <div class="bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden flex flex-col">
+                    <div
+                        class="bg-gradient-to-r from-pink-600 to-pink-500 px-4 py-3 flex justify-between items-center text-white">
+                        <h2 class="font-bold text-lg flex items-center"><span class="mr-2 text-xl">🌸</span> 绝世名伶榜
+                        </h2>
+                        <span class="text-xs bg-pink-800/40 px-2 py-0.5 rounded">Charm</span>
+                    </div>
+                    <div class="p-0 overflow-y-auto max-h-[600px] flex-1">
+                        @include('leaderboard.partials.list', [
+                            'users' => $topCharm,
+                            'valueField' => 'meili',
+                            'unit' => '点',
+                            'color' => 'text-pink-600',
+                        ])
+                    </div>
                 </div>
 
             </div>
-        </main>
-    </div>
-</body>
 
-</html>
+        </div>
+    </main>
+@endsection
diff --git a/resources/views/rooms/index.blade.php b/resources/views/rooms/index.blade.php
index 7b438cb..a1d7196 100644
--- a/resources/views/rooms/index.blade.php
+++ b/resources/views/rooms/index.blade.php
@@ -1,13 +1,18 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
+{{--
+    文件功能：聊天大厅 - 房间列表页
+    展示所有公开聊天房间，支持创建、编辑、转让、删除房间
+    以及修改个人资料和密码
 
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>聊天大厅 - 飘落流星</title>
-    <script src="https://cdn.tailwindcss.com"></script>
-    <!-- 引入 Alpine.js 用于简单的无代码弹窗切换 -->
-    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
+    @extends layouts.app
+--}}
+@extends('layouts.app')
+
+@section('title', '聊天大厅 - 飘落流星')
+
+@section('nav-icon', '🌟')
+@section('nav-title', '星光大厅')
+
+@section('head')
     <style>
         .custom-scrollbar::-webkit-scrollbar {
             width: 8px;
@@ -22,102 +27,65 @@
             background-color: transparent;
         }
     </style>
-</head>
+@endsection
 
-<body class="bg-gray-100 min-h-screen text-gray-800" x-data="{
+@section('nav-right')
+    {{-- admin 后台直达 --}}
+    @if (Auth::user()->user_level >= 15)
+        <a href="{{ route('admin.dashboard') }}" class="text-indigo-200 hover:text-white font-bold hidden sm:block">⚙️ 后台</a>
+    @endif
+    {{-- 个人资料 --}}
+    <button @click="showProfileModal = true" class="font-medium text-sm hover:text-indigo-200 transition flex items-center">
+        欢迎您，{{ Auth::user()->username }}
+    </button>
+    {{-- 新建房间 --}}
+    @if (Auth::user()->user_level >= 10)
+        <button @click="showCreateModal = true"
+            class="bg-emerald-500 hover:bg-emerald-400 px-4 py-2 rounded-md font-bold text-sm transition shadow-sm">
+            + 新建房间
+        </button>
+    @endif
+    {{-- 退出登录 --}}
+    <form action="{{ route('logout') }}" method="POST" class="inline">
+        @csrf
+        <button type="submit"
+            class="text-sm border border-white/30 hover:bg-white/10 px-4 py-2 rounded-md transition font-medium">退出登录</button>
+    </form>
+@endsection
+
+@section('body-data',
+    "x-data=\"{
     showCreateModal: false,
     showEditModal: false,
     showTransferModal: false,
     showProfileModal: false,
     showPasswordModal: false,
     currentRoom: null
-}">
+    }\"")
 
-    <!-- 顶部导航条 -->
-    <nav class="bg-indigo-600 px-6 py-4 shadow-md sticky top-0 z-50">
-        <div class="max-w-7xl mx-auto flex justify-between items-center text-white">
-            <div class="flex items-center space-x-4">
-                <span class="text-xl">🌟</span>
-                <h1 class="text-xl font-extrabold tracking-wider">星光大厅</h1>
-            </div>
-
-            <!-- 右侧操作区 -->
-            <div class="flex items-center space-x-3 text-sm">
-
-                <!-- 留言板入口 -->
-                <a href="{{ route('guestbook.index') }}"
-                    class="text-indigo-100 hover:text-white font-bold flex items-center bg-indigo-800/40 px-3 py-1.5 rounded-full transition shadow-inner">
-                    <span class="mr-1">✉️</span> 留言板
-                </a>
-
-                <!-- 风云排行榜入口 -->
-                <a href="{{ route('leaderboard.index') }}"
-                    class="mr-4 text-yellow-400 hover:text-yellow-300 font-bold flex items-center bg-indigo-800/50 px-3 py-1.5 rounded-full transition shadow-inner">
-                    <span class="mr-1">🏆</span> 风云榜
-                </a>
-
-                <!-- admin 后台直达 -->
-                @if (Auth::user()->user_level >= 15)
-                    <a href="{{ route('admin.dashboard') }}"
-                        class="mr-4 text-indigo-200 hover:text-white font-bold hidden sm:block">⚙️ 后台管理</a>
-                @endif
-                <!-- 点击直接在本页弹出资料卡修改 -->
-                <button @click="showProfileModal = true"
-                    class="font-medium text-sm hover:text-indigo-200 transition flex items-center">
-                    欢迎您，{{ Auth::user()->username }}
-                    <span
-                        class="bg-white/20 px-2 py-0.5 rounded-full text-xs ml-2 border border-white/10 shadow-sm">LV.{{ Auth::user()->user_level }}</span>
-                </button>
-
-                {{-- 权限按钮区 --}}
-                @if (Auth::user()->user_level >= 10)
-                    <button @click="showCreateModal = true"
-                        class="bg-emerald-500 hover:bg-emerald-400 px-4 py-2 rounded-md font-bold text-sm transition shadow-sm">
-                        + 新建房间
-                    </button>
-                @endif
-
-                <form action="{{ route('logout') }}" method="POST" class="inline">
-                    @csrf
-                    <button type="submit"
-                        class="text-sm border border-white/30 hover:bg-white/10 px-4 py-2 rounded-md transition font-medium">退出登录</button>
-                </form>
-            </div>
-        </div>
-    </nav>
-
-    <!-- 主展示区 -->
-    <main class="max-w-7xl mx-auto py-10 px-6">
-
-        <!-- 全局提示消息 -->
-        @if (session('success'))
-            <div class="bg-green-100 border-l-4 border-green-500 text-green-700 p-4 mb-8 rounded shadow-sm">
-                <p class="font-bold">操作成功</p>
-                <p>{{ session('success') }}</p>
-            </div>
-        @endif
-        @if (session('error'))
-            <div class="bg-red-100 border-l-4 border-red-500 text-red-700 p-4 mb-8 rounded shadow-sm">
-                <p class="font-bold">发生错误</p>
-                <p>{{ session('error') }}</p>
-            </div>
-        @endif
-        @if ($errors->any())
-            <div class="bg-red-100 border-l-4 border-red-500 text-red-700 p-4 mb-8 rounded shadow-sm">
+@section('content')
+    {{-- 验证错误信息 --}}
+    @if ($errors->any())
+        <div class="max-w-7xl mx-auto px-6 mt-4">
+            <div class="bg-red-100 border-l-4 border-red-500 text-red-700 p-4 rounded shadow-sm">
                 <ul class="list-disc list-inside text-sm">
                     @foreach ($errors->all() as $error)
                         <li>{{ $error }}</li>
                     @endforeach
                 </ul>
             </div>
-        @endif
+        </div>
+    @endif
+
+    {{-- 主展示区 --}}
+    <main class="max-w-7xl mx-auto py-10 px-6">
 
         <div class="mb-6 flex justify-between items-end border-b pb-4">
-            <h2 class="text-xl font-bold text-gray-700">公开频段 (<span
-                    class="text-indigo-600">{{ $rooms->count() }}</span>)</h2>
+            <h2 class="text-xl font-bold text-gray-700">公开频段 (<span class="text-indigo-600">{{ $rooms->count() }}</span>)
+            </h2>
         </div>
 
-        <!-- 房间瀑布流网格 -->
+        {{-- 房间瀑布流网格 --}}
         <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
             @forelse($rooms as $room)
                 <div
@@ -145,7 +113,6 @@
                         {{-- 管理按钮组（仅房主或超管可见） --}}
                         <div class="flex space-x-2">
                             @if ($room->master == Auth::user()->username || Auth::user()->user_level >= 15)
-                                <!-- 修改 -->
                                 <button
                                     @click="currentRoom = {id: {{ $room->id }}, name: '{{ addslashes($room->name) }}', description: '{{ addslashes($room->description) }}'}; showEditModal = true"
                                     class="text-xs text-blue-600 hover:text-blue-800 font-semibold px-2 py-1 rounded hover:bg-blue-50 transition">
@@ -153,15 +120,12 @@
                                 </button>
 
                                 @if (!$room->is_system)
-                                    <!-- 转让 -->
                                     <button
                                         @click="currentRoom = {id: {{ $room->id }}, name: '{{ addslashes($room->name) }}'}; showTransferModal = true"
                                         class="text-xs text-amber-600 hover:text-amber-800 font-semibold px-2 py-1 rounded hover:bg-amber-50 transition">
                                         转让
                                     </button>
-                                    <!-- 删除 -->
-                                    <form action="{{ route('rooms.destroy', $room->id) }}" method="POST"
-                                        class="inline"
+                                    <form action="{{ route('rooms.destroy', $room->id) }}" method="POST" class="inline"
                                         onsubmit="return confirm('警告：确实要彻底解散「{{ $room->name }}」吗？此操作不可逆！');">
                                         @csrf @method('delete')
                                         <button type="submit"
@@ -172,7 +136,8 @@
                         </div>
 
                         {{-- 进入按钮 --}}
-                        <a href="{{ route('chat.room', $room->id) }}"
+                        <a href="#"
+                            onclick="openChatRoom('{{ route('chat.room', $room->id) }}', '{{ $room->name }}'); return false;"
                             class="bg-indigo-600 text-white hover:bg-indigo-700 px-4 py-2 rounded-t-xl rounded-br-xl text-sm font-bold shadow-md hover:shadow-lg transition-all transform group-hover:-translate-y-0.5">
                             立刻进入 &rarr;
                         </a>
@@ -187,7 +152,7 @@
         </div>
     </main>
 
-    <!-- 新建房间 Modal (通过 Alpine.js 开关) -->
+    {{-- ═══════════ 新建房间 Modal ═══════════ --}}
     <div x-show="showCreateModal" style="display: none;"
         class="fixed inset-0 z-[100] bg-black/60 backdrop-blur-sm flex items-center justify-center p-4">
         <div @click.away="showCreateModal = false"
@@ -221,7 +186,7 @@
         </div>
     </div>
 
-    <!-- 修改管理 Modal -->
+    {{-- ═══════════ 修改管理 Modal ═══════════ --}}
     <div x-show="showEditModal" style="display: none;"
         class="fixed inset-0 z-[100] bg-black/60 backdrop-blur-sm flex items-center justify-center p-4">
         <div @click.away="showEditModal = false"
@@ -232,7 +197,6 @@
                 <button @click="showEditModal = false"
                     class="text-blue-400 hover:text-blue-600 font-bold text-xl">&times;</button>
             </div>
-            <!-- 注意这里通过 Alpine 动态拼接 action 路径 -->
             <form :action="'{{ url('rooms') }}/' + currentRoom?.id" method="POST" class="p-6">
                 @csrf @method('PUT')
                 <div class="mb-4">
@@ -256,7 +220,7 @@
         </div>
     </div>
 
-    <!-- 转让房主 Modal -->
+    {{-- ═══════════ 转让房主 Modal ═══════════ --}}
     <div x-show="showTransferModal" style="display: none;"
         class="fixed inset-0 z-[100] bg-black/60 backdrop-blur-sm flex items-center justify-center p-4">
         <div @click.away="showTransferModal = false"
@@ -288,7 +252,7 @@
         </div>
     </div>
 
-    <!-- 个人资料设置 Modal -->
+    {{-- ═══════════ 个人资料设置 Modal ═══════════ --}}
     <div x-show="showProfileModal" style="display: none;"
         class="fixed inset-0 z-[100] bg-black/60 backdrop-blur-sm flex items-center justify-center p-4">
         <div @click.away="showProfileModal = false"
@@ -310,16 +274,28 @@
                 isSaving: false,
             
                 async saveProfile() {
-                        this.isSaving = true;
-                        try {
-                            const res = await fetch('{{ route('user.update_profile') }}', {
-                                        method: 'PUT',
-                                        headers: {
-                                            'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'), 'Content-Type'
-                : 'application/json' , 'Accept' : 'application/json' }, body: JSON.stringify(this.profileData) }); const
-                data=await res.json(); if (res.ok && data.status === 'success') { alert(data.message);
-                window.location.reload(); } else { alert('保存失败: ' + (data.message || ' 输入有误')); } } catch (e) {
-                alert('网络异常'); } finally { this.isSaving=false; } } }">
+                    this.isSaving = true;
+                    try {
+                        const res = await fetch('{{ route('user.update_profile') }}', {
+                            method: 'PUT',
+                            headers: {
+                                'X-CSRF-TOKEN': document.querySelector('meta[name=&quot;csrf-token&quot;]').getAttribute('content'),
+                                'Content-Type': 'application/json',
+                                'Accept': 'application/json'
+                            },
+                            body: JSON.stringify(this.profileData)
+                        });
+                        const
+                            data = await res.json();
+                        if (res.ok && data.status === 'success') {
+                            alert(data.message);
+                            window.location.reload();
+                        } else { alert('保存失败: ' + (data.message || ' 输入有误')); }
+                    } catch (e) {
+                        alert('网络异常');
+                    } finally { this.isSaving = false; }
+                }
+            }">
                 <form @submit.prevent="saveProfile">
                     <div class="mb-4">
                         <label class="block text-sm font-bold text-gray-700 mb-2">性别</label>
@@ -330,7 +306,6 @@
                             <option value="保密">保密</option>
                         </select>
                     </div>
-                    <!-- 头像选择 (暂时写死输入框，后续可优化为网格选择) -->
                     <div class="mb-4">
                         <label class="block text-sm font-bold text-gray-700 mb-2">头像选择 (01.gif - 50.gif)</label>
                         <div class="flex items-center space-x-3">
@@ -363,7 +338,7 @@
         </div>
     </div>
 
-    <!-- 修改密码 Modal -->
+    {{-- ═══════════ 修改密码 Modal ═══════════ --}}
     <div x-show="showPasswordModal" style="display: none;"
         class="fixed inset-0 z-[110] bg-black/60 backdrop-blur-sm flex items-center justify-center p-4">
         <div @click.away="showPasswordModal = false"
@@ -384,25 +359,38 @@
                 isSaving: false,
             
                 async savePassword() {
-                        if (this.pwdData.new_password !== this.pwdData.new_password_confirmation) {
-                            alert('两次输入的新密码不一致！');
-                            return;
+                    if (this.pwdData.new_password !== this.pwdData.new_password_confirmation) {
+                        alert('两次输入的新密码不一致！');
+                        return;
+                    }
+                    if (this.pwdData.new_password.length < 6) {
+                        alert('新密码最少 6 位！');
+                        return;
+                    }
+                    this.isSaving = true;
+                    try {
+                        const res = await fetch('{{ route('user.update_password') }}', {
+                            method: 'PUT',
+                            headers: {
+                                'X-CSRF-TOKEN': document.querySelector('meta[name=&quot;csrf-token&quot;]').getAttribute('content'),
+                                'Content-Type': 'application/json',
+                                'Accept': 'application/json'
+                            },
+                            body: JSON.stringify(this.pwdData)
+                        });
+                        const
+                            data = await res.json();
+                        if (res.ok && data.status === 'success') {
+                            alert(data.message);
+                            window.location.href = '{{ route('home') }}';
+                        } else {
+                            alert('密码修改失败: ' + (data.message || ' 请输入正确的旧密码'));
                         }
-                        if (this.pwdData.new_password.length < 6) {
-                            alert('新密码最少 6 位！');
-                            return;
-                        }
-                        this.isSaving = true;
-                        try {
-                            const res = await fetch('{{ route('user.update_password') }}', {
-                                        method: 'PUT',
-                                        headers: {
-                                            'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'), 'Content-Type'
-                : 'application/json' , 'Accept' : 'application/json' }, body: JSON.stringify(this.pwdData) }); const
-                data=await res.json(); if (res.ok && data.status === 'success') { alert(data.message);
-                window.location.href = '{{ route('home') }}'; // 改密成功重新登录 } else {
-                alert('密码修改失败: ' + (data.message || ' 请输入正确的旧密码')); } } catch (e) { alert('网络异常'); } finally {
-                this.isSaving=false; } } }">
+                    } catch (e) { alert('网络异常'); } finally {
+                        this.isSaving = false;
+                    }
+                }
+            }">
                 <form @submit.prevent="savePassword">
                     <div class="mb-4">
                         <label class="block text-sm font-bold text-gray-700 mb-2">当前旧密码</label>
@@ -429,7 +417,25 @@
             </div>
         </div>
     </div>
+@endsection
 
-</body>
-
-</html>
+@section('scripts')
+    {{-- 原版风格：弹出独立聊天窗口 --}}
+    <script>
+        /**
+         * 打开聊天室弹出窗口（复刻原版 DEFAULT.asp 的 launchchat 函数）
+         */
+        function openChatRoom(url, roomName) {
+            var chatWin = window.open(
+                url,
+                'chatroom_' + roomName,
+                'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes'
+            );
+            if (chatWin) {
+                chatWin.moveTo(0, 0);
+                chatWin.resizeTo(screen.availWidth, screen.availHeight);
+                chatWin.focus();
+            }
+        }
+    </script>
+@endsection
diff --git a/routes/channels.php b/routes/channels.php
index 4bf1e3b..1b991ae 100644
--- a/routes/channels.php
+++ b/routes/channels.php
@@ -17,7 +17,7 @@ Broadcast::channel('room.{roomId}', function ($user, $roomId) {
         'username' => $user->username,
         'user_level' => $user->user_level,
         'sex' => $user->sex,
-        'headface' => $user->headface,
+        'headface' => $user->usersf ?: $user->headface,
         // 这里可以视情况加入更多需要前端渲染在线人员列表的字段
     ];
 });
diff --git a/routes/web.php b/routes/web.php
index ea98693..a0f87ba 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -2,6 +2,7 @@
 
 use App\Http\Controllers\AuthController;
 use App\Http\Controllers\ChatController;
+use App\Http\Controllers\FishingController;
 use App\Http\Controllers\RoomController;
 use App\Http\Controllers\UserController;
 use Illuminate\Support\Facades\Auth;
@@ -13,7 +14,10 @@ Route::get('/', function () {
         return redirect()->route('rooms.index');
     }
 
-    return view('index'); // 指向 resources/views/index.blade.php
+    // 获取可用房间列表供登录页选择（原版风格）
+    $rooms = \App\Models\Room::orderBy('id')->get();
+
+    return view('index', compact('rooms'));
 })->name('home');
 
 // 处理登录/自动注册请求
@@ -45,6 +49,8 @@ Route::middleware(['chat.auth'])->group(function () {
     Route::put('/user/password', [UserController::class, 'changePassword'])->name('user.update_password');
     Route::post('/user/{username}/kick', [UserController::class, 'kick'])->name('user.kick');
     Route::post('/user/{username}/mute', [UserController::class, 'mute'])->name('user.mute');
+    Route::post('/user/{username}/ban', [UserController::class, 'ban'])->name('user.ban');
+    Route::post('/user/{username}/banip', [UserController::class, 'banIp'])->name('user.banip');
 
     // ---- 第五阶段：具体房间内部聊天核心 ----
     // 进入具体房间界面的初始化
@@ -60,10 +66,23 @@ Route::middleware(['chat.auth'])->group(function () {
 
     // 退出房间
     Route::post('/room/{id}/leave', [ChatController::class, 'leave'])->name('chat.leave');
+
+    // 头像列表（供选择）
+    Route::get('/headface/list', [ChatController::class, 'headfaceList'])->name('headface.list');
+
+    // 修改头像
+    Route::post('/headface/change', [ChatController::class, 'changeAvatar'])->name('headface.change');
+
+    // 设置房间公告/祝福语
+    Route::post('/room/{id}/announcement', [ChatController::class, 'setAnnouncement'])->name('chat.announcement');
+
+    // ---- 钓鱼小游戏（复刻原版 diaoyu/ 功能）----
+    Route::post('/room/{id}/fish/cast', [FishingController::class, 'cast'])->name('fishing.cast');
+    Route::post('/room/{id}/fish/reel', [FishingController::class, 'reel'])->name('fishing.reel');
 });
 
-// 强力特权层中间件：同时验证 chat.auth 登录态 和 chat.level:15 特权
-Route::middleware(['chat.auth', 'chat.level:15'])->prefix('admin')->name('admin.')->group(function () {
+// 强力特权层中间件：同时验证 chat.auth 登录态 和 chat.level:super 特权（superlevel 由 sysparam 配置）
+Route::middleware(['chat.auth', 'chat.level:super'])->prefix('admin')->name('admin.')->group(function () {
     // 后台首页概览
     Route::get('/', [\App\Http\Controllers\Admin\DashboardController::class, 'index'])->name('dashboard');
 
@@ -76,7 +95,15 @@ Route::middleware(['chat.auth', 'chat.level:15'])->prefix('admin')->name('admin.
     Route::put('/users/{id}', [\App\Http\Controllers\Admin\UserManagerController::class, 'update'])->name('users.update');
     Route::delete('/users/{id}', [\App\Http\Controllers\Admin\UserManagerController::class, 'destroy'])->name('users.destroy'); // 物理封杀
 
-    // 特殊高危操作日志与运维工具 (选做或简易实现 SQL.ASP)
-    Route::get('/sql', [\App\Http\Controllers\Admin\SqlController::class, 'index'])->name('sql.index');
-    Route::post('/sql', [\App\Http\Controllers\Admin\SqlController::class, 'execute'])->name('sql.execute'); // ⚠ 强烈限制为纯 SELECT 查询
+    // 房间管理
+    Route::get('/rooms', [\App\Http\Controllers\Admin\RoomManagerController::class, 'index'])->name('rooms.index');
+    Route::put('/rooms/{id}', [\App\Http\Controllers\Admin\RoomManagerController::class, 'update'])->name('rooms.update');
+    Route::delete('/rooms/{id}', [\App\Http\Controllers\Admin\RoomManagerController::class, 'destroy'])->name('rooms.destroy');
+
+    // 随机事件管理（复刻原版 autoact 系统）
+    Route::get('/autoact', [\App\Http\Controllers\Admin\AutoactController::class, 'index'])->name('autoact.index');
+    Route::post('/autoact', [\App\Http\Controllers\Admin\AutoactController::class, 'store'])->name('autoact.store');
+    Route::put('/autoact/{id}', [\App\Http\Controllers\Admin\AutoactController::class, 'update'])->name('autoact.update');
+    Route::post('/autoact/{id}/toggle', [\App\Http\Controllers\Admin\AutoactController::class, 'toggle'])->name('autoact.toggle');
+    Route::delete('/autoact/{id}', [\App\Http\Controllers\Admin\AutoactController::class, 'destroy'])->name('autoact.destroy');
 });