:root{
--okxso-ink-900:#070b18;
--okxso-ink-800:#0b1226;
--okxso-ink-700:#0f1a35;
--okxso-ink-600:#15244a;
--okxso-line:rgba(86,128,210,.22);
--okxso-blue:#2f7df5;
--okxso-blue-deep:#1657d6;
--okxso-cyan:#18d4e6;
--okxso-gold:#f6b73c;
--okxso-gold-deep:#e08c12;
--okxso-text:#e9eefb;
--okxso-text-dim:#9fb0d2;
--okxso-text-faint:#6b7da3;
--okxso-radius:18px;
--okxso-shadow:0 24px 60px rgba(8,16,40,.55);
--okxso-glow:0 0 0 1px rgba(47,125,245,.35),0 18px 50px rgba(47,125,245,.22);
}

*{margin:0;padding:0;box-sizing:border-box}

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

body{
font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Segoe UI",system-ui,sans-serif;
font-size:18px;
line-height:1.78;
color:var(--okxso-text);
background:var(--okxso-ink-900);
background-image:
radial-gradient(900px 520px at 12% -8%,rgba(47,125,245,.20),transparent 60%),
radial-gradient(820px 460px at 96% 4%,rgba(24,212,230,.14),transparent 62%),
radial-gradient(700px 500px at 50% 120%,rgba(246,183,60,.07),transparent 60%);
background-attachment:fixed;
overflow-x:hidden;
-webkit-font-smoothing:antialiased;
}

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

img{max-width:100%;display:block}

.okxso-skip{
position:absolute;left:-9999px;top:0;
background:var(--okxso-blue);color:#fff;padding:14px 22px;border-radius:0 0 12px 0;z-index:2000;
}
.okxso-skip:focus{left:0}

.okxso-wrap{
width:100%;max-width:1200px;margin:0 auto;padding:0 28px;
}

