diff --git a/src/components/TitleBar.tsx b/src/components/TitleBar.tsx
index 01db0ff..a725a4a 100644
--- a/src/components/TitleBar.tsx
+++ b/src/components/TitleBar.tsx
@@ -32,9 +32,15 @@ export default function TitleBar({ docTitle, dirty }: Props) {
       </span>
       {tauri && (
         <span className="window-controls">
-          <button aria-label="最小化" onClick={() => void winAction('min')}>—</button>
-          <button aria-label="最大化或还原" onClick={() => void winAction('max')}>□</button>
-          <button aria-label="关闭" className="wc-close" onClick={() => void winAction('close')}>×</button>
+          <button aria-label="最小化" onClick={() => void winAction('min')}>
+            <svg width="10" height="10" viewBox="0 0 10 10" aria-hidden="true"><path d="M0 5 H10" stroke="currentColor" strokeWidth="1" /></svg>
+          </button>
+          <button aria-label="最大化或还原" onClick={() => void winAction('max')}>
+            <svg width="10" height="10" viewBox="0 0 10 10" aria-hidden="true"><rect x="0.5" y="0.5" width="9" height="9" fill="none" stroke="currentColor" /></svg>
+          </button>
+          <button aria-label="关闭" className="wc-close" onClick={() => void winAction('close')}>
+            <svg width="10" height="10" viewBox="0 0 10 10" aria-hidden="true"><path d="M0 0 L10 10 M10 0 L0 10" stroke="currentColor" strokeWidth="1" /></svg>
+          </button>
         </span>
       )}
     </header>
diff --git a/src/styles.css b/src/styles.css
index e092204..009316d 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -37,7 +37,7 @@ button { font: inherit; color: inherit; }
 .titlebar-app { color: var(--text-dim); }
 .dirty-dot { color: #d08a2d; font-size: 10px; }
 .window-controls { margin-left: auto; display: flex; height: 100%; }
-.window-controls button { width: 46px; border: 0; background: transparent; cursor: pointer; font-size: 14px; }
+.window-controls button { width: 46px; border: 0; background: transparent; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; color: var(--text); }
 .window-controls button:hover { background: var(--hover); }
 .window-controls .wc-close:hover { background: #c42b1c; color: #fff; }
 
@@ -153,6 +153,8 @@ kbd { background: var(--code-bg); border: 1px solid var(--border); border-radius
 .recovery-meta { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
 .recovery-meta span { color: var(--text-dim); font-size: 12px; }
 .recovery-actions { display: flex; gap: 6px; flex: none; }
+.recovery-actions button:not(.primary) { border: 1px solid var(--border); background: var(--bg); color: var(--text); border-radius: 7px; padding: 6px 14px; cursor: pointer; }
+.recovery-actions button:not(.primary):hover { background: var(--accent-weak); }
 .modal-actions.column { flex-direction: column; align-items: stretch; }
 .modal-field { display: flex; flex-direction: column; gap: 6px; font-size: 13px; margin: 8px 0 4px; }
 .tree-context-menu { position: fixed; z-index: 90; background: var(--bg-editor); border: 1px solid var(--border); border-radius: 8px; box-shadow: 0 10px 26px rgba(0,0,0,0.16); padding: 4px; min-width: 150px; }