#v2 .hero::before,#v2 .hero::after{content:none!important;display:none!important;
background:none!important;box-shadow:none!important}
#v2 .hero{display:block!important;min-height:0!important;
align-items:initial!important;justify-content:initial!important}
#v2 .eyebrow::before{content:none!important;display:none!important}
#v2 .motif-node,#v2 .motif-seq,#v2 .motif-arrow,.motif-node,.motif-seq,.motif-arrow{display:none!important}
#v2 .trial{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
border:none!important;border-radius:0!important;padding:0!important;
background:none!important;width:100%!important;box-shadow:none!important}
#v2 .trial:focus-within{border:none!important;box-shadow:none!important}
#v2 .trial.success{border:none!important;background:none!important}
#v2 .hero .tagline,#v2 .tagline{text-align:left!important}
#v2{
margin:0;background:var(--bg);color:var(--tx); font-family:var(--font-body); font-size:var(--fs-body);font-weight:500;line-height:var(--lh-body);letter-spacing:var(--ls-body); -webkit-font-smoothing:antialiased}
#v2 .sec{background:transparent}
#v2 .sec-inner{background:transparent}
#v2 .sec{max-width:1280px;margin:0 auto;padding:0 40px 96px}
#v2 .sec-inner{max-width:820px}
#v2 h2.sec-title{font-size:clamp(34px,5vw,64px);font-weight:500;line-height:1;letter-spacing:-.04em;
margin:0 0 24px;color:var(--tx)}
#v2 p.sec-desc{font-size:17px;line-height:1.6;color:var(--tx-3);margin:0 0 20px;max-width:760px}
#v2 p.sec-desc.stat-close{margin-top:28px}
#v2 .reveal{opacity:1 !important;transform:none !important}
#v2 .loop-row{display:flex;gap:28px;align-items:baseline;border-top:1px solid var(--line);padding:26px 0}
#v2 .loop-row:last-of-type{border-bottom:1px solid var(--line)}
#v2 .loop-num{font-family:ui-monospace,Menlo,monospace;font-size:13px;color:var(--tx-3);flex:0 0 40px}
#v2 .loop-body{flex:1}
#v2 .loop-name{margin:0 0 8px;font-size:24px;font-weight:500;letter-spacing:-.01em;color:var(--tx)}
#v2 .loop-desc{margin:0;font-size:15px;line-height:1.6;color:var(--tx-3);max-width:660px}
#v2 .loop-row .live-badge{font-family:ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.06em;
text-transform:uppercase;color:var(--accent);border:1px solid currentColor;border-radius:var(--r-sm);
padding:2px 8px;margin-left:10px;vertical-align:middle}
#v2 .demo-sec{background:#030712;color:#fff;padding:104px 0}
#v2 .demo-sec .eyebrow{color:rgba(255,255,255,.5)}
#v2 .demo-sec h2{color:#fff}
#v2 .demo-sec p.sec-desc{color:rgba(255,255,255,.6)}
#v2 .demo-sec .demo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;
max-width:1280px;margin:40px auto 0;padding:0 40px}
#v2 .demo-sec .demo-card{background:#0D1117;border:1px solid rgba(255,255,255,.1);border-radius:16px;
overflow:hidden;padding:16px}
#v2 .demo-sec .mol-canvas{height:340px;border-radius:8px;background:#080B11}
#v2 .demo-sec .demo-cap{margin-top:14px;display:flex;flex-direction:column;gap:4px}
#v2 .demo-sec .demo-name{font-size:16px;font-weight:500;color:#fff}
#v2 .demo-sec .demo-sub{font-size:13px;color:rgba(255,255,255,.55)}
#v2 .demo-sec .mol-legend{max-width:1280px;margin:24px auto 0;padding:0 40px;display:flex;
align-items:center;gap:12px;font-size:13px;color:rgba(255,255,255,.55)}
#v2 .play-sec{background:#030712;color:#fff;padding:104px 0 96px}
#v2 .play-sec h2{color:#fff}
#v2 .play-sec p{color:rgba(255,255,255,.6)}
@media (max-width:810px){
#v2 .sec{padding:0 20px 72px}
#v2 .demo-sec, #v2 .play-sec{padding:72px 0}
#v2 .demo-sec .demo-grid{grid-template-columns:1fr;padding:0 20px}
#v2 .demo-sec .mol-legend{padding:0 20px;flex-wrap:wrap}
#v2 .loop-row{gap:16px}
#v2 .loop-name{font-size:20px}
}
body { text-rendering: auto; }
:lang(zh) #v2 h1 {
line-height: 1.08; letter-spacing: normal; font-weight: 500;
word-break: keep-all; text-wrap: balance;
}
:lang(zh) #v2 h2 {
line-height: 1.12; letter-spacing: normal; font-weight: 600;
word-break: keep-all; text-wrap: balance;
}
:lang(zh) #v2 h3, :lang(zh) #v2 h4 { line-height: 1.3; letter-spacing: normal; }
:lang(zh) #v2 .eyebrow { letter-spacing: 0.02em; font-weight: 600; }
:lang(zh) #v2 p, :lang(zh) #v2 .lead, :lang(zh) #v2 li { line-height: 1.75; }
:lang(zh) #v2 { text-spacing-trim: space-all; }
:lang(zh) #v2 .mol-legend,
:lang(zh) #v2 .sv-play-note,
:lang(zh) #v2 span.cap,
:lang(zh) #v2 .sv-play-head .cap,
:lang(zh) #v2 footer h4,
:lang(zh) #v2 .footer-col h4, .footer-col h3,
:lang(zh) footer h4,
:lang(zh) .footer-col h4, .footer-col h3 {
font-family: "PingFang SC", "HarmonyOS Sans SC", MiSans, -apple-system, "Microsoft YaHei", sans-serif;
}
:lang(zh) #v2 span.cap          { font-size: 12px;   letter-spacing: 0.04em; }
:lang(zh) #v2 .mol-legend       { font-size: 13.5px; }
:lang(zh) #v2 .demo-sec .mol-legend { font-size: 13.5px; }
:lang(zh) #v2 .demo-sub,
:lang(zh) #v2 span.demo-sub     { font-size: 13.5px; }
:lang(zh) #v2 .demo-sec .demo-sub   { font-size: 13.5px; }
:lang(zh) #v2 span.pill         { font-size: 12.5px; }
:lang(zh) #v2 .sv-play-note     { font-size: 11.5px; }
:lang(zh) footer h4,
:lang(zh) .footer-col h4, .footer-col h3        { font-size: 12.5px; letter-spacing: 0.02em; }
:lang(zh) #v2 .seg button       { font-size: 12.5px; }
#v2 h1, #v2 h2 { text-wrap: balance; }
@media (max-width: 810px) {
:lang(zh) #v2 h1, :lang(zh) #v2 h2 { word-break: break-word; }
}
:lang(zh) #v2 .card,
:lang(zh) #v2 .mech,
:lang(zh) #v2 .grid3 > *,
:lang(zh) #v2 .grid2 > *,
:lang(zh) #v2 .mech > * { min-width: 0; }
:lang(zh) #v2 .card h4, #v2 .card h3,
:lang(zh) #v2 .mech h4, #v2 .mech h3,
:lang(zh) #v2 .loop-name,
:lang(zh) #v2 .card p,
:lang(zh) #v2 .mech p { overflow-wrap: break-word; word-break: normal; }
.logo-mark, .logo-mark circle, .logo-mark path { color: inherit; }
.logo .logo-mark, .footer-logo .logo-mark { color: var(--text-primary); }
@media (max-width: 810px) {
.footer-bottom { justify-content: flex-start !important; text-align: left !important; }
}
@media (max-width: 1024px) {
.footer-inner { padding-left: 40px !important; padding-right: 40px !important; }
}
@media (max-width: 720px) {
.footer-inner { padding-left: 20px !important; padding-right: 20px !important; }
}
@media (min-width: 811px) {
.footer-top {
display: grid;
grid-template-columns: 1.6fr 1fr 1fr 1fr;
gap: 64px;
align-items: start;
}
.footer-brand { flex: none; width: auto; min-width: 0; }
.footer-cols  { display: contents; }
.footer-col   { width: auto; min-width: 0; }
}
.footer-bottom {
max-width: 1440px;
margin-left: auto;
margin-right: auto;
padding-left: 80px;
padding-right: 80px;
box-sizing: border-box;
}
@media (max-width: 1024px) {
.footer-bottom { padding-left: 40px; padding-right: 40px; }
}
@media (max-width: 720px) {
.footer-bottom { padding-left: 20px; padding-right: 20px; }
}
[data-theme="light"] footer .footer-status,
[data-theme="light"] footer .footer-status *,
[data-theme="light"] footer h4,
[data-theme="light"] footer .footer-col h4, [data-theme="light"] footer .footer-col h3,
[data-theme="light"] footer .footer-title,
[data-theme="light"] footer .footer-brand p,
[data-theme="light"] footer .footer-inner p,
[data-theme="light"] footer .footer-brand-info p { color: rgba(0, 0, 0, 0.62) !important; }
[data-theme="light"] footer a:link,
[data-theme="light"] footer a:visited,
[data-theme="light"] footer a,
[data-theme="light"] .footer-bottom a:link,
[data-theme="light"] .footer-bottom a:visited,
[data-theme="light"] .footer-bottom a,
[data-theme="light"] .footer-bottom span,
[data-theme="light"] .footer-bottom,
[data-theme="light"] footer .footer-col a:link,
[data-theme="light"] footer .footer-col a:visited,
[data-theme="light"] footer .meta,
[data-theme="light"] footer code { color: rgba(0, 0, 0, 0.7) !important; }
[data-theme="light"] footer a:hover,
[data-theme="light"] .footer-bottom a:hover { color: rgba(0, 0, 0, 0.95) !important; }
[data-theme="light"] .footer-status-dot { background: #1D4ED8 !important; }
[data-theme="light"] footer, [data-theme="light"] #v2 footer { border-top-color: var(--line) !important; }
[data-theme="light"] { --w-55: rgba(0, 0, 0, 0.62) !important; }
.footer-bottom {
justify-content: flex-start !important;
text-align: left !important;
gap: 8px !important;
flex-wrap: wrap;
}
.footer-bottom span[aria-hidden="true"] { display: inline !important; }
.footer-bottom a { text-decoration: none; }
.footer-bottom a:hover { text-decoration: underline; }
@media (max-width: 720px) {
.footer-bottom { gap: 6px !important; }
}
.footer-bottom .beian-gongan {
display: inline-flex; align-items: center; gap: 4px;
text-decoration: none; white-space: nowrap;
}
.footer-bottom .beian-gongan img {
width: 13px; height: 14px; display: block; flex: none;
filter: none;
}
.footer-bottom .beian-gongan:hover { text-decoration: underline; }
.footer-bottom .beian-gongan:hover img { text-decoration: none; }
#v2 .page {
max-width: 1344px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 80px !important;
padding-right: 80px !important;
box-sizing: border-box;
}
#v2 .hero .hd,
#v2 .sec-inner,
#v2 .hd {
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
#v2 .hero .hd > .eyebrow,
#v2 .hero .hd > h1,
#v2 .hero .hd > .tagline,
#v2 .hero .hd > .lead,
#v2 .hero .hd > .ask,
#v2 .hero .hd > .examples,
#v2 .hero .hd > .page-ctas,
#v2 .hero .hd > p {
max-width: 820px;
margin-left: 0;
margin-right: 0;
}
#v2 > section.hero     { padding-top: 140px !important; padding-bottom: 80px !important; }
#v2 > section.sm       { padding-top: 96px  !important; padding-bottom: 96px  !important; }
#v2 > section.trust    { padding-top: 120px !important; padding-bottom: 96px  !important; }
#v2 > section.final    { padding-top: 140px !important; padding-bottom: 140px !important; }
#v2 > section:not([class]) { padding-top: 96px !important; padding-bottom: 120px !important; }
@media (min-width: 811px) {
#v2 > section.hero { min-height: calc(100svh - 72px); }
}
@media (max-width: 1024px) {
#v2 .page { padding-left: 40px !important; padding-right: 40px !important; }
}
@media (max-width: 810px) {
#v2 > section.hero     { padding-top: 96px !important; padding-bottom: 64px !important; }
#v2 > section.sm       { padding-top: 64px !important; padding-bottom: 64px !important; }
#v2 > section.trust    { padding-top: 80px !important; padding-bottom: 64px !important; }
#v2 > section.final    { padding-top: 88px !important; padding-bottom: 88px !important; }
#v2 > section:not([class]) { padding-top: 64px !important; padding-bottom: 80px !important; }
}
@media (max-width: 720px) {
#v2 .page { padding-left: 20px !important; padding-right: 20px !important; }
.nav-inner { padding-left: 20px !important; padding-right: 20px !important; }
}
#v2 h2:not(:last-child) { margin-bottom: 32px; }
#v2 h2 + .lead,
#v2 h2 + p,
#v2 h2 + ul,
#v2 h2 + ol { margin-top: 0; }
#v2 > section.hero > .hd {
max-width: 1440px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 80px !important;
padding-right: 80px !important;
box-sizing: border-box;
}
#v2 .page > .hd {
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
@media (max-width: 1024px) {
#v2 > section.hero > .hd { padding-left: 40px !important; padding-right: 40px !important; }
}
@media (max-width: 720px) {
#v2 > section.hero > .hd { padding-left: 20px !important; padding-right: 20px !important; }
}
#v2 .eyebrow {
font-size: 18px !important;
font-weight: 500 !important;
letter-spacing: 1.08px !important;
line-height: 24px !important;
}
#v2 h1 { letter-spacing: -0.05em !important; }
#v2 .lead, #v2 .hero .lead {
font-size: 16px !important;
line-height: 25.6px !important;
}
#v2 > section.hero > .hd,
#v2 .page-head {
max-width: 1344px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 80px !important;
padding-right: 80px !important;
box-sizing: border-box;
}
#v2 .page > .hd {
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
#v2 > section.sec      { padding-top: 96px  !important; padding-bottom: 120px !important; }
#v2 > section.demo-sec { padding-top: 96px  !important; padding-bottom: 96px  !important; }
#v2 > section.play-sec { padding-top: 96px  !important; padding-bottom: 120px !important; }
#v2 > section.trust    { padding-top: 120px !important; padding-bottom: 96px  !important; }
#v2 > section.final    { padding-top: 140px !important; padding-bottom: 140px !important; }
@media (max-width: 1024px) {
#v2 > section.hero > .hd, #v2 .page-head { padding-left: 40px !important; padding-right: 40px !important; }
}
@media (max-width: 810px) {
#v2 > section.sec      { padding-top: 64px !important; padding-bottom: 80px !important; }
#v2 > section.demo-sec { padding-top: 64px !important; padding-bottom: 64px !important; }
#v2 > section.play-sec { padding-top: 64px !important; padding-bottom: 80px !important; }
}
@media (max-width: 720px) {
#v2 > section.hero > .hd, #v2 .page-head { padding-left: 20px !important; padding-right: 20px !important; }
}