.tabbar[data-v-fb874ece]{position:fixed;left:0;right:0;bottom:0;z-index:50;height:calc(var(--tabbar-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:flex;align-items:stretch;background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:2px solid rgba(255,255,255,.9);box-shadow:0 -6px 20px #7a64461a}.tabbar__item[data-v-fb874ece]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:var(--tab-min, 64px);border-radius:var(--r-md) var(--r-md) 0 0;transition:transform .12s ease}.tabbar__item[data-v-fb874ece]:active{transform:scale(.93)}.tabbar__icon[data-v-fb874ece]{font-size:30px;line-height:1;filter:grayscale(.55) opacity(.55);transition:filter .2s ease}.tabbar__label[data-v-fb874ece]{font-size:13px;font-weight:700;color:var(--c-text-soft)}.is-active .tabbar__icon[data-v-fb874ece]{filter:none;transform:scale(1.1)}.is-active .tabbar__label[data-v-fb874ece]{color:var(--c-blue-deep)}:root{--c-blue: #8ec5fc;--c-blue-soft: #cfe8ff;--c-blue-deep: #4a90d9;--c-yellow: #ffe29f;--c-yellow-deep: #f5b942;--c-mint: #a1ffce;--c-mint-deep: #3fbf8f;--c-coral: #ffb99a;--c-coral-deep: #f5845c;--c-purple: #e0c3fc;--c-purple-deep: #a97fe0;--c-pink: #ffb3c6;--c-pink-deep: #ef6f95;--c-green: #8fe0a8;--c-green-deep: #46b06a;--c-bg-top: #dceeff;--c-bg-bottom: #fff6e0;--c-card: #ffffff;--c-text: #3d3730;--c-text-soft: #8a8177;--c-line: #ece4d8;--fs-hero: clamp(28px, 8.5vw, 40px);--fs-title: clamp(22px, 6.5vw, 30px);--fs-card: clamp(24px, 8vw, 34px);--fs-body: clamp(17px, 4.6vw, 20px);--fs-small: clamp(15px, 4vw, 17px);--tap-min: 64px;--tap-lg: 84px;--r-sm: 14px;--r-md: 22px;--r-lg: 32px;--r-full: 999px;--shadow-sm: 0 2px 8px rgba(122, 100, 70, .08);--shadow-md: 0 6px 18px rgba(122, 100, 70, .12);--shadow-lg: 0 10px 28px rgba(122, 100, 70, .16);--page-pad: clamp(14px, 4.5vw, 22px);--tabbar-h: 76px;--shell-top: 26px;--home-top-extra: 42px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;overscroll-behavior:none}body{font-family:PingFang SC,Microsoft YaHei,Hiragino Sans GB,system-ui,sans-serif;color:var(--c-text);background:linear-gradient(180deg,var(--c-bg-top) 0%,var(--c-bg-bottom) 100%);background-attachment:fixed;font-size:var(--fs-body);line-height:1.5;-webkit-font-smoothing:antialiased}#app{min-height:100%;display:flex;flex-direction:column}body{user-select:none;-webkit-user-select:none}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer;touch-action:manipulation}.page{flex:1;display:flex;flex-direction:column;padding:calc(var(--safe-top) + var(--shell-top) + 12px) var(--page-pad) calc(var(--tabbar-h) + var(--safe-bottom) + 16px);max-width:560px;width:100%;margin:0 auto}.page--plain{padding-bottom:calc(var(--safe-bottom) + 24px)}.page--home{padding-top:calc(var(--safe-top) + var(--shell-top) + var(--home-top-extra))}.topbar{display:flex;align-items:center;gap:12px;min-height:56px;margin-bottom:12px}.topbar__back{width:52px;height:52px;border-radius:var(--r-full);background:#ffffffd9;box-shadow:var(--shadow-sm);display:grid;place-items:center;font-size:24px;flex:none}.topbar__back:active{transform:scale(.94)}.topbar__title{flex:1;text-align:center;font-size:var(--fs-title);font-weight:800;letter-spacing:.5px}.topbar__spacer{width:52px;flex:none}.card{background:var(--c-card);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:clamp(18px,5vw,28px)}.btn{min-height:var(--tap-min);padding:0 26px;border-radius:var(--r-full);font-size:var(--fs-card);font-weight:800;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--shadow-md);transition:transform .12s ease}.btn:active{transform:scale(.95)}.btn--blue{background:linear-gradient(180deg,#a8d8ff,var(--c-blue-deep))}.btn--mint{background:linear-gradient(180deg,#b6f5d4,var(--c-mint-deep))}.btn--coral{background:linear-gradient(180deg,#ffcbb3,var(--c-coral-deep))}.btn--yellow{background:linear-gradient(180deg,#ffe9b0,var(--c-yellow-deep))}.btn--disabled{filter:grayscale(.6) opacity(.5);pointer-events:none}.btn--nav{font-size:18px;padding:0 clamp(8px,2.6vw,16px);white-space:nowrap;letter-spacing:.5px}.nav{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,3vw,16px);margin-top:14px}.nav .btn{width:100%;min-width:0}.nav__progress{margin:10px 0 0;text-align:center;font-size:var(--fs-small);font-weight:800;color:var(--c-text-soft);white-space:nowrap;font-variant-numeric:tabular-nums}.star-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--r-full);background:#ffffffe6;box-shadow:var(--shadow-sm);font-size:var(--fs-body);font-weight:800;color:var(--c-yellow-deep);white-space:nowrap}.pic{width:100%;aspect-ratio:1 / 1;border-radius:var(--r-md);background:linear-gradient(180deg,#f2f8ff,#eef7f0);object-fit:contain;display:block}.bigtext{font-size:clamp(72px,26vw,132px);font-weight:900;line-height:1.05;letter-spacing:2px}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.fade-up{animation:fade-up .28s ease both}@keyframes gentle-shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}.shake{animation:gentle-shake .34s ease 2}@keyframes star-burst{0%{opacity:0;transform:scale(.6)}40%{opacity:1;transform:scale(1.12)}to{opacity:0;transform:scale(1.5)}}.burst{animation:star-burst .7s ease-out both}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}