@charset "UTF-8";
:root{--ink:#102638;--paper:#f6f4e9;--muted:#5f6c72;--teal:#007b79;--mint:#a9ece0;--yellow:#ffdb66;--line:#d7d9ce;--navy:#071b31;font-family:Arial,"PingFang TC","Microsoft JhengHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--teal);outline-offset:6px}.wrap{max-width:1200px;margin-inline:auto;padding-inline:40px}.header{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-weight:900;font-size:17px;letter-spacing:-.5px}.brand img{border-radius:10px}.brand-dot{color:var(--teal)}nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:700}nav a:hover{color:var(--teal)}nav button{border:1px solid #bfc8bf;background:transparent;border-radius:5px;padding:10px 13px;color:var(--ink);cursor:pointer}nav button:hover{background:#e8eadd}nav button span{margin-left:12px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;padding-top:88px;padding-bottom:96px}.eyebrow{font-family:"Courier New",monospace;font-size:11px;letter-spacing:1.5px;font-weight:700;margin:0 0 25px;display:flex;align-items:center;gap:10px}.pixel-spark{font-size:23px;color:var(--teal)}h1{font-size:clamp(52px,5.6vw,78px);line-height:1.05;letter-spacing:-4px;font-weight:850;margin:0 0 27px}h1 span{color:var(--teal)}.intro{font-size:19px;line-height:1.65;max-width:410px;margin:0 0 12px}.sub-intro{font-size:14px;line-height:1.7;color:var(--muted);max-width:400px;margin:0}.primary{display:inline-flex;align-items:center;gap:35px;background:var(--ink);color:#fff;padding:18px 22px;font-size:13px;font-weight:700;border-radius:5px;margin-top:30px;box-shadow:3px 3px 0 #aebbb0;transition:transform .15s}.primary:hover{transform:translateY(-2px);background:var(--teal)}.primary>span:last-child{font-size:18px}.hero-note{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:11px;margin-top:23px}.status-dot{width:6px;height:6px;background:var(--teal);border-radius:50%}.hero-art{background:var(--navy);border:1px solid #18384b;border-radius:10px;box-shadow:12px 12px 0 #e1e6d9;position:relative;transform:rotate(2deg)}.window-bar,.art-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 17px;color:#a1bdc8;font:10px "Courier New",monospace}.window-bar{border-bottom:1px solid #244050}.window-dots{display:flex;gap:5px}.window-dots i{height:6px;width:6px;border-radius:50%;background:#e9877d}.window-dots i:nth-child(2){background:var(--yellow)}.window-dots i:nth-child(3){background:var(--mint)}.mascot{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.art-footer{border-top:1px solid #244050;letter-spacing:1px}.art-footer>span:last-child{color:var(--mint)}.floating-label{position:absolute;right:-18px;bottom:77px;background:var(--yellow);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:13px 18px;transform:rotate(-6deg);font:700 13px "Courier New",monospace;display:flex;align-items:center;gap:12px}.floating-label>span:first-child{font-size:23px}.ticker{background:var(--mint);border-block:1px solid #95c5b8}.ticker>.wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:18px;font:700 11px "Courier New",monospace;letter-spacing:1.8px}.ticker span:nth-child(even){font-size:19px}.about{padding-top:85px;padding-bottom:84px;display:grid;grid-template-columns:1fr 1fr;gap:35px 85px}.section-head .eyebrow{color:var(--teal);margin-bottom:20px}h2{font-size:39px;line-height:1.16;letter-spacing:-1.5px;margin:0}.about-copy{padding-top:22px}.about-copy p{font-size:16px;line-height:1.9;margin:0 0 15px}.about-copy .muted{font-size:14px;color:var(--muted)}.topics{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin-top:24px}.topics article{border-top:1px solid var(--line);padding:29px 30px 0 0;position:relative}.topics article+article{border-left:1px solid var(--line);padding-left:30px}.topic-number{font:11px "Courier New",monospace;color:var(--muted)}.topic-icon{height:46px;width:46px;background:#e2e9db;border:1px solid #c6d6c6;border-radius:8px;display:grid;place-items:center;font-size:26px;color:var(--teal);margin:25px 0 21px}h3{font-size:18px;letter-spacing:-.4px;margin:0 0 12px}.topics p{font-size:14px;color:var(--muted);line-height:1.8;margin:0;max-width:280px}.closing{background:var(--ink);color:var(--paper);padding:37px 40px;display:flex;align-items:center;gap:28px;border-radius:9px;max-width:1120px}.closing-spark{color:var(--yellow);font-size:57px}.closing .eyebrow{color:var(--mint);font-size:10px;margin-bottom:12px}.closing h2{font-size:29px;letter-spacing:-1px}.closing p:last-child{font-size:13px;line-height:1.8;color:#bac9ca;margin:12px 0 0}.back-top{margin-left:auto;align-self:center;display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border:1px solid #647681;border-radius:50%;font-size:22px}.back-top:hover{color:var(--yellow);border-color:var(--yellow)}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:10px;padding-block:35px}.footer-end{font:11px "Courier New",monospace}.footer-end span{color:var(--teal);margin-left:8px}html[lang="zh-Hant"] h1{font-size:clamp(48px,5.1vw,68px);line-height:1.17;letter-spacing:-2px}html[lang="zh-Hant"] h2{letter-spacing:0}html[lang="zh-Hant"] .intro{font-size:18px}
@media(min-width:1440px){.hero{padding-top:100px;padding-bottom:110px}}@media(max-width:900px){.wrap{padding-inline:28px}.hero{gap:32px;padding-top:65px;padding-bottom:70px}h1{font-size:57px;letter-spacing:-3px}.intro{font-size:17px}.floating-label{right:-8px;padding:10px 12px}.closing{margin-inline:28px}.about{gap:32px}.ticker>.wrap{letter-spacing:.6px}.footer>span:nth-child(2){max-width:230px;text-align:center}}@media(max-width:650px){.wrap{padding-inline:23px}.header{height:82px}.brand{font-size:14px;gap:9px}.brand img{width:33px;height:33px}nav{gap:15px}nav>a{display:none}nav button{font-size:12px;padding:8px 10px}nav button span{margin-left:5px}.hero{grid-template-columns:1fr;gap:44px;padding-top:47px;padding-bottom:53px}.eyebrow{font-size:10px;margin-bottom:22px}h1{font-size:62px;letter-spacing:-3px;margin-bottom:23px}.intro{max-width:340px;font-size:17px}.sub-intro{font-size:13px}.hero-art{max-width:400px;width:calc(100% - 14px);justify-self:center;transform:rotate(1.5deg)}.mascot{max-height:340px}.floating-label{bottom:52px;font-size:12px}.window-bar,.art-footer{font-size:9px;padding:12px 14px}.hero-note{margin-top:19px}.primary{margin-top:25px}.ticker>.wrap{justify-content:center;padding-block:15px;font-size:10px;gap:14px}.ticker span:nth-child(n+4){display:none}.about{grid-template-columns:1fr;padding-top:54px;padding-bottom:49px;gap:17px}h2{font-size:34px}.about-copy{padding-top:0}.about-copy p{font-size:15px}.topics{grid-template-columns:1fr;margin-top:12px;gap:0}.topics article,.topics article+article{padding:24px 0 26px 66px;border-left:0}.topic-icon{position:absolute;left:0;top:28px;margin:0;width:43px;height:43px}.topic-number{font-size:10px}.topics h3{margin:10px 0 8px}.topics p{max-width:none}.closing{margin-inline:23px;padding:29px 23px;gap:18px;align-items:flex-start}.closing-spark{font-size:33px}.closing h2{font-size:25px}.closing .eyebrow{font-size:9px;letter-spacing:1px}.closing p:last-child{font-size:12px}.back-top{display:none}.footer{flex-wrap:wrap;justify-content:space-between;padding-block:27px;gap:12px}.footer>span:nth-child(2){order:3;max-width:none;width:100%;text-align:left;font-size:10px}html[lang="zh-Hant"] h1{font-size:53px}html[lang="zh-Hant"] .ticker>.wrap{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary{transition:none}}