* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: #202f4c; background: #f2f7fc; font-family: "Noto Sans SC", "Microsoft YaHei", sans-serif; font-size: 15px; line-height: 1.7; }
a { color: inherit; text-decoration: none; }
.qelam { width: 1200px; max-width: calc(100% - 48px); margin: 0 auto; }
.navor { position: sticky; top: 0; z-index: 20; background: rgba(242,247,252,.95); backdrop-filter: blur(16px); box-shadow: 0 14px 30px -28px rgba(32,47,76,.7); }.navor .qelam { position: relative; display: flex; align-items: center; min-height: 77px; }.vurex { color: #202f4c; font-size: 20px; font-weight: 800; letter-spacing: -.05em; white-space: nowrap; }.paxum { display: flex; align-items: center; justify-content: center; width: 43px; height: 43px; margin-left: auto; border-radius: 13px; background: #202f4c; color: #ffbb70; cursor: pointer; font-size: 22px; transition: transform .25s ease, background .25s ease; }.paxum:hover { transform: translateY(-2px); background: #497ab6; }.zural { position: absolute; top: calc(100% + 11px); right: 0; z-index: 30; display: none; flex-direction: column; gap: 2px; min-width: 190px; padding: 10px; border-radius: 18px; background: rgba(255,255,255,.98); box-shadow: 0 21px 40px -26px rgba(32,47,76,.72); color: #7589a2; font-size: 13px; }.zural.openr { display: flex; }.zural a { padding: 9px 12px; border-radius: 10px; transition: color .25s ease, background .25s ease; }.zural a:hover { color: #497ab6; background: #e9f2fb; }
.jodap { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 199px; min-height: 56px; padding: 14px 24px; border-radius: 999px; background: #497ab6; color: #fff; cursor: pointer; font-size: 16px; font-weight: 800; box-shadow: 0 18px 30px -20px rgba(73,122,182,.9); transition: transform .25s ease, background .25s ease, box-shadow .25s ease; }.jodap:hover { transform: translateY(-2px); background: #202f4c; box-shadow: 0 18px 30px -20px rgba(32,47,76,.9); }
.wszcei { overflow: hidden; padding: 90px 0 96px; background: radial-gradient(circle at 84% 15%, rgba(255,187,112,.45), transparent 25%), linear-gradient(137deg, #e8f3fb 0%, #f5f9ff 58%, #fff5e8 100%); }.iaujz { display: flex; align-items: center; justify-content: space-between; gap: 76px; }.rtarm { width: 54%; }.navey { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 23px; color: #7d91aa; font-size: 10px; letter-spacing: .15em; }.navey span { color: #497ab6; font-weight: 800; }.navey b { padding: 5px 9px; border-radius: 999px; background: rgba(255,187,112,.38); color: #9c6a2d; font-size: 9px; letter-spacing: .08em; }h1 { margin: 0; color: #202f4c; font-size: 59px; line-height: 1.08; letter-spacing: -.07em; }.nnkq { max-width: 560px; margin: 24px 0 19px; color: #647b95; font-size: 17px; }.psdhdf { display: flex; gap: 19px; color: #5f7792; font-size: 13px; }.psdhdf span { display: inline-flex; align-items: center; gap: 6px; }.psdhdf i { color: #497ab6; font-size: 18px; }.oaxud { margin-top: 28px; }.vafin { display: flex; align-items: center; gap: 10px; width: max-content; max-width: 100%; margin-top: 14px; padding: 10px 15px; border-radius: 999px; background: rgba(255,255,255,.8); color: #7188a2; font-size: 12px; white-space: nowrap; }.vafin i { color: #e29a43; font-size: 18px; }.vafin strong { color: #355b86; font-size: 12px; }.vafin em { width: 1px; height: 16px; background: rgba(32,47,76,.16); }.jfbej { display: flex; gap: 30px; margin-top: 37px; }.jfbej div { display: flex; flex-direction: column; }.jfbej b { color: #386ca1; font-size: 23px; letter-spacing: -.05em; }.jfbej span { color: #8195aa; font-size: 12px; }
.ttkowm { position: relative; width: 438px; min-height: 460px; }.qcfhqe { position: absolute; top: 31px; left: 31px; width: 378px; height: 378px; border: 28px solid rgba(73,122,182,.18); border-radius: 50%; box-shadow: inset 0 0 0 29px rgba(255,187,112,.24), 0 0 0 27px rgba(73,122,182,.09); }.qcfhqe:before { content: ""; position: absolute; inset: 38px; border: 1px dashed rgba(73,122,182,.45); border-radius: 50%; }.qcfhqe:after { content: ""; position: absolute; top: 34px; left: 172px; width: 18px; height: 18px; border-radius: 50%; background: #ffbb70; box-shadow: 0 0 0 9px rgba(255,187,112,.25); }.inxzo { position: relative; z-index: 2; width: 292px; margin: 64px auto 0; padding: 23px 22px 19px; border-radius: 22px; background: #fff; box-shadow: 0 26px 49px -31px rgba(32,47,76,.72); transform: rotate(-3deg); }.hvconm, .pxctdb, .hgbkca { display: flex; align-items: center; justify-content: space-between; }.hvconm { color: #497ab6; font-size: 10px; font-weight: 800; letter-spacing: .13em; }.hvconm i { color: #a5b5c7; }.inxzo > strong { display: block; margin-top: 19px; color: #202f4c; font-size: 23px; }.pxctdb { padding: 10px 0; border-top: 1px solid #e9f0f7; font-size: 12px; }.pxctdb span { display: flex; align-items: center; gap: 7px; color: #456381; }.pxctdb span i { color: #497ab6; font-size: 16px; }.pxctdb b { color: #e29a43; font-size: 12px; }.hgbkca { margin-top: 11px; color: #93a4b6; font-size: 11px; }.hgbkca b { color: #497ab6; font-size: 13px; }.qhpvy { position: absolute; z-index: 3; border-radius: 999px; background: #fff; color: #355b86; box-shadow: 0 18px 34px -24px rgba(32,47,76,.8); }.fwrat { right: -4px; bottom: 78px; padding: 11px 16px; transform: rotate(5deg); }.fwrat small { display: block; color: #497ab6; font-size: 9px; letter-spacing: .15em; }.fwrat strong { display: block; color: #202f4c; font-size: 17px; line-height: 1.3; }.fwrat span { color: #e29a43; font-size: 10px; }.grxwud { top: 87px; left: -27px; display: flex; align-items: center; gap: 8px; padding: 11px 15px; transform: rotate(-7deg); font-size: 12px; }.grxwud i { color: #7bb89f; font-size: 18px; }.cupqa { position: absolute; top: 2px; right: 35px; color: rgba(73,122,182,.3); font-size: 29px; font-weight: 800; }
section { padding: 96px 0; }.mavox { background: #fff; }.riven { background: #edf5fc; }.tulor { background: #fff5e8; }.gaxen { background: #fff; }.purel { background: #edf5fc; }.sovex { background: #fff; }.daxur { background: #fff5e8; }.thead { text-align: center; margin: 0 auto 44px; }.thead > span { display: block; color: #e29a43; font-size: 10px; font-weight: 800; letter-spacing: .16em; }.thead > strong { display: block; margin-top: 5px; color: #202f4c; font-size: 33px; letter-spacing: -.05em; }.thead > p { max-width: 600px; margin: 8px auto 0; color: #8195aa; font-size: 15px; }
.ghami {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
:where(.ghami) > * {
    flex: 1 1 calc((100% - 60px) / 4);
    min-width: 0;
}
.ghami article { min-width: 0; }.frrkg { position: relative; padding: 10px; border-radius: 20px; background: #eaf3fb; }.frrkg img { display: block; width: 100%; height: auto; border-radius: 14px; }.frrkg b { position: absolute; right: 18px; top: 18px; padding: 4px 8px; border-radius: 999px; background: #202f4c; color: #ffbb70; font-size: 10px; }.ghami article > strong { display: block; margin-top: 16px; color: #365b83; font-size: 17px; }.ghami article > p { margin: 4px 0 0; color: #8195aa; font-size: 13px; }
.addiap {
    display: flex;
    flex-wrap: wrap;
    gap: 17px;
}
:where(.addiap) > * {
    flex: 1 1 calc((100% - 34px) / 3);
    min-width: 0;
}
.addiap article { display: flex; align-items: flex-start; gap: 16px; min-height: 151px; padding: 25px 21px; border-radius: 20px; background: #fff; box-shadow: 0 20px 35px -31px rgba(32,47,76,.7); transition: transform .25s ease, box-shadow .25s ease; }.addiap article:hover { transform: translateY(-5px); box-shadow: 0 23px 37px -28px rgba(32,47,76,.75); }.addiap article > i { display: flex; align-items: center; justify-content: center; flex: 0 0 43px; width: 43px; height: 43px; border-radius: 14px; background: #e5f0ff; color: #497ab6; font-size: 22px; }.addiap strong { display: block; color: #365b83; font-size: 16px; }.addiap p { margin: 5px 0 0; color: #8195aa; font-size: 13px; line-height: 1.65; }
.zfga {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
:where(.zfga) > * {
    flex: 1 1 calc((100% - 32px) / 3);
    min-width: 0;
}
.vvyi {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    min-height: 126px;
    padding: 20px 18px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 19px 34px -31px rgba(151,105,48,.65);
    cursor: pointer;
    transition: transform .25s ease, background .25s ease;
}
:where(.vvyi) > *:nth-child(1) {
    flex: 0 0 46px;
}

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

:where(.vvyi) > *:nth-child(3) {
    flex: 0 1 auto;
    min-width: 0;
}
.vvyi:hover { transform: translateY(-4px); background: #fffdf8; }.vvyi > i { display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 14px; background: #202f4c; color: #ffbb70; font-size: 23px; }.vvyi small { display: block; color: #497ab6; font-size: 9px; font-weight: 800; letter-spacing: .14em; }.vvyi strong { display: block; margin-top: 3px; color: #365b83; font-size: 16px; }.vvyi p { margin: 3px 0 0; color: #8195aa; font-size: 12px; }.vvyi > b { color: #497ab6; font-size: 12px; white-space: nowrap; }
.oneio {
    display: flex;
    flex-wrap: wrap;
    gap: 17px;
}
:where(.oneio) > * {
    flex: 1 1 calc((100% - 51px) / 4);
    min-width: 0;
}
.oneio article { position: relative; min-height: 224px; padding: 24px 22px; border-radius: 20px; background: #edf5fc; overflow: hidden; }.oneio article:after { content: ""; position: absolute; right: -25px; bottom: -30px; width: 112px; height: 112px; border-radius: 50%; background: rgba(255,187,112,.28); }.oneio b { position: relative; z-index: 1; display: block; color: #e29a43; font-size: 31px; line-height: 1; letter-spacing: -.06em; }.oneio i { position: relative; z-index: 1; display: block; margin-top: 40px; color: #497ab6; font-size: 23px; }.oneio strong { position: relative; z-index: 1; display: block; margin-top: 3px; color: #365b83; font-size: 17px; }.oneio p { position: relative; z-index: 1; margin: 4px 0 0; color: #8195aa; font-size: 13px; }
.qnyg { max-width: 800px; margin: 0 auto; }.qnyg article { border-bottom: 1px solid rgba(32,47,76,.11); }.qnyg button { display: flex; align-items: center; width: 100%; padding: 19px 3px; border: 0; background: transparent; color: #365b83; cursor: pointer; font: inherit; text-align: left; }.qnyg button span { width: 36px; color: #497ab6; font-size: 11px; font-weight: 800; }.qnyg button strong { flex: 1; font-size: 16px; }.qnyg button i { color: #497ab6; font-size: 21px; transition: transform .25s ease; }.qnyg article > p { max-height: 0; overflow: hidden; margin: 0; color: #7589a2; font-size: 14px; line-height: 1.75; transition: max-height .3s ease, padding .3s ease; }.qnyg article.openr > p { max-height: 130px; padding: 0 35px 19px; }.qnyg article.openr button i { transform: rotate(45deg); }
.qaye {
    display: flex;
    flex-wrap: wrap;
    gap: 17px;
}
:where(.qaye) > * {
    flex: 1 1 calc((100% - 17px) / 2);
    min-width: 0;
}
.qaye article { display: flex; flex-direction: column; min-height: 216px; padding: 24px 26px; border-radius: 20px; background: #edf5fc; }.qaye small { color: #497ab6; font-size: 10px; font-weight: 800; letter-spacing: .14em; }.qaye strong { margin-top: 17px; color: #365b83; font-size: 19px; letter-spacing: -.03em; }.qaye p { margin: 7px 0 0; color: #8195aa; font-size: 14px; }.qaye time { margin-top: auto; padding-top: 19px; color: #a0afbe; font-size: 12px; }
.ekpi { columns: 3; column-gap: 17px; }.ekpi article { display: inline-flex; flex-direction: column; width: 100%; margin-bottom: 17px; padding: 22px 23px; border-radius: 20px; background: #fff; box-shadow: 0 19px 34px -31px rgba(151,105,48,.7); break-inside: avoid; }.daxtop { display: flex; align-items: center; justify-content: space-between; color: #497ab6; }.daxtop i { font-size: 26px; }.daxtop small { font-size: 10px; letter-spacing: .14em; }.ekpi p { margin: 13px 0 23px; color: #64758c; font-size: 14px; line-height: 1.85; }.ekpi footer { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 13px; border-top: 1px solid rgba(32,47,76,.08); }.ekpi footer strong { color: #365b83; font-size: 13px; }.ekpi footer time { color: #a0afbe; font-size: 10px; }
.vaxum { padding: 55px 0 23px; background: #202f4c; color: #bac9d8; }.jczwn { display: flex; align-items: center; justify-content: space-between; }.vaxum .vurex { color: #fff; }.jczwn p { margin: 5px 0 0; color: #94a8bf; font-size: 12px; }.jczwn .jodap { min-width: 145px; min-height: 46px; background: #ffbb70; color: #202f4c; font-size: 13px; box-shadow: none; }.jczwn .jodap:hover { background: #ffd69e; }.vaxnav { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 37px; padding-top: 21px; border-top: 1px solid rgba(255,255,255,.12); color: #bac9d8; font-size: 12px; }.vaxnav a { transition: color .25s ease; }.vaxnav a:hover { color: #ffbb70; }.jrgwe { display: flex; align-items: center; justify-content: space-between; margin-top: 29px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.12); color: #899db4; font-size: 11px; }.jrgwe span { letter-spacing: .14em; }
@media (max-width: 767px) {
    .qelam { max-width: calc(100% - 32px); }.navor .qelam { min-height: 67px; }.vurex { font-size: 18px; }.zural { top: calc(100% + 8px); min-width: 178px; }
    .wszcei { padding: 54px 0 64px; }.iaujz { display: block; }.rtarm { width: 100%; }.navey { gap: 8px; margin-bottom: 18px; }h1 { font-size: 36px; }.nnkq { margin-top: 18px; font-size: 15px; }.psdhdf { gap: 12px; font-size: 12px; }.oaxud { margin-top: 23px; }.jodap { width: 100%; }.vafin { width: 100%; justify-content: center; padding: 10px 8px; gap: 7px; font-size: 11px; }.vafin strong { font-size: 11px; }.jfbej { justify-content: space-between; gap: 7px; margin-top: 28px; }.jfbej b { font-size: 19px; }.ttkowm { width: 100%; min-height: 414px; margin-top: 38px; }.qcfhqe { left: 50%; width: 345px; height: 345px; transform: translateX(-50%); }.inxzo { left: 50%; width: min(292px, 89%); margin-top: 57px; transform: translateX(-50%) rotate(-3deg); }.fwrat { right: -2px; bottom: 55px; }.grxwud { left: -2px; top: 77px; }
    section { padding: 67px 0; }.thead { margin-bottom: 30px; }.thead > strong { font-size: 27px; }.thead > p { font-size: 14px; }.ghami { display: flex; overflow-x: auto; gap: 14px; padding-bottom: 8px; scroll-snap-type: x mandatory;
    flex-wrap: nowrap;
    }.ghami::-webkit-scrollbar { display: none; }.ghami article { flex: 0 0 76%; scroll-snap-align: start; }.frrkg { padding: 8px; }
    .addiap, .zfga, .oneio, .qaye {
    gap: 13px;
    }
    :where(.addiap) > * {
        flex: 1 1 100%;
    }

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

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

    :where(.qaye) > * {
        flex: 1 1 100%;
    }
.addiap article { min-height: 0; padding: 20px 17px; }.vvyi { min-height: 109px; padding: 16px; }.vvyi > i { width: 42px; height: 42px; }.vvyi > b { font-size: 11px; }.oneio article { min-height: 180px; padding: 20px; }.oneio i { margin-top: 28px; }.qnyg button strong { font-size: 15px; }.qnyg article.openr > p { padding: 0 0 17px 35px; }.qaye article { min-height: 197px; }.qaye strong { font-size: 17px; }.ekpi { columns: 1; }.ekpi article { padding: 20px; }.ekpi p { font-size: 13px; }
    .vaxum { padding-top: 42px; }.jczwn { align-items: flex-start; }.jczwn .jodap { min-width: 105px; padding: 11px 12px; }.vaxnav { gap: 14px 18px; margin-top: 28px; }.jrgwe { display: block; line-height: 1.9; }.jrgwe span { display: block; }
}

/* desktop navigation / mobile dropdown */
.navor .qelam { justify-content: space-between; }
.zural { position: static; display: flex; flex-direction: row; align-items: center; gap: 22px; min-width: 0; margin-left: auto; padding: 0; border-radius: 0; background: transparent; box-shadow: none; color: inherit; font-size: 13px; }
.zural a { padding: 0; border-radius: 0; }
.paxum { display: none; margin-left: 24px; }
@media (max-width: 767px) {
    .paxum { display: flex; margin-left: auto; }
    .zural { position: absolute; top: calc(100% + 8px); right: 0; display: none; flex-direction: column; align-items: stretch; gap: 2px; min-width: 190px; margin-left: 0; padding: 10px; border-radius: 18px; background: rgba(255,255,255,.98); box-shadow: 0 21px 40px -27px rgba(20,30,40,.7); color: inherit; font-size: 13px; }
    .zural.openr { display: flex; }
    .zural a { padding: 9px 12px; border-radius: 10px; }
}

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