:root{--color-primary: #4A6572;--color-primary-light: #5E7D8C;--color-primary-dark: #3A5460;--color-accent: #E8B430;--color-accent-light: #F0C954;--color-accent-dark: #C99A1F;--color-bg: #FAFBFD;--color-bg-warm: #F5F4F0;--color-bg-dark: #2F3A43;--color-bg-card: #FFFFFF;--color-text: #2D3740;--color-text-secondary: #5A6B78;--color-text-muted: #8B9AA6;--color-text-inverse: #FAFBFD;--color-border: #E2E6EA;--color-border-light: #EEF1F4;--color-divider: #E8EBEE;--font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Source Han Sans SC", "Helvetica Neue", Arial, sans-serif;--font-display: var(--font-sans);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-tight: 1.25;--leading-normal: 1.6;--leading-relaxed: 1.8;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--content-max: 1200px;--article-max: 700px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 1px 2px rgba(47, 58, 67, .06);--shadow-md: 0 4px 12px rgba(47, 58, 67, .08);--shadow-lg: 0 8px 30px rgba(47, 58, 67, .1);--shadow-xl: 0 16px 48px rgba(47, 58, 67, .12);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .15s;--dur-normal: .25s;--dur-slow: .4s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg)}a{color:var(--color-primary);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto;display:block}.container{max-width:var(--content-max);margin:0 auto;padding:0 var(--space-6)}.section{padding:var(--space-20) 0}.section-alt{background:var(--color-bg-warm)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:.625rem 1.5rem;font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);text-decoration:none;line-height:1.5}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover{background:var(--color-primary-dark);color:var(--color-text-inverse);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-accent{background:var(--color-accent);color:var(--color-text)}.btn-accent:hover{background:var(--color-accent-dark);color:var(--color-text);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.tag{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:var(--text-xs);font-weight:500;border-radius:9999px;background:var(--color-bg-warm);color:var(--color-text-secondary);transition:all var(--dur-fast) var(--ease-out)}.tag:hover{background:var(--color-primary);color:#fff}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--space-4) 0}.breadcrumb a{color:var(--color-text-muted)}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb-sep{color:var(--color-border);user-select:none}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.reveal.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}