启动器：关于页新增官方QQ群二维码，内容整体居中

- 关于页二维码面板改为三列：赞助我们（支付宝/微信）| 官方QQ群 | 团队公众号
- 新增 qr/qq.png 并加入 /qr/ 白名单与打包资源
- 各列二维码改为列内居中，QQ群列宽 184px，避免群号文字折行
- 关于页内容块 margin:0 auto 整体居中，并压缩上下间距使 1204x717 窗口内不出现滚动条

launcher/DNF90启动器.spec

@@ -2,7 +2,8 @@
 from PyInstaller.utils.hooks import collect_all
 
 datas = [('index.html', '.'), ('style.css', '.'), ('shell.css', '.'), ('app.js', '.'), ('shell.js', '.'), ('sponsor.png', '.'), ('db.py', '.'), ('native.py', '.'), ('launcher.ico', '.'),
-         ('qr/alipay.png', 'qr'), ('qr/wechat.png', 'qr'), ('qr/gzh.jpg', 'qr')]
+         ('qr/alipay.png', 'qr'), ('qr/wechat.png', 'qr'), ('qr/gzh.jpg', 'qr'),
+         ('qr/qq.png', 'qr')]
 binaries = []
 hiddenimports = ['clr_loader', 'pythonnet']
 tmp_ret = collect_all('webview')

launcher/index.html

@@ -163,6 +163,16 @@
             </div>
             <div class="about-col-note">金额随意，感谢支持；扫码后备注游戏名，方便记录。</div>
           </div>
+          <div class="about-col about-col-m">
+            <div class="about-col-hd">官方QQ群</div>
+            <div class="about-col-bd">
+              <figure class="about-qr" data-qr="官方QQ群">
+                <img src="/qr/qq.png" alt="官方QQ群二维码">
+                <figcaption>QQ群</figcaption>
+              </figure>
+            </div>
+            <div class="about-col-note">群号 1128511524</div>
+          </div>
           <div class="about-col about-col-r">
             <div class="about-col-hd">团队公众号</div>
             <div class="about-col-bd">

launcher/server.py

@@ -151,6 +151,7 @@ QR_FILES = {
     "alipay.png": "image/png",
     "wechat.png": "image/png",
     "gzh.jpg": "image/jpeg",
+    "qq.png": "image/png",
 }
 
 # 断网时更新日志的兜底来源（EXE 同目录 / 服务端根目录的 更新日志.txt）

launcher/shell.css

@@ -418,25 +418,26 @@ body.gm-fullscreen .win-resize{display:none}
 .changelog-link:hover{color:#c9beff}
 
 /* ================= 关于我们 ================= */
-.about-pad{max-width:880px}
+.about-pad{max-width:880px;margin:0 auto;padding-top:12px}
-.about-hero{padding:18px 22px;border:1px solid rgba(255,255,255,.09);border-radius:12px;
+.about-hero{padding:14px 20px;border:1px solid rgba(255,255,255,.09);border-radius:12px;
   background:linear-gradient(160deg,rgba(124,92,255,.18),rgba(20,20,36,.6))}
 .about-hero h2{margin:0 0 10px;font-size:21px;color:#f2f3f8;letter-spacing:.5px}
 .about-line{margin:3px 0;color:#b8bcd0;font-size:13px;line-height:1.9}
-.about-panel{display:flex;margin-top:14px;border:1px solid rgba(255,255,255,.09);border-radius:12px;
+.about-panel{display:flex;margin-top:12px;border:1px solid rgba(255,255,255,.09);border-radius:12px;
   background:rgba(20,20,36,.6);overflow:hidden}
 .about-col{padding:16px 20px}
 .about-col-l{flex:1 1 auto}
 .about-col-r{width:224px;flex:none;border-left:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.2)}
+.about-col-m{width:184px;flex:none;border-left:1px solid rgba(255,255,255,.09)}
 .about-col-hd{color:var(--gold);font-size:14px;letter-spacing:1px;margin-bottom:12px}
-.about-col-bd{display:flex;gap:16px}
+.about-col-bd{display:flex;gap:16px;justify-content:center}
 .about-qr{margin:0;cursor:zoom-in}
 .about-qr img{display:block;width:136px;height:136px;background:#fff;border-radius:8px;padding:4px;
   transition:transform .15s,box-shadow .15s}
 .about-qr:hover img{transform:translateY(-2px);box-shadow:0 6px 18px rgba(124,92,255,.35)}
 .about-qr figcaption{margin-top:7px;text-align:center;font-size:12px;color:#9a9eb5}
 .about-col-note{margin-top:12px;font-size:11px;color:#6d7188;line-height:1.8}
-.about-tip{margin-top:12px;font-size:11px;color:#5d6178}
+.about-tip{margin-top:10px;font-size:11px;color:#5d6178}
 
 /* 二维码放大 */
 .qr-lightbox{position:fixed;inset:0;z-index:300;background:rgba(5,5,12,.85);