*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:#08121c;color:#e5f1f2;font:15px/1.7 Arial,"Microsoft YaHei",sans-serif}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
.vaxori{position:sticky;top:0;z-index:30;background:rgba(8,18,28,.92);backdrop-filter:blur(17px);border-bottom:1px solid rgba(143,211,222,.12)}
.qunelo{max-width:1240px;min-height:82px;margin:auto;padding:0 22px;display:flex;align-items:center;gap:29px}
.selvix{font-size:22px;font-weight:700;letter-spacing:-.6px;white-space:nowrap}
.marivo{display:flex;flex-wrap:wrap;gap:3px 19px;margin-left:auto}
.marivo a{font-size:12px;color:#89a4ad;white-space:nowrap}
.marivo a:hover{color:#91e2de}
.dorexi{display:flex;align-items:center;gap:9px;padding:10px 18px;border:1px solid rgba(113,213,222,.4);border-radius:10px;background:#102a3b;color:#dbf7f5;font-size:12px;white-space:nowrap;cursor:pointer}
.dorexi:hover{background:#17384d;border-color:#8be8e2}
.nuvexo{display:none;border:0;background:none;color:#def1f2}
.nuvexo i{font-size:22px}
.sarevo{position:relative;overflow:hidden;background:#08121c}
.sarevo:before{content:"";position:absolute;width:670px;height:670px;border:1px solid rgba(93,196,212,.13);border-radius:50%;right:-260px;top:-240px;box-shadow:0 0 0 52px rgba(93,196,212,.035),0 0 0 105px rgba(93,196,212,.018)}
.tavelo{max-width:1200px;min-height:630px;margin:auto;padding:88px 580px 77px 0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;z-index:1}
.qirexa{display:flex;align-items:center;gap:10px;color:#82c8cf;font-size:9px;letter-spacing:2px}
.qirexa span{width:24px;height:3px;border-radius:99px;background:#9be17d}
.tavelo h1{font-size:55px;line-height:1.24;letter-spacing:-2px;margin:24px 0 21px}
.tavelo h1 em{font-style:normal;color:#7fe0db}
.virexa{max-width:520px;margin:0;color:#9db7bf;line-height:2;font-size:15px}
.qavelo{width:250px;margin-top:29px;padding:15px 20px;display:flex;justify-content:center;align-items:center;gap:11px;border-radius:12px;background:#9bdf78;color:#10231d;font-weight:700;cursor:pointer}
.qavelo:hover{background:#b1ee91}
.furexa{display:flex;align-items:center;gap:11px;margin-top:17px;padding:8px 12px;border:1px solid rgba(155,223,120,.26);border-radius:999px;background:rgba(16,45,56,.72);color:#b7cbd0;font-size:11px}
.furexa i{color:#9be17d;font-size:15px}
.furexa strong{color:#caf09f}
.furexa span{width:1px;height:15px;background:rgba(203,232,228,.24)}
.furexa small{font-size:10px}
.sovira{display:flex;gap:29px;margin-top:32px}
.sovira div{display:flex;flex-direction:column}
.sovira b{font-size:20px;color:#e4f3f3}
.sovira small{margin-top:3px;color:#809da7;font-size:10px}
.korexa{position:absolute;z-index:2;right:calc((100% - 1200px) / 2);top:108px;width:505px;height:472px}
.gtdij{position:absolute;right:0;top:0;width:440px;height:354px;padding:23px 24px;border:1px solid rgba(121,212,219,.22);border-radius:24px;background:linear-gradient(145deg,#102e40,#0b1b29);box-shadow:0 28px 68px rgba(0,0,0,.28)}
.wqlzq{display:flex;align-items:center;justify-content:space-between;color:#87a9b3;font-size:9px;letter-spacing:1.6px}
.wqlzq b{padding:5px 8px;border-radius:999px;background:rgba(155,223,120,.15);color:#b6eb9b;font-size:8px;letter-spacing:.8px}
.xmjmv{display:flex;align-items:center;gap:22px;margin-top:20px}
.dial{position:relative;width:142px;height:142px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:conic-gradient(#9bdf78 0 84%,rgba(153,206,214,.12) 84% 100%);box-shadow:0 0 0 11px rgba(155,223,120,.05)}
.dial:before{content:"";position:absolute;inset:11px;border-radius:50%;background:#0d2535}
.hcitr{position:relative;display:flex;flex-direction:column;align-items:center}
.hcitr small{color:#7fa2ab;font-size:9px}
.hcitr strong{margin-top:2px;color:#e4f7f3;font-size:34px;line-height:1}
.hcitr span{margin-top:5px;color:#a9cfcd;font-size:9px}
.wymc{display:flex;flex-direction:column}
.wymc small{color:#7c9da7;font-size:9px}
.wymc strong{margin-top:5px;color:#e5f3f2;font-size:17px}
.wymc p{margin:7px 0 0;color:#88a7b0;font-size:10px;line-height:1.6}
.ryfvs{display:flex;gap:13px;margin-top:22px}
.ryfvs>div{flex:1;display:flex;flex-direction:column}
.ryfvs span{color:#789aa4;font-size:8px}
.ryfvs b{margin-top:3px;color:#d4efee;font-size:12px}
.ryfvs i{height:4px;margin-top:7px;border-radius:99px;background:#1b3a49;overflow:hidden}
.ryfvs em{display:block;height:100%;border-radius:99px;background:#84d9d3}
.rhnn{display:flex;justify-content:space-between;align-items:center;margin-top:21px;padding-top:15px;border-top:1px solid rgba(137,211,216,.13);color:#b8dfdb;font-size:10px}
.rhnn span{display:flex;align-items:center;gap:6px}
.rhnn i{color:#9be17d;font-size:15px}
.rhnn small{color:#75939e;font-size:9px}
.vnyltq{position:absolute;left:0;bottom:25px;width:208px;padding:16px 18px;border:1px solid rgba(154,223,120,.23);border-radius:16px;background:#0d2939;box-shadow:0 17px 34px rgba(0,0,0,.22)}
.vnyltq span{display:block;color:#9be17d;font-size:8px;letter-spacing:1.6px}
.vnyltq strong{display:block;margin-top:5px;color:#e2f1f1;font-size:16px}
.vnyltq small{display:block;margin-top:5px;color:#83a4ad;font-size:9px}
.vdhhf{position:absolute;right:7px;bottom:0;display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid rgba(125,213,214,.2);border-radius:12px;background:#112d3d}
.vdhhf>i{color:#9bdf78;font-size:19px}
.vdhhf span{display:flex;flex-direction:column}
.vdhhf b{color:#ccebe8;font-size:10px}
.vdhhf small{color:#7899a4;font-size:8px}
.xurelo{max-width:1200px;margin:auto;padding:17px 0;display:flex;align-items:center;gap:14px;color:#70919d;font-size:8px;letter-spacing:1.6px}
.xurelo i{color:#9be17d;font-size:15px}
.xurelo small{margin-left:auto;color:#4c6975;font-size:7px;letter-spacing:1px}
.bybkly{max-width:1240px;margin:auto;padding:86px 22px 22px}
.giuxik{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:36px}
.giuxik small{color:#82c7ce;font-size:9px;letter-spacing:2.3px}
.giuxik p{margin:7px 0 0;color:#e6f1f1;font-size:31px;font-weight:700;letter-spacing:-.8px}
.giuxik i{width:44px;height:3px;margin-top:13px;border-radius:99px;background:#9cdf7b}
.tnhdrh,.jfqi,.nmuedq,.aijrj,.nxtv,.raprp{display:flex;flex-wrap:wrap;gap:20px}
.anjnw{flex:1 1 calc(25% - 15px);min-width:0;padding:14px;border:1px solid rgba(125,210,216,.16);border-radius:20px;background:#0c2231}
.njjmwi{height:344px;overflow:hidden;border-radius:13px;background:#0a1722}
.njjmwi img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.sqkfx{display:flex;gap:12px;padding:16px 4px 4px}
.sqkfx>b{font-size:12px;color:#9bdf78}
.sqkfx div{display:flex;flex-direction:column}
.sqkfx strong{font-size:14px;color:#e3f2f2}
.sqkfx p{margin:5px 0 0;color:#7996a1;font-size:11px;line-height:1.7}
.xpmv{width:calc(33.333% - 14px);min-height:185px;padding:23px;border:1px solid rgba(125,210,216,.16);border-radius:16px;background:#0d2433}
.xpmv>i{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:11px;background:#173b4b;color:#8fe1db;font-size:20px}
.xpmv small{display:block;margin-top:19px;color:#7296a2;font-size:8px;letter-spacing:1.4px}
.xpmv strong{display:block;margin-top:6px;color:#e5f3f2;font-size:18px}
.xpmv p{margin:7px 0 0;color:#88a6af;font-size:12px;line-height:1.7}
.nmuedq{align-items:stretch}
.abgw{position:relative;width:calc(33.333% - 14px);min-height:235px;padding:23px;border-radius:18px;border:1px solid rgba(155,223,120,.18);background:linear-gradient(150deg,#102b3b,#0b1b29);cursor:pointer;transition:transform .2s,border-color .2s}
.abgw:hover{transform:translateY(-4px);border-color:rgba(155,223,120,.6)}
.vcxt{display:flex;align-items:center;justify-content:space-between}
.vcxt i{font-size:25px;color:#9bdf78}
.vcxt span{font-size:8px;letter-spacing:1.7px;color:#7898a4}
.abgw>small{display:block;margin-top:17px;color:#a7da8f;font-size:11px}
.abgw>strong{display:block;margin-top:5px;color:#e5f1f1;font-size:16px}
.abgw>p{margin:7px 0 0;color:#84a2aa;font-size:12px;line-height:1.65}
.zpurmc{position:absolute;left:23px;right:23px;bottom:19px;display:flex;align-items:center;justify-content:center;gap:9px;padding:9px;border-radius:9px;background:#173b4b;color:#c9ece9;font-size:11px}
.zpurmc i{font-size:15px}
.aijrj{padding:29px 24px;border:1px solid rgba(125,210,216,.14);border-radius:21px;background:#0a1d2b}
.zdqa{position:relative;display:flex;flex:1;min-width:0;gap:14px;padding:7px 17px 7px 0}
.zdqa:not(:last-child):after{content:"";position:absolute;right:3px;top:27px;width:26px;height:1px;background:linear-gradient(90deg,#9cdf7b,transparent)}
.zdqa>span{display:flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(155,223,120,.68);color:#a4e68a;font-size:12px}
.zdqa div{display:flex;flex-direction:column}
.zdqa small{color:#71939f;font-size:8px;letter-spacing:1.3px}
.zdqa strong{margin-top:3px;color:#e4f2f1;font-size:16px}
.zdqa p{margin:5px 0 0;color:#829fa9;font-size:11px;line-height:1.65}
.bchfvy{max-width:800px;margin:auto;border-top:1px solid rgba(125,210,216,.15)}
.qtzar{border-bottom:1px solid rgba(125,210,216,.15)}
.qtzar>button{width:100%;display:flex;align-items:center;gap:14px;padding:19px 0;border:0;background:transparent;color:#deeff0;text-align:left}
.qtzar>button>span{display:flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border:1px solid rgba(155,223,120,.62);border-radius:50%;color:#a3e286;font-size:10px}
.qtzar>button strong{flex:1;font-size:15px;font-weight:600}
.qtzar>button i{color:#83d9d5;font-size:19px;transition:transform .2s}
.qtzar.is-open>button i{transform:rotate(45deg)}
.joayfe{display:none;padding:0 42px 19px;color:#8da8b0;font-size:12px;line-height:1.8}
.qtzar.is-open .joayfe{display:block}
.joayfe p{margin:0}
.rgct{display:flex;flex-direction:column;width:calc(33.333% - 14px);min-height:218px;padding:22px;border-radius:16px;border:1px solid rgba(125,210,216,.16);background:#0c2231}
.rgct small{color:#a2df88;font-size:9px;letter-spacing:1px}
.rgct>b{margin-top:10px;color:#5d7c88;font-size:11px}
.rgct strong{margin-top:5px;color:#e5f2f2;font-size:17px}
.rgct p{margin:7px 0 0;color:#87a5ad;font-size:12px;line-height:1.75}
.rgct time{margin-top:auto;color:#698792;font-size:10px}
.bguedz{display:flex;flex-direction:column;width:calc(33.333% - 14px);min-height:218px;padding:22px;border-radius:16px;border:1px solid rgba(155,223,120,.2);background:#10283a}
.bguedz>div{display:flex;align-items:center;gap:8px;color:#a8e48f}
.bguedz>div i{font-size:19px}
.bguedz>div small{font-size:8px;letter-spacing:1.2px}
.bguedz>p{margin:17px 0 0;color:#b5cacd;font-size:13px;line-height:1.9}
.bguedz footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:17px;color:#7d9ba4;font-size:10px}
.bguedz footer span{display:flex;align-items:center;gap:5px}
.bguedz footer i{color:#91e0d9}
.xgxnd{margin-top:74px;padding:45px 22px 25px;border-top:1px solid rgba(125,210,216,.12);background:#061019}
.zwdati{max-width:1240px;margin:auto}
.uzjttf{display:flex;justify-content:space-between;align-items:center}
.uzjttf p{margin:8px 0 0;color:#6f8c96;font-size:11px}
.kfiuj{display:flex;align-items:center;gap:9px;padding:11px 17px;border:1px solid rgba(129,218,218,.34);border-radius:9px;color:#dff5f3;font-size:11px;cursor:pointer}
.zwdati nav{display:flex;flex-wrap:wrap;gap:14px 24px;padding:31px 0 25px;border-bottom:1px solid rgba(125,210,216,.1);color:#7896a0;font-size:11px}
.zwdati nav a:hover{color:#8bdedb}
.tghm{display:flex;justify-content:space-between;padding-top:17px;color:#55747f;font-size:9px;letter-spacing:.6px}
@media(max-width:767px){html.qunelo.selvix.marivo,.dorexi.marivo.is-open.marivo.is-open a.marivo.is-open a:last-child.nuvexo.sarevo:before.tavelo.qirexa.tavelo h1.virexa.qavelo.furexa.furexa i.furexa small.sovira.sovira b.sovira small.korexa.cockpit.cockpit-top.cockpit-main.dial.dial-inner strong.cockpit-copy strong.cockpit-copy p.cockpit-bars.cockpit-bars span.cockpit-bars b.cockpit-foot.side-note.side-note strong.side-note small.side-chip.side-chip>i.side-chip b.side-chip small.xurelo.xurelo small.zone-wrap.zone-head.zone-head small.zone-head p.show-row.show-row::-webkit-scrollbar.show-card.show-shot.edge-row,.get-row,.note-row,.talk-row.edge-card,.get-card,.note-card,.talk-card.edge-card.get-card.move-row.move-card.move-card:not(:last-child):after.move-card strong.ask-card>button.ask-card>button strong.ask-answer.foot-zone.foot-top.foot-top p.foot-get.foot-inner nav.foot-bottom}
.tavelo:before{content:"";position:absolute;z-index:0;left:0;top:77px;width:510px;height:422px;border:1px solid rgba(125,210,216,.18);border-radius:26px;background:linear-gradient(145deg,rgba(18,48,65,.86),rgba(8,24,35,.76));box-shadow:0 26px 60px rgba(0,0,0,.2)}.tavelo:after{content:"HKDCOM / DAILY CONTROL";position:absolute;z-index:1;left:25px;top:95px;padding:5px 9px;border-radius:5px;background:#173d4d;color:#8fd5d3;font-size:8px;letter-spacing:1.6px}.tavelo>*{position:relative;z-index:2}.tavelo h1{font-size:47px;line-height:1.3;letter-spacing:-.6px;margin:58px 0 19px;padding-left:19px;border-left:3px solid #9bdf78}.qirexa{padding:7px 11px;border:1px solid rgba(155,223,120,.32);border-radius:999px;background:rgba(14,38,48,.9)}.virexa{max-width:452px;padding-left:19px;border-left:1px solid rgba(125,210,216,.26);font-size:13px;line-height:1.9}.qavelo{border-radius:8px;box-shadow:0 8px 20px rgba(155,223,120,.12)}.sovira{width:452px;padding-top:17px;border-top:1px solid rgba(125,210,216,.16);gap:42px}.sovira b{font-size:18px}.furexa{border-radius:9px;margin-top:15px}@media(max-width:767px){.tavelo:before.tavelo:after.tavelo h1.qirexa.virexa.sovira.furexa}
.tavelo:before,.tavelo:after{display:none}.tavelo h1{font-size:52px;line-height:1.28;letter-spacing:-1.2px;margin:27px 0 20px;padding-left:0;border-left:0}.qirexa{padding:0;border:0;border-radius:0;background:transparent}.virexa{max-width:500px;padding-left:0;border-left:0;font-size:14px;line-height:2}.qavelo{width:230px;border-radius:999px;box-shadow:none}.furexa{margin-top:18px;padding:7px 0;border:0;border-left:2px solid #9bdf78;border-radius:0;background:transparent}.sovira{width:auto;padding-top:22px;border-top:0;gap:0}.sovira div{min-width:112px;padding-left:17px;border-left:1px solid rgba(125,210,216,.2)}.sovira div:first-child{padding-left:0;border-left:0}.sovira b{font-size:19px}@media(max-width:767px){.tavelo:before,.tavelo:after.tavelo h1.qirexa.virexa.qavelo.furexa.sovira.sovira div.sovira b}
.furexa{border-left:0;padding:8px 0;background:transparent;border-radius:0}.furexa i{font-size:16px}.furexa span{height:14px}.furexa strong{font-size:11px}@media(max-width:767px){.furexa.furexa i.furexa strong}

/* 移动端头部：品牌左侧、菜单右侧，隐藏头部 CTA */
@media (max-width: 767px) {
        .dorexi.gohkd 
        
}

/* 全局横向裁剪 */
html, body {
    overflow-x: hidden;
}

/* CTA 字号与手型光标 */
.dorexi.gohkd {
    font-size: 14px;
    cursor: pointer;
}
.qavelo.gohkd {
    font-size: 14px;
    cursor: pointer;
}
