diff --git a/addons/game_base/controllers/chat_api.py b/addons/game_base/controllers/chat_api.py
index 129b7c1..6b1e02f 100644
--- a/addons/game_base/controllers/chat_api.py
+++ b/addons/game_base/controllers/chat_api.py
@@ -2,6 +2,7 @@
 from odoo import http
 from odoo.http import request
 from .game_api import _json, _post_body
+from ..models.chat import GUIDE_NAME
 
 
 class ChatApiController(http.Controller):
@@ -12,13 +13,14 @@ class ChatApiController(http.Controller):
     @http.route('/game/api/chat/channels', type='http', auth='public',
                 methods=['GET'], csrf=False)
     def chat_channels(self, **kw):
-        """当前用户可见频道：世界频道(公开) + 自己参与的私聊/公会。"""
+        """当前用户可见频道：世界频道 + AI向导频道(均公开) + 自己参与的私聊/公会。"""
         uid = request.session.uid
         Channel = request.env['game.chat.channel'].sudo()
-        domain = [('channel_type', '=', 'world')]
+        public = [('channel_type', 'in', ['world', 'guide'])]
         if uid:
-            domain = ['|', ('channel_type', '=', 'world'),
-                      ('member_ids', 'in', [uid])]
+            domain = ['|'] + public + [('member_ids', 'in', [uid])]
+        else:
+            domain = public
         recs = Channel.search_read(domain, ['id', 'name', 'channel_type'],
                                    order='sequence, id')
         return _json({'items': [{
@@ -60,6 +62,7 @@ class ChatApiController(http.Controller):
             'create_date': str(r['create_date']),
             'is_self': bool(uid and r.get('author_id')
                            and r['author_id'][0] == uid),
+            'is_guide': bool(r['author_name'] == GUIDE_NAME),
         } for r in recs]
         return _json({'items': items})
 
@@ -92,6 +95,26 @@ class ChatApiController(http.Controller):
             'author_name': author_name,
             'body': body,
         })
+        # AI 向导自动回复：仅对 guide 类型频道生效，与世界频道隔离
+        guide_reply = None
+        ch = request.env['game.chat.channel'].sudo().browse(channel_id)
+        if ch.exists() and ch.channel_type == 'guide':
+            reply_text = ch.generate_guide_reply(body)
+            if reply_text:
+                reply = request.env['game.chat.message'].sudo().create({
+                    'channel_id': channel_id,
+                    'author_id': False,
+                    'author_name': GUIDE_NAME,
+                    'body': reply_text,
+                })
+                guide_reply = {
+                    'id': reply.id,
+                    'author_name': GUIDE_NAME,
+                    'body': reply_text,
+                    'create_date': str(reply.create_date),
+                    'is_self': False,
+                    'is_guide': True,
+                }
         return _json({
             'ok': True,
             'message': {
@@ -100,5 +123,6 @@ class ChatApiController(http.Controller):
                 'body': body,
                 'create_date': str(msg.create_date),
                 'is_self': True,
-            }
+            },
+            'guide_reply': guide_reply,
         })
diff --git a/addons/game_base/controllers/game_api.py b/addons/game_base/controllers/game_api.py
index ab64c46..ed6f643 100644
--- a/addons/game_base/controllers/game_api.py
+++ b/addons/game_base/controllers/game_api.py
@@ -22,10 +22,18 @@ def _json(data):
 
 def _post_body():
     try:
-        raw = request.httprequest.get_data(as_text=True) or '{}'
-        return json.loads(raw)
+        # Odoo 官方解析 JSON 请求体（正确处理 UTF-8），优先使用。
+        return request.get_json_data()
     except Exception:
-        return {}
+        try:
+            # 兜底：显式按 UTF-8 解码原始字节，避免 Werkzeug 在 application/json
+            # 无 charset 时按 latin1 解码中文导致乱码。
+            raw = request.httprequest.get_data(cache=True) or b'{}'
+            if isinstance(raw, str):
+                raw = raw.encode('utf-8')
+            return json.loads(raw.decode('utf-8'))
+        except Exception:
+            return {}
 
 
 class GameApiController(http.Controller):
diff --git a/addons/game_base/data/chat_data.xml b/addons/game_base/data/chat_data.xml
index 73b0462..0960726 100644
--- a/addons/game_base/data/chat_data.xml
+++ b/addons/game_base/data/chat_data.xml
@@ -1,11 +1,18 @@
 <?xml version="1.0" encoding="utf-8"?>
 <odoo>
-  <data noupdate="1">
-    <!-- 默认世界频道：所有玩家可见、可发言 -->
+  <data>
+    <!-- 默认世界频道：所有玩家可见、可发言（纯净玩家聊天，不混入 AI 向导） -->
     <record model="game.chat.channel" id="channel_world">
       <field name="name">世界频道</field>
       <field name="channel_type">world</field>
       <field name="sequence">10</field>
     </record>
+
+    <!-- 默认游戏助手频道：与世界频道物理隔离，玩家提问、系统自动回复（知识引擎） -->
+    <record model="game.chat.channel" id="channel_guide">
+      <field name="name">游戏助手</field>
+      <field name="channel_type">guide</field>
+      <field name="sequence">20</field>
+    </record>
   </data>
 </odoo>
diff --git a/addons/game_base/models/chat.py b/addons/game_base/models/chat.py
index 69c908c..192ecfd 100644
--- a/addons/game_base/models/chat.py
+++ b/addons/game_base/models/chat.py
@@ -1,6 +1,17 @@
 # -*- coding: utf-8 -*-
+import re
 from odoo import models, fields
 
+# 游戏助手的展示昵称（前后端共用，落库消息的作者名）
+GUIDE_NAME = '游戏助手'
+
+
+def _plain(text):
+    """去掉 HTML 标签，用于把 rule.desc(Html) 当作纯文本兜底。"""
+    if not text:
+        return ''
+    return re.sub(r'<[^>]+>', '', text).strip()
+
 
 class GameChatChannel(models.Model):
     _name = 'game.chat.channel'
@@ -12,12 +23,76 @@ class GameChatChannel(models.Model):
         ('world', '世界频道'),
         ('guild', '公会'),
         ('pm', '私聊'),
+        ('guide', 'AI向导'),
     ], string='类型', default='world', index=True)
     sequence = fields.Integer(string='排序', default=10)
     creator_id = fields.Many2one('res.users', string='创建者')
     member_ids = fields.Many2many('res.users', string='成员')
     message_ids = fields.One2many('game.chat.message', 'channel_id', string='消息')
 
+    def generate_guide_reply(self, question):
+        """内置游戏知识引擎（零外部依赖）：按关键词检索 game.rule / game.rule.category 作答。
+        预留扩展点：若需接入真实 LLM，替换本方法实现、返回模型生成的文本即可，其余调用方不变。
+        """
+        q = (question or '').strip()
+        if not q:
+            return '你好，我是游戏助手。你可以问我关于「属性」「等级」「货币」「制度」的问题～'
+        env = self.env
+        Rule = env['game.rule']
+        Cat = env['game.rule.category']
+
+        def rules_of(key):
+            c = Cat.search([('key', '=', key)], limit=1)
+            return Rule.search([('category_id', '=', c.id)], order='name') if c else []
+
+        def line(r):
+            return f'· {r.name}：{r.summary or _plain(r.desc)}'
+
+        # 问候
+        if re.search(r'(你好|您好|hi|hello|在吗|嗨|早上好|晚上好)', q, re.I):
+            return ('你好，我是游戏助手 🤖 随时为你解答宇森世界的玩法。\n'
+                    '可以问我：属性怎么算？怎么升级？货币有什么用？有哪些制度？')
+
+        # 属性（关键词覆盖攻击/物攻/法攻/防御/暴击等；穿透/韧性已移除）
+        _attr_re = re.search(r'(属性|攻击|物攻|法攻|防御|物防|法防|血量|生命|法力|速度|攻速|暴击|爆伤|命中|闪避|格挡|抗性|吸血|幸运)', q)
+        if _attr_re:
+            rules = list(rules_of('attribute_basic')) + list(rules_of('attribute_advanced'))
+            if rules:
+                head = '【属性规则】不同属性决定你的战斗表现，核心属性如下：'
+                return head + '\n' + '\n'.join(line(r) for r in rules[:12]) + '\n\n想深入了解某项，直接问我它的名字～'
+
+        # 等级
+        if re.search(r'(等级|升级|经验|世界等级|角色等级|怎么变强|变强)', q):
+            for key in ('world', 'character'):
+                rules = rules_of(key)
+                if rules:
+                    c = Cat.search([('key', '=', key)], limit=1)
+                    head = f'【{c.name}】'
+                    lines = [f'· {r.name}（Lv{r.level}）：{r.summary or ""}' for r in rules[:6]]
+                    return head + '\n' + '\n'.join(l for l in lines if l.strip())
+
+        # 货币
+        if re.search(r'(货币|金币|钱|元宝|钻石|充值|兑换|经济)', q):
+            rules = rules_of('currency')
+            if rules:
+                head = '【货币规则】游戏内货币与获取/消耗方式：'
+                return head + '\n' + '\n'.join(line(r) for r in rules[:8])
+
+        # 制度 / 规则
+        if re.search(r'(制度|规定|规则|条款|公约|不能|禁止|惩罚|封号)', q):
+            rules = rules_of('system')
+            if rules:
+                head = '【制度说明】请遵守以下基本规则：'
+                return head + '\n' + '\n'.join(line(r) for r in rules[:8])
+
+        # 兜底：给出可问的方向
+        cats = Cat.search(
+            [('key', 'in', ['world', 'character', 'currency', 'attribute', 'system'])],
+            order='sequence')
+        tips = '、'.join(c.name for c in cats) if cats else '属性、等级、货币、制度'
+        return ('我是游戏助手，这个问题我还在学习中 🤔\n'
+                f'你可以问我这些方向：{tips}。\n例如：「攻击和物防怎么算？」「怎么升级最快？」')
+
 
 class GameChatMessage(models.Model):
     _name = 'game.chat.message'
diff --git a/addons/game_base/views/asset_views.xml b/addons/game_base/views/asset_views.xml
index 9a850c5..addf8e6 100644
--- a/addons/game_base/views/asset_views.xml
+++ b/addons/game_base/views/asset_views.xml
@@ -2,10 +2,52 @@
 <odoo>
 
   <!-- ============ 附件（Odoo 原生 ir.attachment） ============ -->
+  <!-- ============ 附件（Odoo 原生 ir.attachment）看板视图 ============ -->
+  <record id="yusen_attachment_kanban_view" model="ir.ui.view">
+    <field name="name">yusen.attachment.kanban</field>
+    <field name="model">ir.attachment</field>
+    <field name="arch" type="xml">
+      <kanban>
+        <field name="name"/>
+        <field name="description"/>
+        <field name="file_size"/>
+        <field name="mimetype"/>
+        <templates>
+          <t t-name="kanban-box">
+            <div class="oe_kanban_global_click oe_kanban_card d-flex flex-column p-2" style="width:160px;">
+              <div class="o_kanban_image mb-2 text-center" style="height:100px;line-height:100px;background:rgba(0,0,0,.06);border-radius:6px;overflow:hidden;font-size:40px;">
+                <t t-if="record.mimetype.raw_value and 'image' in record.mimetype.raw_value">🖼️</t>
+                <t t-else="">📎</t>
+              </div>
+              <div class="oe_kanban_details text-center">
+                <strong class="o_kanban_record_title d-block text-truncate" title="%s"><field name="name"/></strong>
+                <div class="text-muted small text-truncate mt-1" style="min-height:1.2em;">
+                  <t t-if="record.description.raw_value"><field name="description"/></t>
+                  <t t-else="">—</t>
+                </div>
+                <div class="small mt-1" style="color:#6c757d;">
+                  <t t-if="record.file_size.raw_value &gt;= 1048576">
+                    <t t-esc="(record.file_size.raw_value / 1048576).toFixed(2)"/> MB
+                  </t>
+                  <t t-elif="record.file_size.raw_value &gt;= 1024">
+                    <t t-esc="(record.file_size.raw_value / 1024).toFixed(1)"/> KB
+                  </t>
+                  <t t-else="">
+                    <t t-esc="record.file_size.raw_value"/> B
+                  </t>
+                </div>
+              </div>
+            </div>
+          </t>
+        </templates>
+      </kanban>
+    </field>
+  </record>
+
   <record id="action_yusen_attachment" model="ir.actions.act_window">
     <field name="name">附件</field>
     <field name="res_model">ir.attachment</field>
-    <field name="view_mode">list,form</field>
+    <field name="view_mode">kanban,list,form</field>
     <field name="context">{'search_default_filter_website': 0}</field>
   </record>
 
diff --git a/addons/game_base/views/chat_views.xml b/addons/game_base/views/chat_views.xml
index d4dbc26..977bffe 100644
--- a/addons/game_base/views/chat_views.xml
+++ b/addons/game_base/views/chat_views.xml
@@ -1,13 +1,26 @@
 <?xml version="1.0" encoding="utf-8"?>
 <odoo>
 
+  <!-- ============ 世界聊天 · 顶级菜单 ============ -->
+  <record id="menu_game_chat_root" model="ir.ui.menu">
+    <field name="name">世界聊天</field>
+    <field name="sequence">10</field>
+  </record>
+
   <!-- ============ 世界聊天 · 频道 ============ -->
   <record id="action_game_chat_channel" model="ir.actions.act_window">
-    <field name="name">世界聊天</field>
+    <field name="name">频道</field>
     <field name="res_model">game.chat.channel</field>
     <field name="view_mode">list,form</field>
   </record>
 
+  <record id="menu_game_chat_channel" model="ir.ui.menu">
+    <field name="name">频道</field>
+    <field name="parent_id" ref="menu_game_chat_root"/>
+    <field name="action" ref="action_game_chat_channel"/>
+    <field name="sequence">10</field>
+  </record>
+
   <record id="view_game_chat_channel_list" model="ir.ui.view">
     <field name="name">game.chat.channel.list</field>
     <field name="model">game.chat.channel</field>
@@ -46,4 +59,53 @@
     </field>
   </record>
 
+  <!-- ============ 世界聊天 · 消息（后台记录与查看） ============ -->
+  <record id="action_game_chat_message" model="ir.actions.act_window">
+    <field name="name">聊天消息</field>
+    <field name="res_model">game.chat.message</field>
+    <field name="view_mode">list,form</field>
+    <field name="context">{'search_default_group_channel': 1}</field>
+  </record>
+
+  <record id="view_game_chat_message_list" model="ir.ui.view">
+    <field name="name">game.chat.message.list</field>
+    <field name="model">game.chat.message</field>
+    <field name="arch" type="xml">
+      <list string="聊天消息" multi_edit="1">
+        <field name="channel_id"/>
+        <field name="author_name"/>
+        <field name="body" string="内容"/>
+        <field name="create_date"/>
+      </list>
+    </field>
+  </record>
+
+  <record id="view_game_chat_message_form" model="ir.ui.view">
+    <field name="name">game.chat.message.form</field>
+    <field name="model">game.chat.message</field>
+    <field name="arch" type="xml">
+      <form>
+        <group>
+          <field name="channel_id"/>
+          <field name="author_id"/>
+          <field name="author_name"/>
+        </group>
+        <group>
+          <field name="create_date"/>
+        </group>
+        <group string="内容">
+          <field name="body" nolabel="1"/>
+        </group>
+      </form>
+    </field>
+  </record>
+
+  <!-- 频道菜单下挂消息子项，方便后台同步查看聊天记录 -->
+  <record id="menu_game_chat_message" model="ir.ui.menu">
+    <field name="name">聊天消息</field>
+    <field name="parent_id" ref="menu_game_chat_root"/>
+    <field name="action" ref="action_game_chat_message"/>
+    <field name="sequence">20</field>
+  </record>
+
 </odoo>
diff --git a/addons/game_base/views/game_employee_views.xml b/addons/game_base/views/game_employee_views.xml
index bca1b93..abccf30 100644
--- a/addons/game_base/views/game_employee_views.xml
+++ b/addons/game_base/views/game_employee_views.xml
@@ -7,6 +7,14 @@
     <field name="model">hr.employee</field>
     <field name="inherit_id" ref="hr.view_employee_form"/>
     <field name="arch" type="xml">
+      <!-- 隐藏原生「公开信息」(联系人) 和「HR 设置」(组织架构) 页签 -->
+      <xpath expr="//page[@name='public']" position="attributes">
+        <attribute name="invisible">1</attribute>
+      </xpath>
+      <xpath expr="//page[@name='hr_settings']" position="attributes">
+        <attribute name="invisible">1</attribute>
+      </xpath>
+      <!-- 追加「游戏数据」页签（后续世界数据等关联也放这里） -->
       <xpath expr="//notebook" position="inside">
         <page string="游戏数据" name="game_data">
           <group>
diff --git a/addons/yt_world/views/yt_world_views.xml b/addons/yt_world/views/yt_world_views.xml
index 6a48fd1..fa2918d 100644
--- a/addons/yt_world/views/yt_world_views.xml
+++ b/addons/yt_world/views/yt_world_views.xml
@@ -442,15 +442,14 @@
     </field>
   </record>
 
-  <!-- ============ 玩家（res.users） ============ -->
-  <!-- 独立顶级菜单：用 res.users 直接管理玩家，比 hr.employee 语义更准；
-       view_mode 默认 list 起步，不进入"新建"表单。 -->
+  <!-- ============ 玩家（hr.employee） ============ -->
+  <!-- 直接用 hr.employee 管理玩家，点进去就是员工列表，无需经 res.users 中转 -->
   <record id="action_yt_player" model="ir.actions.act_window">
     <field name="name">玩家</field>
-    <field name="res_model">res.users</field>
+    <field name="res_model">hr.employee</field>
     <field name="view_mode">list,form</field>
-    <field name="context">{'search_default_active': 1, 'search_default_share': 0}</field>
-    <field name="help">游戏玩家列表。点「玩家世界」菜单可按用户筛其下属的全部世界/地块/微观/角色/生物等数据。</field>
+    <field name="context">{'search_default_active': 1}</field>
+    <field name="help">游戏玩家（员工）列表。每位玩家对应一个 hr.employee，关联其 Odoo 登录账户。</field>
   </record>
 
   <record id="view_yt_player_search" model="ir.ui.view">
diff --git a/addons/yusen_website/data/rule_data.xml b/addons/yusen_website/data/rule_data.xml
index 72b1e83..cb30354 100644
--- a/addons/yusen_website/data/rule_data.xml
+++ b/addons/yusen_website/data/rule_data.xml
@@ -124,4 +124,132 @@
     <field name="note"><![CDATA[至高货币，不可增发。总量由世界本源锚定，仅可通过特定事件获取。]]></field>
   </record>
 
+  <!-- ====================================================================
+       属性规则（战斗 / 成长核心数值维度）
+       说明：前端「规则」页的「属性规则」页签从此处读取。
+       为支持「基础 / 高级」分区，属性拆为两个类别：
+         attribute_basic   （基础属性，seq=50）
+         attribute_advanced（高级属性，seq=51）
+       前端会把两者合并到同一个「属性规则」页签内，分两组展示。
+       每条属性 = 一条 game.rule：
+         name    = 属性中文名（前端按名映射 emoji 图标）
+         desc    = 给玩家的说明（是什么、怎么影响战局）
+         summary = 设计师基准（成长来源 / 公式提示，后台可见）
+       物攻 / 法攻决定输出，防御类（防御 / 物防 / 法防）按伤害类型减伤，
+       其余为速度、暴击、爆伤、命中闪避等衍生维度，共同构成单位战力模型。
+       ==================================================================== -->
+  <record id="rule_category_attribute_basic" model="game.rule.category">
+    <field name="key">attribute_basic</field>
+    <field name="name">基础属性</field>
+    <field name="sequence">50</field>
+  </record>
+  <record id="rule_category_attribute_advanced" model="game.rule.category">
+    <field name="key">attribute_advanced</field>
+    <field name="name">高级属性</field>
+    <field name="sequence">51</field>
+  </record>
+
+  <!-- ===== 基础属性 ===== -->
+  <!-- 生存 -->
+  <record id="attr_hp" model="game.rule">
+    <field name="category_id" ref="rule_category_attribute_basic"/><field name="level">0</field><field name="name">生命值</field>
+    <field name="desc"><![CDATA[单位存活的血量上限。受到伤害时优先扣除，归零则该单位倒下。随等级、装备与回复技能提升。]]></field>
+    <field name="summary"><![CDATA[基础值随等级成长，装备/天赋加成]]></field>
+  </record>
+  <record id="attr_mp" model="game.rule">
+    <field name="category_id" ref="rule_category_attribute_basic"/><field name="level">0</field><field name="name">法力值</field>
+    <field name="desc"><![CDATA[释放技能与法术的消耗资源。普攻不耗蓝，技能按强度扣蓝；蓝量不足无法施法，脱战自然回复。]]></field>
+    <field name="summary"><![CDATA[技能消耗资源，脱战回复]]></field>
+  </record>
+
+  <!-- 攻击 -->
+  <record id="attr_atk" model="game.rule">
+    <field name="category_id" ref="rule_category_attribute_basic"/><field name="level">0</field><field name="name">物攻</field>
+    <field name="desc"><![CDATA[物理输出能力，决定普通攻击与物理系技能的基础伤害。越高打出越疼。]]></field>
+    <field name="summary"><![CDATA[物理伤害基数]]></field>
+  </record>
+  <record id="attr_mat" model="game.rule">
+    <field name="category_id" ref="rule_category_attribute_basic"/><field name="level">0</field><field name="name">法攻</field>
+    <field name="desc"><![CDATA[法术输出能力，决定法术技能的基础伤害。与物攻相互独立，受法强装备加成。]]></field>
+    <field name="summary"><![CDATA[法术伤害基数]]></field>
+  </record>
+
+  <!-- 防御 -->
+  <record id="attr_def" model="game.rule">
+    <field name="category_id" ref="rule_category_attribute_basic"/><field name="level">0</field><field name="name">防御</field>
+    <field name="desc"><![CDATA[通用物理减伤能力，是对物理伤害的笼统防护，多数装备与体质提供。与「物防」同源，物防为其专精项。]]></field>
+    <field name="summary"><![CDATA[物理减伤（通用）]]></field>
+  </record>
+  <record id="attr_pdef" model="game.rule">
+    <field name="category_id" ref="rule_category_attribute_basic"/><field name="level">0</field><field name="name">物防</field>
+    <field name="desc"><![CDATA[针对物理伤害的专项减免，由护甲、盾牌等装备提供。面对物理系敌人时主要看此项。]]></field>
+    <field name="summary"><![CDATA[物理伤害减免]]></field>
+  </record>
+  <record id="attr_mdef" model="game.rule">
+    <field name="category_id" ref="rule_category_attribute_basic"/><field name="level">0</field><field name="name">法防</field>
+    <field name="desc"><![CDATA[针对法术伤害的专项减免，由法抗装备、抗性符文提供。面对法师 / 术士时主要看此项。]]></field>
+    <field name="summary"><![CDATA[法术伤害减免]]></field>
+  </record>
+
+  <!-- 节奏 -->
+  <record id="attr_spd" model="game.rule">
+    <field name="category_id" ref="rule_category_attribute_basic"/><field name="level">0</field><field name="name">速度</field>
+    <field name="desc"><![CDATA[行动先后顺序与出手频率。速度高者先手，回合制中更频繁行动；也影响部分先攻技能触发。]]></field>
+    <field name="summary"><![CDATA[先攻 / 行动顺序]]></field>
+  </record>
+  <record id="attr_aspd" model="game.rule">
+    <field name="category_id" ref="rule_category_attribute_basic"/><field name="level">0</field><field name="name">攻速</field>
+    <field name="desc"><![CDATA[两次攻击的间隔，越短出手越快、单位时间输出越高。影响普攻与部分技能频率。]]></field>
+    <field name="summary"><![CDATA[攻击间隔]]></field>
+  </record>
+
+  <!-- ===== 高级属性 ===== -->
+  <!-- 暴击 -->
+  <record id="attr_crt" model="game.rule">
+    <field name="category_id" ref="rule_category_attribute_advanced"/><field name="level">0</field><field name="name">暴击</field>
+    <field name="desc"><![CDATA[造成暴击的概率（百分比）。暴击时伤害按「爆伤」倍率提升。]]></field>
+    <field name="summary"><![CDATA[暴击率 %]]></field>
+  </record>
+  <record id="attr_crtdmg" model="game.rule">
+    <field name="category_id" ref="rule_category_attribute_advanced"/><field name="level">0</field><field name="name">爆伤</field>
+    <field name="desc"><![CDATA[暴击时的伤害倍率（默认 150%）。暴击率越高，堆此项收益越大。]]></field>
+    <field name="summary"><![CDATA[暴击倍率 %]]></field>
+  </record>
+
+  <!-- 命中 / 闪避 -->
+  <record id="attr_acc" model="game.rule">
+    <field name="category_id" ref="rule_category_attribute_advanced"/><field name="level">0</field><field name="name">命中</field>
+    <field name="desc"><![CDATA[攻击命中的概率。面对高闪避目标需足够命中，否则出现「未命中」。]]></field>
+    <field name="summary"><![CDATA[命中率 %]]></field>
+  </record>
+  <record id="attr_eva" model="game.rule">
+    <field name="category_id" ref="rule_category_attribute_advanced"/><field name="level">0</field><field name="name">闪避</field>
+    <field name="desc"><![CDATA[躲避攻击的概率。高闪避可让对手攻击落空，但受对方命中压制。]]></field>
+    <field name="summary"><![CDATA[闪避率 %]]></field>
+  </record>
+
+  <!-- 减伤 -->
+  <record id="attr_blk" model="game.rule">
+    <field name="category_id" ref="rule_category_attribute_advanced"/><field name="level">0</field><field name="name">格挡</field>
+    <field name="desc"><![CDATA[受击时触发格挡、按比例减免伤害的概率（需持盾 / 特定姿态）。格挡成功大幅减伤。]]></field>
+    <field name="summary"><![CDATA[格挡率 %]]></field>
+  </record>
+
+  <!-- 异常 / 续航 -->
+  <record id="attr_res" model="game.rule">
+    <field name="category_id" ref="rule_category_attribute_advanced"/><field name="level">0</field><field name="name">抗性</field>
+    <field name="desc"><![CDATA[对灼烧、冰冻、中毒等异常状态的抵抗概率。高抗性降低被控与持续掉血风险。]]></field>
+    <field name="summary"><![CDATA[异常抵抗 %]]></field>
+  </record>
+  <record id="attr_lifesteal" model="game.rule">
+    <field name="category_id" ref="rule_category_attribute_advanced"/><field name="level">0</field><field name="name">吸血</field>
+    <field name="desc"><![CDATA[造成伤害时按百分比回复自身生命。持续作战与单挑续航的关键属性。]]></field>
+    <field name="summary"><![CDATA[吸血 %]]></field>
+  </record>
+  <record id="attr_luck" model="game.rule">
+    <field name="category_id" ref="rule_category_attribute_advanced"/><field name="level">0</field><field name="name">幸运</field>
+    <field name="desc"><![CDATA[影响暴击、掉落与稀有事件触发概率的隐性维度。高幸运带来更多意外之喜与关键转折，是冒险与博弈中的变数之源。]]></field>
+    <field name="summary"><![CDATA[幸运值（影响暴击/掉落/稀有事件）]]></field>
+  </record>
+
 </odoo>
