@charset "UTF-8";:root{--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;--font-mono: "SF Mono", "JetBrains Mono", "Fira Code", monospace;--color-bg: #fafbfc;--color-bg-elevated: #ffffff;--color-bg-subtle: #f5f6f8;--color-text-primary: #1a1d21;--color-text-secondary: #5a6072;--color-text-tertiary: #8a92a3;--color-accent: #0071e3;--color-accent-hover: #0077ed;--color-accent-soft: #e8f4fd;--color-success: #34c759;--color-warning: #ff9500;--color-danger: #ff3b30;--color-info: #5856d6;--color-border: rgba(0, 0, 0, .08);--color-border-hover: rgba(0, 0, 0, .12);--color-divider: rgba(0, 0, 0, .06);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06), 0 2px 4px rgba(0, 0, 0, .02);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .08), 0 4px 8px rgba(0, 0, 0, .03);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .04);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .08), inset 0 1px 0 rgba(255, 255, 255, .6);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 999px;--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px}html,body,#app{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.apple-card{background:#ffffffb8;border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),inset 0 1px 1px #fffc;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);transition:all .4s var(--ease-spring)}.apple-card:hover{box-shadow:var(--shadow-xl),inset 0 1px 1px #ffffffe6;transform:translateY(-2px)}.apple-card__inner{background:#fff9;border-radius:calc(var(--radius-xl) - 4px);box-shadow:inset 0 1px 2px #00000005}.apple-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 20px;font-size:14px;font-weight:500;letter-spacing:-.01em;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all .3s var(--ease-spring);overflow:hidden}.apple-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease}.apple-btn:hover:before{opacity:1}.apple-btn:active{transform:scale(.97)}.apple-btn--primary{background:var(--color-accent);color:#fff;box-shadow:0 1px 2px #0071e34d,0 4px 8px #0071e333}.apple-btn--primary:hover{background:var(--color-accent-hover);box-shadow:0 1px 2px #0071e366,0 6px 12px #0071e340}.apple-btn--secondary{background:var(--color-bg-subtle);color:var(--color-text-primary);box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc}.apple-btn--secondary:hover{background:#eef0f3}.apple-btn--ghost{background:transparent;color:var(--color-accent)}.apple-btn--ghost:hover{background:var(--color-accent-soft)}.apple-btn__icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:#00000014;margin-left:4px;transition:transform .3s var(--ease-spring)}.apple-btn:hover .apple-btn__icon{transform:translate(2px) translateY(-1px)}.apple-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:12px 16px;font-size:14px;font-family:var(--font-sans);color:var(--color-text-primary);background:#fffc;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:inset 0 1px 2px #00000005;transition:all .2s var(--ease-smooth)}.apple-input:hover{border-color:var(--color-border-hover);background:#fffffff2}.apple-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #0071e31a,inset 0 1px 2px #00000005}.apple-table{width:100%;border-collapse:separate;border-spacing:0}.apple-table th{padding:16px;font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-tertiary);background:transparent;border-bottom:1px solid var(--color-divider);text-align:left}.apple-table td{padding:16px;font-size:14px;color:var(--color-text-primary);border-bottom:1px solid var(--color-divider);transition:background .2s ease}.apple-table tr:hover td{background:#0071e308}.apple-table tr:last-child td{border-bottom:none}.apple-tag{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;letter-spacing:.01em;border-radius:var(--radius-full);border:none}.apple-tag--success{background:#34c7591f;color:#248a3e}.apple-tag--warning{background:#ff95001f;color:#c47000}.apple-tag--danger{background:#ff3b301f;color:#d70015}.apple-tag--info{background:#5856d61f;color:#3634a3}.apple-tag--neutral{background:var(--color-bg-subtle);color:var(--color-text-secondary)}.apple-section{padding:var(--space-12) 0}.apple-hero{position:relative;padding:var(--space-10) var(--space-8);border-radius:var(--radius-2xl);background:linear-gradient(135deg,#ffffffe6,#fafbfccc),radial-gradient(circle at 80% 20%,rgba(0,113,227,.06),transparent 40%);border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow-lg);overflow:hidden}.apple-hero__eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 12px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);background:var(--color-accent-soft);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.apple-hero__title{font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.apple-hero__subtitle{font-size:16px;line-height:1.6;color:var(--color-text-secondary);max-width:600px}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-up{animation:fadeInUp .6s var(--ease-out) forwards}.animate-scale-in{animation:scaleIn .4s var(--ease-spring) forwards}.animate-slide-in{animation:slideInRight .5s var(--ease-out) forwards}.stagger-children>*{opacity:0;animation:fadeInUp .5s var(--ease-out) forwards}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}.text-gradient{background:linear-gradient(135deg,var(--color-accent),#5e5ce6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.divider{height:1px;background:var(--color-divider);margin:var(--space-4) 0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00000040}::selection{background:#0071e333;color:var(--color-text-primary)}:root{--parent-blue: #3478f6;--parent-indigo: #5e5ce6;--parent-pink: #ff6b8b;--parent-green: #00c896;--parent-amber: #ff9f0a;--parent-bg: #f5f6fa;--parent-bg-warm: #fbf7f2;--parent-bg-cool: #f0f4ff;--parent-bg-hero: radial-gradient(ellipse at 18% -10%, rgba(52, 120, 246, .18), transparent 45%), radial-gradient(ellipse at 88% 10%, rgba(94, 92, 230, .14), transparent 40%), radial-gradient(ellipse at 50% 100%, rgba(255, 107, 139, .1), transparent 50%), linear-gradient(180deg, #f8faff 0%, var(--parent-bg-warm) 100%);--shadow-glass-soft: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px rgba(15, 23, 42, .06);--shadow-glass-lift: 0 1px 2px rgba(15, 23, 42, .04), 0 16px 40px rgba(15, 23, 42, .08), 0 4px 12px rgba(52, 120, 246, .06);--shadow-tint-blue: 0 14px 34px rgba(52, 120, 246, .18);--shadow-tint-pink: 0 14px 34px rgba(255, 107, 139, .18);--shadow-tint-green: 0 14px 34px rgba(0, 200, 150, .2);--shadow-tint-amber: 0 14px 34px rgba(255, 159, 10, .2);--radius-card: 20px;--radius-card-lg: 28px;--radius-control: 14px;--radius-pill: 999px;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;min-height:100vh;font-family:var(--font-sans);color:var(--color-text-primary);background:var(--parent-bg-hero);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{overflow-x:hidden}button{font-family:inherit;cursor:pointer}a{color:var(--parent-blue);text-decoration:none}.glass-card{position:relative;background:#ffffffc7;border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-card);box-shadow:var(--shadow-glass-soft),inset 0 1px 1px #fffc;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);padding:24px;transition:transform .4s var(--ease-spring),box-shadow .4s var(--ease-smooth)}.glass-card--hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-glass-lift),inset 0 1px 1px #ffffffe6}.glass-card--lg{border-radius:var(--radius-card-lg);padding:32px}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:600;letter-spacing:-.01em;border-radius:var(--radius-pill);border:none;cursor:pointer;transition:transform .3s var(--ease-spring),box-shadow .3s var(--ease-smooth),background .2s ease;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:linear-gradient(135deg,var(--parent-blue),var(--parent-indigo));color:#fff;box-shadow:0 1px 2px #3478f64d,0 6px 16px #3478f640,inset 0 1px 1px #fff3;padding:14px 28px;font-size:15px;font-weight:700}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 1px 2px #3478f666,0 12px 28px #3478f652,inset 0 1px 1px #ffffff40}.btn-ghost{background:#ffffffb3;color:var(--color-text-primary);border:1px solid var(--color-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn-ghost:hover:not(:disabled){background:#fffffff2;border-color:#3478f64d;color:var(--parent-blue)}.btn-soft{background:#3478f61a;color:var(--parent-blue)}.btn-soft:hover:not(:disabled){background:#3478f629}.soft-input{width:100%;padding:14px 18px;font-size:15px;font-family:inherit;color:var(--color-text-primary);background:#ffffffd9;border:1.5px solid var(--color-border);border-radius:var(--radius-control);box-shadow:inset 0 1px 2px #0f172a05;outline:none;transition:all .2s var(--ease-smooth)}.soft-input:hover{border-color:var(--color-border-hover);background:#fffffff2}.soft-input:focus{border-color:var(--parent-blue);background:#fff;box-shadow:0 0 0 3px #3478f626,inset 0 1px 2px #0f172a05}.eyebrow{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--parent-blue);background:#3478f61a;border-radius:var(--radius-pill)}.display-1{font-size:40px;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0;color:var(--color-text-primary)}.display-2{font-size:32px;font-weight:800;letter-spacing:-.025em;line-height:1.15;margin:0;color:var(--color-text-primary)}.heading{font-size:20px;font-weight:700;letter-spacing:-.015em;line-height:1.3;margin:0;color:var(--color-text-primary)}.subheading{font-size:15px;font-weight:500;letter-spacing:-.005em;line-height:1.55;color:var(--color-text-secondary);margin:0}.text-tertiary{color:var(--color-text-tertiary)}.text-secondary{color:var(--color-text-secondary)}.text-accent{color:var(--parent-blue)}.text-gradient{background:linear-gradient(135deg,var(--parent-blue),var(--parent-indigo));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;letter-spacing:.01em;border-radius:var(--radius-pill)}.tag-blue{background:#3478f61f;color:#2a64c9}.tag-indigo{background:#5e5ce61f;color:#4845b3}.tag-green{background:#00c89624;color:#086}.tag-amber{background:#ff9f0a24;color:#c47000}.tag-pink{background:#ff6b8b24;color:#c4385a}.tag-neutral{background:#0f172a0f;color:var(--color-text-secondary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-ring{0%{box-shadow:0 0 #3478f673}70%{box-shadow:0 0 0 14px #3478f600}to{box-shadow:0 0 #3478f600}}.anim-fade-up{animation:fadeInUp .6s var(--ease-smooth) both}.anim-scale-in{animation:scaleIn .4s var(--ease-spring) both}.stagger>*{opacity:0;animation:fadeInUp .5s var(--ease-smooth) both}.stagger>*:nth-child(1){animation-delay:.04s}.stagger>*:nth-child(2){animation-delay:.1s}.stagger>*:nth-child(3){animation-delay:.16s}.stagger>*:nth-child(4){animation-delay:.22s}.stagger>*:nth-child(5){animation-delay:.28s}.stagger>*:nth-child(6){animation-delay:.34s}.stagger>*:nth-child(7){animation-delay:.4s}.stagger>*:nth-child(8){animation-delay:.46s}.stagger>*:nth-child(9){animation-delay:.52s}.stagger>*:nth-child(n+10){animation-delay:.58s}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#0f172a1f;border-radius:var(--radius-pill);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#0f172a38;background-clip:padding-box;border:2px solid transparent}::-webkit-scrollbar-track{background:transparent}::selection{background:#3478f640;color:var(--color-text-primary)}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}.spinner{width:28px;height:28px;border:3px solid rgba(15,23,42,.08);border-top-color:var(--parent-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}