:root{--color-primary:#0070f3;--color-primary-dark:#0051aa;--color-primary-light:#e6f0ff;--color-accent:#f59e0b;--color-text:#1a1a2e;--color-text-secondary:#555770;--color-text-muted:#8b8da3;--color-bg:#ffffff;--color-bg-secondary:#f8f9fc;--color-bg-card:#ffffff;--color-border:#e8eaf0;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 8px 30px rgba(0,0,0,0.12);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--font-sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","PingFang SC","Microsoft YaHei",sans-serif;--font-mono:"SF Mono","Fira Code","Fira Mono","Roboto Mono",monospace;--max-width:1200px;--nav-height:64px}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body,html{max-width:100vw;overflow-x:hidden}body{min-height:100vh;color:var(--color-text);background:var(--color-bg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-dark)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:var(--color-text)}h1{font-size:clamp(1.8rem,4vw,2.8rem)}h2{font-size:clamp(1.5rem,3vw,2.2rem)}h3{font-size:clamp(1.2rem,2vw,1.5rem)}p{color:var(--color-text-secondary);line-height:1.7}code{font-family:var(--font-mono);background:var(--color-bg-secondary);padding:2px 6px;border-radius:var(--radius-sm);font-size:.9em}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}::selection{background:var(--color-primary-light);color:var(--color-primary-dark)}