.app-icon[data-v-5d5b3c6e]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.tabbar[data-v-e8c1b800]{position:absolute;left:0;right:0;bottom:0;z-index:50;height:calc(var(--tab-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#ffffffdb;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);box-shadow:0 -1px #1f5c400f,0 -8px 24px #1f5c400d}.tab-indicator[data-v-e8c1b800]{position:absolute;top:6px;left:calc(var(--idx) * 20% + 10% - 26px);width:52px;height:32px;border-radius:16px;background:var(--c-primary-bg);transition:left .45s var(--ease-spring),opacity var(--dur)}.tab-indicator.hidden[data-v-e8c1b800]{opacity:0}.tab[data-v-e8c1b800]{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--c-text-3);transition:color var(--dur)}.tab.active[data-v-e8c1b800]{color:var(--c-primary)}.tab-icon[data-v-e8c1b800]{display:flex;height:32px;align-items:center;transition:transform .4s var(--ease-spring)}.tab.active .tab-icon[data-v-e8c1b800]{transform:translateY(-1px) scale(1.06)}.tab:active .tab-icon[data-v-e8c1b800]{transform:scale(.85)}.tab-label[data-v-e8c1b800]{font-size:10.5px;font-weight:500;letter-spacing:.02em}.tab.active .tab-label[data-v-e8c1b800]{font-weight:600}.tab-center[data-v-e8c1b800]{position:relative;width:52px;height:52px;margin-top:-22px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:var(--grad-primary);box-shadow:0 8px 20px #2e7d5b61,0 0 0 4px #fff;transition:transform .4s var(--ease-spring),border-radius .4s var(--ease-out)}.tab.center .tab-label[data-v-e8c1b800]{margin-top:1px}.tab.center.active .tab-center[data-v-e8c1b800]{border-radius:50%;transform:rotate(-8deg) scale(1.04)}.tab.center:active .tab-center[data-v-e8c1b800]{transform:scale(.9)}.tab-center-glow[data-v-e8c1b800]{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:inherit;background:var(--c-primary-light);opacity:.35;z-index:-1;animation:breathe 2.8s var(--ease-in-out) infinite}.toast-host[data-v-0e725e9d]{position:absolute;left:0;right:0;top:38%;z-index:300;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast[data-v-0e725e9d]{max-width:78%;padding:11px 18px;border-radius:14px;background:#243527e6;color:#fff;font-size:var(--fs-sm);text-align:center;line-height:1.5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #0000002e;display:flex;align-items:center;gap:6px}.toast.success[data-v-0e725e9d]{background:#1f5c40f0}.toast.error[data-v-0e725e9d]{background:#962e22f0}.toast-icon[data-v-0e725e9d]{font-size:16px}.toast-enter-active[data-v-0e725e9d]{transition:all .38s var(--ease-spring)}.toast-leave-active[data-v-0e725e9d]{transition:all .22s ease}.toast-enter-from[data-v-0e725e9d]{opacity:0;transform:translateY(10px) scale(.9)}.toast-leave-to[data-v-0e725e9d]{opacity:0;transform:scale(.95)}.dialog-mask[data-v-7cad6532]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;background:#18281e73;display:flex;align-items:center;justify-content:center;padding:32px}.dialog[data-v-7cad6532]{width:100%;max-width:320px;background:var(--c-card);border-radius:22px;padding:24px 20px 18px;text-align:center;box-shadow:var(--shadow-lg)}.dialog-title[data-v-7cad6532]{font-size:var(--fs-md);font-weight:700;margin-bottom:8px}.dialog-msg[data-v-7cad6532]{font-size:var(--fs-sm);color:var(--c-text-2);line-height:1.7}.dialog-actions[data-v-7cad6532]{display:flex;gap:10px;margin-top:20px}.dialog-actions .btn[data-v-7cad6532]{height:42px;padding:0 10px}.dialog-enter-active[data-v-7cad6532],.dialog-leave-active[data-v-7cad6532]{transition:opacity .25s var(--ease-out)}.dialog-enter-active .dialog[data-v-7cad6532]{transition:transform .38s var(--ease-spring)}.dialog-enter-from[data-v-7cad6532],.dialog-leave-to[data-v-7cad6532]{opacity:0}.dialog-enter-from .dialog[data-v-7cad6532]{transform:scale(.88)}.tabbar-enter-active,.tabbar-leave-active{transition:transform .4s var(--ease-out),opacity .3s}.tabbar-enter-from,.tabbar-leave-to{transform:translateY(100%);opacity:0}:root{--c-primary: #2E7D5B;--c-primary-light: #5BA887;--c-primary-dark: #1F5C40;--c-primary-bg: #E8F2ED;--c-primary-bg-soft: #F1F8F4;--c-sky: #88B8C8;--c-sky-light: #B5D6E0;--c-sky-dark: #5A8C9E;--c-sky-bg: #EAF1F4;--c-cream: #D4A574;--c-cream-light: #E8C9A6;--c-cream-dark: #8B6B43;--c-cream-bg: #F7F0E5;--c-rose: #C7527A;--c-rose-bg: #FCE7F0;--c-violet: #6B5BD0;--c-violet-bg: #EDEBFB;--c-bg: #F7F3EB;--c-bg-soft: #FBF8F2;--c-card: #FFFFFF;--c-border: #EAE5DD;--c-divider: #F0EBE0;--c-text: #243527;--c-text-2: #66705F;--c-text-3: #A3AA9E;--c-text-inverse: #FFFFFF;--c-warning: #E67E22;--c-warning-bg: #FBEEDD;--c-danger: #C0392B;--c-danger-bg: #F8E3DE;--c-success: #2E7D5B;--color-primary: var(--c-primary);--color-primary-light: var(--c-primary-light);--color-primary-dark: var(--c-primary-dark);--color-primary-bg: var(--c-primary-bg);--color-primary-bg-soft: var(--c-primary-bg-soft);--color-sky: var(--c-sky);--color-sky-light: var(--c-sky-light);--color-sky-dark: var(--c-sky-dark);--color-sky-bg: var(--c-sky-bg);--color-cream: var(--c-cream);--color-cream-light: var(--c-cream-light);--color-cream-bg: var(--c-cream-bg);--color-bg: var(--c-bg);--color-bg-soft: var(--c-bg-soft);--color-card: var(--c-card);--color-border: var(--c-border);--color-divider: var(--c-divider);--color-text-primary: var(--c-text);--color-text-secondary: var(--c-text-2);--color-text-tertiary: var(--c-text-3);--color-warning: var(--c-warning);--color-warning-bg: var(--c-warning-bg);--color-danger: var(--c-danger);--color-danger-bg: var(--c-danger-bg);--grad-primary: linear-gradient(135deg, #3A9470 0%, #2E7D5B 45%, #1F5C40 100%);--grad-fresh: linear-gradient(135deg, #88B8C8 0%, #5BA887 100%);--grad-warm: linear-gradient(135deg, #E8C9A6 0%, #D4A574 100%);--grad-hero: linear-gradient(160deg, #E8F2ED 0%, #F1F8F4 40%, #F7F3EB 100%);--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 24px;--r-full: 999px;--fs-xs: 11px;--fs-sm: 13px;--fs-base: 15px;--fs-md: 17px;--fs-lg: 20px;--fs-xl: 24px;--fs-xxl: 28px;--shadow-xs: 0 1px 2px rgba(31, 92, 64, .05);--shadow-sm: 0 2px 8px rgba(31, 92, 64, .06);--shadow-md: 0 6px 20px rgba(31, 92, 64, .08);--shadow-lg: 0 14px 40px rgba(31, 92, 64, .14);--shadow-primary: 0 8px 22px rgba(46, 125, 91, .28);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .16s;--dur: .28s;--dur-slow: .48s;--nav-h: 52px;--tab-h: 64px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--font: -apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Microsoft YaHei", "Helvetica Neue", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font);font-size:var(--fs-base);line-height:1.55;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}img,svg{display:block}svg{flex-shrink:0}::selection{background:var(--c-primary-bg)}#app{height:100%}.app-frame{position:relative;width:100%;height:100vh;height:100dvh;background:var(--c-bg);overflow:hidden;isolation:isolate}.route-view{position:absolute;top:0;right:0;bottom:0;left:0}.page{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--c-bg);will-change:transform,opacity}.page-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.page-scroll::-webkit-scrollbar{display:none}.page.has-tabbar .page-scroll{padding-bottom:calc(var(--tab-h) + var(--safe-bottom) + 16px)}.page-pad{padding:0 16px}.safe-bottom-space{height:calc(24px + var(--safe-bottom))}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}p{text-wrap:pretty}.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:46px;padding:0 22px;border-radius:var(--r-full);font-size:var(--fs-base);font-weight:600;letter-spacing:.02em;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur) var(--ease-out),background var(--dur),opacity var(--dur);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:active{transform:scale(.96)}.btn[disabled]{opacity:.45;pointer-events:none}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-soft{background:var(--c-primary-bg);color:var(--c-primary-dark)}.btn-ghost{background:var(--c-card);color:var(--c-text);box-shadow:inset 0 0 0 1px var(--c-border)}.btn-danger{background:var(--c-danger-bg);color:var(--c-danger)}.btn-block{display:flex;width:100%}.btn-sm{height:34px;padding:0 14px;font-size:var(--fs-sm)}.btn-lg{height:52px;font-size:var(--fs-md)}.btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);background-size:250% 100%;background-position:150% 0;transition:background-position .8s var(--ease-out);pointer-events:none}@media(hover:hover){.btn-primary:hover{box-shadow:0 10px 28px #2e7d5b5c}.btn-primary:hover:after{background-position:-50% 0}}.card{background:var(--c-card);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);border:1px solid rgba(234,229,221,.6)}.pressable{cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.pressable:active{transform:scale(.975)}@media(hover:hover){.pressable:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pressable:active{transform:scale(.975)}}.chip{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 14px;border-radius:var(--r-full);background:var(--c-card);color:var(--c-text-2);font-size:var(--fs-sm);white-space:nowrap;box-shadow:inset 0 0 0 1px var(--c-border);transition:all var(--dur) var(--ease-out);cursor:pointer}.chip.active{background:var(--c-primary);color:#fff;box-shadow:0 4px 12px #2e7d5b40}.chip:active{transform:scale(.95)}.badge{display:inline-flex;align-items:center;gap:3px;height:22px;padding:0 8px;border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:500;white-space:nowrap;background:var(--c-primary-bg);color:var(--c-primary-dark)}.badge-sky{background:var(--c-sky-bg);color:var(--c-sky-dark)}.badge-cream{background:var(--c-cream-bg);color:var(--c-cream-dark)}.badge-rose{background:var(--c-rose-bg);color:var(--c-rose)}.badge-warn{background:var(--c-warning-bg);color:var(--c-warning)}.badge-danger{background:var(--c-danger-bg);color:var(--c-danger)}.badge-muted{background:var(--c-bg-soft);color:var(--c-text-3)}.h-scroll{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 16px;scroll-padding-inline:16px;scroll-snap-type:x proximity}.h-scroll:after{content:"";flex:0 0 1px}.h-scroll::-webkit-scrollbar{display:none}.h-scroll>*{scroll-snap-align:start;flex-shrink:0}.section{margin-top:28px}.section-head{display:flex;align-items:center;justify-content:space-between;padding:0 20px;margin-bottom:12px}.section-title{font-size:var(--fs-md);font-weight:700;display:flex;align-items:center;gap:8px}.section-title:before{content:"";width:4px;height:16px;border-radius:4px;background:var(--grad-fresh)}.section-action{font-size:var(--fs-sm);color:var(--c-text-2);display:inline-flex;align-items:center;gap:2px;cursor:pointer;transition:color var(--dur)}.section-action:hover{color:var(--c-primary)}.input{width:100%;height:46px;padding:0 16px;border-radius:var(--r-md);border:1.5px solid var(--c-border);background:var(--c-card);outline:none;transition:border-color var(--dur),box-shadow var(--dur)}.input:focus{border-color:var(--c-primary-light);box-shadow:0 0 0 4px #5ba88726}.input::placeholder{color:var(--c-text-3)}.option{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--r-md);background:var(--c-card);border:1.5px solid var(--c-border);cursor:pointer;transition:all var(--dur) var(--ease-out)}.option:active{transform:scale(.98)}.option.selected{border-color:var(--c-primary);background:var(--c-primary-bg-soft);box-shadow:0 4px 14px #2e7d5b1f}.option.correct{border-color:var(--c-primary);background:var(--c-primary-bg)}.option.wrong{border-color:var(--c-danger);background:var(--c-danger-bg)}.list-item{display:flex;align-items:center;gap:12px;padding:14px 16px}.list-item+.list-item{border-top:1px solid var(--c-divider)}.skeleton{background:linear-gradient(90deg,#eee9e0 25%,#f7f3eb,#eee9e0 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite;border-radius:var(--r-sm)}.spinner{width:20px;height:20px;border:2.5px solid var(--c-primary-bg);border-top-color:var(--c-primary);border-radius:50%;animation:spin .8s linear infinite}.typing-dots{display:inline-flex;gap:4px;align-items:center}.typing-dots i{width:6px;height:6px;border-radius:50%;background:var(--c-primary-light);animation:typing 1.2s infinite}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}.divider{height:1px;background:var(--c-divider);margin:16px 0}.text-2{color:var(--c-text-2)}.text-3{color:var(--c-text-3)}.text-sm{font-size:var(--fs-sm)}.text-xs{font-size:var(--fs-xs)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.md p{margin:0 0 8px}.md p:last-child{margin-bottom:0}.md strong{color:var(--c-primary-dark);font-weight:600}.md-list{padding-left:18px;margin:4px 0 8px}.md-list li{margin:3px 0}.md-list li::marker{color:var(--c-primary-light)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.28)}to{transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes breathe{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.12);opacity:.2}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blob-float{0%{transform:translate(0) scale(1)}to{transform:translate(40px,-30px) scale(1.08)}}@keyframes wave{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.35}30%{transform:translateY(-4px);opacity:1}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@keyframes ripple{0%{transform:scale(0);opacity:.35}to{transform:scale(2.6);opacity:0}}@keyframes gradient-pan{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes draw{0%{stroke-dashoffset:var(--len, 300)}to{stroke-dashoffset:0}}.anim-fade-up{animation:fade-up var(--dur-slow) var(--ease-out) both}.anim-scale-in{animation:scale-in var(--dur-slow) var(--ease-spring) both}.anim-float{animation:float 4s var(--ease-in-out) infinite}.anim-pop{animation:pop .42s var(--ease-spring)}.anim-shake{animation:shake .45s}.stagger>*{animation:fade-up var(--dur-slow) var(--ease-out) both;animation-delay:calc(var(--i, 0) * 55ms + 60ms)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out);transition-delay:var(--reveal-delay, 0ms)}.reveal.is-revealed{opacity:1;transform:none}.slide-forward-enter-active,.slide-forward-leave-active,.slide-back-enter-active,.slide-back-leave-active{transition:transform .42s var(--ease-out),opacity .42s var(--ease-out)}.slide-forward-enter-from{transform:translate(100%)}.slide-forward-enter-active{z-index:2;box-shadow:-12px 0 30px #0000000f}.slide-forward-leave-to,.slide-back-enter-from{transform:translate(-28%);opacity:.6}.slide-back-leave-active{z-index:2;box-shadow:-12px 0 30px #0000000f}.slide-back-leave-to{transform:translate(100%)}.tab-fade-enter-active{transition:opacity .32s var(--ease-out),transform .38s var(--ease-out)}.tab-fade-leave-active{transition:opacity .18s ease}.tab-fade-enter-from{opacity:0;transform:translateY(10px)}.tab-fade-leave-to{opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity var(--dur) var(--ease-out)}.fade-enter-from,.fade-leave-to{opacity:0}.pop-enter-active{transition:opacity .3s var(--ease-out),transform .38s var(--ease-spring)}.pop-leave-active{transition:opacity .18s ease,transform .18s ease}.pop-enter-from,.pop-leave-to{opacity:0;transform:scale(.9)}.list-enter-active{transition:all .4s var(--ease-out)}.list-leave-active{transition:all .28s var(--ease-out)}.list-enter-from{opacity:0;transform:translateY(12px)}.list-leave-to{opacity:0;transform:translate(40px)}.list-move{transition:transform .4s var(--ease-out)}
