.tabbar[data-v-2029dec8]{z-index:50;width:100%;max-width:var(--page-max);min-height:var(--tabbar-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom,0px);background:#fffffff7;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabbar__item[data-v-2029dec8]{min-height:var(--tabbar-height);color:var(--color-text-3);-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding-top:4px;transition:color .2s;display:flex;position:relative}.tabbar__icon[data-v-2029dec8]{width:24px;height:24px;display:inline-flex}.tabbar__icon svg[data-v-2029dec8]{width:100%;height:100%}.tabbar__label[data-v-2029dec8]{letter-spacing:.02em;font-size:11px;font-weight:500}.tabbar__item--active[data-v-2029dec8]{color:var(--color-primary)}.tabbar__item--active .tabbar__icon[data-v-2029dec8]{filter:drop-shadow(0 3px 6px #2563eb33)}.tabbar__item--active .tabbar__label[data-v-2029dec8]{font-weight:700}.tabbar__indicator[data-v-2029dec8]{background:var(--color-primary);border-radius:0 0 4px 4px;width:22px;height:3px;position:absolute;top:0}.tabbar__item[data-v-2029dec8]:active{color:var(--color-text)}.follow-guide[data-v-3a4f422d]{z-index:1000;padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));background:#0f172ab8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.follow-guide__card[data-v-3a4f422d]{width:100%;max-width:340px;padding:var(--space-5) var(--space-5) var(--space-4);align-items:center;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);text-align:center;flex-direction:column;margin:auto;display:flex;position:relative}.follow-guide__title[data-v-3a4f422d]{font-size:var(--text-lg);color:var(--color-text);margin:0;font-weight:700}.follow-guide__qr[data-v-3a4f422d]{aspect-ratio:1;border-radius:var(--radius-sm);-webkit-touch-callout:default;width:100%;max-width:280px;height:auto;display:block}.follow-guide__desc[data-v-3a4f422d]{font-size:var(--text-sm);color:var(--color-text-2);margin:0;line-height:1.6}.follow-guide__dismiss[data-v-3a4f422d]{width:100%}.follow-guide__close[data-v-3a4f422d]{z-index:1;background:var(--color-surface);width:44px;height:44px;color:var(--color-text-2);box-shadow:var(--shadow-card);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:24px;line-height:1;display:flex;position:absolute;top:-12px;right:-12px}.app-layout[data-v-cc7f795f]{--training-header-height:52px;flex-direction:column;max-width:100%;height:100%;margin:0 auto;display:flex;overflow:hidden}.top-bar[data-v-cc7f795f]{height:var(--training-header-height);padding:0 var(--space-2);background:var(--color-primary);color:var(--color-text-on-primary);z-index:100;flex-shrink:0;align-items:center;display:flex;position:sticky;top:0}.top-bar__back[data-v-cc7f795f]{width:var(--touch-min);height:var(--touch-min);color:var(--color-text-on-primary);border-radius:var(--radius-full);-webkit-tap-highlight-color:transparent;flex-shrink:0;place-items:center;transition:background-color .2s;display:grid}.top-bar__back[data-v-cc7f795f]:active{background:#ffffff29}.top-bar__back svg[data-v-cc7f795f]{width:24px;height:24px}.top-bar__side[data-v-cc7f795f]{width:var(--touch-min);height:var(--touch-min);flex-shrink:0}.top-bar__title[data-v-cc7f795f]{min-width:0;font-size:var(--text-lg);text-align:center;color:var(--color-text-on-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.main-content[data-v-cc7f795f]{-webkit-overflow-scrolling:touch;background:#fff;flex:1;min-height:0;overflow-y:auto}.wechat-gate[data-v-332e2212]{min-height:var(--app-height,100vh);padding:var(--space-5,24px);background:var(--color-bg,#f3f6fb);justify-content:center;align-items:center;display:flex}.wechat-gate__card[data-v-332e2212]{width:100%;max-width:343px;padding:var(--space-6,32px) var(--space-5,24px);background:var(--color-surface,#fff);border:1px solid var(--color-border,#e3e9f2);border-radius:var(--radius-lg,18px);box-shadow:var(--shadow-card,0 8px 24px #1e40af12);text-align:center}.wechat-gate__icon[data-v-332e2212]{margin-bottom:var(--space-4,16px);justify-content:center;display:flex}.wechat-gate__title[data-v-332e2212]{margin:0 0 var(--space-2,8px);font-size:var(--text-xl,20px);color:var(--color-text,#24303d);font-weight:700;line-height:1.35}.wechat-gate__desc[data-v-332e2212]{font-size:var(--text-md,15px);color:var(--color-text-2,#5c6b7a);margin:0;line-height:1.6}:root{--color-bg:#f3f6fb;--color-bg-raise:#f8fafd;--color-surface:#fff;--color-surface-2:#eef2f8;--color-border:#e3e9f2;--color-border-strong:#d2dbe8;--color-primary:#2563eb;--color-primary-strong:#3b82f6;--color-primary-deep:#1d4ed8;--color-primary-soft:#2563eb14;--color-primary-line:#2563eb38;--color-primary-tint:#e6efff;--color-accent:#f97316;--color-accent-strong:#fb8b2c;--color-accent-deep:#c2410c;--color-accent-soft:#f973161a;--color-accent-line:#f9731652;--color-accent-tint:#ffefdd;--color-calm:#8b7fb8;--color-calm-deep:#6f639e;--color-calm-soft:#8b7fb81f;--color-calm-line:#8b7fb859;--color-ink:#3f7d5d;--color-ink-deep:#316149;--color-ink-soft:#3f7d5d1a;--color-ink-line:#3f7d5d52;--color-ink-tint:#e7f2ec;--color-text:#24303d;--color-text-2:#5c6b7a;--color-text-3:#93a1b3;--color-text-on-accent:#fff;--color-text-on-primary:#fff;--color-success:#16a34a;--color-success-soft:#16a34a1a;--color-danger:#dc4a3d;--gradient-hero:linear-gradient(140deg, #1e40af 0%, #2563eb 55%, #3b82f6 100%);--color-surface-inverse:#1c2733;--font-family:"PingFang SC", "HarmonyOS Sans SC", "MiSans", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, sans-serif;--font-serif:"Songti SC", "STSong", "STZhongsong", "Noto Serif SC", "SimSun", serif;--font-num:"DIN Alternate", "Bahnschrift", "SF Mono", ui-monospace, "Roboto Mono", monospace;--text-xs:11px;--text-sm:13px;--text-md:15px;--text-lg:17px;--text-xl:20px;--text-2xl:24px;--text-3xl:29px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:20px;--radius-full:999px;--shadow-card:0 1px 2px #1e40af0a, 0 8px 24px #1e40af12;--shadow-pop:0 12px 36px #1e40af1f;--shadow-accent:0 6px 16px #f973164d;--page-max:480px;--tabbar-height:60px;--touch-min:44px;--ease-out:cubic-bezier(.22, .9, .28, 1);--duration-in:.5s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--text-md);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;min-height:var(--app-height,100vh);background-image:radial-gradient(120% 60% at 85% -10%,#3b82f612,#0000 60%),radial-gradient(100% 50% at 0 0,#2563eb0d,#0000 55%);background-attachment:fixed;line-height:1.7;overflow-x:hidden}#app{min-height:var(--app-height,100vh)}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;background:0 0;border:none}img{max-width:100%;display:block}ul,ol{list-style:none}.app-shell{width:100%;max-width:var(--page-max);min-height:var(--app-height,100vh);padding:0 var(--space-4) calc(var(--tabbar-height) + var(--space-5) + env(safe-area-inset-bottom,0px));margin:0 auto;position:relative}@media (width>=560px){.app-shell{border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);box-shadow:var(--shadow-pop);background:#f3f6fbb3}}.training-shell{width:100%;max-width:none;height:var(--app-height,100vh);padding:0;overflow:hidden}.page{padding-top:var(--space-4);gap:var(--space-5);flex-direction:column;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-5);border-radius:var(--radius-md);font-size:var(--text-md);transition:transform .15s var(--ease-out), background-color .2s, border-color .2s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(180deg, var(--color-accent-strong), var(--color-accent));color:var(--color-text-on-accent);box-shadow:var(--shadow-accent)}.btn-primary:active{background:var(--color-accent-deep)}.btn-ghost{border:1px solid var(--color-border-strong);color:var(--color-text-2);background:var(--color-surface)}.btn-ghost:active{border-color:var(--color-accent-line);color:var(--color-text)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:active{background:#c23b30}.btn-disabled{border:1px dashed var(--color-border-strong);color:var(--color-text-3);cursor:default;background:0 0}.btn-disabled:active{transform:none}.btn-text{min-height:var(--touch-min);padding:0 var(--space-2);color:var(--color-primary-strong);font-size:var(--text-sm);align-items:center;font-weight:600;display:inline-flex}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.card-tappable{transition:transform .15s var(--ease-out), border-color .2s;-webkit-tap-highlight-color:transparent}.card-tappable:active{border-color:var(--color-primary-line);transform:scale(.985)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:rise-in var(--duration-in) var(--ease-out) both;animation-delay:var(--d,0s)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.animate-in{animation:none}}