:root{color-scheme:dark;--bg: #08090d;--bg-soft: #0c0e14;--surface: #10131c;--card: #12151f;--border: #222636;--border-strong: #303650;--text: #e7e9f2;--muted: #9aa1b8;--faint: #6b7288;--accent: #4d6bfe;--accent-2: #22d3ee;--accent-soft: rgba(77, 107, 254, .12);--green: #34d399;--green-soft: rgba(52, 211, 153, .12);--ok-border: rgba(52, 211, 153, .3);--amber: #fbbf24;--red: #f87171;--inline-code: #a5b4fc;--cat-text: #a5b4fc;--cat-border: rgba(99, 102, 241, .35);--cat-bg: rgba(99, 102, 241, .1);--code-bg: #0b0d13;--code-text: #c9d1e3;--header-bg: rgba(8, 9, 13, .75);--glow-1: rgba(77, 107, 254, .14);--glow-2: rgba(34, 211, 238, .07);--shadow-hover: 0 8px 32px rgba(0, 0, 0, .35), 0 0 0 1px rgba(77, 107, 254, .15);--info-text: #93c5fd;--info-border: rgba(59, 130, 246, .3);--info-bg: rgba(59, 130, 246, .07);--warn-text: #fbbf24;--warn-border: rgba(251, 191, 36, .25);--warn-bg: rgba(251, 191, 36, .06);--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Roboto, "Helvetica Neue", Arial, sans-serif;--radius: 12px;--max-w: 1120px}html[data-theme=light]{color-scheme:light;--bg: #f6f7f9;--bg-soft: #eef0f4;--surface: #ffffff;--card: #ffffff;--border: #e2e6ee;--border-strong: #c9d0dd;--text: #191d27;--muted: #4d5567;--faint: #878ea1;--accent: #4d6bfe;--accent-2: #0e7490;--accent-soft: rgba(77, 107, 254, .1);--green: #059669;--green-soft: rgba(5, 150, 105, .1);--ok-border: rgba(5, 150, 105, .35);--amber: #b45309;--red: #dc2626;--inline-code: #4f46e5;--cat-text: #4f46e5;--cat-border: rgba(99, 102, 241, .3);--cat-bg: rgba(99, 102, 241, .07);--code-bg: #f3f5f9;--code-text: #333b4e;--header-bg: rgba(246, 247, 249, .8);--glow-1: rgba(77, 107, 254, .1);--glow-2: rgba(14, 116, 144, .05);--shadow-hover: 0 8px 28px rgba(16, 24, 40, .1), 0 0 0 1px rgba(77, 107, 254, .12);--info-text: #1d4ed8;--info-border: rgba(59, 130, 246, .35);--info-bg: rgba(59, 130, 246, .06);--warn-text: #92400e;--warn-border: rgba(217, 119, 6, .3);--warn-bg: rgba(251, 191, 36, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--text);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}body:before{content:"";position:fixed;inset:0;background:radial-gradient(900px 420px at 70% -10%,var(--glow-1),transparent 60%),radial-gradient(700px 380px at 10% -5%,var(--glow-2),transparent 55%);pointer-events:none;z-index:-1}a{color:inherit;text-decoration:none}a:hover{color:var(--text)}::selection{background:#4d6bfe66}img{max-width:100%}.container{max-width:var(--max-w);margin:0 auto;padding:0 24px}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);background:var(--header-bg);border-bottom:1px solid var(--border)}.site-header .inner{display:flex;align-items:center;justify-content:space-between;height:60px}.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;letter-spacing:-.01em}.logo img{width:26px;height:26px;border-radius:6px}.logo .tld{color:var(--faint);font-weight:500}.nav{display:flex;align-items:center;gap:4px}.nav a{padding:7px 12px;border-radius:8px;color:var(--muted);font-size:14.5px;font-weight:500;transition:all .15s}.nav a:hover,.nav a.active{color:var(--text);background:var(--surface)}.nav .gh{display:flex;align-items:center;gap:7px;margin-left:8px;padding:7px 12px;border:1px solid var(--border);border-radius:8px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-left:8px;border-radius:8px;border:1px solid var(--border);color:var(--muted);background:transparent;cursor:pointer;transition:all .15s;font-family:var(--sans)}.icon-btn:hover{color:var(--text);border-color:var(--border-strong)}.icon-btn svg{width:15px;height:15px}html[data-theme=light] .show-in-dark{display:none}html:not([data-theme=light]) .show-in-light{display:none}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:9px;font-size:14.5px;font-weight:600;border:1px solid var(--border-strong);color:var(--text);background:var(--surface);cursor:pointer;transition:all .15s}.btn:hover{border-color:var(--accent);transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--accent),#6d5bfe);border-color:transparent;color:#fff}.btn.primary:hover{filter:brightness(1.1)}.hero{padding:84px 0 60px;text-align:center}.hero .pill{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:6px 14px;margin-bottom:26px}.hero .pill .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.hero h1{font-size:clamp(36px,6vw,60px);line-height:1.08;letter-spacing:-.03em;font-weight:800;max-width:800px;margin:0 auto 20px}.hero h1 .grad{background:linear-gradient(120deg,var(--accent) 10%,var(--accent-2) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.sub{color:var(--muted);font-size:18px;max-width:620px;margin:0 auto 34px}.hero .actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.section{padding:44px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.section-head h2{font-size:26px;letter-spacing:-.02em}.section-head .more{color:var(--muted);font-size:14.5px;font-weight:500}.section-head .more:hover{color:var(--accent-2)}.section-head p.hint{color:var(--faint);font-size:14px;margin-top:4px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:960px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.grid{grid-template-columns:1fr}}.preset-card{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:all .16s}.preset-card:hover{border-color:#4d6bfe8c;transform:translateY(-2px);box-shadow:var(--shadow-hover)}.preset-card .top{display:flex;align-items:center;justify-content:space-between;gap:10px}.preset-card h3{font-size:16.5px;letter-spacing:-.01em}.preset-card p.desc{color:var(--muted);font-size:14px;line-height:1.55;flex:1}.preset-card .meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.chip-row{display:flex;gap:6px;flex-wrap:wrap}.chip{font-size:12px;font-weight:500;color:var(--muted);background:var(--surface);border:1px solid var(--border);padding:3px 9px;border-radius:999px;white-space:nowrap}.chip.cat{color:var(--cat-text);border-color:var(--cat-border);background:var(--cat-bg)}.chip.tool{font-family:var(--mono);font-size:11.5px}.badge-verified{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--green);background:var(--green-soft);border:1px solid var(--ok-border);padding:3px 10px;border-radius:999px;white-space:nowrap}.badge-verified svg{width:12px;height:12px}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:24px}.search-box{flex:1;min-width:220px;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:0 14px;height:44px}.search-box:focus-within{border-color:var(--accent)}.search-box svg{width:16px;height:16px;color:var(--faint);flex-shrink:0}.search-box input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:15px;font-family:var(--sans);height:100%}.search-box input::placeholder{color:var(--faint)}.filter-chips{display:flex;gap:8px;flex-wrap:wrap}.filter-chips button{font-size:13.5px;font-weight:500;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:7px 14px;cursor:pointer;transition:all .13s;font-family:var(--sans)}.filter-chips button:hover{color:var(--text);border-color:var(--border-strong)}.filter-chips button.on{color:#fff;background:var(--accent-soft);border-color:var(--accent)}html[data-theme=light] .filter-chips button.on{color:var(--accent)}.empty-note{color:var(--faint);text-align:center;padding:48px 0;font-size:15px}.code-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--code-bg);overflow:hidden}.code-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;background:var(--surface);border-bottom:1px solid var(--border)}.code-head .fname{font-family:var(--mono);font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:8px}.copy-btn{font-size:12px;font-weight:600;font-family:var(--mono);color:var(--muted);background:transparent;border:1px solid var(--border);border-radius:6px;padding:4px 10px;cursor:pointer;transition:all .13s;white-space:nowrap}.copy-btn:hover{color:var(--text);border-color:var(--accent)}.copy-btn.done{color:var(--green);border-color:var(--ok-border)}.code-wrap pre{padding:16px;overflow-x:auto;font-size:13px;line-height:1.65}.code-wrap code{font-family:var(--mono);color:var(--code-text);white-space:pre}.page-head{padding:48px 0 8px}.crumb{color:var(--faint);font-size:14px;display:inline-flex;align-items:center;gap:6px;margin-bottom:18px}.crumb:hover{color:var(--accent-2)}.page-head h1{font-size:clamp(28px,4.5vw,40px);letter-spacing:-.025em;line-height:1.15;margin-bottom:10px}.page-head .lead{color:var(--muted);font-size:17px;max-width:720px}.page-head .badges{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap;align-items:center}.detail-cols{display:grid;grid-template-columns:1fr 320px;gap:32px;padding:28px 0 64px;align-items:start}@media(max-width:900px){.detail-cols{grid-template-columns:1fr}}.detail-main{display:flex;flex-direction:column;gap:36px;min-width:0}.detail-main h2{font-size:19px;letter-spacing:-.01em;margin-bottom:14px}.side-panel{display:flex;flex-direction:column;gap:16px;position:sticky;top:84px}@media(max-width:900px){.side-panel{position:static}}.side-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.side-card h4{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);margin-bottom:12px}.kv{display:flex;flex-direction:column;gap:9px;font-size:13.5px}.kv .row{display:flex;justify-content:space-between;gap:12px}.kv .k{color:var(--faint);white-space:nowrap}.kv .v{color:var(--text);text-align:right;font-weight:500}.kv .v.mono{font-family:var(--mono);font-size:12.5px}.usecase-list{list-style:none;display:flex;flex-direction:column;gap:10px}.usecase-list li{position:relative;padding-left:26px;color:var(--muted);font-size:14.5px}.usecase-list li:before{content:"▸";position:absolute;left:6px;color:var(--accent)}.note{display:flex;gap:12px;padding:14px 16px;border-radius:10px;font-size:13.5px;line-height:1.55;border:1px solid}.note.info{color:var(--info-text);border-color:var(--info-border);background:var(--info-bg)}.note.warn{color:var(--warn-text);border-color:var(--warn-border);background:var(--warn-bg)}.note b{color:inherit}.file-tabs{display:flex;gap:4px;margin-bottom:12px;flex-wrap:wrap}.file-tabs button{font-family:var(--mono);font-size:12.5px;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-bottom:none;border-radius:8px 8px 0 0;padding:8px 16px;cursor:pointer;transition:all .13s}.file-tabs button.on{color:var(--text);background:var(--card);border-color:var(--border-strong)}.tab-panel[hidden]{display:none}.steps{display:flex;flex-direction:column;gap:14px;counter-reset:step}.step{display:flex;gap:16px;align-items:flex-start;padding:18px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}.step .n{flex-shrink:0;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--accent-soft);color:var(--inline-code);font-weight:700;font-size:13.5px;font-family:var(--mono)}.step .body{min-width:0;flex:1}.step .body b{display:block;font-size:15px;margin-bottom:4px}.step .body p{color:var(--muted);font-size:14px}.step .body .code-wrap{margin-top:10px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:900px){.features{grid-template-columns:1fr}}.feature{padding:22px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}.feature .ico{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:var(--accent-soft);margin-bottom:14px}.feature .ico svg{width:18px;height:18px;color:var(--inline-code)}.feature h3{font-size:16px;margin-bottom:6px}.feature p{color:var(--muted);font-size:14px}.blog-card{display:flex;flex-direction:column;gap:10px;padding:20px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:all .16s}.blog-card:hover{border-color:var(--accent-2);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.blog-card .date{color:var(--faint);font-size:12.5px;font-family:var(--mono)}.blog-card h3{font-size:16.5px;letter-spacing:-.01em;line-height:1.35}.blog-card p.desc{color:var(--muted);font-size:14px;line-height:1.55;flex:1}.article-head{padding:52px 0 8px;max-width:780px;margin:0 auto}.article-head .meta{display:flex;align-items:center;gap:12px;color:var(--faint);font-size:13.5px;font-family:var(--mono);margin-bottom:16px;flex-wrap:wrap}.article-head h1{font-size:clamp(28px,4.5vw,40px);letter-spacing:-.025em;line-height:1.15;margin-bottom:14px}.article-head .lead{color:var(--muted);font-size:17px}.prose blockquote{border-left:3px solid var(--accent);padding:4px 0 4px 18px;margin:18px 0;color:var(--muted);font-size:15px}.prose pre{background:var(--code-bg);border:1px solid var(--border);border-radius:10px;padding:16px;overflow-x:auto;font-size:13px;line-height:1.65}.prose pre code{background:none;border:none;padding:0;color:var(--code-text);font-size:13px}.prose hr{border:none;border-top:1px solid var(--border);margin:28px 0}.article-footer{margin-top:40px;padding-top:24px;border-top:1px solid var(--border)}.prose{max-width:780px;margin:0 auto;padding:48px 24px 72px}.prose h1{font-size:34px;letter-spacing:-.02em;margin-bottom:12px}.prose h2{font-size:22px;letter-spacing:-.01em;margin:40px 0 14px}.prose h3{font-size:17px;margin:26px 0 10px}.prose p{color:var(--muted);margin-bottom:14px;font-size:15.5px}.prose ul,.prose ol{color:var(--muted);margin:0 0 16px 22px;font-size:15.5px;display:flex;flex-direction:column;gap:8px}.prose li strong{color:var(--text)}.prose code{font-family:var(--mono);font-size:.88em;background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:1.5px 6px;color:var(--inline-code)}.prose .code-wrap{margin:18px 0}.prose table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14px}.prose th{text-align:left;color:var(--faint);font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;padding:8px 12px;border-bottom:1px solid var(--border-strong)}.prose td{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--muted);vertical-align:top}.prose td:first-child{font-family:var(--mono);color:var(--inline-code);font-size:13px;white-space:nowrap}.cta-band{margin:40px 0 8px;padding:44px;text-align:center;border:1px solid var(--border);border-radius:16px;background:radial-gradient(600px 200px at 50% 0%,var(--glow-1),transparent 70%),var(--card)}.cta-band h2{font-size:26px;letter-spacing:-.02em;margin-bottom:10px}.cta-band p{color:var(--muted);margin-bottom:24px}html[lang=zh] body{line-height:1.7}html[lang=zh] .prose p,html[lang=zh] .prose li{line-height:1.8}html[lang=zh] .preset-card p.desc,html[lang=zh] .blog-card p.desc{line-height:1.65}html[lang=zh] .usecase-list li{line-height:1.7}html[lang=zh] .hero h1{line-height:1.25;letter-spacing:0}.site-footer{border-top:1px solid var(--border);padding:36px 0 44px;margin-top:24px}.site-footer .inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--faint);font-size:13.5px}.site-footer .links{display:flex;gap:18px}.site-footer a:hover{color:var(--accent-2)}