@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}
.dshow{padding:80px 0}
.dshow h2{
font-family:var(--font-display);font-size:clamp(28px,3.4vw,44px);font-weight:600;
line-height:1.12;letter-spacing:-.02em;color:#111827 !important;margin:12px 0 16px;max-width:760px;
}
.dshow .lead{color:rgba(17,24,39,.72) !important}
.dshow-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:36px}
.dshow-fig{margin:0}
.dshow-fig img{
width:100%;height:auto;display:block;background:#fff;
border:1px solid rgba(0,0,0,.10);border-radius:12px;
}
.dshow-fig figcaption{margin-top:12px;font-size:13.5px;line-height:21px;color:rgba(17,24,39,.68)}
.dshow-fig figcaption b{color:#111827;font-weight:600}
.dshow-link{margin:28px 0 0;font-size:15px}
.dshow-link a{color:#1D4ED8;text-decoration:none;border-bottom:1px solid rgba(29,78,216,.35);padding-bottom:2px}
.dshow-link a:hover{border-bottom-color:#1D4ED8}
.evband{background:#F6F7F9;padding:72px 0}
.evband .eyebrow{
font-family:var(--font-mono);font-size:12px;line-height:20px;letter-spacing:.14em;
text-transform:uppercase;color:#1D4ED8 !important;
}
.evband h2{
font-family:var(--font-display);font-size:clamp(24px,2.6vw,34px);font-weight:600;
line-height:1.16;letter-spacing:-.02em;color:#111827 !important;margin:12px 0 0;max-width:820px;
}
.ev-sources{
font-family:var(--font-mono);font-size:13.5px;line-height:24px;letter-spacing:.02em;
color:rgba(17,24,39,.78);margin:22px 0 0;
}
.ev-sources i{
display:inline-block;width:3px;height:3px;border-radius:50%;
background:rgba(17,24,39,.34);margin:0 11px;vertical-align:middle;font-size:0;line-height:0;
}
.ev-sources .ev-src-label{
display:inline-block;margin-right:14px;padding:2px 9px;border:1px solid rgba(0,0,0,.18);
border-radius:4px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(17,24,39,.62);
}
.ev-nums{
display:grid;grid-template-columns:repeat(4,1fr);gap:28px;
margin-top:40px;padding-top:28px;border-top:1px solid rgba(0,0,0,.10);
}
.ev-nums b{
display:block;font-family:var(--font-mono);font-size:clamp(26px,2.8vw,36px);font-weight:600;
line-height:1.1;letter-spacing:-.02em;color:#111827;
}
.ev-nums span{display:block;margin-top:10px;font-size:13px;line-height:20px;color:rgba(17,24,39,.64)}
.ev-foot{margin:26px 0 0;font-size:14px;line-height:22px;color:rgba(17,24,39,.52)}
.evband .ev-foot a{
color:#1D4ED8 !important;text-decoration:none;
border-bottom:1px solid rgba(29,78,216,.35);padding-bottom:2px;
}
.evband .ev-foot a:hover{border-bottom-color:#1D4ED8 !important}
.ev-note{color:rgba(17,24,39,.64);font-size:13px}
@media (max-width:900px){
.dshow-grid{grid-template-columns:1fr;gap:36px}
.ev-nums{grid-template-columns:repeat(2,1fr);gap:24px}
}
@media (max-width:720px){
.dshow{padding:56px 0}
.evband{padding:52px 0}
.ev-sources{font-size:12.5px}
.ev-note{display:block;margin-top:8px}
}
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; }
}
.hero-art{
position:absolute;top:0;right:0;height:100%;width:min(46%,800px);
background-image:url('/assets/hero-landscape.webp');
background-repeat:no-repeat;background-position:right 0px top 330px;background-size:contain;
pointer-events:none;z-index:0;
opacity:1;
-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,1) 26%);
mask-image:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,1) 26%);
}
.hero > .page{position:relative;z-index:1}
@media (max-width:1200px){
.hero-art{background-image:url('/assets/hero-landscape-1200.webp');width:min(48%,640px);background-position:right 0px top 300px}
}
@media (max-width:900px){
.hero-art{display:none}
}
html body #v2 .trial { background: transparent !important; border: 0 !important; }
html body #v2 .trial .box {
position: relative;
background: #FFFFFF !important;
border: 1px solid rgba(17,24,39,.10) !important;
border-radius: 18px !important;
padding: 18px 18px 12px !important;
box-shadow: 0 1px 2px rgba(16,24,40,.04), 0 18px 44px -20px rgba(16,24,40,.28) !important;
transition: border-color .2s ease, box-shadow .25s cubic-bezier(.16,1,.3,1) !important;
}
html body #v2 .trial .box:focus-within {
border-color: rgba(29,78,216,.45) !important;
box-shadow: 0 0 0 4px rgba(29,78,216,.10), 0 18px 44px -20px rgba(16,24,40,.28) !important;
}
html body #v2 .trial .box::after {
content: ""; position: absolute; left: 18px; right: 18px; bottom: -1px; height: 2px; border-radius: 2px;
background: linear-gradient(90deg, rgba(29,78,216,0), #1D4ED8 22%, #224EEE 62%, rgba(34,78,238,0));
opacity: 0; transform: scaleX(.18); transform-origin: left center;
transition: opacity .25s ease, transform .5s cubic-bezier(.16,1,.3,1);
pointer-events: none;
}
html body #v2 .trial .box:focus-within::after { opacity: 1; transform: scaleX(1); }
html body #askInput { caret-color: #1D4ED8 !important; }
html body #askInput::placeholder { color: rgba(17,24,39,.55) !important; }
html body #v2 .trial .hint { color: #6B7280 !important; }
html body #v2 #askInput:focus,
html body #v2 #askInput:focus-visible { outline: none !important; }
html body #v2 .trial .send {
width: 40px !important; height: 40px !important; border-radius: 50% !important;
background: rgba(17,24,39,.08) !important; color: rgba(17,24,39,.28) !important;
box-shadow: none !important;
transition: background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}
html body #v2 .trial .send:not(:disabled) {
background: #111827 !important; color: #FFFFFF !important;
box-shadow: 0 2px 10px rgba(17,24,39,.22) !important; cursor: pointer;
}
html body #v2 .trial .send:not(:disabled):hover { background: #000000 !important; transform: translateY(-1px); box-shadow: 0 6px 18px rgba(17,24,39,.26) !important; }
html body #v2 .trial .send:not(:disabled):active { transform: translateY(0) scale(.96); }
html body #v2 .trial .send svg { width: 17px; height: 17px; }
html body #v2 .trial .examples { gap: 10px !important; margin-top: 18px !important; }
html body #v2 .trial .examples button {
background: #FFFFFF !important;
border: 1px solid rgba(17,24,39,.12) !important;
color: rgba(17,24,39,.72) !important;
border-radius: 999px !important;
padding: 9px 16px !important;
font-size: 13px !important;
transition: border-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}
html body #v2 .trial .examples button:hover {
border-color: rgba(29,78,216,.5) !important; color: #1D4ED8 !important; transform: translateY(-1px);
box-shadow: 0 8px 18px -10px rgba(16,24,40,.45) !important;
}
html body #v2 .trial .examples button:active { transform: translateY(0); }
@media (prefers-reduced-motion: reduce) {
html body #v2 .trial .box::after { transition: none; }
html body #v2 .trial .box, html body #v2 .trial .send, html body #v2 .trial .examples button { transition: none !important; }
}
@media (max-width: 720px) {
html body #v2 .trial .box { padding: 14px 14px 10px !important; border-radius: 16px !important; }
html body #v2 .trial .send { width: 38px !important; height: 38px !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;
}