V1 根站点提示页: 卡通风趣+优雅 redesign(柔和渐变背景/圆角卡片/渐变胶囊按钮)

diff --git a/frontend/src/V1Notice.js b/frontend/src/V1Notice.js
index a770d6dfd0c177d65828aaa9df736a9d11032df5..5a0fa8000ffe6a4c33ea49f70afb238b8f187b8c 100644 (file)
--- 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>
   );
 }