:root{--blue:#0563d7;--ink:#15283d;--paper:#f6f8fb;--soft:#e6edf4;--night:#12283f;--white:#fff;--gap:clamp(24px,5vw,80px);--ease:cubic-bezier(.22,1,.36,1);--small:14px;--body:18px;--lead:24px;--heading:clamp(38px,4.4vw,64px);--display:clamp(68px,7.8vw,116px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:var(--body);line-height:1.8}a{color:inherit;text-decoration:none}button,summary{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.25;letter-spacing:-.045em;text-wrap:balance}h1{font-size:var(--display);font-weight:700}h2{font-size:var(--heading)}h3{font-size:var(--lead)}p{max-width:46em}::selection{background:#b8d7ff;color:var(--ink)}.wrap{width:auto;max-width:1440px;margin-inline:auto;padding-inline:var(--gap)}.skip-link{position:absolute;top:-100px;left:24px;background:var(--white);padding:12px;z-index:100}.skip-link:focus{top:8px}.header{position:relative;z-index:20;background:var(--paper)}.nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;white-space:nowrap}.brand img{width:34px;height:34px}.brand-en{font-size:14px;font-weight:400;margin-left:12px}.nav-links{display:flex;align-items:center;gap:34px;font-size:14px}.nav-links>a,.nav-contact{transition:opacity .18s,transform .18s}.nav-links>a:hover{opacity:.65}.nav-contact{font-size:14px;background:var(--ink);color:var(--white);padding:12px 22px;white-space:nowrap;border-radius:4px}.nav-contact:hover{transform:translateY(-2px)}.nav-contact span{margin-left:16px}.company-products{position:relative}.company-products summary{list-style:none;min-height:44px;display:flex;gap:8px;align-items:center}.company-products summary::-webkit-details-marker{display:none}.products-menu{position:absolute;top:100%;left:-20px;min-width:200px;background:var(--white);padding:12px;border-radius:4px;box-shadow:0 12px 30px #1329441a}.products-menu a{display:block;padding:14px;border-radius:2px}.products-menu a:hover{background:var(--soft)}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:56px;padding:15px 26px;background:var(--blue);color:var(--white);font-size:16px;font-weight:700;border-radius:4px;transition:transform .22s var(--ease),opacity .22s}.primary:hover{transform:translateY(-3px);opacity:.9}.primary:active{transform:translateY(0)}.section-caption{font-size:14px;font-weight:400;letter-spacing:0;margin-bottom:24px}.index{display:none}.mobile-only{display:none}.section{padding-block:110px}
.hero{position:relative;isolation:isolate;min-height:770px;background:var(--blue);color:var(--white);display:grid;grid-template-columns:1.1fr 1fr;align-items:center;overflow:hidden;padding:72px var(--gap) 100px;gap:48px}.hero-copy.wrap{padding:0;margin:0;max-width:700px}.hero .section-caption{font-size:14px;margin-bottom:30px}.hero h1{line-height:1.2;max-width:7em;font-weight:700}.hero-break{display:inline}.hero-intro{font-size:18px;line-height:1.9;margin-top:32px;margin-bottom:34px;color:var(--white)}.hero .primary{background:var(--white);color:var(--blue)}.hero-art{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-width:0}.hero-mark{width:min(100%,510px);filter:brightness(0) invert(1);opacity:.92}.art-caption{position:absolute;bottom:-54px;left:0;right:0;display:flex;justify-content:space-between;gap:20px;font-size:14px}.art-caption span:first-child{max-width:220px}.focus{display:grid;grid-template-columns:1fr 1.05fr;column-gap:90px;row-gap:50px}.section-heading h2{font-size:clamp(36px,3.3vw,49px);line-height:1.4;letter-spacing:-.05em}.section-heading .muted{color:var(--blue)}.section-lead{margin-top:30px;font-size:18px}.focus-grid{display:flex;flex-direction:column;gap:42px}.focus-item{position:relative;display:grid;grid-template-columns:60px 1fr;column-gap:24px}.focus-symbol{grid-row:1/4;width:48px;height:48px;padding:8px 0}.focus-symbol svg{width:48px;fill:none;stroke:var(--ink);stroke-width:2}.symbol-accent{stroke:var(--blue)}.focus-item h3{margin-bottom:10px}.focus-item p{font-size:18px}.detail-label{font-size:14px;margin-top:10px;color:var(--blue)}
.approach{background:var(--night);color:var(--white);padding:100px 0}.approach-sticky{display:grid;grid-template-columns:1fr 1fr;gap:80px}.approach-copy h2{font-size:var(--heading);margin-top:28px}.dark-lead{margin-top:24px;font-size:18px}.principles{list-style:none;padding:0;margin:52px 0 0;display:grid;gap:32px}.principles li>span{display:none}.principles h3{margin-bottom:10px}.principles p{font-size:18px;color:var(--white)}.concept-art{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:480px;position:relative}.concept-tile{display:none}.tile-main{display:flex;width:340px;height:340px;align-items:center;justify-content:center;background:#20496e;border-radius:44%}.tile-main svg{width:230px;fill:none;stroke:#d8ecff;stroke-width:3}.concept-caption{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:18px;margin-top:48px}.concept-caption i{display:none}.about{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}.about h2{font-size:clamp(36px,3.4vw,50px);line-height:1.5}.about h2 br{display:none}.about h2 .blue{color:var(--blue);display:block}.about-body h3{font-size:24px;line-height:1.5;margin:20px 0}.about-body p{margin-top:18px;font-size:18px}.location-tag{font-size:14px}.about-signature{display:flex;gap:20px;margin-top:32px;font-size:18px}.contact-section{background:var(--soft);padding:90px 0}.contact{display:grid;grid-template-columns:1fr 1.1fr;gap:80px}.contact h2{font-size:var(--heading)}.contact-info{align-self:center}.contact-label{font-size:14px;margin-bottom:14px}.contact address{font-style:normal;font-size:24px;line-height:1.6}.contact-company{margin-top:20px;font-size:18px}.text-link{font-size:14px;display:inline-block;margin-top:24px}.footer{padding-block:44px;background:var(--paper)}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:28px}.footer-top{margin-bottom:30px}.footer-top p{font-size:18px}.footer-bottom{font-size:14px}
.product-page .app-intro{background:var(--night);color:var(--white);position:relative;min-height:780px;padding:90px var(--gap) 76px;display:grid;grid-template-columns:1fr 1.08fr;grid-template-rows:auto auto;column-gap:34px;align-content:center;overflow:hidden}.app-copy{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:flex-start}.app-back{font-size:14px;order:3;margin-top:24px}.app-copy h1{font-size:clamp(64px,7.7vw,112px);margin:0 0 30px;letter-spacing:-.05em}.app-description{max-width:580px;line-height:1.95;font-size:18px}.app-download{grid-column:1;grid-row:2;margin-top:34px;display:grid;grid-template-columns:56px 1fr;column-gap:16px;align-items:center;max-width:420px}.app-logo{width:56px;height:56px;border-radius:12px;grid-row:1/3}.app-download h2{font-size:24px;line-height:1.3}.app-platform{font-size:14px}.app-download .primary{grid-column:1/-1;justify-self:start;margin-top:24px;background:var(--white);color:var(--ink)}.app-download-note{grid-column:1/-1;margin-top:14px;font-size:14px}.product-fan{grid-column:2;grid-row:1/3;position:relative;align-self:center;height:590px;min-width:0}.product-fan img{position:absolute;width:46%;border-radius:12px;transform-origin:50% 100%}.fan-left{top:75px;left:0;transform:rotate(-10deg)}.fan-right{top:75px;right:0;transform:rotate(10deg)}.fan-center{top:30px;left:26%;z-index:2;width:49%!important}.app-showcase{background:var(--paper)}.showcase-heading{padding:90px var(--gap) 60px;display:flex;justify-content:space-between;align-items:end;gap:30px}.showcase-heading h2{white-space:nowrap}.feature-nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;font-size:14px}.feature-nav a{padding:10px 15px;background:var(--soft);border-radius:4px;transition:background .2s,color .2s}.feature-nav a:hover{background:var(--blue);color:var(--white)}.app-screen{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:70px var(--gap);min-height:800px;scroll-margin-top:0}.app-screen>a{width:100%;display:flex;justify-content:center;align-items:center}.app-screen img{width:auto;max-height:650px;max-width:100%;border-radius:8px;transition:transform .4s var(--ease)}.app-screen>a:hover img{transform:scale(1.025)}.app-screen-copy{max-width:510px}.app-screen h3{font-size:var(--heading);margin-bottom:28px}.app-screen p{font-size:18px;line-height:2}.app-screen:nth-child(even)>a{order:2}.app-screen:nth-child(even) .app-screen-copy{justify-self:center}.app-screen:nth-child(odd) .app-screen-copy{justify-self:start}.app-screen:nth-child(1){background:#e4edf5}.app-screen:nth-child(2){background:#f4efe6}.app-screen:nth-child(3){background:#e3f2ef}.app-screen:nth-child(4){background:#20253d;color:var(--white)}.app-screen:nth-child(5){background:#e6f0f2}.app-details{padding:100px var(--gap);display:grid;grid-template-columns:1fr 1fr;gap:70px;background:var(--night);color:var(--white)}.app-details h2{font-size:38px;margin-bottom:28px}.app-details p{margin-top:12px;font-size:18px}.app-legal{display:flex;flex-wrap:wrap;gap:28px;font-size:18px}.app-legal a:hover{text-decoration:underline}.product-page .footer{padding-block:32px}.image-dialog{width:min(92vw,720px);max-height:94vh;padding:16px;border:0;background:var(--paper);border-radius:8px}.image-dialog::backdrop{background:#081325d9}.image-dialog img{max-height:83vh;margin:auto;width:auto}.image-dialog button{position:absolute;right:20px;top:20px;min-height:44px;min-width:44px;border:0;background:var(--white);color:var(--ink);font-size:24px;border-radius:50%}
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes mark-drift{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(2deg)}}@keyframes fan-drift{0%,100%{translate:0 0}50%{translate:0 -14px}}
@media(prefers-reduced-motion:no-preference){.hero-enter,.app-copy h1,.app-description,.app-back,.app-download,.product-fan{animation:rise .85s var(--ease) both}.hero-enter:nth-child(2){animation-delay:.08s}.hero-enter:nth-child(3),.app-description{animation-delay:.16s}.hero-enter:nth-child(4),.app-download{animation-delay:.24s}.hero-mark{animation:mark-drift 9s ease-in-out infinite}.product-fan img{animation:fan-drift 8s ease-in-out infinite}.product-fan .fan-right{animation-delay:-3s}.product-fan .fan-center{animation-delay:-5s}.arrive{animation:rise .85s var(--ease) both}.tile-main{animation:mark-drift 11s ease-in-out infinite}}
@media(min-width:1600px){.hero,.app-intro{padding-inline:max(var(--gap),calc((100vw - 1440px)/2 + 80px))}}
@media(max-width:1100px){.nav-links{gap:20px}.nav-contact{padding:10px 14px}.brand-en{display:none}.hero{min-height:700px;gap:24px;grid-template-columns:1.15fr 1fr}.hero h1{font-size:84px}.art-caption{flex-direction:column;gap:0;bottom:-40px}.focus,.approach-sticky,.about,.contact{gap:48px}.focus{grid-template-columns:1fr 1fr}.section-heading h2{font-size:36px}.section{padding-block:80px}.product-page .app-intro{min-height:720px;padding-top:64px}.app-copy h1{font-size:70px}.product-fan{height:480px}.app-description{font-size:16px}.showcase-heading{display:block}.feature-nav{justify-content:flex-start;margin-top:30px}.app-screen{gap:40px;min-height:720px}.app-screen img{max-height:590px}.app-details{gap:40px}.app-details h2{font-size:32px}}
@media(max-width:700px){:root{--gap:22px;--body:16px;--lead:22px;--heading:36px;--display:60px}.header .nav{min-height:76px;gap:14px;flex-wrap:wrap;padding-block:16px}.brand{font-size:22px;gap:8px}.brand img{width:28px;height:28px}.nav-links{order:3;width:100%;justify-content:space-between;gap:8px;font-size:13px}.nav-contact{font-size:13px;padding:8px 13px}.nav-contact span{margin-left:8px}.company-products summary{min-height:36px}.hero{display:flex;flex-direction:column;min-height:0;padding-top:50px;padding-bottom:40px;align-items:stretch;gap:42px}.hero .section-caption{margin-bottom:20px;font-size:13px}.hero h1{font-size:62px;max-width:5em}.hero-intro{font-size:16px;margin-top:22px;margin-bottom:28px}.hero-art{min-height:290px;padding-bottom:60px}.hero-mark{width:235px}.art-caption{bottom:0;flex-direction:row;font-size:13px;align-items:end}.art-caption span:first-child{max-width:170px}.art-caption span:last-child{max-width:140px;text-align:right}.primary{font-size:16px;padding:13px 22px;min-height:52px;gap:32px}.section{padding-block:64px}.section-caption{font-size:13px;margin-bottom:18px}.focus{display:block}.section-heading h2{font-size:32px;line-height:1.45}.section-lead{font-size:16px;margin-top:22px}.focus-grid{margin-top:42px;gap:32px}.focus-item{grid-template-columns:40px 1fr;gap:0 18px}.focus-symbol svg{width:36px}.focus-item h3{font-size:24px}.focus-item p{font-size:16px}.detail-label{font-size:13px}.approach{padding:64px 0}.approach-sticky{display:block}.approach-copy h2{font-size:42px}.dark-lead,.principles p{font-size:16px}.principles{margin-top:36px;gap:28px}.principles h3{font-size:22px}.concept-art{min-height:340px;margin-top:36px}.tile-main{width:220px;height:220px}.tile-main svg{width:150px}.concept-caption{font-size:16px;margin-top:32px}.about{display:block}.about h2{font-size:34px;line-height:1.45}.about-body{margin-top:32px}.about-body h3{font-size:22px}.about-body p{font-size:16px}.about-signature{font-size:16px;gap:12px;flex-wrap:wrap}.contact-section{padding:64px 0}.contact{display:block}.contact h2{font-size:44px}.contact-info{margin-top:36px}.contact address{font-size:20px}.contact-company{font-size:16px}.footer{padding-block:30px}.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column;gap:14px}.footer-top p{font-size:16px}.footer-bottom{font-size:13px}.product-page .app-intro{display:flex;flex-direction:column;min-height:0;padding:44px var(--gap) 32px}.app-copy h1{font-size:62px;margin-bottom:24px}.app-description{font-size:16px;line-height:1.85}.app-back{font-size:13px;margin-top:18px}.app-download{margin-top:26px;align-self:flex-start;width:100%}.app-download h2{font-size:22px}.app-download-note{font-size:13px}.product-fan{width:100%;height:420px;margin-top:40px}.product-fan img{width:47%}.fan-center{width:53%!important;left:23%}.fan-left,.fan-right{top:65px}.showcase-heading{padding:62px var(--gap) 38px}.showcase-heading h2{font-size:38px}.feature-nav{gap:8px;margin-top:24px;font-size:14px}.feature-nav a{padding:9px 12px}.app-screen{display:flex;flex-direction:column;gap:32px;padding:48px var(--gap);min-height:0;align-items:stretch}.app-screen>a{order:2!important}.app-screen-copy{order:1;max-width:none}.app-screen h3{font-size:38px;margin-bottom:20px}.app-screen p{font-size:16px;line-height:1.9}.app-screen img{width:min(100%,310px);max-height:none;border-radius:6px}.app-details{display:block;padding:64px var(--gap)}.app-details>div+div{margin-top:42px}.app-details h2{font-size:30px;margin-bottom:22px}.app-details p,.app-legal{font-size:16px}.app-legal{gap:24px}}
.products-menu{box-shadow:none;background:var(--soft)}
.product-page .app-intro{column-gap:72px;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)}
.fan-left{left:5%;width:40%!important}.fan-right{right:5%;width:40%!important}
@media(min-width:701px) and (max-width:1100px){.hero h1{font-size:clamp(60px,7.7vw,84px)}.about{display:block}.about-heading{max-width:650px}.about-body{margin-top:40px}.product-page .app-intro{column-gap:40px}}
@media(max-width:700px){.app-copy{display:contents}.app-copy h1{order:0;margin-bottom:0}.app-download{order:1;margin-top:22px}.product-fan{order:2;margin-top:28px;height:385px;flex:none}.app-description{order:3;margin-top:12px}.app-back{order:4;align-self:flex-start}.app-download .primary{margin-top:18px}.app-download-note{margin-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.section-caption{margin-top:22px;margin-bottom:0}.hero .section-caption{margin-top:24px;margin-bottom:0}.hero-intro{margin-top:22px}

/* 只替换图形 保留原位置与动画 */
.hero-mark{filter:none;opacity:1}.focus-symbol img{width:40px;height:40px}.tile-main{background:none;border-radius:0}.tile-main>img{width:100%;height:auto}
@media(max-width:700px){.focus-symbol img{width:36px;height:36px}}

/* 统一图标尺寸与字重 不改变原控件行为 */
.ui-icon{width:20px;height:20px;fill:currentColor;flex:none;vertical-align:middle}
.nav-contact{display:inline-flex;align-items:center;gap:16px}.nav-contact .ui-icon{width:18px;height:18px}
.company-products .ui-icon{width:18px;height:18px}.company-products[open] summary .ui-icon{transform:rotate(180deg)}
.primary .ui-icon{width:24px;height:24px}
.text-link,.location-tag,.app-legal a{display:inline-flex;align-items:center;gap:8px}
.location-tag .ui-icon{color:var(--blue)}
.image-dialog button{display:grid;place-items:center}.image-dialog button .ui-icon{width:24px;height:24px}
.focus-symbol{padding:3px 0}.focus-symbol img{width:40px;height:40px}
@media(max-width:700px){.nav-contact{gap:8px}.focus-symbol img{width:36px;height:36px}}

/* 粒子留在原主图区域 静态图在绘制失败时保留 */
.particle-field{position:relative;aspect-ratio:1;flex:none;width:100%;isolation:isolate}
.hero-particles{max-width:580px}.concept-particles{max-width:420px}
.particle-field canvas,.particle-poster{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.particle-field canvas{opacity:0}.particle-ready canvas{opacity:1}.particle-ready .particle-poster{visibility:hidden}
@media(max-width:700px){.hero-particles{width:290px;max-width:100%}.concept-particles{width:260px;max-width:100%}}


/* 原有下载状态和后台正文保持可读 */
.app-notice{padding:24px var(--gap);background:var(--soft)}.app-notice a{margin-left:20px;color:var(--blue)}.app-unavailable{grid-column:1/-1;margin-top:24px}.app-description,.app-screen-copy p{white-space:pre-wrap;overflow-wrap:anywhere}