*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#031324;color:#fff;font-family:Arial,"Microsoft YaHei",sans-serif}
body{min-height:100vh;background:radial-gradient(circle at 50% 0,#0c4a82 0,#031324 62%)}
.roadmap-page{width:100%;min-height:100vh;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}
.roadmap-scroll{width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.roadmap-art{position:relative;width:min(100%,1672px);margin:auto}
.roadmap-art img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 24px 60px #0009}
.explorer-hotspot{position:absolute;left:22.9%;top:36.7%;width:15.8%;height:18.8%;border:3px solid transparent;border-radius:12px}
.explorer-hotspot:hover,.explorer-hotspot:focus-visible{border-color:#dfff38;background:#baff1d18;box-shadow:0 0 24px #9dff3f;outline:0}
.explorer-entry{display:inline-block;padding:13px 20px;border:2px solid #b8ff42;border-radius:9px;background:#123f18;color:#fff;font-weight:900;letter-spacing:1px;text-decoration:none;box-shadow:0 0 20px #74d62e55}
.explorer-entry:hover,.explorer-entry:focus-visible{background:#1d5d26;outline:3px solid #e5ff73;outline-offset:3px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:700px){
  .roadmap-page{padding:12px;justify-content:flex-start}
  .roadmap-art{width:900px;max-width:none;margin:0}
  .roadmap-scroll{border-radius:10px}
  .roadmap-art img{border-radius:10px}
  .explorer-entry{font-size:14px;text-align:center}
}