diff --git a/assets/buildings/default/resource_4x4_20260813.png b/assets/buildings/default/resource_4x4_20260813.png
new file mode 100644
index 0000000..69299ac
Binary files /dev/null and b/assets/buildings/default/resource_4x4_20260813.png differ
diff --git a/assets/chat.js b/assets/chat.js
index 9e60d75..e7bad00 100644
--- a/assets/chat.js
+++ b/assets/chat.js
@@ -6,9 +6,10 @@
   let channels = [];
   let activeChannel = null;       // {id, name}
   let lastId = 0;                 // 已渲染的最大消息 id（增量轮询基准）
+  let renderedIds = new Set();   // 已渲染消息 id，避免即时渲染与轮询重复
   let pollTimer = null;
 
-  const TYPE_ICON = { world: '🌐', guild: '🛡️', pm: '💬' };
+  const TYPE_ICON = { world: '🌐', guild: '🛡️', pm: '💬', guide: '🤖' };
 
   // ---------- 工具 ----------
   function fmtTime(s) {
@@ -54,9 +55,12 @@
   }
 
   function renderMessage(m, prepend) {
+    if (renderedIds.has(m.id)) return;   // 去重：即时渲染与轮询可能重复拉到同一消息
+    renderedIds.add(m.id);
+    const isGuide = !!m.is_guide;
     const row = document.createElement('div');
-    row.className = 'row' + (m.is_self ? ' self' : '');
-    const initial = (m.author_name || '?').slice(0, 1);
+    row.className = 'row' + (m.is_self ? ' self' : '') + (isGuide ? ' guide' : '');
+    const initial = isGuide ? '🤖' : (m.author_name || '?').slice(0, 1);
     row.innerHTML = `
       <div class="ava">${escapeHtml(initial)}</div>
       <div class="bubble-wrap">
@@ -99,8 +103,12 @@
   async function selectChannel(ch) {
     activeChannel = ch;
     lastId = 0;
+    renderedIds.clear();
     $('messages').innerHTML = '';
     $('chTitle').textContent = ch.name;
+    $('chSub').textContent = ch.type === 'guide'
+      ? '向宇森向导提问，了解属性 / 等级 / 货币 / 制度'
+      : '和大家聊聊宇森世界吧';
     renderChannels();
     setStatus('加载中…');
     const data = await api(`/game/api/chat/messages?channel_id=${ch.id}&limit=50`);
@@ -138,8 +146,8 @@
     btn.disabled = false;
     if (data.ok) {
       ta.value = '';
-      // 本地立即渲染（轮询也会拉到，靠 id 去重：renderMessage 只更新 lastId，不重复插入）
       renderMessage(data.message, false);
+      if (data.guide_reply) renderMessage(data.guide_reply, false);
       scrollBottom();
     } else {
       setStatus(data.error || '发送失败');
diff --git a/chat.html b/chat.html
index acef137..fdfb385 100644
--- a/chat.html
+++ b/chat.html
@@ -81,43 +81,48 @@
   .chat-head .sub { font-size: 12px; color: var(--txt-dim); }
 
   .messages {
-    flex: 1; overflow-y: auto; padding: 22px 22px 8px;
-    display: flex; flex-direction: column; gap: 14px;
+    flex: 1 1 auto; max-height: 290px; overflow-y: auto; padding: 16px 22px 6px;
+    display: flex; flex-direction: column; gap: 10px;
     scroll-behavior: smooth;
   }
-  .row { display: flex; gap: 10px; max-width: 76%; }
+  .row { display: flex; gap: 8px; max-width: 76%; }
   .row.self { align-self: flex-end; flex-direction: row-reverse; }
   .row .ava {
-    width: 36px; height: 36px; border-radius: 10px; flex-shrink: 0;
+    width: 34px; height: 34px; border-radius: 10px; flex-shrink: 0;
     background: var(--bg-card); display: flex; align-items: center; justify-content: center;
     font-size: 13px; color: var(--txt-dim); border: 1px solid var(--line);
   }
   .row.self .ava { background: linear-gradient(135deg, var(--accent), #3b82f6); color: #06121a; border: none; }
-  .bubble-wrap { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
+  .bubble-wrap { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
   .row.self .bubble-wrap { align-items: flex-end; }
   .meta { font-size: 11px; color: var(--txt-dim); display: flex; gap: 8px; }
   .bubble {
-    padding: 10px 14px; border-radius: 14px; line-height: 1.55;
+    padding: 8px 12px; border-radius: 13px; line-height: 1.5;
     background: var(--bubble-other); color: var(--txt); font-size: 14px;
     word-break: break-word; white-space: pre-wrap;
   }
   .row.self .bubble { background: var(--bubble-self); color: #06121a; font-weight: 500; }
 
+  /* AI 向导消息：紫色区分，与世界频道玩家消息隔离 */
+  .row.guide .ava { background: linear-gradient(135deg, #a78bfa, #7c3aed); color: #fff; border: none; }
+  .row.guide .bubble { background: linear-gradient(135deg, #2a2150, #3b2f63); color: #ede9fe; border: 1px solid #4c3a82; }
+  .row.guide .meta span:first-child { color: #c4b5fd; }
+
   /* 输入区 */
   .composer {
-    border-top: 1px solid var(--line); padding: 14px 18px;
-    display: flex; gap: 12px; align-items: flex-end; background: var(--bg-soft);
+    border-top: 1px solid var(--line); padding: 8px 14px;
+    display: flex; gap: 8px; align-items: flex-end; background: var(--bg-soft);
   }
   .composer textarea {
-    flex: 1; resize: none; height: 46px; max-height: 120px;
-    background: var(--bg-card); border: 1px solid var(--line); border-radius: 12px;
-    color: var(--txt); padding: 12px 14px; font-size: 14px; font-family: inherit;
+    flex: 1; resize: none; height: 34px; max-height: 120px;
+    background: var(--bg-card); border: 1px solid var(--line); border-radius: 10px;
+    color: var(--txt); padding: 7px 11px; font-size: 13.5px; font-family: inherit;
     outline: none; transition: border-color .18s;
   }
   .composer textarea:focus { border-color: var(--accent); }
   .composer button {
-    height: 46px; padding: 0 22px; border: none; border-radius: 12px;
-    background: var(--bubble-self); color: #06121a; font-weight: 600; font-size: 14px;
+    height: 34px; padding: 0 16px; border: none; border-radius: 10px;
+    background: var(--bubble-self); color: #06121a; font-weight: 600; font-size: 13px;
     cursor: pointer; transition: transform .12s, filter .12s;
   }
   .composer button:hover { filter: brightness(1.06); }
diff --git a/codex.html b/codex.html
index 19af7dc..246c174 100644
--- a/codex.html
+++ b/codex.html
@@ -58,13 +58,18 @@ body::before{
 }
 .searchBox .clear:hover{opacity:1;color:#ffb4b4;}
 
-/* 分类标签 */
-.catTab{
-  padding:5px 14px;border-radius:999px;font-size:14px;cursor:pointer;
-  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#9fb3cc;transition:.18s;
+/* ===== 分类页签（与规则页统一风格） ===== */
+.rule-tabs{
+  display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-start;
+  padding:6px 0 8px;
 }
-.catTab:hover{background:rgba(139,92,246,.14);color:#d0dfff;border-color:rgba(139,92,246,.3);}
-.catTab.active{background:rgba(139,92,246,.2);color:#fff;border-color:rgba(139,92,246,.5);box-shadow:0 0 12px rgba(139,92,246,.2);}
+.rule-tab{
+  padding:8px 20px;border-radius:999px;font-size:15px;cursor:pointer;user-select:none;
+  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#9fb3cc;transition:.18s;
+  font-family:"ZCOOL QingKe HuangYou",sans-serif;letter-spacing:1px;
+}
+.rule-tab:hover{background:rgba(139,92,246,.14);color:#d0dfff;border-color:rgba(139,92,246,.3);}
+.rule-tab.active{background:rgba(139,92,246,.2);color:#fff;border-color:rgba(139,92,246,.5);box-shadow:0 0 12px rgba(139,92,246,.25);}
 
 /* 品质筛点 */
 .ql{display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:4px 11px;border-radius:8px;transition:.15s;}
@@ -107,12 +112,14 @@ body::before{
 .card.q-rare::before{background:linear-gradient(90deg,#3b82f6,#60a5fa);}
 .card.q-epic::before{background:linear-gradient(90deg,#a855f7,#c084fc);}
 .card.q-legendary::before{background:linear-gradient(90deg,#f59e0b,#fbbf24);}
+.card.q-mythic::before{background:linear-gradient(90deg,#dc2626,#f59e0b);}
 /* 品质光晕 */
 .card.q-common:hover{box-shadow:0 8px 24px rgba(0,0,0,.4),0 0 20px rgba(156,163,175,.08);}
 .card.q-uncommon:hover{box-shadow:0 8px 24px rgba(0,0,0,.4),0 0 20px rgba(34,197,94,.12);}
 .card.q-rare:hover{box-shadow:0 8px 24px rgba(0,0,0,.4),0 0 20px rgba(59,130,246,.12);}
 .card.q-epic:hover{box-shadow:0 8px 24px rgba(0,0,0,.4),0 0 20px rgba(168,85,247,.12);}
 .card.q-legendary:hover{box-shadow:0 8px 24px rgba(0,0,0,.4),0 0 20px rgba(245,158,11,.12);}
+.card.q-mythic:hover{box-shadow:0 8px 24px rgba(0,0,0,.4),0 0 24px rgba(220,38,38,.18),0 0 12px rgba(245,158,11,.1);}
 
 /* 品质角标 */
 .card .qbadge{
@@ -125,6 +132,7 @@ body::before{
 .qbadge.rare{background:rgba(59,130,246,.15);color:#60a5fa;border:1px solid rgba(59,130,246,.3);}
 .qbadge.epic{background:rgba(168,85,247,.15);color:#c084fc;border:1px solid rgba(168,85,247,.3);}
 .qbadge.legendary{background:rgba(245,158,11,.15);color:#fbbf24;border:1px solid rgba(245,158,11,.3);}
+.qbadge.mythic{background:linear-gradient(135deg,rgba(220,38,38,.18),rgba(245,158,11,.18));color:#f87171;border:1px solid rgba(220,38,38,.35);text-shadow:0 0 6px rgba(245,158,11,.4);}
 
 /* 生物/野怪/种族 专属样式 */
 .card.creature{border-style:solid;border-color:rgba(100,200,255,.12);}
@@ -249,23 +257,19 @@ body::before{
 
 <!-- ===== 筛选区 ===== -->
 <div class="filters" id="filters">
-  <div class="filterRow">
-    <span class="filterLabel">分类</span>
-    <span class="catTab active" data-cat="all" onclick="setCat('all')">🏛️ 全部</span>
-    <span class="catTab" data-cat="material" onclick="setCat('material')">🪵 材料</span>
-    <span class="catTab" data-cat="processed" onclick="setCat('processed')">🏭 加工品</span>
-    <span class="catTab" data-cat="creature" onclick="setCat('creature')">🐾 生物</span>
-    <span class="catTab" data-cat="monster" onclick="setCat('monster')">👹 野怪</span>
-    <span class="catTab" data-cat="race" onclick="setCat('race')">🌍 种族</span>
-    <span class="catTab" data-cat="special" onclick="setCat('special')">✨ 特殊</span>
-    <div class="searchBox">
-      <span class="icon">🔍</span>
-      <input id="searchInput" type="text" placeholder="搜索…" />
-      <span class="clear" id="searchClear" onclick="clearSearch()" title="清空" style="display:none;">✕</span>
-    </div>
+  <div class="rule-tabs" id="catTabs">
+    <span class="rule-tab active" data-cat="all" onclick="setCat('all')">🏛️ 全部</span>
+    <span class="rule-tab" data-cat="material" onclick="setCat('material')">🪵 材料</span>
+    <span class="rule-tab" data-cat="processed" onclick="setCat('processed')">🏭 加工品</span>
+    <span class="rule-tab" data-cat="creature" onclick="setCat('creature')">🐾 生物</span>
+    <span class="rule-tab" data-cat="monster" onclick="setCat('monster')">👹 野怪</span>
+    <span class="rule-tab" data-cat="race" onclick="setCat('race')">🌍 种族</span>
+    <span class="rule-tab" data-cat="talent" onclick="setCat('talent')">🌟 天赋</span>
+    <span class="rule-tab" data-cat="skill_book" onclick="setCat('skill_book')">📖 技能书</span>
+    <span class="rule-tab" data-cat="book" onclick="setCat('book')">📚 书籍</span>
+    <span class="rule-tab" data-cat="special" onclick="setCat('special')">✨ 特殊</span>
   </div>
   <div class="filterRow">
-    <span class="filterLabel">品质</span>
     <span class="ql active" data-ql="all" onclick="setQual('all')">
       <span class="dot" style="background:linear-gradient(135deg,#9ca3af,#fbbf24);"></span>
       <span class="lbl">全部</span>
@@ -290,6 +294,15 @@ body::before{
       <span class="dot" style="background:#f59e0b;"></span>
       <span class="lbl">传说</span>
     </span>
+    <span class="ql" data-ql="mythic" onclick="setQual('mythic')">
+      <span class="dot" style="background:linear-gradient(135deg,#dc2626,#f59e0b);"></span>
+      <span class="lbl">神话</span>
+    </span>
+    <div class="searchBox">
+      <span class="icon">🔍</span>
+      <input id="searchInput" type="text" placeholder="搜索…" />
+      <span class="clear" id="searchClear" onclick="clearSearch()" title="清空" style="display:none;">✕</span>
+    </div>
   </div>
 </div>
 
@@ -306,10 +319,110 @@ body::before{
 //  宇森图鉴 — 全部数据来自后端 Odoo (yt_world 模块)，前端无硬编码默认数据
 // =====================================================================
 
-const QUALITIES = ['common','uncommon','rare','epic','legendary'];
-const QUALITY_NAMES = { common:'普通', uncommon:'优秀', rare:'精良', epic:'史诗', legendary:'传说' };
+const QUALITIES = ['common','uncommon','rare','epic','legendary','mythic'];
+const QUALITY_NAMES = { common:'普通', uncommon:'优秀', rare:'精良', epic:'史诗', legendary:'传说', mythic:'神话' };
 const TIER_NAMES = { normal:'普通野怪', elite:'精英野怪', boss:'Boss' };
-const CAT_ORDER = ['material','processed','creature','monster','race','special'];
+const CAT_ORDER = ['material','processed','creature','monster','race','talent','skill_book','book','special'];
+
+// ===== 天赋预置数据（前端硬编码，后端就绪后迁移） =====
+const TALENT_DATA = [
+  { code:'talent_ancient_blood', name:'先民血脉', icon:'🩸', quality:'mythic',
+    trigger:'被动', effect:'生命回复+20%；濒死时触发先民护盾，5秒内免伤',
+    desc:'流淌着远古先民的血脉，身体拥有超乎寻常的自愈与守护之力。传说中先民以此血脉抵御了灭世之灾。' },
+  { code:'talent_dragon_soul', name:'龙裔之魂', icon:'🐉', quality:'mythic',
+    trigger:'被动', effect:'火焰抗性+50%；攻击附带灼烧效果',
+    desc:'体内沉睡着巨龙的灵魂碎片，对火焰有着天然的亲和与免疫，攻击时能唤出龙息灼烧敌人。' },
+  { code:'talent_star_resonance', name:'星辰共鸣', icon:'✨', quality:'legendary',
+    trigger:'被动', effect:'法力回复+15%；夜间额外+10%',
+    desc:'与星辰之力产生共鸣，能够汲取星光转化为法力。夜幕降临时，这份共鸣尤为强烈。' },
+  { code:'talent_beast_king', name:'兽王本能', icon:'🐾', quality:'epic',
+    trigger:'被动', effect:'驯养生物好感度+30%；生物产出+20%',
+    desc:'天生与野兽亲和，能感知它们的情绪与需求。驯养的生物更加忠诚，产出也更加丰厚。' },
+  { code:'talent_smith_hand', name:'铁匠之手', icon:'🔨', quality:'rare',
+    trigger:'被动', effect:'加工品品质+1阶；加工成功率+10%',
+    desc:'双手有着与生俱来的锻造天赋，加工材料时更加精准，成品的品质也往往超出预期。' },
+  { code:'talent_forest_walker', name:'林间行者', icon:'🌿', quality:'rare',
+    trigger:'被动', effect:'森林地形移速+25%；隐蔽+15%',
+    desc:'在密林中如鱼得水，脚步轻盈无声，仿佛与森林融为一体。敌人很难在林间发现你的踪迹。' },
+  { code:'talent_ore_sense', name:'矿脉感应', icon:'⛏️', quality:'uncommon',
+    trigger:'被动', effect:'发现稀有矿脉概率+20%',
+    desc:'对地底的矿脉有着敏锐的直觉，总能在别人忽略的地方发现珍贵的矿石。' },
+  { code:'talent_harvest_blessing', name:'丰收祝福', icon:'🌾', quality:'uncommon',
+    trigger:'被动', effect:'农作物产量+15%；生长速度+10%',
+    desc:'受到大地之灵的祝福，经手种植的作物总是长势喜人，收获时也比旁人更加丰盈。' },
+];
+
+// ===== 技能书预置数据（前端硬编码，后端就绪后迁移） =====
+const SKILL_BOOK_DATA = [
+  { code:'sb_inferno_v1', name:'烈焰术·卷一', icon:'🔥', quality:'rare',
+    skillType:'主动', learnLevel:5, cost:'法力 20',
+    effect:'释放火焰法术，对前方3格内敌人造成灼烧伤害，持续4秒',
+    desc:'记载着基础火焰法术的入门卷轴。虽然只是卷一，但修习者能感受到火焰之力的澎湃。' },
+  { code:'sb_frost_domain_frag', name:'冰霜领域·残卷', icon:'❄️', quality:'epic',
+    skillType:'主动', learnLevel:15, cost:'法力 50',
+    effect:'冻结周围3格内所有敌人，持续3秒，破冰时受到额外伤害',
+    desc:'残缺的古老卷轴，记载着冰霜领域的部分奥义。虽不完整，但冰封万物的威力已然惊人。' },
+  { code:'sb_thunder_judgment_full', name:'雷霆审判·全本', icon:'⚡', quality:'mythic',
+    skillType:'主动', learnLevel:30, cost:'法力 80',
+    effect:'召唤天雷轰击目标区域，无视火焰/冰霜抗性，造成毁灭性雷击伤害',
+    desc:'完整的雷霆审判秘典。传说修习至大成者可引天雷降世，审判一切罪恶。非大毅力者不可修习。' },
+  { code:'sb_ironwall_secret', name:'铁壁守护·秘典', icon:'🛡️', quality:'rare',
+    skillType:'被动', learnLevel:8, cost:'—',
+    effect:'物理减伤+15%；格挡率+10%',
+    desc:'铁壁一脉代代相传的守护秘典。修习者身如铁壁，能为同伴抵挡致命一击。' },
+  { code:'sb_gale_step_frag', name:'疾风步·残页', icon:'💨', quality:'uncommon',
+    skillType:'主动', learnLevel:3, cost:'法力 10',
+    effect:'短暂提升移速40%，持续5秒，冷却15秒',
+    desc:'仅存数页的残破秘籍，记载着疾风步的基本步法。虽不完整，但足以让修习者步履如风。' },
+  { code:'sb_life_drain_forbidden', name:'生命汲取·禁典', icon:'💀', quality:'legendary',
+    skillType:'被动', learnLevel:20, cost:'—',
+    effect:'攻击时回复造成伤害10%的生命；击杀时额外回复15%最大生命',
+    desc:'被列为禁术的黑暗典籍。修习者以杀养身，越战越强，但也容易迷失在嗜血的渴望中。慎之。' },
+];
+
+// ===== 书籍预置数据（前端硬编码，后端就绪后迁移） =====
+const BOOK_DATA = [
+  { code:'book_genesis', name:'宇森创世纪', icon:'📖', bookType:'历史',
+    author:'佚名·先民', chapters:12,
+    desc:'记载世界诞生的远古文献。从混沌初开到万物生长，从先民觉醒到百族兴起，宇森世界的起源尽在此书中。' },
+  { code:'book_hundred_wars', name:'百族大战纪略', icon:'📜', bookType:'历史',
+    author:'史官·凌岳', chapters:8,
+    desc:'记录各族群之间那场旷日持久的远古战争。战争的起因、过程与结局，以及那些被遗忘的英雄与罪人。' },
+  { code:'book_star_child', name:'星辰之子传说', icon:'✨', bookType:'传说',
+    author:'游吟诗人·散人', chapters:6,
+    desc:'流传于民间的英雄史诗。讲述一个诞生于星光之下的孩子，如何走出荒野、拯救苍生的故事。真伪已不可考。' },
+  { code:'book_vein_walk', name:'地脉行走指南', icon:'🗺️', bookType:'秘闻',
+    author:'探险家·石锤', chapters:15,
+    desc:'记录地底矿脉走向与秘境入口的探险手册。地脉行走者的必备指南，据说按图索骥可寻得珍稀矿藏。' },
+  { code:'book_codex_vol1', name:'万物图鉴·初卷', icon:'📔', bookType:'图鉴',
+    author:'图鉴师·青木', chapters:20,
+    desc:'汇编已知生物与资源的初步图鉴。虽只是初卷，却已涵盖数百种生灵与材料，是图鉴师的入门必读。' },
+  { code:'book_ancient_remnant', name:'先民遗书·残篇', icon:'🔏', bookType:'秘闻',
+    author:'先民·佚名', chapters:3,
+    desc:'先民留下的残缺手稿，字迹斑驳难辨。隐约可见关于古老力量与禁忌之地的记载，暗藏着不为人知的秘密。' },
+];
+
+function normTalent(t){
+  return {
+    type:'talent', id:t.code, cat:'talent', name:t.name, icon:t.icon||'🌟',
+    qual:t.quality||'rare', trigger:t.trigger||'被动', effect:t.effect||'',
+    desc:t.description||t.desc||''
+  };
+}
+function normSkillBook(s){
+  return {
+    type:'skill_book', id:s.code, cat:'skill_book', name:s.name, icon:s.icon||'📖',
+    qual:s.quality||'common', skillType:s.skillType||'主动', learnLevel:s.learnLevel||1,
+    cost:s.cost||'—', effect:s.effect||'', desc:s.description||s.desc||''
+  };
+}
+function normBook(b){
+  return {
+    type:'book', id:b.code, cat:'book', name:b.name, icon:b.icon||'📚',
+    bookType:b.bookType||'其他', author:b.author||'佚名', chapters:b.chapters||0,
+    desc:b.description||b.desc||''
+  };
+}
 
 let ALL_ENTRIES = [];          // 归一化后的全部条目（来自后端）
 let currentCat = 'all';
@@ -319,7 +432,7 @@ let searchTerm = '';
 // ---------- 筛选交互 ----------
 function setCat(cat){
   currentCat = cat;
-  document.querySelectorAll('.catTab').forEach(el=>el.classList.toggle('active',el.dataset.cat===cat));
+  document.querySelectorAll('.rule-tab').forEach(el=>el.classList.toggle('active',el.dataset.cat===cat));
   renderGrid();
 }
 function setQual(ql){
@@ -392,6 +505,9 @@ async function loadCodexData(){
       ...(cre||[]).map(normCreature),
       ...(mon||[]).map(normMonster),
       ...(rac||[]).map(normRace),
+      ...TALENT_DATA.map(normTalent),
+      ...SKILL_BOOK_DATA.map(normSkillBook),
+      ...BOOK_DATA.map(normBook),
     ];
     renderGrid();
   }catch(err){
@@ -406,12 +522,14 @@ function renderGrid(){
   let filtered = ALL_ENTRIES.filter(e=>{
     if(currentCat!=='all' && e.cat!==currentCat) return false;
     if(q){
-      const hay = [e.name, e.desc, (e.products||[]).join(' '), (e.drops||[]).join(' '),
+      const hay = [e.name, e.desc, e.effect||'', e.trigger||'', e.skillType||'',
+                   e.bookType||'', e.author||'', e.cost||'',
+                   (e.products||[]).join(' '), (e.drops||[]).join(' '),
                    (e.traits||[]).join(' '), e.hab||'', e.layer||''].join(' ');
       if(!hay.toLowerCase().includes(q)) return false;
     }
     if(currentQual!=='all'){
-      if(e.type!=='resource') return false;
+      if(e.type!=='resource' && e.type!=='talent' && e.type!=='skill_book') return false;
       if(e.qual!==currentQual) return false;
     }
     return true;
@@ -470,6 +588,37 @@ function renderGrid(){
             <span class="tag">${e.layer||''}</span>
           </div>
         `;
+      } else if(e.type==='talent'){
+        div.classList.add('q-'+e.qual, 'talent');
+        div.innerHTML = `
+          <span class="qbadge ${e.qual}">${QUALITY_NAMES[e.qual]}</span>
+          <div class="icon">${e.icon}</div>
+          <div class="name">${e.name}</div>
+          <div class="tags">
+            <span class="tag">${e.trigger||'被动'}</span>
+          </div>
+        `;
+      } else if(e.type==='skill_book'){
+        div.classList.add('q-'+e.qual, 'skill_book');
+        div.innerHTML = `
+          <span class="qbadge ${e.qual}">${QUALITY_NAMES[e.qual]}</span>
+          <div class="icon">${e.icon}</div>
+          <div class="name">${e.name}</div>
+          <div class="tags">
+            <span class="tag">${e.skillType||'主动'}</span>
+            <span class="tag">Lv ${e.learnLevel||1}</span>
+          </div>
+        `;
+      } else if(e.type==='book'){
+        div.classList.add('book');
+        div.innerHTML = `
+          <div class="icon">${e.icon}</div>
+          <div class="name">${e.name}</div>
+          <div class="tags">
+            <span class="tag">${e.bookType||'其他'}</span>
+            <span class="tag">${(e.chapters||0)}章</span>
+          </div>
+        `;
       }
 
       div.addEventListener('click',()=>showDetail(e));
