:root{--color-primary: #6366f1;--color-primary-light: #818cf8;--color-primary-dark: #4f46e5;--color-primary-bg: #eef2ff;--color-primary-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--color-math: #3b82f6;--color-math-bg: #eff6ff;--color-math-gradient: linear-gradient(135deg, #3b82f6, #2563eb);--color-cs408: #8b5cf6;--color-cs408-bg: #f5f3ff;--color-cs408-gradient: linear-gradient(135deg, #8b5cf6, #7c3aed);--color-english: #10b981;--color-english-bg: #ecfdf5;--color-english-gradient: linear-gradient(135deg, #10b981, #059669);--color-politics: #f59e0b;--color-politics-bg: #fffbeb;--color-politics-gradient: linear-gradient(135deg, #f59e0b, #d97706);--color-success: #10b981;--color-success-bg: #ecfdf5;--color-warning: #f59e0b;--color-warning-bg: #fffbeb;--color-error: #ef4444;--color-error-bg: #fef2f2;--color-white: #ffffff;--color-bg: #f1f5f9;--color-surface: #ffffff;--color-surface-glass: rgba(255, 255, 255, .7);--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-text: #0f172a;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .06), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .06), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-glow: 0 0 30px rgba(99, 102, 241, .15);--shadow-card: 0 1px 3px rgba(0, 0, 0, .04), 0 8px 24px rgba(0, 0, 0, .04);--pomodoro-work: #ef4444;--pomodoro-work-bg: #fef2f2;--pomodoro-break: #22c55e;--pomodoro-break-bg: #f0fdf4;--navbar-height: 60px;--tabbar-height: 64px;--max-content-width: 960px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--glass-bg: rgba(255, 255, 255, .65);--glass-border: rgba(255, 255, 255, .4);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .06);--glass-blur: blur(20px)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit;border:none;outline:none;background:none}button{cursor:pointer;-webkit-user-select:none;user-select:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:root{--font-sans: -apple-system, BlinkMacSystemFont, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Source Han Sans CN", sans-serif;--font-mono: "SF Mono", "Cascadia Code", "Consolas", "Monaco", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700}body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text)}h1,h2,h3,h4{line-height:1.3;font-weight:var(--font-weight-semibold)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes checkmark{0%{transform:scale(0) rotate(-45deg)}50%{transform:scale(1.3) rotate(0)}to{transform:scale(1) rotate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-4px) rotate(1deg)}66%{transform:translateY(2px) rotate(-1deg)}}@keyframes glow{0%,to{box-shadow:0 0 5px #6366f133}50%{box-shadow:0 0 20px #6366f166}}@keyframes countIn{0%{opacity:0;transform:translateY(8px) scale(.8)}60%{opacity:1;transform:translateY(-2px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes borderGlow{0%,to{border-color:#6366f133}50%{border-color:#6366f180}}.animate-float{animation:float 3s ease-in-out infinite}.animate-float-slow{animation:floatSlow 6s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-gradient{background-size:200% 200%;animation:gradientShift 3s ease infinite}body{background:var(--color-bg);min-height:100vh;min-height:100dvh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 80% 60% at 50% -20%,rgba(99,102,241,.06) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 80%,rgba(139,92,246,.04) 0%,transparent 50%),radial-gradient(ellipse 50% 40% at 20% 50%,rgba(59,130,246,.03) 0%,transparent 50%);pointer-events:none}#app{min-height:100vh;min-height:100dvh}.page-enter-active{animation:fadeInUp .35s cubic-bezier(.4,0,.2,1)}.page-leave-active{animation:fadeIn .2s cubic-bezier(.4,0,.2,1) reverse}.sheet-enter-active{animation:slideInUp .35s cubic-bezier(.34,1.56,.64,1)}.sheet-leave-active{animation:slideInUp .25s cubic-bezier(.4,0,.2,1) reverse}.toast-enter-active{animation:slideInRight .3s cubic-bezier(.34,1.56,.64,1)}.toast-leave-active{animation:slideInRight .2s cubic-bezier(.4,0,.2,1) reverse}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:#6366f133;color:var(--color-primary-dark)}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg)}