:root{--bg: #f5f6f8;--card: #ffffff;--border: #e3e5ea;--text: #24292f;--muted: #6b7280;--primary: #2563eb;--primary-hover: #1d4ed8;--danger: #b91c1c;--danger-bg: #fef2f2;--hover-bg: #f6f8fb;--selected-bg: #eff4ff;--accent-soft: #eff4ff;--accent-soft-border: #c7d7fe;--accent-soft-hover: #e0eaff}[data-theme=dark]{--bg: #0e1116;--card: #161b22;--border: #2c333d;--text: #e6edf3;--muted: #8b949e;--primary: #5389f0;--primary-hover: #6ea0f5;--danger: #ff7b72;--danger-bg: #3d1418;--hover-bg: #1c2430;--selected-bg: #1d2a3f;--accent-soft: #18263e;--accent-soft-border: #2c4a7c;--accent-soft-hover: #1f3354}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,Microsoft YaHei,Roboto,Helvetica,Arial,sans-serif;font-size:14px}button{font:inherit;cursor:pointer}.theme-toggle{position:fixed;top:12px;right:16px;z-index:30;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border);background:var(--card);color:var(--text);box-shadow:0 2px 8px #00000014;transition:border-color .15s,color .15s}.theme-toggle:hover{border-color:var(--primary);color:var(--primary)}.bind-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.bind-card{width:min(440px,92vw);background:var(--card);border:1px solid var(--border);border-radius:12px;padding:40px 36px;text-align:center;box-shadow:0 8px 30px #0000000f}.bind-title{margin:0 0 8px;font-size:24px}.bind-desc{margin:0 0 28px;color:var(--muted)}.bind-button{width:100%;padding:12px 0;font-size:16px;color:#fff;background:var(--primary);border:none;border-radius:8px;transition:background .15s}.bind-button:hover{background:var(--primary-hover)}.bind-button:disabled{opacity:.7;cursor:default}.bind-hint{margin-top:16px;color:var(--muted);font-size:12px}.bind-error{margin-top:16px;padding:10px 12px;border-radius:8px;background:var(--danger-bg);color:var(--danger);text-align:left;word-break:break-all}.modal-mask{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:10}.modal-box{width:min(560px,92vw);background:var(--card);border-radius:12px;padding:28px 28px 22px;text-align:center;box-shadow:0 20px 50px #0003}.modal-text{margin:0 0 18px;font-size:15px;line-height:1.8}.modal-address{display:inline-block;margin-top:6px;font-family:Consolas,Menlo,monospace;font-size:13px;color:var(--primary);word-break:break-all}.copy-button{width:100%;padding:11px 0;color:var(--primary);background:var(--accent-soft);border:1px solid var(--accent-soft-border);border-radius:8px}.copy-button:hover{background:var(--accent-soft-hover)}.modal-close{margin-top:10px;padding:8px 24px;color:var(--muted);background:none;border:none}.mails-page{height:100vh;display:flex;flex-direction:column}.mails-header{display:flex;align-items:baseline;gap:16px;padding:14px 20px;background:var(--card);border-bottom:1px solid var(--border)}.mails-account{font-size:16px;font-weight:600}.mails-sync-time{color:var(--muted);font-size:12px}.mails-banner{margin:10px 20px 0;padding:8px 12px;border-radius:8px;background:var(--danger-bg);color:var(--danger);word-break:break-all}.mails-body{flex:1;display:flex;gap:14px;padding:14px 20px 20px;min-height:0}.mails-list-pane{width:380px;min-width:300px;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden}.mails-list-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border)}.mails-list-head h2{margin:0;font-size:15px}.sync-button{padding:5px 16px;color:#fff;background:var(--primary);border:none;border-radius:6px}.sync-button:hover{background:var(--primary-hover)}.sync-button:disabled{opacity:.6;cursor:default}.mails-list{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.mail-item{padding:10px 14px;border-bottom:1px solid var(--border);cursor:pointer}.mail-item:hover{background:var(--hover-bg)}.mail-item.selected{background:var(--selected-bg)}.mail-item-top{display:flex;justify-content:space-between;gap:8px;margin-bottom:2px}.mail-sender{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-date{flex-shrink:0;color:var(--muted);font-size:12px}.mail-subject{margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-snippet{color:var(--muted);font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mails-content-pane{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden}.mails-content-title{margin:0;padding:12px 16px;font-size:15px;border-bottom:1px solid var(--border)}.mails-content-body{flex:1;display:flex;flex-direction:column;min-height:0}.content-meta{padding:12px 16px;border-bottom:1px solid var(--border);line-height:1.7;word-break:break-all}.mail-iframe{flex:1;width:100%;border:none;background:#fff}.mails-empty{padding:20px 16px;color:var(--muted)}