无

public/css/style.css

@@ -119,6 +119,96 @@ header p {
     min-width: 0;
 }
 
+.login-screen {
+    position: fixed;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: rgba(15, 23, 42, 0.92);
+    z-index: 50;
+    padding: 2rem;
+}
+
+.login-card {
+    width: min(480px, 100%);
+    background: rgba(15, 23, 42, 0.96);
+    border: 1px solid rgba(148, 163, 184, 0.15);
+    border-radius: 24px;
+    padding: 2rem;
+    box-shadow: 0 40px 80px rgba(15, 23, 42, 0.4);
+}
+
+.login-card h2 {
+    margin: 0 0 1rem;
+    font-size: 1.75rem;
+}
+
+.login-card p {
+    color: var(--text-secondary);
+    margin: 0 0 1.5rem;
+}
+
+.login-card label {
+    display: block;
+    margin-bottom: 1rem;
+    color: var(--text-secondary);
+    font-size: 0.95rem;
+}
+
+.login-card label span {
+    display: block;
+    margin-bottom: 0.5rem;
+}
+
+.login-card input {
+    width: 100%;
+    border: 1px solid var(--panel-border);
+    background: rgba(255, 255, 255, 0.06);
+    color: var(--text-primary);
+    border-radius: 12px;
+    padding: 0.85rem 1rem;
+    outline: none;
+}
+
+.login-card .primary-btn {
+    width: 100%;
+    margin-top: 0.75rem;
+}
+
+.form-error {
+    color: #f97316;
+    margin-top: 0.75rem;
+}
+
+.bucket-panel {
+    margin-bottom: 1rem;
+}
+
+.bucket-panel label {
+    display: block;
+    color: var(--text-secondary);
+    margin-bottom: 0.5rem;
+}
+
+.bucket-panel select {
+    width: 100%;
+    background: rgba(255, 255, 255, 0.08);
+    color: var(--text-primary);
+    border: 1px solid var(--panel-border);
+    border-radius: 10px;
+    padding: 0.5rem 0.75rem;
+    outline: none;
+}
+
+.login-screen.hidden {
+    display: none;
+}
+
+.app-hidden {
+    display: none;
+}
+
 .glass-panel {
     background: var(--panel-bg);
     backdrop-filter: blur(16px);