From 3e2e3a00b44ca575241fd49274477c74a06f1d19 Mon Sep 17 00:00:00 2001
From: root <root@localhost.localdomain>
Date: Thu, 10 Sep 2026 23:38:48 +0800
Subject: [PATCH] =?utf8?q?V1=20=E6=A0=B9=E7=AB=99=E7=82=B9=E6=8F=90?=
 =?utf8?q?=E7=A4=BA=E9=A1=B5:=20=E5=8D=A1=E9=80=9A=E9=A3=8E=E8=B6=A3+?=
 =?utf8?q?=E4=BC=98=E9=9B=85=20redesign(=E6=9F=94=E5=92=8C=E6=B8=90?=
 =?utf8?q?=E5=8F=98=E8=83=8C=E6=99=AF/=E5=9C=86=E8=A7=92=E5=8D=A1=E7=89=87?=
 =?utf8?q?/=E6=B8=90=E5=8F=98=E8=83=B6=E5=9B=8A=E6=8C=89=E9=92=AE)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

---
 frontend/src/V1Notice.js | 61 ++++++++++++++++++++++++++++++++--------
 1 file changed, 50 insertions(+), 11 deletions(-)

diff --git a/frontend/src/V1Notice.js b/frontend/src/V1Notice.js
index a770d6d..5a0fa80 100644
--- a/frontend/src/V1Notice.js
+++ b/frontend/src/V1Notice.js
@@ -2,34 +2,73 @@ import React from 'react';
 
 // V1 根站点提示页: 默认访问 https://words.acesimba.cloud/ 时显示,
 // 告知用户已切换到分组模式并引导到 /split/。开发者模式(?dev=1 或 localStorage.v1_dev=1)下不显示。
+// 风格: 卡通风趣 + 优雅(柔和渐变背景, 圆角卡片, 柔和阴影, 渐变文字与胶囊按钮)。
 export default function V1Notice() {
   return (
     <div
       style={{
         minHeight: '100vh',
+        margin: 0,
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',
         padding: '24px',
-        textAlign: 'center',
-        background: '#fff',
-        color: '#333',
-        fontFamily: 'system-ui, -apple-system, "Segoe UI", Roboto, sans-serif',
-        lineHeight: 1.9,
+        background: 'linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%)',
+        fontFamily: '"PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", system-ui, -apple-system, sans-serif',
+        color: '#37474f',
       }}
     >
-      <p style={{ maxWidth: '680px', fontSize: '18px', margin: 0 }}>
-        您已经开始使用分组模式，请进入链接{' '}
+      <div
+        style={{
+          maxWidth: '580px',
+          width: '100%',
+          background: '#ffffff',
+          borderRadius: '28px',
+          padding: '52px 44px',
+          textAlign: 'center',
+          boxShadow: '0 20px 60px rgba(80, 110, 160, 0.18)',
+          border: '1px solid rgba(255, 255, 255, 0.6)',
+        }}
+      >
+        <div style={{ fontSize: '76px', lineHeight: 1, marginBottom: '10px' }}>📚✨</div>
+        <p
+          style={{
+            fontSize: '18px',
+            lineHeight: 2,
+            margin: '0 0 30px',
+            color: '#546e7a',
+          }}
+        >
+          您已经开始使用分组模式，请进入链接{' '}
+          <a
+            href="https://words.acesimba.cloud/split/"
+            target="_blank"
+            rel="noreferrer"
+            style={{ color: '#6a5acd', fontWeight: 600, textDecoration: 'none', borderBottom: '2px dashed #6a5acd' }}
+          >
+            https://words.acesimba.cloud/split/
+          </a>
+          。如需要打开，请在开发者模式中进行打开（请联系你最爱的妈妈）。
+        </p>
         <a
           href="https://words.acesimba.cloud/split/"
           target="_blank"
           rel="noreferrer"
-          style={{ color: '#2563eb' }}
+          style={{
+            display: 'inline-block',
+            padding: '13px 30px',
+            borderRadius: '999px',
+            background: 'linear-gradient(90deg, #6a5acd, #8e7cf0)',
+            color: '#fff',
+            fontWeight: 600,
+            fontSize: '16px',
+            textDecoration: 'none',
+            boxShadow: '0 10px 24px rgba(106, 90, 205, 0.35)',
+          }}
         >
-          https://words.acesimba.cloud/split/
+          🚀 进入分组模式
         </a>
-        。如需要打开，请在开发者模式中进行打开（请联系你最爱的妈妈）。
-      </p>
+      </div>
     </div>
   );
 }
-- 
2.43.0