@font-face{font-family:Outfit;src:url(/fonts/Outfit-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/Outfit-Bold.ttf) format("truetype");font-weight:600 800;font-display:swap}:root{font-family:Outfit,PingFang SC,Microsoft YaHei,sans-serif;color:#243732;background:#f3f0e8;font-synthesis:none;--ink:#243732;--muted:#78847b;--line:#d7d9cf;--orange:#df7856;--green:#427c65}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}.hub-header{height:88px;max-width:1500px;margin:auto;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.hub-brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:700;letter-spacing:.13em}.hub-brand>span:last-child{display:flex;flex-direction:column}.hub-brand small{margin-top:2px;color:var(--muted);font-size:7px;letter-spacing:.16em;font-weight:400}.brand-mark{position:relative;width:31px;height:31px;transform:rotate(-7deg)}.brand-mark i{position:absolute;width:19px;height:19px;border-radius:5px;background:var(--orange)}.brand-mark i:last-child{right:0;bottom:0;background:var(--green)}.header-meta{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:9px;letter-spacing:.12em}.online-dot{width:6px;height:6px;border-radius:50%;background:#6d9b78;box-shadow:0 0 0 4px #e2e8dc}.hero{max-width:1500px;min-height:515px;margin:auto;padding:50px 5vw 42px;display:grid;grid-template-columns:.88fr 1.12fr;gap:35px}.hero-copy{position:relative;z-index:1;padding-top:15px}.eyebrow{margin:0;color:var(--green);font-size:9px;font-weight:700;letter-spacing:.18em}.hero h1{margin:22px 0 0;font-size:clamp(47px,5.1vw,74px);line-height:1.1;letter-spacing:-.055em}.hero h1 em{color:var(--orange);font-style:normal}.hero-description{margin:22px 0 0;color:var(--muted);font-size:13px;line-height:1.95}.hero-link{display:inline-flex;align-items:center;gap:30px;margin-top:26px;padding-bottom:7px;border-bottom:1px solid var(--ink);font-size:11px;font-weight:700}.hero-link span{color:var(--orange)}.hero-note{display:flex;align-items:center;gap:14px;margin-top:32px}.hero-note>span{font-size:29px;color:#a3b0a3}.hero-note p{margin:0;padding-left:14px;border-left:1px solid var(--line);color:var(--muted);font-size:9px;line-height:1.6}.hero-scene{position:relative;min-width:0;overflow:hidden;border-radius:3px;background:radial-gradient(ellipse at 50% 40%,#e4e9de,#e5e6da 55%,#dcded1)}#arcade-canvas{position:absolute;top:0;right:0;bottom:0;left:0}#arcade-canvas canvas{display:block;width:100%;height:100%}.scene-caption{position:absolute;left:22px;right:22px;bottom:18px;display:flex;justify-content:space-between;color:#7b8b7e;font-size:8px;letter-spacing:.12em;pointer-events:none}.scene-caption span:last-child{letter-spacing:0}.games-section{max-width:1500px;margin:auto;padding:35px 5vw 48px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.section-heading h2{margin:0;font-size:21px;letter-spacing:-.025em}.section-heading>span{color:var(--muted);font-size:9px;letter-spacing:.12em}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.game-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#f9f7ef;transition:transform .25s,box-shadow .25s}.game-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #2b3c2e1f}.card-visual{position:relative;height:195px;overflow:hidden}.toy-card .card-visual{background:#1e2235}.sky-card .card-visual{background:#d9ece5}.office-card .card-visual{background:#e8d9bc}.visual-number{position:absolute;top:16px;left:18px;font-size:10px;letter-spacing:.1em;opacity:.6}.toy-card .visual-number{color:#b6bedf}.sky-card .visual-number{color:#487d78}.office-card .visual-number{color:#836947}.visual-label{position:absolute;left:18px;bottom:15px;font-size:8px;letter-spacing:.16em;opacity:.7}.toy-card .visual-label{color:#aab7db}.sky-card .visual-label{color:#4b7f78}.office-card .visual-label{color:#856e4f}.card-content{padding:21px 22px 19px}.card-tags{display:flex;gap:7px}.card-tags span{padding:4px 8px;border:1px solid var(--line);border-radius:20px;color:var(--muted);font-size:8px}.card-content h3{margin:13px 0 0;font-size:24px;letter-spacing:-.035em}.card-content>p{min-height:43px;margin:10px 0 20px;color:var(--muted);font-size:11px;line-height:1.85}.card-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid var(--line);font-size:8px;color:var(--muted)}.card-bottom b{font-size:10px;font-weight:700;color:var(--green)}.toy-card .card-bottom b{color:#9a5c7e}.sky-card .card-bottom b{color:#3f8880}.office-card .card-bottom b{color:#a36e3f}.toy-robot{position:absolute;left:50%;top:49%;width:80px;height:100px;transform:translate(-50%,-50%) rotate(-5deg);filter:drop-shadow(14px 15px 12px #090d1a)}.robot-head{position:absolute;left:8px;top:10px;width:65px;height:45px;border-radius:13px;background:#d4a866;border:5px solid #6b6170;box-shadow:inset 0 -7px #ac7f5a}.robot-head:after{content:"";position:absolute;top:9px;right:7px;bottom:9px;left:7px;background:#293442;border-radius:7px}.robot-head b{position:relative;z-index:1;display:inline-block;width:9px;height:11px;margin:16px 7px 0 15px;border-radius:3px;background:#88f2eb;box-shadow:0 0 10px #64dcd7}.robot-body{position:absolute;top:55px;left:17px;width:48px;height:34px;border-radius:9px;background:#8b7182;border:5px solid #554b61}.robot-body:after{content:"";position:absolute;left:13px;top:7px;width:11px;height:11px;border-radius:50%;background:#e68cab;box-shadow:0 0 12px #f277ad}.antenna{position:absolute;left:40px;top:-4px;width:5px;height:18px;background:#948184}.antenna:after{content:"";position:absolute;left:-4px;top:-5px;width:12px;height:12px;border-radius:50%;background:#f28eb7;box-shadow:0 0 12px #e975ab}.toy-robot .arm{position:absolute;top:59px;width:17px;height:34px;border-radius:7px;background:#b99b78}.toy-robot .left{left:0;transform:rotate(12deg)}.toy-robot .right{right:-2px;transform:rotate(-20deg)}.toy-robot .leg{position:absolute;top:86px;width:20px;height:17px;border-radius:5px;background:#7f7180}.toy-robot .leg.left{left:17px}.toy-robot .leg.right{right:15px}.sky-world{position:absolute;left:50%;top:50%;width:180px;height:130px;transform:translate(-50%,-48%)}.island{position:absolute;left:25px;top:50px;width:130px;height:42px;border-radius:50%;background:#f2e9cc;box-shadow:0 12px 0 -4px #aaa48c,0 22px 0 -10px #959987,0 35px 15px -15px #789c8d}.tower{position:absolute;bottom:34px;width:15px;background:#f7f1d9;border-radius:3px 3px 0 0;box-shadow:inset -4px 0 #c7d2bc}.tower:after{content:"";position:absolute;left:-5px;right:-5px;top:-5px;height:7px;border-radius:2px;background:#d4b777}.tower.one{left:33px;height:48px}.tower.two{left:57px;height:66px}.tower.three{left:81px;height:39px}.island .star{position:absolute;left:58px;top:-41px;color:#53b9af;font-size:24px;font-style:normal;text-shadow:0 0 15px #80d6c4}.cloud{position:absolute;width:65px;height:17px;border-radius:50%;background:#f8faf0;box-shadow:20px -8px 0 -2px #f8faf0}.cloud.one{left:-4px;top:30px}.cloud.two{right:-15px;top:88px;transform:scale(.8)}.office-world{position:absolute;left:50%;top:51%;width:170px;height:120px;transform:translate(-50%,-50%)}.office-desk{position:absolute;left:18px;top:49px;width:128px;height:16px;border-radius:3px;background:#aa825a;box-shadow:0 5px #8b6e50}.monitor{position:absolute;left:38px;top:-47px;width:57px;height:40px;border:5px solid #596b65;border-radius:4px;background:#7aa095}.monitor:after{content:"";position:absolute;left:21px;bottom:-16px;width:7px;height:12px;background:#596b65}.keyboard{position:absolute;left:41px;top:-5px;width:48px;height:7px;background:#d7d6be;transform:skew(-25deg)}.desk-leg{position:absolute;top:18px;width:7px;height:45px;background:#6c776a}.desk-leg.left{left:12px}.desk-leg.right{right:12px}.office-clock{position:absolute;right:6px;top:-12px;width:35px;height:35px;border:4px solid #647d6a;border-radius:50%;background:#f7edcf}.office-clock:before,.office-clock:after{content:"";position:absolute;left:14px;top:6px;width:2px;height:10px;background:#647d6a;transform-origin:bottom}.office-clock:after{transform:rotate(120deg)}.mail{position:absolute;left:5px;top:0;padding:5px 8px;border-radius:4px;background:#dc8263;color:#fff4d8;transform:rotate(-13deg);box-shadow:3px 4px #b3664c}.hub-footer{max-width:1500px;margin:auto;padding:23px 5vw 30px;display:flex;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted);font-size:8px;letter-spacing:.1em}@media(min-width:1600px){.hero{min-height:570px}.card-visual{height:220px}}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:25px}.hero-scene{min-height:330px}.hero-copy{padding-top:0}.game-grid{grid-template-columns:1fr}.card-visual{height:210px}.card-content>p{min-height:0}.hero h1{font-size:58px}.game-card{display:grid;grid-template-columns:.85fr 1.15fr}.card-visual{height:100%;min-height:230px}}@media(max-width:600px){.hub-header{height:70px;padding:0 20px}.header-meta{display:none}.hero{padding:35px 20px 25px}.hero h1{font-size:46px}.hero-description{font-size:11px}.hero-scene{min-height:280px}.games-section{padding:28px 20px 35px}.section-heading h2{font-size:18px}.section-heading>span{display:none}.game-grid{gap:17px}.game-card{display:block}.card-visual{height:190px;min-height:0}.card-content{padding:19px}.hub-footer{padding:22px 20px;flex-direction:column;gap:8px}}