@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap";#app[data-v-eb2b0165]{max-width:1200px;margin:0 auto;min-height:100vh}.sidebar[data-v-eb2b0165]{width:160px;flex-shrink:0;background:#fff;border-right:1px solid #eee;padding:var(--space-lg) var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs);position:sticky;top:0;height:100vh}.sidebar-item[data-v-eb2b0165]{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);text-decoration:none;color:var(--color-text-light);font-size:var(--font-size-sm);font-weight:600;transition:all .2s}.sidebar-item[data-v-eb2b0165]:hover{background:var(--color-bg);color:var(--color-text)}.sidebar-item.active[data-v-eb2b0165]{background:#ff9b7126;color:var(--color-primary)}.main-content[data-v-eb2b0165]{flex:1;padding:var(--space-md);min-width:0;position:relative;overflow:hidden}.page-wave[data-v-eb2b0165]{position:absolute;top:0;left:0;right:0;height:120px;pointer-events:none;z-index:0}.page-wave svg[data-v-eb2b0165]{width:100%;height:100%}.page-fade-enter-active[data-v-eb2b0165]{transition:opacity .2s ease,transform .2s ease}.page-fade-leave-active[data-v-eb2b0165]{transition:opacity .15s ease}.page-fade-enter-from[data-v-eb2b0165]{opacity:0;transform:translateY(8px)}.page-fade-leave-to[data-v-eb2b0165]{opacity:0}:root{--color-bg: #FFF8E7;--color-primary: #FF9B71;--color-secondary: #7EC8E3;--color-accent: #FFD93D;--color-success: #6BCB77;--color-danger: #FF6B6B;--color-text: #4A4A4A;--color-text-light: #8A8A8A;--color-card: #FFFFFF;--color-study: #7EC8E3;--color-play: #6BCB77;--color-habit: #FFD93D;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 50%;--font-family: "Nunito", "PingFang SC", "Microsoft YaHei", sans-serif;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 20px;--font-size-xl: 28px;--shadow-card: 0 4px 12px rgba(0, 0, 0, .08);--shadow-hover: 0 6px 20px rgba(0, 0, 0, .12)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);font-size:var(--font-size-md);min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-md);font-weight:600;transition:all .2s ease}button:active{transform:scale(.96)}.card{background:var(--color-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-md);transition:transform .2s ease,box-shadow .2s ease}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeSlideUp .35s ease both}@media(min-width:768px){#app{display:flex}}@media(max-width:767px){.hide-mobile{display:none!important}}@media(min-width:768px){.hide-desktop{display:none!important}.dashboard-page,.stats-page,.scores-page{padding-bottom:var(--space-xl)!important}.main-content{max-width:640px}}