:root{--bg:#e8f4fc;--text:#1e293b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}html,body{width:100%;height:100%;margin:0;padding:0}body{touch-action:manipulation;background:var(--bg);overflow:hidden}#app{width:100%;height:100%;position:fixed;inset:0}#app canvas{touch-action:none;display:block}:root{--bg:#e8f4fc;--text:#1e293b;--muted:#64748b;--panel:#fff;--panel-border:#e2e8f0;--accent:#0ea5e9;--accent-dim:#0284c7;--font:system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif}body{overflow:auto}#hub-root{box-sizing:border-box;max-width:960px;min-height:100%;font-family:var(--font);margin:0 auto;padding:28px 20px 56px}.hub__hero{text-align:center;margin-bottom:32px}.hub__title{letter-spacing:-.02em;color:var(--text);margin:0 0 10px;font-size:clamp(32px,5vw,44px);font-weight:750}.hub__lede{max-width:520px;color:var(--muted);margin:0 auto;font-size:16px;line-height:1.65}.hub__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.hub-card{background:var(--panel);border:1px solid var(--panel-border);color:inherit;border-radius:16px;flex-direction:column;padding:20px 20px 18px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 4px 20px #0f172a0a}.hub-card:hover{border-color:color-mix(in srgb, var(--card-accent) 40%, var(--panel-border));transform:translateY(-3px);box-shadow:0 12px 32px #0f172a1a}.hub-card:focus-visible{outline:2px solid var(--card-accent);outline-offset:3px}.hub-card__icon{margin-bottom:12px;font-size:36px;line-height:1}.hub-card__title{color:var(--text);margin:0 0 8px;font-size:20px;font-weight:650}.hub-card__desc{color:var(--muted);flex:1;margin:0 0 14px;font-size:14px;line-height:1.55}.hub-card__tags{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.hub-card__tag{background:color-mix(in srgb, var(--card-accent) 12%, #f8fafc);color:color-mix(in srgb, var(--card-accent) 75%, var(--text));border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600}.hub-card__cta{color:var(--card-accent);font-size:14px;font-weight:600}.hub-card__cta:after{content:" →"}.hub__footer{text-align:center;color:#94a3b8;margin-top:40px;font-size:13px}.hub__roadmap{background:var(--panel);border:1px dashed var(--panel-border);border-radius:14px;margin-top:28px;padding:18px 20px}.hub__roadmap h2{color:var(--text);margin:0 0 10px;font-size:15px;font-weight:650}.hub__roadmap ul{color:var(--muted);margin:0;padding-left:1.2em;font-size:14px;line-height:1.7}