@font-face{font-family:"IF Final Song";font-style:normal;font-weight:400;font-display:swap;src:url("home-song-400.woff2") format("woff2")}
@font-face{font-family:"IF Final Song";font-style:normal;font-weight:500;font-display:swap;src:url("home-song-500.woff2") format("woff2")}
@font-face{font-family:"IF Final Song";font-style:normal;font-weight:600;font-display:swap;src:url("home-song-600.woff2") format("woff2")}
:root{color-scheme:light;--ink:#020c30;--blue:#0055fc;--song:"华文中宋","STZhongsong","IF Final Song","Songti SC","STSong","SimSun",serif;--en:Arial,"Helvetica Neue",sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:#fff}body{margin:0;background:#fff;color:var(--ink);font-family:var(--song)}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;cursor:pointer}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}p,h1,h2{margin:0}img{display:block;max-width:100%;user-select:none}[hidden]{display:none!important}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.site-frame{width:100%;max-width:850px;margin:0 auto;container-type:inline-size;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
.homepage{--u:calc(100cqw / 850);position:relative;padding-bottom:calc(22 * var(--u));background:radial-gradient(ellipse calc(700 * var(--u)) calc(250 * var(--u)) at calc(410 * var(--u)) calc(540 * var(--u)),#e4f0fc,transparent),radial-gradient(ellipse calc(480 * var(--u)) calc(450 * var(--u)) at calc(600 * var(--u)) calc(180 * var(--u)),#eaf4fc,transparent),radial-gradient(ellipse calc(400 * var(--u)) calc(310 * var(--u)) at calc(425 * var(--u)) calc(960 * var(--u)),#f1f7fd 65%,transparent),#fdfdfd;overflow:clip}
.home-header{height:calc(180 * var(--u));position:relative;z-index:2}
.brand{position:absolute;top:calc(37 * var(--u));left:calc(52 * var(--u));display:flex;flex-direction:column;white-space:nowrap}
.brand strong{font-family:"Times New Roman",Times,serif;position:relative;top:calc(3 * var(--u));font-size:calc(44 * var(--u));font-weight:400;line-height:calc(50 * var(--u));letter-spacing:calc(.25 * var(--u))}
.brand>span{font-size:calc(22 * var(--u));font-weight:500;line-height:calc(36 * var(--u));letter-spacing:calc(7.8 * var(--u))}
.menu-toggle{position:absolute;top:calc(39 * var(--u));right:calc(37 * var(--u));width:calc(37 * var(--u));height:calc(29 * var(--u));padding:0;border:0;border-radius:0;background:transparent;display:flex;flex-direction:column;justify-content:space-between}
.menu-toggle::after{content:"";position:absolute;inset:calc(-9 * var(--u))}
.menu-toggle i{display:block;height:calc(2 * var(--u));width:100%;background:#080c27}
.hero{height:calc(363 * var(--u));position:relative;isolation:isolate}
.globe{mask-image:linear-gradient(to right,transparent,#000 3%),linear-gradient(to bottom,transparent,#000 2%);mask-composite:intersect;position:absolute;left:calc(438 * var(--u));top:calc(-105 * var(--u));width:calc(412 * var(--u));height:calc(468 * var(--u));max-width:none;z-index:-1}
.hero h1{position:absolute;left:calc(45 * var(--u));top:calc(29 * var(--u));font-size:calc(68 * var(--u));font-weight:600;line-height:calc(91 * var(--u));letter-spacing:calc(.95 * var(--u));white-space:nowrap}
.hero h1 span{display:block}
.lead{position:absolute;left:calc(48 * var(--u));top:calc(232 * var(--u));font-size:calc(28 * var(--u));font-weight:500;line-height:calc(42 * var(--u));white-space:nowrap;letter-spacing:calc(2.65 * var(--u))}
.world{position:absolute;left:calc(49 * var(--u));top:calc(291 * var(--u));font:400 calc(13 * var(--u))/calc(20 * var(--u)) var(--en);letter-spacing:calc(4.13 * var(--u));white-space:nowrap;color:#7e92c4}
.planet-copy{position:absolute;left:calc(713 * var(--u));top:calc(76 * var(--u));width:calc(137 * var(--u))}
.planet-copy p{font:400 calc(12 * var(--u))/calc(22 * var(--u)) var(--en);letter-spacing:calc(2.9 * var(--u))}
.planet-copy strong{position:absolute;top:calc(128 * var(--u));font-size:calc(39 * var(--u));font-weight:600;line-height:calc(55 * var(--u));white-space:nowrap}
.planet-copy>span{letter-spacing:calc(1.7 * var(--u));position:absolute;top:calc(182 * var(--u));font-size:calc(18 * var(--u));font-weight:500;line-height:calc(30 * var(--u));white-space:nowrap}
.modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:calc(219 * var(--u)) calc(212 * var(--u)) calc(213 * var(--u));column-gap:calc(18 * var(--u));row-gap:calc(17 * var(--u));margin:0 calc(31 * var(--u))}
.module{position:relative;min-width:0;background:rgba(255,255,255,.92);border:calc(1 * var(--u)) solid rgba(255,255,255,.96);border-radius:calc(21 * var(--u));overflow:hidden;isolation:isolate}
.module-first{grid-column:1/-1;background:linear-gradient(112deg,#fff 20%,#eff8ff 70%,#e8f4ff)}
.card-icon{position:absolute;left:calc(16 * var(--u));top:calc(40 * var(--u));width:calc(96 * var(--u));height:calc(99 * var(--u));object-fit:contain;max-width:none}
.module-first .card-icon{left:calc(16 * var(--u));top:calc(41 * var(--u));width:calc(114 * var(--u));height:calc(112 * var(--u))}
.first-orbit{mask-image:linear-gradient(to right,transparent,#000 12%);position:absolute;left:calc(426 * var(--u));top:0;width:calc(360 * var(--u));height:calc(216 * var(--u));max-width:none;z-index:-1}
.orbit-label{position:absolute;left:calc(647 * var(--u));top:calc(115 * var(--u));font:400 calc(11 * var(--u))/calc(20 * var(--u)) var(--en);letter-spacing:calc(2.7 * var(--u))}
.number{position:absolute;left:calc(126 * var(--u));top:calc(13 * var(--u));font:400 calc(26 * var(--u))/calc(34 * var(--u)) var(--en);color:#8598c6}
.module h2{position:absolute;left:calc(127 * var(--u));top:calc(48 * var(--u));font-size:calc(38 * var(--u));font-weight:600;line-height:calc(55 * var(--u));white-space:nowrap}
.module-en{position:absolute;left:calc(128 * var(--u));top:calc(106 * var(--u));font:400 calc(17 * var(--u))/calc(27 * var(--u)) var(--en);letter-spacing:calc(4.5 * var(--u));color:#7f93c6;white-space:nowrap}
.module-prompt{position:absolute;left:calc(127 * var(--u));top:calc(141 * var(--u));font-size:calc(28 * var(--u));font-weight:500;line-height:calc(42 * var(--u));color:var(--blue);text-decoration-line:underline;text-decoration-thickness:calc(1.3 * var(--u));text-underline-offset:calc(6 * var(--u));text-decoration-color:rgba(0,103,255,.78);white-space:nowrap;cursor:pointer}
.module-first .number{left:calc(147 * var(--u));top:calc(12 * var(--u))}
.module-first h2{left:calc(146 * var(--u));top:calc(48 * var(--u));font-size:calc(46.6 * var(--u));line-height:calc(67 * var(--u))}
.module-first .module-en{left:calc(148 * var(--u));top:calc(115 * var(--u));font-size:calc(16 * var(--u));letter-spacing:calc(3.4 * var(--u))}
.module-first .module-prompt{left:calc(147 * var(--u));top:calc(148 * var(--u));font-size:calc(27.5 * var(--u))}
@media(hover:hover){.module:hover .module-prompt{text-decoration-color:#0058e9}}
.module:active .module-prompt,.module.is-pressed .module-prompt{text-decoration-color:#004ed9;opacity:.92}
.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(18 * var(--u));height:calc(124 * var(--u));margin:calc(27 * var(--u)) calc(31 * var(--u)) 0}
.action{position:relative;border:calc(2 * var(--u)) solid #b7d7ff;border-radius:calc(20 * var(--u));background:rgba(255,255,255,.86);white-space:nowrap}
.action-looking{color:#fff;background:linear-gradient(105deg,#0082ff,#0068fe);border-color:transparent}
.action-icon{position:absolute;left:calc(22 * var(--u));top:calc(30 * var(--u));width:calc(58 * var(--u));height:calc(58 * var(--u));max-width:none;object-fit:contain}
.action-market .action-icon{left:calc(23 * var(--u));top:calc(31 * var(--u));width:calc(44 * var(--u));height:calc(55 * var(--u))}
.action strong{position:absolute;left:calc(97 * var(--u));top:calc(20 * var(--u));font-size:calc(32 * var(--u));font-weight:600;line-height:calc(50 * var(--u))}
.action>span{position:absolute;left:calc(94 * var(--u));top:calc(76 * var(--u));font:400 calc(13 * var(--u))/calc(20 * var(--u)) var(--en);letter-spacing:calc(1.6 * var(--u))}
.action-market strong{left:calc(91 * var(--u));top:calc(25 * var(--u));font-size:calc(28 * var(--u));line-height:calc(46 * var(--u))}
.action-market>span{left:calc(89 * var(--u));font-size:calc(12 * var(--u));letter-spacing:calc(.05 * var(--u));color:#7b90c1}
.action:active{opacity:.96}
.home-footer{padding-top:calc(42 * var(--u));text-align:center}
.home-footer p{display:flex;align-items:center;justify-content:center;gap:calc(28 * var(--u));font-size:calc(20 * var(--u));font-weight:500;line-height:calc(34 * var(--u));letter-spacing:calc(2 * var(--u));white-space:nowrap}
.home-footer i{width:calc(40 * var(--u));height:calc(2 * var(--u));background:#1765ff}
.home-footer small{display:block;margin-top:calc(12 * var(--u));font:400 calc(18 * var(--u))/calc(28 * var(--u)) var(--en);letter-spacing:calc(10 * var(--u));text-indent:calc(10 * var(--u));color:#8296c8}
/* Preserve the existing seven-link navigation and opening behavior. */
.home-navigation{position:absolute;z-index:10;top:8%;left:5.3%;right:5.3%;padding:18px 5.3%;background:#f3f8ff;border-bottom:1px solid #d7e7fa;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}
.home-navigation a{display:flex;align-items:center;min-height:44px;color:#173b75;font:15px/1.6 var(--song);text-decoration:underline;text-underline-offset:4px;text-decoration-color:#8aafd8}
.menu-toggle{z-index:11}

/* Final measured right-column alignment, in source-image units. */
.module-factory h2,.module-expert h2{left:calc(130 * var(--u))}
.module-factory .module-prompt,.module-expert .module-prompt{left:calc(129 * var(--u))}
.module-factory .number,.module-expert .number{left:calc(129 * var(--u))}
.module-factory .module-en,.module-expert .module-en{left:calc(129 * var(--u))}

/* Foreground colours sampled from the supplied final reference. */
.brand strong{color:#030a2f}
.brand>span{color:#06155b}
.lead{color:#060c3d}
.planet-copy p{color:#07144d}
.planet-copy>span{color:#081453}
.home-footer p{color:#081452}