*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-md);line-height:1.5;color:var(--color-text);background-color:var(--color-background)}:root{--navbar-height:88px;--page-navbar-offset:var(--navbar-height)}.with-fixed-navbar{padding-top:var(--page-navbar-offset)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-secondary);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-background);color:var(--color-text);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.section{padding:var(--space-2xl) 0}.section-title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-lg);text-align:center}.section-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-xl);text-align:center;max-width:800px;margin-left:auto;margin-right:auto}@media(max-width:768px){:root{--font-size-2xl:28px;--font-size-3xl:36px}.section{padding:var(--space-xl) 0}.container{padding:0 var(--space-sm)}}@media(max-width:480px){:root{--font-size-2xl:24px;--font-size-3xl:32px}.btn{padding:var(--space-sm) var(--space-sm);font-size:var(--font-size-sm)}}:root{--color-brand-primary:#3b81da;--color-brand-secondary:#ff9500;--color-brand-on-primary:#fff;--color-brand-on-secondary:#111317;--color-state-success:#2f9e64;--color-state-warning:#d9a441;--color-state-danger:#e14b4d;--color-semantic-text-primary:#152033;--color-semantic-text-secondary:#2d3c52;--color-semantic-text-muted:#5f738e;--color-semantic-text-disabled:#94a3b8;--color-semantic-skeleton-base:#e8edf3;--color-semantic-skeleton-highlight:#f3f6fa;--color-semantic-border:#d7e1ec;--color-semantic-border-dark:#b8c7d9;--color-semantic-border-darker:#94a3b8;--color-semantic-divider:#e6edf5;--color-semantic-bg:#fff;--color-semantic-surface:#f7fafd;--color-semantic-elevated:#fff;--nav-blur:8px;--nav-scrim:hsla(0,0%,100%,.92);--spacing-xxs:2px;--spacing-xs:4px;--spacing-sm:6px;--spacing-md:8px;--spacing-lg:14px;--spacing-xl:20px;--spacing-xxl:28px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:24px;--radius-pill:999px;--stroke-hairline:1px;--stroke-regular:2px;--shadow-soft:0 2px 4px 0px rgba(11,21,38,.04);--shadow-card:0 8px 20px 0px rgba(11,21,38,.08);--shadow-medium:0 6px 18px 0px rgba(11,21,38,.1);--font-family-brand:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif;--font-size-1:1.25rem;--font-size-2:1.375rem;--font-size-3:1.5625rem;--font-size-4:1.75rem;--font-size-5:2rem;--font-size-6:2.25rem;--font-size-7:2.5rem;--font-size-8:2.75rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.6;--motion-duration-instant:120ms;--motion-duration-fast:180ms;--motion-duration-normal:260ms;--motion-duration-slow:420ms;--motion-easing-standard:cubic-bezier(0.2,0.8,0.2,1);--motion-easing-enter:cubic-bezier(0.0,0.0,0.2,1);--motion-easing-exit:cubic-bezier(0.4,0.0,1,1);--color-primary:var(--color-brand-primary);--color-primary-hover:color-mix(in srgb,var(--color-brand-primary) 86%,#000);--color-primary-light:rgba(59,129,218,.24);--color-primary-tint:rgba(59,129,218,.12);--color-secondary:var(--color-brand-secondary);--color-on-primary:var(--color-brand-on-primary);--color-background:var(--color-semantic-surface);--color-bg:var(--color-semantic-surface);--color-surface:var(--color-semantic-elevated);--color-text:var(--color-semantic-text-primary);--color-text-secondary:var(--color-semantic-text-muted);--color-border:var(--color-semantic-border);--color-success:var(--color-state-success);--color-success-bg:rgba(47,158,100,.12);--color-success-border:rgba(47,158,100,.32);--color-warning:var(--color-state-warning);--color-error:var(--color-state-danger);--color-hero-gradient-start:rgba(59,129,218,.14);--color-hero-gradient-end:rgba(59,129,218,.3);--space-xs:var(--spacing-xs);--space-sm:var(--spacing-sm);--space-md:var(--spacing-lg);--space-lg:var(--spacing-xl);--space-xl:var(--spacing-xxl);--space-2xl:calc(var(--spacing-xxl) * 1.7);--space-3xl:calc(var(--spacing-xxl) * 2.3);--font-family:var(--font-family-brand);--font-size-xs:var(--font-size-1);--font-size-sm:var(--font-size-2);--font-size-md:var(--font-size-3);--font-size-lg:var(--font-size-4);--font-size-xl:var(--font-size-5);--font-size-2xl:var(--font-size-6);--font-size-3xl:var(--font-size-7);--font-size-4xl:var(--font-size-8);--radius-full:var(--radius-pill);--shadow-sm:var(--shadow-soft);--shadow-md:var(--shadow-medium);--shadow-lg:var(--shadow-card);--transition-fast:var(--motion-duration-fast) var(--motion-easing-standard);--transition-normal:var(--motion-duration-normal) var(--motion-easing-standard);--transition-slow:var(--motion-duration-slow) var(--motion-easing-standard)}