* {
    box-sizing:border-box;
}

html {
    scroll-behavior:smooth;
    scroll-padding-top:110px;
}

body {
    margin:0;
    background:#192124;
    color:#e1e7e9;
    font-family:"Microsoft YaHei",Arial,sans-serif;
    font-size:15px;
    line-height:1.8;
}

a {
    color:inherit;
    text-decoration:none;
}

button {
    font:inherit;
    color:inherit;
}

p {
    margin:0;
}

i {
    font-style:normal;
}

a, button, [role="button"] {
    -webkit-tap-highlight-color:transparent;
}

button, [role="button"] {
    cursor:pointer;
}

button:focus-visible, a:focus-visible, [role="button"]:focus-visible {
    outline:2px solid #a0cede;
    outline-offset:5px;
}

.huyzbw {
    max-width:1200px;
    width:calc(100% - 48px);
    margin:0 auto;
}

.kyajky {
    position:sticky;
    top:0;
    z-index:20;
    background:rgba(24,32,37,.96);
    transition:box-shadow .25s;
}

.jpsspe {
    box-shadow:0 15px 35px -25px #000;
}

.kyajky .huyzbw {
    display:flex;
    align-items:center;
    gap:25px;
    min-height:88px;
}

.dkjqyy {
    font-size:25px;
    font-weight:700;
    white-space:nowrap;
    letter-spacing:-1px;
}

.qzcnhy {
    display:flex;
    align-items:center;
    gap:17px;
    flex:1;
}

.qzcnhy a {
    font-size:12px;
    color:#9eb2b8;
    transition:color .25s;
}

nav a:hover {
    color:#add5e2;
}

.jidcsx {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:12px 22px;
    border-radius:999px;
    background:#a0cede;
    color:#202b2f;
    font-size:13px;
    font-weight:700;
    transition:transform .25s,background .25s;
    white-space:nowrap;
}

.jidcsx:hover, .baplzd:hover, .pgyitw:hover {
    transform:translateY(-3px);
    background:#c1dfe9;
}

.movsjh {
    display:none;
    background:none;
    border:0;
    padding:0;
}

.httxff {
    display:none;
}

