* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: #25304f; background: #f5f6fb; 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; }
.ravil { position: sticky; top: 0; z-index: 20; background: rgba(245,246,251,.93); backdrop-filter: blur(16px); box-shadow: 0 15px 33px -30px rgba(37,48,79,.7); }.melor { position: relative; display: flex; align-items: center; width: min(1200px, calc(100% - 48px)); height: 78px; margin: 0 auto; }.mcnga { color: #25304f; font-size: 20px; font-weight: 800; letter-spacing: -.06em; white-space: nowrap; }.torix { display: flex; align-items: center; gap: 21px; margin-left: auto; color: #74809b; font-size: 13px; white-space: nowrap; }.torix a { transition: color .25s ease; }.torix a:hover { color: #566bd0; }.levar, .gilex { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 999px; cursor: pointer; transition: transform .25s ease, background .25s ease, box-shadow .25s ease; }.levar { min-width: 126px; min-height: 44px; margin-left: 24px; padding: 10px 17px; color: #fff; background: #25304f; font-size: 13px; font-weight: 800; box-shadow: 0 16px 28px -23px rgba(37,48,79,.8); }.levar:hover { transform: translateY(-2px); background: #566bd0; }.sivon { display: none; width: 44px; height: 44px; margin-left: auto; border: 0; border-radius: 14px; color: #fff; background: #25304f; cursor: pointer; font-size: 21px; }

.curox { overflow: hidden; padding: 30px 0 80px; background: radial-gradient(circle at 82% 12%, rgba(255,217,99,.5), transparent 20%), linear-gradient(140deg, #e9efff 0%, #f5f6fb 52%, #ece9ff 100%); }.navil {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 73px;
    width: min(1200px, calc(100% - 48px));
    min-height: 625px;
    margin: 0 auto;
    padding: 70px 76px 65px;
    position: relative;
    overflow: hidden;
    border-radius: 34px;
    background: #dfe7fb;
}
:where(.navil) > *:nth-child(1) {
    flex: 1 1 calc((100% - 73px) * 1 / 1.92);
    min-width: 0;
}

:where(.navil) > *:nth-child(2) {
    flex: 0.92 1 calc((100% - 73px) * 0.92 / 1.92);
    min-width: 410px;
}
.navil::before, .navil::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; }.navil::before { width: 420px; height: 420px; right: -165px; top: -185px; background: rgba(255,217,99,.45); }.navil::after { width: 220px; height: 220px; left: 41%; bottom: -145px; background: rgba(86,107,208,.13); }.copia, .njfz { position: relative; z-index: 1; }.nevro, .ghead > span { color: #6574ad; font-size: 10px; font-weight: 800; letter-spacing: .17em; }.copia h1 { margin: 18px 0 14px; color: #25304f; font-size: 59px; line-height: 1.08; letter-spacing: -.07em; }.cugrid { max-width: 550px; margin: 0; color: #64718d; font-size: 17px; }.cstats { display: flex; flex-wrap: wrap; gap: 9px; margin: 24px 0 26px; }.cstats span { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 999px; color: #596a9c; background: rgba(255,255,255,.7); font-size: 12px; }.cstats i { color: #566bd0; font-size: 15px; }.gilex { width: fit-content; min-width: 210px; padding: 14px 25px; color: #fff; background: #25304f; font-size: 16px; font-weight: 800; box-shadow: 0 19px 34px -24px rgba(37,48,79,.8); }.gilex:hover { transform: translateY(-3px); background: #566bd0; }.cfloat { width: fit-content; max-width: 100%; min-height: 39px; display: flex; align-items: center; gap: 9px; margin-top: 15px; padding: 7px 13px; border-radius: 999px; color: #71809c; background: rgba(255,255,255,.74); font-size: 11px; white-space: nowrap; }.cfloat i { color: #d59b2e; font-size: 17px; }.cfloat b { color: #3e4e80; }.cfloat em { width: 1px; height: 15px; background: rgba(37,48,79,.14); }.wtbj { display: flex; gap: 30px; margin-top: 32px; }.wtbj div {
    display: flex;
    flex-wrap: wrap;
    gap: 1px;
}
:where(.wtbj div) > * {
    flex: 1 1 100%;
    min-width: 0;
}
.wtbj b { color: #25304f; font-size: 23px; letter-spacing: -.05em; }.wtbj span { color: #7e8aa6; font-size: 11px; }

.njfz {
    min-height: 440px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
:where(.njfz) > * {
    flex: 1 1 100%;
    min-width: 0;
}
.orbin { position: relative; width: 420px; height: 420px; border: 1px solid rgba(86,107,208,.28); border-radius: 50%; box-shadow: 0 0 0 28px rgba(255,255,255,.24), inset 0 0 0 20px rgba(255,255,255,.2); }.orbin::before, .orbin::after { content: ""; position: absolute; border-radius: 50%; }.orbin::before { inset: 55px; border: 1px dashed rgba(86,107,208,.38); }.orbin::after { width: 14px; height: 14px; top: 49px; left: 201px; background: #ffd963; box-shadow: 0 0 0 9px rgba(255,217,99,.28); }.orbcore { position: absolute; z-index: 2; top: 106px; left: 99px; width: 220px; height: 220px; display: flex; flex-direction: column; justify-content: center; padding: 26px; border-radius: 50%; color: #fff; background: #25304f; box-shadow: 0 28px 47px -28px rgba(37,48,79,.8); transform: rotate(-5deg); }.orbcore small { color: #9daaf1; font-size: 9px; font-weight: 800; letter-spacing: .16em; }.orbcore strong { margin-top: 8px; color: #fff; font-size: 25px; letter-spacing: -.05em; }.orbcore span { margin-top: 3px; color: #b9c2de; font-size: 11px; }.orbcore i { margin-top: 16px; color: #ffd963; font-size: 25px; }.orbnode { position: absolute; z-index: 3; min-width: 92px; display: flex; flex-direction: column; gap: 1px; padding: 10px 13px; border-radius: 15px; color: #25304f; background: #fff; box-shadow: 0 18px 33px -25px rgba(37,48,79,.7); }.orbnode b { font-size: 12px; }.orbnode span { color: #566bd0; font-size: 11px; }.orbone { top: 57px; right: 20px; transform: rotate(7deg); }.orbtwo { right: -28px; bottom: 91px; transform: rotate(-4deg); }.orbthree { left: -32px; bottom: 100px; transform: rotate(5deg); }.orbfor { left: 36px; top: 78px; transform: rotate(-7deg); }.orbline { position: absolute; width: 1px; height: 140px; left: 209px; top: 140px; background: rgba(86,107,208,.25); transform: rotate(42deg); }

section.gview, section.gedge, section.gdown, section.gflow, section.gfaq, section.gnews, section.gfeel { width: min(1200px, calc(100% - 48px)); margin: 0 auto; padding: 82px 0; }.ghead { margin: 0 auto 36px; text-align: center; }.ghead > span { display: block; }.ghead > strong { display: block; margin-top: 5px; color: #25304f; font-size: 33px; letter-spacing: -.05em; }.ghead > p { max-width: 600px; margin: 8px auto 0; color: #7e8aa3; font-size: 14px; }.grail {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}
:where(.grail) > * {
    flex: 1 1 calc((100% - 54px) / 4);
    min-width: 0;
}
.grail article { min-width: 0; }.gshot { position: relative; padding: 11px; border-radius: 21px; background: #e6ebfb; box-shadow: 0 17px 33px -30px rgba(37,48,79,.62); }.gshot img { display: block; width: 100%; height: auto; border-radius: 16px; }.gshot > i {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 29px;
    height: 29px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #25304f;
    background: #ffd963;
    font-size: 15px;
}
:where(.gshot > i) > * {
    flex: 1 1 100%;
    min-width: 0;
}
.grail article > b { display: block; margin-top: 15px; color: #364670; font-size: 17px; }.grail article > p { margin: 4px 0 0; color: #8290ad; font-size: 13px; }
.gedge { border-radius: 32px; color: #f5f7ff; background: #25304f; }.gedge .ghead > span { color: #ffd963; }.gedge .ghead > strong { color: #fff; }.gedge .ghead > p { color: #bcc7e1; }.ggrid {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
}
:where(.ggrid) > * {
    flex: 1 1 calc((100% - 26px) / 3);
    min-width: 0;
}
.ggrid article { min-height: 166px; padding: 23px 22px; border-radius: 20px; background: rgba(255,255,255,.08); transition: transform .25s ease, background .25s ease; }.ggrid article:hover { transform: translateY(-5px); background: rgba(255,217,99,.13); }.ggrid article > i { color: #ffd963; font-size: 24px; }.ggrid article > b { display: block; margin-top: 11px; font-size: 17px; }.ggrid article > p { margin: 5px 0 0; color: #c0cbe1; font-size: 13px; line-height: 1.7; }
.gdown { background: #eeefff; }.gcards {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
:where(.gcards) > * {
    flex: 1 1 calc((100% - 32px) / 3);
    min-width: 0;
}
.gcard { min-height: 195px; padding: 22px 22px 18px; display: flex; flex-direction: column; align-items: flex-start; border-radius: 22px; color: #25304f; background: #fff; cursor: pointer; box-shadow: 0 17px 32px -30px rgba(80,89,160,.57); transition: transform .25s ease, background .25s ease, box-shadow .25s ease; }.gcard:hover { transform: translateY(-5px); background: #fbfbff; box-shadow: 0 23px 37px -28px rgba(80,89,160,.63); }.gcard > i {
    width: 40px;
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    color: #fff;
    background: #566bd0;
    font-size: 20px;
}
:where(.gcard > i) > * {
    flex: 1 1 100%;
    min-width: 0;
}
.gcard small { margin-top: 14px; color: #7281c4; font-size: 9px; font-weight: 800; letter-spacing: .16em; }.gcard b { margin-top: 1px; font-size: 18px; }.gcard p { margin: 2px 0 0; color: #818da6; font-size: 13px; }.gcard > span { margin-top: auto; color: #566bd0; font-size: 13px; font-weight: 800; }
.gflow { background: #fff8dd; }.gsteps {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
:where(.gsteps) > * {
    flex: 1 1 calc((100% - 48px) / 4);
    min-width: 0;
}
.gsteps article { min-height: 216px; padding: 22px 20px; display: flex; flex-direction: column; border-radius: 21px; background: rgba(255,255,255,.72); box-shadow: 0 17px 34px -31px rgba(115,100,46,.5); }.gsteps article > b { align-self: flex-end; color: #d59b2e; font-size: 30px; line-height: 1; letter-spacing: -.07em; }.gsteps article > i { margin-top: 38px; color: #566bd0; font-size: 23px; }.gsteps article > strong { margin-top: 4px; color: #34446e; font-size: 17px; }.gsteps article > p { margin: 4px 0 0; color: #808093; font-size: 13px; line-height: 1.7; }
.gfaq { background: #fff; }.lmtvdg {
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
:where(.lmtvdg) > * {
    flex: 1 1 100%;
    min-width: 0;
}
.lmtvdg article { overflow: hidden; border-radius: 17px; background: #f2f3fb; }.lmtvdg button {
    width: 100%;
    padding: 18px 19px;
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    align-items: center;
    border: 0;
    color: #364670;
    background: transparent;
    cursor: pointer;
    text-align: left;
}
:where(.lmtvdg button) > *:nth-child(1) {
    flex: 0 0 37px;
}

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

:where(.lmtvdg button) > *:nth-child(3) {
    flex: 0 0 22px;
}
.lmtvdg button > span { color: #566bd0; font-size: 11px; font-weight: 800; }.lmtvdg button > b { font-size: 15px; }.lmtvdg button > i { color: #8b97ad; font-size: 19px; transition: transform .25s ease; }.lmtvdg article > p { max-height: 0; overflow: hidden; margin: 0; padding: 0 67px; color: #7b879e; font-size: 13px; line-height: 1.75; transition: max-height .3s ease, padding .3s ease; }.lmtvdg article.gopen > p { max-height: 130px; padding: 0 67px 18px; }.lmtvdg article.gopen button > i { transform: rotate(45deg); }
.gnews { background: #f5f6fb; }.gnotes {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
:where(.gnotes) > * {
    flex: 1 1 calc((100% - 15px) / 2);
    min-width: 0;
}
.gnotes article { min-height: 188px; padding: 22px 24px 20px; display: flex; flex-direction: column; border-radius: 20px; background: #fff; box-shadow: 0 17px 33px -31px rgba(37,48,79,.5); }.gnotes article > div { display: flex; justify-content: space-between; align-items: center; color: #929db3; font-size: 10px; letter-spacing: .13em; }.gnotes article > div span { color: #566bd0; font-weight: 800; }.gnotes time { letter-spacing: 0; }.gnotes article > b { margin-top: 18px; color: #3b4c79; font-size: 17px; }.gnotes article > p { margin: 6px 0 0; color: #7d899e; font-size: 13px; line-height: 1.75; }
.gfeel { padding-bottom: 100px !important; }.nydmlo { columns: 3; column-gap: 17px; }.nydmlo article { display: inline-flex; flex-direction: column; width: 100%; margin: 0 0 17px; padding: 22px 23px; border-radius: 21px; background: #fff; box-shadow: 0 17px 33px -31px rgba(37,48,79,.5); break-inside: avoid; }.nydmlo article > i { color: #566bd0; font-size: 25px; }.nydmlo article > p { margin: 12px 0 23px; color: #65738d; font-size: 14px; line-height: 1.82; }.nydmlo footer { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 13px; border-top: 1px solid rgba(37,48,79,.08); color: #9ba6b8; font-size: 10px; }.nydmlo footer b { color: #3b4c79; font-size: 12px; }
.rfoot { padding: 51px 0 25px; color: #d8e0f0; background: #25304f; }.rwrap, .rnav, .rcopy { width: min(1200px, calc(100% - 48px)); margin: 0 auto; }.rwrap { display: flex; align-items: center; justify-content: space-between; gap: 25px; }.rfoot .mcnga { color: #fff; }.rwrap p { margin: 6px 0 0; color: #aab8d3; font-size: 12px; }.rfoot .levar { min-width: 145px; margin-left: 0; color: #25304f; background: #ffd963; box-shadow: none; }.rfoot .levar:hover { background: #fff; }.rnav { display: flex; flex-wrap: wrap; gap: 21px; margin-top: 34px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.1); color: #bdc9df; font-size: 12px; }.rnav a:hover { color: #ffd963; }.rcopy { margin-top: 20px; color: #8998b5; font-size: 10px; }

@media (max-width: 767px) {
    .melor, section.gview, section.gedge, section.gdown, section.gflow, section.gfaq, section.gnews, section.gfeel, .rwrap, .rnav, .rcopy { width: calc(100% - 28px); }.melor { height: 68px; }.sivon {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    }
    :where(.sivon) > * {
        flex: 1 1 100%;
        min-width: 0;
    }
.levar { display: none; }.torix { position: absolute; top: calc(100% + 8px); right: 0; display: none; flex-direction: column; align-items: stretch; gap: 2px; min-width: 194px; margin-left: 0; padding: 10px; border-radius: 18px; color: #74809b; background: rgba(255,255,255,.98); box-shadow: 0 21px 39px -27px rgba(37,48,79,.68); white-space: normal; }.ravil.navopen .torix { display: flex; }.torix a { padding: 9px 12px; border-radius: 10px; }.ravil.navopen .sivon { color: #25304f; background: #ffd963; }
    .curox { padding: 14px 0 47px; }.navil { display: flex; flex-direction: column; align-items: stretch; gap: 43px; width: calc(100% - 28px); min-height: auto; padding: 42px 22px 34px; border-radius: 27px;
    flex-wrap: nowrap;
    }.copia h1 { margin-top: 14px; font-size: 37px; }.cugrid { font-size: 15px; }.cstats { flex-wrap: nowrap; gap: 4px; margin: 19px 0 22px; }.cstats span { flex: 1 1 0; min-width: 0; justify-content: center; gap: 3px; padding: 6px 3px; font-size: 10px; white-space: nowrap; }.cstats i { font-size: 13px; }.gilex { width: 100%; }.cfloat { width: 100%; gap: 6px; padding: 7px 8px; font-size: 9px; justify-content: center; }.cfloat b { font-size: 10px; }.wtbj { justify-content: space-between; gap: 8px; margin-top: 25px; }.wtbj b { font-size: 19px; }.wtbj span { font-size: 10px; }.njfz { min-height: 360px; }.orbin { width: 300px; height: 300px; }.orbcore { top: 76px; left: 70px; width: 160px; height: 160px; padding: 18px; }.orbcore strong { font-size: 19px; }.orbcore i { margin-top: 9px; font-size: 19px; }.orbnode { min-width: 74px; padding: 8px 10px; font-size: 10px; }.orbone { top: 38px; right: 3px; }.orbtwo { right: -17px; bottom: 60px; }.orbthree { left: -21px; bottom: 66px; }.orbfor { left: 25px; top: 45px; }.orbline { height: 98px; left: 149px; top: 101px; }
    section.gview, section.gedge, section.gdown, section.gflow, section.gfaq, section.gnews, section.gfeel { padding: 56px 0; }.ghead { margin-bottom: 28px; }.ghead > strong { font-size: 27px; }.ghead > p { font-size: 14px; }.grail { display: flex; overflow-x: auto; gap: 13px; padding-bottom: 8px; scroll-snap-type: x mandatory; scrollbar-width: none;
    flex-wrap: nowrap;
    }.grail::-webkit-scrollbar { display: none; }.grail article { flex: 0 0 76%; scroll-snap-align: start; }.gshot { padding: 8px; }.gedge { border-radius: 27px; }.ggrid, .gcards, .gsteps, .gnotes {
    gap: 11px;
    }
    :where(.ggrid) > * {
        flex: 1 1 100%;
    }

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

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

    :where(.gnotes) > * {
        flex: 1 1 100%;
    }
.ggrid article { min-height: auto; padding: 19px 18px; }.gcard { min-height: 154px; padding: 18px; }.gsteps article { min-height: 166px; padding: 18px; }.lmtvdg button {
    gap: 8px;
    padding: 15px 14px;
    }
    :where(.lmtvdg button) > *:nth-child(1) {
        flex: 0 0 31px;
    }

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

    :where(.lmtvdg button) > *:nth-child(3) {
        flex: 0 0 21px;
    }
.lmtvdg button > b { font-size: 14px; }.lmtvdg article > p, .lmtvdg article.gopen > p { padding-left: 53px; padding-right: 42px; }.lmtvdg article.gopen > p { padding-bottom: 15px; }.gnotes article { min-height: 0; padding: 18px; }.nydmlo { columns: 1; }.nydmlo article { padding: 20px; }.rwrap { align-items: flex-start; flex-direction: column; }.rfoot .levar { display: inline-flex; width: 100%; margin: 0; }.rnav { gap: 12px 18px; }.rcopy { line-height: 1.9; }
}

/* desktop hero alignment: copy left, world visual right */
@media (min-width: 768px) {
    .navil {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 72px;
    text-align: left;
    }
    :where(.navil) > *:nth-child(1) {
        flex: 1 1 calc((100% - 72px) * 1 / 1.95);
        min-width: 0;
    }

    :where(.navil) > *:nth-child(2) {
        flex: 0.95 1 calc((100% - 72px) * 0.95 / 1.95);
        min-width: 410px;
    }

    .copia { width: auto; }.copia h1 { margin-left: 0; }.cstats { justify-content: flex-start; }.gilex { margin-left: 0; margin-right: 0; }.cfloat { margin-left: 0; margin-right: 0; }.wtbj { justify-content: flex-start; }
    .njfz { width: auto; min-height: 440px; margin-top: 0; }
    .orbin { width: 390px; height: 390px; }.orbcore { top: 95px; left: 85px; width: 220px; height: 220px; }.orbone { top: 35px; right: -14px; }.orbtwo { right: -44px; bottom: 75px; }.orbthree { left: -45px; bottom: 82px; }.orbfor { left: 3px; top: 52px; }
}
@media (min-width: 768px) { .melor .torix { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; width: max-content !important; max-width: none; white-space: nowrap; }.melor .torix a { flex: 0 0 auto; white-space: nowrap; }.melor .sivon { display: none !important; } }

/* hero revision: centered world poster */
.curox { padding: 0; background: #f5f6fb; }
.navil { display: flex; flex-direction: column; align-items: center; gap: 0; width: min(1200px, calc(100% - 48px)); min-height: 0; padding: 92px 0 74px; overflow: hidden; border-radius: 0; background: transparent; text-align: center;
        flex-wrap: nowrap;
}
.navil::before { width: 720px; height: 210px; right: auto; top: 0; left: 50%; border-radius: 0 0 50% 50%; background: #e6ebfb; transform: translateX(-50%); }.navil::after { width: 420px; height: 110px; left: 50%; bottom: 50px; border-radius: 50%; background: rgba(255,217,99,.3); transform: translateX(-50%); }
.copia { width: 100%; }.copia h1 { margin: 17px auto 14px; font-size: 62px; }.cugrid { max-width: 640px; margin: 0 auto; }.cstats { justify-content: center; margin: 25px 0 27px; }.gilex { margin: 0 auto; }.cfloat { margin: 15px auto 0; }.wtbj { justify-content: center; margin-top: 32px; }
.njfz { width: 100%; min-height: 390px; margin-top: 34px; }.orbin { width: 350px; height: 350px; }.orbcore { top: 85px; left: 65px; width: 220px; height: 220px; }.orbone { top: 30px; right: -46px; }.orbtwo { right: -64px; bottom: 70px; }.orbthree { left: -65px; bottom: 75px; }.orbfor { left: -30px; top: 48px; }

@media (max-width: 767px) {
    .navil { width: calc(100% - 28px); padding: 52px 0 52px; }.navil::before { width: 440px; height: 145px; }.navil::after { width: 260px; height: 75px; bottom: 36px; }.copia h1 { max-width: 330px; margin-top: 14px; font-size: 37px; }.cugrid { max-width: 290px; font-size: 15px; }.cstats { flex-wrap: nowrap; gap: 4px; margin: 19px auto 22px; }.cstats span { flex: 1 1 0; min-width: 0; justify-content: center; padding: 6px 3px; font-size: 10px; white-space: nowrap; }.cstats i { font-size: 13px; }.cfloat { width: 100%; }.wtbj { gap: 8px; margin-top: 25px; }.wtbj b { font-size: 19px; }.wtbj span { font-size: 10px; }.njfz { min-height: 315px; margin-top: 27px; }.orbin { width: 270px; height: 270px; }.orbcore { top: 57px; left: 55px; width: 160px; height: 160px; padding: 18px; }.orbcore strong { font-size: 19px; }.orbcore i { margin-top: 8px; font-size: 19px; }.orbnode { min-width: 70px; padding: 7px 9px; font-size: 10px; }.orbone { top: 22px; right: -28px; }.orbtwo { right: -42px; bottom: 45px; }.orbthree { left: -43px; bottom: 51px; }.orbfor { left: -14px; top: 35px; }.orbline { height: 85px; left: 134px; top: 93px; }
}
/* final desktop hero direction */
@media (min-width: 768px) {
    .navil {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 72px;
    text-align: left;
    }
    :where(.navil) > *:nth-child(1) {
        flex: 1 1 calc((100% - 72px) * 1 / 1.95);
        min-width: 0;
    }

    :where(.navil) > *:nth-child(2) {
        flex: 0.95 1 calc((100% - 72px) * 0.95 / 1.95);
        min-width: 410px;
    }

    .copia { width: auto; }.copia h1 { margin-left: 0; }.cstats { justify-content: flex-start; }.gilex { margin-left: 0; margin-right: 0; }.cfloat { margin-left: 0; margin-right: 0; }.wtbj { justify-content: flex-start; }
    .njfz { width: auto; min-height: 440px; margin-top: 0; }.orbin { width: 390px; height: 390px; }.orbcore { top: 95px; left: 85px; width: 220px; height: 220px; }.orbone { top: 35px; right: -14px; }.orbtwo { right: -44px; bottom: 75px; }.orbthree { left: -45px; bottom: 82px; }.orbfor { left: 3px; top: 52px; }
}
/* market device hero visual */
.njfz {
    min-height: 500px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
:where(.njfz) > * {
    flex: 1 1 100%;
    min-width: 0;
}

.dkyimy { width: min(100%, 390px); padding: 28px 25px 22px; position: relative; z-index: 2; border-radius: 34px; color: #eaf0ff; background: #25304f; box-shadow: 0 28px 52px -30px rgba(37,48,79,.78); transform: rotate(3deg); }
.dkyimy::before { content: ""; position: absolute; z-index: -1; inset: -13px -17px; border: 1px solid rgba(86,107,208,.25); border-radius: 43px; background: rgba(255,255,255,.28); }
.mwxxj, .oevnwg span, .kxbgy div, .uqwrb { display: flex; align-items: center; justify-content: space-between; }
.mwxxj { color: #aebbe0; font-size: 10px; letter-spacing: .15em; }.mwxxj i { color: #ffd963; font-size: 18px; }
.oevnwg {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    padding: 25px 0 15px;
}
:where(.oevnwg) > * {
    flex: 1 1 100%;
    min-width: 0;
}
.oevnwg small { color: #9eadd3; font-size: 11px; }.oevnwg strong { color: #fff; font-size: 34px; letter-spacing: -.06em; }.oevnwg span { width: fit-content; gap: 4px; color: #ffd963; font-size: 11px; }
.awnr { height: 104px; display: flex; align-items: end; gap: 7px; padding: 11px 1px 8px; border-bottom: 1px solid rgba(235,241,255,.12); }.awnr i { flex: 1; border-radius: 999px 999px 3px 3px; background: linear-gradient(180deg, #ffd963, #a6b6f7); }.awnr i:nth-child(2n) { background: linear-gradient(180deg, #8de8d4, #6378d9); }
.bgxy { display: flex; gap: 21px; padding: 14px 0 9px; color: #8f9fc6; font-size: 11px; }.bgxy .tewxt { color: #ffd963; }
.kxbgy {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    padding: 6px 0 4px;
    font-size: 11px;
}
:where(.kxbgy) > * {
    flex: 1 1 100%;
    min-width: 0;
}
.kxbgy span { display: flex; align-items: center; gap: 7px; color: #f2f5ff; }.kxbgy span i { color: #8de8d4; font-size: 16px; }.kxbgy b { color: #8de8d4; font-size: 11px; }
.uqwrb { padding-top: 14px; color: #9eadd3; font-size: 10px; }.uqwrb i { margin-right: 4px; color: #8de8d4; }.uqwrb b { color: #eaf0ff; font-size: 11px; }
.uddx { position: absolute; z-index: 3; display: flex; flex-direction: column; gap: 1px; padding: 10px 13px; border-radius: 15px; color: #25304f; background: #fff; box-shadow: 0 18px 33px -25px rgba(37,48,79,.7); }.uddx b { font-size: 12px; }.uddx span { color: #566bd0; font-size: 11px; }.zskeg { top: 42px; right: -14px; transform: rotate(7deg); }.vqce { bottom: 54px; left: -20px; transform: rotate(-6deg); }
@media (max-width: 767px) {
    .njfz { min-height: 390px; margin-top: 27px; }.dkyimy { width: min(100%, 310px); padding: 22px 18px 17px; transform: rotate(1deg); }.dkyimy::before { inset: -9px -10px; border-radius: 36px; }.oevnwg { padding: 20px 0 12px; }.oevnwg strong { font-size: 28px; }.awnr { height: 84px; gap: 5px; }.bgxy { gap: 14px; padding: 11px 0 7px; font-size: 10px; }.kxbgy { gap: 7px; }.uddx { padding: 8px 10px; font-size: 10px; }.zskeg { top: 35px; right: -4px; }.vqce { bottom: 44px; left: -5px; }
}
/* remove hero outer background */
.curox { background: transparent; }
.navil { background: transparent; }
.navil::before, .navil::after { display: none; }
/* full width section backgrounds */
body { background: #fff; }
section.gview, section.gedge, section.gdown, section.gflow, section.gfaq, section.gnews, section.gfeel { width: 100%; max-width: none; padding-left: max(24px, calc((100% - 1200px) / 2)); padding-right: max(24px, calc((100% - 1200px) / 2)); border-radius: 0; }
.gview { background: #fff; }.gedge { background: linear-gradient(145deg, #25304f 0%, #303f67 100%); }.gdown { background: #f3f5ff; }.gflow { background: #fffdf1; }.gfaq { background: #fff; }.gnews { background: #f5f7fc; }.gfeel { background: #fff; }
.ghead, .grail, .ggrid, .gcards, .gsteps, .lmtvdg, .gnotes, .nydmlo { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; }
.ghead { margin-bottom: 36px; }
@media (max-width: 767px) {
    section.gview, section.gedge, section.gdown, section.gflow, section.gfaq, section.gnews, section.gfeel { width: 100%; padding: 56px 14px; }
    .ghead { margin-bottom: 28px; }
}

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