:root{--primary:#1e56a0;--primary-hover:#163f75;--primary-light:#e8f0fe;--accent:#0f9d58;--accent-light:#e6f4ea;--text-main:#1f2937;--text-muted:#4b5563;--text-light:#6b7280;--bg-page:#f8fafc;--bg-card:#fff;--bg-subtle:#f1f5f9;--border:#e2e8f0;--border-focus:#93c5fd;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--bg-page);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.6}body{flex-direction:column;min-height:100vh;display:flex}a{color:var(--primary);text-decoration:none;transition:color .15s}a:hover{color:var(--primary-hover)}html,body{width:100%;overflow-x:hidden}img,svg,video,canvas,audio,iframe,embed,object{max-width:100%;height:auto;display:block}pre,code,kbd,samp{word-break:break-word;max-width:100%}.container{width:100%;max-width:1160px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}.site-header{border-bottom:1px solid var(--border);z-index:50;background:#fff;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:68px;display:flex}.brand-logo{color:var(--primary);align-items:center;gap:10px;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.brand-badge{background-color:var(--primary-light);color:var(--primary);letter-spacing:.02em;border-radius:9999px;padding:2px 8px;font-size:.75rem;font-weight:600}.nav-links{align-items:center;gap:24px;list-style:none;display:flex}.nav-item a{color:var(--text-muted);padding:6px 4px;font-size:.95rem;font-weight:500}.nav-item a:hover,.nav-item a.active{color:var(--primary)}.mobile-nav-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);background:0 0;padding:8px;display:none}.site-footer{border-top:1px solid var(--border);color:var(--text-muted);background-color:#fff;margin-top:auto;padding-top:48px;padding-bottom:36px;font-size:.88rem}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}.footer-col h4{color:var(--text-main);margin-bottom:16px;font-size:.98rem;font-weight:600}.footer-links{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-links a{color:var(--text-muted)}.footer-links a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--border);color:var(--text-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;font-size:.82rem;display:flex}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px;transition:transform .18s,box-shadow .18s,border-color .18s}.card:hover{border-color:var(--border-focus);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tag-pill{background-color:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border);border-radius:9999px;align-items:center;padding:3px 10px;font-size:.78rem;font-weight:500;transition:all .15s;display:inline-flex}.tag-pill:hover{background-color:var(--primary-light);color:var(--primary);border-color:var(--border-focus)}.breadcrumbs{color:var(--text-light);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;font-size:.86rem;display:flex}.breadcrumbs a{color:var(--text-muted)}.breadcrumbs a:hover{color:var(--primary)}.breadcrumbs-sep{color:#cbd5e1}.article-prose{color:#27272a;overflow-wrap:break-word;word-break:break-word;min-width:0;max-width:100%;line-height:1.8}.article-prose h2{color:#0f172a;overflow-wrap:break-word;border-bottom:1px solid #e2e8f0;margin-top:36px;margin-bottom:16px;padding-bottom:8px;font-size:1.55rem;font-weight:700}.article-prose h3{color:#1e293b;overflow-wrap:break-word;margin-top:28px;margin-bottom:12px;font-size:1.25rem;font-weight:600}.article-prose p{overflow-wrap:break-word;margin-bottom:16px;font-size:1.02rem}.article-prose ul,.article-prose ol{overflow-wrap:break-word;margin-bottom:20px;padding-left:24px}.article-prose li{margin-bottom:8px}.article-prose pre{color:#f8fafc;border-radius:var(--radius-sm);-webkit-overflow-scrolling:touch;font-family:var(--font-mono);box-sizing:border-box;background-color:#0f172a;max-width:100%;margin-bottom:20px;padding:16px 20px;font-size:.9rem;overflow-x:auto}.article-prose code{font-family:var(--font-mono);color:#0f172a;overflow-wrap:break-word;word-break:break-word;background-color:#edf2f7;border-radius:4px;padding:2px 6px;font-size:.88em}.article-prose pre code{color:inherit;white-space:pre;word-break:normal;overflow-wrap:normal;background-color:#0000;padding:0}.article-prose blockquote{border-left:4px solid var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:#334155;overflow-wrap:break-word;background-color:#f8fafc;margin-bottom:20px;padding:14px 20px}.article-prose table{border-collapse:collapse;-webkit-overflow-scrolling:touch;width:100%;max-width:100%;margin-bottom:24px;font-size:.94rem;display:block;overflow-x:auto}.article-prose th,.article-prose td{border:1px solid var(--border);text-align:left;padding:10px 14px}.article-prose th{background-color:#f1f5f9;font-weight:600}@media (width<=860px){.nav-links{display:none}.nav-links.is-open{border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;padding:20px;display:flex;position:absolute;top:68px;left:0;right:0}.mobile-nav-toggle{display:block}.footer-grid{grid-template-columns:1fr;gap:28px}}