*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#17243d;background:#f7f8fc;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}.vwrap,.ckfem,.ikgabv,.yhrhl,.amby,.vcopy,section{width:min(1180px,calc(100% - 48px));margin:0 auto}.vbar{position:sticky;top:0;z-index:50;background:rgba(247,248,252,.94);backdrop-filter:blur(15px);border-bottom:1px solid rgba(23,36,61,.08)}.vwrap{height:78px;display:flex;align-items:center;gap:25px}.vbrand{display:flex;align-items:baseline;gap:7px;color:#17243d;font-size:20px;font-weight:900;letter-spacing:-.06em;white-space:nowrap}.vbrand span{color:#64728e;font-size:10px;font-weight:700;letter-spacing:.04em}.vnav{display:flex;align-items:center;gap:21px;margin-left:auto;color:#6d7890;font-size:13px;white-space:nowrap;width:max-content!important;flex-wrap:nowrap!important;opacity:1!important;pointer-events:auto!important}.vnav a{white-space:nowrap;transition:.2s}.vnav a:hover{color:#7562d8}.vget,.jfehr,.vcard{cursor:pointer}.vget{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:125px;padding:10px 16px;border-radius:5px;color:#fff;background:#17243d;font-size:13px;font-weight:800;box-shadow:0 14px 22px -18px rgba(23,36,61,.85);transition:.25s}.vget:hover,.jfehr:hover{transform:translateY(-2px);background:#7562d8}.vmenu{display:none;margin-left:auto;width:43px;height:43px;border:0;border-radius:9px;color:#fff;background:#17243d;cursor:pointer;font-size:20px}
.vhero{overflow:hidden;padding:50px 0 0;background:#f7f8fc}.ckfem{
    display: flex;
    flex-wrap: wrap;
    align-items:center;
    gap:75px;
    min-height:585px;
}
:where(.ckfem) > *:nth-child(1) {
    flex: 0.94 1 calc((100% - 75px) * 0.94 / 2);
    min-width: 0;
    max-width: 520px;
}

:where(.ckfem) > *:nth-child(2) {
    flex: 1.06 1 calc((100% - 75px) * 1.06 / 2);
    min-width: 0;
}
.vpanel{position:relative;min-height:468px;padding:32px 34px;border-radius:24px;color:#edf1ff;background:#17243d;box-shadow:0 28px 55px -36px rgba(23,36,61,.85);transform:rotate(-2deg)}.vpanel:before{content:"";position:absolute;inset:15px;border:1px solid rgba(163,153,255,.2);border-radius:17px;pointer-events:none}.yqprj{position:absolute;top:57px;left:50%;width:215px;height:215px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(164,155,255,.45);border-radius:50%;background:radial-gradient(circle at 38% 35%,#5e6ad6,#313c80 58%,#202c50 100%);transform:translateX(-50%)}.yqprj:before{content:"";position:absolute;width:275px;height:63px;border:1px solid rgba(168,157,255,.5);border-radius:50%;transform:rotate(-18deg)}.yqprj span{color:#b8b9f8;font-size:9px;letter-spacing:.18em}.yqprj strong{margin-top:4px;font-size:73px;line-height:1;letter-spacing:-.1em}.yqprj small{color:#cad0ee;font-size:10px;letter-spacing:.16em}.yqprj i{position:absolute;right:28px;bottom:32px;color:#efb5da;font-size:19px}.vline{
    position:absolute;
    z-index:2;
    left:30px;
    right:30px;
    display: flex;
    flex-wrap: wrap;
    gap:10px;
    align-items:center;
    padding:10px 13px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:7px;
    background:rgba(255,255,255,.08);
    font-size:11px;
}
:where(.vline) > *:nth-child(1) {
    flex: 1.2 1 0;
    min-width: 0;
}

:where(.vline) > *:nth-child(2) {
    flex: 1 1 0;
    min-width: 0;
}

