:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#fafafa;--background-soft:#f7f5ff;--surface:#fff;--surface-muted:#f4f1fb;--text:#171322;--muted:#6f687b;--line:#e8e2f0;--primary:#7c3aed;--primary-strong:#6d28d9;--primary-soft:#ede9fe;--success:#15803d;--warning:#9a5b00;--danger:#b42318;--shadow:0 22px 70px #452a7c1f;--glow:0 0 48px #7c3aed33}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at 50% 0%, #7c3aed29, transparent 34rem), linear-gradient(180deg, #fff 0%, var(--background) 45%, #fff 100%);color:var(--text);font-family:Arial,Microsoft YaHei,PingFang SC,sans-serif;font-size:16px}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.app-shell{min-height:100vh;padding-top:72px}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#fafafad1;border-bottom:1px solid #e8e2f0cc;justify-content:space-between;align-items:center;gap:16px;padding:14px clamp(18px,4vw,40px);display:flex;position:fixed;top:0;left:0;right:0}.brand{align-items:center;gap:10px;display:inline-flex}.brand-mark,.demo-icon{border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#8b5cf6,#a855f7 50%,#ec4899);width:34px;height:34px}.brand h1{letter-spacing:0;margin:0;font-size:19px;line-height:1.1}.brand p{color:var(--muted);margin:1px 0 0;font-size:13px}.topbar-actions{align-items:center;gap:10px;display:flex}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;text-decoration:none;transition:background .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:focus-visible,.mail-item:focus-visible,.demo-tool:focus-visible{outline-offset:3px;outline:3px solid #7c3aed47}.button-primary{color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 14px 30px #7c3aed47}.button-primary:hover{background:linear-gradient(135deg, var(--primary-strong), #9333ea)}.button-secondary{border-color:var(--line);color:var(--text);background:#fffc}.button-secondary:hover{background:var(--surface);border-color:#d8c9ed}.button-ghost{color:var(--muted);background:0 0}.hero-shell{grid-template-columns:minmax(0,1fr) minmax(340px,520px);align-items:center;gap:clamp(28px,5vw,56px);max-width:1160px;min-height:calc(100vh - 72px);margin:0 auto;padding:clamp(36px,7vw,88px) clamp(18px,4vw,40px) 56px;display:grid}.hero-copy{gap:22px;display:grid}.eyebrow{color:var(--primary);background:#7c3aed1a;border:1px solid #7c3aed2e;border-radius:999px;justify-self:start;align-items:center;gap:8px;min-height:34px;padding:0 12px;font-size:14px;font-weight:700;display:inline-flex}.hero-copy h2{letter-spacing:0;max-width:760px;margin:0;font-size:clamp(42px,7vw,76px);line-height:1.02}.hero-copy h2 span{color:#0000;background:linear-gradient(135deg,#7c3aed,#ec4899);-webkit-background-clip:text;background-clip:text}.hero-copy p{color:var(--muted);max-width:680px;margin:0;font-size:clamp(17px,2vw,20px);line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.trust-note{color:var(--muted);align-items:center;gap:7px;font-size:14px;display:inline-flex}.hero-proof{flex-wrap:wrap;gap:10px;display:flex}.hero-proof span{color:var(--muted);align-items:center;gap:7px;font-size:14px;display:inline-flex}.hero-proof svg,.trust-note svg{color:var(--primary)}.live-demo-card{box-shadow:var(--shadow), var(--glow);background:#ffffffeb;border:1px solid #e8e2f0eb;border-radius:8px;min-width:0;overflow:hidden}.demo-titlebar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:0 18px;display:flex}.window-dots{gap:6px;display:inline-flex}.window-dots span{border-radius:999px;width:11px;height:11px}.window-dots span:first-child{background:#fb7185}.window-dots span:nth-child(2){background:#facc15}.window-dots span:nth-child(3){background:#22c55e}.live-status{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.live-status span{background:var(--primary);border-radius:999px;width:8px;height:8px;animation:1.4s ease-in-out infinite pulse}.demo-block{border-bottom:1px solid var(--line);grid-template-columns:36px minmax(0,1fr);align-items:flex-start;gap:12px;padding:18px;display:grid}.demo-icon{width:36px;height:36px;margin-top:3px}.muted-icon{background:var(--primary-soft);color:var(--primary)}.gradient-icon{color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7)}.demo-block label{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.demo-block p{color:var(--text);margin:0;line-height:1.6}.typing-line:after{background:var(--primary);content:"";vertical-align:middle;width:2px;height:18px;margin-left:4px;animation:1s steps(2,start) infinite blink;display:inline-block}.demo-footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:15px 18px;font-size:13px;display:flex}.demo-tool{color:var(--muted);background:0 0;border:0;align-items:center;gap:6px;padding:4px 0;display:inline-flex}.demo-tool:hover{color:var(--primary)}.main-grid{grid-template-columns:minmax(280px,360px) minmax(0,1fr) minmax(320px,420px);gap:18px;max-width:1440px;margin:0 auto;padding:22px clamp(18px,4vw,40px) 40px;display:grid}.workspace-alert{max-width:1440px;margin:0 auto;padding:18px clamp(18px,4vw,40px) 0}.panel{border:1px solid var(--line);background:#ffffffe6;border-radius:8px;min-width:0;overflow:hidden;box-shadow:0 16px 42px #452a7c14}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px;display:flex}.panel-header h2{letter-spacing:0;margin:0;font-size:18px}.panel-body{padding:16px}.mail-list{max-height:calc(100vh - 168px);display:grid;overflow:auto}.mail-item{border:0;border-bottom:1px solid var(--line);color:inherit;text-align:left;background:0 0;gap:7px;width:100%;padding:14px 16px;transition:background .18s,color .18s;display:grid}.mail-item:hover,.mail-item-selected{background:#7c3aed14}.mail-item-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.mail-item strong,.message-title{overflow-wrap:anywhere}.mail-meta,.muted,.status-text{color:var(--muted)}.mail-preview{color:var(--muted);line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.badge-row{flex-wrap:wrap;gap:8px;display:flex}.badge{background:var(--surface-muted);color:var(--muted);border-radius:999px;align-items:center;gap:5px;min-height:26px;padding:0 10px;font-size:13px;display:inline-flex}.badge-warning{color:var(--warning);background:#fff4d8}.badge-success{color:var(--success);background:#ecfdf3}.badge-danger{color:var(--danger);background:#fdecec}.message-body{white-space:pre-wrap;max-height:calc(100vh - 312px);line-height:1.7;overflow:auto}.empty-state{color:var(--muted);text-align:center;place-items:center;gap:10px;min-height:280px;padding:34px;display:grid}.analysis-grid{gap:14px;display:grid}.analysis-section{border-bottom:1px solid var(--line);gap:8px;padding-bottom:14px;display:grid}.analysis-section:last-child{border-bottom:0;padding-bottom:0}.analysis-section h3{margin:0;font-size:15px}.analysis-section p,.analysis-section ul{margin:0}.analysis-section ul{padding-left:20px}.reply-box{background:var(--surface-muted);border:1px solid var(--line);white-space:pre-wrap;border-radius:8px;padding:12px;line-height:1.65}.error-box{color:var(--danger);background:#fdecec;border:1px solid #f7b4ae;border-radius:8px;padding:12px}.success-box{color:var(--success);background:#ecfdf3;border:1px solid #15803d38;border-radius:8px;padding:12px}.login-shell{align-items:center;min-height:100vh;padding:24px;display:grid}.marketing-page{min-height:100vh;padding:24px clamp(18px,4vw,44px) 42px;overflow:hidden}.marketing-nav{justify-content:space-between;align-items:center;gap:18px;max-width:1160px;margin:0 auto;display:flex}.marketing-brand{color:inherit;text-decoration:none}.marketing-hero{grid-template-columns:minmax(0,1fr) minmax(340px,480px);align-items:center;gap:clamp(28px,5vw,58px);max-width:1160px;min-height:calc(100vh - 280px);margin:0 auto;padding:clamp(52px,8vw,104px) 0 clamp(34px,6vw,72px);display:grid}.marketing-copy{gap:22px;display:grid}.marketing-copy h2{letter-spacing:0;margin:0;font-size:clamp(58px,10vw,112px);line-height:.95}.marketing-copy p{color:var(--muted);max-width:680px;margin:0;font-size:clamp(17px,2vw,20px);line-height:1.75}.home-preview-card{box-shadow:var(--shadow), var(--glow);background:#fffffff0;border:1px solid #e8e2f0f2;border-radius:8px;overflow:hidden}.preview-mail,.preview-result,.preview-reply{border-bottom:1px solid var(--line);gap:8px;padding:18px;display:grid}.preview-reply{border-bottom:0}.preview-mail span,.preview-result span,.preview-reply span{color:var(--muted);font-size:12px;font-weight:700}.preview-mail strong{font-size:18px}.preview-mail p,.preview-result p,.preview-reply p{margin:0;line-height:1.65}.preview-result{background:#ede9fe8a}.feature-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1160px;margin:0 auto;display:grid}.feature-card{border:1px solid var(--line);background:#ffffffd1;border-radius:8px;gap:12px;padding:18px;display:grid}.feature-card h3{margin:0;font-size:18px}.feature-card p{color:var(--muted);margin:0;line-height:1.65}.login-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffffff0;border-radius:8px;gap:20px;width:100%;max-width:460px;margin:0 auto;padding:28px;display:grid}.login-brand{margin-bottom:4px}.login-panel h2,.page-heading h2{letter-spacing:0;margin:0;font-size:28px;line-height:1.2}.form-stack,.settings-form{gap:14px;display:grid}.form-stack label,.settings-form label{color:var(--text);gap:7px;font-size:14px;font-weight:700;display:grid}.form-stack input,.form-stack select,.settings-form input,.settings-form select{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:8px;min-height:44px;padding:0 12px}.form-stack input:focus,.form-stack select:focus,.settings-form input:focus,.settings-form select:focus{border-color:#7c3aed99;outline:3px solid #7c3aed2e}.admin-shell{grid-template-columns:252px minmax(0,1fr);min-height:100vh;display:grid}.admin-console{--background:#f8fafc;--background-soft:#f1f5f9;--surface:#fff;--surface-muted:#f8fafc;--text:#0f172a;--muted:#64748b;--line:#e2e8f0;--primary:#2563eb;--primary-strong:#1d4ed8;--primary-soft:#eff6ff;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--shadow:0 1px 2px #0f172a0a, 0 12px 32px #0f172a0f;background:var(--background);color:var(--text);font-size:14px}.admin-console .sidebar{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:18px;height:100vh;padding:16px;display:flex;position:sticky;top:0}.admin-console .sidebar-brand{border-bottom:1px solid var(--line);padding:2px 2px 16px}.admin-console .brand-mark{box-shadow:none;background:#111827;border-radius:8px;width:32px;height:32px}.admin-console .brand h1{font-size:17px;font-weight:700}.admin-console .brand p{color:var(--muted);font-size:12px}.admin-console .sidebar-nav{gap:18px;display:grid}.admin-console .sidebar-nav-group{gap:7px;display:grid}.admin-console .sidebar-nav-group h2{color:#94a3b8;letter-spacing:0;margin:0;padding:0 10px;font-size:12px;font-weight:700}.admin-console .sidebar-nav-group div{gap:4px;display:grid}.admin-console .sidebar-nav a{color:#475569;border-radius:8px;align-items:center;gap:10px;min-height:38px;padding:0 10px;font-weight:600;text-decoration:none;transition:background .16s,color .16s,box-shadow .16s;display:flex}.admin-console .sidebar-nav a:hover,.admin-console .sidebar-nav a:focus-visible{background:var(--primary-soft);color:var(--primary);outline:0}.admin-console .sidebar-nav a:focus-visible,.admin-console .button:focus-visible,.admin-console .mail-item:focus-visible,.admin-console input:focus,.admin-console select:focus{outline-offset:2px;outline:3px solid #2563eb2e}.admin-console .admin-main{grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid}.admin-console .admin-topbar{border-bottom:1px solid var(--line);background:#ffffffe6;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:10px 22px;display:flex}.admin-console .admin-topbar div{gap:2px;display:grid}.admin-console .admin-topbar strong{font-size:14px}.admin-console .admin-topbar span,.admin-console .page-heading p,.admin-console .status-card p{color:var(--muted)}.admin-console .admin-topbar span{font-size:12px}.admin-console .content-stack{gap:16px;padding:22px;display:grid}.admin-console .page-heading{gap:5px;display:grid}.admin-console .page-heading h2{letter-spacing:0;margin:0;font-size:24px;font-weight:700;line-height:1.2}.admin-console .page-heading p{margin:0}.admin-console .mail-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.admin-console .button{border-radius:8px;min-height:36px;padding:0 12px;font-size:14px;font-weight:600}.admin-console .button:hover{transform:none}.admin-console .button-primary{background:var(--primary);color:#fff;box-shadow:0 8px 18px #2563eb2e}.admin-console .button-primary:hover{background:var(--primary-strong)}.admin-console .button-secondary{background:var(--surface);color:#334155;border-color:#cbd5e1}.admin-console .button-secondary:hover{background:#f8fafc;border-color:#94a3b8}.admin-console .button-ghost{color:var(--muted)}.admin-console .button-ghost:hover{color:#334155;background:#f1f5f9}.admin-console .panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.admin-console .panel-header{border-bottom:1px solid var(--line);background:#fff;min-height:50px;padding:12px 14px}.admin-console .panel-header h2{font-size:16px;font-weight:700}.admin-console .panel-body{padding:14px}.admin-console .panel-body:has(.data-table){overflow-x:auto}.admin-console .status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.admin-console .status-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-left:3px solid #94a3b8;border-radius:8px;gap:7px;padding:14px;display:grid}.admin-console .status-card span{color:var(--muted);font-size:12px;font-weight:700}.admin-console .status-card strong{color:#0f172a;font-size:20px;line-height:1.2}.admin-console .status-card p{margin:0;line-height:1.5}.admin-console .status-card-success{border-left-color:var(--success)}.admin-console .status-card-warning{border-left-color:var(--warning)}.admin-console .status-card-danger{border-left-color:var(--danger)}.admin-console .settings-form{gap:13px}.admin-console .settings-form label{color:#334155;gap:6px;font-size:13px;font-weight:700}.admin-console .settings-form input,.admin-console .settings-form select{color:var(--text);background:#fff;border-color:#cbd5e1;border-radius:8px;min-height:38px;padding:0 10px}.admin-console .settings-form input:focus,.admin-console .settings-form select:focus{border-color:var(--primary)}.admin-console .data-table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.admin-console .data-table th,.admin-console .data-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:11px 12px}.admin-console .data-table th{color:#475569;background:#f8fafc;font-size:12px;font-weight:700}.admin-console .data-table tbody tr{transition:background .14s}.admin-console .data-table tbody tr:hover{background:#f8fafc}.admin-console .data-table tr:last-child td{border-bottom:0}.admin-console .action-row,.admin-console .table-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-console .checkbox-row{flex-direction:row;align-items:center;display:flex!important}.admin-console .checkbox-row input{width:18px;min-height:auto}.admin-console .badge{color:#475569;background:#f1f5f9;border-radius:8px;min-height:24px;padding:0 8px;font-size:12px}.admin-console .badge-warning{color:var(--warning);background:#fff7ed}.admin-console .badge-success{color:var(--success);background:#f0fdf4}.admin-console .badge-danger{color:var(--danger);background:#fef2f2}.admin-console .mail-list{max-height:calc(100vh - 170px)}.admin-console .mail-item{gap:6px;padding:12px 14px}.admin-console .mail-item:hover,.admin-console .mail-item-selected{background:var(--primary-soft)}.admin-console .message-body{max-height:calc(100vh - 292px);line-height:1.72}.admin-console .empty-state{color:var(--muted);min-height:240px;padding:28px}.admin-console .analysis-grid{gap:12px}.admin-console .analysis-section{border-bottom-color:var(--line);gap:8px;padding-bottom:12px}.admin-console .reply-box{border-color:var(--line);background:#f8fafc}.admin-console .error-box{color:var(--danger);background:#fef2f2;border-color:#fecaca}.admin-console .success-box{color:var(--success);background:#f0fdf4;border-color:#bbf7d0}.admin-console .inline-error{color:var(--danger);font-size:13px}.admin-console .inline-success{color:var(--success);font-size:13px}.admin-console .inline-link{color:var(--primary);margin-left:10px;font-weight:700;display:inline-flex}.admin-console .mail-workspace-grid{max-width:none;padding:0}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}@keyframes blink{50%{opacity: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}}@media (max-width:1180px){.hero-shell,.marketing-hero{grid-template-columns:1fr}.live-demo-card{width:100%;max-width:720px}.home-preview-card{max-width:680px}.main-grid{grid-template-columns:minmax(260px,340px) minmax(0,1fr)}.assistant-column{grid-column:1/-1}}@media (max-width:760px){.app-shell{padding-top:86px}.marketing-page{padding-top:18px}.marketing-nav{flex-direction:column;align-items:flex-start}.marketing-nav .button{width:100%}.marketing-hero{min-height:auto;padding-top:42px}.marketing-copy h2{font-size:clamp(52px,18vw,76px)}.feature-strip{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{width:100%}.topbar-actions .button{flex:1}.hero-shell{padding-top:34px}.hero-copy h2{font-size:clamp(36px,12vw,54px)}.hero-actions .button{width:100%}.main-grid{grid-template-columns:1fr}.mail-list,.message-body{max-height:none}.admin-console.admin-shell{grid-template-columns:1fr}.admin-console .sidebar{height:auto;position:static}.admin-console .sidebar-nav{gap:12px}.admin-console .sidebar-nav-group div{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-console .admin-topbar{flex-direction:column;align-items:flex-start}.admin-console .mail-heading{flex-direction:column;align-items:stretch}.admin-console .status-grid{grid-template-columns:1fr}}
