* {
    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;
}

.vrql {
    max-width:1200px;
    width:calc(100% - 48px);
    margin:0 auto;
}

.lckl {
    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;
}

.lckl .vrql {
    display:flex;
    align-items:center;
    gap:25px;
    min-height:88px;
}

.fmvi {
    font-size:25px;
    font-weight:700;
    white-space:nowrap;
    letter-spacing:-1px;
}

.aike {
    display:flex;
    align-items:center;
    gap:17px;
    flex:1;
}

.aike a {
    font-size:12px;
    color:#9eb2b8;
    transition:color .25s;
}

nav a:hover {
    color:#add5e2;
}

.ydzz {
    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;
}

.ydzz:hover, .odht:hover, .pbgf:hover {
    transform:translateY(-3px);
    background:#c1dfe9;
}

.jzgv {
    display:none;
    background:none;
    border:0;
    padding:0;
}

.yvgw {
    display:none;
}

.ukne {
    padding:64px 0 80px;
    background:radial-gradient(ellipse at 78% 45%,#2d4148 0,transparent 54%),linear-gradient(125deg,#192124,#1d272b);
}

.ukne > .vrql {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:52px;
}

.bqqi {
    width:calc(50% - 26px);
    flex-shrink:0;
}

.wqdj {
    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;
}

.ccpx {
    font-size:40px;
    line-height:1.55;
    font-weight:500;
    color:#b1d7e3;
    letter-spacing:-1px;
}

.srui {
    color:#a3b6bc;
    line-height:2;
    margin:28px 0 31px;
    font-size:15px;
}

.odht {
    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;
}

.odht i {
    font-size:22px;
}

.qsvu {
    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;
}

.qsvu strong {
    font-size:10px;
    color:#badae5;
}

.qsvu b {
    width:1px;
    height:12px;
    background:#7ba9b8;
    opacity:.3;
}

.wigd {
    display:flex;
    gap:28px;
    margin-top:38px;
}

.odio {
    display:flex;
    flex-direction:column;
    gap:7px;
}

.odio strong {
    font-size:27px;
    font-weight:500;
    line-height:1.4;
}

.odio span {
    font-size:10px;
    color:#869fa8;
}

.lqki {
    width:calc(50% - 26px);
    flex-shrink:0;
}

.iqcy {
    display:flex;
    align-items:center;
    gap:22px;
    padding:12px 3px 8px;
}

.bmpm {
    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);
}

.gprv {
    width:62px;
    height:5px;
    background:#3c4d53;
    border-radius:999px;
    margin:2px auto 12px;
}

.kjsk {
    background:#e1e7e9;
    border-radius:23px;
    padding:18px 17px;
    color:#263338;
}

.pkdf {
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:12px;
}

.pkdf i {
    font-size:20px;
}

.wpco {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:24px;
}

.wpco strong {
    font-size:15px;
}

.wpco span {
    font-size:9px;
    color:#7e99a2;
}

.sgcs {
    display:flex;
    align-items:baseline;
    gap:10px;
    margin-top:9px;
}

.sgcs strong {
    font-size:29px;
    font-weight:500;
    letter-spacing:-1px;
}

.sgcs span {
    font-size:10px;
    color:#5aa6bf;
}

.ujow {
    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;
}

.ujow span {
    display:flex;
    align-items:center;
    justify-content:center;
    width:10px;
    background:#6fb5cc;
    border-radius:2px;
    position:relative;
    min-height:8px;
}

.ujow b {
    height:calc(100% + 12px);
    width:1px;
    background:inherit;
    position:absolute;
}

.qbrs {
    display:flex;
    justify-content:space-between;
    font-size:8px;
    color:#7d98a1;
    margin-top:3px;
}

.dczm {
    border-radius:17px;
    background:#c7d8de;
    padding:14px;
    margin-top:21px;
}

.dczm > span {
    display:block;
    font-size:9px;
    color:#64818b;
}

.dczm > strong {
    display:block;
    font-size:21px;
    font-weight:500;
    margin-top:5px;
}

.dczm small {
    font-size:9px;
    font-weight:400;
}

.dczm p {
    display:flex;
    justify-content:space-between;
    margin-top:9px;
    font-size:10px;
}

.dczm b {
    font-weight:500;
}

.ajla {
    display:flex;
    gap:8px;
    margin-top:13px;
}

.ajla span {
    width:50%;
    text-align:center;
    border-radius:999px;
    font-size:10px;
    background:#75b8ce;
    color:#f6f8f8;
    padding:9px 2px;
}

.ajla span + span {
    background:#6e8c96;
}

.aljc {
    display:flex;
    justify-content:space-around;
    font-size:18px;
    color:#7e98a1;
    margin-top:21px;
}

.nuyy {
    flex:1;
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:14px;
}

