/* ==========================================================================
   MCube · 原版 Minecraft GUI 主题 (mc-gui.css)
   用法：页面 <head> 末尾引入 <link rel="stylesheet" href="/css/mc-gui.css">
        并在 <body> 上加 class="mc-gui"
   元素语言：土块背景 / 石头栏 / 原版灰面板 + 凹凸描边 / 像素字体 / 方角
   ========================================================================== */

/* 像素字体改为本地引入：原先 @import 指向 fonts.googleapis.com，属渲染阻塞的跨境请求，
   国内网络下每次翻页会卡住约 200ms，是页面跳转「闪一下、不丝滑」的主因之一 */
@import url('/css/silkscreen.css');

:root {
  /* 原版 GUI 调色板 */
  --mc-dirt: #866043;
  --mc-stone: #7d7d7d;
  --mc-stone-dark: #3f3f3f;
  --mc-stone-deep: #1f1f1f;
  --mc-panel: #c6c6c6;
  --mc-panel-hi: #ffffff;
  --mc-panel-lo: #555555;
  --mc-slot: #8b8b8b;
  --mc-slot-hi: #ffffff;
  --mc-slot-lo: #373737;
  --mc-text: #3f3f3f;
  --mc-text-dim: #5c5c5c;
  --mc-white: #ffffff;
  --mc-gold: #ffaa00;
  --mc-green: #3c8527;
  --mc-green-hi: #5fbb3a;
  --mc-red: #a12727;
  --mc-blue: #2c5fa8;
  --mc-line: #000000;

  /* 像素字体由 /css/silkscreen.css 提供（现为 mac's Minecraft —— MC 原版字体的 1:1 复刻，含真小写字形）。
     历史：Silkscreen 小写与大写同形 → Pixelify Sans 有真小写但不是 MC 字形 → mac's Minecraft 两者兼得。 */
  --mc-font: 'Macs Minecraft', 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
  --mc-bevel: inset 2px 2px 0 var(--mc-panel-hi), inset -2px -2px 0 var(--mc-panel-lo);
  --mc-inset: inset 2px 2px 0 var(--mc-slot-lo), inset -2px -2px 0 var(--mc-slot-hi);
  --mc-drop: 0 4px 0 rgba(0, 0, 0, 0.35);
}

/* ---------------------------------------------------------------- 1. 基础 */
body.mc-gui {
  background-color: #6b4a2f !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 shape-rendering=%27crispEdges%27%3E%3Crect x=%270%27 y=%270%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%271%27 y=%270%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%272%27 y=%270%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%273%27 y=%270%27 width=%271%27 height=%271%27 fill=%27%23937050%27/%3E%3Crect x=%274%27 y=%270%27 width=%271%27 height=%271%27 fill=%27%237d563a%27/%3E%3Crect x=%275%27 y=%270%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%276%27 y=%270%27 width=%271%27 height=%271%27 fill=%27%23937050%27/%3E%3Crect x=%277%27 y=%270%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%278%27 y=%270%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%279%27 y=%270%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%2710%27 y=%270%27 width=%271%27 height=%271%27 fill=%27%23937050%27/%3E%3Crect x=%2711%27 y=%270%27 width=%271%27 height=%271%27 fill=%27%23937050%27/%3E%3Crect x=%2712%27 y=%270%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%2713%27 y=%270%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%2714%27 y=%270%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%2715%27 y=%270%27 width=%271%27 height=%271%27 fill=%27%236b4830%27/%3E%3Crect x=%270%27 y=%271%27 width=%271%27 height=%271%27 fill=%27%23937050%27/%3E%3Crect x=%271%27 y=%271%27 width=%271%27 height=%271%27 fill=%27%237d563a%27/%3E%3Crect x=%272%27 y=%271%27 width=%271%27 height=%271%27 fill=%27%237d563a%27/%3E%3Crect x=%273%27 y=%271%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%274%27 y=%271%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%275%27 y=%271%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%276%27 y=%271%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%277%27 y=%271%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%278%27 y=%271%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%279%27 y=%271%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%2710%27 y=%271%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%2711%27 y=%271%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%2712%27 y=%271%27 width=%271%27 height=%271%27 fill=%27%237d563a%27/%3E%3Crect x=%2713%27 y=%271%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%2714%27 y=%271%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%2715%27 y=%271%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%270%27 y=%272%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%271%27 y=%272%27 width=%271%27 height=%271%27 fill=%27%236b4830%27/%3E%3Crect x=%272%27 y=%272%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%273%27 y=%272%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%274%27 y=%272%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%275%27 y=%272%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%276%27 y=%272%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%277%27 y=%272%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%278%27 y=%272%27 width=%271%27 height=%271%27 fill=%27%236b4830%27/%3E%3Crect x=%279%27 y=%272%27 width=%271%27 height=%271%27 fill=%27%236b4830%27/%3E%3Crect x=%2710%27 y=%272%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%2711%27 y=%272%27 width=%271%27 height=%271%27 fill=%27%23937050%27/%3E%3Crect x=%2712%27 y=%272%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%2713%27 y=%272%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%2714%27 y=%272%27 width=%271%27 height=%271%27 fill=%27%236b4830%27/%3E%3Crect x=%2715%27 y=%272%27 width=%271%27 height=%271%27 fill=%27%236b4830%27/%3E%3Crect x=%270%27 y=%273%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%271%27 y=%273%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%272%27 y=%273%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%273%27 y=%273%27 width=%271%27 height=%271%27 fill=%27%23937050%27/%3E%3Crect x=%274%27 y=%273%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%275%27 y=%273%27 width=%271%27 height=%271%27 fill=%27%237d563a%27/%3E%3Crect x=%276%27 y=%273%27 width=%271%27 height=%271%27 fill=%27%236b4830%27/%3E%3Crect x=%277%27 y=%273%27 width=%271%27 height=%271%27 fill=%27%237d563a%27/%3E%3Crect x=%278%27 y=%273%27 width=%271%27 height=%271%27 fill=%27%23937050%27/%3E%3Crect x=%279%27 y=%273%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%2710%27 y=%273%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%2711%27 y=%273%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%2712%27 y=%273%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%2713%27 y=%273%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%2714%27 y=%273%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%2715%27 y=%273%27 width=%271%27 height=%271%27 fill=%27%237d563a%27/%3E%3Crect x=%270%27 y=%274%27 width=%271%27 height=%271%27 fill=%27%237d563a%27/%3E%3Crect x=%271%27 y=%274%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%272%27 y=%274%27 width=%271%27 height=%271%27 fill=%27%23937050%27/%3E%3Crect x=%273%27 y=%274%27 width=%271%27 height=%271%27 fill=%27%237d563a%27/%3E%3Crect x=%274%27 y=%274%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%275%27 y=%274%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%276%27 y=%274%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%277%27 y=%274%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%278%27 y=%274%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%279%27 y=%274%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%2710%27 y=%274%27 width=%271%27 height=%271%27 fill=%27%237d563a%27/%3E%3Crect x=%2711%27 y=%274%27 width=%271%27 height=%271%27 fill=%27%23937050%27/%3E%3Crect x=%2712%27 y=%274%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%2713%27 y=%274%27 width=%271%27 height=%271%27 fill=%27%23937050%27/%3E%3Crect x=%2714%27 y=%274%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%2715%27 y=%274%27 width=%271%27 height=%271%27 fill=%27%237d563a%27/%3E%3Crect x=%270%27 y=%275%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%271%27 y=%275%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%272%27 y=%275%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%273%27 y=%275%27 width=%271%27 height=%271%27 fill=%27%23937050%27/%3E%3Crect x=%274%27 y=%275%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%275%27 y=%275%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%276%27 y=%275%27 width=%271%27 height=%271%27 fill=%27%236b4830%27/%3E%3Crect x=%277%27 y=%275%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%278%27 y=%275%27 width=%271%27 height=%271%27 fill=%27%236b4830%27/%3E%3Crect x=%279%27 y=%275%27 width=%271%27 height=%271%27 fill=%27%237d563a%27/%3E%3Crect x=%2710%27 y=%275%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%2711%27 y=%275%27 width=%271%27 height=%271%27 fill=%27%236b4830%27/%3E%3Crect x=%2712%27 y=%275%27 width=%271%27 height=%271%27 fill=%27%236b4830%27/%3E%3Crect x=%2713%27 y=%275%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%2714%27 y=%275%27 width=%271%27 height=%271%27 fill=%27%237d563a%27/%3E%3Crect x=%2715%27 y=%275%27 width=%271%27 height=%271%27 fill=%27%236b4830%27/%3E%3Crect x=%270%27 y=%276%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%271%27 y=%276%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%272%27 y=%276%27 width=%271%27 height=%271%27 fill=%27%236b4830%27/%3E%3Crect x=%273%27 y=%276%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%274%27 y=%276%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%275%27 y=%276%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%276%27 y=%276%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%277%27 y=%276%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%278%27 y=%276%27 width=%271%27 height=%271%27 fill=%27%237d563a%27/%3E%3Crect x=%279%27 y=%276%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%2710%27 y=%276%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%2711%27 y=%276%27 width=%271%27 height=%271%27 fill=%27%237d563a%27/%3E%3Crect x=%2712%27 y=%276%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%2713%27 y=%276%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%2714%27 y=%276%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%2715%27 y=%276%27 width=%271%27 height=%271%27 fill=%27%23937050%27/%3E%3Crect x=%270%27 y=%277%27 width=%271%27 height=%271%27 fill=%27%236b4830%27/%3E%3Crect x=%271%27 y=%277%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%272%27 y=%277%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%273%27 y=%277%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%274%27 y=%277%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%275%27 y=%277%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%276%27 y=%277%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%277%27 y=%277%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%278%27 y=%277%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%279%27 y=%277%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%2710%27 y=%277%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%2711%27 y=%277%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%2712%27 y=%277%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%2713%27 y=%277%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%2714%27 y=%277%27 width=%271%27 height=%271%27 fill=%27%236b4830%27/%3E%3Crect x=%2715%27 y=%277%27 width=%271%27 height=%271%27 fill=%27%237d563a%27/%3E%3Crect x=%270%27 y=%278%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%271%27 y=%278%27 width=%271%27 height=%271%27 fill=%27%237d563a%27/%3E%3Crect x=%272%27 y=%278%27 width=%271%27 height=%271%27 fill=%27%237d563a%27/%3E%3Crect x=%273%27 y=%278%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%274%27 y=%278%27 width=%271%27 height=%271%27 fill=%27%237d563a%27/%3E%3Crect x=%275%27 y=%278%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%276%27 y=%278%27 width=%271%27 height=%271%27 fill=%27%23937050%27/%3E%3Crect x=%277%27 y=%278%27 width=%271%27 height=%271%27 fill=%27%236b4830%27/%3E%3Crect x=%278%27 y=%278%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%279%27 y=%278%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%2710%27 y=%278%27 width=%271%27 height=%271%27 fill=%27%236b4830%27/%3E%3Crect x=%2711%27 y=%278%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%2712%27 y=%278%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%2713%27 y=%278%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%2714%27 y=%278%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%2715%27 y=%278%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%270%27 y=%279%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%271%27 y=%279%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%272%27 y=%279%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%273%27 y=%279%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%274%27 y=%279%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%275%27 y=%279%27 width=%271%27 height=%271%27 fill=%27%237d563a%27/%3E%3Crect x=%276%27 y=%279%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%277%27 y=%279%27 width=%271%27 height=%271%27 fill=%27%237d563a%27/%3E%3Crect x=%278%27 y=%279%27 width=%271%27 height=%271%27 fill=%27%236b4830%27/%3E%3Crect x=%279%27 y=%279%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%2710%27 y=%279%27 width=%271%27 height=%271%27 fill=%27%236b4830%27/%3E%3Crect x=%2711%27 y=%279%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%2712%27 y=%279%27 width=%271%27 height=%271%27 fill=%27%236b4830%27/%3E%3Crect x=%2713%27 y=%279%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%2714%27 y=%279%27 width=%271%27 height=%271%27 fill=%27%237d563a%27/%3E%3Crect x=%2715%27 y=%279%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%270%27 y=%2710%27 width=%271%27 height=%271%27 fill=%27%236b4830%27/%3E%3Crect x=%271%27 y=%2710%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%272%27 y=%2710%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%273%27 y=%2710%27 width=%271%27 height=%271%27 fill=%27%23937050%27/%3E%3Crect x=%274%27 y=%2710%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%275%27 y=%2710%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%276%27 y=%2710%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%277%27 y=%2710%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%278%27 y=%2710%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%279%27 y=%2710%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%2710%27 y=%2710%27 width=%271%27 height=%271%27 fill=%27%237d563a%27/%3E%3Crect x=%2711%27 y=%2710%27 width=%271%27 height=%271%27 fill=%27%237d563a%27/%3E%3Crect x=%2712%27 y=%2710%27 width=%271%27 height=%271%27 fill=%27%23937050%27/%3E%3Crect x=%2713%27 y=%2710%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%2714%27 y=%2710%27 width=%271%27 height=%271%27 fill=%27%237d563a%27/%3E%3Crect x=%2715%27 y=%2710%27 width=%271%27 height=%271%27 fill=%27%236b4830%27/%3E%3Crect x=%270%27 y=%2711%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%271%27 y=%2711%27 width=%271%27 height=%271%27 fill=%27%23937050%27/%3E%3Crect x=%272%27 y=%2711%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%273%27 y=%2711%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%274%27 y=%2711%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%275%27 y=%2711%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%276%27 y=%2711%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%277%27 y=%2711%27 width=%271%27 height=%271%27 fill=%27%237d563a%27/%3E%3Crect x=%278%27 y=%2711%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%279%27 y=%2711%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%2710%27 y=%2711%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%2711%27 y=%2711%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%2712%27 y=%2711%27 width=%271%27 height=%271%27 fill=%27%23937050%27/%3E%3Crect x=%2713%27 y=%2711%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%2714%27 y=%2711%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%2715%27 y=%2711%27 width=%271%27 height=%271%27 fill=%27%237d563a%27/%3E%3Crect x=%270%27 y=%2712%27 width=%271%27 height=%271%27 fill=%27%236b4830%27/%3E%3Crect x=%271%27 y=%2712%27 width=%271%27 height=%271%27 fill=%27%237d563a%27/%3E%3Crect x=%272%27 y=%2712%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%273%27 y=%2712%27 width=%271%27 height=%271%27 fill=%27%237d563a%27/%3E%3Crect x=%274%27 y=%2712%27 width=%271%27 height=%271%27 fill=%27%237d563a%27/%3E%3Crect x=%275%27 y=%2712%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%276%27 y=%2712%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%277%27 y=%2712%27 width=%271%27 height=%271%27 fill=%27%237d563a%27/%3E%3Crect x=%278%27 y=%2712%27 width=%271%27 height=%271%27 fill=%27%237d563a%27/%3E%3Crect x=%279%27 y=%2712%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%2710%27 y=%2712%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%2711%27 y=%2712%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%2712%27 y=%2712%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%2713%27 y=%2712%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%2714%27 y=%2712%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%2715%27 y=%2712%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%270%27 y=%2713%27 width=%271%27 height=%271%27 fill=%27%23937050%27/%3E%3Crect x=%271%27 y=%2713%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%272%27 y=%2713%27 width=%271%27 height=%271%27 fill=%27%23937050%27/%3E%3Crect x=%273%27 y=%2713%27 width=%271%27 height=%271%27 fill=%27%237d563a%27/%3E%3Crect x=%274%27 y=%2713%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%275%27 y=%2713%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%276%27 y=%2713%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%277%27 y=%2713%27 width=%271%27 height=%271%27 fill=%27%23937050%27/%3E%3Crect x=%278%27 y=%2713%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%279%27 y=%2713%27 width=%271%27 height=%271%27 fill=%27%236b4830%27/%3E%3Crect x=%2710%27 y=%2713%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%2711%27 y=%2713%27 width=%271%27 height=%271%27 fill=%27%236b4830%27/%3E%3Crect x=%2712%27 y=%2713%27 width=%271%27 height=%271%27 fill=%27%236b4830%27/%3E%3Crect x=%2713%27 y=%2713%27 width=%271%27 height=%271%27 fill=%27%23937050%27/%3E%3Crect x=%2714%27 y=%2713%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%2715%27 y=%2713%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%270%27 y=%2714%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%271%27 y=%2714%27 width=%271%27 height=%271%27 fill=%27%237d563a%27/%3E%3Crect x=%272%27 y=%2714%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%273%27 y=%2714%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%274%27 y=%2714%27 width=%271%27 height=%271%27 fill=%27%237d563a%27/%3E%3Crect x=%275%27 y=%2714%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%276%27 y=%2714%27 width=%271%27 height=%271%27 fill=%27%23937050%27/%3E%3Crect x=%277%27 y=%2714%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%278%27 y=%2714%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%279%27 y=%2714%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%2710%27 y=%2714%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%2711%27 y=%2714%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%2712%27 y=%2714%27 width=%271%27 height=%271%27 fill=%27%236b4830%27/%3E%3Crect x=%2713%27 y=%2714%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%2714%27 y=%2714%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%2715%27 y=%2714%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%270%27 y=%2715%27 width=%271%27 height=%271%27 fill=%27%23937050%27/%3E%3Crect x=%271%27 y=%2715%27 width=%271%27 height=%271%27 fill=%27%23937050%27/%3E%3Crect x=%272%27 y=%2715%27 width=%271%27 height=%271%27 fill=%27%23866043%27/%3E%3Crect x=%273%27 y=%2715%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%274%27 y=%2715%27 width=%271%27 height=%271%27 fill=%27%236b4830%27/%3E%3Crect x=%275%27 y=%2715%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%276%27 y=%2715%27 width=%271%27 height=%271%27 fill=%27%236b4830%27/%3E%3Crect x=%277%27 y=%2715%27 width=%271%27 height=%271%27 fill=%27%23937050%27/%3E%3Crect x=%278%27 y=%2715%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%279%27 y=%2715%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%2710%27 y=%2715%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%2711%27 y=%2715%27 width=%271%27 height=%271%27 fill=%27%23754f36%27/%3E%3Crect x=%2712%27 y=%2715%27 width=%271%27 height=%271%27 fill=%27%236b4830%27/%3E%3Crect x=%2713%27 y=%2715%27 width=%271%27 height=%271%27 fill=%27%238c664a%27/%3E%3Crect x=%2714%27 y=%2715%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3Crect x=%2715%27 y=%2715%27 width=%271%27 height=%271%27 fill=%27%239b7757%27/%3E%3C/svg%3E") !important;
  background-size: 64px 64px !important;
  background-repeat: repeat !important;
  background-attachment: local !important;
  color: var(--mc-white) !important;
  font-family: var(--mc-font) !important;
  image-rendering: pixelated;
}

