:root{--blue:#087af5;--ink:#121212;--cream:#fff1c3;--muted:#696e77}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #ffb800;outline-offset:6px}.skip{position:absolute;top:-80px;left:20px;background:#fff;padding:12px;z-index:10}.skip:focus{top:12px}.wrap{width:min(1240px,calc(100% - 80px));margin:auto}.header{background:var(--ink);color:#fff}.header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:94px;gap:24px}.logo{font-size:34px;font-weight:850;letter-spacing:-2px;line-height:1}.logo span{color:var(--blue)}nav{display:flex;gap:42px;font-size:14px;letter-spacing:.07em}nav a{padding:14px 0;border-bottom:2px solid transparent}nav a:hover,nav a[aria-current=page]{border-color:var(--blue)}.hero{background:var(--blue);color:white;overflow:hidden;position:relative;min-height:560px;display:flex;align-items:center}.hero .wrap{position:relative;padding-top:76px;padding-bottom:76px}.hero h1{position:relative;z-index:1;font-family:"Arial Black",Arial,sans-serif;font-size:clamp(58px,8.5vw,120px);line-height:.94;letter-spacing:-.065em;font-weight:950;margin:0;max-width:850px}.hero h1 span{display:block}.hero p{margin:32px 0 0;font-size:20px;letter-spacing:.15em}.hero-mark{position:absolute;width:340px;height:340px;object-fit:contain;right:-24px;top:38px;transform:rotate(-12deg);opacity:.95}.hero .cta{display:inline-flex;margin-top:38px;border-bottom:1px solid rgba(255,255,255,.65);padding:6px 0;gap:44px;font-size:14px}.hero .cta:hover{color:var(--cream)}.section{padding:92px 0}.section-title{font-size:40px;line-height:1.3;letter-spacing:-.04em;margin:0 0 12px;font-weight:750}.section-intro{color:var(--muted);margin:0;font-size:16px}.cooperate{background:#f5f8fc}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:44px}.card{background:#fff;padding:32px 26px;min-height:235px;border-radius:16px;box-shadow:0 8px 30px #17365b08;border-top:4px solid var(--blue)}.card h3{font-size:24px;margin:0 0 14px;font-weight:650}.card p{margin:0;color:var(--muted);font-size:14px;line-height:1.9}.footer{background:var(--ink);color:#fff;padding:46px 0 28px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:38px}.footer-links{display:flex;gap:28px;color:#d3d3d3;font-size:13px}.footer-bottom{border-top:1px solid #333;padding-top:22px;font-size:12px;color:#aaa;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.legal{display:flex;gap:20px;flex-wrap:wrap}.footer a:hover{text-decoration:underline}.page-title{background:var(--blue);color:#fff;padding:72px 0}.page-title h1{font-family:"Arial Black",Arial,sans-serif;font-size:clamp(48px,7vw,88px);letter-spacing:-.05em;line-height:1.1;margin:0}.page-title p{margin:16px 0 0;font-size:18px}.game{display:grid;grid-template-columns:260px 1fr;gap:56px;align-items:center;max-width:940px}.game-art{width:260px;height:260px;border-radius:30px;object-fit:cover}.game h2{font-size:36px;line-height:1.2;margin:0 0 18px}.game p{color:var(--muted);font-size:16px;max-width:540px}.button{display:inline-flex;align-items:center;gap:24px;background:var(--blue);color:#fff;padding:12px 25px;border-radius:6px;font-size:14px;margin-top:12px}.button:hover{background:#0562c8}.contact{min-height:390px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.contact h2{font-size:32px;margin:0 0 24px}.contact .label{font-size:13px;color:var(--muted);margin:0 0 8px}.email{font-size:clamp(18px,2.8vw,30px);color:var(--blue);border-bottom:1px solid #b9d9fc;overflow-wrap:anywhere}.company{font-size:22px;max-width:400px;line-height:1.8;margin:0}.back{display:inline-block;margin-top:32px;color:var(--blue)}@media(max-width:900px){.wrap{width:calc(100% - 48px)}.hero{min-height:500px}.hero-mark{width:230px;height:230px;right:-55px;top:82px;opacity:.7}.hero h1{font-size:clamp(68px,11vw,100px)}.cards{grid-template-columns:repeat(2,1fr)}.contact{gap:40px}.game{grid-template-columns:210px 1fr;gap:32px}.game-art{width:210px;height:210px}}@media(max-width:560px){.wrap{width:calc(100% - 40px)}.header .wrap{min-height:88px;gap:16px}.logo{font-size:28px}nav{gap:17px;font-size:11px;letter-spacing:0}.hero{min-height:450px}.hero .wrap{padding-top:64px;padding-bottom:64px}.hero h1{font-size:66px;line-height:1}.hero-mark{width:170px;height:170px;right:-32px;top:67px;opacity:.45}.hero p{font-size:16px;letter-spacing:.08em}.section{padding:58px 0}.section-title{font-size:30px}.cards{gap:14px;margin-top:30px}.card{padding:23px 18px;min-height:220px}.card h3{font-size:21px}.card p{font-size:13px}.footer-top{align-items:flex-start;flex-direction:column;padding-bottom:28px}.footer-links{gap:24px}.page-title{padding:50px 0}.game{grid-template-columns:1fr;gap:28px}.game-art{width:180px;height:180px}.game h2{font-size:30px}.contact{grid-template-columns:1fr;gap:42px;min-height:0}.company{font-size:21px}.footer-bottom{font-size:11px}.legal{gap:8px 18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Bilingual text is present in the HTML; the root language selects the visible copy. */
html[lang="zh-CN"] [data-language="en"],html[lang="en"] [data-language="zh"]{display:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.header .logo{margin-right:auto}.language-switcher{flex-shrink:0}.language-switcher select{font:inherit;font-size:12px;color:#fff;background:#222;border:1px solid #555;border-radius:5px;padding:8px 7px;max-width:120px;cursor:pointer}.language-switcher select:focus-visible{outline:3px solid #ffb800;outline-offset:3px}.hero p.hero-description{font-size:16px;line-height:1.9;letter-spacing:0;max-width:590px;margin-top:15px}.hero .wrap{padding-top:58px;padding-bottom:58px}.section-intro{max-width:810px;line-height:1.9}.card h3{font-size:22px;line-height:1.4}.card p{line-height:1.8}.contact-note{font-size:14px;line-height:1.9;color:var(--muted);margin-top:22px;max-width:470px}.footer-bottom>span{max-width:650px}html[lang="en"] .company{font-size:20px;line-height:1.7}html[lang="en"] .cards .card{min-height:260px}html[lang="en"] .hero-description{max-width:540px}
@media(max-width:560px){.header .wrap{flex-wrap:wrap;padding:18px 0 8px;gap:4px 14px}.header nav{order:3;width:100%;justify-content:center;gap:38px;font-size:12px;margin-top:4px}.language-switcher{order:2}.header nav a{padding:10px 0}.hero .wrap{padding-top:52px;padding-bottom:52px}.hero p.hero-description{font-size:14px;max-width:315px}.hero-mark{top:60px}.card h3{font-size:19px}.card{min-height:235px}html[lang="en"] .cards .card{min-height:300px}.contact-note{font-size:14px}.contact .email{font-size:20px}html[lang="en"] .company{font-size:18px}}