*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--c-primary:#4f46e5;--c-primary-hover:#4338ca;--c-primary-bg:#eef2ff;--c-primary-border:#c7d2fe;--c-primary-light:#6366f1;--c-secondary:#0891b2;--c-secondary-hover:#0e7490;--c-secondary-bg:#ecfeff;--c-secondary-border:#a5f3fc;--c-accent:#f59e0b;--c-accent-bg:#fffbeb;--c-success:#059669;--c-success-bg:#ecfdf5;--c-success-border:#a7f3d0;--c-warning:#d97706;--c-warning-bg:#fffbeb;--c-danger:#dc2626;--c-danger-bg:#fef2f2;--c-white:#fff;--c-bg:#f8fafc;--c-bg-alt:#f1f5f9;--c-border:#e2e8f0;--c-border-light:#f1f5f9;--c-text:#0f172a;--c-text-secondary:#334155;--c-text-dim:#64748b;--c-text-placeholder:#94a3b8;--c-text-inverse:#fff;--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;--space-20:80px;--space-24:96px;--space-32:128px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,.04);--shadow-sm:0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 12px rgba(0,0,0,.06), 0 2px 4px rgba(0,0,0,.04);--shadow-lg:0 12px 24px rgba(0,0,0,.08), 0 4px 8px rgba(0,0,0,.04);--shadow-xl:0 24px 48px rgba(0,0,0,.1), 0 8px 16px rgba(0,0,0,.04);--font-family:-apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Helvetica Neue", Arial, sans-serif;--font-mono:"SF Mono", "Fira Code", "Consolas", monospace;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:32px;--text-4xl:40px;--text-5xl:52px;--text-6xl:64px;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--content-max-width:1200px;--section-padding-sm:48px;--section-padding-md:80px;--section-padding-lg:112px;--section-padding-xl:144px;--section-padding-x:32px;--header-height:64px}html{font-family:var(--font-family);font-size:var(--text-base);color:var(--c-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;line-height:1.8}body{background:var(--c-bg);cursor:default;caret-color:transparent;min-height:100vh}a{color:var(--c-primary);cursor:pointer;text-decoration:none;transition:color .2s}a:hover{color:var(--c-primary-hover)}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{color:var(--c-text);line-height:1.35;font-weight:var(--fw-bold)}h1{font-size:var(--text-6xl);font-weight:var(--fw-extrabold);letter-spacing:-.03em}h2{font-size:var(--text-4xl);font-weight:var(--fw-bold);letter-spacing:-.02em}h3{font-size:var(--text-xl);font-weight:var(--fw-semibold)}h4{font-size:var(--text-lg);font-weight:var(--fw-semibold)}p{color:var(--c-text-secondary);line-height:1.8}a:focus-visible{box-shadow:0 0 0 3px var(--c-primary-bg), 0 0 0 1.5px var(--c-primary);border-radius:var(--radius-sm);outline:none}button:focus-visible{box-shadow:0 0 0 3px var(--c-primary-bg), 0 0 0 1.5px var(--c-primary);border-radius:var(--radius-sm);outline:none}input:focus-visible{box-shadow:0 0 0 3px var(--c-primary-bg), 0 0 0 1.5px var(--c-primary);border-radius:var(--radius-sm);outline:none}textarea:focus-visible{box-shadow:0 0 0 3px var(--c-primary-bg), 0 0 0 1.5px var(--c-primary);border-radius:var(--radius-sm);outline:none}select:focus-visible{box-shadow:0 0 0 3px var(--c-primary-bg), 0 0 0 1.5px var(--c-primary);border-radius:var(--radius-sm);outline:none}[tabindex]:focus-visible{box-shadow:0 0 0 3px var(--c-primary-bg), 0 0 0 1.5px var(--c-primary);border-radius:var(--radius-sm);outline:none}button:focus:not(:focus-visible){outline:none}a:focus:not(:focus-visible){outline:none}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:inherit;font-size:var(--text-sm);font-weight:var(--fw-semibold);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;letter-spacing:.01em;border:1.5px solid transparent;padding:12px 24px;line-height:1;text-decoration:none;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--c-primary);color:var(--c-text-inverse);border-color:var(--c-primary);box-shadow:var(--shadow-xs)}.btn-primary:visited{color:var(--c-text-inverse)}.btn-primary:hover:not(:disabled){background:var(--c-primary-hover);border-color:var(--c-primary-hover);box-shadow:var(--shadow-sm)}.btn-primary:active:not(:disabled){background:var(--c-primary-hover);border-color:var(--c-primary-hover);color:var(--c-text-inverse)}.btn-outline{color:var(--c-primary);border-color:var(--c-primary-border);background:0 0}.btn-outline:visited{color:var(--c-primary)}.btn-outline:hover:not(:disabled){background:var(--c-primary-bg);border-color:var(--c-primary)}.btn-outline:active:not(:disabled){background:var(--c-primary-bg);border-color:var(--c-primary);color:var(--c-primary)}.btn-ghost{color:var(--c-text-secondary);background:0 0;border-color:transparent}.btn-ghost:visited{color:var(--c-text-secondary)}.btn-ghost:hover:not(:disabled),.btn-ghost:active:not(:disabled){background:var(--c-bg-alt);color:var(--c-text)}.btn-lg{font-size:var(--text-base);border-radius:var(--radius-lg);padding:16px 32px}.btn-sm{font-size:var(--text-xs);padding:8px 16px}.container{width:100%;max-width:var(--content-max-width);padding:0 var(--section-padding-x);margin:0 auto}.section{padding:var(--section-padding-md) 0}.section-lg{padding:var(--section-padding-lg) 0}.section-xl{padding:var(--section-padding-xl) 0}.section-alt{background:var(--c-white)}.card{background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--space-8);transition:box-shadow .25s,border-color .25s,transform .25s}.card-hover:hover{box-shadow:var(--shadow-md);border-color:var(--c-primary-border);transform:translateY(-2px)}.card-highlight{border-color:var(--c-primary-border);box-shadow:var(--shadow-md)}.badge{font-size:var(--text-xs);font-weight:var(--fw-medium);border-radius:var(--radius-full);align-items:center;padding:2px 10px;line-height:1.7;display:inline-flex}.badge-primary{background:var(--c-primary-bg);color:var(--c-primary)}.badge-success{background:var(--c-success-bg);color:var(--c-success)}.badge-warning{background:var(--c-warning-bg);color:var(--c-warning)}.badge-secondary{background:var(--c-secondary-bg);color:var(--c-secondary)}.skip-link{top:-100%;left:var(--space-4);z-index:200;background:var(--c-primary);color:var(--c-text-inverse);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);position:fixed}.skip-link:focus{top:var(--space-2)}.text-center{text-align:center}.text-left{text-align:left}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}@media (max-width:1024px){:root{--text-4xl:34px;--text-5xl:42px;--text-6xl:52px;--section-padding-md:60px;--section-padding-lg:80px;--section-padding-xl:100px;--section-padding-x:24px}}@media (max-width:768px){:root{--text-3xl:28px;--text-4xl:30px;--text-5xl:36px;--text-6xl:42px;--section-padding-sm:36px;--section-padding-md:48px;--section-padding-lg:60px;--section-padding-xl:72px;--section-padding-x:16px}}.fade-enter{opacity:0;transform:translateY(28px)}.fade-enter.visible{opacity:1;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(0)}.fade-stagger>.fade-enter{transition-delay:calc(var(--i,0) * .1s)}.scale-enter{opacity:0;transform:scale(.92)}.scale-enter.visible{opacity:1;transition:opacity .5s,transform .5s cubic-bezier(.16,1,.3,1);transform:scale(1)}