add office 365 mail console

2026-04-02 21:16:23 +08:00
commit 91609d15aa
14 changed files with 2287 additions and 0 deletions
--- a/public/login.css
+++ b/public/login.css
@@ -0,0 +1,123 @@
+:root {
+  color-scheme: dark;
+  --bg: #07111f;
+  --panel: rgba(10, 22, 41, 0.9);
+  --line: rgba(154, 180, 220, 0.2);
+  --text: #eef4ff;
+  --muted: #94a6c4;
+  --accent: #6ee7ff;
+  --danger: #ff9c9c;
+  --shadow: 0 24px 80px rgba(0, 0, 0, 0.38);
+  font-family: Inter, "Segoe UI", system-ui, sans-serif;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  min-height: 100vh;
+  color: var(--text);
+  background:
+    radial-gradient(circle at top left, rgba(59, 169, 255, 0.18), transparent 24%),
+    radial-gradient(circle at bottom right, rgba(110, 231, 255, 0.1), transparent 28%),
+    linear-gradient(180deg, #06101d 0%, #09172c 100%);
+}
+
+body,
+input,
+button {
+  font: inherit;
+}
+
+.auth-shell {
+  min-height: 100vh;
+  display: grid;
+  place-items: center;
+  padding: 24px;
+}
+
+.auth-card {
+  width: min(440px, 100%);
+  padding: 32px;
+  border: 1px solid var(--line);
+  border-radius: 24px;
+  background: var(--panel);
+  box-shadow: var(--shadow);
+  backdrop-filter: blur(20px);
+}
+
+.eyebrow {
+  margin: 0 0 8px;
+  color: var(--accent);
+  text-transform: uppercase;
+  letter-spacing: 0.12em;
+  font-size: 12px;
+}
+
+h1 {
+  margin: 0;
+  font-size: 32px;
+}
+
+.auth-copy {
+  margin: 12px 0 0;
+  color: var(--muted);
+  line-height: 1.7;
+}
+
+.auth-error {
+  margin-top: 18px;
+  padding: 12px 14px;
+  border-radius: 14px;
+  border: 1px solid rgba(255, 156, 156, 0.2);
+  background: rgba(255, 156, 156, 0.08);
+  color: var(--danger);
+}
+
+.auth-form {
+  display: grid;
+  gap: 10px;
+  margin-top: 22px;
+}
+
+.auth-form label {
+  color: var(--muted);
+  font-size: 14px;
+}
+
+.auth-form input,
+.auth-form button {
+  border: 1px solid var(--line);
+  border-radius: 14px;
+}
+
+.auth-form input {
+  padding: 13px 14px;
+  color: var(--text);
+  background: rgba(14, 28, 50, 0.9);
+}
+
+.auth-form button {
+  margin-top: 6px;
+  padding: 12px 14px;
+  color: #07213c;
+  font-weight: 700;
+  cursor: pointer;
+  background: linear-gradient(135deg, var(--accent), #89f0ff);
+}
+
+.hidden {
+  display: none;
+}
+
+@media (max-width: 640px) {
+  .auth-card {
+    padding: 24px;
+  }
+
+  h1 {
+    font-size: 26px;
+  }
+}