* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: #1f2940; background: #f6f7fb; 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; }

.vaska { position: sticky; top: 0; z-index: 20; background: rgba(246,247,251,.92); backdrop-filter: blur(16px); box-shadow: 0 15px 34px -30px rgba(31,41,64,.65); }
.qoren { position: relative; display: flex; align-items: center; width: min(1200px, calc(100% - 48px)); height: 78px; margin: 0 auto; }
.maska { color: #263451; font-size: 20px; font-weight: 800; letter-spacing: -.05em; white-space: nowrap; }
.nirel { display: flex; flex-direction: row; align-items: center; gap: 20px; margin-left: auto; color: #69748a; font-size: 13px; white-space: nowrap; }
.nirel a { transition: color .25s ease; }
.nirel a:hover { color: #e56d61; }
.gavor, .zavor { 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; }
.gavor { min-width: 125px; min-height: 44px; margin-left: 24px; padding: 10px 17px; color: #fff; background: #263451; font-size: 13px; font-weight: 800; box-shadow: 0 16px 28px -23px rgba(38,52,81,.8); }
.gavor:hover { transform: translateY(-2px); background: #e56d61; box-shadow: 0 17px 29px -22px rgba(229,109,97,.7); }
.duvex { display: none; width: 44px; height: 44px; margin-left: auto; border: 0; border-radius: 14px; color: #fff; background: #263451; cursor: pointer; font-size: 21px; }

.ruxel { overflow: hidden; padding: 30px 0 78px; background: radial-gradient(circle at 83% 5%, rgba(141,232,212,.34), transparent 24%), linear-gradient(135deg, #eaf2fb 0%, #f6f7fb 48%, #fbe9e4 100%); }
.tavyn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 72px;
    width: min(1200px, calc(100% - 48px));
    min-height: 620px;
    margin: 0 auto;
    padding: 74px 78px 65px;
    position: relative;
    overflow: hidden;
    border-radius: 34px;
    background: #dfe9f8;
}
:where(.tavyn) > *:nth-child(1) {
    flex: 1 1 calc((100% - 72px) * 1 / 1.88);
    min-width: 0;
}

:where(.tavyn) > *:nth-child(2) {
    flex: 0.88 1 calc((100% - 72px) * 0.88 / 1.88);
    min-width: 400px;
}

.tavyn::before, .tavyn::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; }
.tavyn::before { width: 410px; height: 410px; right: -145px; top: -175px; background: rgba(141,232,212,.34); }
.tavyn::after { width: 230px; height: 230px; left: 39%; bottom: -155px; background: rgba(229,109,97,.13); }
.rasti, .mokar { position: relative; z-index: 1; }
.ruxey, .mhead > span { color: #667694; font-size: 10px; font-weight: 800; letter-spacing: .17em; }
.rasti h1 { margin: 18px 0 14px; color: #263451; font-size: 59px; line-height: 1.08; letter-spacing: -.07em; }
.vpjppm { max-width: 550px; margin: 0; color: #65728a; font-size: 17px; }
.tivor { display: flex; flex-wrap: wrap; gap: 9px; margin: 24px 0 26px; }
.tivor span { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 999px; color: #596c8c; background: rgba(255,255,255,.68); font-size: 12px; }
.tivor i { color: #e56d61; font-size: 15px; }
.zavor { width: fit-content; min-width: 210px; padding: 14px 25px; color: #fff; background: #263451; font-size: 16px; font-weight: 800; box-shadow: 0 19px 34px -24px rgba(38,52,81,.82); }
.zavor:hover { transform: translateY(-3px); background: #e56d61; }
.zupin { 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: #687793; background: rgba(255,255,255,.71); font-size: 11px; white-space: nowrap; }
.zupin i { color: #e56d61; font-size: 17px; }.zupin b { color: #3f4c68; }.zupin em { width: 1px; height: 15px; background: rgba(38,52,81,.14); }
.xxmd { display: flex; gap: 30px; margin-top: 32px; }.xxmd div {
    display: flex;
    flex-wrap: wrap;
    gap: 1px;
}
:where(.xxmd div) > * {
    flex: 1 1 100%;
    min-width: 0;
}
.xxmd b { color: #263451; font-size: 23px; letter-spacing: -.05em; }.xxmd span { color: #7b879d; font-size: 11px; }

.mokar { width: min(100%, 440px); min-height: 430px; margin: 0 auto; padding: 26px 27px 21px; border-radius: 29px; color: #eaf1fc; background: #202b43; box-shadow: 0 30px 56px -34px rgba(38,52,81,.8); transform: rotate(-2deg); }
.iyhj, .ywry, .lpyw span, .bbkr div { display: flex; align-items: center; justify-content: space-between; }.iyhj { color: #91a2bf; font-size: 10px; letter-spacing: .14em; }.iyhj i { color: #8de8d4; font-size: 18px; }.lpyw {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    padding: 28px 0 12px;
}
:where(.lpyw) > * {
    flex: 1 1 100%;
    min-width: 0;
}
.lpyw small { color: #9aabc4; font-size: 11px; }.lpyw strong { color: #fff; font-size: 32px; letter-spacing: -.05em; }.lpyw span { width: fit-content; gap: 4px; color: #8de8d4; font-size: 11px; }.ixfv { height: 98px; display: flex; align-items: end; gap: 7px; padding: 10px 1px 7px; border-bottom: 1px solid rgba(235,242,253,.1); }.ixfv i { flex: 1; border-radius: 999px 999px 3px 3px; background: linear-gradient(180deg, #8de8d4, #4b8fa9); }.ixfv i:nth-child(2n) { background: linear-gradient(180deg, #ff9c8e, #bd5e66); }.bbkr {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 11px 0 4px;
    font-size: 11px;
}
:where(.bbkr) > * {
    flex: 1 1 100%;
    min-width: 0;
}
.bbkr span { display: flex; align-items: center; gap: 7px; color: #f4f7ff; }.bbkr span i { color: #8de8d4; font-size: 16px; }.bbkr b { color: #ff9c8e; font-size: 11px; }.ywry { padding-top: 14px; color: #91a2bf; font-size: 10px; }.ywry i { margin-right: 4px; color: #8de8d4; }.ywry b { color: #dce7f7; font-size: 11px; }
.bupor { position: absolute; z-index: 3; border-radius: 16px; color: #263451; background: #fff; box-shadow: 0 19px 36px -27px rgba(38,52,81,.75); }.bupone { top: 56px; left: -46px; display: flex; align-items: center; gap: 7px; padding: 11px 14px; font-size: 11px; transform: rotate(-6deg); }.bupone i { color: #e56d61; font-size: 17px; }.buptwo { right: -25px; bottom: 60px; display: flex; flex-direction: column; gap: 0; padding: 12px 16px; transform: rotate(5deg); }.buptwo small { color: #6982a4; font-size: 9px; letter-spacing: .13em; }.buptwo b { color: #263451; font-size: 21px; line-height: 1.25; }.buptwo span { color: #8b98ab; font-size: 10px; }

section.vexa, section.mayo, section.mido, section.zexu, section.qavor, section.jovin, section.yuvor { width: min(1200px, calc(100% - 48px)); margin: 0 auto; padding: 82px 0; }
.mhead { margin: 0 auto 36px; text-align: center; }.mhead > span { display: block; }.mhead > strong { display: block; margin-top: 5px; color: #263451; font-size: 33px; letter-spacing: -.05em; }.mhead > p { max-width: 600px; margin: 8px auto 0; color: #78869d; font-size: 14px; }
.loden {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}
:where(.loden) > * {
    flex: 1 1 calc((100% - 54px) / 4);
    min-width: 0;
}
.loden article { min-width: 0; }.xxfdhr { position: relative; padding: 11px; border-radius: 21px; background: #e9eef7; box-shadow: 0 17px 32px -29px rgba(38,52,81,.66); }.xxfdhr img { display: block; width: 100%; height: auto; border-radius: 16px; }.xxfdhr > 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: #263451;
    background: #8de8d4;
    font-size: 15px;
}
:where(.xxfdhr > i) > * {
    flex: 1 1 100%;
    min-width: 0;
}
.loden article > b { display: block; margin-top: 15px; color: #31415f; font-size: 17px; }.loden article > p { margin: 4px 0 0; color: #7e8ba1; font-size: 13px; }

.mayo { border-radius: 31px; color: #eaf1fc; background: #263451; }.mayo .mhead > span { color: #8de8d4; }.mayo .mhead > strong { color: #fff; }.mayo .mhead > p { color: #b9c6d9; }.leedc {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
}
:where(.leedc) > * {
    flex: 1 1 calc((100% - 26px) / 3);
    min-width: 0;
}
.leedc article { min-height: 165px; padding: 23px 22px; border-radius: 20px; background: rgba(255,255,255,.08); transition: transform .25s ease, background .25s ease; }.leedc article:hover { transform: translateY(-5px); background: rgba(141,232,212,.14); }.leedc article > i { color: #8de8d4; font-size: 24px; }.leedc article > b { display: block; margin-top: 11px; font-size: 17px; }.leedc article > p { margin: 5px 0 0; color: #b7c3d6; font-size: 13px; line-height: 1.7; }

.mido { background: #fff1ed; }.sndmu {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
:where(.sndmu) > * {
    flex: 1 1 calc((100% - 32px) / 3);
    min-width: 0;
}
.glbfqc { min-height: 195px; padding: 22px 22px 18px; display: flex; flex-direction: column; align-items: flex-start; border-radius: 22px; color: #263451; background: #fffaf8; cursor: pointer; box-shadow: 0 17px 32px -31px rgba(166,87,80,.56); transition: transform .25s ease, background .25s ease, box-shadow .25s ease; }.glbfqc:hover { transform: translateY(-5px); background: #fff; box-shadow: 0 23px 37px -28px rgba(166,87,80,.62); }.glbfqc > i {
    width: 40px;
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    color: #fff;
    background: #e56d61;
    font-size: 20px;
}
:where(.glbfqc > i) > * {
    flex: 1 1 100%;
    min-width: 0;
}
.glbfqc small { margin-top: 14px; color: #b26762; font-size: 9px; font-weight: 800; letter-spacing: .16em; }.glbfqc b { margin-top: 1px; font-size: 18px; }.glbfqc p { margin: 2px 0 0; color: #7f8292; font-size: 13px; }.glbfqc > span { margin-top: auto; color: #c35d57; font-size: 13px; font-weight: 800; }

.zexu { background: #e8faf6; }.yafkuv {
    display: flex;
    flex-wrap: wrap;
    gap: 17px;
}
:where(.yafkuv) > * {
    flex: 1 1 calc((100% - 51px) / 4);
    min-width: 0;
}
.yafkuv article { min-height: 236px; padding: 21px 21px 20px; display: flex; flex-direction: column; border-radius: 21px; background: rgba(255,255,255,.72); box-shadow: 0 17px 34px -31px rgba(57,122,118,.48); }.yafkuv article > b { align-self: flex-start; color: #68bcae; font-size: 30px; line-height: 1; letter-spacing: -.07em; }.yafkuv article > i { margin-top: 37px; color: #e56d61; font-size: 24px; }.yafkuv article > strong { margin-top: 6px; color: #263451; font-size: 17px; }.yafkuv article > p { margin: 4px 0 0; color: #718a8c; font-size: 13px; line-height: 1.7; }

.qavor { background: #fff; }.zreyz {
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
:where(.zreyz) > * {
    flex: 1 1 100%;
    min-width: 0;
}
.zreyz article { overflow: hidden; border-radius: 17px; background: #f6f7fb; }.zreyz button {
    width: 100%;
    padding: 18px 19px;
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    align-items: center;
    border: 0;
    color: #31415f;
    background: transparent;
    cursor: pointer;
    text-align: left;
}
:where(.zreyz button) > *:nth-child(1) {
    flex: 0 0 37px;
}

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

:where(.zreyz button) > *:nth-child(3) {
    flex: 0 0 22px;
}
.zreyz button > span { color: #e56d61; font-size: 11px; font-weight: 800; }.zreyz button > b { font-size: 15px; }.zreyz button > i { color: #8c9ab0; font-size: 19px; transition: transform .25s ease; }.zreyz article > p { max-height: 0; overflow: hidden; margin: 0; padding: 0 67px; color: #74839a; font-size: 13px; line-height: 1.75; transition: max-height .3s ease, padding .3s ease; }.zreyz article.sezgo > p { max-height: 130px; padding: 0 67px 18px; }.zreyz article.sezgo button > i { transform: rotate(45deg); }

.jovin { background: #f6f7fb; }.axve {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
:where(.axve) > * {
    flex: 1 1 calc((100% - 15px) / 2);
    min-width: 0;
}
.axve 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(38,52,81,.5); }.axve article > div { display: flex; justify-content: space-between; align-items: center; color: #8d9ab0; font-size: 10px; letter-spacing: .13em; }.axve article > div span { color: #e56d61; font-weight: 800; }.axve article time { letter-spacing: 0; }.axve article > b { margin-top: 18px; color: #31415f; font-size: 17px; }.axve article > p { margin: 6px 0 0; color: #7c899f; font-size: 13px; line-height: 1.75; }

.yuvor { padding-bottom: 100px !important; }.irwafg { columns: 3; column-gap: 17px; }.irwafg 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(38,52,81,.53); break-inside: avoid; }.irwafg article > i { color: #e56d61; font-size: 25px; }.irwafg article > p { margin: 12px 0 23px; color: #64738b; font-size: 14px; line-height: 1.82; }.irwafg footer { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 13px; border-top: 1px solid rgba(38,52,81,.07); color: #9aa5b5; font-size: 10px; }.irwafg footer b { color: #405170; font-size: 12px; }

.xavex { padding: 51px 0 25px; color: #c8d2e2; background: #202b43; }.pclno, .xanav, .xacopy { width: min(1200px, calc(100% - 48px)); margin: 0 auto; }.pclno { display: flex; align-items: center; justify-content: space-between; gap: 25px; }.xavex .maska { color: #fff; }.pclno p { margin: 6px 0 0; color: #96a7c0; font-size: 12px; }.xavex .gavor { min-width: 145px; margin-left: 0; color: #263451; background: #8de8d4; box-shadow: none; }.xavex .gavor:hover { background: #fff; }.xanav { display: flex; flex-wrap: wrap; gap: 21px; margin-top: 34px; padding-top: 18px; border-top: 1px solid rgba(236,243,253,.08); color: #aebbd0; font-size: 12px; }.xanav a:hover { color: #8de8d4; }.xacopy { margin-top: 20px; color: #8294ad; font-size: 10px; }

@media (max-width: 767px) {
    .qoren, section.vexa, section.mayo, section.mido, section.zexu, section.qavor, section.jovin, section.yuvor, .pclno, .xanav, .xacopy { width: calc(100% - 28px); }
    .qoren { height: 68px; }.duvex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    }
    :where(.duvex) > * {
        flex: 1 1 100%;
        min-width: 0;
    }
.gavor { display: none; }.nirel { 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: #69748a; background: rgba(255,255,255,.98); box-shadow: 0 21px 39px -27px rgba(38,52,81,.65); white-space: normal; }.vaska.navopen .nirel { display: flex; }.nirel a { padding: 9px 12px; border-radius: 10px; }.vaska.navopen .duvex { color: #263451; background: #8de8d4; }
    .ruxel { padding: 14px 0 47px; }.tavyn { display: flex; flex-direction: column; align-items: stretch; gap: 41px; width: calc(100% - 28px); min-height: auto; padding: 42px 22px 34px; border-radius: 27px;
    flex-wrap: nowrap;
    }.rasti h1 { margin-top: 14px; font-size: 37px; }.vpjppm { font-size: 15px; }.tivor { flex-wrap: nowrap; gap: 4px; margin: 19px 0 22px; }.tivor span { flex: 1 1 0; min-width: 0; justify-content: center; gap: 3px; padding: 6px 3px; font-size: 10px; white-space: nowrap; }.tivor i { font-size: 13px; }.zavor { width: 100%; }.zupin { width: 100%; gap: 6px; padding: 7px 8px; font-size: 9px; justify-content: center; }.zupin b { font-size: 10px; }.xxmd { justify-content: space-between; gap: 8px; margin-top: 25px; }.xxmd b { font-size: 19px; }.xxmd span { font-size: 10px; }.mokar { width: 100%; min-height: 405px; padding: 22px 18px 17px; transform: rotate(-1deg); }.bupone { left: -3px; top: 55px; }.buptwo { right: -3px; bottom: 47px; }
    section.vexa, section.mayo, section.mido, section.zexu, section.qavor, section.jovin, section.yuvor { padding: 56px 0; }.mhead { margin-bottom: 28px; }.mhead > strong { font-size: 27px; }.mhead > p { font-size: 14px; }.loden { display: flex; overflow-x: auto; gap: 13px; padding-bottom: 8px; scroll-snap-type: x mandatory; scrollbar-width: none;
    flex-wrap: nowrap;
    }.loden::-webkit-scrollbar { display: none; }.loden article { flex: 0 0 76%; scroll-snap-align: start; }.xxfdhr { padding: 8px; }
    .mayo { border-radius: 27px; }.leedc, .sndmu, .yafkuv, .axve {
    gap: 11px;
    }
    :where(.leedc) > * {
        flex: 1 1 100%;
    }

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

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

    :where(.axve) > * {
        flex: 1 1 100%;
    }
.leedc article { min-height: auto; padding: 19px 18px; }.glbfqc { min-height: 154px; padding: 18px; }.yafkuv article { min-height: 170px; padding: 18px; }.yafkuv article > i { margin-top: 27px; }.zreyz button {
    gap: 8px;
    padding: 15px 14px;
    }
    :where(.zreyz button) > *:nth-child(1) {
        flex: 0 0 31px;
    }

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

    :where(.zreyz button) > *:nth-child(3) {
        flex: 0 0 21px;
    }
.zreyz button > b { font-size: 14px; }.zreyz article > p, .zreyz article.sezgo > p { padding-left: 53px; padding-right: 42px; }.zreyz article.sezgo > p { padding-bottom: 15px; }.axve article { min-height: 0; padding: 18px; }.irwafg { columns: 1; }.irwafg article { padding: 20px; }.pclno { align-items: flex-start; flex-direction: column; }.xavex .gavor { display: inline-flex; width: 100%; margin: 0; }.xanav { gap: 12px 18px; }.xacopy { line-height: 1.9; }
}

@media (min-width: 768px) {
    .qoren .nirel { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; width: max-content !important; max-width: none; white-space: nowrap; opacity: 1 !important; pointer-events: auto !important; }
    .qoren .nirel a { flex: 0 0 auto; white-space: nowrap; }
    .qoren .duvex { display: none !important; }
}

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