*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg-6);color:var(--text-1);font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;-webkit-tap-highlight-color:transparent}#choose{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(env(safe-area-inset-top) + 24px) 20px calc(env(safe-area-inset-bottom) + 24px);text-align:center}h1{margin:0;font-size:40px;color:var(--text-4)}p{margin:10px 0 28px;color:var(--text-2);font-size:18px}.cards{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.card{width:min(80vw,260px);padding:28px 20px;border-radius:20px;background:var(--bg-1);color:var(--text-1);text-decoration:none;box-shadow:0 6px 20px var(--bg-4);transition:transform .15s}.card:active{transform:scale(.96)}@media(hover:hover){.card:hover{transform:translateY(-4px)}}.icon{color:var(--text-4);line-height:0}.name{margin-top:8px;font-size:28px;font-weight:800;color:var(--text-4)}.desc{margin-top:8px;font-size:14px;color:var(--text-2);line-height:1.5}.lang{position:absolute;top:calc(env(safe-area-inset-top) + 12px);right:calc(env(safe-area-inset-right) + 12px);min-height:44px;padding:0 16px;border:0;border-radius:22px;background:var(--bg-5);color:var(--text-1);font:inherit;cursor:pointer}