body.mc-gui::before,
body.mc-gui::after {
  display: none !important;
  content: none !important;
}

body.mc-gui h1, body.mc-gui h2, body.mc-gui h3,
body.mc-gui h4, body.mc-gui h5, body.mc-gui h6 {
  font-family: var(--mc-font) !important;
  letter-spacing: 0.4px;
}

body.mc-gui a { text-decoration: none; }

body.mc-gui .gradient-text {
  background: none !important;
  -webkit-text-fill-color: var(--mc-gold) !important;
  color: var(--mc-gold) !important;
}

/* 全局滚动条 → 原版 GUI 滚动条。
   注意：带 body.mc-gui 前缀只能命中 body 后代里的可滚动元素，
   **对根滚动条（文档主滚动条）无效**，根滚动条一律走浏览器默认宽度。
   所以千万不要在这里或别处给裸 ::-webkit-scrollbar 设宽度：
   那会只影响引入该文件的页面，造成各页可用宽度不同、导航栏按钮左右错位。 */
body.mc-gui ::-webkit-scrollbar { width: 14px; height: 14px; }
body.mc-gui ::-webkit-scrollbar-track {
  background: var(--mc-stone-deep);
  border-left: 2px solid var(--mc-line);
}
body.mc-gui ::-webkit-scrollbar-thumb {
  background: var(--mc-slot);
  border: 2px solid var(--mc-line);
  box-shadow: inset 2px 2px 0 var(--mc-slot-hi), inset -2px -2px 0 var(--mc-slot-lo);
}
body.mc-gui ::-webkit-scrollbar-thumb:hover { background: #a0a0a0; }
body.mc-gui ::-webkit-scrollbar-corner { background: var(--mc-stone-deep); }

/* ------------------------------------------------------- 2. 面板（浅灰） */
body.mc-gui [class$="-card"],
body.mc-gui [class$="-panel"],
body.mc-gui [class$="-widget"],
body.mc-gui .glass-card,
body.mc-gui .block,
body.mc-gui .empty,
body.mc-gui .modal,
body.mc-gui .tutorial-main,
body.mc-gui .tutorial-sidebar,
body.mc-gui .settings-nav,
body.mc-gui .form-card {
  background: var(--mc-panel) !important;
  background-image: none !important;
  border: 2px solid var(--mc-line) !important;
  border-radius: 0 !important;
  box-shadow: var(--mc-bevel) !important;
  color: var(--mc-text) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* 面板类元素悬停时不再改底色 / 描边。
   以前这里会把整块面板从 #c6c6c6 提亮到 #d2d2d2 再套一圈 outline，
   鼠标只是扫过（比如论坛顶部那块大面板、下面的板块卡片）就会整块闪一下，
   很干扰阅读。现在只保留「压平页面自带的悬浮位移」这一条，视觉上不再有任何变化。 */
body.mc-gui [class$="-card"]:hover,
body.mc-gui [class$="-panel"]:hover,
body.mc-gui [class$="-widget"]:hover,
body.mc-gui .glass-card:hover {
  transform: none !important;
  box-shadow: var(--mc-bevel) !important;
}

/* 卡片内的文字统一继承深色，避免黑底白字落在灰面板上。
   注意：这里不能包含 th —— 该选择器比 `body.mc-gui th`（深石底 + 金色字）优先级更高，
   一旦把 th 也设为 inherit，表头文字就会变成和表头背景完全相同的 #3f3f3f，整行表头看不见。 */
body.mc-gui [class$="-card"] :is(h1, h2, h3, h4, h5, h6, p, span, div, li, small, em, time, b, strong, label, td) {
  color: inherit !important;
}

/* 面板内需要保留的强调色 */
body.mc-gui [class$="-card"] a:hover,
body.mc-gui .block-body a:hover { color: var(--mc-blue) !important; }
body.mc-gui .card-subtitle,
body.mc-gui .rec-name,
body.mc-gui .card-title,
body.mc-gui .server-info h3,
body.mc-gui .post-title-row h3 {
  color: #262626 !important;
  text-shadow: none !important;
}
body.mc-gui .card-desc,
body.mc-gui .server-desc,
body.mc-gui .rec-desc,
body.mc-gui .forum-desc,
body.mc-gui .post-content-preview {
  color: #4d4d4d !important;
}
body.mc-gui .card-meta,
body.mc-gui .rec-meta,
body.mc-gui .server-meta,
body.mc-gui .forum-stats,
body.mc-gui .post-meta {
  color: var(--mc-text-dim) !important;
  border-top-color: #a8a8a8 !important;
}
/* 服务器地址：原先用浅色“物品栏格”--mc-slot(#8b8b8b) 铺底，而上面的“卡片内文字继承深色”
   规则优先级更高，把白字压成了 #3f3f3f，深灰字压在浅灰底上对比度只有 3:1，根本看不清。
   这里一是把选择器提到 (0,3,1) 压过那条规则，二是把底色换成深灰 #2b2b2b，白字对比度约 14:1。 */
body.mc-gui .server-address,
body.mc-gui [class$="-card"] .server-address {
  background: #2b2b2b !important;
  color: var(--mc-white) !important;
  border: 2px solid var(--mc-line) !important;
  border-radius: 0 !important;
  box-shadow: var(--mc-inset) !important;
  font-family: var(--mc-font) !important;
}
body.mc-gui .server-status.online { color: #1f7a1f !important; }
body.mc-gui .server-status.offline { color: var(--mc-red) !important; }
body.mc-gui .server-status { color: var(--mc-text-dim) !important; }

/* ------------------------------------------------- 3. 横幅 / 头部（深石） */
body.mc-gui .hero,
body.mc-gui .masthead,
body.mc-gui [class$="-header"]:not(.header):not([class*="card"]):not(.footer-bottom),
body.mc-gui .stat-bar {
  background: var(--mc-stone-dark) !important;
  background-image: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.035) 0 4px, transparent 4px 8px) !important;
  border: 2px solid var(--mc-line) !important;
  border-radius: 0 !important;
  box-shadow: inset 2px 2px 0 #6a6a6a, inset -2px -2px 0 #1b1b1b, var(--mc-drop) !important;
  color: var(--mc-white) !important;
}
body.mc-gui .hero h2, body.mc-gui .masthead h1, body.mc-gui .masthead h2,
body.mc-gui [class$="-header"]:not(.header) h2,
body.mc-gui .stat-bar strong {
  color: var(--mc-gold) !important;
  text-shadow: 2px 2px 0 #000 !important;
}
body.mc-gui .hero p, body.mc-gui .masthead p,
body.mc-gui [class$="-header"]:not(.header) p { color: #e6e6e6 !important; }
body.mc-gui .stat-bar span, body.mc-gui .stat-bar div { color: #e6e6e6 !important; }
/* 主标题容器（.page-header）在上述规则里被套上了 2px 黑边石头面板，但页面自身大多没设内边距，
   会导致标题贴住边框。这里统一补上内边距，保证文字与「框」的边缘留出距离。
   注：/server/create 的 .page-header 自带 40px 内边距，用 :not() 放行，避免被压小。 */
body.mc-gui .page-header:not(.page-header-hero) { padding: 20px 24px !important; }

/* 服务器列表页的「服务器列表 + 分类筛选」横条（.servers-header）同样被上面的规则套上了石头板，
   但自身没有内边距，原标题会紧贴框边，这里补上内边距把板子整体撑大一圈。 */
body.mc-gui .servers-header { padding: 18px 22px !important; }

/* 后台各页（如 /lgycompanyadministrator/dashboard）里的小标题条 .section-header 同样是
   「类名以 -header 结尾」的元素，被上面的规则套上了石头板，但自身没有内边距，
   导致标题文字与右侧按钮直接贴在面板边线上。这里统一补上内边距，把整块板子撑大一圈。 */
body.mc-gui .section-header { padding: 14px 20px !important; }

/* 找服网的「精选服务器 / 分类推荐」板块（.featured-section）自带圆角 + 半透明黄紫渐变，
   放在全站的 mc-gui 石板风格里是个突兀的圆角玻璃框。这里改成与其它板块一致的石板：
   直角 + 2px 黑边 + 内嵌斜面，标题金色带黑描边，箭头/指示器做成方形 MC 按钮。 */
body.mc-gui .featured-section {
  background: var(--mc-stone-dark) !important;
  background-image: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.035) 0 4px, transparent 4px 8px) !important;
  border: 2px solid var(--mc-line) !important;
  border-radius: 0 !important;
  box-shadow: inset 2px 2px 0 #6a6a6a, inset -2px -2px 0 #1b1b1b, var(--mc-drop) !important;
}
body.mc-gui .featured-title { color: var(--mc-gold) !important; text-shadow: 2px 2px 0 #000 !important; }
body.mc-gui .featured-title i { color: var(--mc-gold) !important; }
body.mc-gui .featured-sub { color: #d8d8d8 !important; }
body.mc-gui .featured-arrow {
  border-radius: 0 !important;
  background: var(--mc-panel) !important;
  border: 2px solid var(--mc-line) !important;
  color: var(--mc-text) !important;
  box-shadow: var(--mc-inset) !important;
}
body.mc-gui .featured-arrow:hover:not([disabled]) { background: var(--mc-green-hi) !important; color: #fff !important; }
body.mc-gui .featured-arrow[disabled] { opacity: 0.4 !important; }
body.mc-gui .featured-dot {
  border-radius: 0 !important;
  background: var(--mc-panel) !important;
  border: 2px solid var(--mc-line) !important;
}
body.mc-gui .featured-dot.active { width: 30px; background: var(--mc-gold) !important; border-color: var(--mc-line) !important; }

/* -------------------------------------------------------------- 4. 按钮 */
body.mc-gui .btn,
body.mc-gui .btn-primary,
body.mc-gui .btn-secondary,
body.mc-gui .btn-login,
body.mc-gui .btn-register,
body.mc-gui .filter-btn,
body.mc-gui .page-btn,
body.mc-gui .category-tab,
body.mc-gui .btn-submit-server,
body.mc-gui .icon-refresh-btn,
body.mc-gui .rec-more,
body.mc-gui .banner-btn,
body.mc-gui .mc-btn,
body.mc-gui button:not(.modal-close):not(.icon-preview-close) {
  background: var(--mc-panel) !important;
  background-image: none !important;
  color: var(--mc-text) !important;
  border: 2px solid var(--mc-line) !important;
  border-radius: 0 !important;
  box-shadow: var(--mc-bevel) !important;
  text-shadow: none !important;
  font-family: var(--mc-font) !important;
  font-weight: 400 !important;
  letter-spacing: 0.4px;
  transition: none !important;
}

body.mc-gui .btn:hover,
body.mc-gui .btn-primary:hover,
body.mc-gui .btn-secondary:hover,
body.mc-gui .btn-login:hover,
body.mc-gui .btn-register:hover,
body.mc-gui .filter-btn:hover,
body.mc-gui .page-btn:hover:not(:disabled),
body.mc-gui .category-tab:hover,
body.mc-gui .btn-submit-server:hover,
body.mc-gui .icon-refresh-btn:hover,
body.mc-gui .rec-more:hover,
body.mc-gui .banner-btn:hover,
body.mc-gui button:not(.modal-close):not(.icon-preview-close):hover {
  background: #dce9f7 !important;
  color: #101010 !important;
  transform: none !important;
}

body.mc-gui .btn:active,
body.mc-gui .btn-primary:active,
body.mc-gui .btn-secondary:active,
body.mc-gui .filter-btn:active,
body.mc-gui .page-btn:active,
body.mc-gui .category-tab:active,
body.mc-gui button:not(.modal-close):not(.icon-preview-close):active {
  box-shadow: inset 2px 2px 0 var(--mc-panel-lo), inset -2px -2px 0 var(--mc-panel-hi) !important;
}

/* 主行动按钮 → 草绿 */
body.mc-gui .btn-primary,
body.mc-gui .btn-register,
body.mc-gui .btn-submit-server,
body.mc-gui .filter-btn.active,
body.mc-gui .category-tab.active,
body.mc-gui .page-btn.active {
  background: var(--mc-green) !important;
  color: var(--mc-white) !important;
  box-shadow: inset 2px 2px 0 #6ec44a, inset -2px -2px 0 #224a15 !important;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.45) !important;
}
body.mc-gui .btn-primary:hover,
body.mc-gui .btn-register:hover,
body.mc-gui .btn-submit-server:hover,
body.mc-gui .filter-btn.active:hover,
body.mc-gui .category-tab.active:hover,
body.mc-gui .page-btn.active:hover {
  background: var(--mc-green-hi) !important;
  color: var(--mc-white) !important;
}

/* 危险 / 退出 */
body.mc-gui .btn-logout,
body.mc-gui .btn-danger {
  background: var(--mc-panel) !important;
  color: var(--mc-red) !important;
}

/* -------------------------------------------------------- 5. 表单控件 */
body.mc-gui input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
body.mc-gui select,
body.mc-gui textarea,
body.mc-gui .search-input,
body.mc-gui .search-box input {
  background: var(--mc-slot) !important;
  background-image: none !important;
  border: 2px solid var(--mc-line) !important;
  border-radius: 0 !important;
  box-shadow: var(--mc-inset) !important;
  color: var(--mc-white) !important;
  font-family: var(--mc-font) !important;
  caret-color: var(--mc-white);
}

body.mc-gui input::placeholder,
body.mc-gui textarea::placeholder { color: #dedede !important; }

body.mc-gui input:focus,
body.mc-gui select:focus,
body.mc-gui textarea:focus,
body.mc-gui .search-input:focus {
  outline: none !important;
  border-color: var(--mc-white) !important;
  box-shadow: var(--mc-inset), 0 0 0 2px rgba(255, 255, 255, 0.55) !important;
}

body.mc-gui select option { background: var(--mc-stone-dark); color: var(--mc-white); }

body.mc-gui input[type="checkbox"],
body.mc-gui input[type="radio"] { accent-color: var(--mc-green); }

body.mc-gui .search-box,
body.mc-gui .search-bar { background: transparent !important; border: none !important; box-shadow: none !important; }

/* ------------------------------------------------------------ 6. 顶部栏 */
body.mc-gui .header {
  background: var(--mc-stone-dark) !important;
  background-image: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.04) 0 4px, transparent 4px 8px) !important;
  border-bottom: 4px solid var(--mc-line) !important;
  box-shadow: inset 0 2px 0 #6a6a6a, 0 4px 0 rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* 顶部栏字号统一：首页内联样式把 body 设为 13px，导航项继承后比其它页面偏小，这里固定为 16px */
body.mc-gui .header { font-size: 16px !important; }
body.mc-gui .nav-link { font-size: 16px !important; }

/* 根元素提前铺底色，避免页面跳转瞬间露出浏览器默认白底（闪屏） */
html { background: #6b4a2f; }

body.mc-gui .nav-link {
  color: #e8e8e8 !important;
  background: transparent !important;
  border: 2px solid transparent !important;
  border-radius: 0 !important;
  font-family: var(--mc-font) !important;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5);
}
body.mc-gui .nav-link:hover,
body.mc-gui .nav-link.active {
  background: var(--mc-panel) !important;
  color: #101010 !important;
  border: 2px solid var(--mc-line) !important;
  box-shadow: var(--mc-bevel) !important;
  text-shadow: none;
}
body.mc-gui .nav-item i { color: var(--mc-gold) !important; }

body.mc-gui .settings-menu > a,
body.mc-gui .user-dropdown-toggle {
  background: rgba(0, 0, 0, 0.35) !important;
  border: 2px solid var(--mc-line) !important;
  border-radius: 0 !important;
  color: #e8e8e8 !important;
  box-shadow: inset 2px 2px 0 rgba(255, 255, 255, 0.12), inset -2px -2px 0 rgba(0, 0, 0, 0.4) !important;
}
body.mc-gui .settings-menu:hover > a,
body.mc-gui .user-dropdown-toggle:hover {
  background: var(--mc-panel) !important;
  color: var(--mc-text) !important;
  box-shadow: var(--mc-bevel) !important;
}

body.mc-gui .dropdown-menu {
  background: var(--mc-panel) !important;
  border: 2px solid var(--mc-line) !important;
  border-radius: 0 !important;
  box-shadow: var(--mc-bevel), 0 6px 0 rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 6px !important;
}
body.mc-gui .dropdown-menu a {
  color: var(--mc-text) !important;
  border-radius: 0 !important;
  border: 2px solid transparent !important;
  font-family: var(--mc-font) !important;
}
body.mc-gui .dropdown-menu a:hover {
  background: #dce9f7 !important;
  color: #101010 !important;
  border-color: var(--mc-line) !important;
  box-shadow: var(--mc-bevel) !important;
}
body.mc-gui #auth-buttons a {
  padding: 8px 16px !important;
  border-radius: 0 !important;
}

/* ------------------------------------------------------ 7. 徽章 / 标签 */
body.mc-gui .type-badge,
body.mc-gui .badge,
body.mc-gui .card-tag,
body.mc-gui .stat-chip,
body.mc-gui .server-type-tag,
body.mc-gui .tag-chip,
body.mc-gui .tag {
  border-radius: 0 !important;
  border: 1px solid var(--mc-line) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  font-family: var(--mc-font) !important;
}
body.mc-gui [class$="-card"] .type-badge,
body.mc-gui [class$="-card"] .type-badge *,
body.mc-gui [class$="-card"] .type-badge i,
body.mc-gui [class$="-card"] .badge,
body.mc-gui [class$="-card"] .badge *,
/* 胶囊类标签同理：下面给它们设了深灰底 #2b2b2b，若被"卡片内文字继承深色"的规则
   压成深灰字，就成了深灰字压在深灰底上，完全看不清 */
body.mc-gui [class$="-card"] .tag-chip,
body.mc-gui [class$="-card"] .tag-chip *,
body.mc-gui [class$="-card"] .stat-chip,
body.mc-gui [class$="-card"] .stat-chip *,
body.mc-gui [class$="-card"] .card-tag,
body.mc-gui [class$="-card"] .card-tag *,
body.mc-gui .type-badge,
body.mc-gui .type-badge *,
body.mc-gui .badge,
body.mc-gui .badge * { color: var(--mc-white) !important; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6) !important; }

body.mc-gui .card-tag,
body.mc-gui .stat-chip,
body.mc-gui .tag-chip {
  background: #2b2b2b !important;
  color: var(--mc-white) !important;
}
body.mc-gui .card-tag * { color: var(--mc-white) !important; }
body.mc-gui .card-tag.platform,
body.mc-gui .card-tag.version { background: #2b2b2b !important; color: var(--mc-gold) !important; }
body.mc-gui .card-tag.platform *,
body.mc-gui .card-tag.version * { color: var(--mc-gold) !important; }

body.mc-gui .server-type-tag {
  background: var(--mc-slot) !important;
  color: var(--mc-white) !important;
  box-shadow: var(--mc-inset) !important;
}

/* 分类 tab 栏 */
body.mc-gui .category-tabs,
body.mc-gui .filter-bar {
  background: var(--mc-panel) !important;
  border: 2px solid var(--mc-line) !important;
  border-radius: 0 !important;
  box-shadow: var(--mc-bevel) !important;
}
body.mc-gui .category-tab { box-shadow: none !important; border: 2px solid var(--mc-line) !important; }
body.mc-gui .category-tab:not(.active) { background: #b0b0b0 !important; }
body.mc-gui .category-tab .count { background: rgba(0, 0, 0, 0.25) !important; border-radius: 0 !important; }
body.mc-gui .filter-item label { color: var(--mc-text) !important; }

/* ------------------------------------------------------------ 8. 弹窗 */
body.mc-gui .modal-mask,
body.mc-gui .icon-preview-mask { background: rgba(0, 0, 0, 0.72) !important; backdrop-filter: none !important; }
body.mc-gui .modal-close,
body.mc-gui .icon-preview-close {
  background: var(--mc-panel) !important;
  border: 2px solid var(--mc-line) !important;
  border-radius: 0 !important;
  color: var(--mc-text) !important;
  box-shadow: var(--mc-bevel) !important;
}
body.mc-gui .modal-close:hover,
body.mc-gui .icon-preview-close:hover {
  background: var(--mc-red) !important;
  color: var(--mc-white) !important;
  transform: none !important;
  box-shadow: inset 2px 2px 0 #d05a5a, inset -2px -2px 0 #5c1414 !important;
}
body.mc-gui .modal-header,
body.mc-gui .modal-footer { border-color: #a8a8a8 !important; background: transparent !important; }
body.mc-gui .info-box {
  background: var(--mc-slot) !important;
  border: 2px solid var(--mc-line) !important;
  border-radius: 0 !important;
  box-shadow: var(--mc-inset) !important;
}
body.mc-gui .info-box .k { color: #e0e0e0 !important; }
body.mc-gui .info-box .v { color: var(--mc-white) !important; }
body.mc-gui .section-title { color: var(--mc-text) !important; border-bottom: 2px solid #a8a8a8; padding-bottom: 6px; }
body.mc-gui .modal-preview,
body.mc-gui .card-cover,
body.mc-gui .modal-icon {
  background: #2b2b2b !important;
  border: 2px solid var(--mc-line) !important;
  border-radius: 0 !important;
}
body.mc-gui .card-cover-icon {
  background: var(--mc-slot) !important;
  border: 2px solid var(--mc-line) !important;
  border-radius: 0 !important;
  color: var(--mc-gold) !important;
  box-shadow: inset 2px 2px 0 rgba(0, 0, 0, 0.35), inset -2px -2px 0 rgba(255, 255, 255, 0.18) !important;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6);
}
body.mc-gui .card-cover,
body.mc-gui .modal-icon,
body.mc-gui .modal-preview { border-radius: 0 !important; }
body.mc-gui .skin-cover img,
body.mc-gui .modal-preview .skin-view img { border-radius: 0 !important; }

/* 图片统一像素化（MC 图标 / 皮肤 / 封面） */
body.mc-gui .card-cover img,
body.mc-gui .server-icon img,
body.mc-gui .server-icon canvas,
body.mc-gui .rec-icon img,
body.mc-gui .modal-icon img { image-rendering: pixelated; }

/* ------------------------------------------------ 9. 列表 / 帖子 / 表格 */
body.mc-gui .post-list,
body.mc-gui .topic-list,
body.mc-gui .block-body { background: transparent !important; }

body.mc-gui .table,
body.mc-gui table.info-table { border: 2px solid var(--mc-line) !important; }
body.mc-gui th {
  background: var(--mc-stone-dark) !important;
  color: var(--mc-gold) !important;
  border: 1px solid var(--mc-line) !important;
}
body.mc-gui td { border: 1px solid #a8a8a8 !important; color: var(--mc-text) !important; }

body.mc-gui .breadcrumb,
body.mc-gui .breadcrumb * { color: #f0e0c0 !important; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.55); }

/* ------------------------------------------------------------ 10. 页脚 */
body.mc-gui .footer {
  background: var(--mc-stone-deep) !important;
  background-image: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.03) 0 4px, transparent 4px 8px) !important;
  border-top: 4px solid var(--mc-line) !important;
  box-shadow: inset 0 2px 0 #4a4a4a, 0 -4px 0 rgba(0, 0, 0, 0.25) !important;
}
body.mc-gui .footer-brand h3 { color: var(--mc-gold) !important; text-shadow: 2px 2px 0 #000; }
body.mc-gui .footer-brand p,
body.mc-gui .footer-links a,
body.mc-gui .footer-bottom { color: #d8d8d8 !important; border-color: #4a4a4a !important; }
body.mc-gui .footer-links h4 { color: var(--mc-gold) !important; }
body.mc-gui .footer-links a:hover { color: var(--mc-green-hi) !important; }

/* -------------------------------------------------------- 11. 提示色块 */
body.mc-gui .tip-box,
body.mc-gui .warning-box,
body.mc-gui .danger-box,
body.mc-gui .note-box {
  background: var(--mc-panel) !important;
  border: 2px solid var(--mc-line) !important;
  border-left-width: 8px !important;
  border-radius: 0 !important;
  box-shadow: var(--mc-bevel) !important;
  color: var(--mc-text) !important;
}
body.mc-gui .code-block,
body.mc-gui pre,
body.mc-gui code {
  background: #1b1b1b !important;
  border: 2px solid var(--mc-line) !important;
  border-radius: 0 !important;
  box-shadow: var(--mc-inset) !important;
  color: #e6e6e6 !important;
  font-family: 'Consolas', 'Courier New', monospace !important;
}

/* ------------------------------------------------------ 12. 加载 / 空态 */
body.mc-gui .spinner,
body.mc-gui .loading-more .spinner {
  border-radius: 0 !important;
  border: 4px solid #8b8b8b !important;
  border-top-color: var(--mc-green) !important;
  box-shadow: var(--mc-inset);
}
/* 注意：.empty 不能设成奶油色。它在第 2 节被归入「浅灰面板」，
   底色是 --mc-panel(#c6c6c6)，奶油字 #f0e0c0 压上去对比度只有约 1.6:1，
   整段提示看不见（私信页「选择左侧的会话开始聊天」、关注页「还没有粉丝」）。
   这里让它沿用面板那套 --mc-text 深灰字。.empty-wrap 不在浅灰面板名单里，
   可能落在深色底上，保留奶油色。 */
body.mc-gui .loading-wrap,
body.mc-gui .loading-more,
body.mc-gui .empty-wrap { color: #f0e0c0 !important; }
body.mc-gui .empty-wrap h3,
body.mc-gui .empty-wrap p { color: #f0e0c0 !important; }

/* ------------------------------------------------------------ 13. 收尾 */
body.mc-gui .rec-icon,
body.mc-gui .post-avatar,
body.mc-gui .forum-card .forum-icon,
body.mc-gui .core-card .core-icon,
body.mc-gui .server-icon {
  border-radius: 0 !important;
  background: var(--mc-slot) !important;
  background-image: none !important;
  border: 2px solid var(--mc-line) !important;
  box-shadow: var(--mc-inset) !important;
  color: var(--mc-white) !important;
}
body.mc-gui .post-avatar { color: var(--mc-white) !important; }

body.mc-gui .stat-num,
body.mc-gui .stat-box .num {
  background: none !important;
  -webkit-text-fill-color: var(--mc-gold) !important;
  color: var(--mc-gold) !important;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5);
  font-family: var(--mc-font) !important;
}
body.mc-gui .stat-label,
body.mc-gui .stat-box .label { color: #cfcfcf !important; }

body.mc-gui .section-title .bar { background: var(--mc-green) !important; border: 1px solid var(--mc-line); }

body.mc-gui .hero .section-title,
body.mc-gui .main > .section-title,
body.mc-gui .layout .section-title { color: var(--mc-white) !important; }
body.mc-gui .main > .section-title,
body.mc-gui .layout .section-title { text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.55); }

body.mc-gui .masthead,
body.mc-gui .block-head {
  border-bottom: 2px solid var(--mc-line) !important;
}

/* 圆角一律拍平（像素风） */
body.mc-gui [class$="-card"],
body.mc-gui [class$="-box"],
body.mc-gui [class$="-badge"],
body.mc-gui .btn,
body.mc-gui button,
body.mc-gui .dropdown-menu,
body.mc-gui .modal,
body.mc-gui img { border-radius: 0 !important; }

/* ---------------------------------------- 13b. 顶部 Logo：禁止横向压扁
   各页面给 Logo 图片写死了固定 height（38px / 40px），窄屏时 .logo 作为 flex 子项被挤压，
   图片会「高度不变、只压窄宽度」，看起来就是被横向压扁。
   这里改成 max-height 约束 + object-fit: contain：放不下时按原始比例整体缩小，绝不变形。 */
body.mc-gui .logo img {
  width: auto !important;
  height: auto !important;
  max-height: 38px !important;
  max-width: 100% !important;
  object-fit: contain !important;
}
/* 首页报头里的白色 Logo 方框（.logo-box）不被上面规则影响，单独约束为等比缩放 */
body.mc-gui .logo-box img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

/* --------------------------------------------- 14. light-mode 归零（保留主题） */
body.mc-gui.light-mode { background-color: #6b4a2f !important; color: var(--mc-white) !important; }
body.mc-gui.light-mode [class$="-card"],
body.mc-gui.light-mode [class$="-panel"],
body.mc-gui.light-mode .glass-card,
body.mc-gui.light-mode .modal { background: var(--mc-panel) !important; }
body.mc-gui.light-mode .header,
body.mc-gui.light-mode .footer { background: var(--mc-stone-dark) !important; }
body.mc-gui.light-mode .nav-link { color: #e8e8e8 !important; }
body.mc-gui.light-mode .nav-link:hover { color: var(--mc-text) !important; }
body.mc-gui.light-mode [class$="-card"] :is(h1, h2, h3, h4, h5, h6, p, span, div, li) { color: inherit !important; }

/* ------------------------------------------- 16. 首页（index.html）专属 */
/* 首页自带一套米黄/木色变量，这里整体替换为原版灰 + 木头框 */
body.mc-gui {
  --panel: #c6c6c6;
  --panel-2: #b4b4b4;
  --line: #6f6f6f;
  --text: #3f3f3f;
  --link: #1b4e8f;
  --muted: #555555;
  --sky-1: #866043;
  --sky-2: #866043;
  --wood: #8a6a44;
  --wood-dark: #33210f;
}

body.mc-gui .sky,
body.mc-gui .cloud { display: none !important; }

body.mc-gui .page {
  background: var(--mc-panel) !important;
  border: 4px solid var(--mc-line) !important;
  box-shadow: inset 2px 2px 0 var(--mc-panel-hi), inset -2px -2px 0 var(--mc-panel-lo), 0 6px 0 rgba(0, 0, 0, 0.35) !important;
}

body.mc-gui .logo-box {
  background: var(--mc-panel) !important;
  border: 2px solid var(--mc-line) !important;
  box-shadow: var(--mc-bevel) !important;
}
body.mc-gui .masthead { background: var(--mc-stone-dark) !important; }
body.mc-gui .masthead .brand-text p { color: #d6d6d6 !important; }

body.mc-gui .masthead-banner,
body.mc-gui .feature-banner {
  background: #2b2b2b !important;
  background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.05) 0 8px, transparent 8px 16px) !important;
  border: 2px solid var(--mc-line) !important;
  box-shadow: var(--mc-inset) !important;
  color: var(--mc-white) !important;
}
body.mc-gui .masthead-banner strong,
body.mc-gui .feature-banner h2 { color: var(--mc-gold) !important; text-shadow: 2px 2px 0 #000 !important; }
body.mc-gui .masthead-banner span,
body.mc-gui .feature-banner p { color: #e2e2e2 !important; text-shadow: 1px 1px 0 #000 !important; }
body.mc-gui .banner-tag,
body.mc-gui .feature-banner .banner-meta {
  background: var(--mc-panel) !important;
  border: 2px solid var(--mc-line) !important;
  color: var(--mc-text) !important;
  border-radius: 0 !important;
}

body.mc-gui .stat-bar .divider { color: #8f8f8f !important; }

body.mc-gui .content,
body.mc-gui .sidebar { border-color: var(--mc-line) !important; }

/* --- 后台（admin/*.html）侧边栏 ---
   侧边栏被换成了浅灰石面板（--panel-2），但各页面自带的链接文字色还是深色主题用的浅灰
   （#cbd5e1 等），落在浅灰底上几乎看不见，这里统一改成深色字，保证清晰可读。 */
body.mc-gui .sidebar {
  background: var(--panel-2) !important;
  border-right: 2px solid var(--mc-line) !important;
  box-shadow: inset -2px 0 0 #8f8f8f !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body.mc-gui .sidebar .sidebar-logo { border-bottom: 2px solid #909090 !important; }
body.mc-gui .sidebar .sidebar-logo span {
  color: #1f1f1f !important;
  text-shadow: none !important;
}
body.mc-gui .sidebar .sidebar-link,
body.mc-gui .sidebar .sidebar-link span {
  color: #1f1f1f !important;
  text-shadow: none !important;
}
body.mc-gui .sidebar .sidebar-link i { color: #1b4e8f !important; }
body.mc-gui .sidebar .sidebar-link:hover { background: #d9d9d9 !important; color: #000000 !important; }
body.mc-gui .sidebar .sidebar-link.active {
  background: #4f46e5 !important;
  border: 2px solid var(--mc-line) !important;
  border-radius: 0 !important;
  color: #ffffff !important;
  box-shadow: inset 2px 2px 0 rgba(255, 255, 255, 0.28), inset -2px -2px 0 rgba(0, 0, 0, 0.3) !important;
}
body.mc-gui .sidebar .sidebar-link.active i { color: #ffffff !important; }

/* --- 后台主区：顶部标题栏 & 筛选标签 ---
   这两块原本是深色主题的半透明深蓝底 + 浅灰字，在木纹底上糊成一片；
   标题栏改成深石面板，标签改成浅灰石面板，让文字与底色形成高对比。 */
body.mc-gui .topbar {
  background: var(--mc-stone-dark) !important;
  background-image: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.035) 0 4px, transparent 4px 8px) !important;
  border: 2px solid var(--mc-line) !important;
  border-radius: 0 !important;
  box-shadow: inset 2px 2px 0 #6a6a6a, inset -2px -2px 0 #1b1b1b, var(--mc-drop) !important;
  /* 后台各页顶部标题栏同样是深石面板，页面自带的内边距偏小，标题会贴着板子边线，
     这里统一放大内边距，让文字与边框之间留出足够距离。 */
  padding: 22px 26px !important;
}
body.mc-gui .topbar .topbar-title h1 {
  color: var(--mc-gold) !important;
  -webkit-text-fill-color: var(--mc-gold) !important;
  text-shadow: 2px 2px 0 #000 !important;
}
body.mc-gui .topbar .topbar-title p {
  color: #eaeaea !important;
  text-shadow: 1px 1px 0 #000 !important;
}
body.mc-gui .topbar .admin-info {
  background: rgba(0, 0, 0, 0.35) !important;
  border: 2px solid var(--mc-line) !important;
  border-radius: 0 !important;
}
body.mc-gui .topbar .admin-info span,
body.mc-gui .topbar .admin-info i { color: #ffffff !important; }

body.mc-gui .main-tab,
body.mc-gui .filter-chip {
  background: var(--mc-panel) !important;
  color: #1f1f1f !important;
  border: 2px solid var(--mc-line) !important;
  border-radius: 0 !important;
  box-shadow: var(--mc-bevel) !important;
  text-shadow: none !important;
  font-weight: 400 !important;
}
body.mc-gui .main-tab:hover,
body.mc-gui .filter-chip:hover { background: #dce9f7 !important; color: #101010 !important; }
body.mc-gui .main-tab.active,
body.mc-gui .filter-chip.active {
  background: #4f46e5 !important;
  color: #ffffff !important;
  border-color: var(--mc-line) !important;
  box-shadow: inset 2px 2px 0 rgba(255, 255, 255, 0.28), inset -2px -2px 0 rgba(0, 0, 0, 0.3) !important;
}

body.mc-gui .block-body {
  background: transparent !important;
  border-color: var(--mc-line) !important;
}
body.mc-gui .block-title { border: 2px solid var(--mc-line) !important; }
body.mc-gui .post-row { background: transparent !important; border-bottom-color: var(--mc-line) !important; }
body.mc-gui .post-row:hover { background: #dce9f7 !important; }
body.mc-gui .post-thumb { border: 1px solid var(--mc-line) !important; }
body.mc-gui .post-title { color: #262626 !important; }

body.mc-gui .topic-list,
body.mc-gui .topic-list li,
body.mc-gui .topic-list a { color: var(--mc-text) !important; }

/* ------------------------------------------------------------ 17. 响应式 */
@media (max-width: 768px) {
  body.mc-gui { background-size: 48px 48px !important; }
  body.mc-gui .header { padding: 10px 16px !important; }
}

/* ------------------------------------ 18. 服务器详情页（server/detail.html） */
/* 详情卡不再整块高亮，避免鼠标划过时大面积变色 */
body.mc-gui .detail-card:hover { background: var(--mc-panel) !important; outline: none !important; }

/* 内容区加宽 + 压缩垂直间距，提高单屏信息密度。
   注意：这里限了 max-width，就必须同时把它水平居中 —— 多数页面的 .main 自己写了 margin:0 auto，
   但 contact.html 等页面的 .main 只有 padding，没有 margin，一旦被限宽就会贴在左边，
   在宽屏（>1320px）上整页内容明显左偏。补上 auto 边距，已有 margin:0 auto 的页面结果不变。 */
body.mc-gui .main {
  max-width: 1320px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 120px 16px 48px !important;
}

/* 返回按钮 */
body.mc-gui .back-button {
  background: var(--mc-panel) !important;
  border: 2px solid var(--mc-line) !important;
  border-radius: 0 !important;
  box-shadow: var(--mc-bevel) !important;
  color: var(--mc-text) !important;
  padding: 8px 14px !important;
  margin-bottom: 14px !important;
  font-family: var(--mc-font) !important;
}
body.mc-gui .back-button:hover { background: #dce9f7 !important; color: #101010 !important; transform: none !important; }

/* Hero → 深石横幅 */
body.mc-gui .detail-hero {
  background: var(--mc-stone-dark) !important;
  background-image: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.035) 0 4px, transparent 4px 8px) !important;
  border-bottom: 2px solid var(--mc-line) !important;
  padding: 22px 26px !important;
  gap: 18px !important;
}
body.mc-gui .detail-title h1 {
  color: var(--mc-gold) !important;
  text-shadow: 2px 2px 0 #000 !important;
  font-size: clamp(20px, 2.2vw, 28px) !important;
  margin-bottom: 8px !important;
}
body.mc-gui .detail-icon {
  width: 96px !important;
  height: 96px !important;
  background: var(--mc-slot) !important;
  border: 2px solid var(--mc-line) !important;
  border-radius: 0 !important;
  box-shadow: var(--mc-inset) !important;
}
body.mc-gui .detail-icon .fallback-icon { color: var(--mc-gold) !important; }

/* 状态 / 监测徽章 */
body.mc-gui .status-badge { border: 1px solid var(--mc-line) !important; background: #2b2b2b !important; box-shadow: none !important; }
body.mc-gui .status-badge.online { color: #5fbb3a !important; }
body.mc-gui .status-badge.offline { color: #e05a5a !important; }
/* 「未知」态原本没有任何配色规则，文字被“卡片内文字继承深色”压成 #3f3f3f，
   落在 #2b2b2b 的深灰底上完全看不见，这里补上浅灰字 */
body.mc-gui .status-badge.unknown { color: #cfcfcf !important; }
/* 「我的内容」页的四档审核徽章（pass/warn/wait/bad）同理：它们不在上面三个 modifier 之列，
   页面自身写的颜色被“卡片内文字继承深色”压成 #3f3f3f，落在 #2b2b2b 深灰底上，
   对比度只有 1.3:1，等于看不见。这里补齐高对比配色。
   bad 用比 .offline 更亮的红：12px 粗体下 3.9:1 仍然偏吃力，提亮到 5.9:1。 */
body.mc-gui .status-badge.pass { color: #5fbb3a !important; }
body.mc-gui .status-badge.warn { color: var(--mc-gold) !important; }
body.mc-gui .status-badge.wait { color: #cfcfcf !important; }
body.mc-gui .status-badge.bad { color: #f08a8a !important; }
/* 后台论坛管理页表格里的三档帖子状态（置顶/精华/正常），同一类问题 */
body.mc-gui .status-badge.pinned { color: #fcd34d !important; }
body.mc-gui .status-badge.essence { color: #d8b4fe !important; }
body.mc-gui .status-badge.normal { color: #a5b4fc !important; }
body.mc-gui .monitor-status-badge { border: 1px solid var(--mc-line) !important; box-shadow: none !important; }
body.mc-gui .monitor-status-badge.normal { background: #1f3d16 !important; color: #7dd35a !important; }
body.mc-gui .monitor-status-badge.paused { background: #3d3413 !important; color: var(--mc-gold) !important; }
body.mc-gui .monitor-status-badge.unknown { background: #2b2b2b !important; color: #cfcfcf !important; }
body.mc-gui .monitor-status-badge i { color: inherit !important; }

/* 主体网格：压缩留白 */
body.mc-gui .detail-body { padding: 20px !important; gap: 20px !important; }
body.mc-gui .detail-section h3 { color: #262626 !important; font-size: 15px !important; margin: 14px 0 10px 0 !important; }
body.mc-gui .detail-section h3:first-child { margin-top: 0 !important; }
body.mc-gui .detail-section h3 i { color: var(--mc-green) !important; }

/* 基本信息 → 原版“物品栏格” */
body.mc-gui .info-grid { gap: 8px !important; }
body.mc-gui .info-item {
  background: var(--mc-slot) !important;
  border: 2px solid var(--mc-line) !important;
  border-radius: 0 !important;
  box-shadow: var(--mc-inset) !important;
  padding: 8px 10px !important;
  color: var(--mc-white) !important;
}
body.mc-gui .info-item:hover { background: #9a9a9a !important; border-color: var(--mc-line) !important; }
body.mc-gui .info-item .label { color: #e0e0e0 !important; margin-bottom: 4px !important; font-size: 11px !important; letter-spacing: 0 !important; }
body.mc-gui .info-item .label i { color: var(--mc-gold) !important; }
body.mc-gui .info-item .value { color: var(--mc-white) !important; font-size: 13px !important; }
body.mc-gui .ip-value { background: #1b1b1b !important; border: 1px solid var(--mc-line) !important; border-radius: 0 !important; color: var(--mc-gold) !important; padding: 4px 8px !important; }
body.mc-gui .ip-value:hover { background: #262626 !important; color: #ffd97a !important; }

/* 玩家信息 */
body.mc-gui .players-block {
  background: var(--mc-slot) !important;
  border: 2px solid var(--mc-line) !important;
  border-radius: 0 !important;
  box-shadow: var(--mc-inset) !important;
  padding: 10px 12px !important;
}
body.mc-gui .players-block .label { color: #e0e0e0 !important; margin-bottom: 6px !important; font-size: 11px !important; }
body.mc-gui .players-block .label i { color: var(--mc-gold) !important; }
body.mc-gui .players-count { color: var(--mc-gold) !important; font-size: 16px !important; margin-bottom: 8px !important; text-shadow: 1px 1px 0 #000 !important; }
body.mc-gui .progress-bar {
  height: 12px !important;
  background: #1b1b1b !important;
  border: 2px solid var(--mc-line) !important;
  border-radius: 0 !important;
  box-shadow: var(--mc-inset) !important;
}
body.mc-gui .progress-fill { background: var(--mc-green) !important; border-radius: 0 !important; }

/* 文本块：去底色，普通面板描边 */
body.mc-gui .summary-block,
body.mc-gui .description-content {
  background: transparent !important;
  border: 2px solid #a8a8a8 !important;
  border-radius: 0 !important;
  color: var(--mc-text) !important;
  padding: 12px !important;
  line-height: 1.6 !important;
  font-size: 13px !important;
}

/* 图表区压缩 */
body.mc-gui .charts-container { gap: 14px !important; margin-top: 8px !important; }
body.mc-gui .chart-card h4 { margin-bottom: 8px !important; }
body.mc-gui .chart-wrapper { height: 150px !important; }
body.mc-gui .chart-empty { color: var(--mc-text-dim) !important; padding: 18px 12px !important; }

/* 底部操作条 */
body.mc-gui .detail-actions { border-top: 2px solid #a8a8a8 !important; padding: 14px 20px !important; gap: 10px !important; }

/* 离线提示条 */
body.mc-gui .notify-banner {
  background: #2b2b2b !important;
  border-left: 6px solid var(--mc-gold) !important;
  border-radius: 0 !important;
  color: var(--mc-gold) !important;
  padding: 10px 14px !important;
}

/* 服务器认领 / 服主管理面板（面板本体用「物品栏格」深色，白字；与 .info-item 同一套观感） */
body.mc-gui .claim-box {
  background: var(--mc-slot) !important;
  border: 2px solid var(--mc-line) !important;
  border-radius: 0 !important;
  box-shadow: var(--mc-inset) !important;
  color: #e8e8e8 !important;
  margin: 0 20px 16px !important;
  padding: 16px !important;
}
body.mc-gui .claim-box h3 { color: var(--mc-gold) !important; font-size: 15px !important; text-shadow: 1px 1px 0 #000 !important; }
body.mc-gui .claim-box h3 i { color: var(--mc-gold) !important; }
body.mc-gui .claim-box .claim-desc,
body.mc-gui .claim-box .claim-steps,
body.mc-gui .claim-box .claim-status-line,
body.mc-gui .claim-box .claim-hint { color: #e8e8e8 !important; }
body.mc-gui .claim-box .claim-steps code { background: #1b1b1b !important; color: var(--mc-gold) !important; }
body.mc-gui .claim-box .claim-token {
  background: #1b1b1b !important;
  border: 2px dashed var(--mc-gold) !important;
  color: var(--mc-gold) !important;
  text-shadow: none !important;
}
body.mc-gui .claim-box .claim-badge { background: #1f3d16 !important; color: #7dd35a !important; }
body.mc-gui .claim-box .claim-badge.warn { background: #4a3a10 !important; color: #ffc94d !important; }
body.mc-gui .claim-box .claim-badge.muted { background: #2b2b2b !important; color: #b8b8b8 !important; }
body.mc-gui .claim-box .manage-form label { color: #e8e8e8 !important; }
body.mc-gui .claim-box .manage-form textarea,
body.mc-gui .claim-box .manage-form input[type=file] {
  background: #1b1b1b !important;
  border: 2px solid var(--mc-line) !important;
  border-radius: 0 !important;
  color: var(--mc-white) !important;
  padding: 8px 10px !important;
  font-size: 13px !important;
  width: 100% !important;
}
/* 主行动按钮（button 元素）在 MC 主题下会被通用 button 规则压成石头灰，
   这里把认领 / 服主面板里的 .btn-primary 拉回草绿，让主次操作可区分。
   选择器权重与通用 button 规则相同（0,3,2），靠书写顺序靠后生效。 */
body.mc-gui .claim-box button.btn-primary,
body.mc-gui .owner-panel button.btn-primary {
  background: var(--mc-green) !important;
  color: var(--mc-white) !important;
  box-shadow: inset 2px 2px 0 #6ec44a, inset -2px -2px 0 #224a15 !important;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.45) !important;
}
body.mc-gui .claim-box button.btn-primary:hover,
body.mc-gui .owner-panel button.btn-primary:hover {
  background: var(--mc-green-hi) !important;
  color: var(--mc-white) !important;
}
/* 「我的服务器」页的服主编辑面板：卡片本身是浅灰面板，输入区保持浅底深字 */
body.mc-gui .owner-panel { border-top-color: rgba(0, 0, 0, 0.25) !important; }
body.mc-gui .owner-panel textarea,
body.mc-gui .owner-panel input[type=file] {
  background: #b8b8b8 !important;
  border: 2px solid var(--mc-line) !important;
  border-radius: 0 !important;
  color: var(--mc-text) !important;
}
body.mc-gui .owner-panel .manage-msg { color: var(--mc-text) !important; }
body.mc-gui .owner-panel .manage-msg.error { color: #8f1d1d !important; }
body.mc-gui .owner-panel .manage-msg.ok { color: #1e5e12 !important; }

/* 加载 / 错误（位于土色背景之上） */
body.mc-gui .loading-state,
body.mc-gui .error-state,
body.mc-gui .loading-state p,
body.mc-gui .error-state p { color: #f0e0c0 !important; }

/* --------------------------------- 19. 登录 / 注册 / QQ 授权页（user/*.html） */
/* .auth-form 以 -form 结尾，不被第 2 节通配选择器命中，这里补齐为原版灰面板 */
body.mc-gui .auth-form {
  background: var(--mc-panel) !important;
  background-image: none !important;
  border: 2px solid var(--mc-line) !important;
  border-radius: 0 !important;
  box-shadow: var(--mc-bevel), var(--mc-drop) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: var(--mc-text) !important;
  padding: 28px 26px !important;
}
body.mc-gui .auth-form h2 {
  color: #262626 !important;
  text-shadow: none !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 10px !important;
}
body.mc-gui .auth-subtitle { color: var(--mc-text-dim) !important; }
body.mc-gui .form-group label {
  color: #3a3a3a !important;
  text-transform: none !important;
  letter-spacing: 0.4px !important;
  font-size: 13px !important;
}
body.mc-gui .form-error { color: var(--mc-red) !important; text-shadow: none !important; }

/* 分隔线 / 记住我 / 忘记密码 / 底部链接 */
body.mc-gui .auth-divider::before { background: #a8a8a8 !important; }
body.mc-gui .auth-divider span { background: var(--mc-panel) !important; color: var(--mc-text-dim) !important; }
body.mc-gui .remember-me label { color: var(--mc-text) !important; }
body.mc-gui .forgot-password { color: var(--mc-blue) !important; }
body.mc-gui .forgot-password:hover { color: #14396b !important; text-shadow: none !important; }
body.mc-gui .auth-footer { color: var(--mc-text) !important; }
body.mc-gui .auth-footer a { color: var(--mc-blue) !important; }
body.mc-gui .auth-footer a:hover { color: #14396b !important; text-shadow: none !important; }

/* QQ 登录按钮：并入统一方角面板按钮语言 */
body.mc-gui .btn-qq {
  background: var(--mc-panel) !important;
  background-image: none !important;
  border: 2px solid var(--mc-line) !important;
  border-radius: 0 !important;
  box-shadow: var(--mc-bevel) !important;
  color: var(--mc-blue) !important;
  transition: none !important;
}
body.mc-gui .btn-qq:hover { background: #dce9f7 !important; color: #14396b !important; }

/* QQ 授权页（qq-login.html）：.qq-card 已被第 2 节接管，这里补齐其内部元素 */
body.mc-gui .qq-card { padding: 32px 26px !important; }
body.mc-gui .qq-card h2 { color: #262626 !important; text-shadow: none !important; }
body.mc-gui .qq-card .subtitle { color: var(--mc-text-dim) !important; }
body.mc-gui .oauth-flow {
  background: transparent !important;
  border: 2px solid #a8a8a8 !important;
  border-radius: 0 !important;
}
body.mc-gui .oauth-flow h3 { color: var(--mc-blue) !important; }
body.mc-gui .oauth-steps li { color: var(--mc-text) !important; }
body.mc-gui .oauth-steps li::before {
  background: var(--mc-green) !important;
  border: 2px solid var(--mc-line) !important;
  border-radius: 0 !important;
  color: var(--mc-white) !important;
}
body.mc-gui .btn-authorize {
  background: var(--mc-green) !important;
  background-image: none !important;
  border: 2px solid var(--mc-line) !important;
  border-radius: 0 !important;
  box-shadow: inset 2px 2px 0 #6ec44a, inset -2px -2px 0 #224a15 !important;
  color: var(--mc-white) !important;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.45) !important;
  font-family: var(--mc-font) !important;
  transition: none !important;
}
body.mc-gui .btn-authorize:hover {
  background: var(--mc-green-hi) !important;
  transform: none !important;
  box-shadow: inset 2px 2px 0 #6ec44a, inset -2px -2px 0 #224a15 !important;
}
body.mc-gui .privacy-note {
  background: transparent !important;
  border: 2px solid #a8a8a8 !important;
  border-radius: 0 !important;
  color: var(--mc-text-dim) !important;
}
body.mc-gui .privacy-note i { color: var(--mc-gold) !important; }
body.mc-gui .privacy-note strong { color: var(--mc-text) !important; }
body.mc-gui .btn-back { color: var(--mc-blue) !important; }
body.mc-gui .btn-back:hover { color: #14396b !important; }

/* ----------------- 20. 攻略 / 教程正文页（guide/*.html、hosting/tutorial.html） */
/* 正文容器此前不在第 2 节面板选择器内，文字直接压在土块背景上，可读性差 */
body.mc-gui .guide-main,
body.mc-gui .guide-sidebar {
  background: var(--mc-panel) !important;
  background-image: none !important;
  border: 2px solid var(--mc-line) !important;
  border-radius: 0 !important;
  box-shadow: var(--mc-bevel) !important;
  color: var(--mc-text) !important;
}
body.mc-gui .guide-main { padding: 22px 26px !important; }
body.mc-gui .guide-sidebar { padding: 18px 16px !important; }

/* 攻略页左侧「目录」用 position:sticky 固定。但目录条目多时（例如 /guide/survival 有 22 条，
   面板高约 1334px）会远高于视口，而面板自身没有高度上限、也不滚动，
   于是超出视口的那十几条被永久裁掉 —— 无论页面怎么滚都点不到，只有把浏览器缩小才看得见。
   这里限制面板高度为「视口高度 − 上下留白」并允许内部滚动，保证每一条目录项都够得着。
   仅限桌面两栏布局；窄屏下目录已在正文上方改为常规流式排列，不需要内部滚动。 */
@media (min-width: 769px) {
  body.mc-gui .guide-sidebar {
    max-height: calc(100vh - 160px) !important;
    overflow-y: auto !important;
  }
}

/* 正文文字统一深色（原为浅色/半透明白，落在灰面板上不可读） */
body.mc-gui .guide-main :is(h1, h2, h3, h4, h5, h6, p, li, span, strong, em, code, td, th),
body.mc-gui .guide-sidebar :is(h3, a, li, span) {
  color: var(--mc-text) !important;
}
body.mc-gui .guide-section h2 {
  color: #262626 !important;
  border-bottom: 2px solid #a8a8a8 !important;
  padding-bottom: 8px !important;
}
body.mc-gui .guide-section h3 { color: var(--mc-green) !important; }
body.mc-gui .guide-sidebar h3 { color: var(--mc-text-dim) !important; letter-spacing: 0.5px !important; }
body.mc-gui .guide-sidebar a { border: 2px solid transparent !important; border-radius: 0 !important; }
body.mc-gui .guide-sidebar a:hover,
body.mc-gui .guide-sidebar a.active {
  background: var(--mc-green) !important;
  color: var(--mc-white) !important;
  border-color: var(--mc-line) !important;
}

/* 手机版「目录」：原来目录被摊在正文上方（/guide/survival 有 22 条、面板高约 1400px，
   要往下滚将近两屏才看得到正文），看完一章还得滚回顶部重新选目录。
   现在改成「左侧抽屉 + 悬浮按钮」：点左下角「目录」按钮从左侧滑出，再点一次（或点遮罩）收起。
   按钮与遮罩由 mobile-nav.js 注入并绑定开关。桌面端仍是原来的左侧常驻目录，不受影响。 */
body.mc-gui .guide-sidebar h3 .mc-toc-caret { display: none; }
@media (max-width: 768px) {
  body.mc-gui .guide-sidebar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    width: 286px;
    max-width: 84vw;
    margin: 0 !important;
    padding: 18px 16px 72px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    z-index: 2001;
    transform: translateX(-102%);
    visibility: hidden;
    transition: transform .3s ease, visibility .3s ease;
    box-shadow: var(--mc-bevel), 6px 0 0 rgba(0, 0, 0, .35) !important;
  }
  body.mc-guide-toc-open .guide-sidebar { transform: translateX(0); visibility: visible; }

  /* .main 自带 position:relative + z-index:1，是会产生层叠上下文的祖先。
     抽屉和遮罩都在这棵子树里，若 .main 仍停在 1，整棵子树就落到固定导航栏（body 级 z-index:1000）
     之下 —— 抽屉顶部连同关闭按钮会被导航栏压住点不到。
     打开时把 .main 抬到导航栏之上，层次才成立：导航栏 < 遮罩(2000) < 抽屉(2001)。 */
  body.mc-gui.mc-guide-toc-open .main { z-index: 1001; }

  /* 抽屉里的标题条：点它收起抽屉（箭头换成关闭图标） */
  body.mc-gui .guide-sidebar h3 {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 10px !important;
    padding: 12px !important;
    cursor: pointer;
    border-bottom: 2px solid var(--mc-line) !important;
  }
  body.mc-gui .guide-sidebar h3 .mc-toc-caret { display: inline-block; font-size: 14px; }
  /* 抽屉里目录一次列全，由抽屉自身滚动 */
  body.mc-gui .guide-sidebar ul {
    max-height: none !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  /* 遮罩：盖住正文，点击收起抽屉 */
  body.mc-gui .mc-toc-overlay {
    display: block !important;
    position: fixed !important;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, .55) !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity .28s ease, visibility .28s ease;
    z-index: 2000;
  }
  body.mc-gui.mc-guide-toc-open .mc-toc-overlay { opacity: 1; visibility: visible; }

  /* 悬浮「目录」开关：层级高于遮罩，抽屉打开时也点得到，用来「点一下收下去」 */
  body.mc-gui .mc-toc-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px;
    position: fixed !important;
    left: 14px;
    bottom: 18px;
    z-index: 2003;
    padding: 11px 16px !important;
    font-size: 13px !important;
    cursor: pointer;
  }
}
/* 桌面端不存在抽屉，按钮与遮罩一律隐藏 */
body.mc-gui .mc-toc-btn,
body.mc-gui .mc-toc-overlay { display: none; }

/* 教程页：面板已在第 2 节接管，这里只校正正文颜色 */
body.mc-gui .tutorial-main :is(h1, h2, h3, h4, h5, h6, p, li, span, strong, em, code, td, th),
body.mc-gui .tutorial-sidebar :is(h3, a, li, span) {
  color: var(--mc-text) !important;
}
body.mc-gui .tutorial-section h2 {
  color: #262626 !important;
  border-bottom: 2px solid #a8a8a8 !important;
}
body.mc-gui .tutorial-section h3 { color: var(--mc-green) !important; }
body.mc-gui .tutorial-sidebar h3 { color: var(--mc-text-dim) !important; }
body.mc-gui .tutorial-nav a { border: 2px solid transparent !important; border-radius: 0 !important; }
body.mc-gui .tutorial-nav a:hover,
body.mc-gui .tutorial-nav a.active {
  background: var(--mc-green) !important;
  color: var(--mc-white) !important;
  border-color: var(--mc-line) !important;
}

/* 设置页：左侧导航已在第 2 节接管为灰面板，文字统一用深色，避免灰字落在面板上看不清 */
body.mc-gui .settings-nav a {
  color: var(--mc-text) !important;
  border: 2px solid transparent !important;
  border-radius: 0 !important;
}
body.mc-gui .settings-nav a i { color: inherit !important; }
body.mc-gui .settings-nav a:hover {
  background: #d2d2d2 !important;
  color: #262626 !important;
}
body.mc-gui .settings-nav a.active {
  background: var(--mc-green) !important;
  color: var(--mc-white) !important;
  border-color: var(--mc-line) !important;
}

/* 文中提示框 */
body.mc-gui .tip-box {
  background: #b9b9b9 !important;
  border-left: 6px solid var(--mc-gold) !important;
  border-radius: 0 !important;
}
body.mc-gui .tip-box p,
body.mc-gui .tip-box .tip-title { color: #2f2f2f !important; }

/* ------------------------------------- 21. 无面板页面（关于/联系/隐私/腐竹交流）的文字可读性
   这几页的正文用的是深色主题写法：标题、段落都是白色 / 半透明白，直接压在土块背景上，
   在 mc-gui 下完全看不清；而第 2 节给 .section-title 的又是深色字，压在土块上同样看不见。
   这里给它们补上「深石横幅」或「浅灰面板」，文字颜色一并校正。 */
/* 首屏大标题（about / contact / privacy 的 hero）→ 深石横幅 + 金色标题 */
body.mc-gui .about-hero,
body.mc-gui .contact-hero,
body.mc-gui .privacy-hero {
  background: var(--mc-stone-dark) !important;
  background-image: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.035) 0 4px, transparent 4px 8px) !important;
  border: 2px solid var(--mc-line) !important;
  border-radius: 0 !important;
  box-shadow: inset 2px 2px 0 #6a6a6a, inset -2px -2px 0 #1b1b1b, var(--mc-drop) !important;
  color: var(--mc-white) !important;
  padding: 34px 24px !important;
  margin-bottom: 34px;
}
body.mc-gui .about-hero h1,
body.mc-gui .contact-hero h1,
body.mc-gui .privacy-hero h1 {
  color: var(--mc-gold) !important;
  text-shadow: 2px 2px 0 #000 !important;
}
body.mc-gui .about-hero p,
body.mc-gui .contact-hero p,
body.mc-gui .privacy-hero p { color: #e6e6e6 !important; }

/* 关于页 / 腐竹交流页的分节小标题不在面板里，被第 2 节刷成了深色，压在土块上看不见。
   （.section-title 若位于卡片/弹窗内仍由卡片规则接管为深色，不受影响。） */
body.mc-gui .section > .section-title,
body.mc-gui .section-block .section-title {
  color: var(--mc-white) !important;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.55) !important;
  border-bottom-color: transparent !important;
}
body.mc-gui .section > .section-title p,
body.mc-gui .section-block .section-title p { color: #e6e6e6 !important; }
body.mc-gui .section > .section-title i,
body.mc-gui .section-block .section-title i { color: var(--mc-gold) !important; }

/* 作者/服务器提交人已注销：帖子与服务器都保留、名字照旧，只在其后（或下方）标一个状态。
   论坛列表用行内标签，帖子详情用独立一行。标签自带浅色底 + 深字，
   即使被「卡片内文字继承深色」规则改掉字色，落在浅底上依然看得清。 */
body.mc-gui .author-deleted,
body.mc-gui .author-status {
  display: inline-block;
  margin-left: 6px;
  padding: 0 7px;
  font-size: 11px;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0.3px;
  border-radius: 3px;
  background: #e6dcbf !important;
  color: #5c4a18 !important;
  border: 1px solid #b9a86a !important;
  vertical-align: 1px;
  white-space: nowrap;
}
body.mc-gui .author-status { margin: 4px 0 0 0 !important; }

/* 后台列表里的「已注销」徽章（用户表、服务器来源列）：
   自带浅底 + 深字，即使被「卡片内文字继承深色」规则改掉字色也依然清晰 */
body.mc-gui .deleted-badge {
  display: inline-block;
  margin-left: 6px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
  border-radius: 3px;
  background: #e6dcbf !important;
  color: #5c4a18 !important;
  border: 1px solid #b9a86a !important;
  white-space: nowrap;
  vertical-align: middle;
}

/* ------------------------------------------------ 22. 管理后台的窄屏适配
   后台 6 个内容页共用同一套布局：.sidebar 固定 240px + .main-content 用 margin-left 让位。
   页面自带的断点只到 900px（把侧栏收成 64px 图标条），在 375px 手机上侧栏仍占掉 1/6 宽度，
   标题栏 .topbar 会挤出屏幕、表格卡片的 22px 内边距也过宽。这里补一档手机断点。 */
@media (max-width: 640px) {
  body.mc-gui .sidebar {
    width: 54px !important;
    padding: 10px 5px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  body.mc-gui .sidebar-logo { padding: 4px 0 12px !important; justify-content: center !important; border-bottom-width: 1px !important; }
  body.mc-gui .sidebar-logo i { width: 32px !important; height: 32px !important; font-size: 15px !important; }
  body.mc-gui .sidebar-link { padding: 11px 0 !important; justify-content: center !important; }
  body.mc-gui .main-content { margin-left: 54px !important; padding: 12px !important; min-width: 0 !important; }

  /* 标题栏改为上下两行，避免标题和右侧按钮挤在同一行溢出 */
  body.mc-gui .topbar {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    padding: 14px 16px !important;
    margin-bottom: 16px !important;
  }
  body.mc-gui .topbar-title h1 { font-size: 19px !important; }
  body.mc-gui .topbar-title p { font-size: 12px !important; }
  body.mc-gui .topbar-right { width: 100% !important; flex-wrap: wrap !important; gap: 8px !important; }
  body.mc-gui .admin-info { flex: 1 1 auto; }

  /* 表格卡片：收窄内边距，表格本体保持横向可滑动而不是撑破页面 */
  body.mc-gui .table-card { padding: 12px !important; }
  body.mc-gui .table-toolbar { gap: 10px !important; margin-bottom: 12px !important; }
  body.mc-gui .search-box { min-width: 0 !important; flex: 1 1 100%; }
  body.mc-gui thead th, body.mc-gui tbody td { padding: 10px 12px !important; }
  body.mc-gui .table-wrapper { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
  body.mc-gui .table-wrapper table { min-width: 620px; }

  /* 统计卡在两列以上会挤成一团，压成单列 */
  body.mc-gui .stats-grid { grid-template-columns: 1fr !important; }
  body.mc-gui .stat-card { padding: 14px 16px !important; }

  /* 内容审核页 7 张统计卡单列会占满整个首屏（实测 624px），手机上压成两列。
     这条原来写作 `.main-content .stats-grid`（3 个类），权重高于上面的 `.stats-grid`（2 个类），
     于是误伤了两类页面：
       1) 仪表盘 —— 它的卡片是「56px 图标 + 30px 大数字」，141px 的列宽装不下，
          `.stat-info` 默认 min-width:auto 又不肯收缩，把整行撑到 442px
          （实测 390px 视口下 scrollWidth=442，资源总数被裁）；
       2) 访问统计页 —— 该页自带一套 2 列 + 竖排卡片的专属样式（gap 10px），会被这里覆盖。
     改成只认审核页的容器 id（#statsGrid，全站唯一），其余页面各自回落到自己的规则：
     仪表盘 / 举报反馈页走上面的单列，访问统计页走它自己的两列。 */
  body.mc-gui .main-content .stats-grid#statsGrid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }
  /* 兜底：统计卡及其文字块一律允许收缩，避免再把网格轨道撑破 */
  body.mc-gui .stat-card { min-width: 0 !important; }
  body.mc-gui .stat-card .stat-info { min-width: 0 !important; }

  /* 提示条 / 分页条居中换行 */
  body.mc-gui .pagination { flex-wrap: wrap !important; }
  /* 提示条（toast）：这里只补两件事 —— 「永不拦截点击」和「窄屏不超出视口」，
     上下左右定位与显隐动画一律交给各页自己的规则，**绝不能在这层覆盖 transform**。
     踩过的两个坑：
       坑一：原来这里写了 top:12px。前台页面的 .toast 是 bottom:30px + left:50% 的居中胶囊，
         同时给 top 和 bottom 会把高度撑成「视口高 − 42px」；它是 position:fixed、z-index:9999、
         opacity:0 但 pointer-events 仍是 auto，于是一整块看不见的透明层把整页点击全吃了
         （手机端服务器详情页「返回服务器列表」点不动，elementFromPoint 命中的就是 DIV.toast）。
       坑二：为了绕开坑一改成强制 `transform: translateY(0)`，又踩了后台页面的雷 ——
         后台 .toast 是 top:24px/right:24px、靠 `translateX(120%)` 藏起来且没有 opacity，
         强制 transform 会让它常驻在屏幕上（论坛管理页底部那个一直亮着的绿勾）。
     所以现在只保留下面两条：不再叠加 top，也不碰 transform。 */
  body.mc-gui .toast { pointer-events: none !important; max-width: calc(100vw - 24px) !important; }

  /* 卡片表头的换行顺序：折叠按钮是 admin-collapse.js 追加到表头末尾的，
     而表头 .table-toolbar 是 flex-wrap —— 工具按钮组（如访问统计页 6 个时间窗按钮）
     一撑满整行，折叠按钮就被挤到下一行、孤零零占掉一行（实测「分钟级访问量」如此）。
     这里把顺序钉死：第一行「标题（可收缩）+ 折叠按钮」，第二行才是工具按钮组。
     .section-header（仪表盘等）原本不换行，一并补 wrap 与标题收缩，避免标题被挤压溢出。 */
  body.mc-gui .main-content .table-toolbar,
  body.mc-gui .main-content .section-header { flex-wrap: wrap !important; }
  /* 标题用 flex-basis:0 而不是 auto：auto 时它的「假想主尺寸」等于文字最大宽度，
     像「IP 地区分布 （基于 285 个 IP）」这种长标题本身就超过整行，会独占第一行、
     把折叠按钮顶到第二行左侧（实测 btnTop 比 h2Top 低 58px、btnRight 只有 110）。
     改成 0 之后标题只吃「整行减去 30px 按钮」的剩余宽度，长文字在内部正常换行。 */
  body.mc-gui .main-content .table-toolbar > h2,
  body.mc-gui .main-content .section-header > h2 { order: 0; flex: 1 1 0%; min-width: 0; }
  body.mc-gui .main-content .table-toolbar > .mc-collapse-btn,
  body.mc-gui .main-content .section-header > .mc-collapse-btn { order: 1; margin-left: 0 !important; }
  body.mc-gui .main-content .table-toolbar > *:not(h2):not(.mc-collapse-btn),
  body.mc-gui .main-content .section-header > *:not(h2):not(.mc-collapse-btn) { order: 2; }

  /* 内容审核页（moderation）自带的组件：Tab 条、批量操作条、分页条在手机上换行，
     条目标题不再限制 60% 宽度，日志头改竖排。统一用 .main-content 限定，只影响后台。 */
  body.mc-gui .main-content .main-tabs { flex-wrap: wrap !important; gap: 8px !important; }
  body.mc-gui .main-content .main-tab { flex: 1 1 auto; text-align: center; padding: 9px 14px !important; font-size: 13px !important; }
  body.mc-gui .main-content .batch-bar { flex-wrap: wrap !important; gap: 8px !important; padding: 10px 12px !important; }
  body.mc-gui .main-content .batch-bar .btn { flex: 1 1 auto; justify-content: center; }
  body.mc-gui .main-content .queue-banner { flex-wrap: wrap !important; }
  body.mc-gui .main-content .pager { flex-direction: column !important; align-items: stretch !important; gap: 8px !important; }
  body.mc-gui .main-content .pager-btns { justify-content: space-between !important; }
  body.mc-gui .main-content .content-item { padding: 12px !important; }
  body.mc-gui .main-content .item-row { gap: 10px !important; }
  body.mc-gui .main-content .item-icon { width: 30px !important; height: 30px !important; font-size: 14px !important; }
  body.mc-gui .main-content .item-title { max-width: 100% !important; white-space: normal !important; }
  body.mc-gui .main-content .detail-content { max-height: 220px !important; }
  body.mc-gui .main-content .detail-actions .btn { flex: 1 1 auto; justify-content: center; }
  body.mc-gui .main-content .log-head { flex-direction: column !important; gap: 2px !important; }
  body.mc-gui .main-content .stat-card .value { font-size: 22px !important; }

  /* ---- 宽表格在手机上改成卡片列表 --------------------------------------------------
     实测：后台 4 个表格页（用户/论坛/服务器/新闻）在 390px 下表格本体宽 822~1297px，
     而容器只有 284px，只能横向拖着看（服务器页还要滚 239000px 长）。这里改成
     「一行一张卡、单元格左侧标列名」的卡片列表，并让列表在自己的框内竖向滚动，
     避免页面被 3548 行撑成几十万像素。列名用各页 tbody 的 id 区分，无需改各页 JS。 */
  body.mc-gui .table-card .table-wrapper {
    overflow: auto !important;
    max-height: 68vh;
    -webkit-overflow-scrolling: touch;
  }
  body.mc-gui .table-card .table-wrapper table { min-width: 0 !important; }
  body.mc-gui .table-card thead { display: none !important; }
  body.mc-gui .table-card tbody tr {
    display: block;
    padding: 10px 12px;
    margin-bottom: 10px;
    border: 1px solid rgba(102, 126, 234, 0.3);
    border-radius: 10px;
  }
  body.mc-gui .table-card tbody tr:last-child { margin-bottom: 0; }
  body.mc-gui .table-card tbody td {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 6px 0 !important;
    border-bottom: none !important;
    text-align: right;
    font-size: 13px;
    overflow-wrap: anywhere;
  }
  body.mc-gui .table-card tbody td::before {
    flex: 0 0 auto;
    font-size: 12px;
    opacity: 0.72;
    text-align: left;
  }
  /* 第一格当标题行，最后一格（操作）单独一行右对齐 */
  body.mc-gui .table-card tbody td:first-child {
    display: block;
    text-align: left;
    font-size: 15px;
    font-weight: 700;
    padding: 0 0 8px !important;
    margin-bottom: 6px;
    border-bottom: 1px solid rgba(102, 126, 234, 0.25) !important;
  }
  body.mc-gui .table-card tbody td:first-child::before { display: none; }
  body.mc-gui .table-card tbody td:last-child { justify-content: flex-end; padding-top: 8px !important; }
  body.mc-gui .table-card tbody td:last-child::before { display: none; }
  /* 空态 / 加载态用的整行合并单元格不要套卡片样式 */
  body.mc-gui .table-card tbody td[colspan] {
    display: block;
    text-align: center;
    padding: 30px 12px !important;
  }
  body.mc-gui .table-card tbody td[colspan]::before { display: none; }
  /* 单元格内被写死宽度的元素在手机上不再溢出卡片 */
  body.mc-gui .table-card tbody td > * { max-width: 100% !important; }
  body.mc-gui .table-card .post-title,
  body.mc-gui .table-card .news-title { max-width: 100% !important; white-space: normal !important; }

  /* 列名（按页面 tbody id 区分）。
     注意：这里必须和 views/admin/servers.html 里 <td> 的实际顺序严格对齐，
     新增「平台」列后若不跟着改，手机上每一格的列名都会串位（平台显示成"分类"、
     分类显示成"版本"…）。当前顺序：名称/地址/平台/分类/版本/人数/状态/精选/推流/来源/操作。 */
  body.mc-gui #users-tbody td:nth-child(2)::before { content: "邮箱"; }
  body.mc-gui #users-tbody td:nth-child(3)::before { content: "角色"; }
  body.mc-gui #users-tbody td:nth-child(4)::before { content: "登录方式"; }
  body.mc-gui #users-tbody td:nth-child(5)::before { content: "注册时间"; }
  body.mc-gui #posts-tbody td:nth-child(2)::before { content: "作者"; }
  body.mc-gui #posts-tbody td:nth-child(3)::before { content: "分类"; }
  body.mc-gui #posts-tbody td:nth-child(4)::before { content: "状态"; }
  body.mc-gui #posts-tbody td:nth-child(5)::before { content: "浏览"; }
  body.mc-gui #posts-tbody td:nth-child(6)::before { content: "回复"; }
  body.mc-gui #posts-tbody td:nth-child(7)::before { content: "点赞"; }
  body.mc-gui #posts-tbody td:nth-child(8)::before { content: "发布时间"; }
  body.mc-gui #servers-tbody td:nth-child(2)::before { content: "地址"; }
  body.mc-gui #servers-tbody td:nth-child(3)::before { content: "平台"; }
  body.mc-gui #servers-tbody td:nth-child(4)::before { content: "分类"; }
  body.mc-gui #servers-tbody td:nth-child(5)::before { content: "版本"; }
  body.mc-gui #servers-tbody td:nth-child(6)::before { content: "人数"; }
  body.mc-gui #servers-tbody td:nth-child(7)::before { content: "状态"; }
  body.mc-gui #servers-tbody td:nth-child(8)::before { content: "精选"; }
  body.mc-gui #servers-tbody td:nth-child(9)::before { content: "推流"; }
  body.mc-gui #servers-tbody td:nth-child(10)::before { content: "来源"; }
  body.mc-gui #news-tbody td:nth-child(2)::before { content: "分类"; }
  body.mc-gui #news-tbody td:nth-child(3)::before { content: "来源"; }
  body.mc-gui #news-tbody td:nth-child(4)::before { content: "发布日期"; }
  /* 举报与反馈页（列：类型/举报对象/内容/提交人/提交时间/状态/操作） */
  body.mc-gui #list-tbody td:nth-child(2)::before { content: "举报对象"; }
  body.mc-gui #list-tbody td:nth-child(3)::before { content: "内容"; }
  body.mc-gui #list-tbody td:nth-child(4)::before { content: "提交人"; }
  body.mc-gui #list-tbody td:nth-child(5)::before { content: "提交时间"; }
  body.mc-gui #list-tbody td:nth-child(6)::before { content: "状态"; }
  /* 访问统计页·最近访问（列：时间/路径/IP） */
  body.mc-gui #recent-tbody td:nth-child(2)::before { content: "路径"; }
  body.mc-gui #recent-tbody td:nth-child(3)::before { content: "IP"; }
  /* 访问统计页·IP 明细（列：IP地址/地区/访问次数/首次访问/最近访问/登录用户/客户端） */
  body.mc-gui #ips-tbody td:nth-child(2)::before { content: "地区"; }
  body.mc-gui #ips-tbody td:nth-child(3)::before { content: "访问次数"; }
  body.mc-gui #ips-tbody td:nth-child(4)::before { content: "首次访问"; }
  body.mc-gui #ips-tbody td:nth-child(5)::before { content: "最近访问"; }
  body.mc-gui #ips-tbody td:nth-child(6)::before { content: "登录用户"; }
  body.mc-gui #ips-tbody td:nth-child(7)::before { content: "客户端"; }
}