* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.jzue { margin: 0; color: #1c2740; background: #f2f5fb; font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 16px; line-height: 1.6; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
.fzxdxv { position: sticky; top: 0; z-index: 30; background: rgba(255,255,255,.93); backdrop-filter: blur(16px); box-shadow: 0 14px 34px -30px rgba(24,45,82,.45); }
.xmunio, .axmu, .qrky nav, .qrky small { width: min(1200px, calc(100% - 48px)); margin: 0 auto; }
.xmunio { display: flex; align-items: center; min-height: 76px; gap: 28px; }
.iwus { color: #172746; font-size: 19px; font-weight: 850; letter-spacing: -.07em; white-space: nowrap; }
.yoqgom { display: flex; align-items: center; justify-content: center; flex: 1; gap: 18px; }
.yoqgom a { color: #6e7890; font-size: 12px; white-space: nowrap; transition: color .2s ease; }
.yoqgom a:hover { color: #315ed2; }
.kwhqjg, .otwnou, .dzisje { cursor: pointer; }
.kwhqjg { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-width: 126px; padding: 10px 17px; color: #fff; background: #315ed2; border-radius: 999px; font-size: 12px; font-weight: 800; box-shadow: 0 17px 30px -24px rgba(49,94,210,.72); transition: transform .2s ease, background .2s ease; }
.kwhqjg:hover, .otwnou:hover { transform: translateY(-3px); background: #2449ae; }
.kbojve { display: none; align-items: center; justify-content: center; width: 40px; height: 40px; margin-left: auto; color: #315ed2; background: #e8edfa; border: 0; border-radius: 13px; font-size: 20px; }
.wnre { position: relative; overflow: hidden; background: #f2f5fb; }
.wnre::after { position: absolute; top: 0; right: -8%; width: 48%; height: 100%; content: ""; background: linear-gradient(160deg, #e3eafd 0%, #f2f5fb 72%); transform: skewX(-14deg); }
.dioug { position: relative; z-index: 1; display: flex; align-items: center; gap: 82px; width: min(1200px, calc(100% - 48px)); min-height: 708px; margin: 0 auto; padding: 88px 0 100px; }
.mpxc { flex: 1 1 51%; max-width: 560px; }
.bxyws { display: flex; align-items: center; gap: 10px; color: #315ed2; font-size: 10px; font-weight: 850; letter-spacing: .18em; }
.bxyws span { padding: 5px 9px; color: #fff; background: #172746; border-radius: 7px; font-size: 9px; letter-spacing: .14em; }
.bxyws i { width: 7px; height: 7px; background: #ef7f6d; border-radius: 50%; }
.wnre h1 { margin: 24px 0 16px; color: #172746; font-size: 59px; line-height: 1.08; letter-spacing: -.1em; }
.qnwruc { max-width: 530px; margin: 0; color: #68758d; font-size: 16px; line-height: 1.9; }
.yvij { display: flex; align-items: center; margin-top: 30px; }
.yvij span { display: flex; min-width: 125px; flex-direction: column; padding-right: 20px; margin-right: 20px; border-right: 1px solid rgba(27,49,84,.12); }
.yvij span:last-child { padding-right: 0; margin-right: 0; border-right: 0; }
.yvij strong { color: #315ed2; font-size: 22px; line-height: 1.25; }
.yvij small { margin-top: 5px; color: #8c97aa; font-size: 11px; }
.otwnou { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-width: 205px; margin-top: 32px; padding: 14px 25px; color: #fff; background: #315ed2; border-radius: 999px; font-size: 14px; font-weight: 850; box-shadow: 0 25px 42px -30px rgba(49,94,210,.7); transition: transform .2s ease, background .2s ease; }
.kubik { display: flex; align-items: center; gap: 9px; max-width: 510px; margin-top: 17px; padding: 10px 14px; color: #69768a; background: #fff; border: 1px solid rgba(49,94,210,.1); border-radius: 14px; font-size: 11px; box-shadow: 0 15px 32px -29px rgba(29,52,92,.35); }
.kubik i { color: #ef7f6d; font-size: 18px; }
.kubik strong { color: #315ed2; white-space: nowrap; }
.kubik em { width: 1px; height: 15px; background: rgba(42,64,102,.16); }
.kubik span { white-space: nowrap; }
.kcdk { display: flex; gap: 20px; margin-top: 17px; color: #8290a5; font-size: 11px; }
.kcdk i { margin-right: 5px; color: #58b7a8; }
.nrofiu { position: relative; flex: 0 1 500px; min-height: 540px; }
.xujp { position: absolute; top: 20px; right: 0; left: 0; padding: 25px 24px 20px; color: #edf2ff; background: #172746; border-radius: 29px; box-shadow: 0 35px 65px -42px rgba(20,38,70,.85); }
.xujp::before { position: absolute; top: -9px; left: 42px; width: 86px; height: 5px; content: ""; background: #ef7f6d; border-radius: 999px; }
.nsql, .kezn, .vxcko, .tolrjy, .qwshnn { display: flex; align-items: center; }
.nsql { justify-content: space-between; color: #8d9cbb; font-size: 10px; letter-spacing: .16em; }
.nsql b { padding: 4px 8px; color: #172746; background: #74d7c8; border-radius: 999px; font-size: 9px; letter-spacing: .08em; }
.kezn { justify-content: space-between; padding: 23px 0 18px; border-bottom: 1px solid rgba(255,255,255,.1); }
.kezn div { display: flex; flex-direction: column; }
.kezn small { color: #9eabc3; font-size: 10px; }
.kezn strong { margin-top: 4px; color: #fff; font-size: 20px; letter-spacing: .04em; }
.kezn i { color: #ef7f6d; font-size: 21px; }
.vxcko { gap: 13px; min-height: 66px; margin-top: 10px; padding: 10px 12px; background: #20355d; border-left: 3px solid #315ed2; border-radius: 13px; }
.vxcko.ruzi { border-left-color: #74d7c8; background: #203b5e; }
.vxcko.wmfrai { border-left-color: #ef7f6d; background: #3c3456; }
.vxcko > span { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; color: #cbd6ec; background: rgba(255,255,255,.08); border-radius: 8px; font-size: 10px; font-weight: 800; }
.vxcko div { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.vxcko b { color: #fff; font-size: 13px; }
.vxcko small { margin-top: 3px; color: #a4b1c8; font-size: 10px; white-space: nowrap; }
.vxcko > strong { color: #74d7c8; font-size: 13px; }
.vxcko.wmfrai > strong { color: #ff9b8b; }
.tolrjy { justify-content: space-between; margin-top: 22px; color: #9aa8bf; font-size: 10px; }
.tolrjy b { color: #74d7c8; font-size: 13px; }
.iguwzx { height: 7px; margin-top: 8px; background: rgba(255,255,255,.1); border-radius: 999px; overflow: hidden; }
.iguwzx i { display: block; width: 74%; height: 100%; background: linear-gradient(90deg, #315ed2, #74d7c8); border-radius: inherit; }
.qwshnn { justify-content: space-between; gap: 10px; padding-top: 18px; margin-top: 14px; border-top: 1px solid rgba(255,255,255,.1); color: #8d9cbb; font-size: 10px; }
.qwshnn i { margin-right: 4px; color: #ef7f6d; }
.lnmt { position: absolute; right: -22px; bottom: 58px; display: flex; align-items: center; gap: 8px; padding: 11px 14px; color: #172746; background: #74d7c8; border-radius: 14px; box-shadow: 0 22px 42px -31px rgba(49,94,210,.7); font-size: 11px; font-weight: 800; }
.lnmt i { font-size: 16px; }
.lnmt b { color: #337a72; font-size: 10px; }
.ivlhzy { position: absolute; bottom: 9px; left: 5px; color: rgba(49,94,210,.42); font-size: 10px; letter-spacing: .22em; }
.udqa { padding: 92px 24px; }
.ugnt { color: #1c2740; background: #fff; }
.qinrwi { color: #1c2740; background: #edf1fb; }
.oknbyf { color: #edf2ff; background: #111e35; }
.avwdo { width: min(1200px, 100%); margin: 0 auto; }
.avwdo.rmyktg { max-width: 820px; }
.codjs { margin: 0 auto 40px; text-align: center; }
.codjs span { display: block; color: #7d899f; font-size: 10px; font-weight: 850; letter-spacing: .25em; }
.codjs strong { display: block; margin-top: 8px; color: #1c2740; font-size: 34px; line-height: 1.2; letter-spacing: -.07em; }
.codjs p { max-width: 620px; margin: 11px auto 0; color: #758198; font-size: 14px; }
.codjs.twtm span { color: #74d7c8; }
.codjs.twtm strong { color: #f3f6ff; }
.codjs.twtm p { color: #9ba9c1; }
.wtpyc, .hemswc, .fcdn, .znesix, .luxkpp, .nuelf { display: flex; flex-wrap: wrap; gap: 18px; }
.wtpyc > article { display: flex; flex: 1 1 calc(25% - 14px); min-width: 210px; flex-direction: column; padding: 12px; background: #f8faff; border: 1px solid #e5eaf5; border-radius: 21px; box-shadow: 0 25px 45px -39px rgba(35,55,94,.55); transition: transform .2s ease; }
.wtpyc > article:hover { transform: translateY(-5px); }
.eupbwu { display: flex; align-items: center; justify-content: center; height: 312px; padding: 10px; background: #dfe6f5; border-radius: 15px; }
.eupbwu img { width: 100%; height: 100%; object-fit: contain; border-radius: 10px; }
.metl { display: flex; align-items: center; gap: 9px; padding: 14px 6px 9px; }
.metl b { color: #ef7f6d; font-size: 10px; letter-spacing: .12em; }
.metl strong { color: #243453; font-size: 15px; }
.metl span { margin-left: auto; color: #78859a; font-size: 10px; }
.hemswc > article { position: relative; display: flex; align-items: flex-start; flex: 1 1 calc(33.333% - 12px); min-width: 280px; gap: 14px; padding: 24px 22px; background: #1c2d4e; border: 1px solid rgba(116,215,200,.11); border-radius: 21px; transition: transform .2s ease, border-color .2s ease; }
.hemswc > article:hover { transform: translateY(-5px); border-color: rgba(116,215,200,.42); }
.hemswc > article > i { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; height: 44px; color: #74d7c8; background: rgba(116,215,200,.11); border-radius: 14px; font-size: 21px; }
.hemswc > article:nth-child(2n) > i { color: #ef7f6d; background: rgba(239,127,109,.12); }
.hemswc b { display: block; color: #f1f5ff; font-size: 16px; }
.hemswc p { margin: 5px 0 0; color: #a4b2c9; font-size: 13px; line-height: 1.75; }
.hemswc article > span { position: absolute; top: 18px; right: 20px; color: rgba(116,215,200,.43); font-size: 10px; letter-spacing: .15em; }
.fcdn > article { display: flex; align-items: center; flex: 1 1 calc(33.333% - 12px); min-width: 280px; gap: 15px; padding: 20px 21px; background: #fff; border: 1px solid #e1e7f4; border-radius: 19px; box-shadow: 0 24px 42px -39px rgba(38,54,92,.55); transition: transform .2s ease, box-shadow .2s ease; }
.fcdn > article:hover { transform: translateY(-4px); box-shadow: 0 31px 50px -38px rgba(38,54,92,.65); }
.fcdn > article > i { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 43px; width: 43px; height: 43px; color: #315ed2; background: #e8edfa; border-radius: 14px; font-size: 21px; }
.fcdn > article:nth-child(2n) > i { color: #42998b; background: #e1f5f1; }
.fcdn > article > div { flex: 1; min-width: 0; }
.fcdn b { display: block; color: #263653; font-size: 14px; }
.fcdn span { display: block; margin-top: 3px; color: #7b879b; font-size: 11px; }
.fcdn strong { flex: none; color: #315ed2; font-size: 11px; white-space: nowrap; }
.fcdn em { font-style: normal; font-size: 14px; }
.znesix { align-items: stretch; gap: 0; }
.znesix article { position: relative; display: flex; flex: 1 1 0; min-width: 190px; flex-direction: column; padding: 24px 22px 22px; background: #f8faff; border: 1px solid #e1e7f4; border-radius: 20px; box-shadow: 0 24px 43px -39px rgba(38,54,92,.5); }
.znesix article > span { display: inline-flex; align-items: center; justify-content: center; width: 39px; height: 39px; color: #fff; background: #315ed2; border-radius: 13px; font-size: 12px; font-weight: 850; }
.znesix article:nth-of-type(2) > span { background: #74d7c8; color: #172746; }
.znesix article:nth-of-type(3) > span { background: #ef7f6d; }
.znesix article:nth-of-type(4) > span { background: #7b75dd; }
.znesix article > i { margin-top: 20px; color: #536b94; font-size: 22px; }
.znesix article strong { margin-top: 7px; color: #243453; font-size: 16px; }
.znesix article p { margin: 6px 0 0; color: #78869c; font-size: 12.5px; line-height: 1.75; }
.dpcf { display: flex; align-items: center; justify-content: center; width: 38px; flex: none; color: #315ed2; font-size: 18px; }
.vpyxsa { display: flex; flex-direction: column; gap: 10px; }
.kjrv { background: #fff; border: 1px solid #e1e7f4; border-radius: 17px; box-shadow: 0 17px 33px -31px rgba(38,54,92,.5); }
.oxrnht { display: flex; align-items: center; gap: 13px; padding: 19px 21px; cursor: pointer; }
.oxrnht > span { color: #315ed2; font-size: 10px; font-weight: 850; letter-spacing: .15em; }
.oxrnht b { flex: 1; color: #263653; font-size: 14px; }
.oxrnht i { color: #ef7f6d; font-size: 19px; transition: transform .2s ease; }
.kjrv.abtap .oxrnht i { transform: rotate(45deg); }
.kjrv > p { display: none; margin: 0; padding: 0 50px 20px 55px; color: #6f7d92; font-size: 13px; line-height: 1.9; }
.kjrv.abtap > p { display: block; }
.luxkpp > article { display: flex; flex: 1 1 calc(33.333% - 12px); min-width: 280px; min-height: 208px; flex-direction: column; padding: 22px 21px; background: #1c2d4e; border: 1px solid rgba(116,215,200,.08); border-radius: 20px; box-shadow: 0 22px 40px -34px rgba(0,0,0,.7); }
.luxkpp > article > div { display: flex; align-items: center; justify-content: space-between; }
.luxkpp span { padding: 4px 8px; color: #172746; background: #74d7c8; border-radius: 999px; font-size: 9px; font-weight: 850; letter-spacing: .1em; }
.luxkpp time, .nuelf time { color: #8796ad; font-size: 10px; }
.luxkpp b { margin-top: 22px; color: #f1f5ff; font-size: 16px; }
.luxkpp p { margin: 8px 0 0; color: #a4b2c9; font-size: 13px; line-height: 1.8; }
.nuelf > article { display: flex; flex: 1 1 calc(33.333% - 12px); min-width: 280px; min-height: 225px; flex-direction: column; padding: 23px 21px 20px; background: #fff; border: 1px solid #e1e7f4; border-radius: 21px; box-shadow: 0 24px 42px -38px rgba(38,54,92,.55); }
.cfsdgl { display: flex; gap: 3px; color: #efb45f; font-size: 12px; }
.nuelf p { flex: 1; margin: 16px 0 18px; color: #5f6f84; font-size: 13.5px; line-height: 1.85; }
.nuelf footer { display: flex; align-items: center; justify-content: space-between; padding-top: 13px; border-top: 1px solid rgba(24,39,64,.08); }
.nuelf footer b { color: #344562; font-size: 12px; }
.qrky { padding: 46px 0 31px; color: #dce7f5; background: #0d182b; }
.axmu { display: flex; align-items: center; justify-content: space-between; }
.qrky .iwus { color: #f3f6ff; }
.qrky p { margin: 7px 0 0; color: #8292aa; font-size: 12px; }
.qrky nav { display: flex; flex-wrap: wrap; gap: 17px; margin-top: 28px; padding: 19px 0; border-top: 1px solid rgba(255,255,255,.09); border-bottom: 1px solid rgba(255,255,255,.09); }
.qrky nav a { color: #a7b6cb; font-size: 11px; }
.qrky small { display: block; margin-top: 17px; color: #697a92; font-size: 10px; }
@media (max-width: 767px) {
    .xmunio, .axmu, .qrky nav, .qrky small, .dioug { width: calc(100% - 32px); }
    .xmunio { min-height: 66px; gap: 12px; }
    .iwus { font-size: 17px; }
    .yoqgom { position: absolute; top: 66px; right: 16px; left: 16px; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 9px 13px; background: #172746; border-radius: 16px; box-shadow: 0 25px 42px -31px rgba(0,0,0,.72); }
    .yoqgom.abtap { display: flex; }
    .yoqgom a { padding: 10px 2px; color: #dce7f5; border-bottom: 1px solid rgba(255,255,255,.08); font-size: 13px; }
    .yoqgom a:last-child { border-bottom: 0; }
    .xmunio > .kwhqjg { display: none; }
    .kbojve { display: inline-flex; }
    .wnre::after { right: -30%; width: 95%; transform: skewX(-12deg); }
    .dioug { display: block; min-height: auto; padding: 55px 0 68px; }
    .wnre h1 { margin-top: 18px; font-size: 37px; }
    .qnwruc { font-size: 14px; line-height: 1.85; }
    .yvij { margin-top: 23px; }
    .yvij span { min-width: 0; padding-right: 10px; margin-right: 10px; }
    .yvij strong { font-size: 17px; }
    .yvij small { font-size: 10px; }
    .otwnou { display: flex; width: 100%; margin-top: 26px; font-size: 14px; }
    .kubik { justify-content: center; gap: 7px; padding: 9px 8px; font-size: 10px; }
    .kubik em, .kubik span { display: none; }
    .kcdk { gap: 12px; font-size: 10px; }
    .nrofiu { min-height: 554px; margin-top: 47px; }
    .xujp { top: 13px; padding: 20px 15px 16px; border-radius: 23px; }
    .kezn { padding-top: 17px; }
    .kezn strong { font-size: 17px; }
    .vxcko { gap: 9px; min-height: 61px; padding: 8px 9px; }
    .vxcko b { font-size: 12px; }
    .vxcko small { font-size: 9px; }
    .vxcko > strong { font-size: 11px; }
    .lnmt { right: 2px; bottom: 49px; padding: 9px 11px; font-size: 10px; }
    .ivlhzy { left: 4px; font-size: 9px; }
    .udqa { padding: 64px 16px; }
    .codjs { margin-bottom: 29px; }
    .codjs strong { font-size: 26px; }
    .codjs p { font-size: 12.5px; line-height: 1.7; }
    .wtpyc { flex-wrap: nowrap; overflow-x: auto; gap: 14px; padding-bottom: 6px; scroll-snap-type: x mandatory; scrollbar-width: none; }
    .wtpyc::-webkit-scrollbar { display: none; }
    .wtpyc > article { flex: none; width: 76%; min-width: 0; scroll-snap-align: start; }
    .eupbwu { height: 286px; }
    .metl { display: block; }
    .metl strong { display: block; margin-top: 4px; }
    .metl span { display: block; margin-top: 3px; }
    .hemswc, .fcdn, .luxkpp, .nuelf { gap: 13px; }
    .hemswc > article, .fcdn > article, .luxkpp > article, .nuelf > article { flex-basis: 100%; min-width: 0; }
    .hemswc > article { padding: 21px 18px; }
    .fcdn > article { padding: 17px; }
    .znesix { display: block; }
    .znesix article { min-width: 0; margin-top: 13px; padding: 20px 18px; }
    .znesix article:first-child { margin-top: 0; }
    .dpcf { width: 100%; height: 24px; transform: rotate(90deg); }
    .oxrnht { gap: 10px; padding: 16px 15px; }
    .oxrnht b { font-size: 13.5px; }
    .kjrv > p { padding: 0 15px 18px 42px; font-size: 12.5px; }
    .luxkpp > article, .nuelf > article { min-height: 0; }
    .axmu { display: block; }
    .axmu > .kwhqjg { width: 100%; margin-top: 18px; }
    .qrky nav { gap: 12px 16px; }
}

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