.okxso-nav{
position:fixed;top:0;left:0;right:0;z-index:1000;
backdrop-filter:blur(18px) saturate(160%);
-webkit-backdrop-filter:blur(18px) saturate(160%);
background:rgba(7,11,24,.72);
border-bottom:1px solid var(--okxso-line);
transition:background .35s ease,box-shadow .35s ease;
}
.okxso-nav.is-stuck{
background:rgba(7,11,24,.92);
box-shadow:0 10px 40px rgba(0,0,0,.45);
}
.okxso-nav__inner{
max-width:1200px;margin:0 auto;padding:0 28px;
height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.okxso-brand{display:flex;align-items:center;gap:14px}
.okxso-brand__mark{
width:42px;height:42px;border-radius:12px;
background:linear-gradient(135deg,var(--okxso-blue),var(--okxso-cyan));
display:grid;place-items:center;
box-shadow:0 8px 24px rgba(47,125,245,.45);
}
.okxso-brand__mark svg{width:24px;height:24px}
.okxso-brand__name{
font-size:22px;font-weight:800;letter-spacing:.5px;
background:linear-gradient(90deg,#fff,#bcd6ff);
-webkit-background-clip:text;background-clip:text;color:transparent;
}
.okxso-brand__tag{font-size:18px;color:var(--okxso-text-faint);font-weight:500}

.okxso-menu{display:flex;align-items:center;gap:6px}
.okxso-menu__link{
font-size:18px;color:var(--okxso-text-dim);font-weight:500;
padding:10px 16px;border-radius:10px;cursor:pointer;
transition:color .25s ease,background .25s ease;
}
.okxso-menu__link:hover{color:#fff;background:rgba(47,125,245,.14)}
.okxso-menu__link.is-active{color:#fff;background:rgba(47,125,245,.2)}

.okxso-nav__cta{display:flex;align-items:center;gap:12px}

.okxso-btn{
display:inline-flex;align-items:center;justify-content:center;gap:10px;
font-size:18px;font-weight:700;
padding:14px 26px;border-radius:14px;cursor:pointer;
border:none;outline:none;font-family:inherit;
transition:transform .2s ease,box-shadow .25s ease,filter .25s ease;
}
.okxso-btn svg{width:20px;height:20px;flex-shrink:0}
.okxso-btn--primary{
background:linear-gradient(135deg,var(--okxso-blue),var(--okxso-blue-deep));
color:#fff;
box-shadow:0 14px 34px rgba(47,125,245,.45);
}
.okxso-btn--primary:hover{transform:translateY(-3px);filter:brightness(1.08);box-shadow:0 20px 46px rgba(47,125,245,.55)}
.okxso-btn--gold{
background:linear-gradient(135deg,var(--okxso-gold),var(--okxso-gold-deep));
color:#1a1206;
box-shadow:0 14px 34px rgba(246,183,60,.4);
}
.okxso-btn--gold:hover{transform:translateY(-3px);filter:brightness(1.06);box-shadow:0 20px 46px rgba(246,183,60,.55)}
.okxso-btn--ghost{
background:transparent;color:#dbe6ff;
border:1.5px solid var(--okxso-line);
}
.okxso-btn--ghost:hover{border-color:var(--okxso-blue);background:rgba(47,125,245,.1)}
.okxso-btn--lg{padding:18px 38px;font-size:20px;border-radius:16px}

.okxso-hero{
position:relative;padding:152px 0 96px;
overflow:hidden;
}
.okxso-hero__grid{
display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;
}
.okxso-hero__eyebrow{
display:inline-flex;align-items:center;gap:10px;
font-size:18px;font-weight:600;color:var(--okxso-cyan);
padding:8px 16px;border-radius:999px;
background:rgba(24,212,230,.1);border:1px solid rgba(24,212,230,.3);
margin-bottom:26px;
}
.okxso-hero__eyebrow span{width:8px;height:8px;border-radius:50%;background:var(--okxso-cyan);box-shadow:0 0 12px var(--okxso-cyan)}

.okxso-hero h1{
font-size:54px;line-height:1.18;font-weight:800;letter-spacing:-.5px;
margin-bottom:24px;
background:linear-gradient(120deg,#ffffff 30%,#9cc6ff 70%,#18d4e6);
-webkit-background-clip:text;background-clip:text;color:transparent;
}
.okxso-hero__lede{
font-size:20px;color:var(--okxso-text-dim);max-width:560px;margin-bottom:34px;
}
.okxso-hero__cta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:34px}
.okxso-hero__trust{display:flex;flex-wrap:wrap;gap:26px;color:var(--okxso-text-faint);font-size:18px}
.okxso-hero__trust b{color:#fff;font-weight:700}

.okxso-hero__visual{
position:relative;height:460px;
}
.okxso-hero__panel{
position:absolute;inset:0;
border-radius:24px;
background:linear-gradient(160deg,rgba(21,36,74,.85),rgba(11,18,38,.92));
border:1px solid var(--okxso-line);
box-shadow:var(--okxso-shadow),var(--okxso-glow);
backdrop-filter:blur(10px);
overflow:hidden;
}
.okxso-hero__panel::before{
content:"";position:absolute;inset:0;
background:
radial-gradient(220px 160px at 80% 12%,rgba(24,212,230,.22),transparent 60%),
radial-gradient(260px 200px at 14% 88%,rgba(246,183,60,.16),transparent 62%);
}
.okxso-panel__top{display:flex;gap:8px;padding:18px 20px;border-bottom:1px solid var(--okxso-line);position:relative}
.okxso-panel__dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.18)}
.okxso-panel__dot:nth-child(1){background:#ff5f57}
.okxso-panel__dot:nth-child(2){background:#febc2e}
.okxso-panel__dot:nth-child(3){background:#28c840}
.okxso-panel__body{position:relative;padding:24px}
.okxso-panel__row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px dashed var(--okxso-line)}
.okxso-panel__row:last-child{border-bottom:none}
.okxso-panel__pair{font-size:18px;font-weight:700;color:#fff;display:flex;align-items:center;gap:10px}
.okxso-panel__coin{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--okxso-blue),var(--okxso-cyan));display:grid;place-items:center;font-size:18px;font-weight:800;color:#fff}
.okxso-panel__price{font-size:20px;font-weight:800;color:var(--okxso-cyan);font-variant-numeric:tabular-nums}
.okxso-panel__chg{font-size:18px;font-weight:700}
.okxso-panel__chg--up{color:#28c840}
.okxso-panel__chg--down{color:#ff5f57}
.okxso-panel__bar{height:6px;border-radius:6px;background:rgba(47,125,245,.15);overflow:hidden;margin-top:8px}
.okxso-panel__bar i{display:block;height:100%;background:linear-gradient(90deg,var(--okxso-blue),var(--okxso-cyan));border-radius:6px}

.okxso-orb{
position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none;
}
.okxso-orb--a{width:180px;height:180px;top:-60px;right:-50px;background:radial-gradient(circle at 30% 30%,rgba(24,212,230,.6),transparent 70%)}
.okxso-orb--b{width:140px;height:140px;bottom:-40px;left:-40px;background:radial-gradient(circle at 30% 30%,rgba(246,183,60,.45),transparent 70%)}

.okxso-section{padding:92px 0;position:relative}
.okxso-section--alt{background:linear-gradient(180deg,rgba(15,26,53,.5),rgba(7,11,24,0))}

.okxso-section__head{max-width:780px;margin:0 auto 54px;text-align:center}
.okxso-kicker{
display:inline-block;font-size:18px;font-weight:700;letter-spacing:2px;
color:var(--okxso-cyan);text-transform:uppercase;margin-bottom:16px;
}
.okxso-section__head h2{
font-size:38px;line-height:1.25;font-weight:800;margin-bottom:18px;color:#fff;
}
.okxso-section__head p{font-size:19px;color:var(--okxso-text-dim)}

.okxso-skew{
position:absolute;left:0;right:0;height:120px;z-index:0;pointer-events:none;
}
.okxso-skew--top{top:0;background:linear-gradient(180deg,transparent,rgba(47,125,245,.05));transform:skewY(-3deg);transform-origin:top left}
.okxso-skew--bottom{bottom:0;background:linear-gradient(0deg,transparent,rgba(24,212,230,.04));transform:skewY(3deg);transform-origin:bottom left}

.okxso-featureGrid{
display:grid;grid-template-columns:repeat(3,1fr);gap:26px;
}
.okxso-card{
position:relative;padding:34px 30px;border-radius:var(--okxso-radius);
background:linear-gradient(160deg,rgba(21,36,74,.55),rgba(11,18,38,.7));
border:1px solid var(--okxso-line);
overflow:hidden;
transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.okxso-card::before{
content:"";position:absolute;top:0;left:0;right:0;height:3px;
background:linear-gradient(90deg,var(--okxso-blue),var(--okxso-cyan));
opacity:.7;
}
.okxso-card:hover{transform:translateY(-6px);border-color:rgba(47,125,245,.5);box-shadow:var(--okxso-glow)}
.okxso-card__icon{
width:56px;height:56px;border-radius:14px;margin-bottom:22px;
display:grid;place-items:center;
background:linear-gradient(135deg,rgba(47,125,245,.25),rgba(24,212,230,.25));
border:1px solid var(--okxso-line);
}
.okxso-card__icon svg{width:28px;height:28px;color:var(--okxso-cyan)}
.okxso-card h3{font-size:23px;font-weight:700;color:#fff;margin-bottom:14px}
.okxso-card p{font-size:18px;color:var(--okxso-text-dim)}

.okxso-split{
display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;
}
.okxso-split--reverse .okxso-split__media{order:2}
.okxso-split__media{
position:relative;border-radius:22px;padding:40px;
background:linear-gradient(150deg,rgba(15,26,53,.8),rgba(11,18,38,.9));
border:1px solid var(--okxso-line);box-shadow:var(--okxso-shadow);
min-height:320px;overflow:hidden;
}
.okxso-split__media::after{
content:"";position:absolute;width:240px;height:240px;border-radius:50%;
background:radial-gradient(circle,rgba(24,212,230,.25),transparent 70%);
top:-60px;right:-60px;
}
.okxso-media__pill{display:inline-block;font-size:18px;color:var(--okxso-cyan);font-weight:700;margin-bottom:14px}
.okxso-media__big{font-size:48px;font-weight:800;color:#fff;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.okxso-media__sub{font-size:18px;color:var(--okxso-text-faint);margin-top:6px}
.okxso-media__chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.okxso-chip{
font-size:18px;color:var(--okxso-text-dim);font-weight:600;
padding:8px 16px;border-radius:999px;background:rgba(47,125,245,.12);border:1px solid var(--okxso-line);
}
.okxso-split__copy h2{font-size:34px;line-height:1.25;font-weight:800;color:#fff;margin-bottom:18px}
.okxso-split__copy p{font-size:19px;color:var(--okxso-text-dim);margin-bottom:18px}
.okxso-split__list{list-style:none;margin-top:20px}
.okxso-split__list li{
position:relative;padding-left:34px;margin-bottom:14px;font-size:18px;color:var(--okxso-text);
}
.okxso-split__list li::before{
content:"";position:absolute;left:0;top:9px;width:18px;height:18px;border-radius:6px;
background:linear-gradient(135deg,var(--okxso-blue),var(--okxso-cyan));
box-shadow:0 0 12px rgba(47,125,245,.5);
}

.okxso-stats{
display:grid;grid-template-columns:repeat(4,1fr);gap:24px;
padding:46px;border-radius:22px;
background:linear-gradient(135deg,rgba(22,87,214,.16),rgba(24,212,230,.08));
border:1px solid var(--okxso-line);
}
.okxso-stat__num{font-size:42px;font-weight:800;color:#fff;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.okxso-stat__num em{font-style:normal;color:var(--okxso-cyan)}
.okxso-stat__label{font-size:18px;color:var(--okxso-text-dim);margin-top:8px}

.okxso-downloadZone{
position:relative;padding:96px 0;
background:
radial-gradient(700px 400px at 18% 30%,rgba(246,183,60,.12),transparent 60%),
radial-gradient(700px 400px at 86% 70%,rgba(47,125,245,.16),transparent 60%);
border-top:1px solid var(--okxso-line);border-bottom:1px solid var(--okxso-line);
}
.okxso-dlBox{
display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;
padding:48px;border-radius:26px;
background:linear-gradient(150deg,rgba(15,26,53,.85),rgba(11,18,38,.92));
border:1px solid var(--okxso-line);box-shadow:var(--okxso-shadow);
}
.okxso-dlBox__title{font-size:34px;font-weight:800;color:#fff;margin-bottom:16px;line-height:1.25}
.okxso-dlBox__desc{font-size:19px;color:var(--okxso-text-dim);margin-bottom:26px}
.okxso-dlBox__btns{display:flex;flex-wrap:wrap;gap:16px}
.okxso-dlCards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.okxso-dlMini{
display:flex;align-items:center;gap:14px;padding:18px;border-radius:14px;
background:rgba(7,11,24,.5);border:1px solid var(--okxso-line);
transition:border-color .25s ease,transform .25s ease;
}
.okxso-dlMini:hover{border-color:var(--okxso-blue);transform:translateY(-3px)}
.okxso-dlMini__ico{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(47,125,245,.25),rgba(24,212,230,.25));color:var(--okxso-cyan)}
.okxso-dlMini__ico svg{width:22px;height:22px}
.okxso-dlMini__t{font-size:18px;font-weight:700;color:#fff}
.okxso-dlMini__s{font-size:18px;color:var(--okxso-text-faint)}

.okxso-faq{max-width:820px;margin:0 auto}
.okxso-faq__item{
border:1px solid var(--okxso-line);border-radius:14px;margin-bottom:16px;overflow:hidden;
background:rgba(11,18,38,.5);
}
.okxso-faq__q{
display:flex;justify-content:space-between;align-items:center;gap:16px;
padding:22px 26px;cursor:pointer;font-size:19px;font-weight:700;color:#fff;
}
.okxso-faq__q::after{
content:"+";font-size:24px;color:var(--okxso-cyan);transition:transform .3s ease;
}
.okxso-faq__item.is-open .okxso-faq__q::after{transform:rotate(45deg)}
.okxso-faq__a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease;padding:0 26px}
.okxso-faq__item.is-open .okxso-faq__a{max-height:380px;padding:0 26px 24px}
.okxso-faq__a p{font-size:18px;color:var(--okxso-text-dim)}

.okxso-platforms{
display:grid;grid-template-columns:repeat(4,1fr);gap:24px;
}
.okxso-pfCard{
position:relative;padding:34px 26px;border-radius:20px;text-align:center;
background:linear-gradient(160deg,rgba(21,36,74,.6),rgba(11,18,38,.8));
border:1px solid var(--okxso-line);
transition:transform .3s ease,border-color .3s ease;
}
.okxso-pfCard:hover{transform:translateY(-6px);border-color:rgba(246,183,60,.5)}
.okxso-pfCard--android{border-color:rgba(246,183,60,.4);background:linear-gradient(160deg,rgba(246,183,60,.14),rgba(11,18,38,.85))}
.okxso-pfCard__badge{
position:absolute;top:-12px;left:50%;transform:translateX(-50%);
font-size:18px;font-weight:700;padding:5px 14px;border-radius:999px;
background:linear-gradient(135deg,var(--okxso-gold),var(--okxso-gold-deep));color:#1a1206;
}
.okxso-pfCard__ico{
width:72px;height:72px;border-radius:18px;margin:6px auto 20px;
display:grid;place-items:center;
background:linear-gradient(135deg,rgba(47,125,245,.2),rgba(24,212,230,.2));
border:1px solid var(--okxso-line);
}
.okxso-pfCard--android .okxso-pfCard__ico{background:linear-gradient(135deg,rgba(246,183,60,.25),rgba(224,140,18,.15))}
.okxso-pfCard__ico svg{width:36px;height:36px;color:var(--okxso-cyan)}
.okxso-pfCard--android .okxso-pfCard__ico svg{color:var(--okxso-gold)}
.okxso-pfCard h3{font-size:22px;font-weight:700;color:#fff;margin-bottom:10px}
.okxso-pfCard p{font-size:18px;color:var(--okxso-text-dim);margin-bottom:20px}
.okxso-pfCard .okxso-btn{width:100%}

.okxso-steps{
display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:step;
}
.okxso-step{
position:relative;padding:32px 28px;border-radius:18px;
background:linear-gradient(160deg,rgba(21,36,74,.55),rgba(11,18,38,.7));
border:1px solid var(--okxso-line);
}
.okxso-step__ico{
width:58px;height:58px;border-radius:16px;margin-bottom:18px;
display:grid;place-items:center;
background:linear-gradient(135deg,rgba(47,125,245,.25),rgba(24,212,230,.2));
border:1px solid var(--okxso-line);
}
.okxso-step__ico svg{width:28px;height:28px;color:var(--okxso-cyan)}
.okxso-step h3{font-size:22px;font-weight:700;color:#fff;margin-bottom:12px}
.okxso-step p{font-size:18px;color:var(--okxso-text-dim)}

.okxso-breadcrumb{
padding:108px 0 24px;font-size:18px;color:var(--okxso-text-faint);
}
.okxso-breadcrumb a:hover{color:var(--okxso-cyan)}
.okxso-breadcrumb span{margin:0 8px;color:var(--okxso-text-faint)}

.okxso-pageHero{padding:24px 0 60px}
.okxso-pageHero h1{
font-size:50px;line-height:1.2;font-weight:800;margin-bottom:20px;
background:linear-gradient(120deg,#ffffff,#9cc6ff 60%,var(--okxso-cyan));
-webkit-background-clip:text;background-clip:text;color:transparent;
}
.okxso-pageHero p{font-size:20px;color:var(--okxso-text-dim);max-width:760px}

.okxso-callout{
display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;
padding:34px 38px;border-radius:20px;margin-top:50px;
background:linear-gradient(120deg,rgba(47,125,245,.18),rgba(24,212,230,.1));
border:1px solid var(--okxso-line);
}
.okxso-callout h3{font-size:26px;font-weight:800;color:#fff}
.okxso-callout p{font-size:18px;color:var(--okxso-text-dim);margin-top:6px}

.okxso-foot{
border-top:1px solid var(--okxso-line);
background:rgba(7,11,24,.85);padding:64px 0 30px;
}
.okxso-foot__grid{
display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:44px;
}
.okxso-foot__brand .okxso-brand{margin-bottom:18px}
.okxso-foot__desc{font-size:18px;color:var(--okxso-text-faint);max-width:340px}
.okxso-foot__col h4{font-size:18px;font-weight:700;color:#fff;margin-bottom:18px}
.okxso-foot__col ul{list-style:none}
.okxso-foot__col li{margin-bottom:12px}
.okxso-foot__col a{font-size:18px;color:var(--okxso-text-dim);transition:color .2s ease}
.okxso-foot__col a:hover{color:var(--okxso-cyan)}
.okxso-foot__bottom{
display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;
padding-top:24px;border-top:1px solid var(--okxso-line);
font-size:18px;color:var(--okxso-text-faint);
}
.okxso-foot__risk{
margin-top:18px;padding:18px 20px;border-radius:12px;
background:rgba(246,183,60,.08);border:1px solid rgba(246,183,60,.25);
font-size:18px;color:var(--okxso-text-dim);
}

.okxso-burger{display:none;flex-direction:column;gap:5px;width:42px;height:42px;border-radius:10px;background:rgba(47,125,245,.12);border:1px solid var(--okxso-line);cursor:pointer;align-items:center;justify-content:center}
.okxso-burger span{width:20px;height:2px;background:#fff;border-radius:2px;transition:transform .3s ease}

@media (max-width:980px){
.okxso-menu{display:none}
.okxso-burger{display:flex}
.okxso-menu.is-open{display:flex;position:absolute;top:74px;left:0;right:0;flex-direction:column;background:rgba(7,11,24,.97);padding:18px;gap:6px;border-bottom:1px solid var(--okxso-line)}
.okxso-hero__grid,.okxso-split,.okxso-dlBox{grid-template-columns:1fr;gap:32px}
.okxso-hero__visual{height:380px}
.okxso-featureGrid,.okxso-platforms,.okxso-steps{grid-template-columns:1fr 1fr}
.okxso-stats{grid-template-columns:1fr 1fr}
.okxso-foot__grid{grid-template-columns:1fr 1fr}
.okxso-split--reverse .okxso-split__media{order:0}
}

@media (max-width:620px){
.okxso-hero{padding:120px 0 70px}
.okxso-hero h1{font-size:36px}
.okxso-section__head h2,.okxso-split__copy h2,.okxso-dlBox__title,.okxso-pageHero h1{font-size:28px}
.okxso-featureGrid,.okxso-platforms,.okxso-steps,.okxso-stats,.okxso-foot__grid,.okxso-dlCards{grid-template-columns:1fr}
.okxso-hero__cta .okxso-btn,.okxso-dlBox__btns .okxso-btn{width:100%}
.okxso-callout{flex-direction:column;align-items:flex-start}
}