:root{--primary: #6366F1;--primary-light: #818CF8;--primary-dark: #4F46E5;--primary-subtle: rgba(99, 102, 241, .1);--bg: #F8FAFC;--surface: #FFFFFF;--text: #0F172A;--text-secondary: #475569;--muted: #94A3B8;--border: #E2E8F0;--border-light: #F1F5F9;--primary-strong: #4F46E5;--secondary: #818CF8;--accent: #6366F1;--accent-strong: #4F46E5;--bg-soft: #F8FAFC;--surface-soft: rgba(255, 255, 255, .95);--text-strong: #0F172A;--line: #E2E8F0;--line-strong: #CBD5E1;--spacing-3xs: .25rem;--spacing-2xs: .5rem;--spacing-xs: .75rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--spacing-4xl: 8rem;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 2rem;--font-4xl: 2.5rem;--font-5xl: 3rem;--max: 1180px;--gutter: var(--spacing-2xl);--gutter-mobile: var(--spacing-md);--section-gap: var(--spacing-4xl);--section-gap-mobile: var(--spacing-2xl);--block-gap: var(--spacing-lg);--card-gap: var(--spacing-lg);--card-pad: var(--spacing-lg);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--radius: var(--radius-md);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .15);--gradient-primary: linear-gradient(135deg, #6366F1 0%, #818CF8 50%, #A78BFA 100%);--gradient-warm: linear-gradient(135deg, #6366F1 0%, #8B5CF6 50%, #EC4899 100%);--gradient-cool: linear-gradient(135deg, #06B6D4 0%, #6366F1 50%, #8B5CF6 100%);--glow-primary: rgba(99, 102, 241, .15);--glow-violet: rgba(139, 92, 246, .12);--glow-pink: rgba(236, 72, 153, .08);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-bounce: .3s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;font-size:var(--font-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text);font-weight:700;line-height:1.3}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary)}main{overflow:hidden;position:relative}.container{width:min(var(--max),calc(100% - var(--gutter)));margin:0 auto}.mono{font-family:SF Mono,Cascadia Code,Consolas,Liberation Mono,Menlo,monospace;letter-spacing:-.02em}.topbar-wrap{position:sticky;top:0;z-index:60;padding:var(--spacing-sm) 0 var(--spacing-xs);background:#f8fafcd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:80px;gap:var(--spacing-sm);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);background:var(--surface-soft);box-shadow:var(--shadow-sm)}.scroll-track{margin-top:var(--spacing-xs);height:3px;border-radius:var(--radius-full);background:var(--border);overflow:hidden}.scroll-track span{display:block;height:100%;width:0;border-radius:inherit;background:var(--gradient-primary);transition:width var(--transition-slow)}.brand{display:inline-flex;align-items:center;gap:var(--spacing-sm);min-width:0;flex-shrink:0}.brand img{width:40px;height:40px;border-radius:var(--radius-sm);box-shadow:0 2px 8px #6366f126;border:1px solid rgba(99,102,241,.15);background:var(--surface);transition:box-shadow var(--transition-base)}.brand:hover img{box-shadow:0 4px 12px #6366f140}.brand strong{display:block;color:var(--text);font-size:var(--font-lg);line-height:1.2;white-space:nowrap;font-family:inherit;letter-spacing:-.01em;font-weight:700}.brand small{display:block;color:var(--text-secondary);font-size:var(--font-xs);white-space:nowrap}.nav{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2xs);flex-wrap:wrap;min-width:0}.nav a{font-size:var(--font-sm);color:var(--text-secondary);padding:var(--spacing-2xs) var(--spacing-sm);border-radius:var(--radius-full);border:1px solid transparent;line-height:1.4;transition:all var(--transition-base);font-weight:500}.nav a:hover,.nav a:focus-visible{color:var(--primary);background:var(--primary-subtle);border-color:transparent;outline:none}.nav a.active{color:#fff;background:var(--gradient-primary);border-color:transparent;font-weight:600;box-shadow:0 2px 8px #6366f140}.top-actions{display:inline-flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.btn,button.btn{border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-sm);line-height:1.4;cursor:pointer;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;text-align:center;transition:all var(--transition-base);text-decoration:none;white-space:nowrap}.btn:hover,.btn:focus-visible{outline:none}.btn:active{transform:scale(.98)}.btn.primary{color:#fff;background:var(--gradient-primary);box-shadow:0 2px 8px #6366f14d}.btn.primary:hover,.btn.primary:focus-visible{background:linear-gradient(135deg,#4f46e5,#6366f1,#818cf8);transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.btn.ghost{color:var(--text);background:transparent;border:1px solid var(--border);box-shadow:none}.btn.ghost:hover,.btn.ghost:focus-visible{color:var(--primary);border-color:var(--primary);background:var(--primary-subtle);box-shadow:none;transform:translateY(-1px)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--primary-subtle);color:var(--primary-dark)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}