:where(.vline) > *:nth-child(3) {
    flex: 0 1 auto;
    min-width: 0;
}
.vline b{color:#e9edff;font-size:11px}.vline span{color:#aeb9dc}.vline em{color:#90dfc7;font-style:normal}.mjvopl{top:300px}.mhymmj{top:348px}.hjbdbp{top:396px}.stsn{position:absolute;left:34px;right:34px;bottom:22px;display:flex;justify-content:space-between;color:#91a0c2;font-size:9px;letter-spacing:.12em}.stsn i{color:#9fe0cd;font-size:14px;vertical-align:middle}.stsn b{color:#d5dcf4;font-size:10px;letter-spacing:0}.vcopy{position:relative}.vlabel{display:inline-block;padding:6px 10px;border:1px solid rgba(117,98,216,.35);border-radius:3px;color:#7562d8;font-size:10px;font-weight:900;letter-spacing:.17em}.vcopy h1{max-width:600px;margin:19px 0 16px;color:#17243d;font-size:clamp(42px,4.2vw,57px);line-height:1.1;letter-spacing:-.075em}.vintro{max-width:560px;margin:0;color:#68758d;font-size:17px}.vchips{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.vchips span{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:4px;color:#45547a;background:#ebe9fa;font-size:12px}.vchips i{color:#7562d8;font-size:15px}.gpyxbb{display:flex;align-items:center;gap:16px}.jfehr{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:195px;padding:14px 23px;border-radius:6px;color:#fff;background:#7562d8;font-weight:800;box-shadow:0 20px 31px -25px rgba(117,98,216,.85);transition:.25s}.vnote{display:inline-flex;align-items:center;gap:7px;color:#8a759c;font-size:10px;white-space:nowrap}.vnote i{color:#e68dc1;font-size:17px}.vnote b{color:#815d82}.vnote em{font-style:normal}.vnums{display:flex;gap:32px;margin-top:34px}.vnums div{
    display: flex;
    flex-wrap: wrap;
    gap:1px;
}
:where(.vnums div) > * {
    flex: 1 1 100%;
    min-width: 0;
}
.vnums b{color:#17243d;font-size:23px;letter-spacing:-.06em}.vnums span{color:#8290a7;font-size:11px}.ikgabv{display:flex;align-items:center;gap:16px;min-height:55px;margin-top:36px;padding:0 20px;color:#71809a;background:#fff;border-top:1px solid rgba(23,36,61,.07);border-bottom:1px solid rgba(23,36,61,.07);font-size:11px}.ikgabv>span{margin-right:auto;color:#7562d8;font-size:10px;font-weight:900;letter-spacing:.1em}.ikgabv>span i{font-size:15px;vertical-align:middle}.ikgabv b{color:#34466c;font-size:10px}.ikgabv em{color:#44a78c;font-style:normal}.ikgabv small{margin-left:auto;color:#9ba5b8;font-size:10px}
section{padding:82px 0}.vhead{margin:0 auto 36px;text-align:center}.vhead>span{display:block;color:#7562d8;font-size:10px;font-weight:900;letter-spacing:.18em}.vhead>strong{display:block;margin-top:4px;color:#17243d;font-size:34px;letter-spacing:-.06em}.vhead>p{max-width:610px;margin:8px auto 0;color:#7b879d;font-size:14px}.vshow{max-width:none;width:100%;padding-left:max(24px,calc((100% - 1180px)/2));padding-right:max(24px,calc((100% - 1180px)/2));background:#fff}.vshots{
    display: flex;
    flex-wrap: wrap;
    gap:18px;
}
:where(.vshots) > * {
    flex: 1 1 calc((100% - 54px) / 4);
    min-width: 0;
}
.vshots article>div{position:relative;padding:10px;border-radius:15px;background:#f0f1fb;box-shadow:0 16px 30px -27px rgba(23,36,61,.55)}.vshots img{display:block;width:100%;border-radius:10px}.vshots article>div>i{
    position:absolute;
    top:18px;
    right:18px;
    width:29px;
    height:29px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius:50%;
    color:#fff;
    background:#7562d8;
}
:where(.vshots article>div>i) > * {
    flex: 1 1 100%;
    min-width: 0;
}
.vshots article>b{display:block;margin-top:14px;color:#30456e;font-size:17px}.vshots article>p{margin:4px 0;color:#8290a4;font-size:13px}.vedge{max-width:none;width:100%;padding-left:max(24px,calc((100% - 1180px)/2));padding-right:max(24px,calc((100% - 1180px)/2));background:#eef0fb}.vedge .vhead>span{color:#a05b99}.vgrid{
    display: flex;
    flex-wrap: wrap;
    gap:13px;
}
:where(.vgrid) > * {
    flex: 1 1 calc((100% - 26px) / 3);
    min-width: 0;
}
.vgrid article{min-height:168px;padding:22px;border:1px solid rgba(117,98,216,.14);border-radius:13px;background:rgba(255,255,255,.62);transition:.25s}.vgrid article:hover{transform:translateY(-4px);border-color:#b2a6f4;background:#fff}.vgrid article>i{color:#7562d8;font-size:24px}.vgrid article>b{display:block;margin-top:10px;color:#30456e;font-size:17px}.vgrid article>p{margin:5px 0;color:#74829a;font-size:13px}.vdown{max-width:none;width:100%;padding-left:max(24px,calc((100% - 1180px)/2));padding-right:max(24px,calc((100% - 1180px)/2));background:#f7f8fc}.vcards{
    display: flex;
    flex-wrap: wrap;
    gap:15px;
}
:where(.vcards) > * {
    flex: 1 1 calc((100% - 30px) / 3);
    min-width: 0;
}
.vcard{min-height:194px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid rgba(23,36,61,.1);border-radius:12px;background:#fff;transition:.25s}.vcard:hover{transform:translateY(-5px);border-color:#7562d8;box-shadow:0 20px 35px -27px rgba(23,36,61,.55)}.vcard>i{
    width:41px;
    height:41px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius:10px;
    color:#fff;
    background:#7562d8;
    font-size:20px;
}
:where(.vcard>i) > * {
    flex: 1 1 100%;
    min-width: 0;
}
.vcard small{margin-top:14px;color:#7562d8;font-size:9px;font-weight:900;letter-spacing:.16em}.vcard b{margin-top:1px;color:#24385e;font-size:18px}.vcard p{margin:2px 0;color:#7d899f;font-size:13px}.vcard>span{margin-top:auto;color:#7562d8;font-size:13px;font-weight:900}.vflow{max-width:none;width:100%;padding-left:max(24px,calc((100% - 1180px)/2));padding-right:max(24px,calc((100% - 1180px)/2));background:#e8f5f0}.vsteps{
    display: flex;
    flex-wrap: wrap;
    gap:15px;
}
:where(.vsteps) > * {
    flex: 1 1 calc((100% - 45px) / 4);
    min-width: 0;
}
.vsteps article{min-height:218px;padding:21px;border-radius:13px;background:rgba(255,255,255,.68);box-shadow:0 15px 29px -28px rgba(23,36,61,.5)}.vsteps article>b{float:right;color:#d28abd;font-size:30px;line-height:1;letter-spacing:-.08em}.vsteps article>i{display:block;margin-top:47px;color:#3f9c8a;font-size:23px}.vsteps article>strong{display:block;margin-top:3px;color:#2e5c66;font-size:17px}.vsteps article>p{margin:4px 0;color:#7c8f96;font-size:13px}.vfaq{max-width:none;width:100%;padding-left:max(24px,calc((100% - 1180px)/2));padding-right:max(24px,calc((100% - 1180px)/2));background:#fff}.yurfi{
    max-width:800px;
    margin:0 auto;
    display: flex;
    flex-wrap: wrap;
    gap:10px;
}
:where(.yurfi) > * {
    flex: 1 1 100%;
    min-width: 0;
}
.yurfi article{overflow:hidden;border-radius:10px;background:#f0f1fa}.yurfi button{
    width:100%;
    padding:17px 18px;
    display: flex;
    flex-wrap: wrap;
    gap:10px;
    align-items:center;
    border:0;
    color:#30456e;
    background:transparent;
    cursor:pointer;
    text-align:left;
}
:where(.yurfi button) > *:nth-child(1) {
    flex: 0 0 35px;
}

:where(.yurfi button) > *:nth-child(2) {
    flex: 1 1 0;
    min-width: 0;
}

:where(.yurfi button) > *:nth-child(3) {
    flex: 0 0 22px;
}
.yurfi button>span{color:#7562d8;font-size:11px;font-weight:900}.yurfi button>b{font-size:15px}.yurfi button>i{color:#8290a4;font-size:18px;transition:.25s}.yurfi article>p{max-height:0;overflow:hidden;margin:0;padding:0 63px;color:#74829a;font-size:13px;line-height:1.75;transition:max-height .3s,padding .3s}.yurfi article.vopen>p{max-height:140px;padding:0 63px 17px}.yurfi article.vopen button>i{transform:rotate(45deg)}.vnews{max-width:none;width:100%;padding-left:max(24px,calc((100% - 1180px)/2));padding-right:max(24px,calc((100% - 1180px)/2));background:#f0f1f8}.vnotes{
    display: flex;
    flex-wrap: wrap;
    gap:15px;
}
:where(.vnotes) > * {
    flex: 1 1 calc((100% - 15px) / 2);
    min-width: 0;
}
.vnotes article{min-height:185px;padding:21px 23px;border-radius:11px;background:#fff}.vnotes article>div{display:flex;justify-content:space-between;color:#a0aabd;font-size:10px;letter-spacing:.13em}.vnotes article>div span{color:#7562d8;font-weight:900}.vnotes time{letter-spacing:0}.vnotes article>b{display:block;margin-top:17px;color:#30456e;font-size:17px}.vnotes article>p{margin:6px 0;color:#7c899d;font-size:13px}.vfeel{max-width:none;width:100%;padding-left:max(24px,calc((100% - 1180px)/2));padding-right:max(24px,calc((100% - 1180px)/2));background:#f7f8fc}.txxxwc{columns:3;column-gap:16px}.txxxwc article{display:inline-flex;flex-direction:column;width:100%;margin:0 0 16px;padding:21px 22px;border-radius:12px;background:#fff;box-shadow:0 15px 28px -28px rgba(23,36,61,.48);break-inside:avoid}.txxxwc article>i{color:#d28abd;font-size:24px}.txxxwc article>p{margin:11px 0 22px;color:#657691;font-size:14px;line-height:1.8}.txxxwc footer{display:flex;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid rgba(23,36,61,.1);color:#a0aabd;font-size:10px}.txxxwc footer>b{color:#30456e;font-size:12px}.vfoot{padding:50px 0 24px;color:#dbe4f7;background:#17243d}.yhrhl,.amby,.vcopy{width:min(1180px,calc(100% - 48px));margin-left:auto;margin-right:auto}.yhrhl{display:flex;align-items:center;justify-content:space-between;gap:24px}.vfoot .vbrand{color:#fff}.vfoot .vbrand span{color:#aab8d7}.yhrhl p{margin:6px 0 0;color:#a5b2cb;font-size:12px}.vfoot .vget{color:#17243d;background:#d2c9fa;box-shadow:none}.vfoot .vget:hover{background:#fff}.amby{display:flex;flex-wrap:wrap;gap:20px;margin-top:32px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);color:#afbdd7;font-size:12px}.amby a:hover{color:#d2c9fa}.vcopy{margin-top:20px;color:#8799b8;font-size:10px}
@media(max-width:1023px){.vwrap,.ckfem,.ikgabv,.yhrhl,.amby,.vcopy,section{width:calc(100% - 28px)}.vwrap{height:68px}.vmenu{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
:where(.vmenu) > * {
    flex: 1 1 100%;
    min-width: 0;
}
.vget{display:none}.vnav{position:absolute;top:calc(100% + 8px);right:0;display:none;flex-direction:column;align-items:stretch;gap:2px;width:190px!important;min-width:190px;padding:9px;border-radius:12px;background:#fff;box-shadow:0 20px 35px -25px rgba(23,36,61,.7);white-space:normal}.vbar.navopen .vnav{display:flex}.vnav a{padding:8px 11px;border-radius:7px}.vbar.navopen .vmenu{background:#7562d8}.vhero{width:100%;padding:27px 0 0}.ckfem{display:flex;flex-direction:column;gap:33px;min-height:0}.vcopy{order:1}.vpanel{order:2;width:100%;min-height:385px;padding:22px 18px;transform:rotate(-1deg)}.yqprj{top:42px;width:165px;height:165px}.yqprj:before{width:215px;height:48px}.yqprj strong{font-size:57px}.yqprj i{right:19px;bottom:23px}.vline{
    left:17px;
    right:17px;
    padding:8px 10px;
    font-size:10px;
}
:where(.vline) > *:nth-child(1) {
    flex: 1.2 1 0;
    min-width: 0;
}

:where(.vline) > *:nth-child(2) {
    flex: 1 1 0;
    min-width: 0;
}

:where(.vline) > *:nth-child(3) {
    flex: 0 1 auto;
    min-width: 0;
}
.mjvopl{top:235px}.mhymmj{top:276px}.hjbdbp{top:317px}.stsn{left:19px;right:19px;bottom:15px;font-size:8px}.vcopy h1{font-size:38px;margin-top:15px}.vintro{font-size:15px}.vchips{flex-wrap:nowrap;gap:4px;margin:18px 0 21px}.vchips span{flex:1 1 0;min-width:0;justify-content:center;gap:3px;padding:6px 3px;font-size:10px;white-space:nowrap}.vchips i{font-size:13px}.jfehr{width:100%}.gpyxbb{display:block}.vnote{display:flex;justify-content:center;margin-top:12px;font-size:9px}.vnums{justify-content:space-between;gap:7px;margin-top:24px}.vnums b{font-size:19px}.vnums span{font-size:10px}.ikgabv{width:100%;overflow:hidden;gap:12px;padding:0 14px;white-space:nowrap}.ikgabv>span{margin-right:5px}.ikgabv small{display:none}section{padding:56px 0}.vshow,.vedge,.vdown,.vflow,.vfaq,.vnews,.vfeel{width:100%;padding:56px 14px}.vhead{margin-bottom:28px}.vhead>strong{font-size:28px}.vhead>p{font-size:13px}.vshots{display:flex;overflow-x:auto;gap:13px;padding-bottom:8px;scroll-snap-type:x mandatory;scrollbar-width:none}.vshots::-webkit-scrollbar{display:none}.vshots article{flex:0 0 76%;scroll-snap-align:start}.vshots article>div{padding:8px}.vgrid,.vcards,.vsteps,.vnotes{
    gap:11px;
}
:where(.vgrid) > * {
    flex: 1 1 100%;
}

:where(.vcards) > * {
    flex: 1 1 100%;
}

:where(.vsteps) > * {
    flex: 1 1 100%;
}

:where(.vnotes) > * {
    flex: 1 1 100%;
}
.vgrid article{min-height:auto;padding:18px}.vcard{min-height:153px;padding:18px}.vsteps article{min-height:165px;padding:18px}.yurfi button{
    gap:8px;
    padding:15px 14px;
}
:where(.yurfi button) > *:nth-child(1) {
    flex: 0 0 30px;
}

:where(.yurfi button) > *:nth-child(2) {
    flex: 1 1 0;
    min-width: 0;
}

:where(.yurfi button) > *:nth-child(3) {
    flex: 0 0 20px;
}
.yurfi button>b{font-size:14px}.yurfi article>p,.yurfi article.vopen>p{padding-left:52px;padding-right:40px}.yurfi article.vopen>p{padding-bottom:15px}.vnotes article{min-height:0;padding:18px}.txxxwc{columns:1}.txxxwc article{padding:19px}.yhrhl{align-items:stretch;flex-direction:column}.vfoot .vget{display:inline-flex;width:100%}.amby{gap:12px 17px}}
@media(min-width:1024px){.vnav{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;width:max-content!important;opacity:1!important;pointer-events:auto!important}.vmenu{display:none!important}}

/* download controls use a consistent 14px label */
.vget,.jfehr,.vcard>span{font-size:14px}

/* CTA 字号与手型光标 */
.vget.mxdle {
    font-size: 14px;
    cursor: pointer;
}

/* hero 左右互换：文案居左，卡片点缀居右（仅桌面端，移动端已有 order 规则） */
@media(min-width:1024px){.ckfem .vcopy{order:-1}}