* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 94px; }
body { margin: 0; background: #121a27; color: #edf0f4; font: 15px/1.8 "Microsoft YaHei", "PingFang SC", sans-serif; }
a { color: inherit; text-decoration: none; }
p { margin: 0; }
i { font-style: normal; }
img { max-width: 100%; display: block; }
::selection { background: #eab79d; color: #322b2a; }
.oheqsn { width: calc(100% - 48px); max-width: 1200px; margin: auto; }
.fopscy { position: sticky; top: 0; z-index: 20; background: rgba(18,26,39,.95); backdrop-filter: blur(18px); transition: box-shadow .25s; }
.jckgnw { box-shadow: 0 20px 40px -30px #000; }
.gurcai { min-height: 84px; display: flex; align-items: center; gap: 22px; }
.tqgtir { font-size: 22px; font-weight: 700; white-space: nowrap; flex-shrink: 0; }
.jcznyo { display: flex; flex: 1; min-width: 0; gap: 14px; overflow-x: auto; scrollbar-width: none; }
.jcznyo a { white-space: nowrap; flex-shrink: 0; color: #9ba9bd; font-size: 12px; }
.jcznyo a:hover, .doynhl a:hover { color: #eab79d; }
.pfazzr { cursor: pointer; transition: background .25s, transform .25s; }
.pfazzr:hover { transform: translateY(-3px); }
.pfazzr:focus-visible, .qyklvr:focus-visible, .qiryub:focus-visible { outline: 1px solid #eab79d; outline-offset: 5px; }
.wduatd { display: flex; align-items: center; justify-content: center; gap: 8px; background: #293448; color: #eab79d; padding: 10px 17px; border-radius: 999px; font-size: 12px; white-space: nowrap; flex-shrink: 0; }
.qiryub, .juawbx { display: none; }
.gtdhbl { overflow: hidden; background: radial-gradient(ellipse at 78% 45%,rgba(138,162,194,.09),transparent 55%); }
.dmrssl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 60px;
    padding-top: 60px;
    padding-bottom: 78px;
}
:where(.dmrssl) > * {
    flex: 1 1 calc((100% - 60px) / 2);
    min-width: 0;
}

.bnmwng { order: 1; min-width: 0; }
.nlheps { font: 10px Arial, sans-serif; color: #b58e79; letter-spacing: 2px; margin-bottom: 23px; }
h1 { font-size: 50px; line-height: 1.35; letter-spacing: -1.6px; margin: 0 0 21px; font-weight: 600; overflow-wrap: anywhere; }
.kicllk { font-size: 31px; line-height: 1.65; color: #d3dce8; }
.rwyonr { color: #8e9eb6; font-size: 14px; line-height: 2; max-width: 455px; margin-top: 20px; }
.mtynds { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 15px 29px; background: #eab79d; color: #3b2d29; font-weight: 700; border-radius: 999px; margin-top: 29px; }
.mtynds i { font-size: 21px; }
.mtynds:hover { background: #f4cfba; }
.vadhoy { display: flex; align-items: center; width: fit-content; max-width: 100%; white-space: nowrap; gap: 8px; border-radius: 999px; background: rgba(234,183,157,.05); padding: 10px 11px; margin-top: 15px; color: #bda08e; }
.vadhoy strong { font-size: 11px; }
.vadhoy small { font-size: 10px; }
.vadhoy > span { width: 1px; height: 12px; background: #5d4d48; }
.zqjhxe { display: flex; gap: 34px; margin-top: 36px; }
.zqjhxe > div { display: flex; flex-direction: column; }
.zqjhxe strong { font: 28px Arial, sans-serif; color: #d5deeb; }
.zqjhxe span { color: #7e8fa8; font-size: 10px; margin-top: 6px; }
.dvxmui { order: 2; position: relative; min-width: 0; width: 100%; max-width: 500px; padding: 20px 0 50px; margin: auto; }
.toblnq { position: absolute; width: 370px; height: 370px; border-radius: 50%; background: radial-gradient(circle,#29394f,rgba(41,57,79,0)); left: 0; top: 105px; }
.ztqnpg { position: relative; width: 286px; margin: 0 20px 0 auto; padding: 13px 15px 12px; border-radius: 36px; background: #1a2433; box-shadow: 0 24px 60px -30px #000, inset 0 0 0 1px rgba(202,214,229,.08); transform: rotate(6deg); }
.tppxnt { position: absolute; top: 11px; left: 50%; transform: translateX(-50%); width: 66px; height: 16px; border-radius: 999px; background: #0c121b; }
.mvebha { display: flex; align-items: center; justify-content: space-between; padding: 0 7px 18px; color: #a0aec2; font: 9px Arial, sans-serif; }
.mvebha i { font-size: 16px; }
.vdrlld { display: flex; justify-content: space-between; align-items: center; color: #cdd7e5; }
.vdrlld p { font-size: 15px; font-weight: 600; }
.vdrlld i { font-size: 18px; }
.jgbejd { display: flex; gap: 19px; font-size: 9px; padding: 21px 0 15px; color: #667a97; }
.jgbejd > span:first-child { color: #eab79d; }
.jgbejd b { display: inline-block; border-radius: 5px; background: #3e3434; padding: 0 4px; margin-left: 3px; font-weight: 400; }
.zumplu { display: flex; align-items: center; gap: 9px; padding-top: 17px; border-top: 1px solid rgba(197,213,235,.06); }
.zumplu > span { color: #dd9c8e; background: #3c2f34; border-radius: 6px; padding: 3px 6px; font-size: 8px; }
.zumplu strong { font: bold 12px Arial, sans-serif; }
.zumplu small { margin-left: auto; color: #778ca7; font-size: 8px; }
.qsbaii { padding: 20px 0 18px; }
.qsbaii > span { font-size: 8px; color: #6c809d; }
.qsbaii strong { display: block; font: 27px Arial, sans-serif; color: #d5deeb; margin-top: 5px; letter-spacing: -1px; }
.qsbaii small { font: 8px Arial, sans-serif; color: #768ca8; }
.vzurvn { display: flex; justify-content: space-between; gap: 12px; }
.vzurvn > div { display: flex; flex-direction: column; gap: 7px; }
.vzurvn span { color: #6d819c; font-size: 8px; }
.vzurvn b { color: #aebfd4; font: 11px Arial, sans-serif; }
.reqqhq { margin-top: 17px; height: 5px; border-radius: 999px; background: #2c3a50; overflow: hidden; }
.reqqhq > span { display: block; width: 72%; height: 100%; background: #eab79d; border-radius: inherit; }
.brghnk { display: flex; justify-content: space-between; color: #b78d78; font-size: 8px; margin-top: 7px; margin-bottom: 18px; }
.brghnk b { font: 9px Arial, sans-serif; }
.rmziyr { display: flex; gap: 8px; align-items: center; padding: 17px 0; border-top: 1px solid rgba(197,213,235,.06); }
.rmziyr > span:first-child { font-size: 7px; border-radius: 6px; padding: 4px 5px; }
.wrmhsx { color: #81b09e; background: #233b37; }
.xewxjs { color: #da9b8d; background: #3c2f34; }
.rmziyr > div { flex: 1; }
.rmziyr b { display: block; font: 10px Arial, sans-serif; color: #b4c4d8; }
.rmziyr small { font: 8px Arial, sans-serif; color: #677e9a; display: block; margin-top: 6px; }
.rmziyr > span:last-child { font-size: 7px; color: #8ca1bc; }
.vqypys { display: flex; justify-content: space-around; align-items: center; padding: 17px 0 3px; color: #596d89; border-top: 1px solid rgba(197,213,235,.06); font-size: 18px; }
.vqypys i:nth-child(3) { color: #eab79d; }
.litwgz { position: absolute; top: 90px; left: 0; padding: 17px 20px; background: #eab79d; color: #664939; border-radius: 23px; transform: rotate(-7deg); box-shadow: 0 25px 50px -32px #000; }
.litwgz > span { display: block; font-size: 10px; margin-bottom: 12px; }
.poynit { width: 118px; height: 118px; border-radius: 50%; padding: 7px; background: conic-gradient(#684d40 0deg 259.2deg,rgba(104,77,64,.13) 259.2deg 360deg); }
.poynit > div { display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%; border-radius: 50%; background: #eab79d; }
.poynit strong { font: 35px Arial, sans-serif; letter-spacing: -1px; }
.poynit small { font: 12px Arial, sans-serif; margin-left: 2px; }
.poynit span { font-size: 8px; color: #9f7960; }
.litwgz > p { font: 9px Arial, sans-serif; margin-top: 14px; color: #926d55; text-align: center; }
.nznfph { position: absolute; left: 13px; bottom: 59px; display: flex; align-items: center; gap: 11px; background: #dce4ee; color: #3b4b63; border-radius: 17px; padding: 17px 20px; box-shadow: 0 24px 45px -30px #000; transform: rotate(-4deg); }
.nznfph > i:first-child { font-size: 25px; color: #8194af; }
.nznfph p { font-size: 12px; font-weight: 600; }
.nznfph span { font-size: 8px; color: #8c9bb0; }
.nznfph > i:last-child { font-size: 17px; margin-left: 10px; }
.gujsuq { position: absolute; bottom: 4px; right: 20px; font-size: 8px; color: #61748f; }
.odhrmh { padding: 85px 0; }
.kfoujt { background: #182233; }
.exmhuw { text-align: center; margin-bottom: 44px; }
.exmhuw > span { display: inline-flex; align-items: center; justify-content: center; gap: 11px; font: 8px Arial, sans-serif; letter-spacing: 2px; color: #a7826d; }
.exmhuw > span::before, .exmhuw > span::after { content: ''; width: 18px; height: 1px; background: #6b564c; }
.exmhuw > p { font-size: 32px; font-weight: 600; margin-top: 12px; }
.iafzaa {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
}
:where(.iafzaa) > * {
    flex: 1 1 calc((100% - 66px) / 4);
    min-width: 0;
}

.ilygbm { min-width: 0; padding: 14px 14px 20px; border-radius: 21px; background: #202d40; transition: transform .25s; }
.ilygbm:hover, .iyzhkg:hover, .icvxzb:hover, .wcezvm:hover, .jwhpjf:hover { transform: translateY(-4px); }
.jwmsdx { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; color: #8f9eb3; }
.jwmsdx span { font: 8px monospace; letter-spacing: 1px; }
.jwmsdx i { font-size: 17px; color: #c2a08d; }
.mrsgih { padding: 4px; border-radius: 18px; background: #becbdb; }
.mrsgih img { width: 100%; height: auto; aspect-ratio: 9 / 16; object-fit: contain; border-radius: 15px; }
.ilygbm > p { font-size: 17px; margin-top: 16px; text-align: center; }
.ilygbm > small { display: block; font-size: 9px; color: #8a9bb3; margin-top: 6px; text-align: center; }
.rldpmk {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
}
:where(.rldpmk) > * {
    flex: 1 1 calc((100% - 56px) / 3);
    min-width: 0;
}

.iyzhkg { display: flex; align-items: flex-start; gap: 18px; padding: 23px 9px; min-width: 0; border-radius: 18px; transition: transform .25s; }
.iyzhkg > i { font-size: 30px; color: #cfa78f; line-height: 1.4; }
.iyzhkg > div { min-width: 0; }
.iyzhkg p { font-size: 18px; margin-bottom: 9px; }
.iyzhkg span { font-size: 13px; line-height: 1.95; color: #8c9eb8; }
.ulidsf {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
:where(.ulidsf) > * {
    flex: 1 1 calc((100% - 48px) / 3);
    min-width: 0;
}

.icvxzb { display: flex; flex-direction: column; min-width: 0; border-radius: 22px; overflow: hidden; background: #202c3f; transition: transform .25s; }
.rncqxd { display: flex; align-items: center; justify-content: space-between; background: #2c3a50; color: #98abc4; padding: 12px 24px; }
.rncqxd > span { font: 9px Arial, sans-serif; letter-spacing: 2px; }
.rncqxd small { font: 7px Arial, sans-serif; color: #647d9f; }
.wlrblc { display: flex; flex: 1; flex-direction: column; padding: 23px 24px 24px; }
.nhkxtp { display: flex; align-items: center; gap: 13px; }
.nhkxtp i { font-size: 30px; color: #d9b29a; }
.nhkxtp > p { font-size: 17px; font-weight: 500; }
.wkekgo { font-size: 12px; line-height: 1.95; color: #91a4be; margin: 16px 0 25px; }
.owiqdw { display: flex; align-items: center; justify-content: center; gap: 9px; background: #d9e3ef; color: #415771; padding: 11px 18px; border-radius: 999px; margin-top: auto; font-size: 13px; }
.owiqdw:hover { background: #eab79d; color: #5b4033; }
.cisofp {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
:where(.cisofp) > * {
    flex: 1 1 calc(100% / 4);
    min-width: 0;
}

.etyibd { position: relative; padding: 0 22px; }
.etyibd::before { content: ''; position: absolute; top: 12px; left: 50%; width: 100%; height: 1px; background: linear-gradient(90deg,#a98973,rgba(169,137,115,.05)); }
.etyibd:last-child::before { display: none; }
.xbycah { position: relative; width: 25px; height: 25px; padding: 8px; border-radius: 50%; background: #3a3a41; margin: auto; }
.xbycah span { width: 100%; height: 100%; border-radius: 50%; background: #eab79d; display: block; }
.etyibd > small { display: block; font: 9px monospace; letter-spacing: 2px; color: #ab8972; margin-top: 24px; }
.etyibd > p { font-size: 18px; margin: 10px 0; }
.etyibd > div:last-child { font-size: 13px; line-height: 1.95; color: #91a0b8; max-width: 230px; margin: auto; }
.oquhct { max-width: 810px; margin: auto; }
.fcohqs { border-bottom: 1px solid rgba(205,218,235,.07); }
.qyklvr { display: flex; align-items: center; gap: 15px; padding: 24px 6px; cursor: pointer; }
.qyklvr > i { font-size: 19px; color: #6c809e; }
.qyklvr > p { min-width: 0; flex: 1; font-size: 15px; }
.qyklvr > span { display: flex; align-items: center; justify-content: center; width: 27px; height: 27px; border-radius: 50%; background: #253248; color: #ad927f; flex-shrink: 0; }
.qyklvr > span i { font-size: 18px; transition: transform .25s; }
.urevhu .qyklvr > span { background: #eab79d; color: #533b2f; }
.urevhu .qyklvr > span i { transform: rotate(45deg); }
.urevhu .qyklvr > p { color: #e2bca5; }
.ujwuhw {
    display: block;
    max-height: 0;
    overflow: hidden;
    transition: max-height .25s;
}
.ujwuhw > div { min-height: 0; overflow: hidden; }
.ujwuhw p { position: relative; padding: 0 42px; font-size: 13px; line-height: 2; color: #92a1b8; transition: padding .25s; }
.ujwuhw p::before { content: ''; position: absolute; left: 9px; top: 7px; bottom: 27px; width: 2px; border-radius: 999px; background: #b08f79; }
.urevhu .ujwuhw {
    max-height: 800px;
}
.urevhu .ujwuhw p { padding-bottom: 26px; }
.slyjva {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
:where(.slyjva) > * {
    flex: 1 1 calc((100% - 24px) / 2);
    min-width: 0;
}

.wcezvm { min-width: 0; display: flex; flex-direction: column; padding: 25px; border-radius: 20px; background: #233047; transition: transform .25s; }
.nbdwmw { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 19px; margin-bottom: 18px; border-bottom: 1px solid rgba(205,218,235,.07); }
.nbdwmw small { font: 9px monospace; color: #8ca0bd; }
.fytefr time { font: 10px monospace; }
.nbdwmw > span { font-size: 9px; color: #d5ad95; padding: 3px 9px; background: #3d3c46; border-radius: 999px; }
.wcezvm > p { font-size: 18px; line-height: 1.7; margin-bottom: 11px; }
.pqyknv { color: #92a5c1; font-size: 13px; line-height: 1.95; margin-bottom: 24px; }
.fytefr { display: flex; align-items: center; justify-content: space-between; margin-top: auto; color: #7890b1; font-size: 9px; }
.fytefr > i { font-size: 21px; color: #c9a88e; }
.sgztgp {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
:where(.sgztgp) > * {
    flex: 1 1 calc((100% - 48px) / 3);
    min-width: 0;
}

.jwhpjf { min-width: 0; display: flex; flex-direction: column; padding: 25px; background: #dce3ed; color: #3b4b63; border-radius: 21px; transition: transform .25s; }
.shazly { display: flex; align-items: center; gap: 4px; font-size: 12px; color: #ac876d; }
.shazly span { margin-left: auto; font: 24px Georgia, serif; color: #a6b1c1; }
.jwhpjf > p { font-size: 13px; line-height: 2; color: #71819a; margin: 18px 0 24px; }
.iwoumq { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; padding-top: 15px; border-top: 1px solid rgba(59,75,99,.07); margin-top: auto; }
.iwoumq > span { font-size: 12px; color: #61728d; }
.iwoumq > time { font: 9px monospace; color: #92a0b4; }
.yvqtru { background: #0c1320; padding: 48px 0 26px; }
.qlhjqs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 35px;
}
:where(.qlhjqs) > *:nth-child(1) {
    flex: 1.1 1 calc((100% - 70px) * 1.1 / 2.1);
    min-width: 0;
}

:where(.qlhjqs) > *:nth-child(2) {
    flex: 1 1 calc((100% - 70px) * 1 / 2.1);
    min-width: 0;
}

:where(.qlhjqs) > *:nth-child(3) {
    flex: 0 1 auto;
    min-width: 0;
}

.uojxbt { font-size: 26px; font-weight: 600; }
.qlhjqs > div:first-child p { color: #667d9c; font-size: 12px; margin-top: 9px; }
.doynhl {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 19px;
    color: #8c9eb9;
    font-size: 11px;
}
:where(.doynhl) > * {
    flex: 1 1 auto;
    min-width: 0;
}

.doynhl a { white-space: nowrap; }
.jymcnx { display: flex; align-items: center; justify-content: center; gap: 9px; padding: 13px 23px; border-radius: 999px; background: #333440; color: #d1ae97; white-space: nowrap; }
.tlsvxn { grid-column: 1 / -1; padding-top: 23px; border-top: 1px solid rgba(205,218,235,.06); color: #506987; font-size: 10px; }
@media (max-width: 767px) {
    html { scroll-padding-top: 78px; }
    .oheqsn { width: calc(100% - 32px); }
    .gurcai { min-height: 72px; gap: 10px; }
    .tqgtir { font-size: 18px; margin-right: auto; letter-spacing: -.5px; }
    .jcznyo { display: none; }
    .wduatd { font-size: 10px; padding: 8px 10px; }
    .wduatd i { display: none; }
    .qiryub { display: flex; font-size: 21px; cursor: pointer; }
    .juawbx {
    display: none;
    gap: 8px;
    padding: 8px 16px 17px;
    }
    :where(.juawbx) > * {
        flex: 1 1 calc((100% - 8px) / 2);
    }

    .juawbx.byatkj {
    display: flex;
    flex-wrap: wrap;
    }
    :where(.juawbx.byatkj) > * {
        flex: 1 1 100%;
        min-width: 0;
    }

    .juawbx a { padding: 8px 12px; background: #243249; border-radius: 11px; font-size: 12px; }
    .dmrssl {
    gap: 40px;
    padding-top: 40px;
    padding-bottom: 43px;
    }
    :where(.dmrssl) > * {
        flex: 1 1 100%;
    }

    .nlheps { font-size: 8px; letter-spacing: 1px; margin-bottom: 18px; }
    h1 { font-size: 36px; letter-spacing: -1.5px; }
    .kicllk { font-size: 28px; }
    .rwyonr { margin-top: 16px; }
    .mtynds { width: 100%; padding: 14px 18px; }
    .vadhoy { width: 100%; gap: 5px; justify-content: center; padding: 10px 6px; }
    .vadhoy strong { font-size: 10px; }
    .vadhoy small { font-size: 9px; }
    .vadhoy i { font-size: 14px; }
    .zqjhxe { justify-content: space-between; gap: 10px; margin-top: 29px; }
    .zqjhxe strong { font-size: 24px; }
    .zqjhxe span { font-size: 9px; }
    .dvxmui { max-width: 355px; padding-bottom: 60px; }
    .toblnq { width: 290px; height: 290px; left: 0; }
    .ztqnpg { width: 251px; margin-right: 8px; padding: 13px 13px 12px; transform: rotate(4deg); }
    .litwgz { top: 98px; left: 0; padding: 13px; border-radius: 19px; transform: rotate(-5deg); }
    .poynit { width: 87px; height: 87px; padding: 5px; }
    .poynit strong { font-size: 28px; }
    .litwgz > span { font-size: 8px; }
    .litwgz > p { font-size: 7px; margin-top: 10px; }
    .qsbaii strong { font-size: 25px; }
    .nznfph { left: 2px; bottom: 55px; padding: 14px 16px; gap: 8px; }
    .nznfph p { font-size: 11px; }
    .gujsuq { right: 10px; font-size: 7px; bottom: 10px; }
    .odhrmh { padding: 53px 0; }
    .exmhuw { margin-bottom: 31px; }
    .exmhuw > p { font-size: 26px; }
    .exmhuw > span { font-size: 7px; letter-spacing: 1px; }
    .iafzaa { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 16px; padding-bottom: 5px; scrollbar-width: none;
    flex-wrap: nowrap;
    }
    .iafzaa::-webkit-scrollbar { display: none; }
    .ilygbm { flex: 0 0 76%; scroll-snap-align: start; }
    .rldpmk, .ulidsf, .cisofp, .slyjva, .sgztgp {
    gap: 22px;
    }
    :where(.rldpmk) > * {
        flex: 1 1 100%;
    }

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

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

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

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

    .iyzhkg { padding: 20px 8px; }
    .cisofp { gap: 35px; }
    .etyibd { padding-bottom: 20px; }
    .etyibd::before { top: 23px; width: 1px; height: calc(100% + 7px); background: linear-gradient(#a98973,transparent); }
    .etyibd > small, .etyibd > p, .etyibd > div:last-child { position: relative; background: #182233; }
    .qyklvr { gap: 10px; padding: 23px 0; }
    .qyklvr > p { font-size: 13px; }
    .ujwuhw p { padding-left: 30px; padding-right: 9px; }
    .ujwuhw p::before { left: 5px; }
    .wcezvm { padding: 24px; }
    .wcezvm > p { font-size: 17px; }
    .qlhjqs {
    gap: 29px;
    }
    :where(.qlhjqs) > *:nth-child(1) {
        flex: 1 1 100%;
        min-width: 0;
    }

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

    :where(.qlhjqs) > *:nth-child(3) {
        flex: 1 1 100%;
        min-width: 0;
    }

    .doynhl {
    font-size: 12px;
    }
    :where(.doynhl) > * {
        flex: 1 1 calc(100% / 2);
    }

    .jymcnx { width: 100%; }
}

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

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