.rewm {
    display:flex;
    flex-direction:column;
    gap:6px;
    margin-bottom:4px;
}

.rewm span {
    font-size:8px;
    letter-spacing:1px;
    color:#80b4c5;
}

.rewm b {
    font-size:14px;
    font-weight:500;
}

.wmly {
    background:rgba(139,197,216,.09);
    border-radius:20px;
    padding:15px 16px;
    position:relative;
}

.wmly > span {
    font-size:10px;
    color:#739caa;
}

.wmly i {
    float:right;
    font-size:20px;
    color:#96c9da;
}

.wmly strong {
    display:block;
    font-size:13px;
    font-weight:500;
    margin-top:9px;
    white-space:nowrap;
}

.wmly p {
    font-size:10px;
    color:#87a1a9;
    margin-top:5px;
    line-height:1.7;
}

.cvtk {
    display:flex;
    align-items:center;
    gap:15px;
    background:#2b3a3f;
    border-radius:20px;
    padding:17px 21px;
    margin-top:23px;
}

.cvtk > i {
    font-size:25px;
    color:#a0cede;
}

.cvtk > i:last-child {
    margin-left:auto;
    font-size:21px;
}

.cvtk span {
    display:flex;
    flex-direction:column;
    gap:2px;
}

.cvtk strong {
    font-size:13px;
    font-weight:500;
}

.cvtk small {
    font-size:10px;
    color:#8aa7b0;
}

.qkwc {
    font-size:9px;
    color:#698892;
    text-align:center;
    margin-top:14px;
}

.fkti {
    padding:84px 0;
    scroll-margin-top:10px;
}

.fkti:nth-of-type(odd) {
    background:#1e282b;
}

.dahx {
    text-align:center;
    margin-bottom:42px;
}

.dahx > span {
    font-size:9px;
    letter-spacing:2px;
    color:#77a0ad;
}

.dahx p {
    font-size:32px;
    line-height:1.5;
    margin-top:10px;
}

.dahx p:after {
    content:"";
    display:block;
    width:32px;
    height:3px;
    border-radius:999px;
    background:#7fb3c4;
    margin:18px auto 0;
}

.xfuu {
    display:flex;
    gap:20px;
}

.rngo {
    width:calc((100% - 60px)/4);
    background:#29383d;
    border-radius:21px;
    padding:13px;
    transition:transform .25s;
}

.rngo img {
    width:100%;
    height:auto;
    display:block;
    border-radius:15px;
}

.rngo > div {
    display:flex;
    align-items:center;
    gap:12px;
    padding:17px 4px 6px;
}

.rngo span {
    font-size:10px;
    color:#74a0af;
}

.rngo strong {
    font-size:14px;
    font-weight:500;
}

.caqs {
    display:flex;
    flex-wrap:wrap;
    gap:22px;
}

.muiw {
    width:calc((100% - 44px)/3);
    background:#232f33;
    border-radius:20px;
    padding:25px 28px;
    transition:transform .25s;
}

.muiw > div {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:22px;
}

.muiw span {
    font-size:9px;
    letter-spacing:1px;
    color:#6a8892;
}

.muiw i {
    font-size:28px;
    color:#88c2d5;
}

.muiw > strong {
    font-size:20px;
    font-weight:500;
}

.muiw p {
    font-size:14px;
    color:#91a8af;
    margin-top:13px;
    line-height:1.9;
}

.rzkn {
    display:flex;
    flex-direction:column;
    width:calc((100% - 44px)/3);
    background:#263439;
    border-radius:22px;
    padding:25px 28px;
    transition:transform .25s;
}

.gsug {
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:20px;
}

.gsug i {
    display:flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    border-radius:15px;
    background:#395159;
    color:#a1cfde;
    font-size:26px;
}

.gsug span {
    font-size:10px;
    letter-spacing:2px;
    color:#7fa8b6;
}

.rzkn > strong {
    font-size:20px;
    font-weight:500;
}

.rzkn > p {
    font-size:14px;
    color:#90a9b1;
    margin:13px 0 25px;
    line-height:1.9;
    flex:1;
}

.pbgf {
    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;
}

.rngo:hover, .muiw:hover, .rzkn:hover, .pzbc:hover, .tvno:hover {
    transform:translateY(-4px);
}

.cich {
    display:flex;
    gap:24px;
    position:relative;
}

