*{box-sizing:border-box}:root{color:#27364f;background:#dff1ff;font-family:Inter,Segoe UI,Microsoft YaHei,system-ui,sans-serif}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}.page{background:radial-gradient(circle at 30% 85%,#96dcff8c,#0000 32%),radial-gradient(circle at 86% 70%,#e8d3ffcc,#0000 34%),linear-gradient(135deg,#d8e7ff 0%,#e7f8ff 48%,#f3ecff 100%);min-height:100vh;padding:28px clamp(18px,5vw,84px)}.topbar{background:#f6fbffb8;border:1px solid #ffffffd9;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:104px;padding:24px 30px;display:grid;box-shadow:0 18px 52px #45629424}.brand-icon{color:#fff;background:linear-gradient(135deg,#3283ff,#03bfd1);border-radius:8px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 12px 26px #1987e547}.topbar h1{margin:0 0 6px;font-size:28px;line-height:1.1}.topbar p{color:#8a9bb5;margin:0;font-weight:700}.topbar-note{color:#5b6f90;margin-top:8px;font-weight:800;display:inline-block}.status-pill{color:#5980be;background:#e8f1ff;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-width:144px;padding:12px 18px;font-weight:800;display:inline-flex}.status-pill span{background:currentColor;border-radius:50%;width:8px;height:8px}.status-pill.danger{color:#ff4f67;background:#fff0f4;border:1px solid #ffc8d3}.status-pill.ok{color:#0b9a72;background:#e9fff7;border:1px solid #bcebdc}.status-pill.warning{color:#c97800;background:#fff5dc;border:1px solid #ffd98f}.workspace{grid-template-columns:378px minmax(0,1fr);gap:18px;margin-top:18px;display:grid}.sidebar,.controls{background:#f5fcffad;border:1px solid #ffffffd9;border-radius:8px;box-shadow:0 18px 52px #45629424}.sidebar{flex-direction:column;min-height:calc(100vh - 178px);padding:22px;display:flex}.side-title{color:#53647d;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:18px;display:grid}.side-title span{color:#2f6cf4;text-align:center;background:#d8e8ff;border-radius:999px;min-width:42px;padding:6px 12px;font-weight:900}.wide-primary,.wide-secondary{color:#fff;background:linear-gradient(135deg,#3b82ff,#2562e9);border-radius:8px;justify-content:center;align-items:center;gap:10px;height:48px;margin-top:20px;font-weight:900;display:inline-flex;box-shadow:0 12px 22px #2b63e73d}.wide-secondary{color:#2368e9;box-shadow:none;background:#e7f1ffe6;border:1px solid #b7d2ff;margin-top:10px}.wide-danger{color:#ff4057;background:#fff3f6;border:1px solid #ffc7d0;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:44px;margin-top:10px;font-weight:900;display:inline-flex}.wide-danger:disabled{opacity:.6;cursor:not-allowed}.wide-muted{color:#55657c;background:#fff;border:1px solid #dce6f2;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:42px;margin-top:12px;font-weight:800;display:inline-flex}.local-box{background:#ffffffb8;border:1px solid #dbe8f8;border-radius:8px;margin-top:14px;padding:14px}.local-box-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.local-box-head span{color:#0b9a72;background:#e9fff7;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:900}.local-box p,.local-box small{color:#6b7c95;margin:8px 0 0;line-height:1.5;display:block}.select-row{justify-content:space-between;align-items:center;gap:12px;margin:24px 0 12px;display:flex}.checkline{color:#92a2ba;align-items:center;gap:8px;font-weight:800;display:inline-flex}input[type=checkbox]{accent-color:#2f6cf4;width:20px;height:20px}.delete-btn,.clear-btn,.ghost-btn,.icon-btn{color:#ff4057;background:#fff;border:1px solid #ffd2d9;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:800;display:inline-flex}.delete-btn{min-width:142px;height:38px}.delete-btn:disabled,.primary-btn:disabled,.cyan-btn:disabled{opacity:.52;cursor:not-allowed}.account-list{flex-direction:column;gap:8px;padding-right:4px;display:flex;overflow:auto}.account-item{color:#43546f;text-align:left;background:#dfefffc7;border:1px solid #bdd7fa;border-radius:8px;grid-template-columns:28px 1fr;align-items:center;gap:10px;min-height:56px;padding:0 16px;font-weight:750;display:grid}.account-item.selected{background:#d6eaffeb;border-color:#9fc5fb}.fake-check{color:#fff;background:#2f6cf4;border-radius:6px;place-items:center;width:22px;height:22px;display:grid}.account-item:not(.selected) .fake-check{background:#d7e5f8}.empty-small,.empty-state{color:#8ea0ba;place-items:center;gap:10px;min-height:160px;display:grid}.clear-btn{color:#66758c;border-color:#dce6f2;width:112px;min-height:40px;margin-top:auto}.main-panel{min-width:0}.controls{grid-template-columns:minmax(240px,1fr) 240px 110px 140px 132px;align-items:center;gap:12px;padding:22px 28px;display:grid}.search-wrap,.sender-wrap,.limit-select,.code-toggle{color:#8da0bd;background:#ffffffc7;border:1px solid #e5edf7;border-radius:8px;align-items:center;gap:12px;height:48px;padding:0 16px;display:flex}.search-wrap input,.sender-wrap input{color:#34445f;background:0 0;border:0;outline:0;width:100%;min-width:0;font-weight:800}.limit-select{appearance:auto;color:#34445f;font-weight:800}.code-toggle{color:#34445f;cursor:pointer;font-weight:900}.code-toggle input{accent-color:#2f6cf4;width:16px;height:16px}.protocol-tabs{gap:10px;display:inline-flex}.protocol-tabs button{color:#2f6cf4;background:#e7f2ff;border:1px solid #a9ceff;border-radius:999px;min-width:72px;height:38px;font-weight:900}.protocol-tabs button.active{background:#d8eaff;box-shadow:inset 0 0 0 1px #8fbfff}.action-row{grid-column:4/6;justify-content:flex-end;gap:12px;display:flex}.primary-btn,.cyan-btn{color:#fff;background:linear-gradient(135deg,#3b82ff,#2562e9);border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 24px;font-weight:900;display:inline-flex;box-shadow:0 12px 22px #2b63e73d}.cyan-btn{background:linear-gradient(135deg,#06aeee,#008fc3)}.results-head{color:#4d5f78;justify-content:space-between;align-items:center;gap:18px;padding:26px 8px 14px;display:flex}.results-head>div:first-child{align-items:center;gap:12px;font-size:19px;display:inline-flex}.result-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.copy-latest-btn{color:#075c48;background:#dffcef;border:1px solid #9ce6cf;border-radius:999px;align-items:center;gap:8px;min-height:36px;padding:0 14px;font-weight:950;display:inline-flex}.result-pills{flex-wrap:wrap;gap:10px;display:inline-flex}.result-pills span{border-radius:999px;padding:7px 14px;font-weight:900}.result-pills .pink{color:#ff3d68;background:#ffe8f1}.result-pills .blue{color:#2e66f5;background:#e2edff}.message-list{flex-direction:column;gap:12px;display:flex}.message-card{cursor:pointer;text-align:left;background:#ffffff94;border:1px solid #ffffffd9;border-radius:8px;grid-template-columns:1fr auto;gap:18px;min-height:118px;padding:22px 26px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid;box-shadow:0 8px 18px #445b8414}.message-card:hover{border-color:#b9d4ff;transform:translateY(-1px);box-shadow:0 14px 28px #445b841f}.mail-meta{color:#5c6d86;align-items:center;gap:10px;font-size:15px;display:inline-flex}.tag{border-radius:7px;align-items:center;height:24px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.tag.imap{color:#ff3d68;background:#ffe8f1}.tag.graph{color:#2e66f5;background:#e2edff}.message-card h3{margin:12px 0 10px;font-size:18px}.code-badge{color:#075c48;letter-spacing:.08em;background:linear-gradient(135deg,#dffcef,#c8f7ff);border:1px solid #a8ead8;border-radius:10px;align-items:center;gap:8px;width:fit-content;margin:0 0 12px;padding:9px 14px;font-size:22px;font-weight:950;display:inline-flex;box-shadow:0 8px 18px #075c481a}.code-badge:hover,.copy-latest-btn:hover{filter:brightness(.98);transform:translateY(-1px)}.code-badge small{color:#1e806a;letter-spacing:0;font-size:12px}.message-card p{color:#8da0b9;overflow-wrap:anywhere;max-width:960px;margin:0 0 9px;font-weight:700}.message-card small,.message-card time{color:#96a6bd;font-weight:800}.toast-stack{z-index:20;flex-direction:column;gap:10px;width:min(460px,100vw - 48px);display:flex;position:fixed;top:128px;right:24px}.toast{color:#334058;background:#ffffffeb;border-left:4px solid #ff4057;border-radius:8px;grid-template-columns:24px 1fr;gap:12px;padding:16px;display:grid;box-shadow:0 18px 48px #3f4e7b29}.toast svg{color:#ff4057;margin-top:3px}.toast p{overflow-wrap:anywhere;margin:0;line-height:1.55}.toast-body{min-width:0}.toast-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px;display:flex}.toast-head strong{overflow-wrap:anywhere}.toast-close{color:#8d9ab0;background:#f3f6fb;border:1px solid #e0e7f1;border-radius:999px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.toast-close:hover{color:#ff4057;background:#fff3f6;border-color:#ffc7d0}.toast small{color:#66758c;margin-top:8px;line-height:1.5;display:block}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e2e4e42;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:#f7fbff;border-radius:8px;width:min(760px,100%);padding:24px;box-shadow:0 28px 80px #2234563d}.modal-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.modal h2{margin:0 0 6px}.modal p{color:#8294ae;margin:0;font-weight:700}.modal textarea{resize:vertical;border:1px solid #d8e5f4;border-radius:8px;outline:0;width:100%;min-height:220px;margin-top:20px;padding:16px}.icon-btn{color:#55657c;border-color:#dce6f2;width:38px;height:38px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.message-detail-modal{width:min(920px,100%)}.message-detail-meta{background:#edf6ff;border-radius:8px;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;padding:16px;display:grid}.message-detail-meta div{gap:6px;display:grid}.message-detail-meta strong{color:#5a6a82}.message-detail-meta span{color:#33445e;overflow-wrap:anywhere;font-weight:800}.message-detail-body{background:#ffffffeb;border:1px solid #dbe7f4;border-radius:8px;max-height:min(70vh,680px);margin-top:16px;padding:18px;overflow:auto}.message-detail-body pre{white-space:pre-wrap;word-break:break-word;color:#33445e;margin:0;font-family:inherit;line-height:1.65}.detail-loading{color:#5a6a82;place-items:center;gap:10px;min-height:160px;font-weight:800;display:grid}.detail-inline-note{color:#5a6a82;align-items:center;gap:8px;margin-bottom:12px;font-weight:800;display:inline-flex}.ghost-btn{color:#5a6a82;border-color:#dce6f2;min-height:44px;padding:0 18px}.import-errors{color:#d7344d;background:#fff2f4;border-radius:8px;margin-top:12px;padding:12px}.import-errors p+p{margin-top:6px}.field-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:20px;display:grid}.field-grid label{color:#5c6d86;gap:8px;font-weight:850;display:grid}.field-grid input,.field-grid select{border:1px solid #d8e5f4;border-radius:8px;height:44px;padding:0 12px}.auth-result{background:#edf6ff;border-radius:8px;gap:10px;margin-top:16px;padding:14px;display:grid}.auth-result a{color:#1d65e8;font-weight:900}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1120px){.workspace,.topbar{grid-template-columns:1fr}.status-pill{justify-self:start}.sidebar{min-height:auto}.controls{grid-template-columns:1fr}.action-row{grid-column:auto;justify-content:stretch}.action-row button{flex:1}}@media (width<=640px){.page{padding:14px}.topbar,.sidebar,.controls,.message-card,.modal{padding:18px}.message-card,.field-grid,.message-detail-meta{grid-template-columns:1fr}.action-row,.select-row{flex-direction:column;align-items:stretch}}