diff --git a/webapp/public/apple-touch-icon.png b/webapp/public/apple-touch-icon.png
index a19e30f..66a5617 100644
Binary files a/webapp/public/apple-touch-icon.png and b/webapp/public/apple-touch-icon.png differ
diff --git a/webapp/public/favicon-32.png b/webapp/public/favicon-32.png
index ef21629..b4a9584 100644
Binary files a/webapp/public/favicon-32.png and b/webapp/public/favicon-32.png differ
diff --git a/webapp/public/icon-192.png b/webapp/public/icon-192.png
index 7ecd68c..9d5357c 100644
Binary files a/webapp/public/icon-192.png and b/webapp/public/icon-192.png differ
diff --git a/webapp/public/icon-512.png b/webapp/public/icon-512.png
index 8031d80..2c99667 100644
Binary files a/webapp/public/icon-512.png and b/webapp/public/icon-512.png differ
diff --git a/webapp/public/icon-source.svg b/webapp/public/icon-source.svg
new file mode 100644
index 0000000..c02d4a1
--- /dev/null
+++ b/webapp/public/icon-source.svg
@@ -0,0 +1,10 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <!-- Full-bleed background for any/maskable -->
+  <rect width="512" height="512" fill="#116FF9"/>
+  <!-- Logo scaled to ~50% centered in safe zone (inner 66% = Android adaptive icon guideline) -->
+  <g transform="translate(256,256) scale(0.5) translate(-380,-380)">
+    <path d="M386.5 183C497.785 183 588 271.2 588 380C588 419.877 575.879 456.986 555.046 488H17.6816C16.5766 481.834 16 475.484 16 469C16 413.617 58.0774 368.061 112.008 362.558C108.771 353.989 107 344.701 107 335C107 291.922 141.922 257 185 257C198.365 257 210.945 260.362 221.94 266.286C258.437 215.895 318.539 183 386.5 183Z" fill="#F6821F"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M92.6568 91.0069C88.7796 262.923 101.55 381.119 143.869 469.459C186.188 557.799 258.092 616.353 372.665 668.892C485.877 616.354 556.929 557.802 598.746 469.461C640.564 381.12 653.181 262.923 649.35 91.0069H92.6568ZM539.796 432.933C570.479 365.533 581.347 278.379 582.419 153.939L582.422 153.432H377.661V593.786L378.405 593.364C458.602 547.962 509.101 500.36 539.796 432.933Z" fill="white"/>
+    <path d="M604.465 305C680.976 305 743 367.233 743 444C743 459.378 740.509 474.172 735.913 488H379V423.553C391.721 397.751 418.287 380 449 380C459.483 380 469.482 382.068 478.613 385.818C500.559 338.11 548.658 305 604.465 305Z" fill="#FD9C33"/>
+  </g>
+</svg>
diff --git a/webapp/public/logo-64.png b/webapp/public/logo-64.png
index 7549783..b7e53b9 100644
Binary files a/webapp/public/logo-64.png and b/webapp/public/logo-64.png differ
diff --git a/webapp/src/components/ToastHost.tsx b/webapp/src/components/ToastHost.tsx
index 3c5ef0b..0de974b 100644
--- a/webapp/src/components/ToastHost.tsx
+++ b/webapp/src/components/ToastHost.tsx
@@ -12,8 +12,10 @@ export default function ToastHost({ toasts, onClose }: ToastHostProps) {
       {toasts.map((toast) => (
         <li key={toast.id} className={`toast-item ${toast.type}`}>
           <div className="toast-text">{toast.text}</div>
-          <button type="button" className="toast-close" onClick={() => onClose(toast.id)}>
-            x
+          <button type="button" className="toast-close" onClick={() => onClose(toast.id)} aria-label="关闭通知">
+            <svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" aria-hidden="true">
+              <path d="M3 3l8 8M11 3l-8 8" />
+            </svg>
           </button>
           <div className="toast-progress" />
         </li>
diff --git a/webapp/src/styles/overlays.css b/webapp/src/styles/overlays.css
index 9c36861..bedf22b 100644
--- a/webapp/src/styles/overlays.css
+++ b/webapp/src/styles/overlays.css
@@ -209,14 +209,29 @@
 }
 
 .toast-close {
-  @apply cursor-pointer border-0 bg-transparent text-xl;
+  @apply flex cursor-pointer items-center justify-center border-0;
+  flex-shrink: 0;
+  width: 36px;
+  height: 36px;
+  border-radius: 8px;
+  background: transparent;
   color: inherit;
-  transition: transform var(--dur-fast) var(--ease-out-soft), opacity var(--dur-fast) var(--ease-smooth);
+  -webkit-tap-highlight-color: transparent;
+  transition: background 120ms ease, opacity 120ms ease;
 }
 
 .toast-close:hover {
-  transform: scale(1.08);
-  opacity: 0.84;
+  background: rgba(0, 0, 0, 0.08);
+}
+
+.toast-close:active {
+  background: rgba(0, 0, 0, 0.14);
+}
+
+.toast-close:focus-visible {
+  outline: 2px solid currentColor;
+  outline-offset: -2px;
+  border-radius: 8px;
 }
 
 .toast-progress {