*{box-sizing:border-box}body{margin:0;background:#f4f5ef;color:#172e27;font-family:system-ui,-apple-system,"Microsoft Yahei",sans-serif}header{max-width:1080px;margin:auto;display:flex;justify-content:space-between;padding:26px 24px;border-bottom:1px solid #d8ded3;font-size:13px}.brand{font-weight:800;letter-spacing:2px}main{max-width:1080px;margin:auto;padding:0 24px}.hero{padding:64px 0 44px}.hero>p:first-child{color:#5e7566;font-size:14px}h1{font-size:clamp(36px,6vw,62px);letter-spacing:-2px;line-height:1.2;margin:16px 0}.intro{color:#607066;line-height:1.7}button{font:inherit;cursor:pointer;border:1px solid #ccd5c8;background:transparent;border-radius:100px;padding:10px 18px;color:inherit}#install{background:#193e30;color:white;border:0;margin:8px 0 14px}#status{display:block;color:#66786a;font-size:12px}nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.selected{background:#dce7d6;border-color:#dce7d6}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}article{background:#fff;border:1px solid #dfe4d9;border-radius:22px;padding:28px;display:flex;flex-direction:column;align-items:flex-start}article[hidden]{display:none}.icon{width:72px;height:72px;border-radius:19px;display:grid;place-content:center;font-size:40px;font-weight:800;margin-bottom:25px}.family{background:#47735e;color:#fff}.game{background:#252f2b;color:#d8ba69;font-family:monospace;text-align:center}.game span{display:block;font-size:11px}.tag{font-size:12px;color:#6d7b6d}h2{font-size:24px;margin:12px 0}article p{color:#697569;line-height:1.8;font-size:14px;min-height:50px}.open{display:flex;justify-content:space-between;width:100%;text-decoration:none;border-top:1px solid #e9ece4;padding-top:18px;margin-top:auto;color:#244d39;font-weight:700}article small{font-size:11px;color:#7c8178;margin-top:14px}.note{padding:28px;background:#e9eee2;border-radius:18px;margin:32px 0}.note h2{font-size:17px}.note p,footer{font-size:13px;line-height:1.9;color:#65715f}.note a{color:#2c5238;font-size:13px}footer{padding:0 0 32px}@media(max-width:620px){.grid{grid-template-columns:1fr}.hero{padding-top:38px}header{padding:22px 20px}main{padding:0 20px}article{padding:24px}}