:root{color-scheme:dark;--bg:#0b141d;--panel:#111e2a;--line:#263645;--text:#edf4f8;--muted:#a9bac8;--mint:#72efc5;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:var(--bg);color:var(--text);font:1rem/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:5px}::selection{background:#72efc5;color:#0b141d}.wrap{max-width:1160px;margin:auto;padding:0 32px}.skip{position:absolute;top:-100px;left:1rem;z-index:20;background:var(--mint);color:var(--bg);padding:12px}.skip:focus{top:10px}.header{border-bottom:1px solid var(--line);position:relative;z-index:2}.nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:12px;align-items:center;font-weight:700;font-size:1.3rem;letter-spacing:-.04em}.brand img{width:36px;height:36px}.nav-links{display:flex;align-items:center;gap:26px;font-size:.875rem}.nav-links a{color:var(--muted)}.nav-links a:hover{color:var(--text)}.nav-links .lang{border:1px solid var(--line);padding:7px 13px;border-radius:5px;color:var(--text)}.hero{padding:82px 0 76px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:800px;height:640px;right:-260px;top:-40px;background:radial-gradient(ellipse,#18405255,transparent 65%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;position:relative}.eyebrow{font: .875rem/1.5 var(--mono);color:var(--mint);display:flex;gap:12px;align-items:center;margin:0 0 24px}.eyebrow:before{content:"";width:28px;height:1px;background:var(--mint)}h1{font-size:clamp(2.9rem,4.8vw,4.15rem);letter-spacing:-.065em;line-height:1.08;font-weight:650;margin:0 0 26px}h1 span{color:var(--mint)}.lead{color:var(--muted);font-size:1.125rem;max-width:490px;margin:0 0 30px;line-height:1.75}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:6px;min-height:48px;padding:10px 20px;font-size:.9375rem;font-weight:600;background:#13222f;color:var(--text);transition:background .15s}.button:hover{background:#1d3444}.button.primary{color:#0b1b19;background:var(--mint);border-color:var(--mint)}.button.primary:hover{background:#a0f6d9}.hero-note{font: .875rem/1.6 var(--mono);color:var(--muted);margin:22px 0 0}.vault{border:1px solid #354959;border-radius:10px;box-shadow:0 26px 60px #0005;background:var(--panel);position:relative}.vault-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:16px 20px;font:.875rem var(--mono);color:var(--muted)}.git-tag{color:var(--mint);font-size:.8125rem}.vault-main{display:grid;grid-template-columns:1fr 1.35fr;min-height:290px}.file-tree{font:.8125rem/2.5 var(--mono);border-right:1px solid var(--line);padding:22px 12px 22px 20px;color:var(--muted)}.folder{color:var(--text);margin:0 0 12px;font-size:.8125rem;overflow-wrap:anywhere}.file-tree ul{list-style:none;margin:0;padding:0 0 0 12px;border-left:1px solid #3b5261}.file-tree li{white-space:nowrap}.file-tree .selected{color:var(--mint)}.file-detail{padding:25px 20px;font:.8125rem/1.9 var(--mono)}.file-detail .md-heading{color:var(--mint);margin:0 0 12px;font-size:.875rem}.file-detail p{margin:0 0 13px;color:#cfdae3}.file-detail .comment{color:#9ab0c0}.vault-foot{border-top:1px solid var(--line);padding:14px 20px;color:var(--muted);font:.8125rem/1.5 var(--mono);display:flex;justify-content:space-between;gap:16px}.vault-caption{display:block;margin:16px 0 0;font:.8125rem var(--mono);color:var(--muted);text-align:center}.principles{display:flex;gap:30px;justify-content:space-between;margin:0;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);list-style:none;color:#c2d1dc;font-size:.9375rem}.principles span{color:var(--mint);margin-right:8px}.section{padding:86px 0;border-bottom:1px solid var(--line)}.section-title{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;margin-bottom:40px}.section-title .kicker{font:.8125rem var(--mono);color:var(--mint);margin:0 0 13px;letter-spacing:.08em;text-transform:uppercase}h2{font-size:clamp(1.9rem,3vw,2.65rem);font-weight:600;letter-spacing:-.045em;line-height:1.2;margin:0}h3{font-size:1.125rem;letter-spacing:-.025em;font-weight:600;margin:0 0 12px}.section-title>p{color:var(--muted);margin:26px 0 0;max-width:490px}.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.step{border-top:1px solid #3c5363;padding-top:22px}.step .num{font:.875rem var(--mono);color:var(--mint);margin:0 0 20px}.step p{color:var(--muted);margin:0}.example{display:block;font:.875rem/1.75 var(--mono);background:#10202c;border-left:2px solid #3e766c;padding:16px 18px;margin-top:22px;color:#d1e0e9}.format{display:grid;grid-template-columns:1fr 1fr;gap:64px}.file-list{list-style:none;margin:0;padding:0}.file-list li{display:grid;grid-template-columns:150px 1fr;gap:14px;border-bottom:1px solid var(--line);padding:16px 0;font-size:.9375rem;color:var(--muted)}.file-list li:first-child{padding-top:0}.file-list code{color:var(--mint);font:.875rem/1.8 var(--mono)}.format-note{margin:22px 0 0;color:var(--muted);font-size:.875rem}.manifest{background:#101f2b;border:1px solid var(--line);border-radius:8px;overflow:hidden}.manifest-title{padding:16px 22px;border-bottom:1px solid var(--line);font:.875rem var(--mono);color:var(--muted)}.manifest pre{padding:22px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:.875rem/1.9 var(--mono);color:#ccdae5}.manifest .syntax{color:var(--mint)}.quickstart{background:#10202a;border:1px solid #375447;border-radius:12px;padding:38px}.quickstart-top{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:30px}.quickstart-top p{color:var(--muted);margin:12px 0 0;max-width:620px}.code-block{position:relative;background:#08141c;border:1px solid #2d414c;border-radius:6px;padding:24px;margin:20px 0}.code-block pre{margin:0;padding-right:80px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font:.875rem/1.8 var(--mono);color:#d2f6e7}.copy{position:absolute;right:14px;top:16px;border:1px solid #415665;border-radius:4px;background:#142734;color:var(--text);font-size:.875rem;padding:6px 11px;cursor:pointer}.copy:hover{background:#244153}.copy-feedback{color:var(--mint);font-size:.8125rem;min-height:0}.copy-feedback:empty{display:none}.copy-feedback:not(:empty){margin-top:12px}.start-steps{display:grid;grid-template-columns:1fr 1fr;gap:30px}.start-steps p{color:var(--muted);font-size:.9375rem;margin:0}.start-steps h3{margin-bottom:10px}.text-link{color:var(--mint);text-decoration:underline;text-underline-offset:4px}.clients{color:var(--muted);font-size:.875rem;margin:24px 0 0}.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tier{padding:28px;border:1px solid var(--line);border-radius:8px;background:#0f1b26}.tier.recommended{border-color:#4f9c88;background:#132a2c}.tier-label{font:.8125rem var(--mono);color:var(--muted);margin:0 0 18px}.tier-label span{color:var(--mint)}.tier p{color:var(--muted);font-size:.9375rem;margin:0 0 22px}.tier-path{font:.875rem/1.8 var(--mono);padding-top:18px;border-top:1px solid var(--line);color:#ccdae5}.availability{margin:24px 0 0;color:var(--muted);font-size:.875rem;max-width:850px}.faq-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:80px}.faq-list details{padding:22px 0;border-bottom:1px solid var(--line)}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:1rem;font-weight:500;cursor:pointer;list-style:none;display:flex;gap:20px;justify-content:space-between}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font:1.2rem var(--mono);color:var(--mint)}.faq-list details[open] summary:after{content:"−"}.faq-list p{color:var(--muted);margin:14px 30px 0 0;font-size:.9375rem}.end{padding:65px 0;display:flex;justify-content:space-between;align-items:center;gap:35px}.end h2{font-size:2rem;margin-bottom:14px}.end p{color:var(--muted);margin:0}.footer{border-top:1px solid var(--line);padding:24px 0 32px;color:var(--muted);font-size:.875rem}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-links{display:flex;gap:24px}.footer a:hover{color:var(--mint)}.error-page{min-height:75vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:24px}.error-page p{color:var(--muted)}
@media(min-width:1000px){html[lang=zh-CN] h1{font-size:3.8rem;letter-spacing:-.025em;line-height:1.25}}
@media(max-width:1000px){.hero-grid{gap:35px}.vault-main{grid-template-columns:1fr}.file-tree{border-right:0;border-bottom:1px solid var(--line);padding:16px 20px}.file-tree ul{display:flex;flex-wrap:wrap;gap:0 14px;line-height:2.1}.folder{margin-bottom:5px}.file-detail{padding:18px 20px}.vault-foot{flex-wrap:wrap}.workflow{gap:22px}.format,.section-title{gap:38px}.tier{padding:22px}.faq-grid{gap:45px}}
@media(max-width:720px){.wrap{padding:0 22px}.nav{min-height:74px;gap:14px}.brand{font-size:1.15rem;gap:8px}.brand img{width:30px;height:30px}.nav-links{gap:14px}.nav-links .optional{display:none}.nav-links .lang{padding:5px 9px}.hero{padding:54px 0 40px}.hero-grid{grid-template-columns:1fr;gap:40px}h1{font-size:3.1rem;max-width:560px}.lead{font-size:1.0625rem}.vault-main{grid-template-columns:1fr 1.35fr;min-height:240px}.file-tree{border-right:1px solid var(--line);border-bottom:0;padding:20px 12px 20px 16px}.file-tree ul{display:block}.folder{font-size:.8125rem;margin-bottom:12px}.file-detail{padding:20px 16px}.principles{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;padding:24px 0;font-size:.875rem}.section{padding:56px 0}.section-title,.format,.faq-grid{grid-template-columns:1fr;gap:24px}.section-title{margin-bottom:30px}.section-title>p{margin:0}.workflow,.tiers{grid-template-columns:1fr;gap:28px}.step .num{margin-bottom:12px}.example{margin-top:14px}.quickstart{padding:24px}.quickstart-top{display:block}.quickstart-top .button{margin-top:22px}.start-steps{grid-template-columns:1fr;gap:26px}.code-block{padding:60px 16px 18px}.code-block pre{padding-right:0}.faq-grid{gap:35px}.end{padding:45px 0;align-items:flex-start;flex-direction:column}.footer-inner{align-items:flex-start;flex-direction:column;gap:16px}.footer-links{gap:20px}.hero-note{font-size:.8125rem}.vault-caption{line-height:1.6}}
@media(max-width:390px){.wrap{padding:0 18px}.nav-links{gap:10px}.nav-links .github{display:none}h1{font-size:2.8rem}.vault-main{grid-template-columns:1fr}.file-tree{border-right:0;border-bottom:1px solid var(--line)}.file-tree ul{display:flex}.file-list li{grid-template-columns:125px 1fr}.file-list code{font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}