:root{--primary-color:#1a1a1a;--primary-hover:#333;--primary-pressed:#000;--accent-gradient:linear-gradient(to right, #1a1a1a, #444);--hero-gradient:linear-gradient(135deg, #0f0f0f 0%, #2a2a2a 50%, #1a1a1a 100%);--bg-color:#f5f5f5;--bg-card:#fff;--text-primary:#1a1a1a;--text-secondary:#555;--text-muted:#999;--border-color:#e5e5e5;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #00000026;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--max-width:1200px;--header-height:64px;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}html.dark{--primary-color:#e0e0e0;--primary-hover:#f0f0f0;--primary-pressed:#fff;--accent-gradient:linear-gradient(to right, #e0e0e0, #b0b0b0);--hero-gradient:linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%);--bg-color:#0f0f0f;--bg-card:#1a1a1a;--text-primary:#f0f0f0;--text-secondary:#b0b0b0;--text-muted:#707070;--border-color:#2a2a2a;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal), color var(--transition-normal);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6}a{color:var(--primary-color);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-hover)}img{max-width:100%;height:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000040}html.dark ::-webkit-scrollbar-thumb{background:#ffffff26}html.dark ::-webkit-scrollbar-thumb:hover{background:#ffffff40}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-title{color:var(--text-primary);border-left:3px solid var(--primary-color);margin-bottom:20px;padding-left:12px;font-size:20px;font-weight:600}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.fade-in-up{animation:.5s forwards fadeInUp}.fade-in{animation:.4s forwards fadeIn}.page-enter-active{animation:.4s fadeInUp}.page-leave-active{animation:.2s reverse fadeIn}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{color:var(--text-primary);margin:1.5em 0 .8em;font-weight:600;line-height:1.4}.article-content h1{font-size:1.8em}.article-content h2{border-bottom:1px solid var(--border-color);padding-bottom:.3em;font-size:1.5em}.article-content h3{font-size:1.3em}.article-content p{color:var(--text-secondary);margin:1em 0;line-height:1.8}.article-content code{color:var(--text-primary);background:#0000000f;border-radius:4px;padding:2px 6px;font-size:.9em}.article-content pre{color:#d4d4d4;border-radius:var(--radius-md);background:#1a1a1a;margin:1.2em 0;padding:16px 20px;overflow-x:auto}.article-content pre code{color:inherit;background:0 0;padding:0}.article-content blockquote{border-left:4px solid var(--primary-color);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);background:#00000008;margin:1.2em 0;padding:12px 20px}.article-content img{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:1em 0}.article-content a{color:var(--primary-color);transition:border-color var(--transition-fast);border-bottom:1px solid #0000}.article-content a:hover{border-bottom-color:var(--primary-color)}.article-content ul,.article-content ol{color:var(--text-secondary);margin:1em 0;padding-left:2em}.article-content li{margin:.4em 0;line-height:1.7}.article-content table{border-collapse:collapse;width:100%;margin:1.2em 0}.article-content table th,.article-content table td{border:1px solid var(--border-color);text-align:left;padding:10px 14px}.article-content table th{background:#00000008;font-weight:600}.article-content hr{background:var(--border-color);border:none;height:1px;margin:2em 0}