1
<script type="text/javascript" src="https://static.mikus.ink/%E6%A8%B1%E8%8A%B1/sakura.js"></script>

1
<style>
2
    /* 预加载动画容器：全屏覆盖，居中显示（完全保留你的原始样式） */
3
    .preloader {
4
      position: fixed;
5
      top: 0;
6
      left: 0;
7
      width: 100%;
8
      height: 100%;
9
      background: #fff; /* 背景色，与页面背景协调 */
10
      display: flex;
11
      justify-content: center;
12
      align-items: center;
13
      z-index: 9999; /* 确保在最上层 */
14
      transition: opacity 0.5s ease; /* 消失时的过渡效果 */
15
      flex-direction: column; /* 新增：让动图和文字垂直排列 */
16
    }
17

18
    /* 动图容器：替换原有的圆形旋转样式，仅控制动图尺寸 */
19
    .preloader-gif {
20
      width: 200px; /* 可根据动图比例调整，避免拉伸 */
21
      height: auto; /* 保持动图原有宽高比 */
22
    }
23

24
    /* 加载文字样式：新增，仅控制文字外观 */
25
    .preloader-text {
26
      margin-top: 20px; /* 与动图保持间距 */
27
      font-size: 18px; /* 文字大小 */
28
      color: #666; /* 文字颜色，可根据背景调整 */
29
      font-family: "Microsoft YaHei", sans-serif; /* 字体 */
30
    }
31

32
    /* 页面加载完成后，隐藏预加载动画（完全保留你的原始样式） */
33
    .preloader.hidden {
34
      opacity: 0;
35
      pointer-events: none; /* 隐藏后不响应鼠标事件 */
36
    }
37
</style>
38

39
<!-- 预加载容器：添加文字提示，与动图垂直排列 -->
40
<div class="preloader">
41
  <img src="https://easyimage.mikus.ink/i/u/2026/01/16/12nzhqy.gif" alt="加载中" class="preloader-gif">
42
  <div class="preloader-text">加载中Ciallo～(∠・ω・)⌒☆</div> <!-- 新增：加载提示文字 -->
43
</div>
44

45
<script>
46
  // 设置的2.1秒自动结束
47
  setTimeout(() => {
48
    document.querySelector('.preloader').classList.add('hidden');
49
  }, 2100);
50
</script>
51

52
    <script>
53
      // 在页面渲染前就执行主题初始化
54
      try {
55
        const storageKey = "vite-ui-theme"
56
        let theme = localStorage.getItem(storageKey)
57
        if (theme === "system" || !theme) {
58
          theme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"
59
        }
60
        document.documentElement.classList.add(theme)
61
      } catch (e) {
62
        document.documentElement.classList.add("light")
63
      }
64
    </script>

1
<!-- 网站指针 -->
2
<style>
3
  /* 1. 覆盖所有元素，最高优先级 */
4
  * {
5
    /* 顺序：自定义光标 -> 备用光标（pointer/default 适配不同场景） */
6
    cursor: url(https://easyimage.mikus.ink/i/u/2026/01/17/lk6r0.webp
7
) 0 0, pointer !important;
8
    /* 补充：若图片是.ico格式，可直接用；png需确保浏览器支持（现代浏览器都支持） */
9
  }
10

11
  /* 2. 单独强化交互元素（双重保险） */
12
  body, button, a, input, select, textarea,
13
  .btn, [role="button"], [type="button"], [type="submit"] {
14
    cursor: url(https://easyimage.mikus.ink/i/u/2026/01/17/lk6r0.webp
15
) 0 0, pointer !important;
16
  }
17

18
  /* 3. 解决hover/focus状态下的样式覆盖 */
19
  a:hover, a:focus,
20
  button:hover, button:focus,
21
  .btn:hover, .btn:focus {
22
    cursor: url(https://easyimage.mikus.ink/i/u/2026/01/17/lk6r0.webp
23
) 0 0, pointer !important;
24
  }
25
</style>

1
    <!-- waifu-tips.js 依赖 JQuery 库 -->
2
    <script src="https://static.mikus.ink/live2d/jquery.min.js"></script>
