:root{--color-bg: #f5f5f7;--color-bg-elevated: #ffffff;--color-bg-secondary: rgba(0, 0, 0, .04);--color-text: #1d1d1f;--color-text-secondary: #6e6e73;--color-border: rgba(0, 0, 0, .08);--color-accent: #007aff;--color-accent-contrast: #ffffff;--color-danger: #ff3b30;--color-success: #34c759;--color-warning: #ff9500;--shadow-card: 0 1px 2px rgba(0, 0, 0, .04), 0 8px 24px rgba(0, 0, 0, .06);--shadow-popover: 0 4px 16px rgba(0, 0, 0, .14), 0 12px 32px rgba(0, 0, 0, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--nav-blur-bg: rgba(245, 245, 247, .72);--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root{--color-bg: #000000;--color-bg-elevated: #1c1c1e;--color-bg-secondary: rgba(255, 255, 255, .06);--color-text: #f5f5f7;--color-text-secondary: #98989d;--color-border: rgba(255, 255, 255, .12);--color-accent: #0a84ff;--color-accent-contrast: #ffffff;--color-danger: #ff453a;--color-success: #30d158;--color-warning: #ff9f0a;--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .5);--shadow-popover: 0 4px 16px rgba(0, 0, 0, .5), 0 12px 32px rgba(0, 0, 0, .4);--nav-blur-bg: rgba(28, 28, 30, .72);color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button{font-family:inherit}.jx-btn{transition:opacity .15s ease,transform .1s ease}.jx-btn:hover:not(:disabled){opacity:.85}.jx-btn:active:not(:disabled){transform:scale(.97);opacity:.75}.jx-btn:disabled{opacity:.4;cursor:not-allowed}.jx-field{transition:border-color .15s ease,box-shadow .15s ease}.jx-field:hover:not(:disabled){border-color:var(--color-text-secondary)}.jx-field:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 20%,transparent)}.jx-field:disabled{opacity:.5;cursor:not-allowed}.jx-blur{backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);background:var(--nav-blur-bg)}@keyframes jx-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.jx-fade-in{animation:jx-fade-in .2s ease-out}@keyframes jx-celebrate-pop{0%{opacity:0;transform:translateY(12px) scale(.6)}20%{opacity:1;transform:translateY(-4px) scale(1.15)}70%{opacity:1;transform:translateY(-8px) scale(1)}to{opacity:0;transform:translateY(-40px) scale(.9)}}@keyframes jx-photo-fade{0%{opacity:0}to{opacity:1}}