.home[data-v-4c210c40]{background:radial-gradient(ellipse 80% 22% at 50% 104%, var(--sand) 0 98%, transparent 100%), var(--sea);flex-direction:column;justify-content:center;align-items:center;gap:40px;min-height:100%;padding:24px 16px;display:flex}.title[data-v-4c210c40]{font-family:var(--font-title);color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;margin:0;font-size:clamp(48px,8vw,80px);font-weight:400}.letters[data-v-4c210c40]{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.letter[data-v-4c210c40]{width:112px;height:112px;font-family:var(--font-letter);background:#fff;font-size:64px;font-weight:700;line-height:1}.letter.on[data-v-4c210c40]{background:var(--sun)}.tones[data-v-4c210c40]{font-family:var(--font-letter);gap:28px;font-size:72px;font-weight:700;display:flex}.t1[data-v-4c210c40]{color:var(--tone1)}.t2[data-v-4c210c40]{color:var(--tone2)}.t3[data-v-4c210c40]{color:var(--tone3)}.t4[data-v-4c210c40]{color:var(--tone4)}.g[data-v-4c210c40]{color:var(--ink)}.status[data-v-4c210c40]{opacity:.75;flex-wrap:wrap;justify-content:center;gap:8px 20px;font-size:14px;display:flex}@font-face{font-family:Andika;src:url(/fonts/andika-regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Andika;src:url(/fonts/andika-bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:ZCOOL KuaiLe;src:url(/fonts/zcool-kuaile.woff2)format("woff2");font-display:swap}:root{--ink:#23364a;--sea:#7ccbdb;--grass:#8bcb6a;--sand:#f3d9a0;--sun:#ffc93c;--coral:#ff7a59;--tone1:#4f8fe0;--tone2:#3fa568;--tone3:#e0602f;--tone4:#7a63c9;--paper:#fffaf0;--font-letter:"Andika", "Avenir Next", sans-serif;--font-title:"ZCOOL KuaiLe", system-ui, sans-serif;--font-body:system-ui, -apple-system, "PingFang SC", "HarmonyOS Sans SC", "Noto Sans SC", sans-serif;--touch-min:88px;--radius:24px;--press-depth:6px;--ease-bounce:cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--sea);color:var(--ink);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;overscroll-behavior:none}.btn-3d{min-width:var(--touch-min);min-height:var(--touch-min);border:4px solid var(--ink);border-radius:var(--radius);box-shadow:0 var(--press-depth) 0 var(--ink);cursor:pointer;font:inherit;color:var(--ink);transition:transform 80ms,box-shadow 80ms}.btn-3d:active{transform:translateY(var(--press-depth));box-shadow:0 0 0 var(--ink)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
