:root{--primary-color:#4f46e5;--primary-rgb:79, 70, 229;--primary-glow:#4f46e526;--bg-gradient:linear-gradient(135deg, #f8fafc 0%, #eff6ff 100%);--card-bg:#fffc;--card-border:#e2e8f0cc;--text-main:#1e293b;--text-muted:#64748b;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-premium:0 20px 25px -5px #2a3c6014, 0 8px 10px -6px #2a3c600d;--transition-base:all .3s cubic-bezier(.4, 0, .2, 1)}body{-webkit-font-smoothing:antialiased;background:var(--bg-gradient);color:var(--text-main);min-height:100vh;margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s ease-out forwards fadeInUp}.el-button{transition:var(--transition-base)!important;border-radius:10px!important;font-weight:600!important}.el-button--primary{box-shadow:0 4px 12px var(--primary-glow)}.el-button--primary:hover{box-shadow:0 6px 16px var(--primary-glow);transform:translateY(-1px)}.el-card{border:1px solid var(--card-border)!important;background:var(--card-bg)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border-radius:8px!important}