.cich:before {
    content:"";
    position:absolute;
    top:8px;
    left:12%;
    right:12%;
    height:1px;
    background:linear-gradient(90deg,transparent,#618794,transparent);
}

.gdhi {
    display:flex;
    flex-direction:column;
    align-items:center;
    width:calc((100% - 72px)/4);
    text-align:center;
    position:relative;
}

.onze {
    width:17px;
    height:17px;
    border-radius:50%;
    background:#7fb2c3;
    box-shadow:0 0 0 7px #202c30;
    margin-bottom:26px;
}

.gdhi > span {
    font-size:13px;
    color:#72a3b3;
    letter-spacing:2px;
    margin-bottom:8px;
}

.gdhi strong {
    font-size:20px;
    font-weight:500;
}

.gdhi p {
    font-size:14px;
    color:#8ea6ae;
    line-height:1.9;
    margin-top:12px;
    max-width:230px;
}

.deds {
    max-width:800px;
    margin:auto;
    display:flex;
    flex-direction:column;
    gap:12px;
}

.tsrg {
    background:#263337;
    border-radius:20px;
    overflow:hidden;
}

.dywd {
    display:flex;
    align-items:center;
    gap:16px;
    width:100%;
    padding:21px 24px;
    background:none;
    border:0;
    text-align:left;
}

.dywd > span {
    color:#84b9cb;
    font-size:22px;
    display:flex;
}

.dywd strong {
    font-weight:500;
    flex:1;
    font-size:15px;
}

.dywd > i {
    font-size:22px;
    color:#6f9ead;
    transition:transform .25s;
}

.ysfa {
    display:flex;
    flex-direction:column;
    max-height:0;
    opacity:0;
    transition:max-height .25s,opacity .25s;
}

.ysfa p {
    font-size:14px;
    color:#96b0b8;
    line-height:2;
    padding:0 28px 25px 62px;
}

.pdap .ysfa {
    max-height:350px;
    opacity:1;
}

.pdap .dywd > i {
    transform:rotate(180deg);
}

.rabc {
    display:flex;
    flex-wrap:wrap;
    gap:22px;
}

.pzbc {
    width:calc((100% - 22px)/2);
    padding:28px;
    background:#cfdade;
    color:#29383d;
    border-radius:22px;
    display:flex;
    flex-direction:column;
    transition:transform .25s;
}

.pzbc > div {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:20px;
}

.pzbc > div span {
    font-size:10px;
    background:#abc2c9;
    border-radius:999px;
    padding:3px 12px;
    color:#4b6a75;
}

.pzbc i {
    font-size:24px;
    color:#658e9b;
}

.pzbc > strong {
    font-size:20px;
    font-weight:500;
    line-height:1.7;
}

.pzbc > p {
    font-size:14px;
    line-height:1.9;
    color:#65828b;
    margin:12px 0 25px;
}

.pzbc 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;
}

.tvno {
    width:calc((100% - 44px)/3);
    padding:27px 28px;
    background:#222e32;
    border-radius:21px;
    display:flex;
    flex-direction:column;
    transition:transform .25s;
}

.tvno > i {
    font-size:27px;
    color:#6aa7bb;
    line-height:1;
    margin-bottom:13px;
}

.tvno > strong {
    font-size:16px;
    font-weight:500;
    color:#add3df;
}

.tvno > p {
    font-size:14px;
    color:#96aeb6;
    line-height:2;
    margin:13px 0 23px;
}

.tvno footer {
    margin-top:auto;
    display:flex;
    flex-direction:column;
    gap:6px;
    font-size:10px;
    color:#67848e;
}

.tvno footer span {
    font-size:12px;
    color:#8aadb8;
}

.gnfw {
    background:#131a1d;
    padding:44px 0 24px;
}

.cgqg {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:30px;
}

.cgqg a {
    font-size:28px;
    font-weight:700;
}

.cgqg p {
    font-size:12px;
    color:#708e98;
    margin-top:5px;
}

.gnfw 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;
}

.gnfw .vrql > p {
    text-align:center;
    font-size:10px;
    color:#556d75;
    margin-top:20px;
}

