/* ========================================
   无限PAY模板-一只小白菜
   QQ：2694199949 - 下拉菜单样式
   ======================================== */

#more-services-menu {
  opacity: 0; visibility: hidden;
  transform: translateY(-8px);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
#more-services-menu.show {
  opacity: 1; visibility: visible;
  transform: translateY(0);
}

#more-services-menu .dropdown-flex {
  display: flex; flex-direction: row;
  justify-content: flex-start; align-items: stretch;
  width: 100%; gap: 0;
}

#more-services-menu .dropdown-item {
  flex: 1; min-width: 140px; max-width: 150px;
  padding: 16px 12px; border-radius: 8px;
  transition: all 0.15s ease; text-decoration: none;
  display: flex; flex-direction: column;
  align-items: center; text-align: center;
  box-sizing: border-box;
}
#more-services-menu .dropdown-item:hover {
  background-color: rgba(249, 86, 31, 0.05);
}

#more-services-menu .dropdown-item .item-icon {
  width: 40px; height: 40px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 10px; transition: all 0.15s ease;
}
#more-services-menu .dropdown-item:hover .item-icon {
  transform: scale(1.08);
}
#more-services-menu .dropdown-item .item-icon svg {
  width: 22px; height: 22px;
}

/* 聚合支付 - 蓝色 */
#more-services-menu .dropdown-item:nth-child(1) .item-icon {
  background: linear-gradient(135deg, #3b82f6, #60a5fa);
  box-shadow: 0 4px 12px rgba(59,130,246,0.3);
}
#more-services-menu .dropdown-item:nth-child(1) .item-icon svg { stroke: white; fill: none; }
#more-services-menu .dropdown-item:nth-child(1):hover .item-title { color: #3b82f6; }

/* 代付服务 - 绿色 */
#more-services-menu .dropdown-item:nth-child(2) .item-icon {
  background: linear-gradient(135deg, #10b981, #34d399);
  box-shadow: 0 4px 12px rgba(16,185,129,0.3);
}
#more-services-menu .dropdown-item:nth-child(2) .item-icon svg { stroke: white; fill: none; }
#more-services-menu .dropdown-item:nth-child(2):hover .item-title { color: #10b981; }

/* 风控系统 - 红色 */
#more-services-menu .dropdown-item:nth-child(3) .item-icon {
  background: linear-gradient(135deg, #ef4444, #f87171);
  box-shadow: 0 4px 12px rgba(239,68,68,0.3);
}
#more-services-menu .dropdown-item:nth-child(3) .item-icon svg { stroke: white; fill: none; }
#more-services-menu .dropdown-item:nth-child(3):hover .item-title { color: #ef4444; }

/* 数据分析 - 紫色 */
#more-services-menu .dropdown-item:nth-child(4) .item-icon {
  background: linear-gradient(135deg, #8b5cf6, #a78bfa);
  box-shadow: 0 4px 12px rgba(139,92,246,0.3);
}
#more-services-menu .dropdown-item:nth-child(4) .item-icon svg { stroke: white; fill: none; }
#more-services-menu .dropdown-item:nth-child(4):hover .item-title { color: #8b5cf6; }

#more-services-menu .dropdown-item .item-title {
  font-size: 14px; font-weight: 600; color: #111827;
  margin-bottom: 4px; transition: color 0.15s ease;
  white-space: nowrap; line-height: 1.4;
}
#more-services-menu .dropdown-item .item-desc {
  font-size: 12px; color: #6b7280;
  line-height: 1.4; word-break: break-word;
}
