*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc}#root{width:100%;height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.page-gradient-warm{background:var(--ho-bg-student-warm, linear-gradient(135deg, #EEF2FF 0%, #FDF2F8 50%, #FEF3C7 100%));min-height:100vh}.page-gradient-cool{background:var(--ho-bg-teacher, linear-gradient(135deg, #EEF2FF 0%, #E0F2FE 50%, #ECFDF5 100%));min-height:100vh}.page-gradient-admin{background:var(--ho-bg-admin, linear-gradient(135deg, #1E293B 0%, #0F172A 100%));min-height:100vh}.card-gradient-primary{background:var(--ho-gradient-primary, linear-gradient(135deg, #6366F1 0%, #8B5CF6 100%));color:#fff}.card-gradient-success{background:var(--ho-gradient-success, linear-gradient(135deg, #34D399 0%, #60A5FA 100%));color:#fff}.card-gradient-warm{background:var(--ho-gradient-warm, linear-gradient(135deg, #F59E0B 0%, #F97316 100%));color:#fff}.card-gradient-heart{background:var(--ho-gradient-heart, linear-gradient(135deg, #6366F1 0%, #8B5CF6 50%, #EC4899 100%));color:#fff}.glass{background:var(--ho-glass-bg, rgba(255, 255, 255, .65));backdrop-filter:blur(var(--ho-glass-blur, 20px));-webkit-backdrop-filter:blur(var(--ho-glass-blur, 20px));border:1px solid var(--ho-glass-border, rgba(255, 255, 255, .3))}.glass-heavy{background:var(--ho-glass-bg-heavy, rgba(255, 255, 255, .85));backdrop-filter:blur(var(--ho-glass-blur-heavy, 24px));-webkit-backdrop-filter:blur(var(--ho-glass-blur-heavy, 24px));border:1px solid var(--ho-glass-border-heavy, rgba(255, 255, 255, .5))}.text-gradient-brand{background:var(--ho-gradient-text, linear-gradient(135deg, #6366F1, #8B5CF6, #A855F7));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-logo{display:inline-block;flex-shrink:0}@keyframes voicePulse{0%{box-shadow:0 0 #6366f166}50%{box-shadow:0 0 0 16px #6366f100}to{box-shadow:0 0 #6366f100}}@keyframes voiceWave{0%,to{height:20%}50%{height:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes breathe{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}.voice-pulse{animation:voicePulse 1.5s ease-in-out infinite}.fade-in-up{animation:fadeInUp .4s ease-out}.breathe{animation:breathe 3s ease-in-out infinite}.assessment-immersive{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a;z-index:9999}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}:root{--ho-primary: #6366F1;--ho-primary-hover: #4F46E5;--ho-primary-active: #4338CA;--ho-primary-light: #818CF8;--ho-primary-lighter: #A5B4FC;--ho-primary-bg: #EEF2FF;--ho-primary-bg-light: #F5F7FF;--ho-secondary: #8B5CF6;--ho-secondary-hover: #7C3AED;--ho-secondary-light: #A78BFA;--ho-secondary-bg: #F3EEFF;--ho-accent: #F59E0B;--ho-accent-hover: #D97706;--ho-accent-light: #FBBF24;--ho-accent-bg: #FFFBEB;--ho-success: #10B981;--ho-success-hover: #059669;--ho-success-light: #34D399;--ho-success-bg: #ECFDF5;--ho-warning: #F59E0B;--ho-warning-hover: #D97706;--ho-warning-light: #FBBF24;--ho-warning-bg: #FFFBEB;--ho-error: #EF4444;--ho-error-hover: #DC2626;--ho-error-light: #F87171;--ho-error-bg: #FEF2F2;--ho-info: #6366F1;--ho-info-light: #818CF8;--ho-info-bg: #EEF2FF;--ho-risk-normal: #10B981;--ho-risk-normal-bg: #ECFDF5;--ho-risk-attention: #F59E0B;--ho-risk-attention-bg:#FFFBEB;--ho-risk-warning: #F97316;--ho-risk-warning-bg: #FFF7ED;--ho-risk-urgent: #EF4444;--ho-risk-urgent-bg: #FEF2F2;--ho-char-rabbit: #EC4899;--ho-char-rabbit-light:#FDF2F8;--ho-char-dragon: #059669;--ho-char-dragon-light:#ECFDF5;--ho-char-fox: #F97316;--ho-char-fox-light: #FFF7ED;--ho-char-panda: #1E293B;--ho-char-panda-light: #F8FAFC;--ho-char-deer: #92400E;--ho-char-deer-light: #FFFBEB;--ho-char-elephant: #6366F1;--ho-char-elephant-light:#EEF2FF;--ho-char-dolphin: #06B6D4;--ho-char-dolphin-light:#ECFEFF;--ho-char-tiger: #EA580C;--ho-char-tiger-light: #FFF7ED;--ho-char-pig: #F472B6;--ho-char-pig-light: #FDF2F8;--ho-char-cat: #8B5CF6;--ho-char-cat-light: #F3EEFF;--ho-char-dog: #2563EB;--ho-char-dog-light: #EFF6FF;--ho-dim-depression: #60A5FA;--ho-dim-depression-bg:#EFF6FF;--ho-dim-anxiety: #F59E0B;--ho-dim-anxiety-bg: #FFFBEB;--ho-dim-resilience: #10B981;--ho-dim-resilience-bg:#ECFDF5;--ho-dim-school: #8B5CF6;--ho-dim-school-bg: #F3EEFF;--ho-dim-social: #EC4899;--ho-dim-social-bg: #FDF2F8;--ho-dim-family: #F97316;--ho-dim-family-bg: #FFF7ED;--ho-energy-love: #DB2777;--ho-energy-reason: #7C3AED;--ho-energy-courage: #EA580C;--ho-energy-enlighten: #FBBF24;--ho-energy-vitality: #10B981;--ho-gray-50: #F8FAFC;--ho-gray-100: #F1F5F9;--ho-gray-200: #E2E8F0;--ho-gray-300: #CBD5E1;--ho-gray-400: #94A3B8;--ho-gray-500: #64748B;--ho-gray-600: #475569;--ho-gray-700: #334155;--ho-gray-800: #1E293B;--ho-gray-900: #0F172A;--ho-text-primary: #1E293B;--ho-text-secondary: #64748B;--ho-text-tertiary: #94A3B8;--ho-text-disabled: #CBD5E1;--ho-text-inverse: #FFFFFF;--ho-text-link: #6366F1;--ho-text-link-hover: #4F46E5;--ho-bg-student: linear-gradient(160deg, #F0FDF4 0%, #ECFDF5 20%, #F8FAFC 50%, #F0FDF4 80%, #ECFDF5 100%);--ho-bg-student-warm: linear-gradient(135deg, #EEF2FF 0%, #FDF2F8 50%, #FEF3C7 100%);--ho-bg-student-auth: linear-gradient(135deg, #EEF2FF 0%, #FDF2F8 50%, #FEF3C7 100%);--ho-bg-teacher: linear-gradient(135deg, #EEF2FF 0%, #E0F2FE 50%, #ECFDF5 100%);--ho-bg-teacher-clean: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);--ho-bg-admin: linear-gradient(135deg, #1E293B 0%, #0F172A 100%);--ho-bg-admin-sidebar: #0F172A;--ho-bg-admin-content: #F1F5F9;--ho-glass-bg: rgba(255, 255, 255, .65);--ho-glass-bg-heavy: rgba(255, 255, 255, .85);--ho-glass-bg-light: rgba(255, 255, 255, .45);--ho-glass-blur: 20px;--ho-glass-blur-heavy: 24px;--ho-glass-blur-light: 12px;--ho-glass-border: rgba(255, 255, 255, .3);--ho-glass-border-heavy: rgba(255, 255, 255, .5);--ho-gradient-primary: linear-gradient(135deg, #6366F1 0%, #8B5CF6 100%);--ho-gradient-success: linear-gradient(135deg, #34D399 0%, #60A5FA 100%);--ho-gradient-warm: linear-gradient(135deg, #F59E0B 0%, #F97316 100%);--ho-gradient-heart: linear-gradient(135deg, #6366F1 0%, #8B5CF6 50%, #EC4899 100%);--ho-gradient-sunrise: linear-gradient(135deg, #F59E0B 0%, #F97316 100%);--ho-gradient-text: linear-gradient(135deg, #6366F1 0%, #8B5CF6 50%, #A855F7 100%);--ho-gradient-admin: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--ho-space-xs: 4px;--ho-space-sm: 8px;--ho-space-md: 12px;--ho-space-base: 16px;--ho-space-lg: 20px;--ho-space-xl: 24px;--ho-space-2xl: 32px;--ho-space-3xl: 40px;--ho-space-4xl: 48px;--ho-space-5xl: 64px;--ho-radius-xs: 4px;--ho-radius-sm: 8px;--ho-radius-md: 12px;--ho-radius-lg: 16px;--ho-radius-xl: 20px;--ho-radius-2xl: 24px;--ho-radius-full: 999px;--ho-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--ho-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--ho-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--ho-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .04);--ho-shadow-glow: 0 0 20px rgba(99, 102, 241, .15);--ho-shadow-glow-success: 0 0 20px rgba(16, 185, 129, .15);--ho-shadow-glow-warm: 0 0 20px rgba(245, 158, 11, .15);--ho-shadow-card: 0 2px 8px rgba(0, 0, 0, .06);--ho-shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .1);--ho-font-display: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ho-font-body: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ho-font-mono: "SF Mono", "Fira Code", "JetBrains Mono", "Cascadia Code", Menlo, monospace;--ho-font-english: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;--ho-text-xs: 12px;--ho-text-sm: 13px;--ho-text-base: 14px;--ho-text-md: 16px;--ho-text-lg: 18px;--ho-text-xl: 20px;--ho-text-2xl: 24px;--ho-text-3xl: 30px;--ho-text-4xl: 36px;--ho-leading-tight: 1.3;--ho-leading-normal: 1.5;--ho-leading-relaxed: 1.75;--ho-weight-normal: 400;--ho-weight-medium: 500;--ho-weight-semibold: 600;--ho-weight-bold: 700;--ho-duration-instant: 80ms;--ho-duration-quick: .15s;--ho-duration-standard:.3s;--ho-duration-slow: .5s;--ho-duration-crawl: .8s;--ho-easing-standard: cubic-bezier(.4, 0, .2, 1);--ho-easing-decelerate:cubic-bezier(0, 0, .2, 1);--ho-easing-accelerate:cubic-bezier(.4, 0, 1, 1);--ho-easing-spring: cubic-bezier(.34, 1.56, .64, 1);--ho-easing-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ho-control-height-sm: 32px;--ho-control-height-md: 40px;--ho-control-height-lg: 44px;--ho-control-height-xl: 52px;--ho-z-base: 1;--ho-z-dropdown: 100;--ho-z-sticky: 200;--ho-z-overlay: 300;--ho-z-modal: 400;--ho-z-popover: 500;--ho-z-toast: 600;--ho-orb-1: radial-gradient(circle, rgba(52, 211, 153, .15) 0%, transparent 70%);--ho-orb-2: radial-gradient(circle, rgba(99, 102, 241, .1) 0%, transparent 70%);--ho-orb-3: radial-gradient(circle, rgba(245, 158, 11, .08) 0%, transparent 70%)}.ho-glass{background:var(--ho-glass-bg);backdrop-filter:blur(var(--ho-glass-blur));-webkit-backdrop-filter:blur(var(--ho-glass-blur));border:1px solid var(--ho-glass-border)}.ho-glass-heavy{background:var(--ho-glass-bg-heavy);backdrop-filter:blur(var(--ho-glass-blur-heavy));-webkit-backdrop-filter:blur(var(--ho-glass-blur-heavy));border:1px solid var(--ho-glass-border-heavy)}.ho-gradient-text{background:var(--ho-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ho-shadow-card{box-shadow:var(--ho-shadow-card);transition:box-shadow var(--ho-duration-standard) var(--ho-easing-standard)}.ho-shadow-card:hover{box-shadow:var(--ho-shadow-card-hover)}@media(prefers-reduced-motion:reduce){:root{--ho-duration-instant: 0ms;--ho-duration-quick: 0ms;--ho-duration-standard:0ms;--ho-duration-slow: 0ms;--ho-duration-crawl: 0ms}}