:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f1ec;--panel:#fffcf7;--ink:#1c1916;--muted:#6b645c;--line:#ddd6cb;--accent:#0f5c4c;--accent-soft:#d8efe8;--danger:#9b2c2c;--shadow:0 10px 30px #1c19160f;color:var(--ink);background:radial-gradient(circle at top left, #e8f2ee 0, transparent 42%), linear-gradient(180deg, #f7f4ef 0%, var(--bg) 100%);font-family:Segoe UI,Noto Sans TC,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input{font:inherit}#app{min-height:100vh}.shell{max-width:1100px;margin:0 auto;padding:24px 16px 48px}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.brand{letter-spacing:-.02em;font-size:1.35rem;font-weight:700}.muted{color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px}.login-wrap{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:min(420px,100%);padding:28px}.login-card h1{margin:0 0 8px;font-size:1.6rem}.login-card p{margin:0 0 20px}.field{gap:6px;margin-bottom:14px;display:grid}.field label{color:var(--muted);font-size:.9rem}.field input{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px}.btn{cursor:pointer;background:var(--accent);color:#fff;border:0;border-radius:999px;padding:10px 16px}.btn.secondary{color:var(--ink);border:1px solid var(--line);background:0 0}.btn:disabled{opacity:.6;cursor:not-allowed}.error{color:var(--danger);margin:8px 0 0;font-size:.92rem}.layout{grid-template-columns:minmax(280px,360px) 1fr;gap:16px;min-height:70vh;display:grid}@media (width<=860px){.layout{grid-template-columns:1fr}}.list{max-height:75vh;overflow:auto}.list-item{text-align:left;border:0;border-bottom:1px solid var(--line);cursor:pointer;background:0 0;width:100%;padding:14px 16px}.list-item:hover,.list-item.active{background:var(--accent-soft)}.list-item .subject{margin-bottom:4px;font-weight:600}.list-item .meta{color:var(--muted);justify-content:space-between;gap:8px;font-size:.85rem;display:flex}.detail{min-height:420px;padding:20px}.detail h2{margin:0 0 8px;font-size:1.35rem}.detail-meta{color:var(--muted);gap:4px;margin-bottom:16px;font-size:.92rem;display:grid}.detail-actions{gap:8px;margin-bottom:16px;display:flex}.attachments{margin-bottom:16px}.attachments ul{gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.attachments li{margin:0}.body-html,.body-text{border-top:1px solid var(--line);padding-top:16px;overflow:auto}.body-html iframe{background:#fff;border:0;width:100%;min-height:420px}.empty{color:var(--muted);padding:28px}