GM 页：顶部合并为一行，赞助页改关于页（三张二维码），标签支持 hash 直达

- #hd 与 #tabs 合并成 #topbar，标签在左、连接状态在右，内容区多出 22px
- 赞助页改为关于页：介绍卡片 + 赞助我们/团队公众号组合面板，三张二维码同一行
- 二维码占位修复（img 在脚本前已 404，补 complete/naturalWidth 兜底）
- 标签支持 #home/#char/#item/#about 直达
- 内容区底部 62→71，修正被日志栏遮住 9px 的问题

gmweb/index.html

@@ -4,20 +4,19 @@
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta charset="utf-8">
 <title>GM 控制台</title>
-<link rel="stylesheet" href="/style.css">
+<link rel="stylesheet" href="/style.css?v=20261105B">
 </head>
 <body>
-<div id="hd">
+<div id="topbar">
+  <div id="tabs">
+    <a class="tab on" data-tab="home" href="javascript:void(0)">状态</a>
+    <a class="tab" data-tab="char" href="javascript:void(0)">角色</a>
+    <a class="tab" data-tab="item" href="javascript:void(0)">发物品</a>
+    <a class="tab" data-tab="about" href="javascript:void(0)">关于</a>
+  </div>
   <div id="hd-s"><span id="dot" class="dot off"></span><span id="stat">连接中…</span></div>
 </div>
 
-<div id="tabs">
-  <a class="tab on" data-tab="home" href="javascript:void(0)">状态</a>
-  <a class="tab" data-tab="char" href="javascript:void(0)">角色</a>
-  <a class="tab" data-tab="item" href="javascript:void(0)">发物品</a>
-  <a class="tab" data-tab="donate" href="javascript:void(0)">赞助</a>
-</div>
-
 <div id="body">
 
   <div class="pane on" id="pane-home">
@@ -130,30 +129,56 @@
     <div class="hint">强化 0-31、增幅等级 0-31、锻造 0-8。增幅填了就直接覆盖强化（红字装不能同时白字强化），非装备行忽略这些值。</div>
   </div>
 
-  <div class="pane" id="pane-donate">
-    <div class="sec">赞助支持</div>
-    <div class="hint">服务器长期免费维护。如果玩得开心，可以扫码赞助一点，金额随意，感谢支持。</div>
-    <div class="qr-wrap">
-      <div class="qr-card">
-        <div class="qr-title">支付宝</div>
-        <div class="qr-box"><img id="qr-alipay" src="/qr/alipay.png" alt="支付宝收款码">
-          <div class="qr-miss">二维码未配置<div class="qr-path">gmweb\qr\alipay.png</div></div>
+  <div class="pane" id="pane-about">
+    <div class="about-inner">
+    <div class="about-card">
+      <div class="about-name">地下城与勇士 · 九零轮回单机</div>
+      <div class="about-line">汉服电脑宅 · 灵宝小竹模拟器</div>
+      <div class="about-line">由灵宝仙尊联合淡竹茹开发，由汉服电脑宅团队开发维护</div>
+      <div class="about-line">本模拟器资源禁止倒卖，请到官方微信公众号或社群下载</div>
+    </div>
+
+    <div class="cols">
+      <div class="box box-l">
+        <div class="box-hd">赞助我们</div>
+        <div class="box-bd">
+          <div class="qr-card">
+            <div class="qr-title">支付宝</div>
+            <div class="qr-box"><img id="qr-alipay" src="/qr/alipay.png" alt="支付宝收款码">
+              <div class="qr-miss">二维码未配置<div class="qr-path">gmweb\qr\alipay.png</div></div>
+            </div>
+          </div>
+          <div class="qr-card">
+            <div class="qr-title">微信</div>
+            <div class="qr-box"><img id="qr-wechat" src="/qr/wechat.png" alt="微信收款码">
+              <div class="qr-miss">二维码未配置<div class="qr-path">gmweb\qr\wechat.png</div></div>
+            </div>
+          </div>
+          <div class="box-note">金额随意，感谢支持。扫码后备注游戏名，方便记录。</div>
         </div>
       </div>
-      <div class="qr-card">
-        <div class="qr-title">微信</div>
-        <div class="qr-box"><img id="qr-wechat" src="/qr/wechat.png" alt="微信收款码">
-          <div class="qr-miss">二维码未配置<div class="qr-path">gmweb\qr\wechat.png</div></div>
+
+      <div class="box box-r">
+        <div class="box-hd">团队公众号</div>
+        <div class="box-bd">
+          <div class="qr-card">
+            <div class="qr-title">扫码关注</div>
+            <div class="qr-box"><img id="qr-gzh" src="/qr/gzh.jpg" alt="团队公众号二维码">
+              <div class="qr-miss">二维码未配置<div class="qr-path">gmweb\qr\gzh.jpg</div></div>
+            </div>
+          </div>
+          <div class="box-note">更新公告 · 开服时间</div>
         </div>
       </div>
     </div>
-    <div class="hint">把收款码图片按上面的文件名放进 gmweb\qr\ 目录，刷新这一页就会显示；换成 jpg 也可以，改一下上面的文件名后缀即可。</div>
+    </div>
+
   </div>
 
 </div>
 
 <div id="log"></div>
 
-<script src="/app.js"></script>
+<script src="/app.js?v=20261105B"></script>
 </body>
 </html>