.tab-bar[data-v-3c40b3db]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;height:56px;background-color:var(--card-bg);border-top:1px solid var(--border-color);padding-bottom:env(safe-area-inset-bottom);z-index:100}.tab-item[data-v-3c40b3db]{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;cursor:pointer;transition:color .2s ease;color:var(--text-secondary)}.tab-item.active[data-v-3c40b3db]{color:var(--primary-color)}.tab-icon[data-v-3c40b3db]{font-size:22px;line-height:1;margin-bottom:2px}.tab-name[data-v-3c40b3db]{font-size:12px;line-height:1}.app[data-v-14c84e95]{min-height:100vh;background-color:var(--bg-color)}.main-content[data-v-14c84e95]{padding-bottom:calc(56px + env(safe-area-inset-bottom));min-height:100vh}:root{--primary-color: #4a90d9;--primary-light: #6ba3e0;--primary-dark: #357abd;--success-color: #52c41a;--success-light: #73d13d;--warning-color: #faad14;--warning-light: #ffc53d;--error-color: #ff4d4f;--error-light: #ff7875;--bg-color: #f5f5f5;--bg-secondary: #fafafa;--card-bg: #ffffff;--text-color: #333333;--text-secondary: #666666;--text-tertiary: #999999;--text-inverse: #ffffff;--border-color: #e8e8e8;--border-light: #f0f0f0;--border-radius: 8px;--border-radius-sm: 4px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-round: 9999px;--shadow: 0 2px 8px rgba(0, 0, 0, .1);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);--shadow-xl: 0 8px 24px rgba(0, 0, 0, .15);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-xxl: 24px;--font-size-xs: 10px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-xxl: 24px;--font-size-xxxl: 32px;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--transition-card-flip: .6s ease;--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom);--safe-area-left: env(safe-area-inset-left);--safe-area-right: env(safe-area-inset-right);--tab-bar-height: 56px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--text-color);background-color:var(--bg-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.no-select{-webkit-user-select:none;user-select:none}button{cursor:pointer;border:none;outline:none;background:transparent;font-size:inherit;font-family:inherit;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}button:disabled{cursor:not-allowed;opacity:.6}a{text-decoration:none;color:inherit}input,textarea{border:none;outline:none;background:transparent;font-size:inherit;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}.flip-container{perspective:1000px;-webkit-perspective:1000px}.flip-card{position:relative;width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform var(--transition-card-flip);-webkit-transition:-webkit-transform var(--transition-card-flip)}.flip-card.flipped{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--border-radius-xl);background-color:var(--card-bg);box-shadow:var(--shadow-lg);overflow:hidden}.flip-card-front{transform:rotateY(0);-webkit-transform:rotateY(0deg)}.flip-card-back{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn var(--transition-normal) forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp var(--transition-slow) forwards}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.scale-in{animation:scaleIn var(--transition-normal) forwards}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bounce{animation:bounce .6s ease infinite}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-lg) var(--spacing-xl);background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--text-inverse);font-size:var(--font-size-md);font-weight:600;border-radius:var(--border-radius);box-shadow:0 4px 12px #4a90d94d;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-primary:active{transform:scale(.98);box-shadow:0 2px 8px #4a90d933}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--card-bg);color:var(--text-color);font-size:var(--font-size-base);font-weight:500;border-radius:var(--border-radius);border:1px solid var(--border-color);transition:background-color var(--transition-fast)}.btn-secondary:active{background-color:var(--bg-color)}.btn-success{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-lg) var(--spacing-xl);background:linear-gradient(135deg,var(--success-color) 0%,var(--success-light) 100%);color:var(--text-inverse);font-size:var(--font-size-md);font-weight:600;border-radius:var(--border-radius);box-shadow:0 4px 12px #52c41a4d;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-success:active{transform:scale(.98);box-shadow:0 2px 8px #52c41a33}.btn-danger{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-lg) var(--spacing-xl);background-color:var(--card-bg);color:var(--error-color);font-size:var(--font-size-md);font-weight:600;border-radius:var(--border-radius);border:2px solid var(--error-color);transition:all var(--transition-fast)}.btn-danger:active{background-color:var(--error-color);color:var(--text-inverse)}.btn-text{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);background:transparent;color:var(--primary-color);font-size:var(--font-size-base);font-weight:500;border-radius:var(--border-radius);transition:background-color var(--transition-fast)}.btn-text:active{background-color:#4a90d91a}.btn-circle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background-color:var(--bg-color);transition:background-color var(--transition-fast)}.btn-circle:active{background-color:var(--border-color)}.btn-block{width:100%}.card{background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden}.card-lg{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--primary-color)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-error{color:var(--error-color)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-xxl{font-size:var(--font-size-xxl)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.rounded{border-radius:var(--border-radius)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-full{border-radius:var(--border-radius-round)}.shadow{box-shadow:var(--shadow)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.safe-area-top{padding-top:var(--safe-area-top)}.safe-area-bottom{padding-bottom:var(--safe-area-bottom)}.has-tab-bar{padding-bottom:calc(var(--tab-bar-height) + var(--safe-area-bottom))}.page-container{min-height:100vh;padding:var(--spacing-lg);padding-bottom:calc(var(--tab-bar-height) + var(--safe-area-bottom) + var(--spacing-lg));background-color:var(--bg-color)}@media screen and (max-width: 374px){:root{--font-size-base: 13px;--font-size-md: 15px;--spacing-lg: 14px}}@media screen and (min-width: 375px) and (max-width: 413px){:root{--font-size-base: 14px;--font-size-md: 16px}}@media screen and (min-width: 414px) and (max-width: 767px){:root{--font-size-base: 14px;--font-size-md: 16px;--spacing-lg: 18px}}@media screen and (min-width: 768px){:root{--font-size-base: 15px;--font-size-md: 17px;--spacing-lg: 20px}.page-container{max-width:540px;margin:0 auto}}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.touchable{transition:opacity var(--transition-fast),transform var(--transition-fast)}.touchable:active{opacity:.7}.press-scale:active{transform:scale(.96)}.skeleton{background:linear-gradient(90deg,var(--bg-color) 25%,var(--bg-secondary) 50%,var(--bg-color) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;font-size:var(--font-size-xs);font-weight:500;border-radius:10px}.badge-new{background-color:#faad1426;color:var(--warning-color)}.badge-learning{background-color:#4a90d926;color:var(--primary-color)}.badge-mastered{background-color:#52c41a26;color:var(--success-color)}.badge-overdue{background-color:#ff4d4f26;color:var(--error-color)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-state-icon{font-size:64px;margin-bottom:var(--spacing-lg)}.empty-state-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-color);margin-bottom:var(--spacing-sm)}.empty-state-text{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner-sm{width:20px;height:20px;border-width:2px}.loading-spinner-lg{width:48px;height:48px;border-width:4px}