* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 78px; }
body { margin: 0; background: #eef4f5; color: #14212a; font: 15px/1.8 Arial, "Microsoft YaHei", sans-serif; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.dtrva { position: sticky; top: 0; z-index: 20; background: rgba(5, 15, 25, .96); box-shadow: 0 12px 24px -24px rgba(0, 0, 0, .8); }
.xqmel { max-width: 1200px; min-height: 76px; margin: auto; padding: 0 24px; display: flex; align-items: center; gap: 32px; }
.povra { color: #edf7fa; font-size: 20px; font-weight: 800; letter-spacing: -.6px; white-space: nowrap; }
.kexum { display: flex; align-items: center; gap: 20px; margin-left: auto; }
.kexum a, .qelfnv a { color: #8ca5b0; font-size: 12px; white-space: nowrap; transition: color .2s ease; }
.kexum a:hover, .qelfnv a:hover { color: #35e4d3; }
.naxir { display: flex; align-items: center; justify-content: center; gap: 7px; padding: 10px 17px; border-radius: 999px; background: #35e4d3; color: #06131e; font-size: 12px; font-weight: 800; white-space: nowrap; cursor: pointer; transition: transform .2s ease, background .2s ease; }
.naxir:hover, .civax:hover { background: #79f1e6; transform: translateY(-2px); }
.vurok { display: none; padding: 0; border: 0; background: transparent; color: #35e4d3; font-size: 22px; cursor: pointer; }
.zqeta { position: relative; overflow: hidden; background: #07121c; color: #edf7fa; }
.zqeta::before { position: absolute; top: -200px; right: 18%; width: 620px; height: 620px; border: 1px solid rgba(53, 228, 211, .18); border-radius: 50%; content: ""; }
.zqeta::after { position: absolute; right: -180px; bottom: -330px; width: 720px; height: 720px; border: 1px solid rgba(77, 141, 255, .25); border-radius: 50%; content: ""; }
.ravoq { max-width: 1200px; margin: auto; }
.qomir { min-height: 700px; padding: 87px 24px 94px; display: flex; align-items: center; gap: 78px; }
.tolra { position: relative; z-index: 1; flex: 1 1 0; min-width: 0; }
.qazur, .kavur p { margin: 0; color: #35e4d3; font-size: 10px; font-weight: 800; letter-spacing: 2px; }
.qazur::before { display: inline-block; width: 28px; height: 3px; margin-right: 11px; border-radius: 99px; background: #4d8dff; content: ""; vertical-align: middle; }
.tolra h1 { max-width: 580px; margin: 22px 0 15px; color: #fff; font-size: 57px; line-height: 1.1; letter-spacing: -2px; }
.bexar { max-width: 520px; margin: 0; color: #35e4d3; font-size: 39px; line-height: 1.28; letter-spacing: -1px; }
.bexar em { color: #79a7ff; font-style: normal; }
.nurov { max-width: 495px; margin: 24px 0 0; color: #9eb3bd; font-size: 15px; line-height: 2; }
.civax { width: 230px; margin-top: 31px; padding: 15px 20px; display: flex; align-items: center; justify-content: center; gap: 9px; border-radius: 10px; background: #35e4d3; color: #06131e; font-weight: 800; cursor: pointer; transition: transform .2s ease, background .2s ease; }
.qevor { max-width: 490px; margin-top: 18px; padding: 12px 0; display: flex; align-items: center; gap: 9px; border-top: 1px solid rgba(53, 228, 211, .2); border-bottom: 1px solid rgba(53, 228, 211, .2); color: #9eb3bd; font-size: 12px; }
.qevor i { color: #4d8dff; font-size: 18px; }
.qevor strong { color: #eef8fa; }
.qevor span { width: 1px; height: 15px; background: #46626e; }
.qevor small { font-size: 11px; }
.lazuk { margin-top: 37px; display: flex; gap: 42px; }
.lazuk div { padding-left: 13px; border-left: 2px solid #4d8dff; }
.lazuk b { display: block; color: #fff; font-size: 24px; line-height: 1.2; }
.lazuk small { color: #7f99a6; font-size: 10px; }
.puxra { position: relative; z-index: 1; flex: 1 1 0; min-width: 0; min-height: 545px; }
.xevur { position: absolute; top: 53px; right: 10%; width: 410px; height: 410px; border: 1px solid rgba(53, 228, 211, .28); border-radius: 50%; }
.xevur::before, .xevur::after { position: absolute; border: 1px solid rgba(77, 141, 255, .22); border-radius: 50%; content: ""; }
.xevur::before { top: 56px; right: 56px; bottom: 56px; left: 56px; }
.xevur::after { top: 126px; right: 126px; bottom: 126px; left: 126px; }
.sivex { position: absolute; top: 52px; right: 10%; width: 410px; height: 410px; transform: rotate(30deg); }
.sivex i { position: absolute; top: 50%; left: 50%; width: 5px; height: 5px; border-radius: 50%; background: #35e4d3; box-shadow: 0 0 16px #35e4d3; }
.sivex i:nth-child(1) { transform: translate(-2px, -202px); }
.sivex i:nth-child(2) { transform: translate(117px, -164px); background: #79a7ff; box-shadow: 0 0 16px #79a7ff; }
.sivex i:nth-child(3) { transform: translate(191px, -50px); }
.sivex i:nth-child(4) { transform: translate(163px, 103px); background: #79a7ff; box-shadow: 0 0 16px #79a7ff; }
.sivex i:nth-child(5) { transform: translate(42px, 190px); }
.sivex i:nth-child(6) { transform: translate(-118px, 160px); background: #79a7ff; box-shadow: 0 0 16px #79a7ff; }
.sivex i:nth-child(7) { transform: translate(-191px, 44px); }
.sivex i:nth-child(8) { transform: translate(-159px, -108px); background: #79a7ff; box-shadow: 0 0 16px #79a7ff; }
.qorux { position: absolute; top: 108px; right: 16%; width: 315px; padding: 24px; border: 1px solid rgba(122, 241, 230, .46); border-radius: 18px; background: rgba(12, 32, 46, .95); box-shadow: 0 25px 60px -36px #35e4d3; transform: rotate(-4deg); }
.qorux > div:first-child { display: flex; align-items: center; justify-content: space-between; }
.qorux > div:first-child small { color: #9cb8c2; font-size: 9px; letter-spacing: 1.6px; }
.qorux > div:first-child b { color: #35e4d3; font-size: 9px; letter-spacing: 1px; }
.qorux > strong { display: block; margin-top: 24px; color: #fff; font-size: 42px; line-height: 1.1; }
.qorux > span { color: #8faab5; font-size: 10px; }
.vaxer { height: 90px; margin: 22px 0 18px; display: flex; align-items: flex-end; gap: 7px; border-bottom: 1px solid rgba(155, 202, 213, .2); }
.vaxer i { flex: 1; min-width: 9px; border-radius: 5px 5px 0 0; background: #35e4d3; }
.vaxer i:nth-child(2n) { background: #4d8dff; }
.vaxer i:nth-child(1) { height: 26%; }.vaxer i:nth-child(2) { height: 42%; }.vaxer i:nth-child(3) { height: 35%; }.vaxer i:nth-child(4) { height: 61%; }.vaxer i:nth-child(5) { height: 53%; }.vaxer i:nth-child(6) { height: 76%; }.vaxer i:nth-child(7) { height: 65%; }.vaxer i:nth-child(8) { height: 88%; }.vaxer i:nth-child(9) { height: 80%; }.vaxer i:nth-child(10) { height: 96%; }
.moxar { display: flex; align-items: center; justify-content: space-between; gap: 9px; }
.qorux > .moxar { padding: 12px 0; border-bottom: 1px solid rgba(155, 202, 213, .13); }
.moxar b { color: #eef8fa; font-size: 11px; }.moxar span { flex: 1; color: #819ca7; font-size: 10px; }.moxar em { color: #35e4d3; font-size: 10px; font-style: normal; }
.fihxou, .rjveou { position: absolute; z-index: 2; padding: 13px 16px; border: 1px solid rgba(53, 228, 211, .24); background: #102b3c; color: #eaf7fa; box-shadow: 0 14px 30px -22px #000; }
.fihxou { top: 147px; left: 0; transform: rotate(5deg); }.rjveou { right: 1%; bottom: 100px; padding: 13px 20px; flex-direction: column; align-items: flex-start; transform: rotate(-5deg); }
.fihxou i { margin-right: 8px; color: #35e4d3; }.fihxou span { font-size: 11px; }.fihxou b { margin-left: 8px; color: #79a7ff; font-size: 9px; }
.rjveou small { color: #8faab5; font-size: 9px; }.rjveou strong { color: #35e4d3; font-size: 22px; line-height: 1.2; }.rjveou span { color: #8faab5; font-size: 9px; }
.hfknr { position: absolute; top: 35px; right: 7%; color: rgba(121, 167, 255, .65); font-size: 11px; letter-spacing: 2px; transform: rotate(90deg); }
.zomer { padding: 94px 24px; }
.wexra { background: #f7fbfc; }.qexor { background: #091a28; color: #ecf8fa; }.qelmon { background: #e7f0f3; }.qelrus { background: #eef4f5; }.qeltek { background: #f7fbfc; }.qeldor { background: #e7f0f3; }.qelzan { background: #091a28; color: #ecf8fa; }
.kavur { margin-bottom: 40px; text-align: center; }.kavur strong { display: block; margin-top: 8px; color: inherit; font-size: 33px; font-weight: 800; letter-spacing: -1px; }.kavur span { display: block; max-width: 600px; margin: 10px auto 0; color: #778991; font-size: 14px; }.qexor .kavur p, .qelzan .kavur p { color: #35e4d3; }.qexor .kavur span, .qelzan .kavur span { color: #9bb5bf; }
.nivar, .zavix, .qelux, .qerix, .qelno, .qelre { display: flex; flex-wrap: wrap; gap: 22px; }
.nivar article { flex: 1 1 0; min-width: 0; padding: 12px; border: 1px solid #d9e5e8; border-radius: 16px; background: #fff; }.nivar article > div { position: relative; padding: 7px; border-radius: 12px; background: #e7f0f3; }.nivar img { display: block; width: 100%; height: auto; border-radius: 9px; }.nivar article b { position: absolute; top: 14px; left: 14px; padding: 3px 8px; border-radius: 99px; background: #091a28; color: #35e4d3; font-size: 10px; }.nivar article > strong { display: block; margin: 15px 6px 3px; font-size: 16px; }.nivar article > p { margin: 0 6px 6px; color: #74848b; font-size: 12px; }
.zavix article { width: calc((100% - 44px) / 3); padding: 23px 22px 26px; border-top: 1px solid rgba(180, 225, 230, .2); }.zavix article > div { display: flex; align-items: center; justify-content: space-between; }.zavix article i { color: #35e4d3; font-size: 25px; }.zavix article small { color: #79a7ff; font-size: 10px; letter-spacing: 1px; }.zavix article > strong { display: block; margin-top: 15px; font-size: 18px; }.zavix article > p { margin: 8px 0 0; color: #a6c0c7; font-size: 13px; }
.qelut { width: calc((100% - 44px) / 3); min-height: 208px; padding: 24px; display: flex; flex-direction: column; border: 1px solid #cbdce1; border-radius: 16px; background: #091a28; color: #edf8fa; cursor: pointer; box-shadow: 0 18px 32px -26px rgba(9, 26, 40, .8); transition: transform .2s ease, background .2s ease; }.qelut:hover { background: #102f44; transform: translateY(-4px); }.qelut > div { display: flex; align-items: center; justify-content: space-between; }.qelut > div i { color: #35e4d3; font-size: 27px; }.qelut > div small { color: #81a6b2; font-size: 9px; letter-spacing: 1.5px; }.qelut > strong { margin-top: 20px; font-size: 18px; }.qelut > p { margin: 7px 0 18px; color: #a5bec6; font-size: 12px; }.qelut > span { margin-top: auto; color: #35e4d3; font-size: 12px; font-weight: 800; }.qelut > span i { margin-left: 5px; }
.qerix { align-items: stretch; }.qerix article { width: calc((100% - 66px) / 4); padding: 27px 22px 22px; border-top: 3px solid #4d8dff; background: #fff; }.qerix article > b { display: block; color: #4d8dff; font-size: 31px; line-height: 1; }.qerix article > i { display: block; width: 40px; height: 2px; margin: 22px 0 18px; background: #35b6b0; }.qerix article strong { color: #14212a; font-size: 17px; }.qerix article p { margin: 8px 0 0; color: #74848b; font-size: 12px; }
.qelna { max-width: 820px; }.qelom { border-top: 1px solid #d8e4e7; }.qelom article { border-bottom: 1px solid #d8e4e7; }.qelom button { width: 100%; padding: 19px 0; display: flex; align-items: center; gap: 16px; border: 0; background: transparent; color: #14212a; text-align: left; cursor: pointer; }.qelom button span { color: #4d8dff; font-size: 11px; font-weight: 800; }.qelom button strong { flex: 1; font-size: 15px; }.qelom button i { color: #159f9b; font-size: 19px; transition: transform .2s ease; }.qelom article > p { display: none; margin: -3px 35px 18px; color: #71828a; font-size: 13px; line-height: 1.9; }.qelom article.qerul > p { display: block; }.qelom article.qerul button i { transform: rotate(45deg); }
.qelno article { width: calc((100% - 22px) / 2); min-height: 185px; padding: 24px; display: flex; flex-direction: column; border-radius: 15px; background: #fff; }.qelno small { color: #176fa4; font-size: 10px; letter-spacing: 1.3px; }.qelno strong { margin-top: 15px; color: #14212a; font-size: 18px; line-height: 1.5; }.qelno p { margin: 8px 0 16px; color: #74848b; font-size: 13px; }.qelno time { margin-top: auto; color: #9ba8ac; font-size: 10px; }
.qelre article { width: calc((100% - 44px) / 3); min-height: 220px; padding: 24px; display: flex; flex-direction: column; border: 1px solid rgba(180, 225, 230, .2); border-radius: 15px; background: #102f44; }.qelre article > div { display: flex; align-items: center; justify-content: space-between; color: #35e4d3; }.qelre article > div i { font-size: 25px; }.qelre article > div small { color: #9dbbc3; font-size: 9px; letter-spacing: 1.3px; }.qelre article > p { margin: 16px 0 22px; color: #dae9ec; font-size: 13px; line-height: 1.9; }.qelre article > footer { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 13px; border-top: 1px solid rgba(180, 225, 230, .2); color: #9dbbc3; font-size: 10px; }
.qelfoo { padding: 49px 24px 24px; background: #050f19; color: #edf7fa; }.qelfin { display: flex; align-items: center; justify-content: space-between; gap: 20px; }.qelfoo .povra { color: #edf7fa; }.qelfin p { margin: 8px 0 0; color: #89a3ae; font-size: 12px; }.qelfet { background: #35e4d3; color: #06131e; }.qelfnv { margin-top: 34px; padding: 22px 0; display: flex; flex-wrap: wrap; gap: 24px; border-top: 1px solid rgba(180, 225, 230, .16); border-bottom: 1px solid rgba(180, 225, 230, .16); }.qelfcp { padding-top: 18px; color: #6e8996; font-size: 10px; }.qelfcp span { float: right; letter-spacing: 1.5px; }.fomur { user-select: none; -webkit-tap-highlight-color: transparent; }
@media (max-width: 780px) {
    html 
    .xqmel .povra .kexum .kexum.mivar .kexum a .kexum a:last-child .naxir .vurok 
    .qomir .tolra h1 .bexar .nurov .civax .qevor .qevor span .qevor small .lazuk .lazuk div .lazuk b 
    .puxra .xevur, .sivex .qorux .qorux > strong .vaxer .qchip1 .qchip2 .qchip3 
    .zomer .kavur .kavur strong .kavur span .nivar .nivar::-webkit-scrollbar .nivar article .zavix, .qelux, .qerix, .qelno, .qelre .zavix article, .qelut, .qelno article, .qelre article .zavix article .qelut .qerix .qerix article .qerix article:last-child .qelom button strong .qelom article > p .qelfin .qelfet .qelfnv .qelfcp span 
}

/* 全局横向裁剪 */
html, body {
    overflow-x: hidden;
}

/* CTA 字号与手型光标 */
.naxir.fomur {
    font-size: 14px;
    cursor: pointer;
}
.civax.fomur {
    font-size: 14px;
    cursor: pointer;
}