/* CoinMEX V1.8 — Guide hub editorial redesign */
.cmx-guide-hub-v18{--gline:rgba(150,178,220,.16);--gmuted:#91a6c2;--gcard:#08172b;--gcard2:#0b1d36}
.cmx-guide-hub-v18 .cmx-guide-hero-v18{padding:64px 0 48px;border-bottom:1px solid rgba(151,177,216,.08);background:radial-gradient(circle at 75% 30%,rgba(47,103,246,.16),transparent 38%),linear-gradient(180deg,#061020 0%,#071225 100%)}
.cmx-guide-hub-v18 .cmx-guide-hero-v18__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:64px;align-items:center}
.cmx-guide-hub-v18 .cmx-guide-hero-v18 h1{font-size:clamp(42px,5vw,68px);line-height:1.04;letter-spacing:-.055em;margin:12px 0 18px;max-width:760px}
.cmx-guide-hub-v18 .cmx-guide-hero-v18 p{max-width:680px;font-size:18px;line-height:1.8;color:#b7c7dc}
.cmx-guide-hub-v18 .cmx-guide-hero-v18__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.cmx-guide-hub-v18 .cmx-guide-hero-v18__media{position:relative;border:1px solid var(--gline);border-radius:28px;overflow:hidden;background:#08162a;box-shadow:0 30px 90px rgba(0,0,0,.28)}
.cmx-guide-hub-v18 .cmx-guide-hero-v18__media img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.cmx-guide-hub-v18 .cmx-guide-hero-v18__overlay{position:absolute;pointer-events:none;left:18px;right:18px;bottom:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cmx-guide-hub-v18 .cmx-guide-hero-v18__overlay span{padding:10px 11px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(3,10,22,.82);backdrop-filter:blur(12px);font-size:12px;color:#d9e6f8;text-align:center}
.cmx-guide-hub-v18 .cmx-guide-section-v18{padding:62px 0}
.cmx-guide-hub-v18 .cmx-guide-section-v18+.cmx-guide-section-v18{border-top:1px solid rgba(151,177,216,.07)}
.cmx-guide-hub-v18 .cmx-guide-section-head-v18{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}
.cmx-guide-hub-v18 .cmx-guide-section-head-v18 h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.04em;margin:0 0 7px}
.cmx-guide-hub-v18 .cmx-guide-section-head-v18 p{margin:0;color:var(--gmuted);line-height:1.7}
.cmx-guide-hub-v18 .cmx-guide-search-v18{position:relative;max-width:900px;margin:0 auto 18px}
.cmx-guide-hub-v18 .cmx-guide-search-v18 input{width:100%;height:62px;padding:0 58px 0 22px;border-radius:18px;border:1px solid rgba(132,166,215,.24);background:#0a1b32;color:#fff;font-size:17px;outline:none;box-shadow:0 16px 50px rgba(0,0,0,.13)}
.cmx-guide-hub-v18 .cmx-guide-search-v18 input:focus{border-color:rgba(76,137,255,.65);box-shadow:0 0 0 4px rgba(54,118,255,.09)}
.cmx-guide-hub-v18 .cmx-guide-search-v18:after{content:'⌕';position:absolute;right:20px;top:15px;color:#78a8ff;font-size:27px;line-height:1}
.cmx-guide-hub-v18 .cmx-guide-filter-v18{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:34px}
.cmx-guide-hub-v18 .cmx-guide-filter-v18 button{border:1px solid var(--gline);border-radius:999px;background:#08162a;color:#a8bad2;padding:9px 13px;font:inherit;font-size:13px;cursor:pointer}
.cmx-guide-hub-v18 .cmx-guide-filter-v18 button:hover,.cmx-guide-hub-v18 .cmx-guide-filter-v18 button.cmx-is-active{color:#fff;background:#12305c;border-color:#315fa6}
.cmx-guide-hub-v18 .cmx-journey-v18{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;counter-reset:journey}
.cmx-guide-hub-v18 .cmx-journey-v18 a{counter-increment:journey;position:relative;min-height:150px;padding:21px 16px 17px;border:1px solid var(--gline);border-radius:18px;background:linear-gradient(180deg,#0a1b33,#07162a);transition:.2s;overflow:hidden}
.cmx-guide-hub-v18 .cmx-journey-v18 a:hover{transform:translateY(-3px);border-color:rgba(70,130,255,.45);background:#0b203e}
.cmx-guide-hub-v18 .cmx-journey-v18 a:before{content:counter(journey,decimal-leading-zero);display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#12336a;color:#9fc0ff;font-size:12px;font-weight:900;margin-bottom:26px}
.cmx-guide-hub-v18 .cmx-journey-v18 b{display:block;color:#fff;font-size:16px;margin-bottom:6px}.cmx-guide-hub-v18 .cmx-journey-v18 span{display:block;color:#8097b6;font-size:12px;line-height:1.55}
.cmx-guide-hub-v18 .cmx-journey-v18 em{position:absolute;right:14px;bottom:12px;color:#487bc5;font-size:23px;font-style:normal}
.cmx-guide-hub-v18 .cmx-editorial-grid-v18{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cmx-guide-hub-v18 .cmx-editorial-card-v18{display:block;border:1px solid var(--gline);border-radius:22px;overflow:hidden;background:#08172b;transition:.22s;min-width:0}
.cmx-guide-hub-v18 .cmx-editorial-card-v18:hover{transform:translateY(-3px);border-color:rgba(77,137,255,.45);box-shadow:0 22px 55px rgba(0,0,0,.18)}
.cmx-guide-hub-v18 .cmx-editorial-card-v18__media{position:relative;aspect-ratio:16/8.8;overflow:hidden;background:#09172a}
.cmx-guide-hub-v18 .cmx-editorial-card-v18__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.cmx-guide-hub-v18 .cmx-editorial-card-v18:hover img{transform:scale(1.025)}
.cmx-guide-hub-v18 .cmx-editorial-card-v18__badge{position:absolute;top:12px;left:12px;padding:6px 8px;border-radius:999px;background:rgba(4,12,25,.86);border:1px solid rgba(255,255,255,.1);color:#bed3f0;font-size:10px;font-weight:800;letter-spacing:.04em}
.cmx-guide-hub-v18 .cmx-editorial-card-v18__body{padding:19px 20px 21px}.cmx-guide-hub-v18 .cmx-editorial-card-v18__body b{display:block;color:#fff;font-size:19px;letter-spacing:-.025em;margin-bottom:7px}.cmx-guide-hub-v18 .cmx-editorial-card-v18__body p{margin:0;color:#91a5c1;font-size:13px;line-height:1.65}.cmx-guide-hub-v18 .cmx-editorial-card-v18__body small{display:block;margin-top:13px;color:#5fa0ff;font-size:12px;font-weight:800}
.cmx-guide-hub-v18 .cmx-problem-layout-v18{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:24px}
.cmx-guide-hub-v18 .compact-links-v18{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cmx-guide-hub-v18 .compact-links-v18 a{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid var(--gline);border-radius:15px;background:#08172b;transition:.2s}.cmx-guide-hub-v18 .compact-links-v18 a:hover{background:#0b203c;border-color:rgba(76,137,255,.4)}
.cmx-guide-hub-v18 .compact-links-v18 i{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:11px;background:#102d59;color:#78a9ff;font-style:normal;font-size:16px;font-weight:900}.cmx-guide-hub-v18 .compact-links-v18 b{display:block;color:#f2f6fc;font-size:14px}.cmx-guide-hub-v18 .compact-links-v18 span{display:block;color:#8197b5;font-size:11px;margin-top:3px;line-height:1.45}
.cmx-guide-hub-v18 .cmx-spotlight-v18{position:relative;min-height:100%;padding:27px;border:1px solid rgba(78,133,255,.26);border-radius:22px;background:radial-gradient(circle at 90% 10%,rgba(52,112,255,.2),transparent 42%),#091a31;overflow:hidden}.cmx-guide-hub-v18 .cmx-spotlight-v18 .cmx-kicker{color:#6ca7ff}.cmx-guide-hub-v18 .cmx-spotlight-v18 h3{font-size:26px;margin:8px 0 12px}.cmx-guide-hub-v18 .cmx-spotlight-v18 p{color:#9eb0c8;line-height:1.75;font-size:14px}.cmx-guide-hub-v18 .cmx-spotlight-v18 .cmx-btn{margin-top:12px}.cmx-guide-hub-v18 .cmx-spotlight-v18__code{font-size:34px;font-weight:950;letter-spacing:.04em;color:#fff;margin:22px 0 2px}.cmx-guide-hub-v18 .cmx-spotlight-v18__meta{color:#65a7ff;font-size:12px;font-weight:800}
.cmx-guide-hub-v18 .cmx-concept-grid-v18{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.cmx-guide-hub-v18 .cmx-concept-grid-v18 a{padding:18px 17px;border:1px solid var(--gline);border-radius:16px;background:#07162a}.cmx-guide-hub-v18 .cmx-concept-grid-v18 b{display:block;color:#fff;font-size:15px;margin-bottom:6px}.cmx-guide-hub-v18 .cmx-concept-grid-v18 span{color:#8096b4;font-size:11px;line-height:1.55}
.cmx-guide-hub-v18 .cmx-exchange-start-v18{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.cmx-guide-hub-v18 .cmx-exchange-start-v18 a{position:relative;min-height:238px;border:1px solid var(--gline);border-radius:21px;overflow:hidden;background:#08172b}.cmx-guide-hub-v18 .cmx-exchange-start-v18 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.37}.cmx-guide-hub-v18 .cmx-exchange-start-v18 a:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,10,21,.18),rgba(3,10,21,.95) 78%);pointer-events:none;z-index:1}.cmx-guide-hub-v18 .cmx-exchange-start-v18 .cmx-copy{position:absolute;z-index:2;left:18px;right:18px;bottom:18px}.cmx-guide-hub-v18 .cmx-exchange-start-v18 b{display:block;font-size:20px;color:#fff}.cmx-guide-hub-v18 .cmx-exchange-start-v18 span{display:block;font-size:12px;color:#a7b8cd;margin-top:5px}.cmx-guide-hub-v18 .cmx-exchange-start-v18 em{display:inline-block;margin-top:10px;color:#68a7ff;font-style:normal;font-size:12px;font-weight:800}
.cmx-guide-hub-v18 .cmx-seo-copy-v18{display:grid;grid-template-columns:1fr 1fr;gap:34px;padding:28px 0 0;color:#93a7c2}.cmx-guide-hub-v18 .cmx-seo-copy-v18 h3{color:#eef5ff;font-size:18px;margin:0 0 10px}.cmx-guide-hub-v18 .cmx-seo-copy-v18 p{font-size:14px;line-height:1.85;margin:0}.cmx-guide-hub-v18 .cmx-no-results-v18{display:none;text-align:center;color:#91a6c2;padding:30px;border:1px dashed var(--gline);border-radius:16px;margin-top:18px}
@media(max-width:1100px){.cmx-guide-hub-v18 .cmx-guide-hero-v18__grid{grid-template-columns:1fr;gap:30px}.cmx-guide-hub-v18 .cmx-guide-hero-v18__media{max-width:820px}.cmx-guide-hub-v18 .cmx-journey-v18{grid-template-columns:repeat(3,1fr)}.cmx-guide-hub-v18 .cmx-editorial-grid-v18{grid-template-columns:repeat(2,1fr)}.cmx-guide-hub-v18 .cmx-concept-grid-v18{grid-template-columns:repeat(3,1fr)}.cmx-guide-hub-v18 .cmx-exchange-start-v18{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.cmx-guide-hub-v18 .cmx-guide-hero-v18{padding:42px 0 30px}.cmx-guide-hub-v18 .cmx-guide-hero-v18 h1{font-size:42px}.cmx-guide-hub-v18 .cmx-guide-section-v18{padding:44px 0}.cmx-guide-hub-v18 .cmx-guide-section-head-v18{align-items:flex-start;flex-direction:column;gap:6px}.cmx-guide-hub-v18 .cmx-journey-v18{grid-template-columns:repeat(2,1fr)}.cmx-guide-hub-v18 .cmx-editorial-grid-v18,.cmx-guide-hub-v18 .cmx-problem-layout-v18,.cmx-guide-hub-v18 .cmx-seo-copy-v18{grid-template-columns:1fr}.cmx-guide-hub-v18 .compact-links-v18{grid-template-columns:1fr}.cmx-guide-hub-v18 .cmx-concept-grid-v18{grid-template-columns:1fr 1fr}.cmx-guide-hub-v18 .cmx-guide-hero-v18__overlay{display:none}}
@media(max-width:480px){.cmx-guide-hub-v18 .cmx-journey-v18,.cmx-guide-hub-v18 .cmx-concept-grid-v18,.cmx-guide-hub-v18 .cmx-exchange-start-v18{grid-template-columns:1fr}.cmx-guide-hub-v18 .cmx-journey-v18 a{min-height:120px}.cmx-guide-hub-v18 .cmx-editorial-card-v18__body{padding:16px}.cmx-guide-hub-v18 .cmx-guide-search-v18 input{height:56px;font-size:15px}}

/* V1.8.1 interaction hotfix */
.cmx-guide-hub-v18 .cmx-guide-hero-v18__actions{position:relative;z-index:5}
.cmx-guide-hub-v18 .cmx-guide-hero-v18__actions .cmx-btn{position:relative;z-index:6;pointer-events:auto}
.cmx-guide-hub-v18 .cmx-exchange-start-v18 a>.cmx-copy{z-index:2}