From 6143189dd98427d28e0662e1cd5fcb732b5a1542 Mon Sep 17 00:00:00 2001
From: kdletters <kdletters@qq.com>
Date: Mon, 13 Jul 2026 13:17:22 +0800
Subject: [PATCH] =?UTF-8?q?=E6=81=A2=E5=A4=8D=E5=81=9C=E6=9C=8D=E5=8D=87?=
 =?UTF-8?q?=E7=BA=A7=E5=85=AC=E5=91=8A=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

恢复今天晚上 21:00 至 22:00 的维护时间公告
列出画布与 PC 网页充值修复内容
补充抠图与背景色升级说明
适配桌面端和移动端维护页面布局
---
 public/maintenance.html | 180 ++++++++++++++++++++++++++++++++++++----
 1 file changed, 164 insertions(+), 16 deletions(-)
diff --git a/public/maintenance.html b/public/maintenance.html
index 1be43ee47..75799f377 100644
--- a/public/maintenance.html
+++ b/public/maintenance.html
@@ -3,37 +3,185 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>服务维护中</title>
+    <meta name="robots" content="noindex, nofollow" />
+    <title>陶泥儿停服升级公告</title>
     <style>
+      :root {
+        color-scheme: dark;
+        font-family:
+          Inter,
+          system-ui,
+          -apple-system,
+          BlinkMacSystemFont,
+          'Segoe UI',
+          sans-serif;
+        background: #101418;
+        color: #f7f9fb;
+      }
+
+      * {
+        box-sizing: border-box;
+      }
+
       body {
         margin: 0;
         min-height: 100vh;
-        display: grid;
-        place-items: center;
         background: #101418;
-        color: #f3f7fb;
-        font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
       }
+
       main {
-        max-width: 28rem;
-        padding: 2rem;
-        text-align: center;
+        width: min(100% - 32px, 720px);
+        margin: 0 auto;
+        padding: 56px 0 64px;
       }
+
+      .status {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        margin-bottom: 22px;
+        color: #ffb36b;
+        font-size: 14px;
+        font-weight: 700;
+      }
+
+      .status-mark {
+        width: 10px;
+        height: 10px;
+        flex: 0 0 10px;
+        border-radius: 50%;
+        background: #ff8a3d;
+        box-shadow: 0 0 0 5px rgb(255 138 61 / 14%);
+      }
+
       h1 {
-        margin: 0 0 0.75rem;
-        font-size: 1.75rem;
-      }
-      p {
         margin: 0;
-        color: #b6c2cf;
-        line-height: 1.7;
+        font-size: 32px;
+        line-height: 1.25;
+      }
+
+      .lead {
+        margin: 18px 0 0;
+        color: #d5dde5;
+        font-size: 17px;
+        line-height: 1.8;
+      }
+
+      .window {
+        display: grid;
+        grid-template-columns: auto 1fr;
+        gap: 8px 18px;
+        margin: 30px 0 0;
+        padding: 18px 20px;
+        border: 1px solid #3c4650;
+        border-left: 4px solid #ff8a3d;
+        border-radius: 6px;
+        background: #171d22;
+      }
+
+      .window-label {
+        color: #9eabb8;
+        font-size: 14px;
+      }
+
+      .window-value {
+        color: #fff2e7;
+        font-size: 16px;
+        font-weight: 750;
+      }
+
+      section {
+        margin-top: 34px;
+        padding-top: 28px;
+        border-top: 1px solid #303942;
+      }
+
+      h2 {
+        margin: 0 0 14px;
+        font-size: 18px;
+        line-height: 1.5;
+      }
+
+      ol {
+        margin: 0;
+        padding-left: 24px;
+        color: #d5dde5;
+      }
+
+      li {
+        margin: 10px 0;
+        padding-left: 4px;
+        line-height: 1.75;
+      }
+
+      .feature {
+        margin: 0;
+        padding-left: 16px;
+        border-left: 3px solid #53c7a3;
+        color: #d5dde5;
+        line-height: 1.8;
+      }
+
+      .feature strong {
+        color: #7be0c0;
+      }
+
+      @media (max-width: 520px) {
+        main {
+          width: min(100% - 28px, 720px);
+          padding: 38px 0 48px;
+        }
+
+        h1 {
+          font-size: 27px;
+        }
+
+        .lead {
+          font-size: 16px;
+        }
+
+        .window {
+          grid-template-columns: 1fr;
+        }
       }
     </style>
   </head>
   <body>
     <main>
-      <h1>服务维护中</h1>
-      <p>我们正在更新系统，稍后请重新访问。</p>
+      <div class="status">
+        <span class="status-mark" aria-hidden="true"></span>
+        <span>服务维护中</span>
+      </div>
+
+      <h1>陶泥儿美术工具停服升级</h1>
+      <p class="lead">
+        各位陶泥儿创作者，美术工具官网将在今天晚上 21:00~22:00 停服升级。<br />
+        注意保存好自己的项目和下载好素材。
+      </p>
+
+      <div class="window" aria-label="维护时间">
+        <span class="window-label">维护时间</span>
+        <span class="window-value">今天晚上 21:00~22:00</span>
+      </div>
+
+      <section>
+        <h2>本次更新修复内容</h2>
+        <ol>
+          <li>修复多个影响画布使用的 BUG。</li>
+          <li>
+            修复了 PC 端不能充值的恶性 BUG（bushi），PC
+            网页端支持微信二维码充值。
+          </li>
+        </ol>
+      </section>
+
+      <section>
+        <h2>新增功能</h2>
+        <p class="feature">
+          <strong>抠图与背景色功能升级：</strong
+          >使用更强、更稳定的抠图技术，解决角色扣残问题，角色动作的逐帧抠图同步升级。
+        </p>
+      </section>
     </main>
   </body>
 </html>
