From 16b2a1cece66d4e5ca60e0cd79863446d9217528 Mon Sep 17 00:00:00 2001
From: alger <algerkc@qq.com>
Date: Sun, 8 Feb 2026 02:13:00 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BC=98=E5=8C=96=E7=A7=BB=E5=8A=A8?=
 =?UTF-8?q?=E7=AB=AF=20message=20=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/assets/css/mobile.css | 95 ++++++++++++++++++++++++++++++
 src/renderer/main.ts               |  1 +
 2 files changed, 96 insertions(+)
 create mode 100644 src/renderer/assets/css/mobile.css

diff --git a/src/renderer/assets/css/mobile.css b/src/renderer/assets/css/mobile.css
new file mode 100644
index 0000000..b1cbb69
--- /dev/null
+++ b/src/renderer/assets/css/mobile.css
@@ -0,0 +1,95 @@
+/* 移动端 message 容器：移到底部 */
+.mobile .n-message-container {
+  top: auto !important;
+  bottom: calc(200px + var(--safe-area-inset-bottom, 0px)) !important;
+  left: 50% !important;
+  transform: translateX(-50%) !important;
+  width: auto !important;
+  min-width: 70vw !important;
+  max-width: 90vw !important;
+  padding: 0 !important;
+  z-index: 99999999999 !important;
+}
+
+/* 移动端 message 项目样式 */
+.mobile .n-message-wrapper {
+  margin: 0 0 8px 0 !important;
+}
+
+.mobile .n-message {
+  padding: 12px 20px !important;
+  border-radius: 24px !important;
+  font-size: 14px !important;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
+  backdrop-filter: blur(10px) !important;
+  max-width: 85vw !important;
+}
+
+/* 深色模式下的 message */
+.mobile.noElectron .n-message {
+  background: rgba(50, 50, 50, 0.95) !important;
+  color: #fff !important;
+}
+
+/* 浅色模式下的 message */
+.mobile:not(.noElectron) .n-message,
+.mobile .theme-light .n-message {
+  background: rgba(255, 255, 255, 0.5) !important;
+  color: #333 !important;
+}
+
+/* 成功消息 */
+.mobile .n-message--success-type {
+  background: linear-gradient(135deg, rgba(34, 197, 94, 0.95), rgba(22, 163, 74, 0.95)) !important;
+  color: #fff !important;
+}
+
+.mobile .n-message--success-type .n-message__icon {
+  color: #fff !important;
+}
+
+/* 错误消息 */
+.mobile .n-message--error-type {
+  background: linear-gradient(135deg, rgba(239, 68, 68, 0.95), rgba(220, 38, 38, 0.95)) !important;
+  color: #fff !important;
+}
+
+.mobile .n-message--error-type .n-message__icon {
+  color: #fff !important;
+}
+
+/* 警告消息 */
+.mobile .n-message--warning-type {
+  background: linear-gradient(135deg, rgba(245, 158, 11, 0.95), rgba(217, 119, 6, 0.95)) !important;
+  color: #fff !important;
+}
+
+.mobile .n-message--warning-type .n-message__icon {
+  color: #fff !important;
+}
+
+/* 信息消息 */
+.mobile .n-message--info-type {
+  background: linear-gradient(135deg, rgba(59, 130, 246, 0.95), rgba(37, 99, 235, 0.95)) !important;
+  color: #fff !important;
+}
+
+.mobile .n-message--info-type .n-message__icon {
+  color: #fff !important;
+}
+
+/* loading 消息 */
+.mobile .n-message--loading-type {
+  background: rgba(50, 50, 50, 0.95) !important;
+  color: #fff !important;
+}
+
+/* 隐藏关闭按钮让设计更简洁 */
+.mobile .n-message__close {
+  display: none !important;
+}
+
+/* 图标样式调整 */
+.mobile .n-message__icon {
+  margin-right: 8px !important;
+}
diff --git a/src/renderer/main.ts b/src/renderer/main.ts
index a0925a3..7673efd 100644
--- a/src/renderer/main.ts
+++ b/src/renderer/main.ts
@@ -1,4 +1,5 @@
 import './index.css';
+import '@/assets/css/mobile.css';
 import 'animate.css';
 import 'remixicon/fonts/remixicon.css';