@media (prefers-reduced-motion:no-preference){body{animation:evPageIn .18s ease-out}@keyframes evPageIn{from{opacity:0}}}
.menu-toggle{display:none;background:none;border:0;cursor:pointer;flex-direction:column;gap:5px;padding:8px;z-index:22}
.menu-toggle span{display:block;width:20px;height:1.5px;background:rgba(255,255,255,.84);border-radius:1px;transition:transform .25s,opacity .25s}
.menu-toggle.active span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.menu-toggle.active span:nth-child(2){opacity:0}
.menu-toggle.active span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
@media (max-width:720px){
.menu-toggle{display:flex}
.navbar .menu{display:flex;position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:rgba(13,17,23,.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;align-items:center;justify-content:center;gap:40px;z-index:21;transform:translateY(-100%);transition:transform .4s cubic-bezier(.22,1,.36,1)}
.navbar .menu.open{transform:translateY(0)}
.navbar .menu a{font-size:24px}
}
@media (prefers-reduced-motion:reduce){
.navbar .menu{transition:none}
.menu-toggle span{transition:none}
}
.footer::before{content:"";display:block;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.08) 20%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.08) 80%,transparent)}
.footer-status{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:rgba(255,255,255,.5);margin-top:20px}
.footer-status-dot{width:6px;height:6px;border-radius:50%;background:#1D4ED8}
.footer-bottom span[aria-hidden="true"]{display:none}
@media (max-width:720px){.footer-bottom{justify-content:center}}
.menu a{position:relative}
.menu a::after{content:'';position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:#1D4ED8;transition:width .3s,left .3s}
.menu a:hover::after{width:100%;left:0}
@media (max-width:900px){
.footer-top{flex-direction:column;gap:48px;padding:56px 0 40px}
.footer-cols{flex-wrap:wrap;gap:40px}
.footer-inner{padding:0 32px}
}
body{text-rendering:auto}
.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-head, .page-head {
background: transparent !important;
padding: 140px 0 0 !important;
border: 0 !important;
}
.page-head .page-title {
font-size: clamp(34px, 5.6vw, 80px);
font-weight: 500; line-height: 1.0; letter-spacing: -0.04em;
color: var(--tx); margin: 0 0 32px; max-width: 22ch;
}
.page-head .sec-desc, .page-head p {
font-size: 17px; line-height: 1.6; color: var(--tx-3);
max-width: 760px; margin: 0;
}
.research {
background: transparent !important;
padding: 0 !important;
border: 0 !important;
}
.research-inner {
max-width: 1440px !important;
margin: 0 auto !important;
padding: 96px 80px 140px !important;
display: block !important;
}
.research-cards {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 24px !important;
}
@media (max-width: 1024px) {
.research-inner { padding: 72px 40px 96px !important; }
.research-cards { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 720px) {
.research-inner { padding: 56px 20px 72px !important; }
.research-cards { grid-template-columns: 1fr !important; }
.page-head { padding: 96px 0 0 !important; }
}
.research-cards .rcard { border-radius: 16px; }
.research-cards .rcard-title { font-size: 16px; line-height: 24px; }
.research-cards .rcard-date  { font-size: 13.5px; line-height: 20px; }
@media (max-width: 720px) {
.research-cards .rcard { aspect-ratio: 410/260; }
}
:lang(zh) .page-head .page-title {
font-weight: 600; letter-spacing: normal; line-height: 1.08;
word-break: keep-all; text-wrap: balance;
}
:lang(zh) .research-cards .rcard-title {
font-weight: 600; letter-spacing: normal; line-height: 1.35;
overflow-wrap: break-word;
}
:lang(zh) .research-cards .rcard-date { letter-spacing: normal; line-height: 1.5; }
#v2 {
--fs-h1:80px; --ls-h1:-.05em; --lh-h1:1;
--fs-h2:64px; --ls-h2:-.04em; --lh-h2:1;
--fs-h3:32px; --ls-h3:-.02em; --lh-h3:1.2;
--fs-body:16px; --ls-body:-.02em; --lh-body:1.6;
--fs-eyebrow:18px; --ls-eyebrow:.06em; --lh-eyebrow:24px;
--fs-small:14px; --ls-small:-.01em;
--w-page:1344px; --w-text:720px;
--pad-section:120px; --pad-section-sm:60px;
--gap-20:20px; --gap-30:30px; --gap-40:40px;
--r-card:16px; --r-sm:4px; --r-pill:100px;
--bg:#FFFFFF; --bg-card:#F3F4F6; --bg-card-60:rgba(243,244,246,.6);
--bg-dark:#030712;
--tx:#111827; --tx-2:#4B5563; --tx-3:#69707E; --tx-4:#D1D5DB;
--tx-on-dark:#FFFFFF; --tx-on-dark-2:rgba(255,255,255,.6);
--brand:#224EEE; --brand-2:#1D4ED8; --accent:#224EEE;
--line:#E5E7EB;
--sh-1:0 2px 4px rgba(0,0,0,.06);
--sh-2:0 2px 8px rgba(0,0,0,.08);
}
html, body { background: #FFFFFF !important; color: #111827 !important; }
#v2, #v2 .sec, #v2 .page-head, #v2 .research { background: transparent !important; }
#v2 { margin:0; background: #FFFFFF !important; color: #111827 !important;
font-family:var(--font-body); }
#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; }
}