.avatar-emoji[data-v-60f114b6]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:28px;background:var(--psp-primary-50)}.confetti-layer[data-v-210a93b6]{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;overflow:hidden}.confetti-particle[data-v-210a93b6]{position:absolute;font-size:28px;transform:translate(-50%,-50%);animation:confetti-fly-210a93b6 var(--duration, 2s) ease-out forwards;will-change:transform,opacity}@keyframes confetti-fly-210a93b6{0%{transform:translate(-50%,-50%) rotate(0);opacity:1}to{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) rotate(var(--rot));opacity:0}}.page-enter-active,.page-leave-active{transition:opacity .2s ease,transform .2s ease}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-8px)}:root{--psp-primary-50: #F5F0FF;--psp-primary-100: #EDE4FF;--psp-primary-200: #DDD0FF;--psp-primary-300: #C4A8FF;--psp-primary-400: #A78BFA;--psp-primary-500: #8B5CF6;--psp-primary-600: #7C3AED;--psp-primary-700: #6D28D9;--psp-primary-800: #5B21B6;--psp-primary-900: #4C1D95;--psp-chinese: #EF4444;--psp-chinese-light: #FEE2E2;--psp-math: #3B82F6;--psp-math-light: #DBEAFE;--psp-english: #8B5CF6;--psp-english-light: #EDE4FF;--psp-science: #10B981;--psp-science-light: #D1FAE5;--psp-art: #F59E0B;--psp-art-light: #FEF3C7;--psp-music: #EC4899;--psp-music-light: #FCE7F3;--psp-neutral-50: #FAFAFF;--psp-neutral-100: #F4F4F8;--psp-neutral-200: #E8E8F0;--psp-neutral-300: #D1D1E0;--psp-neutral-400: #A8A8C0;--psp-neutral-500: #8888A8;--psp-neutral-600: #6C6C8A;--psp-neutral-700: #54546E;--psp-neutral-800: #3C3C50;--psp-neutral-900: #28283C;--psp-background: #FAFAFF;--psp-foreground: #1E1B4B;--psp-card: #FFFFFF;--psp-card-foreground: #1E1B4B;--psp-popover: #FFFFFF;--psp-popover-foreground: #1E1B4B;--psp-primary: #8B5CF6;--psp-primary-foreground: #FFFFFF;--psp-muted: #F4F4F8;--psp-muted-foreground: #6C6C8A;--psp-border: #E8E8F0;--psp-input: #E8E8F0;--psp-ring: #8B5CF6;--psp-radius-small: 8px;--psp-radius-medium: 16px;--psp-radius-large: 24px;--psp-radius-full: 9999px;--state-success: #10B981;--state-success-light: #D1FAE5;--state-warning: #F59E0B;--state-warning-light: #FEF3C7;--state-error: #EF4444;--state-error-light: #FEE2E2;--state-info: #3B82F6;--state-info-light: #DBEAFE;--font-sans: "Inter", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-display: "Inter", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-rounded: "Nunito", "Noto Sans SC", "PingFang SC", system-ui, sans-serif;--shadow-card: 0 2px 8px rgba(30, 27, 75, .04);--shadow-float: 0 8px 24px -8px rgba(30, 27, 75, .12);--shadow-overlay: 0 24px 60px -20px rgba(30, 27, 75, .2);--psp-space-1: 4px;--psp-space-2: 8px;--psp-space-3: 12px;--psp-space-4: 16px;--psp-space-5: 24px;--psp-space-6: 32px;--psp-space-7: 48px;--psp-space-8: 80px}.dark{--psp-background: #1A1626;--psp-foreground: #F4F4F8;--psp-card: #251F38;--psp-card-foreground: #F4F4F8;--psp-popover: #251F38;--psp-popover-foreground: #F4F4F8;--psp-primary: #A78BFA;--psp-primary-foreground: #1A1626;--psp-muted: #2D2840;--psp-muted-foreground: #A8A8C0;--psp-border: #3A3450;--psp-input: #3A3450;--psp-ring: #A78BFA}.text-display{font-family:var(--font-display);font-size:clamp(36px,5vw,56px);font-weight:800;line-height:1.1;letter-spacing:-.02em}.text-h1{font-family:var(--font-display);font-size:clamp(28px,3.5vw,40px);font-weight:800;line-height:1.2;letter-spacing:-.015em}.text-h2{font-family:var(--font-display);font-size:clamp(22px,2.4vw,28px);font-weight:700;line-height:1.25;letter-spacing:-.01em}.text-h3{font-family:var(--font-sans);font-size:20px;font-weight:700;line-height:1.3}.text-body-lg{font-family:var(--font-sans);font-size:18px;font-weight:400;line-height:1.6}.text-body{font-family:var(--font-sans);font-size:15px;font-weight:400;line-height:1.6}.text-caption{font-family:var(--font-sans);font-size:13px;font-weight:400;line-height:1.5}.tabular-nums{font-variant-numeric:tabular-nums}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--psp-background);color:var(--psp-foreground);-webkit-font-smoothing:antialiased}.psp-app{min-height:100vh;display:flex;flex-direction:column}.psp-header{position:sticky;top:0;z-index:100;background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--psp-border);padding:10px 24px}.psp-header__container{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.psp-header__brand{display:flex;align-items:center;gap:10px;text-decoration:none}.psp-header__logo{width:44px;height:44px;border-radius:var(--psp-radius-full);overflow:hidden;flex-shrink:0;border:2px solid var(--psp-primary-200)}.psp-header__logo img{width:100%;height:100%;object-fit:cover}.psp-header__brand-name{font-size:22px;font-weight:800;background:linear-gradient(135deg,var(--psp-primary-500),var(--psp-music));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.psp-header__right{display:flex;align-items:center;gap:14px}.psp-header__stars{display:flex;align-items:center;gap:6px;background:var(--state-warning-light);padding:6px 16px;border-radius:var(--psp-radius-full);font-weight:700}.psp-header__star-count{color:var(--state-warning);font-size:16px;font-weight:800}.psp-header__parent-link{display:flex;align-items:center;gap:6px;text-decoration:none;color:var(--psp-muted-foreground);font-size:14px;font-weight:600;padding:8px 18px;border-radius:var(--psp-radius-full);border:1px solid var(--psp-border);transition:all .2s ease}.psp-header__parent-link:hover{background:var(--psp-primary-50);color:var(--psp-primary);border-color:var(--psp-primary-200)}.psp-header__avatar{width:44px;height:44px;border-radius:var(--psp-radius-full);overflow:hidden;border:2px solid var(--psp-primary-200);flex-shrink:0}.psp-header__avatar img{width:100%;height:100%;object-fit:cover}.psp-main{flex:1;max-width:1280px;margin:0 auto;width:100%;padding:24px}.psp-bottom-nav{position:sticky;bottom:0;z-index:100;background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--psp-border);padding:8px 16px;display:flex;justify-content:center}.psp-bottom-nav__container{display:flex;max-width:720px;width:100%;justify-content:space-around;align-items:center}.psp-bottom-nav__item{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;padding:8px 20px;border-radius:var(--psp-radius-medium);color:var(--psp-muted-foreground);transition:all .2s ease;min-width:64px}.psp-bottom-nav__item:hover{background:var(--psp-primary-50);color:var(--psp-primary-400)}.psp-bottom-nav__item[data-active=true]{color:var(--psp-primary);background:var(--psp-primary-50)}.psp-bottom-nav__icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center}.psp-bottom-nav__icon svg{width:24px;height:24px}.psp-bottom-nav__label{font-size:12px;font-weight:700}.psp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;border-radius:var(--psp-radius-full);font-size:16px;font-weight:700;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;font-family:var(--font-sans)}.psp-btn--primary{background:linear-gradient(135deg,var(--psp-primary-500),var(--psp-primary-600));color:#fff;box-shadow:0 4px 14px #8b5cf64d}.psp-btn--primary:hover{box-shadow:0 6px 20px #8b5cf666;transform:translateY(-1px)}.psp-btn--secondary{background:var(--psp-primary-50);color:var(--psp-primary);border:2px solid var(--psp-primary-200)}.psp-btn--secondary:hover{background:var(--psp-primary-100)}.psp-btn--ghost{background:transparent;color:var(--psp-muted-foreground)}.psp-btn--ghost:hover{background:var(--psp-muted)}.psp-btn--lg{padding:16px 40px;font-size:18px}.psp-card{background:var(--psp-card);border-radius:var(--psp-radius-large);border:1px solid var(--psp-border);box-shadow:var(--shadow-card);padding:24px}.psp-card--interactive{cursor:pointer;transition:all .2s ease}.psp-card--interactive:hover{box-shadow:var(--shadow-float);transform:translateY(-2px);border-color:var(--psp-primary-200)}.psp-subject-card{background:var(--psp-card);border-radius:var(--psp-radius-large);border:1px solid var(--psp-border);box-shadow:var(--shadow-card);padding:28px 20px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.psp-subject-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-float)}.psp-subject-card__icon{width:72px;height:72px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;overflow:hidden}.psp-subject-card__icon img{width:100%;height:100%;object-fit:cover}.psp-subject-card__title{font-size:20px;font-weight:800;margin-bottom:8px}.psp-subject-card__desc{font-size:13px;color:var(--psp-muted-foreground);line-height:1.5}.psp-subject-card__progress{margin-top:12px}.psp-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--psp-radius-full);font-size:12px;font-weight:700}.psp-badge--primary{background:var(--psp-primary-50);color:var(--psp-primary-600)}.psp-badge--success{background:var(--state-success-light);color:var(--state-success)}.psp-badge--warning{background:var(--state-warning-light);color:var(--state-warning)}.psp-badge--info{background:var(--state-info-light);color:var(--state-info)}.psp-badge--chinese{background:var(--psp-chinese-light);color:var(--psp-chinese)}.psp-badge--math{background:var(--psp-math-light);color:var(--psp-math)}.psp-badge--english{background:var(--psp-english-light);color:var(--psp-english)}.psp-badge--science{background:var(--psp-science-light);color:var(--psp-science)}.psp-badge--art{background:var(--psp-art-light);color:var(--psp-art)}.psp-badge--music{background:var(--psp-music-light);color:var(--psp-music)}.psp-progress{width:100%;height:12px;background:var(--psp-neutral-200);border-radius:var(--psp-radius-full);overflow:hidden}.psp-progress__bar{height:100%;background:linear-gradient(90deg,var(--psp-primary-400),var(--psp-primary-500));border-radius:var(--psp-radius-full);transition:width .4s ease}.text-chinese{color:var(--psp-chinese)}.text-math{color:var(--psp-math)}.text-english{color:var(--psp-english)}.text-science{color:var(--psp-science)}.text-art{color:var(--psp-art)}.text-music{color:var(--psp-music)}.bg-chinese{background:var(--psp-chinese-light)}.bg-math{background:var(--psp-math-light)}.bg-english{background:var(--psp-english-light)}.bg-science{background:var(--psp-science-light)}.bg-art{background:var(--psp-art-light)}.bg-music{background:var(--psp-music-light)}.border-chinese{border-top:4px solid var(--psp-chinese)}.border-math{border-top:4px solid var(--psp-math)}.border-english{border-top:4px solid var(--psp-english)}.border-science{border-top:4px solid var(--psp-science)}.border-art{border-top:4px solid var(--psp-art)}.border-music{border-top:4px solid var(--psp-music)}@media (max-width: 768px){.psp-header__brand-name{font-size:18px}.psp-header__parent-link span{display:none}.psp-main{padding:16px}.psp-bottom-nav__label{font-size:11px}.psp-bottom-nav__item{padding:6px 12px;min-width:52px}}