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

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

gmweb/style.css

@@ -5,25 +5,32 @@ html, body {
   font: 12px/1.5 "Microsoft YaHei", "SimSun", Tahoma, sans-serif;
   overflow: hidden;
 }
-#hd {
-  height: 26px; padding: 0 10px;
-  background: #1d2029; border-bottom: 1px solid #2b3040;
-  line-height: 26px;
+/* 顶部一行：左边页面切换，右边连接状态（绿点 + 文字） */
+#topbar {
+  height: 32px; padding-left: 4px;
+  background: #191c24; border-bottom: 1px solid #2b3040;
+  overflow: hidden;
+}
+#tabs { float: left; }
+#hd-s {
+  float: right; height: 31px; line-height: 31px;
+  padding: 0 12px; color: #8d94a6;
+  border-left: 1px solid #262b36;
 }
-#hd-s { float: right; color: #8d94a6; }
 .dot { display: inline-block; width: 7px; height: 7px; border-radius: 4px; margin-right: 6px; }
 .dot.on { background: #4ec46a; }
 .dot.off { background: #b04a4a; }
 
-#tabs { height: 28px; background: #191c24; border-bottom: 1px solid #2b3040; padding-left: 4px; }
 .tab {
-  float: left; padding: 0 14px; line-height: 28px; color: #98a0b3;
+  display: block; float: left; padding: 0 14px;
+  height: 29px; line-height: 29px;
+  color: #98a0b3;
   text-decoration: none; border-bottom: 2px solid transparent;
 }
 .tab:hover { color: #d8dbe2; }
 .tab.on { color: #e8c979; border-bottom-color: #e8c979; background: #20242e; }
 
-#body { position: absolute; top: 55px; bottom: 62px; left: 0; right: 0; overflow: auto; }
+#body { position: absolute; top: 33px; bottom: 71px; left: 0; right: 0; overflow: auto; }
 .pane { display: none; padding: 10px; }
 .pane.on { display: block; }
 
@@ -111,18 +118,48 @@ select.inp { padding: 3px 2px; }
   background: #e8c979; color: #1a1e27; border-radius: 2px;
 }
 
-/* 赞助页：收款码（IE11 不支持 flex，用 float 排两列） */
-.qr-wrap { overflow: hidden; margin-top: 10px; }
+/* 关于页：整体是一列居中内容（介绍卡片 + 组合面板），宽度固定 534 */
+/* 关于页整块在可视区里垂直居中：绝对定位 + translateY（IE11 支持 transform） */
+#pane-about.on { display: block; position: relative; height: 100%; box-sizing: border-box; }
+#pane-about .about-inner {
+  position: absolute; top: 50%; left: 10px; right: 10px;
+  -ms-transform: translateY(-50%); transform: translateY(-50%);
+}
+.about-card {
+  width: 534px; margin: 0 auto; padding: 10px 12px; box-sizing: border-box;
+  background: #1a1e27; border: 1px solid #2b3040;
+}
+.about-name { color: #e8c979; font-size: 14px; letter-spacing: 1px; }
+.about-line { color: #8d94a6; margin-top: 4px; }
+
+.box { margin-top: 12px; border: 1px solid #2b3040; background: #171b23; }
+/* 两个分组框合成一个整体面板：外框统一，中间一条竖线分隔 */
+.cols {
+  width: 534px; margin: 12px auto 0;
+  border: 1px solid #2b3040; background: #171b23; overflow: hidden;
+}
+.cols .box { margin-top: 0; min-height: 264px; float: left; border: 0; background: transparent; box-sizing: border-box; }
+.cols .box-l { width: 353px; }
+.cols .box-r { width: 179px; border-left: 1px solid #3f4759; background: #14171d; }
+.box-hd {
+  height: 26px; line-height: 26px; padding: 0 10px;
+  background: #1d2230; border-bottom: 1px solid #2b3040;
+  color: #e8c979; letter-spacing: 1px;
+}
+.box-bd { padding: 10px; overflow: hidden; }
+.box-note { clear: both; color: #666e80; font-size: 11px; padding-top: 8px; }
+
 .qr-card {
-  float: left; width: 216px; margin: 0 14px 10px 0;
-  background: #1a1e27; border: 1px solid #2b3040; padding: 10px;
+  float: left; width: 158px; margin: 0 8px 0 0; box-sizing: border-box;
+  background: #1a1e27; border: 1px solid #2b3040; padding: 8px;
 }
 .qr-title { color: #e8c979; letter-spacing: 1px; margin-bottom: 8px; }
 .qr-box {
-  width: 194px; height: 194px; position: relative; overflow: hidden;
-  background: #0f1116; border: 1px dashed #3a4154; text-align: center;
+  width: 140px; height: 140px; position: relative; overflow: hidden; box-sizing: border-box;
+  background: #0f1116; border: 1px dashed #3a4154; padding: 3px; text-align: center;
 }
-.qr-box img { display: block; width: 194px; height: 194px; }
-.qr-miss { display: none; padding-top: 72px; color: #666e80; line-height: 1.8; }
+.qr-box img { display: block; width: 132px; height: 132px; background: #fff; }
+.qr-miss { display: none; padding-top: 44px; color: #666e80; line-height: 1.8; }
 .qr-box.miss .qr-miss { display: block; }
 .qr-path { color: #4c5365; font-size: 11px; margin-top: 2px; }
+