@media (max-width: 767px) {
    html 
    .vrql 
    .lckl .vrql 
    .fmvi 
    .aike 
    .ydzz 
    .lckl .ydzz i 
    .jzgv 
    
    .yvgw 
    .yvgw.ljgcbd 
    .yvgw a 
    .ukne 
    .ukne > .vrql 
    .bqqi 
    .wqdj 
    h1 
    .ccpx 
    .srui 
    .odht 
    .qsvu 
    .qsvu strong 
    .qsvu i 
    .wigd 
    .odio strong 
    .odio span 
    .lqki 
    .iqcy 
    .bmpm 
    .gprv 
    .kjsk 
    .pkdf 
    .pkdf i 
    .wpco 
    .wpco strong 
    .wpco span 
    .sgcs strong 
    .sgcs span 
    .sgcs 
    .ujow 
    .ujow span 
    .dczm 
    .dczm > strong 
    .dczm p 
    .dczm > span 
    .ajla 
    .ajla span 
    .aljc 
    .nuyy 
    .rewm span 
    .rewm b 
    .wmly 
    .wmly > span 
    .wmly i 
    .wmly strong 
    .wmly p 
    .cvtk 
    .cvtk strong 
    .cvtk small 
    .qkwc 
    .fkti 
    .dahx 
    .dahx > span 
    .dahx p 
    .xfuu 
    .xfuu::-webkit-scrollbar 
    .rngo 
    .caqs 
    .muiw 
    .muiw > div 
    .rzkn 
    .cich 
    .cich:before 
    .gdhi 
    .onze 
    .gdhi p 
    .dywd 
    .dywd strong 
    .ysfa p 
    .rabc 
    .pzbc 
    .pzbc > strong 
    .tvno 
    .cgqg 
    .cgqg a 
    .cgqg p 
    .gnfw nav 
}
.blenz{display:flex;gap:22px;align-items:stretch;width:100%}.blenz>.blenz{width:58%;background:#2b3a3f;border-radius:28px;padding:26px;box-shadow:0 24px 50px -32px #000}.yptptq,.uark{display:flex;justify-content:space-between;align-items:center;color:#8fb8c4;font-size:10px;letter-spacing:1.5px}.yptptq i{font-size:18px}.total{margin:34px 0 30px;display:flex;flex-direction:column;gap:5px}.total small{color:#a8c0c5;font-size:11px}.total strong{color:#e2edf0;font-size:36px;font-weight:500}.total span{color:#8ed1c2;font-size:12px}.total em{color:#90aab0;font-style:normal;margin-left:7px}.bars{display:flex;flex-direction:column;gap:16px;padding:22px 0;border-top:1px solid rgba(210,240,244,.1);border-bottom:1px solid rgba(210,240,244,.1)}.bars div{display:flex;align-items:center;gap:10px;font-size:11px}.bars span{width:10px;height:10px;border-radius:50%;background:#a0cede}.bars b{width:72px;color:#dce9eb;font-weight:500}.bars em{margin-left:auto;color:#9cb7bd;font-style:normal}.barone{background:#a0cede!important}.bartwo{background:#76b9b2!important}.xuvyqc{background:#d4c78e!important}.ddugo{background:#8299aa!important}.uark{margin-top:20px;letter-spacing:0;color:#94b1b8}.uark span{display:flex;gap:6px;align-items:center}.uark i{color:#a0cede;font-size:15px}.uvihn{flex:1;display:flex;flex-direction:column;gap:13px}.fjzn{display:flex;flex-direction:column;gap:4px;margin:5px 0 8px 7px}.fjzn span{font-size:8px;color:#8cb9c7;letter-spacing:1.5px}.fjzn strong{font-size:16px;font-weight:500;color:#d8e8eb}.vhvf{flex:1;background:#223238;border-radius:18px;padding:17px 16px;display:flex;align-items:center;gap:10px}.vhvf>i{color:#a0cede;font-size:23px}.vhvf span{display:flex;flex-direction:column;gap:2px;color:#8eaab2;font-size:10px}.vhvf span strong{color:#e0eaec;font-size:14px;font-weight:500}.vhvf em{margin-left:auto;color:#8bd0c2;font-style:normal;font-size:10px;white-space:nowrap}@media (max-width:767px){.assetdash.assetdash>.assetdash.total.total strong.bars.statusstack.statusintro.statuscard}

/* exchange Hero dashboard alignment */
.lqki{display:flex;gap:22px;align-items:stretch;width:100%}
.lqki>.blenz{display:flex;flex-direction:column;width:58%;background:#2b3a3f;border-radius:28px;padding:26px;box-shadow:0 24px 50px -32px #000}
.lqki>.blenz .yptptq,.lqki>.blenz .uark{display:flex;justify-content:space-between;align-items:center}
.lqki>.blenz .total{margin:34px 0 30px}
.lqki>.blenz .bars{display:flex;flex-direction:column}
.lqki>.uvihn{width:42%;flex:0 0 42%}
@media (max-width:767px){.lqki.lqki>.assetdash.lqki>.statusstack}

.lqki>.blenz{width:55%}.lqki>.uvihn{width:auto;flex:1 1 0;min-width:0}
@media (max-width:767px){.lqki>.assetdash.lqki>.statusstack}
@media (min-width:768px){.lqki}
@media (max-width:767px){.lqki}

/* 移动端头部：品牌左侧、菜单右侧，隐藏头部 CTA */
@media (max-width: 767px) {
        .jidcsx.jvkv 
        .jzgv 
}

/* 全局横向裁剪 */
html, body {
    overflow-x: hidden;
}

/* CTA 字号与手型光标 */
.jidcsx.jvkv {
    font-size: 14px;
    cursor: pointer;
}
.baplzd.jvkv {
    font-size: 14px;
    cursor: pointer;
}
