:root{--bg: #ffffff;--surface: #f5f5f7;--text: #0f172a;--muted: #475569;--border: #e2e8f0;--accent-blue: #0a84ff;--accent-orange: #ff6b00;--radius: 18px;--container: min(1120px, calc(100% - 2rem) );--shadow-soft: 0 8px 28px rgba(15, 23, 42, .06)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text)}body{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:var(--container);margin:0 auto}.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(148,163,184,.24);background:#ffffffc7;backdrop-filter:blur(10px)}.header-inner{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.5rem;font-weight:600}.brand-mark{color:var(--accent-blue);font-size:1.15rem}.top-nav{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.top-nav a{color:var(--muted);font-size:.95rem}.top-nav a:hover,.top-nav a:focus-visible{color:var(--text)}.lang-switch{font-size:.9rem;border:1px solid var(--border);border-radius:999px;padding:.35rem .8rem}.page-main{padding:2rem 0 4rem;display:grid;gap:1.2rem}.section-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.35rem}pre{margin:.8rem 0 0;background:#0b1220;color:#dbe7ff;border-radius:12px;padding:.9rem;overflow-x:auto}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem}.hero{background:var(--bg);border-style:dashed}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.4rem,2.6vw,2.2rem);line-height:1.2}h2{font-size:clamp(1.1rem,1.8vw,1.45rem);line-height:1.25;margin-bottom:.35rem}p{margin-top:.5rem;color:var(--muted)}.contact-grid{display:grid;gap:1rem;grid-template-columns:1fr}.contact-form{display:grid;gap:.8rem}.contact-form label{display:grid;gap:.35rem;font-size:.95rem}.contact-form input,.contact-form textarea{width:100%;border:none;border-bottom:1px solid var(--border);background:transparent;padding:.55rem 0;font:inherit}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-bottom-color:var(--accent-blue)}.contact-form button{width:fit-content;border:1px solid var(--text);background:var(--bg);color:var(--text);border-radius:999px;padding:.45rem 1rem;cursor:pointer}.contact-form button:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.terminal-tabs{display:grid;gap:.8rem}.tab-input{position:absolute;opacity:0;pointer-events:none}.tab-labels{display:flex;gap:.5rem;flex-wrap:wrap}.tab-label{border:1px solid var(--border);background:var(--bg);border-radius:999px;padding:.35rem .8rem;color:var(--muted);cursor:pointer;font-size:.9rem}.tab-panels{position:relative}.tab-panel{display:none}.terminal-tabs input:nth-of-type(1):checked~.tab-labels label:nth-of-type(1),.terminal-tabs input:nth-of-type(2):checked~.tab-labels label:nth-of-type(2),.terminal-tabs input:nth-of-type(3):checked~.tab-labels label:nth-of-type(3),.terminal-tabs input:nth-of-type(4):checked~.tab-labels label:nth-of-type(4){color:var(--text);border-color:var(--accent-blue)}.terminal-tabs input:nth-of-type(1):checked~.tab-panels .tab-panel:nth-of-type(1),.terminal-tabs input:nth-of-type(2):checked~.tab-panels .tab-panel:nth-of-type(2),.terminal-tabs input:nth-of-type(3):checked~.tab-panels .tab-panel:nth-of-type(3),.terminal-tabs input:nth-of-type(4):checked~.tab-panels .tab-panel:nth-of-type(4){display:block}.docs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.85rem}.doc-card{border-radius:var(--radius);padding:1rem;background:var(--bg);border:1px solid transparent;box-shadow:none;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.doc-card:hover{border-color:var(--border);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.markdown-body{max-width:78ch}.markdown-body h1{margin-bottom:.8rem}.markdown-body p,.markdown-body li{color:var(--text)}.markdown-body ul,.markdown-body ol{margin:.6rem 0 0;padding-left:1.2rem}@media(min-width:900px){.contact-grid{grid-template-columns:1fr 1fr;align-items:start}}@media(max-width:760px){.header-inner{padding:.6rem 0}.top-nav{width:100%;justify-content:flex-start}}