/* 自定义活泼风格配色与动画 */
        :root {
            --primary-color: #6366f1;
            --secondary-color: #ec4899;
            --accent-color: #8b5cf6;
        }
        
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: #f3f4f6;
        }

        /* 活泼的渐变背景 */
        .bg-gradient-custom {
            background: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);
        }

        /* 橱窗卡片悬停效果 */
        .product-card {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        
        .product-card:hover {
            transform: translateY(-8px) scale(1.02);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }

        /* 菜单项下划线动画 */
        .nav-link {
            position: relative;
        }
        
        .nav-link::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -4px;
            left: 0;
            background-color: white;
            transition: width 0.3s ease;
        }
        
        .nav-link:hover::after {
            width: 100%;
        }

        /* 标签角标 */
        .badge-hot {
            background: linear-gradient(45deg, #ff512f, #dd2476);
        }
        
        .badge-new {
            background: linear-gradient(45deg, #11998e, #38ef7d);
        }

        /* 隐藏滚动条但保留功能 */
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }
        
        .modal-backdrop {
            backdrop-filter: blur(8px);
            background-color: rgba(0, 0, 0, 0.5);
        }

        /* 表单容器过渡 */
        .form-container {
            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        }

        /* 隐藏非激活表单 */
        .hidden-form {
            display: none;
            opacity: 0;
            transform: translateX(20px);
        }

        /* 显示激活表单 */
        .active-form {
            display: block;
            opacity: 1;
            transform: translateX(0);
            animation: fadeInSlide 0.5s forwards;
        }

        @keyframes fadeInSlide {
            from {
                opacity: 0;
                transform: translateX(20px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        /* 输入框焦点动画 */
        .input-group input:focus ~ label,
        .input-group input:not(:placeholder-shown) ~ label {
            top: -0.5rem;
            left: 0.5rem;
            font-size: 0.75rem;
            color: #6366f1;
            background-color: white;
            padding: 0 0.25rem;
        }

        .input-group label {
            transition: all 0.2s ease-out;
            pointer-events: none;
        }
        
        /* 社交按钮悬停效果 */
        .social-btn {
            transition: transform 0.2s, background-color 0.2s;
        }
        .social-btn:hover {
            transform: translateY(-2px);
        }
        /* 规格列表样式 */
        .spec-item {
            font-size: 0.85rem;
            color: #64748b;
            margin-bottom: 2px;
            display: flex;
            align-items: center;
        }
        .spec-item i {
            width: 16px;
            color: #3b82f6;
            margin-right: 4px;
        }