@media (max-width:810px){
:lang(zh) h1, :lang(zh) h2, html body .ph-title, html body .page-title {
word-break:normal !important;
overflow-wrap:anywhere !important;
text-wrap:pretty;
}
html body h1, html body h2, html body .ph-title { max-width:100% !important; }
#v2 .prose-body code, #v2 code, .psec code { overflow-wrap:anywhere !important; word-break:break-word !important; }
#v2 .prose-body table, .psec table, .wtable { display:block; max-width:100%; overflow-x:auto; }
}
@media (max-width:520px){
.navbar .nav-actions { display:none !important; }
}
.skip-link{
position:absolute !important;left:-9999px !important;top:0 !important;z-index:100 !important;
background:#FFFFFF !important;color:#111827 !important;
border:1px solid rgba(0,0,0,.16) !important;border-bottom-right-radius:8px !important;
padding:10px 16px !important;font-family:var(--font-mono,"JetBrains Mono",monospace) !important;
font-size:13px !important;text-decoration:none !important;
}
.skip-link:focus,.skip-link:focus-visible{left:0 !important;outline:2px solid #224EEE !important;outline-offset:0 !important}
html body h1, html body h2, html body h3, html body h4,
html body .ph-title, html body .sec-title, html body .cta-panel-title,
html body .page-title, html body .tagline,
html body .ph-title.ph-title, html body .sec-title.sec-title,
html body .cta-panel-title.cta-panel-title, html body .page-title.page-title,
html body .tagline.tagline {
max-width: none !important;
}
html body .uc-cta-t.uc-cta-t, html body .uc-cta-d.uc-cta-d {
max-width: none !important;
}
html body h1, html body h2, html body .ph-title, html body .sec-title, html body .cta-panel-title {
text-wrap: pretty;
}
html body .bm-atglance {
max-width: 1344px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 32px !important;
padding-right: 32px !important;
}
@media (max-width: 720px) {
html body .bm-atglance { padding-left: 20px !important; padding-right: 20px !important; }
}
:root{
--font-display:"Geist","HarmonyOS Sans SC","PingFang SC","MiSans","Source Han Sans SC","Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
--font-body:"Geist","HarmonyOS Sans SC","PingFang SC","MiSans","Source Han Sans SC","Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
--font-sans:"Geist","HarmonyOS Sans SC","PingFang SC","MiSans","Source Han Sans SC","Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
--font-mono:"Geist Mono","JetBrains Mono","IBM Plex Mono",ui-monospace,"SFMono-Regular","Menlo",monospace !important;
--brand:#224EEE !important;
--brand-2:#1D4ED8 !important;
}
html body h1:not(#\9):not(#\8),
html body #v2 h1:not(#\9):not(#\8),
html body .tagline:not(#\9):not(#\8),
html body .ph-title:not(#\9):not(#\8),
html body .page-title:not(#\9):not(#\8) {
font-family:"Geist","HarmonyOS Sans SC","PingFang SC","MiSans","Source Han Sans SC","Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
font-weight:500 !important;
font-size:clamp(36px,5vw,64px) !important;
line-height:1.08 !important;
letter-spacing:-.02em !important;
max-width:none !important;
}
html body h2:not(#\9):not(#\8),
html body #v2 h2:not(#\9):not(#\8),
html body .sec-title:not(#\9):not(#\8),
html body .cta-panel-title:not(#\9):not(#\8) {
font-family:"Geist","HarmonyOS Sans SC","PingFang SC","MiSans","Source Han Sans SC","Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
font-weight:500 !important;
font-size:clamp(26px,2.6vw,40px) !important;
line-height:1.12 !important;
letter-spacing:-.015em !important;
max-width:none !important;
}
html body h3,
html body h4 {
font-family:"Geist","HarmonyOS Sans SC","PingFang SC","MiSans","Source Han Sans SC","Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}
html body h2 + p:not(#\9),
html body #v2 h2 + p:not(#\9),
html body h2 + .lead:not(#\9),
html body h2 + .sec-desc:not(#\9),
html body h2 + .ph-desc:not(#\9),
html body .sec-title + p:not(#\9) {
margin-top:16px !important;
}
html body .logo-text,
html body .footer-logo .logo-text {
font-family:"Geist","HarmonyOS Sans SC","PingFang SC","MiSans","Source Han Sans SC","Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
font-weight:600 !important;
font-size:17px !important;
}
html body .cta:not(#\9),
html body .btn:not(#\9),
html body .btn-primary:not(#\9),
html body .btn-on-dark:not(#\9),
html body .btn-secondary:not(#\9),
html body .cta-btn:not(#\9),
html body .tk-btn:not(#\9),
html body .tk-nav-cta:not(#\9) {
border-radius: 8px !important;
}
html body .tk-input:not(#\9) {
border-radius: 8px !important;
}
html body .lead:not(#\9),
html body .sec-desc:not(#\9),
html body .ph-intro:not(#\9),
html body .ph-desc:not(#\9),
html body .ph-sub:not(#\9),
html body .tagline:not(#\9),
html body .cta-panel-title:not(#\9),
html body .sec-title:not(#\9),
html body h1:not(#\9),
html body h2:not(#\9),
html body h3:not(#\9),
html body .rcard-title:not(#\9) {
text-wrap: balance;
}
.sb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:8px}
@media (max-width:900px){.sb{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.sb{grid-template-columns:1fr}}
.sb-step{margin:0;border:1px solid rgba(14,15,17,.12);border-radius:12px;overflow:hidden;background:#fff;
transition:transform .18s ease,border-color .18s ease}
.sb-step:hover{transform:translateY(-3px);border-color:rgba(14,15,17,.26)}
.sb-step img{display:block;width:100%;height:auto;border-bottom:1px solid rgba(14,15,17,.10)}
.sb-step figcaption{padding:10px 12px 12px;font-size:13px;line-height:1.45}
.sb-n{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.08em;color:#0E0F11;margin-right:6px}
.sb-t{font-family:var(--font-mono);font-size:11px;color:rgba(14,15,17,.64);float:right}
.sb-d{display:block;margin-top:4px;font-family:var(--font-mono);font-size:11px;color:rgba(14,15,17,.64)}
@media (prefers-reduced-motion:reduce){.sb-step{transition:none}.sb-step:hover{transform:none}}