:root{--primary-color:#4f46e5;--primary-hover:#4338ca;--secondary-color:#f9fafb;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--text-primary:#111827;--text-secondary:#6b7280;--border-color:#e5e7eb;--gao-color1:rgb(77, 75, 77);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--transition-speed:0.2s}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-primary);background-color:#f9fafb;line-height:1.5}.btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-speed);cursor:pointer;border:none}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-speed)}.card:hover{box-shadow:var(--shadow-md)}