@import url('/css/swap.css');
        
        body {
            font-family: 'Inter', system-ui, -apple-system, sans-serif;
            background-color: #030712;
            color: #f3f4f6;
            overflow-x: hidden;
        }

        /* 网格背景层 */
        .bg-grid-mesh {
            background-size: 40px 40px;
            background-image: 
                linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
        }

        /* 3D立体球体阴影 */
        .ball-3d-red {
            background: radial-gradient(circle at 35% 35%, #ff7b7b, #dc2626 60%, #7f1d1d 100%);
            box-shadow: 0 8px 15px rgba(220, 38, 38, 0.4), inset -4px -4px 8px rgba(0,0,0,0.6), inset 4px 4px 8px rgba(255,255,255,0.8);
        }
        .ball-3d-blue {
            background: radial-gradient(circle at 35% 35%, #60a5fa, #2563eb 60%, #1e3a8a 100%);
            box-shadow: 0 8px 15px rgba(37, 99, 235, 0.4), inset -4px -4px 8px rgba(0,0,0,0.6), inset 4px 4px 8px rgba(255,255,255,0.8);
        }
        .ball-3d-green {
            background: radial-gradient(circle at 35% 35%, #4ade80, #16a34a 60%, #14532d 100%);
            box-shadow: 0 8px 15px rgba(22, 163, 74, 0.4), inset -4px -4px 8px rgba(0,0,0,0.6), inset 4px 4px 8px rgba(255,255,255,0.8);
        }

        /* 高维渐变边框卡片 */
        .glass-card {
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.08);
        }
        
        .glass-card-interactive {
            background: linear-gradient(135deg, rgba(30, 41, 59, 0.7) 0%, rgba(15, 23, 42, 0.8) 100%);
            backdrop-filter: blur(16px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .glass-card-interactive:hover {
            border-color: rgba(59, 130, 246, 0.5);
            transform: translateY(-6px);
            box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.8), 0 0 20px rgba(59, 130, 246, 0.3);
        }

        /* 自定义 Toast 动画 */
        #toast {
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }