:root{font-family:Segoe UI,Microsoft YaHei UI,Microsoft YaHei,sans-serif;color:#202527;background:#f6f7f8;font-synthesis:none;text-rendering:optimizeLegibility;--accent: #147d64;--accent-hover: #0d6853;--accent-soft: #e5f2ee;--surface: #ffffff;--canvas: #f6f7f8;--line: #dde2e4;--line-soft: #e9edef;--muted: #667075;--text: #202527;--danger: #b33a3a;--radius: 6px}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px;min-height:100dvh}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #2a8f76;outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}.boot-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.brand-mark{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:var(--accent);border-radius:var(--radius)}.brand-lockup{display:flex;align-items:center;gap:11px;font-size:18px}.brand-lockup.compact{font-size:17px}.brand-lockup.compact .brand-mark{width:34px;height:34px}.login-page{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);background:var(--surface)}.login-intro{min-height:100dvh;padding:clamp(32px,5vw,72px);display:flex;flex-direction:column;justify-content:space-between;color:#edf4f2;background:#183a34}.login-intro .brand-mark{color:#173a34;background:#d8eee7}.login-intro h1{max-width:680px;margin:14px 0 18px;font-size:clamp(38px,5vw,68px);line-height:1.08;letter-spacing:0;font-weight:650}.section-label{margin:0;color:#a7c8be;font-size:13px;font-weight:650}.login-copy{max-width:580px;margin:0;color:#c5d7d2;font-size:17px;line-height:1.8}.protocol-row{display:flex;gap:10px;flex-wrap:wrap}.protocol-row span{padding:7px 10px;border:1px solid #49665f;border-radius:4px;font-size:12px;color:#c9dad5}.login-panel{display:flex;align-items:center;justify-content:center;padding:32px}.login-form{width:min(380px,100%);display:grid;gap:22px}.login-form h2{margin:0 0 7px;font-size:25px;letter-spacing:0}.login-form p{margin:0;color:var(--muted);line-height:1.6}label{display:grid;gap:8px;color:#3d4548;font-size:13px;font-weight:600}input,textarea,select{width:100%;border:1px solid #cfd6d8;border-radius:var(--radius);color:var(--text);background:#fff;transition:border-color .16s ease,box-shadow .16s ease}input,select{height:42px;padding:0 12px}textarea{min-height:240px;padding:12px;resize:vertical}input:hover,textarea:hover,select:hover{border-color:#aeb8bb}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #147d641f;outline:none}.button{min-height:38px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius);font-weight:650;cursor:pointer;white-space:nowrap;transition:background .16s ease,border-color .16s ease,transform .08s ease}.button:active,.icon-button:active{transform:translateY(1px)}.button.primary{color:#fff;background:var(--accent)}.button.primary:hover{background:var(--accent-hover)}.button.secondary{color:var(--text);background:#fff;border-color:#cfd6d8}.button.secondary:hover{background:#f3f5f5}.button.wide{width:100%;height:44px}.inline-error{padding:10px 12px;border-left:3px solid var(--danger);color:#862929!important;background:#fbefef;font-size:13px}.setup-note{font-size:12px}.app-shell{min-height:100dvh;display:grid;grid-template-columns:248px minmax(0,1fr);background:var(--canvas)}.sidebar{height:100dvh;padding:18px 14px 14px;display:flex;flex-direction:column;background:#eef1f1;border-right:1px solid #d9dfe0;position:sticky;top:0;z-index:20}.sidebar-head{min-height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 7px}.compose-button{margin:25px 4px 22px;height:42px}.mailbox-switcher{padding:0 4px 17px;border-bottom:1px solid #d8dddf}.mailbox-switcher>label{margin-bottom:7px;color:#737d81;font-size:11px}.select-wrap{position:relative}.select-wrap select{appearance:none;height:38px;padding-right:34px;background:#fff;font-size:12px}.select-wrap svg{position:absolute;right:10px;top:12px;pointer-events:none;color:#667075}.text-button{margin-top:9px;padding:3px 2px;display:inline-flex;align-items:center;gap:5px;border:0;color:var(--accent-hover);background:transparent;font-size:12px;font-weight:650;cursor:pointer}.folder-nav{display:grid;gap:4px;padding-top:16px}.folder-nav button,.sidebar-footer>button{height:38px;padding:0 11px;display:flex;align-items:center;gap:11px;border:0;border-radius:var(--radius);background:transparent;color:#465054;cursor:pointer;text-align:left}.folder-nav button:hover,.sidebar-footer>button:hover{background:#e3e8e7}.folder-nav button.active{color:#0d5d4a;background:#dce9e5;font-weight:700}.sidebar-footer{margin-top:auto;display:grid;gap:3px;padding-top:14px;border-top:1px solid #d8dddf}.user-row{margin-top:10px;padding:10px 8px;display:flex;align-items:center;gap:10px}.user-row>span:last-child{min-width:0;display:grid;gap:2px}.user-row strong,.user-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-row strong{font-size:12px}.user-row small{color:var(--muted);font-size:11px}.workspace{min-width:0;height:100dvh;display:grid;grid-template-rows:61px auto 1fr;overflow:hidden}.topbar{padding:0 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);background:var(--surface)}.search-box{width:min(480px,100%);height:38px;padding:0 11px;display:flex;align-items:center;gap:9px;border:1px solid #d3dadd;border-radius:var(--radius);background:#f8f9f9}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #147d641a}.search-box svg{color:#667075}.search-box input{height:100%;padding:0;border:0;outline:none;box-shadow:none;background:transparent}.search-box input:focus{box-shadow:none}.icon-button{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius);background:transparent;cursor:pointer}.icon-button:hover{background:#eef1f2}.icon-button.dark{color:#e7efed}.icon-button.dark:hover{background:#ffffff1a}.topbar>.icon-button:last-child{margin-left:auto;border-color:#d6dcde;background:#fff}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-banner,.config-banner{min-height:42px;padding:9px 18px;display:flex;align-items:center;gap:9px;border-bottom:1px solid;font-size:13px}.error-banner{color:#7f2929;border-color:#eccccc;background:#fbefef}.error-banner button{margin-left:auto;border:0;background:transparent;cursor:pointer}.config-banner{color:#69500e;border-color:#eadba7;background:#fff8df}.mail-layout{min-height:0;display:grid;grid-template-columns:minmax(360px,42%) minmax(0,58%);background:var(--surface)}.message-column{min-width:0;overflow:auto;border-right:1px solid var(--line)}.column-title{height:78px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-soft);position:sticky;top:0;z-index:2;background:#fffffff5}.column-title h1{margin:0 0 3px;font-size:20px;letter-spacing:0}.column-title div span,.count{color:var(--muted);font-size:11px}.count{padding:4px 7px;border-radius:4px;background:#f0f2f3}.message-list{display:grid}.message-row{width:100%;min-height:92px;padding:14px 16px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:start;border:0;border-bottom:1px solid var(--line-soft);background:#fff;cursor:pointer;text-align:left}.message-row:hover{background:#f7f9f9}.message-row.selected{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.message-row.unread .sender-line strong,.message-row.unread .subject-line{font-weight:750;color:#17201e}.avatar{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:50%;color:#30544b;background:#dfeae7;font-size:11px;font-weight:750}.avatar.small{width:30px;height:30px}.avatar.large{width:42px;height:42px;font-size:12px}.message-copy{min-width:0;display:grid;gap:5px}.sender-line{display:flex;align-items:center;gap:8px}.sender-line strong{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}.sender-line time{color:#7b8488;font-size:10px}.subject-line,.preview-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subject-line{color:#394145;font-size:12px}.preview-line{color:#7a8488;font-size:11px}.row-actions{display:flex;align-items:center;gap:2px;color:#758084}.star-button{width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;border-radius:4px;color:#7b8588;background:transparent;cursor:pointer}.star-button:hover{background:#e8ecec}.star-button.active{color:#9a710d}.reader{min-width:0;overflow:auto;background:#fff}.reader-toolbar{height:56px;padding:0 18px;display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--line-soft);position:sticky;top:0;z-index:2;background:#fffffff5}.reader-toolbar>span{flex:1}.reader-body{width:min(820px,100%);margin:0 auto;padding:34px clamp(24px,5vw,64px) 80px}.reader-body h2{margin:0 0 27px;font-size:clamp(23px,2.5vw,32px);line-height:1.3;letter-spacing:0;font-weight:650}.sender-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--line-soft)}.sender-card div{min-width:0;display:grid;gap:3px}.sender-card strong{font-size:13px}.sender-card span,.sender-card small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.sender-card time{color:var(--muted);font-size:11px;white-space:nowrap}.mail-body{padding-top:30px;color:#333a3c;font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.reader-empty,.empty-list,.empty-page{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#879094}.reader-empty{min-height:calc(100dvh - 118px);gap:10px}.reader-empty p,.empty-list p,.empty-page p{margin:0}.empty-list{min-height:330px;gap:7px}.empty-list h3,.empty-page h2{margin:8px 0 0;color:#424b4e;font-size:15px}.empty-list p,.empty-page p{font-size:12px}.empty-page{min-height:0;gap:10px;background:#fff}.empty-page .button{margin-top:8px}.empty-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:var(--radius);color:var(--accent);background:var(--accent-soft)}.skeleton-list{padding:0 16px}.skeleton-row{height:92px;display:grid;grid-template-columns:38px 1fr;grid-template-rows:17px 12px;gap:10px 12px;align-content:center;border-bottom:1px solid var(--line-soft)}.skeleton-row i{width:36px;height:36px;grid-row:1 / 3;border-radius:50%;background:#edf0f1}.skeleton-row span,.skeleton-row b{display:block;border-radius:3px;background:#edf0f1}.skeleton-row span{width:55%}.skeleton-row b{width:82%}.modal-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;background:#161c1d7a}.modal{width:min(520px,100%);padding:22px;display:grid;gap:19px;border-radius:var(--radius);background:#fff;box-shadow:0 24px 70px #16362f33}.modal header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.modal h2{margin:0 0 5px;font-size:20px}.modal header p{margin:0;color:var(--muted);font-size:12px}.modal label small{color:var(--muted);font-weight:400}.modal footer{display:flex;justify-content:flex-end;gap:8px;padding-top:3px}.address-field{display:grid;grid-template-columns:1fr auto}.address-field input{border-radius:var(--radius) 0 0 var(--radius)}.address-field b{min-width:130px;padding:0 11px;display:flex;align-items:center;border:1px solid #cfd6d8;border-left:0;border-radius:0 var(--radius) var(--radius) 0;background:#f2f4f4;color:#536064;font-size:12px}.compose-wrap{position:fixed;right:24px;bottom:0;z-index:50;width:min(620px,calc(100vw - 48px))}.compose-window{overflow:hidden;border:1px solid #bfc8c9;border-bottom:0;border-radius:var(--radius) var(--radius) 0 0;background:#fff;box-shadow:0 16px 50px #1a302c3d}.compose-window>header{height:44px;padding:0 10px 0 15px;display:flex;align-items:center;justify-content:space-between;color:#ecf4f2;background:#1e3f38;font-size:13px}.compose-fields{display:grid}.compose-fields label{grid-template-columns:66px 1fr;align-items:center;gap:0;padding:0 14px;border-bottom:1px solid var(--line-soft)}.compose-fields label span{color:var(--muted);font-size:12px}.compose-fields input{border:0;border-radius:0;box-shadow:none}.compose-fields input:focus{box-shadow:none}.compose-fields .subject-input{height:44px;padding:0 14px;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;box-shadow:none}.compose-fields textarea{height:280px;min-height:180px;border:0;border-radius:0;box-shadow:none;resize:vertical}.compose-window>footer{height:54px;padding:8px 12px;display:flex;align-items:center;gap:6px;border-top:1px solid var(--line-soft)}.mobile-only,.sidebar-scrim{display:none}.rotate-90{transform:rotate(90deg)}@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-intro{min-height:42dvh;padding:28px;gap:48px}.login-intro h1{font-size:38px}.protocol-row{display:none}.login-panel{min-height:58dvh}.app-shell{grid-template-columns:1fr}.sidebar{width:min(300px,86vw);position:fixed;left:0;transform:translate(-101%);transition:transform .2s ease}.sidebar.open{transform:translate(0)}.sidebar-scrim{position:fixed;inset:0;z-index:15;display:block;background:#131a1b61}.mobile-only{display:inline-flex}.mail-layout{grid-template-columns:minmax(320px,43%) minmax(0,57%)}}@media(max-width:680px){.login-intro{min-height:34dvh;gap:32px}.login-intro h1{margin-bottom:0;font-size:31px}.login-copy{display:none}.login-panel{min-height:66dvh;padding:28px 20px;align-items:flex-start}.workspace{grid-template-rows:57px auto 1fr}.topbar{padding:0 12px}.mail-layout{display:block;position:relative;overflow:hidden}.message-column,.reader{width:100%;height:100%}.message-column.hiddenOnMobile,.reader{display:none}.reader.visibleOnMobile{display:block}.reader-body{padding:25px 20px 70px}.sender-card{grid-template-columns:42px minmax(0,1fr)}.sender-card time{grid-column:2}.compose-wrap{right:0;width:100vw}.compose-wrap{inset:0;height:100dvh;z-index:70}.compose-window{height:100%;display:grid;grid-template-rows:44px minmax(0,1fr) 54px;border:0;border-radius:0}.compose-fields{min-height:0;grid-template-rows:44px 44px 44px 44px minmax(0,1fr)}.compose-fields textarea{height:100%;min-height:0;resize:none}.modal-backdrop{align-items:end;padding:0}.modal{width:100%;border-radius:var(--radius) var(--radius) 0 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}