@layer base,components,pages;@layer base{:root{--color-bg-page:#f5f6fc;--color-bg-dark:#010510;--color-bg-footer:#020d22;--color-surface:#fff;--color-surface-lavender:#e6e8fa;--color-surface-frosted:#f4f5fccc;--color-brand:#8a3ffc;--color-brand-deep:#43029a;--color-brand-blue:#3860ff;--color-text-primary:#333;--color-text-secondary:#636363;--color-text-muted:#939393;--color-text-accent:#373e92;--color-border:#bbb;--color-placeholder:#d9d9d9;--radius-xs:2px;--radius-sm:8px;--radius-md:10px;--radius-lg:20px;--shadow-card:0 12px 14px #00244b0a;--shadow-button:0 4px 15px #282be11a;--shadow-float:0 6px 20px #4540ce14;--font-sans:"Microsoft YaHei","Source Han Sans SC","Noto Sans SC",sans-serif;--font-display:"DIN Condensed","Arial Narrow",sans-serif;--content-width:1280px;--gap:12px;font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-bg-page)}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}ul{list-style:none;margin:0;padding:0}.container{width:min(var(--content-width),100% - 48px);margin-inline-start:auto;margin-inline-end:auto}.placeholder{display:grid;background:var(--color-placeholder);color:var(--color-text-secondary);text-align:center;place-items: center;font-size:12px}.more{display:inline-flex;align-items: center;gap:6px;font-weight:500}.more:after{content:"";border-bottom:1.3px solid;border-right:1.3px solid;width:6px;height:6px;transform:rotate(-45deg)}}@layer components{.button{display:inline-grid;border-radius:var(--radius-sm);color:var(--color-surface);place-items: center;height:46px;padding:0 40px;font-size:16px}.button-primary{background-color:var(--color-brand);box-shadow:var(--shadow-button);transition:background-color .2s}.button-primary:hover{background-color:#a86fff}.button-primary:active{background-image:linear-gradient(#0000001a,#0000001a)}.button-ghost{border:.5px solid var(--color-surface);backdrop-filter:blur(8px);background:#ffffff1a;padding:0 32px;transition:background-color .2s;font-weight:300}.button-ghost:hover{background:#ffffff40}.button-ghost:active{background:#0000001a}}@view-transition{navigation: auto;}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}::view-transition-group(nav-underline){animation-duration:.3s;animation-timing-function:cubic-bezier(.4,0,.2,1)}@layer components{.site-nav{--nav-ease:.3s cubic-bezier(.4,0,.2,1);position:sticky;z-index:10;background:var(--color-surface);top:0}.site-nav:before{content:"";position:absolute;background:var(--color-border);transform-origin:bottom;height:1px;bottom:0;left:0;right:0}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.site-nav:before{transform:scaleY(.5)}}.site-nav-bar{display:flex;align-items: center;height:68px}.site-logo,.site-logo img{display:block;width:auto;height:36px}.nav-toggle,.nav-toggle-label{display:none}.nav-menu{display:flex;align-items: center;gap:60px;margin-left:auto}.nav-links{display:flex;color:var(--color-text-muted);gap:50px;font-size:16px}.nav-head{position:relative}.nav-link{position:relative;display:inline-flex;cursor:pointer;align-items: center;height:68px;transition:color .2s}.nav-link:hover{color:var(--color-text-primary)}.nav-item:focus-within .nav-link{color:var(--color-text-primary);font-weight:600}.nav-links:not(:has(.nav-item:focus-within)) .active .nav-link{color:var(--color-text-primary);font-weight:600}.nav-arrow{position:absolute;mask:url(/assets/assets/imgs/collapse.svg) 50%/12px no-repeat;transition:transform var(--nav-ease);background-color:currentColor;width:12px;height:12px;margin:-6px 0 0 2px;top:50%;left:100%;transform:rotate(180deg)}.nav-item:focus-within .nav-arrow{transform:rotate(0)}.nav-close{position:absolute;display:none;cursor:pointer;inset:0 -14px 0 0}.nav-item:focus-within .nav-close{display:block}.nav-underline{position:absolute;display:none;border-radius:var(--radius-xs);background:var(--color-brand-deep);view-transition-name:nav-underline;width:32px;height:1px;bottom:0}@supports (anchor-name: --a){.active .nav-link{anchor-name:--nav-current}.nav-item:focus-within .nav-link{anchor-name:--nav-open}.site-nav:has(.nav-item.active) .nav-underline{display:block;position-anchor:--nav-current;left:calc(anchor(center) - 16px);transition:left var(--nav-ease)}.site-nav:has(.nav-item:focus-within) .nav-underline{display:block;position-anchor:--nav-open}}@supports  not (anchor-name: --a){.nav-item:focus-within .nav-link:before{content:"";position:absolute;border-radius:var(--radius-xs);background:var(--color-brand-deep);width:32px;height:1px;bottom:0;left:calc(50% - 16px)}.nav-links:not(:has(.nav-item:focus-within)) .active .nav-link:before{content:"";position:absolute;border-radius:var(--radius-xs);background:var(--color-brand-deep);width:32px;height:1px;bottom:0;left:calc(50% - 16px)}}.nav-contact{height:40px;padding:0 24px;font-size:14px;font-weight:500}.nav-dropdown{position:absolute;visibility:hidden;background:var(--color-surface);box-shadow:var(--shadow-card);clip-path:inset(0 0 100% 0);outline:none;transition:clip-path var(--nav-ease),visibility 0s .3s;top:68px;left:0;right:0}.nav-item:focus-within .nav-dropdown{visibility:visible;clip-path:inset(0 0 -24px 0);transition:clip-path var(--nav-ease)}.nav-dropdown-inner{display:grid;grid-template-columns:260px repeat(4,1fr);gap:var(--gap);padding:30px 0}.nav-dropdown-intro strong{display:block;color:var(--color-text-primary);font-size:16px;font-weight:500}.nav-dropdown-intro p{margin:6px 0 16px;font-size:12px;font-weight:500}.nav-dropdown-intro .more{color:var(--color-text-secondary);font-size:12px}.nav-card{border-radius:var(--radius-md);background:var(--color-bg-page);padding:20px}.nav-card strong{display:block;color:var(--color-text-primary);font-size:14px;font-weight:600}.nav-card span{display:block;margin:4px 0 12px;font-size:12px}.nav-card .more{color:var(--color-text-secondary);font-size:12px}@media (max-width:768px){.nav-toggle-label{display:block;cursor:pointer;margin-left:auto;padding:8px 0;font-size:16px}.nav-menu{position:absolute;display:none;background:var(--color-surface);box-shadow:var(--shadow-card);flex-direction:column;align-items:stretch;gap:16px;padding:16px 24px 24px;top:68px;left:0;right:0}.nav-toggle:checked~.nav-menu{display:flex}.nav-links{flex-direction:column;gap:0}.nav-link{height:44px}.nav-link:before,.nav-underline,.nav-dropdown{display:none!important}}}@layer components{.section{padding-top:54px}.section-head{position:relative;display:flex;justify-content:space-between;align-items: center;margin-bottom:18px;padding-top:16px}.section-head-deco{position:absolute;pointer-events:none;width:auto;height:47px;top:0;left:0}.section-head h2{position:relative;font-size:32px;font-weight:500}.section-head-more{position:relative;display:inline-flex;color:var(--color-text-muted);align-items: center;gap:4px;transition:color .2s;font-size:18px;font-weight:500}.section-head-more:hover{color:#8a3ffc}.section-head-more:active{color:#5516b4}.section-head-more:after{content:"";mask:url(/assets/assets/imgs/arrow.svg) 50%/contain no-repeat;background-color:currentColor;width:10px;height:14px}@media (max-width:768px){.section-head{flex-wrap:wrap;gap:8px}.section-head-deco{height:33px}.section-head h2{font-size:24px}}}@layer components{.site-footer{margin-top:70px}.footer-main{display:grid;grid-template-columns:403fr 200fr 180fr 213fr 284fr;padding-bottom:24px}.footer-main h2{margin-bottom:18px;font-size:20px;font-weight:600}.footer-company h2{color:#000}.footer-main p,.footer-main li{color:var(--color-text-muted);font-size:18px}.footer-main li+li{margin-top:14px}.footer-qrcodes{display:flex;gap:24px}.footer-qrcode{border:.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);text-align:center;width:130px;padding:8px 8px 12px;font-size:14px}.footer-qrcode img{display:block;margin:0 auto 6px}.footer-bar{background:var(--color-bg-footer);color:#ffffffb3;font-size:16px}.footer-bar .container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:24px 0}.footer-beian{display:flex;flex-wrap:wrap;gap:4px 16px}.footer-beian a{display:inline-flex;align-items: center;gap:4px}.footer-beian a:hover{color:#fff}@media (max-width:1100px){.footer-main{grid-template-columns:1fr 1fr 1fr;gap:32px 24px}.footer-company,.footer-follow{grid-column:1/-1}}@media (max-width:768px){.footer-main{grid-template-columns:1fr 1fr}.footer-bar{font-size:14px}}}