.tlfdhh {
    padding:64px 0 80px;
    background:radial-gradient(ellipse at 78% 45%,#2d4148 0,transparent 54%),linear-gradient(125deg,#192124,#1d272b);
}

.tlfdhh > .huyzbw {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:52px;
}

.wrrpov {
    width:calc(50% - 26px);
    flex-shrink:0;
}

.ebpezl {
    font-size:10px;
    letter-spacing:2px;
    color:#91c1d1;
    margin-bottom:26px;
}

h1 {
    font-size:56px;
    line-height:1.25;
    letter-spacing:-2px;
    margin:0 0 27px;
}

.bcrhjl {
    font-size:40px;
    line-height:1.55;
    font-weight:500;
    color:#b1d7e3;
    letter-spacing:-1px;
}

.lojrxu {
    color:#a3b6bc;
    line-height:2;
    margin:28px 0 31px;
    font-size:15px;
}

.baplzd {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    background:#a0cede;
    color:#202b2f;
    width:228px;
    border-radius:999px;
    padding:18px 22px;
    font-size:16px;
    font-weight:700;
    transition:transform .25s,background .25s;
}

.baplzd i {
    font-size:22px;
}

.nichjq {
    display:flex;
    align-items:center;
    gap:8px;
    white-space:nowrap;
    background:rgba(150,212,232,.08);
    padding:11px 15px;
    border-radius:999px;
    width:max-content;
    max-width:100%;
    margin-top:14px;
    font-size:9px;
    color:#afc4cb;
}

.nichjq strong {
    font-size:10px;
    color:#badae5;
}

.nichjq b {
    width:1px;
    height:12px;
    background:#7ba9b8;
    opacity:.3;
}

.ogjaef {
    display:flex;
    gap:28px;
    margin-top:38px;
}

.qjxvwg {
    display:flex;
    flex-direction:column;
    gap:7px;
}

.qjxvwg strong {
    font-size:27px;
    font-weight:500;
    line-height:1.4;
}

.qjxvwg span {
    font-size:10px;
    color:#869fa8;
}

.faronz {
    width:calc(50% - 26px);
    flex-shrink:0;
}

.gtwuyz {
    display:flex;
    align-items:center;
    gap:22px;
    padding:12px 3px 8px;
}

.xcshho {
    width:300px;
    flex-shrink:0;
    background:#101517;
    border:1px solid rgba(255,255,255,.08);
    border-radius:34px;
    padding:11px;
    box-shadow:0 25px 50px -24px #000;
    transform:rotate(-3deg);
}

.ppddqz {
    width:62px;
    height:5px;
    background:#3c4d53;
    border-radius:999px;
    margin:2px auto 12px;
}

.frylln {
    background:#e1e7e9;
    border-radius:23px;
    padding:18px 17px;
    color:#263338;
}

.prpkkl {
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:12px;
}

.prpkkl i {
    font-size:20px;
}

.gairdp {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:24px;
}

.gairdp strong {
    font-size:15px;
}

.gairdp span {
    font-size:9px;
    color:#7e99a2;
}

.yqwdje {
    display:flex;
    align-items:baseline;
    gap:10px;
    margin-top:9px;
}

.yqwdje strong {
    font-size:29px;
    font-weight:500;
    letter-spacing:-1px;
}

.yqwdje span {
    font-size:10px;
    color:#5aa6bf;
}

.tcniqh {
    height:125px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:7px;
    padding:15px 4px 8px;
    background:repeating-linear-gradient(to top,rgba(35,49,55,.045) 0,rgba(35,49,55,.045) 1px,transparent 1px,transparent 30px);
    margin-top:12px;
}

.tcniqh span {
    display:flex;
    align-items:center;
    justify-content:center;
    width:10px;
    background:#6fb5cc;
    border-radius:2px;
    position:relative;
    min-height:8px;
}

.tcniqh b {
    height:calc(100% + 12px);
    width:1px;
    background:inherit;
    position:absolute;
}

.nbfvbd {
    display:flex;
    justify-content:space-between;
    font-size:8px;
    color:#7d98a1;
    margin-top:3px;
}

.qhduzy {
    border-radius:17px;
    background:#c7d8de;
    padding:14px;
    margin-top:21px;
}

.qhduzy > span {
    display:block;
    font-size:9px;
    color:#64818b;
}

.qhduzy > strong {
    display:block;
    font-size:21px;
    font-weight:500;
    margin-top:5px;
}

.qhduzy small {
    font-size:9px;
    font-weight:400;
}

.qhduzy p {
    display:flex;
    justify-content:space-between;
    margin-top:9px;
    font-size:10px;
}

.qhduzy b {
    font-weight:500;
}

.kuuvea {
    display:flex;
    gap:8px;
    margin-top:13px;
}

.kuuvea span {
    width:50%;
    text-align:center;
    border-radius:999px;
    font-size:10px;
    background:#75b8ce;
    color:#f6f8f8;
    padding:9px 2px;
}

.kuuvea span + span {
    background:#6e8c96;
}

.kpqito {
    display:flex;
    justify-content:space-around;
    font-size:18px;
    color:#7e98a1;
    margin-top:21px;
}

.pyejuw {
    flex:1;
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:14px;
}

.exyvjm {
    display:flex;
    flex-direction:column;
    gap:6px;
    margin-bottom:4px;
}

.exyvjm span {
    font-size:8px;
    letter-spacing:1px;
    color:#80b4c5;
}

.exyvjm b {
    font-size:14px;
    font-weight:500;
}

.ccqtut {
    background:rgba(139,197,216,.09);
    border-radius:20px;
    padding:15px 16px;
    position:relative;
}

.ccqtut > span {
    font-size:10px;
    color:#739caa;
}

.ccqtut i {
    float:right;
    font-size:20px;
    color:#96c9da;
}

.ccqtut strong {
    display:block;
    font-size:13px;
    font-weight:500;
    margin-top:9px;
    white-space:nowrap;
}

.ccqtut p {
    font-size:10px;
    color:#87a1a9;
    margin-top:5px;
    line-height:1.7;
}

.imqkkq {
    display:flex;
    align-items:center;
    gap:15px;
    background:#2b3a3f;
    border-radius:20px;
    padding:17px 21px;
    margin-top:23px;
}

.imqkkq > i {
    font-size:25px;
    color:#a0cede;
}

.imqkkq > i:last-child {
    margin-left:auto;
    font-size:21px;
}

.imqkkq span {
    display:flex;
    flex-direction:column;
    gap:2px;
}

.imqkkq strong {
    font-size:13px;
    font-weight:500;
}

.imqkkq small {
    font-size:10px;
    color:#8aa7b0;
}

.xdgmse {
    font-size:9px;
    color:#698892;
    text-align:center;
    margin-top:14px;
}

.vqvdoh {
    padding:84px 0;
    scroll-margin-top:10px;
}

.vqvdoh:nth-of-type(odd) {
    background:#1e282b;
}

.rzjner {
    text-align:center;
    margin-bottom:42px;
}

.rzjner > span {
    font-size:9px;
    letter-spacing:2px;
    color:#77a0ad;
}

.rzjner p {
    font-size:32px;
    line-height:1.5;
    margin-top:10px;
}

.rzjner p:after {
    content:"";
    display:block;
    width:32px;
    height:3px;
    border-radius:999px;
    background:#7fb3c4;
    margin:18px auto 0;
}

.ihrraf {
    display:flex;
    gap:20px;
}

.rhcvtv {
    width:calc((100% - 60px)/4);
    background:#29383d;
    border-radius:21px;
    padding:13px;
    transition:transform .25s;
}

.rhcvtv img {
    width:100%;
    height:auto;
    display:block;
    border-radius:15px;
}

.rhcvtv > div {
    display:flex;
    align-items:center;
    gap:12px;
    padding:17px 4px 6px;
}

.rhcvtv span {
    font-size:10px;
    color:#74a0af;
}

.rhcvtv strong {
    font-size:14px;
    font-weight:500;
}

.hfznqu {
    display:flex;
    flex-wrap:wrap;
    gap:22px;
}

.nkrdsf {
    width:calc((100% - 44px)/3);
    background:#232f33;
    border-radius:20px;
    padding:25px 28px;
    transition:transform .25s;
}

.nkrdsf > div {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:22px;
}

.nkrdsf span {
    font-size:9px;
    letter-spacing:1px;
    color:#6a8892;
}

.nkrdsf i {
    font-size:28px;
    color:#88c2d5;
}

.nkrdsf > strong {
    font-size:20px;
    font-weight:500;
}

.nkrdsf p {
    font-size:14px;
    color:#91a8af;
    margin-top:13px;
    line-height:1.9;
}

.apecfp {
    display:flex;
    flex-direction:column;
    width:calc((100% - 44px)/3);
    background:#263439;
    border-radius:22px;
    padding:25px 28px;
    transition:transform .25s;
}

.ijtfgb {
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:20px;
}

.ijtfgb i {
    display:flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    border-radius:15px;
    background:#395159;
    color:#a1cfde;
    font-size:26px;
}

.ijtfgb span {
    font-size:10px;
    letter-spacing:2px;
    color:#7fa8b6;
}

.apecfp > strong {
    font-size:20px;
    font-weight:500;
}

.apecfp > p {
    font-size:14px;
    color:#90a9b1;
    margin:13px 0 25px;
    line-height:1.9;
    flex:1;
}

.pgyitw {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    background:#98cadb;
    border-radius:999px;
    color:#253237;
    padding:12px 18px;
    font-weight:700;
    font-size:14px;
    transition:transform .25s,background .25s;
}

.rhcvtv:hover, .nkrdsf:hover, .apecfp:hover, .igcjtl:hover, .ztgxbw:hover {
    transform:translateY(-4px);
}

.tyszww {
    display:flex;
    gap:24px;
    position:relative;
}

.tyszww:before {
    content:"";
    position:absolute;
    top:8px;
    left:12%;
    right:12%;
    height:1px;
    background:linear-gradient(90deg,transparent,#618794,transparent);
}

.pisbzc {
    display:flex;
    flex-direction:column;
    align-items:center;
    width:calc((100% - 72px)/4);
    text-align:center;
    position:relative;
}

.jybzrh {
    width:17px;
    height:17px;
    border-radius:50%;
    background:#7fb2c3;
    box-shadow:0 0 0 7px #202c30;
    margin-bottom:26px;
}

.pisbzc > span {
    font-size:13px;
    color:#72a3b3;
    letter-spacing:2px;
    margin-bottom:8px;
}

.pisbzc strong {
    font-size:20px;
    font-weight:500;
}

.pisbzc p {
    font-size:14px;
    color:#8ea6ae;
    line-height:1.9;
    margin-top:12px;
    max-width:230px;
}

.tzxarm {
    max-width:800px;
    margin:auto;
    display:flex;
    flex-direction:column;
    gap:12px;
}

.mvstuy {
    background:#263337;
    border-radius:20px;
    overflow:hidden;
}

.kjgsxu {
    display:flex;
    align-items:center;
    gap:16px;
    width:100%;
    padding:21px 24px;
    background:none;
    border:0;
    text-align:left;
}

.kjgsxu > span {
    color:#84b9cb;
    font-size:22px;
    display:flex;
}

.kjgsxu strong {
    font-weight:500;
    flex:1;
    font-size:15px;
}

.kjgsxu > i {
    font-size:22px;
    color:#6f9ead;
    transition:transform .25s;
}

.rpncuc {
    display:flex;
    flex-direction:column;
    max-height:0;
    opacity:0;
    transition:max-height .25s,opacity .25s;
}

.rpncuc p {
    font-size:14px;
    color:#96b0b8;
    line-height:2;
    padding:0 28px 25px 62px;
}

.qiwpem .rpncuc {
    max-height:350px;
    opacity:1;
}

.qiwpem .kjgsxu > i {
    transform:rotate(180deg);
}

.ocyvzc {
    display:flex;
    flex-wrap:wrap;
    gap:22px;
}

.igcjtl {
    width:calc((100% - 22px)/2);
    padding:28px;
    background:#cfdade;
    color:#29383d;
    border-radius:22px;
    display:flex;
    flex-direction:column;
    transition:transform .25s;
}

.igcjtl > div {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:20px;
}

.igcjtl > div span {
    font-size:10px;
    background:#abc2c9;
    border-radius:999px;
    padding:3px 12px;
    color:#4b6a75;
}

.igcjtl i {
    font-size:24px;
    color:#658e9b;
}

.igcjtl > strong {
    font-size:20px;
    font-weight:500;
    line-height:1.7;
}

.igcjtl > p {
    font-size:14px;
    line-height:1.9;
    color:#65828b;
    margin:12px 0 25px;
}

.igcjtl footer {
    display:flex;
    justify-content:space-between;
    gap:10px;
    margin-top:auto;
    border-top:1px solid rgba(30,58,70,.08);
    padding-top:14px;
    font-size:10px;
    color:#72929d;
}

.ztgxbw {
    width:calc((100% - 44px)/3);
    padding:27px 28px;
    background:#222e32;
    border-radius:21px;
    display:flex;
    flex-direction:column;
    transition:transform .25s;
}

.ztgxbw > i {
    font-size:27px;
    color:#6aa7bb;
    line-height:1;
    margin-bottom:13px;
}

.ztgxbw > strong {
    font-size:16px;
    font-weight:500;
    color:#add3df;
}

.ztgxbw > p {
    font-size:14px;
    color:#96aeb6;
    line-height:2;
    margin:13px 0 23px;
}

.ztgxbw footer {
    margin-top:auto;
    display:flex;
    flex-direction:column;
    gap:6px;
    font-size:10px;
    color:#67848e;
}

.ztgxbw footer span {
    font-size:12px;
    color:#8aadb8;
}

.olrwiw {
    background:#131a1d;
    padding:44px 0 24px;
}

.kybncs {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:30px;
}

.kybncs a {
    font-size:28px;
    font-weight:700;
}

.kybncs p {
    font-size:12px;
    color:#708e98;
    margin-top:5px;
}

.olrwiw nav {
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:25px;
    border-top:1px solid rgba(255,255,255,.06);
    padding-top:23px;
    font-size:12px;
    color:#84a5b0;
}

.olrwiw .huyzbw > p {
    text-align:center;
    font-size:10px;
    color:#556d75;
    margin-top:20px;
}

@media (max-width: 767px) {
    html { scroll-padding-top:88px; }
    .huyzbw { width:calc(100% - 32px); }
    .kyajky .huyzbw { min-height:74px;gap:14px; }
    .dkjqyy { font-size:22px;flex:1; }
    .qzcnhy { display:none; }
    .jidcsx { font-size:10px;padding:9px 13px;gap:4px; }
    .kyajky .jidcsx i { display:none; }
    .movsjh { display:flex;align-items:center;font-size:26px; }
    
    .httxff { position:fixed;top:74px;left:16px;right:16px;z-index:25;flex-direction:column;gap:0;background:#2d3d43;border-radius:20px;padding:12px 18px;box-shadow:0 18px 40px -24px #000; }
    .httxff.ljgcbd { display:flex; }
    .httxff a { font-size:14px;padding:9px 8px; }
    .tlfdhh { padding:42px 0 55px; }
    .tlfdhh > .huyzbw { flex-direction:column;gap:45px; }
    .wrrpov { width:100%; }
    .ebpezl { font-size:8px;letter-spacing:1.5px;margin-bottom:22px; }
    h1 { font-size:36px;margin-bottom:23px;letter-spacing:-1px; }
    .bcrhjl { font-size:30px; }
    .lojrxu { font-size:14px;margin:25px 0 28px; }
    .baplzd { width:100%;padding:17px; }
    .nichjq { width:100%;padding:10px 8px;gap:5px;justify-content:center;font-size:8px; }
    .nichjq strong { font-size:9px; }
    .nichjq i { font-size:11px; }
    .ogjaef { justify-content:space-between;gap:9px;margin-top:29px; }
    .qjxvwg strong { font-size:24px; }
    .qjxvwg span { font-size:9px; }
    .faronz { width:100%; }
    .gtwuyz { gap:14px;padding:7px 4px; }
    .xcshho { width:218px;border-radius:29px;padding:8px;transform:rotate(-2deg); }
    .ppddqz { height:4px;width:45px;margin-bottom:9px; }
    .frylln { border-radius:20px;padding:15px 12px; }
    .prpkkl { font-size:10px; }
    .prpkkl i { font-size:16px; }
    .gairdp { margin-top:18px; }
    .gairdp strong { font-size:11px; }
    .gairdp span { font-size:7px; }
    .yqwdje strong { font-size:23px; }
    .yqwdje span { font-size:8px; }
    .yqwdje { gap:5px; }
    .tcniqh { height:95px;gap:5px;margin-top:8px; }
    .tcniqh span { width:8px; }
    .qhduzy { margin-top:15px;padding:11px; }
    .qhduzy > strong { font-size:18px; }
    .qhduzy p { font-size:8px; }
    .qhduzy > span { font-size:8px; }
    .kuuvea { gap:5px; }
    .kuuvea span { font-size:8px;padding:7px 1px; }
    .kpqito { font-size:16px;margin-top:15px; }
    .pyejuw { gap:11px; }
    .exyvjm span { font-size:6px;letter-spacing:0; }
    .exyvjm b { font-size:10px; }
    .ccqtut { padding:11px 9px;border-radius:16px; }
    .ccqtut > span { font-size:8px; }
    .ccqtut i { font-size:15px; }
    .ccqtut strong { font-size:10px;margin-top:6px; }
    .ccqtut p { font-size:8px;line-height:1.8;margin-top:4px; }
    .imqkkq { padding:15px 16px;gap:10px;margin-top:19px; }
    .imqkkq strong { font-size:12px; }
    .imqkkq small { font-size:9px; }
    .xdgmse { font-size:8px;line-height:1.8; }
    .vqvdoh { padding:58px 0; }
    .rzjner { margin-bottom:30px; }
    .rzjner > span { font-size:8px;letter-spacing:1px; }
    .rzjner p { font-size:25px; }
    .ihrraf { overflow-x:auto;scroll-snap-type:x mandatory;gap:15px;padding:3px 0 12px;scrollbar-width:none; }
    .ihrraf::-webkit-scrollbar { display:none; }
    .rhcvtv { width:76%;flex-shrink:0;scroll-snap-align:center; }
    .hfznqu { gap:16px; }
    .nkrdsf { width:100%;padding:23px; }
    .nkrdsf > div { margin-bottom:12px; }
    .apecfp { width:100%;padding:24px; }
    .tyszww { flex-direction:column;align-items:center;gap:32px; }
    .tyszww:before { top:8px;bottom:20px;left:50%;right:auto;width:1px;height:auto;background:linear-gradient(180deg,#618794,transparent); }
    .pisbzc { width:100%;background:#1e282b;padding-bottom:12px; }
    .jybzrh { margin-bottom:17px; }
    .pisbzc p { max-width:260px; }
    .kjgsxu { padding:18px 16px;gap:11px; }
    .kjgsxu strong { font-size:14px; }
    .rpncuc p { padding:0 22px 22px 48px;font-size:14px; }
    .ocyvzc { gap:16px; }
    .igcjtl { width:100%;padding:24px; }
    .igcjtl > strong { font-size:18px; }
    .ztgxbw { width:100%;padding:24px; }
    .kybncs { align-items:flex-start;gap:20px; }
    .kybncs a { font-size:23px; }
    .kybncs p { font-size:10px; }
    .olrwiw nav { gap:12px 19px;font-size:11px; }
}

/* 移动端头部：品牌左侧、菜单右侧，隐藏头部 CTA */
@media (max-width: 767px) {
        .jidcsx.ghkfcd { display: none !important; }
        .movsjh { margin-left: auto; }
}

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