@@ -502,11 +651,12 @@ function showDetail(e){
   html += `<div class="md-header">`;
   html += `<div class="md-icon">${e.icon}</div>`;
   html += `<div class="md-info"><div class="md-title">${e.name}</div><div class="md-meta">`;
-  if(e.type==='resource'){
-    const c = e.qual==='common'?'156,163,175':e.qual==='uncommon'?'34,197,94':e.qual==='rare'?'59,130,246':e.qual==='epic'?'168,85,247':'245,158,11';
-    const t = e.qual==='common'?'#9ca3af':e.qual==='uncommon'?'#4ade80':e.qual==='rare'?'#60a5fa':e.qual==='epic'?'#c084fc':'#fbbf24';
+  if(e.type==='resource' || e.type==='talent' || e.type==='skill_book'){
+    const c = e.qual==='common'?'156,163,175':e.qual==='uncommon'?'34,197,94':e.qual==='rare'?'59,130,246':e.qual==='epic'?'168,85,247':e.qual==='legendary'?'245,158,11':'220,38,38';
+    const t = e.qual==='common'?'#9ca3af':e.qual==='uncommon'?'#4ade80':e.qual==='rare'?'#60a5fa':e.qual==='epic'?'#c084fc':e.qual==='legendary'?'#fbbf24':'#f87171';
     html += `<span class="mt" style="background:rgba(${c},.15);color:${t}">${QUALITY_NAMES[e.qual]}</span>`;
-    html += `<span class="mt">${e.cat==='material'?'材料':e.cat==='processed'?'加工品':'特殊'}</span>`;
+    const catLabel = e.type==='talent'?'🌟 天赋':e.type==='skill_book'?'📖 技能书':e.cat==='material'?'材料':e.cat==='processed'?'加工品':'特殊';
+    html += `<span class="mt">${catLabel}</span>`;
   } else if(e.type==='creature'){
     html += `<span class="mt">🐾 生物</span><span class="mt">${e.hab||''}</span><span class="mt">${e.diet||''}</span><span class="mt">${e.tame?'✅ 可驯养':'❌ 野性'}</span>`;
   } else if(e.type==='monster'){
@@ -519,8 +669,8 @@ function showDetail(e){
   }
   html += `</div></div></div>`;
 
-  // 品质等级条（资源）
-  if(e.type==='resource'){
+  // 品质等级条（资源 / 天赋 / 技能书）
+  if(e.type==='resource' || e.type==='talent' || e.type==='skill_book'){
     html += `<div class="qualityBar">`;
     QUALITIES.forEach((q,i)=>{ html += `<div class="qlv ${i<=qi?'on':''}" title="${QUALITY_NAMES[q]}"></div>`; });
     html += `</div>`;
@@ -581,6 +731,39 @@ function showDetail(e){
     }
   }
 
+  // 天赋详情
+  if(e.type==='talent'){
+    html += `<div class="md-section"><h3>📋 属性</h3><div class="md-grid">`;
+    html += `<div class="gi"><span class="gl">触发方式</span><span class="gv">${e.trigger||'被动'}</span></div>`;
+    html += `<div class="gi"><span class="gl">品质</span><span class="gv">${QUALITY_NAMES[e.qual]||'—'}</span></div>`;
+    html += `</div></div>`;
+    if(e.effect){
+      html += `<div class="md-section"><h3>⚡ 效果</h3><div class="md-desc" style="color:#f0e6d3;">${e.effect}</div></div>`;
+    }
+  }
+
+  // 技能书详情
+  if(e.type==='skill_book'){
+    html += `<div class="md-section"><h3>📋 属性</h3><div class="md-grid">`;
+    html += `<div class="gi"><span class="gl">技能类型</span><span class="gv">${e.skillType||'主动'}</span></div>`;
+    html += `<div class="gi"><span class="gl">学习等级</span><span class="gv">Lv ${e.learnLevel||1}</span></div>`;
+    html += `<div class="gi"><span class="gl">消耗</span><span class="gv">${e.cost||'—'}</span></div>`;
+    html += `<div class="gi"><span class="gl">品质</span><span class="gv">${QUALITY_NAMES[e.qual]||'—'}</span></div>`;
+    html += `</div></div>`;
+    if(e.effect){
+      html += `<div class="md-section"><h3>⚡ 技能效果</h3><div class="md-desc" style="color:#f0e6d3;">${e.effect}</div></div>`;
+    }
+  }
+
+  // 书籍详情
+  if(e.type==='book'){
+    html += `<div class="md-section"><h3>📋 属性</h3><div class="md-grid">`;
+    html += `<div class="gi"><span class="gl">类型</span><span class="gv">${e.bookType||'其他'}</span></div>`;
+    html += `<div class="gi"><span class="gl">作者</span><span class="gv">${e.author||'佚名'}</span></div>`;
+    html += `<div class="gi"><span class="gl">章节数</span><span class="gv">${e.chapters||0} 章</span></div>`;
+    html += `</div></div>`;
+  }
+
   html += '</div>';
   box.innerHTML = html;
   overlay.classList.add('open');
diff --git a/rules.html b/rules.html
index d71a8e1..1e66a66 100644
--- a/rules.html
+++ b/rules.html
@@ -8,13 +8,25 @@
 <link rel="icon" type="image/png" sizes="48x48" href="assets/ui/logo_planet_48.png?v=20260723">
 <link rel="stylesheet" href="assets/common.css" />
 <style>
-  .rules-scroll{max-width:1080px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:34px;padding:30px 48px;}
-  .rule-block{}
-  .rule-block h3{position:relative;display:inline-block;font-family:"ZCOOL QingKe HuangYou",sans-serif;font-size:28px;color:#fff;letter-spacing:3px;margin:0 0 16px;padding-bottom:11px;
-    text-shadow:0 2px 14px rgba(139,92,246,.35);}
-  .rule-block h3::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:3px;border-radius:3px;
-    background:linear-gradient(90deg,var(--gold),var(--violet));}
-  .rule-intro{font-size:17px;color:var(--text-dim);margin-bottom:18px;line-height:1.95;max-width:860px;}
+  /* ===== 页签 ===== */
+  .rule-tabs{
+    display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-start;
+    max-width:1080px;width:100%;margin:24px auto 0;padding:0 24px;
+  }
+  .rule-tab{
+    padding:8px 22px;border-radius:999px;font-size:15px;cursor:pointer;user-select:none;
+    background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#9fb3cc;transition:.18s;
+    font-family:"ZCOOL QingKe HuangYou",sans-serif;letter-spacing:1px;
+  }
+  .rule-tab:hover{background:rgba(139,92,246,.14);color:#d0dfff;border-color:rgba(139,92,246,.3);}
+  .rule-tab.active{background:rgba(139,92,246,.2);color:#fff;border-color:rgba(139,92,246,.5);box-shadow:0 0 12px rgba(139,92,246,.25);}
+
+  .rules-scroll{max-width:1080px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:34px;padding:26px 48px 40px;}
+  .rule-panel{display:none;}
+  .rule-panel.active{display:block;}
+
+  .rule-block{margin-top:6px;}
+  .rule-intro{font-size:17px;color:var(--text-dim);margin-bottom:18px;line-height:1.95;max-width:880px;}
   .rule-intro b{color:#fff;}
   .tier-list{display:flex;flex-direction:column;gap:10px;}
   .tier-row{display:grid;grid-template-columns:104px 124px 1fr;gap:16px;align-items:center;background:var(--card);border:1px solid var(--card-bd);border-radius:12px;padding:14px 18px;transition:.2s;}
@@ -23,9 +35,23 @@
   .tier-row .tname{font-size:18px;color:#fff;font-weight:600;}
   .tier-row .tdesc{font-size:16.5px;color:var(--text-dim);line-height:1.7;}
 
+  /* ===== 属性卡片网格 ===== */
+  .attr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:14px;margin-top:4px;}
+  .attr-sub{margin:22px 0 10px;}
+  .attr-sub:first-of-type{margin-top:14px;}
+  .attr-sub-label{display:inline-block;font-family:"ZCOOL QingKe HuangYou",sans-serif;font-size:21px;color:#fff;letter-spacing:2px;padding-bottom:6px;border-bottom:2px solid rgba(139,92,246,.45);text-shadow:0 2px 12px rgba(139,92,246,.3);}
+  .attr-card{background:var(--card);border:1px solid var(--card-bd);border-radius:14px;padding:16px 18px;transition:.2s;}
+  .attr-card:hover{border-color:var(--violet);background:rgba(139,92,246,.08);box-shadow:var(--glow);transform:translateY(-2px);}
+  .attr-card .ah{display:flex;align-items:center;gap:11px;margin-bottom:9px;}
+  .attr-card .ai{font-size:28px;line-height:1;}
+  .attr-card .an{font-size:18px;font-weight:700;color:#fff;}
+  .attr-card .as{font-size:11px;color:var(--cyan);margin-bottom:7px;font-family:"Press Start 2P",monospace;letter-spacing:.5px;}
+  .attr-card .ad{font-size:14.5px;color:var(--text-dim);line-height:1.72;}
+
   @media (max-width:768px){
     .rules-scroll{padding:20px 18px;}
     .tier-row{grid-template-columns:72px 92px 1fr;gap:8px;}
+    .attr-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));}
   }
   @media (max-width:480px){
     .tier-row{grid-template-columns:60px 76px 1fr;gap:6px;}
@@ -39,7 +65,7 @@
     <nav class="nav">
       <a href="announce.html">公告</a>
       <a href="background.html">背景</a>
-      <a href="rules.html">规则</a>
+      <a href="rules.html" class="active">规则</a>
       <a href="codex.html">图鉴</a>
       <a href="story.html">剧情</a>
       <a href="forum.html" class="auth-only">论坛</a>
@@ -50,112 +76,157 @@
   </header>
 
   <main class="page-content hide-scroll">
-    <div class="rules-scroll" id="rulesBody">
-      <!-- JS 渲染：优先后端 API.rules()，兜底硬编码 -->
-    </div>
+    <div class="rule-tabs" id="ruleTabs"></div>
+    <div class="rules-scroll" id="rulePanels"><!-- JS 渲染：优先后端 API.rules()，兜底硬编码 --></div>
   </main>
 </div>
 
 <script src="assets/game-api.js"></script>
 <script src="assets/common.js"></script>
 <script>
-// 规则数据：先尝试从后端拉取，失败则用本地硬编码
-async function loadRules(){
-  const el = document.getElementById('rulesBody');
-  if (!el) return;
+// 属性名 -> emoji（前端映射，后台只存 name/desc/summary）
+const ATTR_ICON = {
+  '生命值':'❤️','法力值':'🔷','物攻':'⚔️','法攻':'🔥','防御':'🛡️','物防':'🪖','法防':'🔮',
+  '速度':'💨','攻速':'⚡','暴击':'💥','爆伤':'💢','命中':'🎯','闪避':'🌫️',
+  '格挡':'🛡','抗性':'🌟','吸血':'🩸','幸运':'🍀'
+};
+// 类别 key -> 页签名
+const TAB_LABEL = { world:'世界等级', character:'角色等级', currency:'货币等级', attribute_basic:'基础属性', attribute_advanced:'高级属性' };
 
-  // 尝试后端
+const SYS_HTML = `<div class="rule-block">
+  <p class="rule-intro">三者相互独立又彼此加成：<b style="color:#fff">世界等级</b>是舞台上限，决定能发生什么；<b style="color:#fff">势力等级</b>是群体进度，决定能调动什么；<b style="color:#fff">角色等级</b>是个体成长，决定能做成什么。园丁的核心策略，是在三者间分配有限的引导资源，让文明自洽地向上演化。<br><br>跃迁逻辑：角色历练与装备积累→提升势力实力→推动世界阶段跃迁→解锁更深内容（更深的地下层、更远的星空层、更强的神器）。每一级提升都会扩大可叙事的事件池，世界因此越活越厚。</p></div>`;
+
+// 硬编码兜底（与后端 rule_data.xml 对齐；后端不可达时使用）
+const FALLBACK = {
+  groups: [
+    { key:'world', label:'世界等级', items:[
+      {level:1,name:'鸿荒',desc:'万物生灵尚处蒙昧凡土，天地灵气稀薄，各族散居荒野，无族群联盟与政权，只求狩猎采集求生，一切秩序遵循自然法则。'},
+      {level:2,name:'启明',desc:'天地灵气复苏觉醒，各族聚拢形成聚落，诞生劳作分工、屋舍营建与物物交换，不同族群率先凝聚部族，世间初代势力自此诞生。'},
+      {level:3,name:'鼎世',desc:'各族部落兼并融合，广袤大地形成多元族群共治的完整疆域，征伐、道统、造物三大发展路线并行；各族大能、上古秘闻等传奇事件不断现世，鼎世文明迎来鼎盛割据时代。'},
+      {level:4,name:'寰界',desc:'生灵突破地表桎梏，打通地底深渊与浩瀚星空，天地上下各界尽数纳入族群管辖；各类上古神器、本命法器完整解锁，文明疆域遍布天地穹苍。'},
+      {level:5,name:'归元',desc:'各族顶尖文明勘破这片天地的诞生本源，挣脱本世界规则束缚，可踏上飞升之路、往复轮回，前往更高维度开启全新文明演化。'},
+    ]},
+    { key:'character', label:'人物角色等级', items:[
+      {level:1,name:'赤子',desc:'初入世界的无名者。'},{level:2,name:'稚民',desc:'掌握基础技艺。'},
+      {level:3,name:'劳者',desc:'可独立完成任务。'},{level:4,name:'巧匠',desc:'在某领域崭露头角。'},
+      {level:5,name:'贤能',desc:'群体中的中坚。'},{level:6,name:'巨擘',desc:'技艺臻于化境。'},
+      {level:7,name:'宗师',desc:'开宗立派的人物。'},{level:8,name:'传奇',desc:'事迹被载入编年史。'},
+      {level:9,name:'神话',desc:'近乎传说的存在。'},{level:10,name:'半神',desc:'触及世界法则。'},
+      {level:11,name:'圣灵',desc:'被信仰托举的意志。'},{level:12,name:'创世',desc:'超越生死的世界锚点。'},
+    ]},
+    { key:'currency', label:'货币等级', items:[
+      {level:1,name:'铜币',desc:'凡俗通用零钱，以贝壳、骨片、碎石铸成。100 铜币 = 1 银币。'},
+      {level:2,name:'银币',desc:'蕴含微量灵气的金属铸币，聚落以上势力日常使用。100 银币 = 1 金币。'},
+      {level:3,name:'金币',desc:'刻有鼎纹的稀有锭块，用于高价值交易与功法图纸。100 金币 = 1 紫金。'},
+      {level:4,name:'紫金',desc:'产自地底深渊的幽暗玉石，蕴含浓郁能量。100 紫金 = 1 星辉。'},
+      {level:5,name:'星辉',desc:'来自星空矿脉的稀有鎏金晶体，跨层贸易硬通货。100 星辉 = 1 宇玺。'},
+      {level:6,name:'宇玺',desc:'追溯世界本源凝聚而成的至高货币，可兑换神器、传说事件与维度权限。'},
+    ]},
+    { key:'attribute_basic', label:'基础属性', items:[
+      {name:'生命值',summary:'基础值随等级成长，装备/天赋加成',desc:'单位存活的血量上限。受到伤害时优先扣除，归零则该单位倒下。随等级、装备与回复技能提升。'},
+      {name:'法力值',summary:'技能消耗资源，脱战回复',desc:'释放技能与法术的消耗资源。普攻不耗蓝，技能按强度扣蓝；蓝量不足无法施法，脱战自然回复。'},
+      {name:'物攻',summary:'物理伤害基数',desc:'物理输出能力，决定普通攻击与物理系技能的基础伤害。越高打出越疼。'},
+      {name:'法攻',summary:'法术伤害基数',desc:'法术输出能力，决定法术技能的基础伤害。与物攻相互独立，受法强装备加成。'},
+      {name:'防御',summary:'物理减伤（通用）',desc:'通用物理减伤能力，是对物理伤害的笼统防护，多数装备与体质提供。与「物防」同源，物防为其专精项。'},
+      {name:'物防',summary:'物理伤害减免',desc:'针对物理伤害的专项减免，由护甲、盾牌等装备提供。面对物理系敌人时主要看此项。'},
+      {name:'法防',summary:'法术伤害减免',desc:'针对法术伤害的专项减免，由法抗装备、抗性符文提供。面对法师 / 术士时主要看此项。'},
+      {name:'速度',summary:'先攻 / 行动顺序',desc:'行动先后顺序与出手频率。速度高者先手，回合制中更频繁行动；也影响部分先攻技能触发。'},
+      {name:'攻速',summary:'攻击间隔',desc:'两次攻击的间隔，越短出手越快、单位时间输出越高。影响普攻与部分技能频率。'},
+    ]},
+    { key:'attribute_advanced', label:'高级属性', items:[
+      {name:'暴击',summary:'暴击率 %',desc:'造成暴击的概率（百分比）。暴击时伤害按「爆伤」倍率提升。'},
+      {name:'爆伤',summary:'暴击倍率 %',desc:'暴击时的伤害倍率（默认 150%）。暴击率越高，堆此项收益越大。'},
+      {name:'命中',summary:'命中率 %',desc:'攻击命中的概率。面对高闪避目标需足够命中，否则出现「未命中」。'},
+      {name:'闪避',summary:'闪避率 %',desc:'躲避攻击的概率。高闪避可让对手攻击落空，但受对方命中压制。'},
+      {name:'格挡',summary:'格挡率 %',desc:'受击时触发格挡、按比例减免伤害的概率（需持盾 / 特定姿态）。格挡成功大幅减伤。'},
+      {name:'抗性',summary:'异常抵抗 %',desc:'对灼烧、冰冻、中毒等异常状态的抵抗概率。高抗性降低被控与持续掉血风险。'},
+      {name:'吸血',summary:'吸血 %',desc:'造成伤害时按百分比回复自身生命。持续作战与单挑续航的关键属性。'},
+      {name:'幸运',summary:'幸运值（影响暴击/掉落/稀有事件）',desc:'影响暴击、掉落与稀有事件触发概率的隐性维度。高幸运带来更多意外之喜与关键转折，是冒险与博弈中的变数之源。'},
+    ]},
+  ]
+};
+
+function stripHtml(s){ return (s||'').replace(/<[^>]+>/g,''); }
+
+function renderTierPanel(g, active){
+  const rows = (g.items||[]).map(it=>{
+    const lvl = (it.level != null && it.level>0) ? ('Lv.'+it.level) : (g.key==='world' ? '阶段' : '');
+    return `<div class="tier-row"><span class="tn">${lvl}</span><span class="tname">${it.name}</span><span class="tdesc">${stripHtml(it.desc)}</span></div>`;
+  }).join('');
+  return `<div class="rule-panel${active}" data-panel="${g.key}">
+    <div class="rule-block">
+    <div class="tier-list">${rows}</div></div></div>`;
+}
+
+function renderAttrCard(it){
+  const icon = ATTR_ICON[it.name] || '📊';
+  const sum = stripHtml(it.summary);
+  return `<div class="attr-card"><div class="ah"><span class="ai">${icon}</span><span class="an">${it.name}</span></div>`
+    + (sum?`<div class="as">${sum}</div>`:'')
+    + `<div class="ad">${stripHtml(it.desc)}</div></div>`;
+}
+
+function renderAttrPanel(attrGroups, active){
+  const basic = (attrGroups.find(g=>g.key==='attribute_basic')||{}).items || [];
+  const adv = (attrGroups.find(g=>g.key==='attribute_advanced')||{}).items || [];
+  let html = `<div class="rule-panel${active}" data-panel="attribute"><div class="rule-block">`
+    + `<p class="rule-intro">战斗与成长的核心数值维度。物攻 / 法攻决定输出，防御类（防御 / 物防 / 法防）按伤害类型减伤，辅以速度、暴击、爆伤、命中闪避等衍生维度，共同构成单位的战力模型。</p>`;
+  if (basic.length){
+    html += `<div class="attr-sub"><span class="attr-sub-label">基础属性</span></div><div class="attr-grid">`
+          + basic.map(renderAttrCard).join('') + `</div>`;
+  }
+  if (adv.length){
+    html += `<div class="attr-sub"><span class="attr-sub-label">高级属性</span></div><div class="attr-grid">`
+          + adv.map(renderAttrCard).join('') + `</div>`;
+  }
+  html += `</div></div>`;
+  return html;
+}
+
+function renderGroups(groups){
+  let tabs = '', panels = '';
+  const attrGroups = groups.filter(g => g.key==='attribute_basic' || g.key==='attribute_advanced');
+  const otherGroups = groups.filter(g => g.key!=='attribute_basic' && g.key!=='attribute_advanced');
+  let first = true;
+  otherGroups.forEach(g=>{
+    const label = TAB_LABEL[g.key] || g.label || g.key;
+    const active = first ? ' active' : '';
+    tabs += `<span class="rule-tab${active}" data-key="${g.key}" onclick="switchRuleTab('${g.key}')">${label}</span>`;
+    panels += renderTierPanel(g, active);
+    first = false;
+  });
+  // 属性规则：单页签内分区（基础 / 高级）
+  if (attrGroups.length){
+    const active = first ? ' active' : '';
+    tabs += `<span class="rule-tab${active}" data-key="attribute" onclick="switchRuleTab('attribute')">属性规则</span>`;
+    panels += renderAttrPanel(attrGroups, active);
+    first = false;
+  }
+  // 制度说明（静态 tab）
+  tabs += `<span class="rule-tab" data-key="__sys" onclick="switchRuleTab('__sys')">制度说明</span>`;
+  panels += `<div class="rule-panel" data-panel="__sys">${SYS_HTML}</div>`;
+  document.getElementById('ruleTabs').innerHTML = tabs;
+  document.getElementById('rulePanels').innerHTML = panels;
+}
+
+function switchRuleTab(key){
+  document.querySelectorAll('.rule-tab').forEach(el=>el.classList.toggle('active', el.dataset.key===key));
+  document.querySelectorAll('.rule-panel').forEach(el=>el.classList.toggle('active', el.dataset.panel===key));
+}
+
+async function loadRules(){
+  let groups = [];
   try {
     const d = await API.rules();
-    const groups = (d && d.groups) || [];
-    const ruleGroups = groups.filter(g => (g.key||'').toLowerCase() !== 'faction');
-    if (ruleGroups.length && ruleGroups.some(g => (g.items||[]).length > 0)) {
-      let html = ruleGroups.map(g => {
-        const title = g.label || g.title || g.key;
-        const rows = (g.items || []).map(it => {
-          const lvl = (it.level != null) ? ('Lv.' + it.level) : (g.key === 'world' ? '阶段' : '');
-          // desc 可能含 <p> 标签，提取纯文本
-          const desc = (it.desc || '').replace(/<[^>]+>/g, '');
-          return `<div class="tier-row"><span class="tn">${lvl}</span><span class="tname">${it.name}</span><span class="tdesc">${desc}</span></div>`;
-        }).join('');
-        const intro = (g.intro || '').replace(/<[^>]+>/g, '');
-        return `<div class="rule-block"><h3>${title}</h3>` +
-          (intro ? `<p class="rule-intro">${intro}</p>` : '') +
-          `<div class="tier-list">${rows}</div></div>`;
-      }).join('');
-      // 补上后端没有的「制度说明」段
-      html += `
-    <div class="rule-block">
-      <h3>④ 制度说明</h3>
-      <p class="rule-intro">三者相互独立又彼此加成：<b style="color:#fff">世界等级</b>是舞台上限，决定能发生什么；<b style="color:#fff">势力等级</b>是群体进度，决定能调动什么；<b style="color:#fff">角色等级</b>是个体成长，决定能做成什么。园丁的核心策略，是在三者间分配有限的引导资源，让文明自洽地向上演化。<br><br>跃迁逻辑：角色历练与装备积累→提升势力实力→推动世界阶段跃迁→解锁更深内容（更深的地下层、更远的星空层、更强的神器）。每一级提升都会扩大可叙事的事件池，世界因此越活越厚。</p>
-    </div>`;
-      el.innerHTML = html;
-      return;
-    }
-  } catch(e){ /* 后端失败走兜底 */ }
-
-  // 本地硬编码兜底（完整中文内容）
-  el.innerHTML = `
-    <div class="rule-block">
-      <h3>① 世界等级 · 五阶段</h3>
-      <p class="rule-intro">世界从鸿荒到归元的整体进化阶段，决定可解锁的内容深度与事件池上限。园丁对世界施加的影响会推动阶段跃迁——这是文明能"发生什么"的舞台上限。</p>
-      <div class="tier-list">
-        <div class="tier-row"><span class="tn">阶段一</span><span class="tname">鸿荒</span><span class="tdesc">万物蒙昧，文明种子落地未醒；园丁穷神开局，仅有创世原一簇火的可能。</span></div>
-        <div class="tier-row"><span class="tn">阶段二</span><span class="tname">启明</span><span class="tdesc">聚落与火光初现，名与语、工与棚成形，第一代秩序萌芽。</span></div>
-        <div class="tier-row"><span class="tn">阶段三</span><span class="tname">鼎世</span><span class="tdesc">多族共治、疆域成形，十五大系统解锁，文明可自循环。</span></div>
-        <div class="tier-row"><span class="tn">阶段四</span><span class="tname">寰界</span><span class="tdesc">天地贯通，地下深渊与浩瀚星空尽纳管辖，跨界面作战。</span></div>
-        <div class="tier-row"><span class="tn">阶段五</span><span class="tname">归元</span><span class="tdesc">勘破本源、超脱规则束缚，可创世飞升，往更高维度演化。</span></div>
-      </div>
-    </div>
-    <!-- 势力等级（暂时隐藏：② 势力等级整段暂隐，待用户要求恢复时取消此注释即可；后端 game_base_data.xml 的 faction 数据未动）
-    <div class="rule-block">
-      <h3>② 势力等级</h3>
-      <p class="rule-intro">文明内部群体的聚合度，由人口、领土、影响力累计。势力等级越高，可调动的世界资源与外交权重越大——决定文明"能调动什么"。</p>
-      <div class="tier-list">
-        <div class="tier-row"><span class="tn">Lv.1</span><span class="tname">鸿荒·种族</span><span class="tdesc">血缘小群体，蛮荒无制度。</span></div>
-        <div class="tier-row"><span class="tn">Lv.2</span><span class="tname">启明·部盟</span><span class="tdesc">灵气聚落联盟，初步治理与贸易。</span></div>
-        <div class="tier-row"><span class="tn">Lv.3</span><span class="tname">鼎世·王国</span><span class="tdesc">疆域整合，军法、道规体系完善。</span></div>
-        <div class="tier-row"><span class="tn">Lv.4</span><span class="tname">大同·联邦</span><span class="tdesc">跨族群共治，制度与传奇并行。</span></div>
-        <div class="tier-row"><span class="tn">Lv.5</span><span class="tname">寰界·天盟</span><span class="tdesc">天地大陆霸主，穿梭星空深渊作战。</span></div>
-        <div class="tier-row"><span class="tn">Lv.6</span><span class="tname">归元·宇盟</span><span class="tdesc">多维文明联合体，触及世界本源博弈。</span></div>
-      </div>
-    </div>
-    -->
-    <div class="rule-block">
-      <h3>③ 人物角色等级 · 十二阶段</h3>
-      <p class="rule-intro">个体（英雄 / 领袖 / 特殊 NPC）的成长阶序，通过历练、天赋点亮与装备积累提升，影响可承担的职责与战力——决定个体"能做成什么"。</p>
-      <div class="tier-list">
-        <div class="tier-row"><span class="tn">Lv.1</span><span class="tname">赤子</span><span class="tdesc">初入世界的无名者。</span></div>
-        <div class="tier-row"><span class="tn">Lv.2</span><span class="tname">稚民</span><span class="tdesc">习得基础生存。</span></div>
-        <div class="tier-row"><span class="tn">Lv.3</span><span class="tname">劳者</span><span class="tdesc">能独立劳作。</span></div>
-        <div class="tier-row"><span class="tn">Lv.4</span><span class="tname">巧匠</span><span class="tdesc">某一技之长崭露。</span></div>
-        <div class="tier-row"><span class="tn">Lv.5</span><span class="tname">贤能</span><span class="tdesc">群体里的骨干。</span></div>
-        <div class="tier-row"><span class="tn">Lv.6</span><span class="tname">巨擘</span><span class="tdesc">一方领袖。</span></div>
-        <div class="tier-row"><span class="tn">Lv.7</span><span class="tname">宗师</span><span class="tdesc">开宗立派的人物。</span></div>
-        <div class="tier-row"><span class="tn">Lv.8</span><span class="tname">传奇</span><span class="tdesc">事迹载入编年史。</span></div>
-        <div class="tier-row"><span class="tn">Lv.9</span><span class="tname">神话</span><span class="tdesc">近乎传说的存在。</span></div>
-        <div class="tier-row"><span class="tn">Lv.10</span><span class="tname">半神</span><span class="tdesc">触及世界法则。</span></div>
-        <div class="tier-row"><span class="tn">Lv.11</span><span class="tname">圣灵</span><span class="tdesc">被信仰托举的意志。</span></div>
-        <div class="tier-row"><span class="tn">Lv.12</span><span class="tname">创世</span><span class="tdesc">超越生死的世界锚点。</span></div>
-      </div>
-    </div>
-    <div class="rule-block">
-      <h3>④ 制度说明</h3>
-      <p class="rule-intro">三者相互独立又彼此加成：<b style="color:#fff">世界等级</b>是舞台上限，决定能发生什么；<b style="color:#fff">势力等级</b>是群体进度，决定能调动什么；<b style="color:#fff">角色等级</b>是个体成长，决定能做成什么。园丁的核心策略，是在三者间分配有限的引导资源，让文明自洽地向上演化。<br><br>跃迁逻辑：角色历练与装备积累→提升势力实力→推动世界阶段跃迁→解锁更深内容（更深的地下层、更远的星空层、更强的神器）。每一级提升都会扩大可叙事的事件池，世界因此越活越厚。</p>
-    </div>
-    <div class="rule-block">
-      <h3>⑤ 货币等级 · 六档</h3>
-      <p class="rule-intro">文明流通的价值尺度，从凡俗零钱到本源货币，越稀有的货币可交易的资源层级越高——决定文明"能交换什么"。<br><br><b style="color:#fff">兑换规则：</b>100 低等级货币 = 1 高等级货币。</p>
-      <div class="tier-list">
-        <div class="tier-row"><span class="tn">Lv.1</span><span class="tname">铜币</span><span class="tdesc">凡俗零钱，铜铸。<b>100 铜币 = 1 银币</b></span></div>
-        <div class="tier-row"><span class="tn">Lv.2</span><span class="tname">银币</span><span class="tdesc">聚落通用，银锭。<b>100 银币 = 1 金币</b></span></div>
-        <div class="tier-row"><span class="tn">Lv.3</span><span class="tname">金币</span><span class="tdesc">疆域通行，足金。<b>100 金币 = 1 紫金</b></span></div>
-        <div class="tier-row"><span class="tn">Lv.4</span><span class="tname">紫金</span><span class="tdesc">地下深层贵金，泛紫光。<b>100 紫金 = 1 星辉</b></span></div>
-        <div class="tier-row"><span class="tn">Lv.5</span><span class="tname">星辉</span><span class="tdesc">星空层交易，凝星辉之力。<b>100 星辉 = 1 宇玺</b></span></div>
-        <div class="tier-row"><span class="tn">Lv.6</span><span class="tname">宇玺</span><span class="tdesc">本源结晶铸的最高货币，仅用于传说级交易与飞升仪式。</span></div>
-      </div>
-    </div>
-  `;
+    groups = (d && d.groups) || [];
+  } catch(e){ groups = []; }
+  // 排除刻意隐藏的「势力等级」，且无条目的类别不显示
+  const visible = groups.filter(g => (g.key||'') !== 'faction' && (g.items||[]).length);
+  if (!visible.length) {
+    renderGroups(FALLBACK.groups);
+    return;
+  }
+  renderGroups(visible);
 }
 loadRules();
 </script>
diff --git a/world.html b/world.html
index 8996bdb..7656cb8 100644
--- a/world.html
+++ b/world.html
@@ -54,13 +54,12 @@ body { background: #0a0e17; overflow: hidden; font-family: 'Microsoft YaHei', sa
 #topBar .userArea{position:relative;pointer-events:auto;}
 #topBar .ua-trigger{display:flex;align-items:center;gap:8px;background:rgba(139,92,246,.18);
   border:1px solid rgba(139,92,246,.5);color:#e9edf6;padding:7px 14px;border-radius:999px;
-  font:inherit;font-size:14px;font-weight:500;cursor:pointer;}
+  font:inherit;font-size:14px;font-weight:500;cursor:pointer;user-select:none;transition:background .18s,border-color .18s;}
+#topBar .ua-trigger:hover{background:rgba(139,92,246,.32);border-color:rgba(139,92,246,.7);}
 #topBar .ua-avatar{width:22px;height:22px;border-radius:50%;
   background:linear-gradient(135deg,#c77dff,#4af);display:inline-flex;align-items:center;justify-content:center;
   font-size:11px;color:#fff;font-weight:700;}
 #topBar .ua-name{font-weight:600;color:#c77dff;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-#topBar .ua-caret{font-size:10px;color:#9aa6c4;}
-#topBar .ua-trigger[aria-expanded="true"] .ua-caret{transform:rotate(180deg);}
 /* 右侧滑出面板（玩家中心）：参考左侧 #worldNav 的毛玻璃质感，从右侧整屏展开 */
 #uaBackdrop{position:fixed;inset:0;z-index:199;background:rgba(4,7,15,.5);
   backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;}
@@ -148,6 +147,42 @@ body { background: #0a0e17; overflow: hidden; font-family: 'Microsoft YaHei', sa
 #topBar .ua-sep{display:none;}
 #topBar .ua-soon{font-size:10px;color:#778;background:rgba(255,255,255,.06);padding:1px 6px;border-radius:8px;}
 
+/* 场景悬浮工具条：浮于场景画面、紧贴顶部栏下方 */
+#sceneToolbar{
+  position:fixed; top:calc(58px + env(safe-area-inset-top) + 12px); right:max(18px, env(safe-area-inset-right)); z-index:90;
+  display:flex; align-items:center; gap:10px; pointer-events:auto;
+  padding:9px 11px; border-radius:16px;
+  background:rgba(12,18,32,.78); border:1px solid rgba(139,92,246,.35);
+  backdrop-filter:blur(10px); box-shadow:0 8px 28px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06);
+}
+.top-icon{
+  position:relative; width:46px; height:46px; border-radius:13px; flex-shrink:0;
+  display:flex; align-items:center; justify-content:center;
+  background:rgba(255,255,255,.08); border:1.5px solid rgba(255,255,255,.13);
+  color:#e6f0fb; font-size:22px; cursor:pointer; transition:.18s; pointer-events:auto;
+  text-shadow:0 1px 3px rgba(0,0,0,.45);
+}
+.top-icon:hover{background:linear-gradient(135deg, rgba(139,92,246,.28), rgba(74,175,255,.22)); border-color:rgba(139,92,246,.55); color:#fff; transform:translateY(-2px); box-shadow:0 6px 18px rgba(80,120,255,.35);}
+.top-icon:active{transform:translateY(0);}
+.top-icon-badge{
+  position:absolute; top:-3px; right:-3px; min-width:18px; height:18px; padding:0 5px;
+  font-size:11px; font-weight:800; color:#fff; background:#ef4444; border-radius:999px;
+  display:flex; align-items:center; justify-content:center; box-shadow:0 2px 8px rgba(239,68,68,.5);
+}
+
+/* 世界等级经验条（位于 bottomBar 内最左侧，加大加清晰） */
+#worldExpBarWrap{
+  flex:0 0 auto; width:380px; height:100%;
+  display:flex; flex-direction:column; justify-content:center; gap:7px;
+  padding:0 16px 0 0; background:transparent; border:none;
+}
+.we-info{display:flex; align-items:center; gap:12px; flex-shrink:0; color:#e6f0fb;}
+.we-lv{font-size:16px; font-weight:800; color:#c4b5fd; text-shadow:0 0 10px rgba(139,92,246,.5);}
+.we-title{font-size:13px; color:#9fb0c4; max-width:130px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
+.we-exp-txt{margin-left:auto; font-size:13px; font-weight:600; color:#cfe1f3;}
+.we-bar{width:100%; height:12px; background:rgba(255,255,255,.10); border-radius:6px; overflow:hidden;}
+.we-fill{height:100%; width:0%; background:linear-gradient(90deg,#8b5cf6,#4af); border-radius:6px; transition:width .3s ease; box-shadow:0 0 12px rgba(139,92,246,.45);}
+
 /* 主沙盘底部功能框架（预留区：放功能按钮 / 素材槽，比微观边框更高） */
 #bottomBar {
   position: fixed; left: 0; right: 0; bottom: 0; height: calc(72px + env(safe-area-inset-bottom)); z-index: 120;
@@ -621,29 +656,29 @@ body { background: #0a0e17; overflow: hidden; font-family: 'Microsoft YaHei', sa
 #worldFrame .wf-tr{top:7px;right:7px;border-left:none;border-bottom:none;}
 #worldFrame .wf-bl{bottom:7px;left:7px;border-right:none;border-top:none;}
 #worldFrame .wf-br{bottom:7px;right:7px;border-left:none;border-top:none;}
-/* 世界切换导航：竖向步骤条（圆点 + 连线），hover 出气泡提示（不撑栏） */
-#worldNav{position:fixed;left:18px;top:10%;transform:translateY(0);z-index:30;
-  display:flex;flex-direction:column;padding:10px 9px;border-radius:16px;
+/* 世界切换导航：横向步骤条（圆点 + 连线），hover 出气泡提示 */
+#worldNav{position:fixed;top:70px;left:18px;z-index:30;
+  display:flex;flex-direction:row;padding:9px 10px;border-radius:16px;
   background:rgba(10,16,30,.55);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);}
 #worldNav .wn-item{position:relative;display:flex;align-items:center;justify-content:center;
-  width:38px;height:38px;margin:8px 0;border-radius:50%;
+  width:38px;height:38px;margin:0 8px;border-radius:50%;
   color:#9fb3cc;font-size:17px;cursor:pointer;user-select:none;line-height:1;
   background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);
   transition:background-color .22s ease,color .22s ease,box-shadow .22s ease,border-color .22s ease,transform .15s ease;}
-/* 连接线：除最后一项外，从本点底部向下延伸，串起相邻点 */
-#worldNav .wn-item:not(:last-child)::after{content:'';position:absolute;top:38px;left:50%;
-  transform:translateX(-50%);width:2px;height:18px;background:rgba(255,255,255,.20);}
+/* 连接线：除最后一项外，从本点右侧向右延伸，串起相邻点 */
+#worldNav .wn-item:not(:last-child)::after{content:'';position:absolute;left:38px;top:50%;
+  transform:translateY(-50%);width:18px;height:2px;background:rgba(255,255,255,.20);}
 #worldNav .wn-item:hover{background:rgba(139,92,246,.22);color:#eaf4ff;transform:scale(1.06);
   box-shadow:0 0 0 1px rgba(139,92,246,.45) inset,0 0 14px rgba(139,92,246,.25);}
 #worldNav .wn-item.active{background:linear-gradient(135deg,rgba(139,92,246,.45),rgba(74,175,255,.25));
   color:#fff;box-shadow:0 0 0 1px rgba(139,92,246,.55) inset,0 0 16px rgba(139,92,246,.3);}
-/* 气泡提示：hover 时浮在图标右侧，不影响栏宽 */
-#worldNav .wn-text{position:absolute;left:calc(100% + 8px);top:50%;
-  transform:translateY(-50%) translateX(-6px);opacity:0;pointer-events:none;
+/* 气泡提示：hover 时浮在图标下方 */
+#worldNav .wn-text{position:absolute;top:calc(100% + 8px);left:50%;
+  transform:translateX(-50%) translateY(-6px);opacity:0;pointer-events:none;
   background:rgba(10,16,30,.92);padding:5px 9px;border-radius:7px;white-space:nowrap;
   font-size:12px;color:#eaf4ff;border:1px solid rgba(255,255,255,.16);
   transition:opacity .2s ease,transform .2s ease;}
-#worldNav .wn-item:hover .wn-text{opacity:1;transform:translateY(-50%) translateX(0);}
+#worldNav .wn-item:hover .wn-text{opacity:1;transform:translateX(-50%) translateY(0);}
 
 /* 右下角导航控件：方向 + 缩放（白色半透、大气精致） */
 #navControls{display:none;}
@@ -674,10 +709,16 @@ body { background: #0a0e17; overflow: hidden; font-family: 'Microsoft YaHei', sa
   #navControls{bottom:calc(96px + env(safe-area-inset-bottom));right:14px;
     grid-template-columns:repeat(3,60px);grid-template-rows:repeat(3,60px);gap:6px;}
   #navControls button{width:60px;height:60px;font-size:24px;border-radius:15px;}
+  #sceneToolbar{right:12px;gap:7px;padding:8px 10px;}
+  #sceneToolbar .top-icon{width:40px;height:40px;font-size:19px;}
 }
 @media (max-width:420px){
   #topBar .title .worldName{display:none;}
   #bottomBar .bb-btn{padding:7px 9px;font-size:11px;}
+  #worldExpBarWrap{width:220px;gap:5px;}
+  #worldExpBarWrap .we-title{display:none;}
+  #sceneToolbar{right:8px;gap:5px;padding:6px 7px;top:calc(58px + env(safe-area-inset-top) + 6px);}
+  #sceneToolbar .top-icon{width:34px;height:34px;font-size:16px;}
 }
 </style>
 </head>
@@ -707,11 +748,10 @@ body { background: #0a0e17; overflow: hidden; font-family: 'Microsoft YaHei', sa
     <div id="calendarLabel">星元 1年 · 春</div>
   </div>
   <div class="userArea" id="userArea" hidden>
-    <button class="ua-trigger" id="uaTrigger" type="button" aria-haspopup="true" aria-expanded="false">
+    <div class="ua-trigger" id="uaTrigger">
       <span class="ua-avatar">●</span>
       <span class="ua-name" id="uaName">用户</span>
-      <span class="ua-caret">▾</span>
-    </button>
+    </div>
     <div class="ua-menu" id="uaMenu" role="dialog" aria-modal="false" aria-label="玩家面板">
       <!-- 头部 -->
       <div class="ua-head">
@@ -736,40 +776,6 @@ body { background: #0a0e17; overflow: hidden; font-family: 'Microsoft YaHei', sa
           <div class="ua-exp-txt" id="uaExpTxt">EXP -- / --</div>
         </section>
 
-        <!-- 我的世界 概览（数据从 me() 动态填充） -->
-        <section class="ua-card">
-          <div class="ua-card-h">🌍 我的世界</div>
-          <div class="ua-world-name" id="uaWorldName">--</div>
-          <div class="ua-grid">
-            <div class="ua-stat"><div class="ua-stat-v" id="uaEra">--</div><div class="ua-stat-l">历元</div></div>
-            <div class="ua-stat"><div class="ua-stat-v" id="uaTiles">--</div><div class="ua-stat-l">疆域地块</div></div>
-            <div class="ua-stat"><div class="ua-stat-v" id="uaPop">--</div><div class="ua-stat-l">人口</div></div>
-            <div class="ua-stat"><div class="ua-stat-v" id="uaCiv">--</div><div class="ua-stat-l">文明度</div></div>
-          </div>
-          <div class="ua-res">
-            <div class="ua-res-row"><span>🪙 金币</span><span class="ua-res-bar"><i id="uaCoinBar" style="width:0%"></i></span><b id="uaCoins">--</b></div>
-            <div class="ua-res-row"><span>✨ 灵气</span><span class="ua-res-bar"><i id="uaEnergyBar" style="width:0%"></i></span><b id="uaEnergy">--</b></div>
-            <div class="ua-res-row"><span>🪵 木材</span><span class="ua-res-bar"><i id="uaWoodBar" style="width:0%"></i></span><b id="uaWood">--</b></div>
-            <div class="ua-res-row"><span>🪨 石料</span><span class="ua-res-bar"><i id="uaStoneBar" style="width:0%"></i></span><b id="uaStone">--</b></div>
-          </div>
-        </section>
-
-        <!-- 成就预览（数据从 API.achievements() 动态填充） -->
-        <section class="ua-card">
-          <div class="ua-card-h">🏆 成就 <span id="uaAchSummary" style="font-size:11px;color:var(--text-dim);float:right;">-- / --</span></div>
-          <div class="ua-ach" id="uaAchPreview">
-            <!-- 成就预览项由 JS 动态渲染 -->
-          </div>
-        </section>
-
-        <!-- 快捷操作 -->
-        <div class="ua-actions">
-          <button class="ua-item" id="uaProfile" type="button">👤 个人</button>
-          <button class="ua-item" id="uaAchievements" type="button">🏆 成就</button>
-          <button class="ua-item" id="uaMessages" type="button">✉️ 邮箱 <span class="ua-badge" id="uaMailBadge" style="display:none;">0</span></button>
-          <button class="ua-item" id="uaSettings" type="button">⚙️ 设置</button>
-          <button class="ua-item" id="uaWebsite" type="button">🌐 官网</button>
-        </div>
       </div>
 
       <div class="ua-foot">
@@ -781,7 +787,20 @@ body { background: #0a0e17; overflow: hidden; font-family: 'Microsoft YaHei', sa
   </div>
 </div>
 
-<!-- 主沙盘底部功能框架（预留区，放功能按钮 / 素材槽） -->
+<!-- 场景悬浮工具条：顶部栏正下方、浮于场景画面上 -->
+<div id="sceneToolbar">
+  <button class="top-icon" id="btnTask" type="button" title="任务">📜</button>
+  <button class="top-icon" id="btnMall" type="button" title="商城">🛒</button>
+  <button class="top-icon" id="btnMail" type="button" title="邮箱"><span class="ti-label">✉️</span><span class="top-icon-badge" id="topMailBadge" style="display:none;">0</span></button>
+  <button class="top-icon" id="btnSettings" type="button" title="设置">⚙️</button>
+  <button class="top-icon" id="btnWebsite" type="button" title="官网">🌐</button>
+  <button class="top-icon" id="btnNotice" type="button" title="公告">📢</button>
+  <button class="top-icon" id="btnRank" type="button" title="排行榜">🏅</button>
+  <button class="top-icon" id="btnCalendar" type="button" title="日历">📅</button>
+  <button class="top-icon" id="btnAuction" type="button" title="拍卖行">🔨</button>
+</div>
+
+<!-- 主沙盘底部功能框架（世界等级经验条置于最右侧） -->
 <div id="bottomBar">
   <div class="bb-slots">
     <button class="bb-btn" id="btnData" type="button">📊 数据</button>
@@ -791,6 +810,16 @@ body { background: #0a0e17; overflow: hidden; font-family: 'Microsoft YaHei', sa
     <button class="bb-btn" id="btnHeight" type="button">⛰️ 高度</button>
     <button class="bb-btn" id="btnManage" type="button" style="display:none;">⚙️ 管理</button>
     <button class="bb-btn" id="btnTech" type="button">🔬 科技</button>
+    <button class="bb-btn" id="btnFriends" type="button">👥 好友<span class="bb-badge" id="friendBadge" hidden>0</span></button>
+    <button class="bb-btn" id="btnAchievements" type="button">🏆 成就<span class="bb-badge" id="achBadge" hidden></span></button>
+  </div>
+  <div id="worldExpBarWrap">
+    <div class="we-info">
+      <span class="we-lv">世界 Lv.<b id="weLv">--</b></span>
+      <span class="we-title" id="weTitle">--</span>
+      <span class="we-exp-txt" id="weExpTxt">EXP -- / --</span>
+    </div>
+    <div class="we-bar"><div class="we-fill" id="weExpFill" style="width:0%"></div></div>
   </div>
 </div>
 
@@ -1101,7 +1130,9 @@ body { background: #0a0e17; overflow: hidden; font-family: 'Microsoft YaHei', sa
 
 <script>
 // ============ 配置 ============
-const MAP_RADIUS = 3;
+const MAP_RADIUS = 2;   // 主世界六边形半径：比原始(3)缩小一圈，最外层锁定为边界环
+// 轴向(q,r)对应的六边形环号（到中心距离），用于判定是否在 MAP_RADIUS 内
+function hexRing(q, r) { return Math.max(Math.abs(q), Math.abs(r), Math.abs(-q - r)); }
 const POLY_SIZE = 36;       // 六边形基础尺寸（屏幕 px @ zoom=1），原 52 缩小使网格更紧凑
 const SIDES = 6;  // 正六边形
 let currentLayer = 'earth';
@@ -1673,6 +1704,7 @@ let microPanX = 0, microPanY = 0;     // 平移偏量（画布空间像素）
 let microPanning = false;             // 中键拖拽平移中？
 let microPanStart = null;             // 平移起点 {x,y}
 let microViewOpen = false;            // 微观视图是否打开：打开时主世界 render 暂停重绘，避免双循环抢 CPU
+let microHoverB = null;               // 鼠标当前悬停的建筑（已过滤 road/ground）；非空时在渲染层额外绘高亮 footprint
 
 // 建造面板展开时：世界整体上移 + 等比缩小，腾出底部给面板（仅改变换，不缩放画布本身 → 无闪烁）
 let microBuildOpenT = 0;              // 0=收起 1=展开（每帧缓动逼近）
@@ -2228,6 +2260,11 @@ function buildLockedTile(cell, terrain, height, unlocked) {
 
 function generateMap() {
   tiles = [];
+  // 缩圈后：剔除已解锁集合中超出新边界环(>MAP_RADIUS+1)的残余 key
+  for (const key of unlockedRing) {
+    const p = key.split(','); const q = +p[0], r = +p[1];
+    if (hexRing(q, r) > MAP_RADIUS + 1) unlockedRing.delete(key);
+  }
   const all = [];
   for (let q = -MAP_RADIUS; q <= MAP_RADIUS; q++) {
     for (let r = -MAP_RADIUS; r <= MAP_RADIUS; r++) {
@@ -3162,8 +3199,9 @@ function startMicroRender() {
         const center = microCellToScreen(b.i + ew / 2, b.j + eh / 2);
         microCtx.save();
         microCtx.translate(center.x, center.y);
-        // 多格占位菱形外框（让玩家看清占据了几格）
-        if (ew > 1 || eh > 1) {
+        // 每个已放置素材都描 footprint 菱形外框（让玩家一眼看清占据范围 / 边界），
+        // 道路与地面贴图本身就是地面纹理，不再额外画边框避免双层线。
+        if (it.cat !== 'road' && it.cat !== 'ground') {
           microCtx.strokeStyle = 'rgba(255,213,79,0.55)';
           microCtx.lineWidth = 1.5;
           microIsoFootprintStroke(microCtx, ew, eh, g.cell);
@@ -3171,6 +3209,29 @@ function startMicroRender() {
         microDrawPlaced(microCtx, b, it, g.cell, ew, eh);
         microCtx.restore();
       });
+
+      // hover 高亮：把微高亮的建筑额外描一遍醒目 footprint（覆盖在所有建筑之上，不被遮挡）
+      if (microHoverB) {
+        const hb = microHoverB;
+        const hIt = microBuildItemById(hb.type);
+        if (hIt && hIt.cat !== 'road' && hIt.cat !== 'ground') {
+          let hw_ = hb.w || hIt.w || 1, hh_ = hb.h || hIt.h || 1;
+          if (((hb.rot || 0) % 180) !== 0) { const t = hw_; hw_ = hh_; hh_ = t; }
+          const hp = microCellToScreen(hb.i + hw_ / 2, hb.j + hh_ / 2);
+          microCtx.save();
+          microCtx.translate(hp.x, hp.y);
+          // 高对比醒目双层描边：外白 halo + 内金橙主体。
+          // 不再使用 microState.accent——平原/森林 accent 是浅绿，和绿草地背景撞色看不出。
+          microCtx.strokeStyle = 'rgba(255,255,255,0.95)';
+          microCtx.lineWidth = 5;
+          microIsoFootprintStroke(microCtx, hw_, hh_, g.cell);
+          microCtx.strokeStyle = 'rgba(255,180,40,1)';
+          microCtx.lineWidth = 2;
+          microIsoFootprintStroke(microCtx, hw_, hh_, g.cell);
+          microCtx.restore();
+        }
+      }
+
       microCtx.restore();
     }
 
@@ -3402,7 +3463,15 @@ function onMicroDown(e) {
       // 普通素材：点击 → 先冻结（静止住）在点击格；已冻结时点击空白则重新固定到该格
       if (microBuildSel && microBuildSel !== 'road_auto' && !microEditRef) {
         const cell = microCellAt(p);
-        const hitExisting = cell && microBuildingAt(cell);   // 命中已有建筑 → 不冻结（交给松手弹交互窗）
+        // 命中已有建筑 → 不冻结（交给松手弹交互窗）；道路 / 地面不算"建筑"，落点和点普通格子一致
+        let hitExisting = null;
+        if (cell) {
+          const h = microBuildingAt(cell);
+          if (h) {
+            const hIt = microBuildItemById(h.type);
+            if (hIt && hIt.cat !== 'road' && hIt.cat !== 'ground') hitExisting = h;
+          }
+        }
         if (cell && !hitExisting) {
           const it = microBuildItemById(microBuildSel);
           let ew = it.w || 1, eh = it.h || 1;
@@ -3540,7 +3609,13 @@ function onMicroUp(e) {
       // 建造模式下点已有建筑 → 进入编辑态（显示旋转/确认/取消按钮），但不弹交互窗
       if (!microBuildSel) {
         const hit = microBuildingAt(microCellAt(p));
-        if (hit) { microEditRef = hit; hideMicroHoverTip(); microToast('编辑中：左✕删除 · 右✓保留 · 取消/确认正上方↺↻切换视角'); }
+        if (hit) {
+          const hitIt = microBuildItemById(hit.type);
+          // 道路 / 地面不允许点击交互，落点和点普通格子一致处理
+          if (hitIt && hitIt.cat !== 'road' && hitIt.cat !== 'ground') {
+            microEditRef = hit; hideMicroHoverTip(); microToast('编辑中：左✕删除 · 右✓保留 · 取消/确认正上方↺↻切换视角');
+          }
+        }
       }
       // 已选中新素材时：冻结/重定位于 onMicroDown 处理；此处不落地（需点 ✓ 确认才建造）
     }
@@ -4131,14 +4206,16 @@ function ensureMicroTip() {
   document.body.appendChild(microTipEl);
   return microTipEl;
 }
-function hideMicroHoverTip() { if (microTipEl) microTipEl.style.display = 'none'; }
+function hideMicroHoverTip() { if (microTipEl) microTipEl.style.display = 'none'; microHoverB = null; }
 function updateMicroHoverTip(e) {
   const tip = ensureMicroTip();
-  if (!microState || microBuildMode) { tip.style.display = 'none'; return; }
+  if (!microState || microBuildMode) { tip.style.display = 'none'; microHoverB = null; return; }
   const cell = microCellAt(getMicroPoint(e));
   const hit = microBuildingAt(cell);
-  if (!hit) { tip.style.display = 'none'; return; }
+  if (!hit) { tip.style.display = 'none'; microHoverB = null; return; }
   const it = microBuildItemById(hit.type);
+  // 道路 / 地面：铺满一格的纹理，没有"建筑边界"概念，按用户要求不响应 hover 高亮与点击交互
+  if (!it || it.cat === 'road' || it.cat === 'ground') { tip.style.display = 'none'; microHoverB = null; return; }
   const img = (typeof it.icon === 'string') ? `<img src="${it.icon}" alt="">` : '';
   tip.innerHTML = `<div class="tipName">${img}<span>${it.name || hit.type}</span></div>`
     + (it.desc ? `<div class="tipDesc">${it.desc}</div>` : '');
@@ -4150,6 +4227,7 @@ function updateMicroHoverTip(e) {
   if (y + r.height > window.innerHeight - 8) y = e.clientY - r.height - pad;
   tip.style.left = x + 'px';
   tip.style.top = y + 'px';
+  microHoverB = hit;        // 渲染层用：footprint 高亮
 }
 function microCatName(cat) {
   const c = (typeof MICRO_BUILD_CATS !== 'undefined' && MICRO_BUILD_CATS.find(x => x.id === cat)) || null;
@@ -4160,6 +4238,8 @@ function showBuildModal(b) {
   if (!b) return;
   const it = microBuildItemById(b.type);
   if (!it) return;
+  // 道路 / 地面：纹理铺满一格，没有"建筑"语义，按用户要求不响应点击交互
+  if (it.cat === 'road' || it.cat === 'ground') return;
   // 建筑运行时状态（默认）
   if (b.level == null) b.level = it.statLevel || 1;
   if (b.exp == null) b.exp = 0;
@@ -4899,7 +4979,9 @@ function loadSavedWorld() {
       }
       t.tier = heightToTier(t.height);
     });
-    tiles = saved;
+    // 缩圈后丢弃超出新 MAP_RADIUS 的地块，避免旧存档把世界撑回原尺寸
+    const kept = saved.filter(t => hexRing(t.q, t.r) <= MAP_RADIUS);
+    tiles = kept;
   } catch(e) {}
 }
 
@@ -4948,9 +5030,15 @@ function applyWorldState(ws) {
   if (!ws) return;
   if (ws.settings) applyWorldSettings(ws.settings);
   if (!Array.isArray(ws.tiles)) return;
+  // 缩圈后：剔除已解锁集合中超出新边界环(>MAP_RADIUS+1)的残余 key
+  for (const key of unlockedRing) {
+    const p = key.split(','); const q = +p[0], r = +p[1];
+    if (hexRing(q, r) > MAP_RADIUS + 1) unlockedRing.delete(key);
+  }
   const byKey = new Map();
   for (const t of tiles) if (t.layer === 'earth') byKey.set(t.q + ',' + t.r, t);
   for (const ov of ws.tiles) {
+    if (hexRing(ov.q, ov.r) > MAP_RADIUS) continue;   // 缩圈后丢弃界外地块
     const t = byKey.get(ov.q + ',' + ov.r);
     if (!t) continue;
     if (ov.terrain) t.terrain = ov.terrain;
@@ -4959,6 +5047,7 @@ function applyWorldState(ws) {
   }
   // 微观建造布置：按 'q,r' 恢复（覆盖所有层，进入地块时即显示）
   for (const ov of ws.tiles) {
+    if (hexRing(ov.q, ov.r) > MAP_RADIUS) continue;   // 界外不再恢复建筑
     if (ov.build_items && Array.isArray(ov.build_items) && ov.build_items.length) {
       microBuildings[ov.q + ',' + ov.r] = ov.build_items.slice();
     }
@@ -5049,7 +5138,7 @@ function drawMicroGrid(c, w, h, accent) {
     for (let j = lo + 1; j <= hi; j++) { p = microCellToScreen(i, j); c.lineTo(p.x, p.y); }
   }
   c.lineCap = 'round'; c.lineJoin = 'round'; c.globalAlpha = 1;
-  c.lineWidth = 3.2; c.strokeStyle = 'rgba(8,14,26,0.50)'; c.stroke();
+  c.lineWidth = 1.0; c.strokeStyle = 'rgba(8,14,26,0.18)'; c.stroke();
   // 浅色高光描边已移除，避免草地网格出现浅色纹路
   c.restore();
 
@@ -5177,12 +5266,28 @@ function microRectCellBounds() {
   }
   return { giMin, gjMin, giMax, gjMax };
 }
-// 建筑占位(i,j,ew,eh)是否完全落在可见矩形框内（防止边缘建筑超出边框）
+// 浮岛圆角矩形（与 drawMicroFrame 一致）：用屏幕坐标判定某点是否落在岛内。
+// 不再依赖 microBuildableRect 的近似矩形，避免菱形格子尖角从岛圆角处"挤出去"。
+function microIslandRect() {
+  const mW = microCanvas.width, mH = microCanvas.height;
+  const Rx = mW * 0.50, Ry = mH * 0.43;
+  const rRect = Math.min(Rx, Ry) * 0.14;
+  return { X0: mW / 2 - Rx, Y0: mH / 2 - Ry, RW: Rx * 2, RH: Ry * 2, rRect };
+}
+function microPointInIsland(sx, sy) {
+  const ir = microIslandRect();
+  if (sx < ir.X0 || sx > ir.X0 + ir.RW || sy < ir.Y0 || sy > ir.Y0 + ir.RH) return false;
+  const r = ir.rRect;
+  if (sx >= ir.X0 + r && sx <= ir.X0 + ir.RW - r && sy >= ir.Y0 + r && sy <= ir.Y0 + ir.RH - r) return true;
+  const cx = sx < ir.X0 + ir.RW / 2 ? ir.X0 + r : ir.X0 + ir.RW - r;
+  const cy = sy < ir.Y0 + ir.RH / 2 ? ir.Y0 + r : ir.Y0 + ir.RH - r;
+  return Math.hypot(sx - cx, sy - cy) <= r;
+}
+// 建筑占位(i,j,ew,eh)是否完全落在岛圆角矩形内（防止边缘建筑超出岛边界 / 从圆角缝钻出去）
 function microFootprintInsideRect(i, j, ew, eh) {
-  const b = microRectCellBounds();
-  const pts = [[i, j], [i + ew, j], [i, j + eh], [i + ew, j + eh]];
-  for (const [u, v] of pts) {
-    if (u < b.giMin || u > b.giMax || v < b.gjMin || v > b.gjMax) return false;
+  for (const [u, v] of [[i, j], [i + ew, j], [i, j + eh], [i + ew, j + eh]]) {
+    const sp = microCellToScreen(u, v);
+    if (!microPointInIsland(sp.x, sp.y)) return false;
   }
   return true;
 }
@@ -6117,7 +6222,7 @@ if (typeof fitWorld === 'function') fitWorld();
         if (uaAv) uaAv.textContent = (name || 'M').trim().charAt(0).toUpperCase();
         const uaUid = document.getElementById('uaUid');
         if (uaUid) uaUid.textContent = d.game_uid || d.uid || '--';
-        // 等级卡
+        // 等级卡（个人面板内保留）
         const uaLv = document.getElementById('uaLv');
         if (uaLv) uaLv.textContent = d.level || 1;
         const uaTitle = document.getElementById('uaTitle');
@@ -6128,66 +6233,34 @@ if (typeof fitWorld === 'function') fitWorld();
         if (uaExpBar) uaExpBar.style.width = expPct + '%';
         const uaExpTxt = document.getElementById('uaExpTxt');
         if (uaExpTxt) uaExpTxt.textContent = 'EXP ' + (d.exp || 0) + ' / ' + expMax;
-        // 世界概览
-        const uaWorldName = document.getElementById('uaWorldName');
-        if (uaWorldName) uaWorldName.textContent = d.world_name || '我的世界';
-        const uaEra = document.getElementById('uaEra');
-        if (uaEra) uaEra.textContent = d.era || '--';
-        const uaTiles = document.getElementById('uaTiles');
-        if (uaTiles) uaTiles.textContent = d.tiles || 0;
-        const uaPop = document.getElementById('uaPop');
-        if (uaPop) uaPop.textContent = d.population || 0;
-        const uaCiv = document.getElementById('uaCiv');
-        if (uaCiv) uaCiv.textContent = d.civ_level || 0;
-        // 资源条（按上限折算宽度）
-        function setRes(barId, valId, val, max) {
-          const el = document.getElementById(valId);
-          if (el) el.textContent = val || 0;
-          const bar = document.getElementById(barId);
-          if (bar) bar.style.width = (max > 0 ? Math.min(100, (val || 0) / max * 100) : 0) + '%';
-        }
-        setRes('uaCoinBar', 'uaCoins', d.coins, 10000);
-        setRes('uaEnergyBar', 'uaEnergy', d.energy, 1000);
-        setRes('uaWoodBar', 'uaWood', d.wood, 1000);
-        setRes('uaStoneBar', 'uaStone', d.stone, 1000);
-        // 邮件未读角标
-        const uaMailBadge = document.getElementById('uaMailBadge');
-        if (uaMailBadge) {
+        // 世界等级经验条（底部常驻）
+        const weLv = document.getElementById('weLv');
+        if (weLv) weLv.textContent = d.world_level || d.level || 1;
+        const weTitle = document.getElementById('weTitle');
+        if (weTitle) weTitle.textContent = d.world_title || d.title || '萌新';
+        const worldExp = d.world_exp != null ? d.world_exp : (d.exp || 0);
+        const worldExpMax = d.world_exp_max || d.exp_max || 100;
+        const worldExpPct = worldExpMax > 0 ? Math.min(100, worldExp / worldExpMax * 100) : 0;
+        const weExpFill = document.getElementById('weExpFill');
+        if (weExpFill) weExpFill.style.width = worldExpPct + '%';
+        const weExpTxt = document.getElementById('weExpTxt');
+        if (weExpTxt) weExpTxt.textContent = 'EXP ' + worldExp + ' / ' + worldExpMax;
+        // 邮件未读角标（顶部图标栏）
+        const topMailBadge = document.getElementById('topMailBadge');
+        if (topMailBadge) {
           const n = d.unread_mail || 0;
-          uaMailBadge.textContent = n;
-          uaMailBadge.style.display = n > 0 ? '' : 'none';
+          topMailBadge.textContent = n;
+          topMailBadge.style.display = n > 0 ? '' : 'none';
         }
       }
       fillPanelData(me);
 
-      // === 异步加载成就预览 + 邮件未读数 ===
+      // === 异步加载邮件未读数 ===
       (async () => {
-        try {
-          const ach = await API.achievements();
-          if (ach && ach.items) {
-            const summary = document.getElementById('uaAchSummary');
-            if (summary) summary.textContent = (ach.unlocked_count || 0) + ' / ' + (ach.total_count || 0);
-            const preview = document.getElementById('uaAchPreview');
-            if (preview) {
-              const top3 = ach.items.slice(0, 3);
-              preview.innerHTML = top3.length ? top3.map(a => {
-                const icon = a.unlocked ? (a.icon || '🏆') : '🔒';
-                const pct = a.target > 0 ? Math.min(100, (a.progress || 0) / a.target * 100) : (a.unlocked ? 100 : 0);
-                return `<div class="ua-ach-item${a.unlocked ? ' done' : ''}">
-                  <span class="ua-ach-ic">${icon}</span>
-                  <div style="flex:1;min-width:0;">
-                    <div class="ua-ach-t">${a.name}</div>
-                    <div class="ua-ach-bar"><i style="width:${pct}%"></i></div>
-                  </div>
-                </div>`;
-              }).join('') : '<div style="font-size:12px;color:#8899aa;text-align:center;padding:12px;">暂无成就数据</div>';
-            }
-          }
-        } catch (e) { console.warn('加载成就预览失败', e); }
         try {
           const ml = await API.mails();
           if (ml && typeof ml.unread === 'number') {
-            const badge = document.getElementById('uaMailBadge');
+            const badge = document.getElementById('topMailBadge');
             if (badge) {
               badge.textContent = ml.unread;
               badge.style.display = ml.unread > 0 ? '' : 'none';
@@ -6196,10 +6269,7 @@ if (typeof fitWorld === 'function') fitWorld();
         } catch (e) { console.warn('加载邮件数失败', e); }
       })();
 
-      trigger.addEventListener('click', (ev) => {
-        ev.stopPropagation();
-        setMenuOpen(!menu.classList.contains('open'));
-      });
+      // 顶部用户区现在只展示文字，不再下拉展开玩家面板；保留面板 DOM 但不再通过 trigger 打开。
       document.addEventListener('click', (ev) => {
         if (!menu.classList.contains('open')) return;
         if (ev.target === backdrop) { setMenuOpen(false); return; }
@@ -6215,10 +6285,32 @@ if (typeof fitWorld === 'function') fitWorld();
         try { await API.logout(); } catch (e) {}
         location.replace('login.html');
       });
-      // 官网：返回网站首页
-      const uaWebsite = document.getElementById('uaWebsite');
-      if (uaWebsite) uaWebsite.addEventListener('click', () => {
-        location.href = 'index.html';
+      // 场景悬浮工具条：官网、任务、商城、公告、排行榜、日历、拍卖行
+      const btnWebsite = document.getElementById('btnWebsite');
+      if (btnWebsite) btnWebsite.addEventListener('click', () => { location.href = 'index.html'; });
+      const btnTask = document.getElementById('btnTask');
+      if (btnTask) btnTask.addEventListener('click', () => {
+        openAppModal('📜 任务', '<div style="text-align:center;padding:24px;color:#8899aa;font-size:13px;">任务系统即将开放<br><br>完成每日/主线任务可获得经验、金币与稀有素材。</div>');
+      });
+      const btnMall = document.getElementById('btnMall');
+      if (btnMall) btnMall.addEventListener('click', () => {
+        openAppModal('🛒 商城', '<div style="text-align:center;padding:24px;color:#8899aa;font-size:13px;">商城系统即将开放<br><br>可购买皮肤、道具、加速器与会员服务。</div>');
+      });
+      const btnNotice = document.getElementById('btnNotice');
+      if (btnNotice) btnNotice.addEventListener('click', () => {
+        openAppModal('📢 公告', '<div style="text-align:center;padding:24px;color:#8899aa;font-size:13px;">公告系统即将开放<br><br>运营活动、版本更新与维护通知将在此集中展示，重要公告带红点提醒。</div>');
+      });
+      const btnRank = document.getElementById('btnRank');
+      if (btnRank) btnRank.addEventListener('click', () => {
+        openAppModal('🏅 排行榜', '<div style="text-align:center;padding:24px;color:#8899aa;font-size:13px;">排行榜即将开放<br><br>世界等级、财富与成就榜单，激励你冲榜。</div>');
+      });
+      const btnCalendar = document.getElementById('btnCalendar');
+      if (btnCalendar) btnCalendar.addEventListener('click', () => {
+        openAppModal('📅 日历', '<div style="text-align:center;padding:24px;color:#8899aa;font-size:13px;">世界日历即将开放<br><br>限时副本、公会战与世界事件时间一目了然。</div>');
+      });
+      const btnAuction = document.getElementById('btnAuction');
+      if (btnAuction) btnAuction.addEventListener('click', () => {
+        openAppModal('🔨 拍卖行', '<div style="text-align:center;padding:24px;color:#8899aa;font-size:13px;">拍卖行即将开放<br><br>玩家之间自由交易道具、材料与稀有素材。</div>');
       });
 
       // 通用弹窗
@@ -6238,46 +6330,35 @@ if (typeof fitWorld === 'function') fitWorld();
         if (e.target === appModal) closeAppModal();
       });
 
-      // 个人信息（从 cachedMe 动态渲染）
-      const uaProfile = document.getElementById('uaProfile');
-      if (uaProfile) uaProfile.addEventListener('click', () => {
-        const d = cachedMe;
-        const name = d.name || d.login || '';
+      // 个人信息（从 cachedMe 动态渲染，点顶部用户区打开）
+      function openProfile() {
+        const d = cachedMe || {};
+        const name = d.name || d.login || '访客';
         const avatarLetter = (name || 'M').trim().charAt(0).toUpperCase();
-        const expMax = d.exp_max || 100;
-        const expPct = expMax > 0 ? Math.min(100, (d.exp || 0) / expMax * 100) : 0;
+        const gender = d.gender || '未设置';
+        const desc = d.desc || d.bio || '这位缔造者行事低调，尚未在宇森留下任何足迹。';
+        const frame = d.avatar_frame || d.frame || '初芒';
         openAppModal('👤 个人信息', `
-          <div style="display:flex;align-items:center;gap:14px;margin-bottom:14px;">
-            <div style="width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#c77dff,#4af);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff;box-shadow:0 0 14px rgba(199,125,255,.5);">${avatarLetter}</div>
-            <div>
+          <div style="display:flex;align-items:center;gap:14px;margin-bottom:12px;">
+            <div style="width:58px;height:58px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#c77dff,#4af);box-shadow:0 0 14px rgba(199,125,255,.45);">
+              <div style="width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#2a2348,#161b2e);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff;">${avatarLetter}</div>
+            </div>
+            <div style="min-width:0;">
               <div style="font-size:16px;font-weight:700;color:#e0e0e0;">${name}</div>
-              <div style="font-size:12px;color:#8899aa;">UID: ${d.game_uid || d.uid || '--'}</div>
+              <div style="font-size:12px;color:#8899aa;">UID: ${d.game_uid || d.uid || '--'} · 头像框：${frame}</div>
             </div>
           </div>
-          <div class="infoRow"><span class="infoLabel">等级</span><span class="infoValue">Lv.${d.level || 1}</span></div>
-          <div style="margin:6px 0 10px;">
-            <div style="height:8px;background:rgba(255,255,255,.08);border-radius:4px;overflow:hidden;">
-              <div style="height:100%;width:${expPct}%;background:linear-gradient(90deg,#8b5cf6,#4af);border-radius:4px;"></div>
-            </div>
-            <div style="font-size:11px;color:#8899aa;text-align:right;margin-top:3px;">EXP ${d.exp || 0} / ${expMax}</div>
-          </div>
+          <div class="infoRow"><span class="infoLabel">性别</span><span class="infoValue">${gender}</span></div>
+          <div style="font-size:12px;color:#aab4c8;line-height:1.6;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px;margin:10px 0;">${desc}</div>
           <div class="infoRow"><span class="infoLabel">称号</span><span class="infoValue">${d.title || '萌新'}</span></div>
-          <div class="infoRow"><span class="infoLabel">金币</span><span class="infoValue">🪙 ${d.coins || 0}</span></div>
-          <div class="infoRow"><span class="infoLabel">灵气</span><span class="infoValue">✨ ${d.energy || 0}</span></div>
-          <div class="infoRow"><span class="infoLabel">木材</span><span class="infoValue">🪵 ${d.wood || 0}</span></div>
-          <div class="infoRow"><span class="infoLabel">石料</span><span class="infoValue">🪨 ${d.stone || 0}</span></div>
-          <div class="infoRow"><span class="infoLabel">世界</span><span class="infoValue">${d.world_name || '我的世界'}</span></div>
-          <div class="infoRow"><span class="infoLabel">历元</span><span class="infoValue">${d.era || '--'}</span></div>
-          <div class="infoRow"><span class="infoLabel">疆域</span><span class="infoValue">${d.tiles || 0} 块</span></div>
-          <div class="infoRow"><span class="infoLabel">人口</span><span class="infoValue">${d.population || 0}</span></div>
-          <div class="infoRow"><span class="infoLabel">文明度</span><span class="infoValue">${d.civ_level || 0}</span></div>
           <div class="infoRow"><span class="infoLabel">注册</span><span class="infoValue">${d.reg_date || '--'}</span></div>
         `);
-      });
+      }
+      if (trigger) trigger.addEventListener('click', () => { openProfile(); });
 
       // 设置
-      const uaSettings = document.getElementById('uaSettings');
-      if (uaSettings) uaSettings.addEventListener('click', () => {
+      const btnSettings = document.getElementById('btnSettings');
+      if (btnSettings) btnSettings.addEventListener('click', () => {
         openAppModal('⚙️ 设置', `
           <div class="settingRow"><span>背景音乐</span><span>开</span></div>
           <div class="settingRow"><span>音效</span><span>开</span></div>
@@ -6293,6 +6374,8 @@ if (typeof fitWorld === 'function') fitWorld();
           <div id="redeemMsg" style="font-size:12px;color:#ffcf86;margin-top:6px;min-height:16px;"></div>
           <div style="height:1px;background:rgba(255,255,255,.08);margin:12px 0;"></div>
           <button id="clearCacheBtn" style="width:100%;padding:8px;background:rgba(255,80,80,.15);border:1px solid rgba(255,80,80,.3);color:#f88;border-radius:8px;cursor:pointer;font-size:13px;">清除本地缓存</button>
+          <div style="height:1px;background:rgba(255,255,255,.08);margin:12px 0;"></div>
+          <button id="uaWebsiteBtn" style="width:100%;padding:8px;background:rgba(139,92,246,.15);border:1px solid rgba(139,92,246,.35);color:#cbb4ff;border-radius:8px;cursor:pointer;font-size:13px;">🌐 官网 / 社区</button>
         `);
         const redeemBtn = document.getElementById('redeemBtn');
         const redeemInput = document.getElementById('redeemInput');
@@ -6306,11 +6389,13 @@ if (typeof fitWorld === 'function') fitWorld();
         if (clearCacheBtn) clearCacheBtn.onclick = () => {
           try { localStorage.clear(); if (redeemMsg) redeemMsg.textContent = '本地缓存已清除（下次刷新生效）'; } catch (e) {}
         };
+        const uaWebsiteBtn = document.getElementById('uaWebsiteBtn');
+        if (uaWebsiteBtn) uaWebsiteBtn.onclick = () => { location.href = 'index.html'; };
       });
 
       // 邮件（从 API.mails() 动态取值）
-      const uaMessages = document.getElementById('uaMessages');
-      if (uaMessages) uaMessages.addEventListener('click', async () => {
+      const btnMail = document.getElementById('btnMail');
+      if (btnMail) btnMail.addEventListener('click', async () => {
         openAppModal('✉️ 邮件', '<div style="text-align:center;padding:20px;color:#8899aa;font-size:13px;">加载中…</div>');
         let mails = [];
         try {
@@ -6340,7 +6425,7 @@ if (typeof fitWorld === 'function') fitWorld();
               try { await API.mailRead(id); } catch (e) {}
               const m = mails.find(x => x.id === id);
               if (m) m.is_read = true;
-              const badge = document.getElementById('uaMailBadge');
+              const badge = document.getElementById('topMailBadge');
               const unread = mails.filter(x => !x.is_read).length;
               if (badge) { badge.textContent = unread; badge.style.display = unread > 0 ? '' : 'none'; }
               const activeTab = appModalBody.querySelector('.mailTab.active');
@@ -6351,9 +6436,19 @@ if (typeof fitWorld === 'function') fitWorld();
         renderMail('全部');
       });
 
-      // 成就（从 API.achievements() 动态取值）
-      const uaAchievements = document.getElementById('uaAchievements');
-      if (uaAchievements) uaAchievements.addEventListener('click', async () => {
+      // ===== 成就（重构为可复用函数，供底部快捷栏「成就」按钮调用）=====
+      function updateAchBadge(items) {
+        const badge = document.getElementById('achBadge');
+        if (!badge) return;
+        let newCount = 0;
+        try {
+          const seen = JSON.parse(localStorage.getItem('yt_seen_ach') || '[]');
+          newCount = (items || []).filter(a => a.unlocked && !(seen.includes(a.id || a.name))).length;
+        } catch (e) {}
+        if (newCount > 0) { badge.textContent = newCount > 99 ? '99+' : String(newCount); badge.hidden = false; }
+        else { badge.hidden = true; }
+      }
+      window.openAchievements = async function() {
         openAppModal('🏆 成就', '<div style="text-align:center;padding:20px;color:#8899aa;font-size:13px;">加载中…</div>');
         let ach = { items: [], total_points: 0, unlocked_count: 0, total_count: 0 };
         try {
@@ -6383,7 +6478,20 @@ if (typeof fitWorld === 'function') fitWorld();
           }).join('') : '<div style="text-align:center;padding:20px;color:#8899aa;font-size:13px;">暂无成就数据</div>'}
         `;
         if (appModalBody) appModalBody.innerHTML = html;
-      });
+        // 标记已读，清除红点
+        try {
+          const seen = JSON.parse(localStorage.getItem('yt_seen_ach') || '[]');
+          items.filter(a => a.unlocked).forEach(a => { const k = a.id || a.name; if (!seen.includes(k)) seen.push(k); });
+          localStorage.setItem('yt_seen_ach', JSON.stringify(seen));
+        } catch (e) {}
+        updateAchBadge(items);
+      };
+      window.refreshAchBadge = async function() {
+        try { const ach = await API.achievements(); updateAchBadge(ach.items || []); } catch (e) {}
+      };
+      const btnAch = document.getElementById('btnAchievements');
+      if (btnAch) btnAch.addEventListener('click', () => { window.openAchievements(); });
+      window.refreshAchBadge();
     } catch (e) {
       location.replace('login.html?next=world.html'); return;
     } finally {
@@ -6396,7 +6504,7 @@ if (typeof fitWorld === 'function') fitWorld();
 <!-- ===== 世界聊天框（左下角，可折叠展开，demo） ===== -->
 <style>
 #worldChat{position:fixed;left:18px;bottom:90px;z-index:25;
-  width:340px;max-height:520px;display:flex;flex-direction:column;
+  width:340px;max-height:620px;display:flex;flex-direction:column;
   border-radius:16px;overflow:hidden;
   background:rgba(10,16,30,.72);backdrop-filter:blur(14px);
   border:1px solid rgba(120,200,255,.20);box-shadow:0 8px 32px rgba(0,0,0,.4);
@@ -6418,8 +6526,35 @@ if (typeof fitWorld === 'function') fitWorld();
   display:flex;align-items:center;justify-content:center;padding:0 5px;line-height:1;
   border:2px solid rgba(10,16,30,.85);pointer-events:none;opacity:0;transition:opacity .2s;}
 #wcBadge.show{opacity:1;}
+/* @提及高亮与自动补全下拉 */
+.wc-mention{color:#ffd479;font-weight:600;}
+.wc-mention-box{position:absolute;bottom:46px;left:10px;right:10px;max-height:160px;overflow-y:auto;
+  background:rgba(8,14,28,.96);border:1px solid rgba(139,92,246,.4);border-radius:10px;
+  box-shadow:0 8px 24px rgba(0,0,0,.5);padding:4px;z-index:30;}
+.wc-mention-item{padding:6px 10px;border-radius:6px;cursor:pointer;font-size:13px;color:#d8e2f0;}
+.wc-mention-item:hover,.wc-mention-item.active{background:rgba(139,92,246,.28);color:#fff;}
+/* 表情按钮与选择器 */
+.wc-emoji-btn{flex-shrink:0;width:36px;height:36px;border-radius:10px;border:1px solid rgba(120,200,255,.22);
+  background:rgba(8,14,26,.55);color:#cdd8e6;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;
+  transition:border-color .18s,background .18s;}
+.wc-emoji-btn:hover{background:rgba(139,92,246,.22);border-color:rgba(139,92,246,.4);}
+.wc-emoji-btn.active{background:rgba(139,92,246,.32);border-color:rgba(139,92,246,.5);}
+.wc-emoji-box{position:absolute;bottom:46px;left:10px;right:10px;overflow:hidden;scrollbar-width:none;
+  display:grid;grid-template-columns:repeat(auto-fill,minmax(30px,1fr));gap:2px;padding:6px;
+  background:rgba(8,14,28,.97);border:1px solid rgba(139,92,246,.4);border-radius:10px;
+  box-shadow:0 8px 24px rgba(0,0,0,.5);z-index:30;}
+.wc-emoji-box::-webkit-scrollbar{display:none;width:0;height:0;}
+.wc-emoji-item{aspect-ratio:1;display:flex;align-items:center;justify-content:center;
+  border-radius:6px;cursor:pointer;font-size:15px;background:rgba(255,255,255,.04);
+  border:1px solid rgba(139,92,246,.18);transition:background .14s,border-color .14s;}
+.wc-emoji-item:hover{background:rgba(139,92,246,.30);border-color:rgba(139,92,246,.5);}
+/* 底部快捷栏小红点（数字） */
+.bb-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;margin-left:4px;
+  padding:0 4px;border-radius:9px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;
+  font-size:10px;font-weight:700;line-height:1;vertical-align:middle;}
+.bb-badge[hidden]{display:none;}
 
-#wcPanel{display:flex;flex-direction:column;max-height:420px;transition:none;}
+#wcPanel{display:flex;flex-direction:column;max-height:600px;transition:none;}
 #wcHeader{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;
   background:rgba(12,20,38,.55);cursor:pointer;user-select:none;border-bottom:1px solid rgba(255,255,255,.08);
   flex-shrink:0;}
@@ -6428,8 +6563,7 @@ if (typeof fitWorld === 'function') fitWorld();
   border-radius:6px;background:rgba(255,255,255,.06);color:#8aa0bd;font-size:20px;font-weight:300;cursor:pointer;
   letter-spacing:2px;transition:background .18s,color .18s;}
 #wcHeader .wc-toggle:hover{background:rgba(139,92,246,.2);color:#c8b6ff;}
-#wcBody{flex:1;overflow-y:auto;padding:10px 14px;display:flex;flex-direction:column;gap:8px;
-  min-height:0;max-height:360px;}
+#wcBody{flex:none;height:300px;max-height:300px;overflow-y:auto;padding:10px 14px;display:flex;flex-direction:column;gap:8px;}
 #worldChat.collapsed #wcBody{max-height:150px;padding:7px 11px;gap:5px;}
 .wc-msg{display:flex;gap:8px;align-items:flex-start;max-width:92%;align-self:flex-start;}
 .wc-msg.wc-self{flex-direction:row-reverse;align-self:flex-end;}
@@ -6444,13 +6578,14 @@ if (typeof fitWorld === 'function') fitWorld();
 .wc-msg.wc-self .wc-bubble{background:rgba(60,140,130,.40);border-color:rgba(80,220,180,.18);align-self:flex-end;}
 .wc-time{font-size:10.5px;color:#788aa4;margin:3px 4px 0;line-height:1;}
 .wc-msg.wc-self .wc-time{text-align:right;}
-.wcInputArea{padding:8px 14px 12px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0;
+.wcInputArea{position:relative;padding:8px 14px 12px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0;
   display:flex;gap:7px;align-items:flex-end;}
 #worldChat.collapsed .wcInputArea{padding:6px 11px 8px;border-top:none;}
-#wcInput{flex:1;min-height:34px;max-height:80px;padding:7px 11px;border-radius:10px;
+#wcInput{flex:1;min-height:34px;max-height:80px;padding:7px 11px;border-radius:10px;overflow:auto;scrollbar-width:none;
   resize:none;border:1px solid rgba(120,200,255,.22);background:rgba(8,14,26,.55);color:#d8e2f0;
   font-family:inherit;font-size:13px;line-height:1.45;outline:none;
   transition:border-color .18s ease,box-shadow .18s ease;}
+#wcInput::-webkit-scrollbar{display:none;width:0;height:0;}
 #wcInput:focus{border-color:rgba(139,92,246,.55);box-shadow:0 0 0 1px rgba(139,92,246,.18);}
 #wcSend{flex-shrink:0;height:36px;padding:0 16px;border-radius:10px;border:none;
   background:linear-gradient(135deg,#6b5ce7,#4a90d9);color:#fff;font-size:13px;font-weight:600;cursor:pointer;
@@ -6461,6 +6596,26 @@ if (typeof fitWorld === 'function') fitWorld();
 /* 滚动条美化 */
 #wcBody::-webkit-scrollbar{width:4px;}
 #wcBody::-webkit-scrollbar-thumb{background:rgba(120,200,255,.22);border-radius:4px;}
+/* 频道下拉选择器 */
+.wc-channel-select{appearance:none;-webkit-appearance:none;flex:0 0 auto;min-width:0;max-width:120px;
+  background:rgba(8,14,26,.6);color:#9cf;border:1px solid rgba(120,200,255,.25);
+  border-radius:8px;padding:5px 26px 5px 10px;font-size:13px;font-weight:600;cursor:pointer;
+  outline:none;font-family:inherit;letter-spacing:.3px;
+  background-image:linear-gradient(45deg,transparent 50%,#9cf 50%),linear-gradient(135deg,#9cf 50%,transparent 50%);
+  background-position:calc(100% - 16px) 52%,calc(100% - 11px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;
+  transition:border-color .18s ease,box-shadow .18s ease;}
+.wc-channel-select:focus{border-color:rgba(139,92,246,.55);box-shadow:0 0 0 1px rgba(139,92,246,.18);}
+.wc-channel-select option{background:#0e1626;color:#d8e2f0;}
+.wc-test-btn{
+  flex:0 0 auto; background:rgba(139,92,246,.18); border:1px solid rgba(139,92,246,.4);
+  color:#cbb4ff; border-radius:8px; padding:5px 12px; font-size:12px; font-weight:700;
+  cursor:pointer; transition:.15s;
+}
+.wc-test-btn:hover{background:rgba(139,92,246,.32); color:#fff;}
+/* AI 游戏助手消息：紫色区分，与世界频道玩家消息隔离 */
+.wc-msg.guide .wc-avatar{background:linear-gradient(135deg,#a78bfa,#7c3aed);}
+.wc-msg.guide .wc-name{color:#c4b5fd;}
+.wc-msg.guide .wc-bubble{background:linear-gradient(135deg,#2a2150,#3b2f63);border:1px solid #4c3a82;color:#ede9fe;}
 </style>
 <div id="worldChat">
   <!-- 折叠态悬浮气泡 -->
@@ -6471,14 +6626,18 @@ if (typeof fitWorld === 'function') fitWorld();
   <!-- 展开态面板 -->
   <div id="wcPanel">
     <div id="wcHeader">
-      <span class="wc-title">世界频道</span>
+      <select id="wcChannelSel" class="wc-channel-select"></select>
+      <button id="wcTestBtn" class="wc-test-btn" type="button" onclick="wcSendTest()">测试</button>
       <span class="wc-toggle" onclick="toggleWorldChat()">—</span>
     </div>
     <div id="wcBody">
       <!-- demo messages injected by JS -->
     </div>
     <div class="wcInputArea">
-      <textarea id="wcInput" placeholder="输入消息..." rows="1" onkeydown="wcKeydown(event)"></textarea>
+      <div id="wcMention" class="wc-mention-box" style="display:none;"></div>
+      <div id="wcEmoji" class="wc-emoji-box" style="display:none;"></div>
+      <button id="wcEmojiBtn" class="wc-emoji-btn" type="button" title="表情" aria-label="表情">😊</button>
+      <textarea id="wcInput" placeholder="" rows="1"></textarea>
       <button id="wcSend" onclick="wcSendMsg()">发送</button>
     </div>
   </div>
@@ -6488,64 +6647,537 @@ if (typeof fitWorld === 'function') fitWorld();
   const chat = document.getElementById('worldChat');
   const body = document.getElementById('wcBody');
   const input = document.getElementById('wcInput');
-  // demo 数据
-  const demos = [
-    {self:false,name:'系统精灵',avatar:'🌿',color:'linear-gradient(135deg,#3aa76d,#2e8b57)',text:'欢迎来到宇森世界！🌿',time:'20:07'},
-    {self:true,name:'我',avatar:'鹏',color:'linear-gradient(135deg,#4a90d9,#6b5ce7)',text:'你好！这里看起来不错',time:'20:08'},
-    {self:false,name:'向导',avatar:'🧭',color:'linear-gradient(135deg,#e08a3c,#d2691e)',text:'这是六边形沙盘的初始区域，你可以用建造工具来改造地形。试试点击一个格子？',time:'20:08'},
-    {self:true,name:'我',avatar:'鹏',color:'linear-gradient(135deg,#4a90d9,#6b5ce7)',text:'好的，我看看怎么操作',time:'20:09'},
-    {self:false,name:'向导',avatar:'🧭',color:'linear-gradient(135deg,#e08a3c,#d2691e)',text:'提示：拖拽空白处可以平移视角，滚轮缩放沙盘 👀',time:'20:09'},
-  ];
+  const sel = document.getElementById('wcChannelSel');
+  if (input) input.removeAttribute('onkeydown'); // 键盘逻辑统一由下方 addEventListener 处理
+
+  let channels = [];
+  let currentChannel = null;
+  const lastIdByChannel = {};
+  const unreadByChannel = {};
+  const renderedIds = new Set();
+  let pollTimer = null;
+  const badge = document.getElementById('wcBadge');
+  const mentionBox = document.getElementById('wcMention');
+
+  function totalUnread(){ let s = 0; for (const k in unreadByChannel) s += (unreadByChannel[k] || 0); return s; }
+  function updateBadge(){
+    const t = totalUnread();
+    badge.textContent = t > 99 ? '99+' : (t || '');
+    badge.className = 'wc-badge' + (t > 0 ? ' show' : '');
+  }
+  function updateChannelOptions(){
+    for (const opt of sel.options){
+      const id = opt.value;
+      const base = opt.dataset.name || opt.textContent.replace(/\s*\(\d+\)$/, '');
+      opt.dataset.name = base;
+      const n = unreadByChannel[id] || 0;
+      opt.textContent = n > 0 ? base + ' (' + n + ')' : base;
+    }
+  }
+  function shortTime(s){ if(!s) return ''; const m = String(s).match(/(\d{1,2}):(\d{2})/); return m ? m[0] : ''; }
+  function escapeHtml(s){ return String(s).replace(/[&<>"']/g, c => ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c])); }
+  function highlightMentions(text){
+    return escapeHtml(text).replace(/@([^\s@]+)/g, '<span class="wc-mention">@$1</span>');
+  }
   function renderMsg(m){
+    if(renderedIds.has(m.id)) return null;
+    renderedIds.add(m.id);
     const d = document.createElement('div');
-    d.className = 'wc-msg' + (m.self ? ' wc-self' : '');
-    const av = document.createElement('div');
-    av.className = 'wc-avatar';
-    if(m.avatarImg){ const im = document.createElement('img'); im.src = m.avatarImg; av.appendChild(im); }
-    else { av.textContent = m.avatar || '?'; if(m.color) av.style.background = m.color; }
+    d.className = 'wc-msg' + (m.is_self ? ' wc-self' : '') + (m.is_guide ? ' guide' : '');
+    const av = document.createElement('div'); av.className = 'wc-avatar'; av.style.cursor='pointer';
+    if(m.is_guide){ av.textContent = '🤖'; }
+    else { av.textContent = (m.author_name || '?').slice(0, 1); }
+    av.addEventListener('click', () => showDemoProfile(m.author_name, m.is_guide));
     const content = document.createElement('div'); content.className = 'wc-content';
-    const name = document.createElement('div'); name.className = 'wc-name'; name.textContent = m.name || (m.self ? '我' : '匿名');
-    const bubble = document.createElement('div'); bubble.className = 'wc-bubble'; bubble.textContent = m.text;
-    const time = document.createElement('div'); time.className = 'wc-time'; time.textContent = m.time;
+    const name = document.createElement('div'); name.className = 'wc-name';
+    name.textContent = m.author_name || (m.is_self ? '我' : '匿名');
+    const bubble = document.createElement('div'); bubble.className = 'wc-bubble'; bubble.innerHTML = highlightMentions(m.body || '');
+    const time = document.createElement('div'); time.className = 'wc-time'; time.textContent = shortTime(m.create_date);
     content.appendChild(name); content.appendChild(bubble); content.appendChild(time);
     d.appendChild(av); d.appendChild(content);
     return d;
   }
-  demos.forEach(m => body.appendChild(renderMsg(m)));
-  // 未读计数
-  let wcUnread = 0;
-  const badge = document.getElementById('wcBadge');
-  function updateBadge(){
-    badge.textContent = wcUnread > 99 ? '99+' : (wcUnread || '');
-    badge.className = 'wc-badge' + (wcUnread > 0 ? ' show' : '');
+  function appendMsg(m){
+    const el = renderMsg(m);
+    if(el) body.appendChild(el);
+    if(m.id > (lastIdByChannel[currentChannel] || 0)) lastIdByChannel[currentChannel] = m.id;
+    body.scrollTop = body.scrollHeight;
   }
+  function appendLocal(name, text){
+    const d = document.createElement('div'); d.className = 'wc-msg';
+    const av = document.createElement('div'); av.className = 'wc-avatar'; av.textContent = '⚠'; av.style.cursor='pointer';
+    av.addEventListener('click', () => showDemoProfile('系统', true));
+    const content = document.createElement('div'); content.className = 'wc-content';
+    const nm = document.createElement('div'); nm.className = 'wc-name'; nm.textContent = name;
+    const bb = document.createElement('div'); bb.className = 'wc-bubble'; bb.textContent = text;
+    content.appendChild(nm); content.appendChild(bb); d.appendChild(av); d.appendChild(content);
+    body.appendChild(d); body.scrollTop = body.scrollHeight;
+  }
+  async function apiJSON(url, opts){
+    const r = await fetch(url, opts);
+    try { return await r.json(); } catch(e){ return {}; }
+  }
+  async function loadChannels(){
+    try{
+      const data = await apiJSON('/game/api/chat/channels');
+      channels = (data.items || []);
+      sel.innerHTML = '';
+      channels.forEach(c => {
+        const o = document.createElement('option');
+        o.value = c.id; o.textContent = c.name; o.dataset.name = c.name; sel.appendChild(o);
+      });
+      const def = channels.find(c => c.type === 'world') || channels[0];
+      if(def){ sel.value = def.id; currentChannel = def.id; }
+      await loadMessages(true);
+      startPoll();
+      updateChannelOptions(); updateBadge();
+    }catch(e){ console.warn('加载频道失败', e); }
+  }
+  async function loadMessages(reset){
+    if(!currentChannel) return;
+    let url = '/game/api/chat/messages?channel_id=' + encodeURIComponent(currentChannel) + '&limit=50';
+    if(!reset && lastIdByChannel[currentChannel]) url += '&after_id=' + lastIdByChannel[currentChannel];
+    try{
+      const data = await apiJSON(url);
+      const items = data.items || [];
+      if(reset){ body.innerHTML = ''; renderedIds.clear(); lastIdByChannel[currentChannel] = 0; }
+      items.forEach(m => {
+        const isNew = m.id > (lastIdByChannel[currentChannel] || 0);
+        appendMsg(m);
+        if(isNew && !m.is_self && chat.classList.contains('collapsed')){
+          unreadByChannel[currentChannel] = (unreadByChannel[currentChannel] || 0) + 1;
+        }
+      });
+      updateChannelOptions(); updateBadge();
+    }catch(e){ console.warn('加载消息失败', e); }
+  }
+  // 扫描未查看频道累计未读（首扫仅记录 lastId，不计未读）
+  async function scanOtherChannels(){
+    for(const c of channels){
+      if(c.id === currentChannel) continue;
+      try{
+        const url = '/game/api/chat/messages?channel_id=' + encodeURIComponent(c.id) + '&limit=50' + (lastIdByChannel[c.id] ? '&after_id=' + lastIdByChannel[c.id] : '');
+        const data = await apiJSON(url);
+        (data.items || []).forEach(m => {
+          if(m.id > (lastIdByChannel[c.id] || 0)) lastIdByChannel[c.id] = m.id;
+          if(lastIdByChannel[c.id] !== undefined && !m.is_self) unreadByChannel[c.id] = (unreadByChannel[c.id] || 0) + 1;
+        });
+      }catch(e){}
+    }
+    updateChannelOptions(); updateBadge();
+  }
+  function startPoll(){
+    if(pollTimer) clearInterval(pollTimer);
+    pollTimer = setInterval(() => { loadMessages(false); scanOtherChannels(); }, 2500);
+  }
+  sel.addEventListener('change', () => {
+    currentChannel = sel.value;
+    unreadByChannel[currentChannel] = 0;
+    loadMessages(true);
+    updateChannelOptions(); updateBadge();
+  });
   window.toggleWorldChat = function(){
     const wasCollapsed = chat.classList.contains('collapsed');
     chat.classList.toggle('collapsed');
-    if(wasCollapsed){ wcUnread = 0; updateBadge(); }
+    if(wasCollapsed){ unreadByChannel[currentChannel] = 0; updateChannelOptions(); updateBadge(); }
   };
-  window.wcSendMsg = function(){
+  window.wcSendMsg = async function(){
     const t = input.value.trim();
-    if(!t)return;
-    const now = new Date(); const hh=String(now.getHours()).padStart(2,'0'); const mm=String(now.getMinutes()).padStart(2,'0');
-    body.appendChild(renderMsg({self:true,name:'我',avatar:'鹏',color:'linear-gradient(135deg,#4a90d9,#6b5ce7)',text:t,time:hh+':'+mm}));
-    input.value=''; input.style.height='auto';
-    body.scrollTop = body.scrollHeight;
-    // demo auto-reply（折叠时计入未读）
-    setTimeout(function(){
-      const replies = ['收到！👍','有意思的想法','继续探索吧～','这个位置地形不错呢','你可以试试交换两个相邻地块'];
-      body.appendChild(renderMsg({self:false,name:'向导',avatar:'🧭',color:'linear-gradient(135deg,#e08a3c,#d2691e)',text:replies[Math.floor(Math.random()*replies.length)],time:hh+':'+mm}));
-      body.scrollTop = body.scrollHeight;
-      if(chat.classList.contains('collapsed')){ wcUnread++; updateBadge(); }
-    }, 700+Math.random()*1200);
+    if(!t || !currentChannel) return;
+    input.value = ''; input.style.height = 'auto';
+    hideMention();
+    try{
+      const data = await apiJSON('/game/api/chat/send', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ channel_id: currentChannel, body: t })
+      });
+      if(data.ok && data.message){ appendMsg(data.message); }
+      else if(data.error){ appendLocal('系统', data.error); }
+    }catch(e){ console.warn('发送失败', e); }
   };
-  window.wcKeydown = function(e){
-    if(e.key==='Enter' && !e.shiftKey){ e.preventDefault(); wcSendMsg(); }
-    // auto-resize
-    setTimeout(function(){ input.style.height = Math.min(input.scrollHeight,80)+'px'; },0);
+  window.wcSendTest = async function(){
+    if(!currentChannel){ appendLocal('系统', '请先选择一个聊天频道'); return; }
+    // 模拟“别的角色”发给我一条消息（收消息样式，is_self=false）
+    const senders = ['测试精灵', '星野', '阿土', '老炮', '系统巡检'];
+    const name = senders[Math.floor(Math.random()*senders.length)];
+    const samples = ['在吗？这是一条测试消息 🧪', '系统自检通过，频道连接正常 ✅', '给你发了个测试，收到回复一下～', '测试一下新版本聊天功能 💬', '世界频道已连通，消息收发正常。'];
+    const text = samples[Math.floor(Math.random()*samples.length)];
+    appendMsg({
+      id: Date.now(),
+      channel_id: currentChannel,
+      author_name: name,
+      body: text,
+      is_self: false,
+      is_guide: false,
+      create_date: new Date().toISOString()
+    });
   };
-  // 初始滚动到底部
-  setTimeout(function(){ body.scrollTop = body.scrollHeight; }, 100);
+  function showDemoProfile(name, isGuide){
+    const letter = (name || '?').slice(0,1).toUpperCase();
+    const title = isGuide ? '🤖 AI 助手' : '👤 ' + (name || '玩家');
+    const uid = 10000000 + Math.floor(Math.random()*900000);
+    const level = Math.floor(Math.random()*50)+1;
+    const html = `
+      <div style="text-align:center;padding:10px 0;">
+        <div style="width:64px;height:64px;border-radius:50%;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;background:linear-gradient(135deg,#8b5cf6,#4af);box-shadow:0 0 18px rgba(139,92,246,.5);">${isGuide ? '🤖' : letter}</div>
+        <div style="font-size:16px;font-weight:700;color:#e6f0fb;margin-bottom:4px;">${name || '匿名玩家'}</div>
+        <div style="font-size:12px;color:#8899aa;margin-bottom:14px;">UID: ${uid} · ${isGuide ? 'AI 向导' : 'Lv.' + level}</div>
+      </div>
+      <div class="infoRow"><span class="infoLabel">称号</span><span class="infoValue">${isGuide ? '系统向导' : '探索者'}</span></div>
+      <div class="infoRow"><span class="infoLabel">世界</span><span class="infoValue">我的世界</span></div>
+      <div class="infoRow"><span class="infoLabel">加入</span><span class="infoValue">星元 1年 春</span></div>
+      ${isGuide ? '' : '<div style="margin-top:12px;display:flex;gap:8px;"><button onclick="window.openAppModal(\'👥 加好友\', \'<div style=\\\'text-align:center;padding:24px;color:#8899aa;font-size:13px;\\\'>好友申请已发送（Demo）</div>\')" style="flex:1;padding:8px;background:rgba(139,92,246,.18);border:1px solid rgba(139,92,246,.4);color:#cbb4ff;border-radius:8px;cursor:pointer;font-size:13px;">加好友</button><button onclick="window.ChatAPI &amp;&amp; window.ChatAPI.open(\'pm:' + uid + '\')" style="flex:1;padding:8px;background:rgba(74,175,255,.18);border:1px solid rgba(74,175,255,.4);color:#9cf;border-radius:8px;cursor:pointer;font-size:13px;">私聊</button></div>'}
+    `;
+    if(window.openAppModal) window.openAppModal(title, html);
+  }
+  // ===== @提及自动补全 =====
+  let mentionList = [], mentionIndex = -1, mentionStart = -1;
+  async function loadMentionCandidates(){
+    try{
+      const me = await apiJSON('/game/api/social/me');
+      const fr = await apiJSON('/game/api/social/friends');
+      const list = [];
+      if(me && me.user) list.push(me.user);
+      (fr.items || []).forEach(f => list.push({ uid: f.uid, name: f.name }));
+      mentionList = list;
+    }catch(e){ mentionList = []; }
+  }
+  function currentMentionFilter(){
+    const pos = input.selectionStart;
+    const m = input.value.slice(0, pos).match(/@([^\s@]*)$/);
+    return m ? { filter: m[1], start: pos - m[0].length } : null;
+  }
+  function showMention(filter){
+    if(!mentionBox) return;
+    if(emojiBox && emojiBox.style.display === 'block') toggleEmoji(false); // 避免与表情面板重叠
+    const matches = mentionList.filter(u => u.name && u.name.indexOf(filter) >= 0);
+    if(!matches.length){ hideMention(); return; }
+    if(mentionIndex >= matches.length) mentionIndex = 0;
+    mentionBox.innerHTML = matches.map((u, i) =>
+      `<div class="wc-mention-item${i === mentionIndex ? ' active' : ''}" data-name="${escapeHtml(u.name)}">@${escapeHtml(u.name)}</div>`).join('');
+    mentionBox.style.display = 'block';
+    mentionBox.querySelectorAll('.wc-mention-item').forEach(el => { el.onclick = () => insertMention(el.dataset.name); });
+  }
+  function hideMention(){ if(mentionBox){ mentionBox.style.display = 'none'; mentionIndex = -1; } }
+  function insertMention(name){
+    const pos = input.selectionStart;
+    const before = input.value.slice(0, mentionStart);
+    const after = input.value.slice(pos);
+    input.value = before + '@' + name + ' ' + after;
+    hideMention();
+    input.focus();
+  }
+  if(input){
+    input.addEventListener('input', () => {
+      const mm = currentMentionFilter();
+      if(mm){ mentionStart = mm.start; showMention(mm.filter); }
+      else hideMention();
+    });
+    input.addEventListener('keydown', (e) => {
+      if(emojiBox && emojiBox.style.display === 'block' && e.key === 'Escape'){ e.preventDefault(); toggleEmoji(false); return; }
+      if(mentionBox && mentionBox.style.display === 'block' && mentionList.length){
+        if(e.key === 'ArrowDown'){ e.preventDefault(); mentionIndex = (mentionIndex + 1) % mentionList.length; showMention(currentMentionFilter() ? currentMentionFilter().filter : ''); return; }
+        if(e.key === 'ArrowUp'){ e.preventDefault(); mentionIndex = (mentionIndex - 1 + mentionList.length) % mentionList.length; showMention(currentMentionFilter() ? currentMentionFilter().filter : ''); return; }
+        if(e.key === 'Tab' || e.key === 'Enter'){ e.preventDefault(); const item = mentionBox.querySelector('.wc-mention-item.active') || mentionBox.querySelector('.wc-mention-item'); if(item) insertMention(item.dataset.name); return; }
+        if(e.key === 'Escape'){ hideMention(); return; }
+      }
+      if(e.key === 'Enter' && !e.shiftKey){ e.preventDefault(); wcSendMsg(); }
+      setTimeout(() => { input.style.height = Math.min(input.scrollHeight, 80) + 'px'; }, 0);
+    });
+  }
+  // 对外暴露：好友面板「私聊」调用
+  window.ChatAPI = {
+    open(channelId){
+      chat.classList.remove('collapsed');
+      if(channelId && channels.some(c => c.id === channelId)){
+        sel.value = channelId; currentChannel = channelId; unreadByChannel[channelId] = 0;
+        loadMessages(true); updateChannelOptions(); updateBadge();
+      }
+    },
+    refresh(){ loadChannels(); }
+  };
+  // ===== 表情选择器 =====
+  const emojiBtn = document.getElementById('wcEmojiBtn');
+  const emojiBox = document.getElementById('wcEmoji');
+  const EMOJIS = ['😀','😁','😂','🤣','😊','😍','😘','😎','🤔','😴','😭','😡','👍','👎','👏','🙏','💪','🔥','🌟','💡','❤️','💔','🎉','✨','🌈','☕','🍻','🐱','🐶','🌸','⚡','💰','🏆','✅','❌','📌','🚀','🌍','🌿','⭐','💬'];
+  function buildEmojiPicker(){
+    if(!emojiBox) return;
+    emojiBox.innerHTML = EMOJIS.map(e => `<div class="wc-emoji-item" data-emoji="${e}">${e}</div>`).join('');
+    emojiBox.querySelectorAll('.wc-emoji-item').forEach(el => { el.onclick = () => { insertText(el.dataset.emoji); toggleEmoji(false); }; });
+  }
+  function toggleEmoji(force){
+    if(!emojiBox || !emojiBtn) return;
+    const show = force !== undefined ? force : emojiBox.style.display !== 'block';
+    emojiBox.style.display = show ? 'block' : 'none';
+    emojiBtn.classList.toggle('active', show);
+    if(show) hideMention();
+  }
+  function insertText(text){
+    const pos = (input.selectionStart != null) ? input.selectionStart : input.value.length;
+    const before = input.value.slice(0, pos);
+    const after = input.value.slice(pos);
+    input.value = before + text + after;
+    const np = pos + text.length;
+    input.focus();
+    try { input.setSelectionRange(np, np); } catch(e){}
+    input.dispatchEvent(new Event('input'));
+  }
+  if(emojiBtn) emojiBtn.addEventListener('click', (e) => { e.stopPropagation(); toggleEmoji(); });
+  if(emojiBox) emojiBox.addEventListener('click', (e) => { e.stopPropagation(); });
+  document.addEventListener('click', (e) => {
+    if(emojiBox && emojiBox.style.display === 'block' && !emojiBox.contains(e.target) && e.target !== emojiBtn && !emojiBtn.contains(e.target)) toggleEmoji(false);
+  });
+  buildEmojiPicker();
+  loadMentionCandidates();
+  loadChannels();
+})();
+</script>
+<style id="friendPanelStyle">
+.fpanel{position:fixed;right:18px;bottom:90px;z-index:26;width:330px;max-height:540px;display:none;flex-direction:column;
+  border-radius:16px;overflow:hidden;background:rgba(10,16,30,.82);backdrop-filter:blur(14px);
+  border:1px solid rgba(120,200,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.45);
+  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:13.5px;color:#d8e2f0;}
+.fp-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:rgba(12,20,38,.6);border-bottom:1px solid rgba(255,255,255,.08);}
+.fp-title{font-weight:700;font-size:15px;color:#cfe;}
+.fp-close{background:rgba(255,255,255,.06);border:none;color:#9ab;width:28px;height:28px;border-radius:8px;cursor:pointer;font-size:14px;}
+.fp-close:hover{background:rgba(239,68,68,.25);color:#fff;}
+.fp-tabs{display:flex;gap:4px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.06);}
+.fp-tab{flex:1;padding:7px 4px;border:1px solid transparent;background:rgba(255,255,255,.05);color:#9ab;border-radius:8px;cursor:pointer;font-size:12.5px;position:relative;transition:.15s;white-space:nowrap;}
+.fp-tab:hover{background:rgba(139,92,246,.18);color:#dcd;}
+.fp-tab.active{background:linear-gradient(135deg,#8b5cf6,#4aafff);color:#fff;border-color:transparent;}
+.fp-tab-badge{position:absolute;top:-6px;right:0;min-width:16px;height:16px;padding:0 4px;border-radius:9px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;}
+.fp-tab-badge[hidden]{display:none;}
+.fp-body{flex:1;overflow-y:auto;padding:10px;min-height:0;}
+.fp-row{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:10px;transition:background .15s;}
+.fp-row:hover{background:rgba(255,255,255,.05);}
+.fp-av{width:36px;height:36px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:15px;background:linear-gradient(135deg,#6b5ce7,#4a90d9);}
+.fp-av.off{background:linear-gradient(135deg,#555,#333);}
+.fp-main{flex:1;min-width:0;}
+.fp-name{font-weight:600;color:#e6edf6;font-size:13.5px;display:flex;align-items:center;gap:6px;}
+.fp-dot{width:8px;height:8px;border-radius:50%;background:#3a4;box-shadow:0 0 6px #4c6;flex:0 0 auto;}
+.fp-dot.off{background:#555;box-shadow:none;}
+.fp-sub{font-size:11.5px;color:#8a99ad;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+.fp-actions{display:flex;gap:5px;flex-shrink:0;}
+.fp-act{padding:5px 8px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#bcd;border-radius:7px;cursor:pointer;font-size:11.5px;transition:.15s;white-space:nowrap;}
+.fp-act:hover{background:rgba(139,92,246,.25);color:#fff;border-color:rgba(139,92,246,.4);}
+.fp-act.danger:hover{background:rgba(239,68,68,.25);color:#fff;border-color:rgba(239,68,68,.4);}
+.fp-empty{text-align:center;color:#7a8aa0;font-size:13px;padding:30px 10px;}
+.fp-search{display:flex;gap:8px;margin-bottom:6px;}
+.fp-search input{flex:1;background:rgba(8,12,26,.6);border:1px solid rgba(139,92,246,.35);color:#e0e0e0;padding:9px 11px;border-radius:9px;font-size:13px;outline:none;}
+.fp-search button{background:linear-gradient(135deg,#8b5cf6,#4aafff);border:none;color:#fff;padding:0 14px;border-radius:9px;cursor:pointer;font-weight:600;font-size:13px;}
+.fp-section-title{font-size:12px;color:#8a99ad;margin:10px 2px 6px;}
+.fp-guild{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:10px;background:rgba(255,255,255,.04);margin-bottom:8px;}
+</style>
+
+<!-- ===== 好友系统面板（右侧浮层） ===== -->
+<div id="friendsPanel" class="fpanel">
+  <div class="fp-head">
+    <span class="fp-title">👥 好友</span>
+    <button class="fp-close" id="fpClose" type="button" title="收起">✕</button>
+  </div>
+  <div class="fp-tabs" id="fpTabs">
+    <button class="fp-tab active" data-tab="friends" type="button">好友</button>
+    <button class="fp-tab" data-tab="requests" type="button">申请<span class="fp-tab-badge" id="fpReqBadge" hidden>0</span></button>
+    <button class="fp-tab" data-tab="add" type="button">添加</button>
+    <button class="fp-tab" data-tab="guild" type="button">公会</button>
+  </div>
+  <div class="fp-body" id="fpBody"></div>
+</div>
+
+<script>
+(function(){
+  const panel = document.getElementById('friendsPanel');
+  const fpBody = document.getElementById('fpBody');
+  const fpTabs = document.getElementById('fpTabs');
+  const btnFriends = document.getElementById('btnFriends');
+  let currentTab = 'friends';
+
+  function esc(s){ return String(s == null ? '' : s).replace(/[&<>"']/g, c => ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c])); }
+  async function api(path, opts){ try { const r = await fetch(path, opts); return await r.json(); } catch(e){ return { ok:false }; } }
+  function post(path, body){ return api(path, { method:'POST', headers:{'Content-Type':'application/json'}, body: JSON.stringify(body) }); }
+  function setBadge(id, n){ const el = document.getElementById(id); if(!el) return; if(n>0){ el.textContent = n>99?'99+':String(n); el.hidden = false; } else { el.hidden = true; } }
+  function toast(msg){
+    let t = document.getElementById('fpToast');
+    if(!t){ t = document.createElement('div'); t.id='fpToast';
+      t.style.cssText='position:fixed;left:50%;bottom:130px;transform:translateX(-50%);background:rgba(10,16,30,.92);border:1px solid rgba(139,92,246,.4);color:#e6edf6;padding:9px 16px;border-radius:10px;font-size:13px;z-index:200;box-shadow:0 8px 24px rgba(0,0,0,.5);transition:opacity .3s;pointer-events:none;';
+      document.body.appendChild(t); }
+    t.textContent = msg; t.style.opacity = '1'; clearTimeout(t._tm); t._tm = setTimeout(()=>{ t.style.opacity='0'; }, 1800);
+  }
+
+  async function loadMe(){
+    const me = await api('/game/api/social/me');
+    if(me && me.ok){
+      setBadge('friendBadge', me.pending_requests || 0);
+      setBadge('fpReqBadge', me.pending_requests || 0);
+    }
+  }
+  async function refreshAll(){
+    await loadMe();
+    if(currentTab === 'friends') renderFriends();
+    else if(currentTab === 'requests') renderRequests();
+    else if(currentTab === 'guild') renderGuild();
+    if(window.ChatAPI) window.ChatAPI.refresh();
+  }
+
+  async function renderFriends(){
+    fpBody.innerHTML = '<div class="fp-empty">加载中…</div>';
+    const d = await api('/game/api/social/friends');
+    const items = (d && d.items) || [];
+    if(!items.length){ fpBody.innerHTML = '<div class="fp-empty">还没有好友，去「添加」找人吧</div>'; return; }
+    fpBody.innerHTML = '';
+    items.forEach(f => {
+      const row = document.createElement('div'); row.className = 'fp-row';
+      row.innerHTML = `
+        <div class="fp-av ${f.online?'':'off'}">${(f.name||'?').slice(0,1)}</div>
+        <div class="fp-main">
+          <div class="fp-name"><span class="fp-dot ${f.online?'':'off'}"></span>${esc(f.name)}${f.blocked?' <span style="color:#f88;font-size:11px;">已拉黑</span>':''}</div>
+          <div class="fp-sub">${esc(f.note||'')}${f.tags&&f.tags.length?(' · '+f.tags.map(esc).join('/')):''}</div>
+        </div>
+        <div class="fp-actions">
+          <button class="fp-act" data-act="chat" data-uid="${f.uid}">私聊</button>
+          <button class="fp-act" data-act="guild" data-uid="${f.uid}" data-name="${esc(f.name)}">公会</button>
+          <button class="fp-act" data-act="block" data-uid="${f.uid}" data-blocked="${f.blocked?1:0}">${f.blocked?'解除':'拉黑'}</button>
+          <button class="fp-act danger" data-act="del" data-uid="${f.uid}">删除</button>
+        </div>`;
+      fpBody.appendChild(row);
+    });
+    fpBody.querySelectorAll('[data-act]').forEach(b => {
+      b.onclick = async () => {
+        const uid = +b.dataset.uid; const act = b.dataset.act;
+        if(act === 'chat'){ if(window.ChatAPI) window.ChatAPI.open('pm:'+uid); closePanel(); }
+        else if(act === 'guild'){ await inviteToGuild(uid, b.dataset.name); }
+        else if(act === 'block'){ await post('/game/api/social/friend/block', { uid, unblock: b.dataset.blocked === '1' }); toast(b.dataset.blocked==='1'?'已解除拉黑':'已拉黑'); refreshAll(); }
+        else if(act === 'del'){ if(confirm('确定删除该好友？')){ await post('/game/api/social/friend/remove', { uid }); toast('已删除'); refreshAll(); } }
+      };
+    });
+  }
+
+  async function renderRequests(){
+    fpBody.innerHTML = '<div class="fp-empty">加载中…</div>';
+    const d = await api('/game/api/social/requests?dir=in');
+    const items = (d && d.items) || [];
+    if(!items.length){ fpBody.innerHTML = '<div class="fp-empty">暂无好友申请</div>'; return; }
+    fpBody.innerHTML = '';
+    items.forEach(r => {
+      const row = document.createElement('div'); row.className = 'fp-row';
+      row.innerHTML = `
+        <div class="fp-av">${(r.name||'?').slice(0,1)}</div>
+        <div class="fp-main">
+          <div class="fp-name">${esc(r.name)}</div>
+          <div class="fp-sub">${esc(r.message||'')}</div>
+        </div>
+        <div class="fp-actions">
+          <button class="fp-act" data-act="accept" data-id="${r.id}">同意</button>
+          <button class="fp-act danger" data-act="reject" data-id="${r.id}">拒绝</button>
+          <button class="fp-act" data-act="ignore" data-id="${r.id}">忽略</button>
+        </div>`;
+      fpBody.appendChild(row);
+    });
+    fpBody.querySelectorAll('[data-act]').forEach(b => {
+      b.onclick = async () => {
+        const id = +b.dataset.id; const act = b.dataset.act;
+        const action = act === 'accept' ? 'accept' : (act === 'reject' ? 'reject' : 'ignore');
+        await post('/game/api/social/friend/respond', { id, action });
+        toast(act === 'accept' ? '已添加好友' : '已处理');
+        refreshAll();
+      };
+    });
+  }
+
+  function renderAdd(){
+    fpBody.innerHTML = `
+      <div class="fp-search">
+        <input id="fpSearchInput" placeholder="输入 UID 或 昵称 搜索" />
+        <button id="fpSearchBtn">搜索</button>
+      </div>
+      <div id="fpSearchResult"></div>
+      <div class="fp-section-title">我发出的好友申请</div>
+      <div id="fpOutReq"></div>`;
+    const input = document.getElementById('fpSearchInput');
+    document.getElementById('fpSearchBtn').onclick = () => doSearch(input.value);
+    input.onkeydown = (e) => { if(e.key === 'Enter') doSearch(input.value); };
+    api('/game/api/social/requests?dir=out').then(d => {
+      const items = (d && d.items) || [];
+      const box = document.getElementById('fpOutReq');
+      if(!items.length){ box.innerHTML = '<div class="fp-empty">还没有发出申请</div>'; return; }
+      box.innerHTML = '';
+      items.forEach(r => {
+        const row = document.createElement('div'); row.className = 'fp-row';
+        row.innerHTML = `<div class="fp-av">${(r.name||'?').slice(0,1)}</div>
+          <div class="fp-main"><div class="fp-name">${esc(r.name)}</div><div class="fp-sub">等待对方通过…</div></div>
+          <div class="fp-actions"><button class="fp-act danger" data-act="cancel" data-id="${r.id}">撤销</button></div>`;
+        box.appendChild(row);
+      });
+      box.querySelectorAll('[data-act="cancel"]').forEach(b => { b.onclick = async () => { await post('/game/api/social/friend/respond', { id:+b.dataset.id, action:'ignore' }); toast('已撤销'); renderAdd(); }; });
+    });
+  }
+  async function doSearch(q){
+    const box = document.getElementById('fpSearchResult');
+    box.innerHTML = '<div class="fp-empty">搜索中…</div>';
+    const d = await api('/game/api/social/search?q=' + encodeURIComponent(q || ''));
+    const items = (d && d.items) || [];
+    if(!items.length){ box.innerHTML = '<div class="fp-empty">未找到用户</div>'; return; }
+    box.innerHTML = '';
+    items.forEach(u => {
+      const row = document.createElement('div'); row.className = 'fp-row';
+      row.innerHTML = `<div class="fp-av ${u.online?'':'off'}">${(u.name||'?').slice(0,1)}</div>
+        <div class="fp-main"><div class="fp-name"><span class="fp-dot ${u.online?'':'off'}"></span>${esc(u.name)}</div><div class="fp-sub">Lv.${u.level||1} · ${esc(u.title||'')}</div></div>
+        <div class="fp-actions"><button class="fp-act" data-act="add" data-uid="${u.uid}">加好友</button></div>`;
+      box.appendChild(row);
+    });
+    box.querySelectorAll('[data-act="add"]').forEach(b => { b.onclick = async () => {
+      const r = await post('/game/api/social/friend/add', { to_uid:+b.dataset.uid });
+      if(r && r.ok){ toast(r.status === 'friend' ? '已成为好友' : '申请已发送'); refreshAll(); }
+      else toast((r && r.error) || '操作失败');
+    }; });
+  }
+
+  async function renderGuild(){
+    fpBody.innerHTML = '<div class="fp-empty">加载中…</div>';
+    const d = await api('/game/api/social/guilds');
+    const items = (d && d.items) || [];
+    fpBody.innerHTML = '';
+    if(!items.length){ fpBody.innerHTML = '<div class="fp-empty">你还没有公会</div>'; }
+    items.forEach(g => {
+      const row = document.createElement('div'); row.className = 'fp-guild';
+      row.innerHTML = `<div class="fp-av">⚑</div>
+        <div class="fp-main"><div class="fp-name">${esc(g.name)}${g.owner?' <span style="color:#9cf;font-size:11px;">会长</span>':''}</div>
+        <div class="fp-sub">${esc(g.desc||'')} · ${g.members.length} 人</div></div>`;
+      fpBody.appendChild(row);
+    });
+    const create = document.createElement('div'); create.className = 'fp-row'; create.style.cursor = 'pointer';
+    create.innerHTML = `<div class="fp-av">＋</div><div class="fp-main"><div class="fp-name">创建新公会</div></div>`;
+    create.onclick = async () => { const name = prompt('公会名称', '宇森开拓团'); if(!name) return; const r = await post('/game/api/social/guild/create', { name }); if(r && r.ok){ toast('公会已创建'); renderGuild(); } else toast((r && r.error) || '创建失败'); };
+    fpBody.appendChild(create);
+  }
+
+  async function inviteToGuild(uid, name){
+    const d = await api('/game/api/social/guilds');
+    const mine = (d && d.items) || [];
+    let guild = mine.find(g => g.owner);
+    if(!guild){ const r = await post('/game/api/social/guild/create', { name:'宇森开拓团' }); if(r && r.ok){ guild = { id: r.guild.id }; toast('已创建公会并邀请'); } else { toast('创建公会失败'); return; } }
+    const ir = await post('/game/api/social/guild/invite', { guild_id: guild.id, uid });
+    if(ir && ir.ok) toast('已邀请 ' + name + ' 加入公会'); else toast((ir && ir.error) || '邀请失败');
+  }
+
+  function openPanel(){ panel.style.display = 'flex'; btnFriends.classList.add('active'); switchTab(currentTab); }
+  function closePanel(){ panel.style.display = 'none'; btnFriends.classList.remove('active'); }
+  function switchTab(tab){
+    currentTab = tab;
+    if(tab === 'friends') renderFriends();
+    else if(tab === 'requests') renderRequests();
+    else if(tab === 'add') renderAdd();
+    else if(tab === 'guild') renderGuild();
+  }
+  if(btnFriends) btnFriends.onclick = () => { if(panel.style.display === 'flex') closePanel(); else { openPanel(); refreshAll(); } };
+  const fpClose = document.getElementById('fpClose'); if(fpClose) fpClose.onclick = closePanel;
+  fpTabs.querySelectorAll('.fp-tab').forEach(t => { t.onclick = () => {
+    fpTabs.querySelectorAll('.fp-tab').forEach(x => x.classList.remove('active'));
+    t.classList.add('active'); switchTab(t.dataset.tab);
+  }; });
+
+  loadMe();
 })();
 </script>
 </body>
diff --git a/yuthon_playable_loop_plan.md b/yuthon_playable_loop_plan.md
new file mode 100644
index 0000000..c514a01
--- /dev/null
+++ b/yuthon_playable_loop_plan.md
@@ -0,0 +1,73 @@
+# yuthon 微世界 · 最小可玩闭环规划
+
+> 目标：把"已定义但没接活"的规则（属性/等级/货币）真正驱动玩法，让玩家登录后有 **目标 → 动作 → 可感知成长** 的循环。后台让运营能配置规则、管理玩家进度，而不是只能看静态文案。
+> 原则：先打通 P0 最小闭环（可玩性），再补 P1 后台运营能力，P2 扩展社交/战斗。
+
+---
+
+## 一、最小可玩闭环（单一场景讲清）
+
+玩家每天登录 → 收到 1 个每日任务（如"建造 1 个建筑 / 训练 1 只生物"）→ 去沙盘或微观世界做动作 → 系统检测进度完成 → 发经验+金币 → 经验满则角色升级（升级按规则消耗金币、并按属性规则加属性点）→ 员工卡/图鉴上的"战力"数字实时涨了 → 看到成长，第二天还想来。
+
+这条链路当前断了 4 处：经验不累加、升级不耗币、属性不生效、没有任务给目标。P0 就是补这 4 处。
+
+---
+
+## 二、P0 最小闭环（必须先做，可独立验收）
+
+### 1. 经验/等级/货币 接通（后端）
+- 文件：`game_base` 或 `yt_world` 的 `hr.employee` 扩展（`game_employee.py`，已有 `game_exp/game_level/game_coins` 字段但无逻辑）。
+- 新增方法 `add_exp(amount)`：
+  - 累加 `game_exp`；按"角色等级"规则里的经验曲线判断升级；
+  - 升级时调用 `GameRule.convert()` 消耗金币（接通当前从未被调用的货币换算）；
+  - 升级按"属性规则"给基础属性点（让属性第一次进入数值）。
+- 等级规则种子当前 `noupdate=1` 只读 → 改为可编辑（`rule_data.xml` 去掉 noupdate 或单独建可配表），后台能调曲线。
+
+### 2. 战力计算（让属性有意义）
+- 新增 `compute_power(employee)`：用基础属性（物攻/法攻/防御/物防/法防/速度/生命/法力等）加权求和得到"战力"。
+- 员工卡（`world.html` 员工卡区块）、图鉴、AI 向导问答都展示战力，让升级反馈可见。
+
+### 3. 每日任务机制（给目标+奖励）
+- 新增模型 `game.daily.task`（任务定义：动作类型、目标次数、奖励经验/金币）+ `game.player.task`（玩家每日进度）。
+- 接口：`API.dailyTask`（拉今日任务+进度）、`completeTask`（领奖）。
+- 在现有动作完成时挂钩：建筑动作（`world_api.py buildingAction`）、生物训练（`microUnitTrain`）→ 上报进度。
+
+### 4. 前端成长反馈
+- `world.html` 员工卡加：战力数字、经验进度条、今日任务面板（API 对接）。
+- 升级/完成任务时弹"获得经验+XX / 金币+XX / 战力+XX"的轻提示。
+
+**P0 验收标准**：登录 → 看到今日任务 → 做个建造/训练 → 任务完成领经验金币 → 经验满升级（扣金币、属性+战力涨）→ 员工卡数字变化可见。全程无需管理员手动改数据。
+
+---
+
+## 三、P1 后台功能优化（运营可配置）
+
+- **任务管理后台**：`game.daily.task` 的表单/列表视图（定义任务、奖励、周期），运营可增删改，不必改代码。
+- **经济/等级曲线后台**：把升级所需经验、货币消耗、属性增益做成可编辑规则（替代当前硬编码种子），运营调数值立刻生效。
+- **属性生效验证**：员工表单加 smart button 显示"当前战力/属性明细"，后台能验证规则确实驱动了数值（解决当前"升级实际效果后台不可验证"）。
+- **签到 / 简单抽奖**：P1 轻量正反馈，签到发币、抽奖给属性点/图鉴碎片，进一步拉日活。
+- **玩家进度管理**：运营可查看/修正单个玩家等级、货币、任务进度（客服/调试用）。
+
+---
+
+## 四、P2 扩展（闭环跑通后再做）
+
+- 战斗系统（用属性+战力做单位对战，当前 `yt.world.creature` 已有养成骨架）。
+- AI NPC 深度互动（已有 `game_npc` 模型与知识视图，接对话触发任务）。
+- 社交玩法（公会/排行榜，复用 `channel_type` 体系）。
+
+---
+
+## 五、执行建议（分期，每期可验收）
+
+1. **第 1 期（P0 后端）**：`add_exp` + 战力计算 + 每日任务模型 + 规则可编辑。升级 Odoo 落库。
+2. **第 2 期（P0 前端）**：员工卡战力/经验条 + 任务面板 + 升级提示。本地联调闭环跑通。
+3. **第 3 期（P1 后台）**：任务管理视图 + 经济曲线后台 + 属性验证 smart button + 签到/抽奖。
+4. 每期做完停下给你验收，不一次性闷头跑完。
+
+---
+
+## 附：当前已具备、无需重做的资产
+- 登录/会话、员工卡展示、沙盘建造、世界+AI向导聊天、图鉴、邮件/成就、建筑经济结算、生物训练升级（均已在 `world.html` / `yt_world` / `game_base` 落地）。
+- 规则文案（属性18条已分基础/高级、等级/货币/制度）已有，只需从"展示"改为"被逻辑读取"。
+- 后台图鉴/规则/聊天/公告/员工等视图已较完善，缺的是任务/经济/属性生效三类管理界面。