@import "https://fonts.googleapis.com/css2?family=Nunito:wght@600;800&family=ZCOOL+KuaiLe&display=swap";:root{--sky-top:#7ec8ff;--sky-bot:#e8f7ff;--leaf:#3ecf8e;--leaf-deep:#1faa6a;--sun:#ffd56a;--coral:#ff7b6b;--ink:#1f3a4d;--card:#ffffffc7;--stroke:#1f3a4d1f;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Nunito,ZCOOL KuaiLe,system-ui,sans-serif;line-height:1.4}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--sky-top:#7ec8ff;--sky-bot:#e8f7ff;--leaf:#3ecf8e;--leaf-deep:#1faa6a;--sun:#ffd56a;--coral:#ff7b6b;--ink:#1f3a4d;--card:#ffffffc7;--stroke:#1f3a4d1f;color:var(--ink);font-family:Nunito,ZCOOL KuaiLe,system-ui,sans-serif;line-height:1.4}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:radial-gradient(circle at 15% 18%, #ffffff8c, transparent 28%), radial-gradient(circle at 85% 12%, #ffd56a73, transparent 26%), linear-gradient(180deg, var(--sky-top), var(--sky-bot) 55%, #d9f5e8);min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer;border:none}a.btn{text-align:center;text-decoration:none;display:inline-block}.page{width:min(980px,100%);margin:0 auto;padding:28px 18px 48px;position:relative}.page.is-native{padding-top:16px}.cloud{filter:blur(.2px);pointer-events:none;background:#ffffff8c;border-radius:999px;position:absolute}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.c1{width:120px;height:36px;animation:7s ease-in-out infinite float;top:18px;right:8%}.c1:before{width:46px;height:46px;top:-22px;left:18px}.c1:after{width:58px;height:58px;top:-28px;left:48px}.c2{width:90px;height:28px;animation:9s ease-in-out infinite reverse float;top:70px;left:6%}.c2:before{width:36px;height:36px;top:-16px;left:12px}.c2:after{width:44px;height:44px;top:-22px;left:36px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.hero{margin-bottom:18px}.brand-row{align-items:center;gap:16px;display:flex}.logo-fan{filter:drop-shadow(0 10px 18px #1f3a4d2e);flex:none;width:88px;height:88px}.spin{transform-origin:48px 48px;animation:4.5s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.eyebrow{opacity:.75;margin:0;font-size:.95rem}h1{letter-spacing:.02em;margin:2px 0 4px;font-family:ZCOOL KuaiLe,Nunito,sans-serif;font-size:clamp(2rem,6vw,3rem)}.sub{opacity:.8;margin:0}.panel,.card{background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--stroke);border-radius:24px;box-shadow:0 16px 40px #1f3a4d14}.tip,.tools,.download-card{margin-bottom:16px;padding:16px 18px}.download-card strong{margin-bottom:6px;display:block}.connect-row{grid-template-columns:1fr auto;align-items:stretch;gap:16px;margin-bottom:16px;display:grid}.connect-row .tip{margin-bottom:0}.qr-card{align-items:center;gap:12px;min-width:min(280px,100%);padding:12px 14px;display:flex}.qr-img{border:1px solid var(--stroke);object-fit:contain;background:#fff;border-radius:12px;flex:none;width:112px;height:112px;padding:6px}.qr-meta{max-width:180px}.qr-meta strong{margin-bottom:4px;display:block}.qr-meta p{opacity:.75;margin:0 0 6px;font-size:.82rem;line-height:1.35}.qr-link{color:var(--leaf-deep);margin-top:4px;font-size:.85rem;font-weight:800;text-decoration:none;display:block}@media (width<=820px){.connect-row{grid-template-columns:1fr}.qr-meta{max-width:none}}.tip p{margin:0 0 12px}.compat-note{opacity:.85;font-size:.86rem;margin:0!important}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{border-radius:999px;padding:10px 18px;font-weight:800;transition:transform .15s,box-shadow .15s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg, var(--leaf), var(--leaf-deep));color:#fff;box-shadow:0 10px 22px #1faa6a47}.btn.ghost{color:var(--ink);border:1px solid var(--stroke);background:#fff}.pill{border:1px solid var(--stroke);background:#ffffffb3;border-radius:999px;align-items:center;padding:6px 12px;font-size:.9rem;display:inline-flex}.pill.ok{background:#d9f8e8;border-color:#3ecf8e73}.pin-row{border-top:1px dashed var(--stroke);margin-top:14px;padding-top:12px}.pin-row label{margin-bottom:8px;font-weight:800;display:block}.pin-input{border:2px solid var(--stroke);letter-spacing:.25em;text-align:center;border-radius:12px;width:120px;padding:10px 12px;font-weight:800}.grid{grid-template-columns:1.1fr 1fr;gap:16px;display:grid}.grid.dimmed{opacity:.55;pointer-events:none}@media (width<=820px){.grid{grid-template-columns:1fr}}.card{padding:16px 18px 18px}.card h2{margin:0 0 12px;font-size:1.2rem}.mascot .scene{width:100%;height:auto;display:block}.stats{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.stats div{border:1px solid var(--stroke);background:#ffffffb3;border-radius:16px;padding:10px 12px}.stats span{opacity:.7;font-size:.8rem;display:block}.stats strong{font-size:1.15rem}.slider-row{flex-direction:column;gap:8px;display:flex}.slider-row label{font-weight:700}input[type=range]{width:100%;accent-color:var(--leaf-deep)}.pwr{opacity:.75;margin-top:8px;font-size:.88rem}.ch-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.ch{border:2px solid var(--stroke);background:#fff;border-radius:16px;padding:12px 8px;font-weight:800}.ch.on{border-color:var(--leaf);background:#e7fff3}.warn{color:var(--coral);margin:8px 0 0;font-weight:700}.page.is-native .cloud{display:none}.page.is-native .logo-fan{width:64px;height:64px}