3
    <!-- 使用 aotuload.js 引入看板娘 -->
4
    <script src="https://static.mikus.ink/live2d/autoload.js"></script>

1
    <script>
2
      // 移除GPU卡片
3
      ;(function () {
4
        "use strict"
5

6
        const containerSelector =
7
          "#root > div > main > div.mx-auto.w-full.max-w-5xl.px-0.flex.flex-col.gap-4.server-info > div:nth-child(3) > section > div:nth-child(2)"
8
        const pRelativeSelector = "div > section > div.flex.items-center.justify-between > section.flex.flex-col.items-center.gap-2 > p"
9

10
        const TAG = "[remove-gpu-if-present]"
11

12
        function processOne(container) {
13
          try {
14
            if (!container) return false
15
            const p = container.querySelector(pRelativeSelector) || container.querySelector("p")
16
            if (!p) {
17
              return false
18
            }
19
            const text = (p.textContent || "").trim()
20
            //console.info(TAG, "找到 <p> 文本：", text)
21
            if (/gpu/i.test(text)) {
22
              console.info(TAG, '匹配到 "GPU"，将删除容器：', container)
23
              container.remove()
24
              return true
25
            }
26
            return false
27
          } catch (err) {
28
            //console.error(TAG, "处理容器时出错：", err)
29
            return false
30
          }
31
        }
32

33
        function findAndProcess() {
34
          try {
35
            const container = document.querySelector(containerSelector)
36
            if (!container) {
37
              // not found
38
              return false
39
            }
40
            return processOne(container)
41
          } catch (err) {
42
            return false
43
          }
44
        }
45

46
        // 1) 尝试一次性查找（页面可能已加载）
47
        findAndProcess()
48

49
        // 2) 使用 MutationObserver 监视 body 的变化（在单页应用中非常有用）
50
        const mo = new MutationObserver((mutations) => {
51
          // 尽量快速返回以降低开销
52
          if (findAndProcess()) {
53
            // 删除成功后可以选择断开 observer（如果只想处理一次）
54
            // mo.disconnect();
55
          }
56
        })
57
        mo.observe(document.body, { childList: true, subtree: true })
58

59
        // 3) 监听单页应用的路由变化（覆盖 pushState/replaceState 并监听 popstate）
60
        ;  // 3) 监听单页应用的路由变化（覆盖 pushState/replaceState 并监听 popstate）
61
  (function hijackHistoryEvents() {
62
    try {
63
      const originalPush = history.pushState;
64
      const originalReplace = history.replaceState;
65
      history.pushState = function() {
66
        const ret = originalPush.apply(this, arguments);
67
        window.dispatchEvent(new Event('locationchange'));
68
        return ret;
69
      };
70
      history.replaceState = function() {
71
        const ret = originalReplace.apply(this, arguments);
72
        window.dispatchEvent(new Event('locationchange'));
73
        return ret;
74
      };
75
      window.addEventListener('popstate', function() {
76
        window.dispatchEvent(new Event('locationchange'));
77
      });
78
      window.addEventListener('locationchange', function() {
79
        // 微延时，让框架先渲染 DOM
80
        setTimeout(findAndProcess, 150);
81
      });
82
    } catch (err) {
83
      console.warn(TAG, 'hook history 失败（可以忽略，非必需）', err);
84
    }
85
  })();
86

87
  // 4) 额外的轮询保险（如果 MutationObserver 未捕获到）
88
  const maxTries = 30;
89
  let tries = 0;
90
  const intervalId = setInterval(() => {
91
    tries++;
92
    if (findAndProcess() || tries >= maxTries) {
93
      clearInterval(intervalId);
94
      if (tries >= maxTries) {
95
        console.info(TAG, '达到轮询上限，停止轮询。');
96
      }
97
    }
98
  }, 500);
99

100
  // 调试提示
101
  console.info('[remove-gpu-if-present] 脚本注入完成：正在监听 DOM 变化与路由，若匹配到包含 "GPU" 的 <p>，将删除指定容器。');
102
})();
103
(function() {
104
    var originalPushState = history.pushState;
105
    var originalReplaceState = history.replaceState;
106

107
    history.pushState = function() {
108
        var result = originalPushState.apply(this, arguments);
109
        window.dispatchEvent(new Event('locationchange'));
110
        return result;
111
    };
112

113
    history.replaceState = function() {
114
        var result = originalReplaceState.apply(this, arguments);
115
        window.dispatchEvent(new Event('locationchange'));
116
        return result;
117
    };
118

119
    window.addEventListener('popstate', function() {
120
        window.dispatchEvent(new Event('locationchange'));
121
    });
122

123
    function addImageObserver() {
124
        var observer = new MutationObserver(function(mutationsList, observer) {
125
            var xpath = "/html/body/div/div/main/div[2]/section[1]/div[4]/div";
126
            var container = document.evaluate(xpath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
127

128
            if (container) {
129
                observer.disconnect();
130
                var existingImg = container.querySelector("img");
131
                if (existingImg) {
132
                    container.removeChild(existingImg);
133
                }
134
                var imgElement = document.createElement("img");
135
                imgElement.src = "https://easyimage.mikus.ink/i/u/2026/01/16/12o9iot.webp";
136
                imgElement.style.position = "absolute";
137
                imgElement.style.right = "8px";
138
                imgElement.style.top = "-80px";
139
                imgElement.style.zIndex = "10";
140
                imgElement.style.width = "90px";
141
                container.appendChild(imgElement);
142
            }
143
        });
144
        var config = { childList: true, subtree: true };
145
        observer.observe(document.body, config);
146
    }
147

148
    window.addEventListener('locationchange', function() {
149
        addImageObserver();
150
    });
151

152
    addImageObserver();
153
})();
154
    window.CustomBackgroundImage = 'https://random.mikus.ink';
155
    window.CustomMobileBackgroundImage = 'https://random.mikus.ink';
156
    window.ShowNetTransfer = false;
157
    window.FixedTopServerName = true;
158
    window.CustomDesc = 'Ciallo～(∠・ω< )⌒☆';
159
    var link = document.createElement('link');
160
    link.rel = 'stylesheet';
161
    document.head.appendChild(link);
162
    link.href = 'https://font.sec.miui.com/font/css?family=MiSans:400,700:MiSans'; // MiSans
163
    /* 左侧哪吒文本 */
164
    const observerFooterLeft = new MutationObserver(() => {
165
        const footerLeft = document.querySelector('.server-footer-name > div:first-child');
166
        if (footerLeft) {
167
             footerLeft.innerHTML = 'Powered by <a href="https://github.com/nezhahq/nezha" target="_blank">NeZha</a>';
168
             footerLeft.style.visibility = 'hidden'; // 隐藏
169
            observerFooterLeft.disconnect();
170
        }
171
    });
172
    observerFooterLeft.observe(document.body, { childList: true, subtree: true });
173
    /* 右侧主题文本 */
174
    const observerFooterRight = new MutationObserver(() => {
175
        const footerRight = document.querySelector('.server-footer-theme');
176
        if (footerRight) {
177
            footerRight.innerHTML = '<section>Powered by <a href="https://github.com/nezhahq/nezha" target="_blank">NeZha</a></section>';
178
            footerRight.style.visibility = 'hidden'; // 隐藏
179
            observerFooterRight.disconnect();
180
        }
181
    });
182
    observerFooterRight.observe(document.body, { childList: true, subtree: true });
183
</script>
184
<style>
185
    * {
186
        font-family: 'MiSans';
187
    }
188
    h1, h2, h3, h4, h5 {
189
        font-family: 'MiSans', sans-serif;
190
    }
191

192
    .dark .bg-cover::after {
193
        content: '';
194
        position: absolute;
195
        inset: 0;
196
        backdrop-filter: blur(6px);
197
        background-color: rgba(0, 0, 0, 0.6);
198
    }
199
    .light .bg-cover::after {
200
        content: '';
201
        position: absolute;
202
        inset: 0;
203
        backdrop-filter: blur(6px);
204
        background-color: rgba(255, 255, 255, 0.1);
205
    }
206
</style>