:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#172238;background:#f5f7fc;font-synthesis:none;color-scheme:light;--ink:#172238;--muted:#77839a;--line:#e5eaf3;--blue:#356dff;--blue-soft:#edf3ff;--white:#fff;--nav-height:64px}[hidden]{display:none!important}
*{box-sizing:border-box}html,body,#app{margin:0;width:100%;min-width:0;min-height:100%;height:100%}body{line-height:1.5}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #9ab6ff;outline-offset:2px}.app{min-height:100dvh}.mail-view{height:100%;min-height:100dvh;display:flex;flex-direction:column;background:linear-gradient(140deg,#f8faff,#f1f5fd 48%,#fafbff)}
.topbar{height:66px;flex:0 0 66px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid #e4eaf4;background:#ffffffd9;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:700;font-size:17px;letter-spacing:-.04em}.brand-mark,.login-mark{display:grid;place-items:center;color:var(--blue);background:linear-gradient(145deg,#edf3ff,#fff);border:1px solid #dbe6fc;box-shadow:inset 0 1px 0 #fff,0 4px 14px #486dbb16}.brand-mark{width:34px;height:34px;border-radius:12px;font-size:17px}.account-area{display:flex;align-items:center;gap:14px;color:#6f7b91;font-size:12px}.quiet-button{min-height:34px;padding:5px 12px;border:1px solid #dce4f0;border-radius:999px;background:#fff;color:#627089;font-size:12px}.outbound-notice{flex:0 0 auto;margin:0;padding:8px 18px;text-align:center;color:#7a5b27;background:#fff8e9;border-bottom:1px solid #f0e4c9;font-size:12px}.workspace{display:grid;grid-template-columns:206px minmax(280px,370px) minmax(0,1fr);flex:1;min-height:0;max-width:1500px;width:100%;margin:0 auto;padding:18px;gap:15px}.folder-nav,.message-column,.message-view{min-width:0;border:1px solid rgba(219,227,240,.85);border-radius:22px;background:#ffffffc9;box-shadow:0 12px 34px #48628e0a,inset 0 1px 0 #fff}.folder-nav{padding:12px;display:flex;flex-direction:column;gap:5px}.compose-button,.primary-button{min-height:44px;border:0;border-radius:14px;color:#fff;background:linear-gradient(115deg,#3975ff,#5b86ff);box-shadow:0 8px 18px #356dff29;font-size:13px;font-weight:650}.compose-button{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:13px}.compose-button span{font-size:21px;line-height:1}.folder-button{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 12px;border:0;border-radius:12px;background:transparent;text-align:left;color:#64728a;font-size:13px}.folder-button>span:first-child{display:grid;place-items:center;width:20px;color:#8390a6;font-size:16px}.folder-button.selected{background:linear-gradient(105deg,#edf3ff,#f7f9ff);color:#285be0;font-weight:650}.folder-button.selected>span:first-child{color:#3971f4}.folder-button .count{margin-left:auto;color:#7d89a0;font-size:11px}
.message-column{display:flex;flex-direction:column;overflow:hidden}.list-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 17px 12px}.list-heading h2{display:inline;margin:0;font-size:17px;letter-spacing:-.04em}.muted{color:var(--muted);font-size:12px}.list-heading .muted{margin-left:7px}.icon-button{display:grid;place-items:center;width:35px;height:35px;border:1px solid #e2e8f2;border-radius:50%;background:#fff;color:#75829a;font-size:18px;line-height:1}.status{min-height:0;margin:0;padding:0 18px;color:#8490a4;font-size:12px}.status:not(:empty){padding-top:4px;padding-bottom:8px}.message-list{flex:1;min-height:0;overflow-y:auto;padding:0 8px 8px}.message-row{display:block;width:100%;padding:12px 10px;border:0;border-top:1px solid #edf0f6;border-radius:0;background:transparent;text-align:left}.message-row:hover,.message-row.selected{background:#f5f8ff}.message-row .row-top{display:flex;justify-content:space-between;gap:8px}.message-row .sender{min-width:0;overflow:hidden;color:#27334a;font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.message-row .date{flex:0 0 auto;color:#929caf;font-size:10px}.message-row .subject{display:flex;align-items:center;gap:6px;margin-top:4px;color:#46536b;font-size:12px;font-weight:550;overflow-wrap:anywhere}.message-row .preview{display:-webkit-box;overflow:hidden;margin-top:3px;color:#8994a6;font-size:11px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}.message-row.unread .sender,.message-row.unread .subject{color:#16243c;font-weight:700}.attachment-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#658bf3}
.message-view{position:relative;overflow:auto;padding:24px 28px}.message-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#929db0;font-size:13px}.message-empty p{margin:0}.empty-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:20px;border:1px solid #e2e9f5;background:#f8faff;color:#8297bf;font-size:24px}.detail-heading{padding-bottom:17px;border-bottom:1px solid #e9edf4}.detail-heading h2{margin:0 0 12px;font-size:20px;line-height:1.35;letter-spacing:-.04em;overflow-wrap:anywhere}.detail-meta{display:grid;gap:4px;color:#718098;font-size:12px;overflow-wrap:anywhere}.detail-meta strong{color:#40506a;font-weight:600}.detail-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.secondary-button,.danger-button{min-height:36px;padding:6px 12px;border:1px solid #dfe6f0;border-radius:11px;background:#fff;color:#5d6a81;font-size:12px}.danger-button{color:#a45b57;border-color:#f0d8d7}.mobile-back{display:none}.plain-body{margin:22px 0 28px;color:#2f3b51;font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.attachments{display:grid;gap:7px;margin-top:15px}.attachment-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid #e7ebf2;border-radius:12px;background:#fff;color:#4e5e79;text-decoration:none;font-size:12px}.attachment-link span:last-child{color:#8995a8;font-size:11px}
.load-more{display:block;align-self:center;margin:8px 0 14px;padding-inline:18px}.load-more:disabled{cursor:wait;opacity:.6}
.login-view{width:min(100% - 32px,390px);margin:0 auto;padding:48px 30px 32px;position:relative;top:max(5vh,24px);border:1px solid #e2e9f4;border-radius:26px;background:#ffffffd9;box-shadow:0 24px 75px #4268ab13}.login-mark{width:48px;height:48px;border-radius:16px;font-size:22px}.login-view h1{margin:20px 0 4px;font-size:23px;letter-spacing:-.05em}.login-view>p{margin:0 0 24px;color:#8490a4;font-size:13px}.login-form,.compose-form{display:grid;gap:14px}.login-form label,.compose-form label{display:grid;gap:6px;color:#68758d;font-size:12px}.login-form input,.compose-form input,.compose-form textarea{width:100%;min-width:0;border:1px solid #e1e7f0;border-radius:12px;background:#fbfcff;padding:11px 12px;font-size:14px}.login-form input{height:44px}.login-form .primary-button{margin-top:4px}.error{margin:0;padding:9px 11px;border-radius:10px;background:#fff0ef;color:#a84843;font-size:12px}.compose-dialog{width:min(680px,calc(100% - 24px));max-height:min(90dvh,840px);padding:0;border:1px solid #e3e9f3;border-radius:22px;background:#fbfcff;color:var(--ink);box-shadow:0 28px 90px #1e2e4d4d}.compose-dialog::backdrop{background:#18243c66;backdrop-filter:blur(4px)}.compose-form{gap:12px;padding:19px}.compose-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.compose-header h2{margin:0;font-size:17px;letter-spacing:-.035em}.compose-form textarea{resize:vertical;min-height:170px;line-height:1.65}.file-label input{padding:9px;background:#fff}.attachment-help{margin:-7px 0 0;color:#8a95a8;font-size:11px}.compose-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.compose-actions .primary-button{padding:0 20px}.toast{position:fixed;z-index:10;left:50%;bottom:24px;transform:translateX(-50%);padding:10px 15px;border-radius:12px;background:#26344e;color:#fff;box-shadow:0 8px 30px #1d2e4e2b;font-size:12px}
@media(max-width:850px){.workspace{grid-template-columns:160px minmax(250px,330px) minmax(0,1fr);gap:10px;padding:12px}.message-view{padding:20px}.folder-nav{padding:9px}}
@media(max-width:660px){html,body,#app{height:100%;min-height:100%}.mail-view{height:100dvh;min-height:0}.topbar{height:58px;flex-basis:58px;padding:0 15px}.brand{font-size:15px}.account-area{gap:8px;font-size:10px}.quiet-button{min-height:31px;padding:4px 9px}.workspace{display:flex;flex-direction:column;gap:0;min-height:0;padding:0}.folder-nav{flex:0 0 auto;display:flex;flex-direction:row;align-items:center;gap:4px;padding:8px 10px;border:0;border-bottom:1px solid #e5eaf3;border-radius:0;background:#fff9;box-shadow:none}.compose-button{width:42px;height:40px;min-height:40px;margin:0 5px 0 0;border-radius:13px;font-size:0}.compose-button span{font-size:20px}.folder-button{width:auto;min-height:38px;justify-content:center;gap:6px;padding:0 10px;white-space:nowrap;font-size:11px}.folder-button>span:first-child{width:auto;font-size:14px}.folder-button .count{margin-left:0}.message-column{flex:1;min-height:0;border:0;border-radius:0;background:transparent;box-shadow:none}.list-heading{padding:12px 15px 9px}.list-heading h2{font-size:16px}.message-list{padding:0 8px 8px}.message-row{padding:12px 10px}.message-view{display:none;position:fixed;z-index:4;inset:58px 0 0;padding:18px 17px;border:0;border-radius:0;background:#f6f8fc}.message-view.is-open{display:block}.mobile-back{display:inline-flex}.detail-heading h2{font-size:19px}.plain-body{margin-top:18px}.login-view{top:max(4vh,18px);padding:36px 23px 26px}.compose-dialog{width:100%;max-width:none;max-height:94dvh;margin:auto 0 0;border-radius:22px 22px 0 0}.compose-form{padding:16px 16px max(18px,env(safe-area-inset-bottom))}.compose-form textarea{min-height:130px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}