.tab-bar[data-v-cd5c157d]{position:fixed;bottom:0;left:0;right:0;height:68px;background:var(--color-bg-elevated);border-top:1px solid var(--color-border);z-index:var(--z-tab-bar);padding-bottom:env(safe-area-inset-bottom,0);display:grid;grid-template-columns:1fr 1fr 72px 1fr 1fr;align-items:center;box-shadow:0 -2px 10px #3f3a350a}.tab-item[data-v-cd5c157d]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 0;text-decoration:none;color:var(--color-text-muted);font-size:11px;font-weight:500;transition:color var(--transition-fast);gap:2px;min-height:var(--tap-min)}.tab-item.active[data-v-cd5c157d]{color:var(--color-primary)}.tab-icon[data-v-cd5c157d]{font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center}.tab-icon[data-v-cd5c157d] svg{width:22px;height:22px}.tab-text[data-v-cd5c157d]{font-size:11px;line-height:1.2;letter-spacing:.02em}.tab-fab[data-v-cd5c157d]{grid-column:3;width:56px;height:56px;border-radius:50%;background:var(--gradient-hero);color:#fff;border:4px solid var(--color-bg-elevated);cursor:pointer;display:flex;align-items:center;justify-content:center;align-self:center;justify-self:center;margin-top:-22px;box-shadow:0 6px 16px #22c55e59,0 2px 4px #0000001a;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.tab-fab[data-v-cd5c157d]:active{transform:scale(.94);box-shadow:0 3px 8px #22c55e4d}.tab-fab.fab-active[data-v-cd5c157d]{background:var(--color-primary, #22c55e);box-shadow:0 6px 16px #22c55e73,0 2px 4px #0000001a}.fab-icon[data-v-cd5c157d]{display:flex;align-items:center;justify-content:center}.fab-icon[data-v-cd5c157d] svg{width:26px;height:26px}:root{--brand-50: #f0fdf4;--brand-100: #dcfce7;--brand-200: #bbf7d0;--brand-300: #86efac;--brand-400: #4ade80;--brand-500: #22c55e;--brand-600: #16a34a;--brand-700: #15803d;--brand-800: #166534;--brand-900: #14532d;--ink-50: #faf8f5;--ink-100: #f3efe9;--ink-200: #e8e2d8;--ink-300: #d6cfc2;--ink-400: #a8a094;--ink-500: #78716c;--ink-600: #57534e;--ink-700: #3f3a35;--ink-800: #27221e;--ink-900: #1a1714;--accent-orange-50: #fff7ed;--accent-orange-500: #f97316;--accent-orange-600: #ea580c;--course-zhongjiao-tingshuo: #0369a1;--course-zhongjiao-yuexie: var(--brand-600);--course-hishuo: #7c3aed;--course-peixue-waijiao: var(--accent-orange-600);--feedback-success: var(--brand-500);--feedback-warning: #f59e0b;--feedback-danger: #ef4444;--feedback-info: #3b82f6;--status-success-bg: rgba(16, 185, 129, .12);--status-success-text: #059669;--status-warning-bg: rgba(245, 158, 11, .12);--status-warning-text: #d97706;--status-danger-bg: rgba(239, 68, 68, .1);--status-danger-text: #dc2626;--status-info-bg: rgba(59, 130, 246, .1);--status-info-text: #2563eb;--status-pending-bg: var(--accent-orange-50);--status-pending-text: var(--color-accent);--status-expired-bg: rgba(225, 29, 72, .1);--status-expired-text: #e11d48;--color-bg: var(--ink-50);--color-bg-elevated: #ffffff;--color-bg-section: var(--ink-100);--color-bg-muted: var(--ink-100);--color-text-primary: var(--ink-900);--color-text-secondary: var(--ink-600);--color-text-muted: var(--ink-500);--color-text-inverse: #ffffff;--color-text-on-brand: #ffffff;--color-border: var(--ink-200);--color-border-strong: var(--ink-300);--color-focus-ring: var(--brand-500);--color-primary: var(--brand-500);--color-primary-light: var(--brand-400);--color-primary-dark: var(--brand-600);--color-primary-soft: var(--brand-50);--color-accent: var(--accent-orange-500);--color-accent-light: #fb923c;--color-accent-dark: var(--accent-orange-600);--color-accent-soft: var(--accent-orange-50);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--font-xs: 12px;--font-2xs: 11px;--font-sm: 14px;--font-md: 16px;--font-lg: 18px;--font-xl: 20px;--font-2xl: 24px;--font-3xl: 30px;--font-4xl: 36px;--line-height-tight: 1.2;--line-height-snug: 1.35;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--font-family-sans: "Geist", -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", Arial, sans-serif;--font-family-serif: "Playfair Display", Georgia, "Times New Roman", serif;--font-family-mono: "Roboto Mono", "SF Mono", Menlo, monospace;--font-family: var(--font-family-sans);--shadow-2xs: 0 1px 1px rgba(63, 58, 53, .04);--shadow-xs: 0 1px 2px rgba(63, 58, 53, .06);--shadow-sm: 0 2px 4px rgba(63, 58, 53, .06), 0 1px 2px rgba(63, 58, 53, .04);--shadow-md: 0 4px 10px rgba(63, 58, 53, .08), 0 2px 4px rgba(63, 58, 53, .04);--shadow-lg: 0 10px 24px rgba(63, 58, 53, .1), 0 4px 8px rgba(63, 58, 53, .06);--shadow-xl: 0 20px 40px rgba(63, 58, 53, .12), 0 8px 16px rgba(63, 58, 53, .06);--gradient-hero: linear-gradient(135deg, var(--brand-400) 0%, var(--brand-600) 100%);--gradient-accent: linear-gradient(135deg, #fbbf24 0%, var(--accent-orange-500) 100%);--gradient-stage: linear-gradient(90deg, var(--brand-500) 0%, var(--brand-300) 100%);--gradient-paper: linear-gradient(180deg, #fdfbf7 0%, var(--ink-50) 100%);--transition-instant: .08s ease;--transition-fast: .18s cubic-bezier(.4, 0, .2, 1);--transition-normal: .28s cubic-bezier(.4, 0, .2, 1);--transition-slow: .42s cubic-bezier(.4, 0, .2, 1);--z-base: 1;--z-tab-bar: 100;--z-fab: 110;--z-sticky: 50;--z-dropdown: 200;--z-modal: 1000;--z-toast: 1100;--tap-min: 44px}@media (prefers-color-scheme: dark){:root{--color-bg: #1a1714;--color-bg-elevated: #25211d;--color-bg-section: #2d2823;--color-bg-muted: #2a251f;--color-text-primary: #f5f1ec;--color-text-secondary: #c8c0b4;--color-text-muted: #8f867b;--color-border: #3a332c;--color-border-strong: #4a413a;--color-primary-soft: rgba(34, 197, 94, .15);--gradient-paper: linear-gradient(180deg, #1f1b17 0%, #1a1714 100%);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 10px rgba(0, 0, 0, .35);--shadow-lg: 0 10px 24px rgba(0, 0, 0, .4)}}@media (prefers-reduced-motion: reduce){:root{--transition-instant: 0s;--transition-fast: 0s;--transition-normal: 0s;--transition-slow: 0s}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-family);font-size:var(--font-md);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--gradient-paper);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility}#app{min-height:100vh}::selection{background:var(--color-primary-soft);color:var(--color-primary-dark)}.page-container{min-height:100vh;padding:var(--space-6);padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}.card{background:var(--color-bg-elevated);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.card-elevated{box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-min);padding:var(--space-3) var(--space-6);font-family:var(--font-family);font-size:var(--font-md);font-weight:500;line-height:1;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;user-select:none;-webkit-user-select:none;transition:transform var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast)}.btn-primary{background:var(--color-primary);color:var(--color-text-on-brand);box-shadow:0 2px 0 var(--brand-700)}.btn-primary:active{transform:translateY(1px);box-shadow:0 1px 0 var(--brand-700)}.btn-accent{background:var(--color-accent);color:#fff;box-shadow:0 2px 0 var(--color-accent-dark)}.btn-accent:active{transform:translateY(1px);box-shadow:0 1px 0 var(--color-accent-dark)}.btn-ghost{background:transparent;color:var(--color-text-primary);border-color:var(--color-border)}.btn-ghost:active{background:var(--color-bg-section)}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-ring{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 12px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes celebrate-pop{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes confetti-rise{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-120px) rotate(360deg);opacity:0}}@keyframes count-up{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.skeleton{background:linear-gradient(90deg,var(--color-bg-muted) 0%,var(--ink-200) 50%,var(--color-bg-muted) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}:root{--color-bg-card: var(--color-bg-elevated);--color-bg-card-soft: var(--color-primary-soft);--color-primary-bg: var(--color-primary-soft);--color-accent-bg: var(--color-accent-soft);--space-xs: var(--space-1);--space-sm: var(--space-2);--space-md: var(--space-4);--space-lg: var(--space-6);--space-xl: var(--space-7);--space-2xl: var(--space-9)}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;min-height:100vh;font-family:var(--font-family);-webkit-font-smoothing:antialiased}.app{min-height:100vh;background:var(--color-bg)}.main.has-tab-bar{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}