diff --git a/app/static/styles.css b/app/static/styles.css
index f23944f..08bc6df 100644
--- a/app/static/styles.css
+++ b/app/static/styles.css
@@ -1,3 +1,9 @@
 .custom-sidebar {
     max-width: 300px !important; /* 设置最大宽度为 300px */
-}
\ No newline at end of file
+}
+
+/* Toast with frosted glass effect */
+.glass-toast {
+    backdrop-filter: blur(8px);
+    background-color: rgba(var(--bs-body-bg-rgb), 0.75) !important;
+}
diff --git a/app/templates/base.html b/app/templates/base.html
index 6921acf..9be36ef 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -88,8 +88,8 @@
                 {% block content %}{% endblock %}
             </main>
             {% if message %}
-            <div class="position-fixed top-0 start-50 translate-middle-x p-3" style="z-index: 1055; margin-top: 20px;">
-                <div id="messageToast" class="toast text-bg-{{ message_type | default('info') }} border-0" role="alert" aria-live="assertive" aria-atomic="true">
+            <div class="position-fixed top-0 start-50 translate-middle-x p-3 w-75" style="z-index: 1055; margin-top: 20px;">
+                <div id="messageToast" class="toast text-bg-{{ message_type | default('info') }} border-0 glass-toast w-100" role="alert" aria-live="assertive" aria-atomic="true">
                     <div class="d-flex">
                         <div class="toast-body">
                             {{ message }}