:root{--color-primary: #007AFF;--color-primary-hover: #0062CC;--color-bg: #FFFFFF;--color-bg-secondary: #F2F2F7;--color-text: #000000;--color-text-secondary: #3C3C43;--color-border: rgba(60, 60, 67, .12);--color-success: #34C759;--color-warning: #FF9500;--color-error: #FF3B30;--color-gray: #8E8E93;--radius-sm: 8px;--radius-md: 12px;--shadow-subtle: 0 1px 3px rgba(0, 0, 0, .1);--shadow-medium: 0 2px 8px rgba(0, 0, 0, .12);--shadow-strong: 0 4px 16px rgba(0, 0, 0, .16);--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--space-7: 64px;--font-sf: "SF Pro Text", system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "SF Mono", ui-monospace, monospace}[data-theme=dark]{--color-primary: #0A84FF;--color-primary-hover: #3D9BFF;--color-bg: #1C1C1E;--color-bg-secondary: #000000;--color-text: #FFFFFF;--color-text-secondary: #EBEBF5;--color-border: rgba(235, 235, 245, .18);--shadow-subtle: 0 1px 3px rgba(0, 0, 0, .4);--shadow-medium: 0 2px 8px rgba(0, 0, 0, .5);--shadow-strong: 0 4px 16px rgba(0, 0, 0, .6)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary: #0A84FF;--color-primary-hover: #3D9BFF;--color-bg: #1C1C1E;--color-bg-secondary: #000000;--color-text: #FFFFFF;--color-text-secondary: #EBEBF5;--color-border: rgba(235, 235, 245, .18);--shadow-subtle: 0 1px 3px rgba(0, 0, 0, .4);--shadow-medium: 0 2px 8px rgba(0, 0, 0, .5);--shadow-strong: 0 4px 16px rgba(0, 0, 0, .6)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sf);background:var(--color-bg-secondary);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}.btn{font:inherit;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{width:100%;padding:var(--space-3);background:var(--color-primary);color:#fff;font-size:17px;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-link{background:none;color:var(--color-primary);font-size:15px;padding:var(--space-2)}.btn-link:hover{text-decoration:underline}.auth{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-5)}.auth-card{width:100%;max-width:380px;background:var(--color-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-strong);padding:var(--space-6) var(--space-5) var(--space-4);display:flex;flex-direction:column;align-items:stretch}.auth-head{text-align:center;margin-bottom:var(--space-5)}.auth-title{font-size:28px;font-weight:700;letter-spacing:-.02em}.auth-subtitle{margin-top:var(--space-1);font-size:15px;color:var(--color-text-secondary)}.auth-form{display:flex;flex-direction:column;gap:var(--space-3)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field-label{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.field-input{font:inherit;font-size:17px;padding:var(--space-3);background:var(--color-bg-secondary);color:var(--color-text);border:1px solid transparent;border-radius:var(--radius-sm);outline:none;transition:border-color .15s ease}.field-input:focus{border-color:var(--color-primary)}.field-hint{font-size:12px;color:var(--color-gray)}.auth-error{font-size:14px;color:var(--color-error);background:color-mix(in srgb,var(--color-error) 12%,transparent);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.auth-card .btn-link{margin-top:var(--space-2)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--color-bg);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-subtle)}.app-bar-title{font-size:17px;font-weight:600}.app-main{flex:1;padding:var(--space-6) var(--space-5);max-width:960px;width:100%;margin:0 auto}.greeting{font-size:34px;font-weight:700;letter-spacing:-.02em}.app-subtitle{margin-top:var(--space-2);font-size:17px;color:var(--color-text-secondary)}.app-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--color-text-secondary)}