.customer-title {
    color: #01182A; /* text-gray-900 */
    font-size: 30px; /* text-3xl = 30px */
    line-height: 2.25rem; /* 36px */
    font-weight: 400; /* font-bold */
    margin-top: 4rem; /* mt-16 */
    text-align: center;
}

.customer-desc {
    color: #4B5563; /* text-gray-600 */
    font-size: 16px; /* text-[16px] */
    margin-top: 0.75rem; /* mt-3 */
    text-align: center;
    line-height: 1.5rem; /* leading-6 */
    padding-left: 1rem; /* px-4 */
    padding-right: 1rem;
}

.customer-list {
    display: grid;
    gap: 20px; /* gap-4 */
    width: 100%; /* w-full */
    margin-left: auto; /* mx-auto */
    margin-right: auto;
    margin-top: 50px; /* mt-[50px] */
    padding-left: 20px; /* px-[20px] */
    padding-right: 20px;
}

@media (min-width: 1024px) {
    .customer-list {
        grid-template-columns: repeat(2, minmax(0, 1fr)); /* lg:grid-cols-2 */
    }
}

@media (min-width: 1280px) {
    .customer-list {
        max-width: 1440px; /* xl:max-w-[1440px] */
        grid-template-columns: repeat(3, minmax(0, 1fr)); /* xl:grid-cols-3 */
        padding-left: 0; /* xl:px-0 */
        padding-right: 0;
    }
}


.customer-card {
    height: 366px; /* h-[366px] */
    width: 100%; /* w-full */
    border-radius: 0.75rem; /* rounded-xl */
    padding: 30px; /* px-[30px] + py-[30px] */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1),
    0 1px 2px rgba(0, 0, 0, 0.06); /* shadow */
    background: linear-gradient(180deg, #ECF1FF 0%, #FFFFFF 100%);
    cursor: pointer;
    transition: margin-top 0.3s;
}
.customer-card:hover{
    margin-top: -8px;
}

.customer-card-header {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}

.customer-card-title {
    font-size: 17px; /* text-[17px] */
    font-weight: 700; /* font-bold */
    margin-left: 0.75rem; /* ml-3 */
}

.customer-card-imgwrap {
    width: 100%;
    display: flex;
    justify-content: center;
}

.customer-marquee {
    overflow: hidden;
    padding-bottom: 0.875rem; /* pb-3.5 */
    padding-top: 0.375rem; /* pt-1.5 */
    margin-top: 3rem; /* mt-12 */
    margin-bottom: 2.5rem; /* mb-10 */
}

.customer-marquee-item {
    margin-top: 1.5rem; /* mt-6 */
    user-select: none; /* select-none */
    white-space: nowrap; /* whitespace-nowrap */
}
.customer-marquee-item:first-child {
    margin-top: 0; /* first:mt-0 */
}

.customer-marquee-list {
    display: flex;
    display: inline-block;
}

.customer-marquee-logo {
    margin-left: 1.5rem; /* ml-6 */
    padding: 0.5rem 1rem; /* py-2 px-4 */
    background-color: #fff;
    display: inline-block;
}
.customer-marquee-logo:first-child {
    margin-left: 0; /* first:ml-0 */
}

.customer-marquee-logo img {
    height: 60px; /* h-[60px] */
    object-fit: cover; /* object-cover */
}


@keyframes marquee-left {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%); /* 只移动一半（因为拼接了两份） */
    }
}

@keyframes marquee-right {
    0% {
        transform: translateX(-50%);
    }
    100% {
        transform: translateX(0);
    }
}

.animate-marquee-left {
    animation: marquee-left 30s linear infinite;
}

.animate-marquee-right {
    animation: marquee-right 30s linear infinite;
}
.animate-marquee-left:hover,
.animate-marquee-right:hover {
    cursor: pointer;
    animation-play-state: paused;
}

.el-dialog--center .el-dialog__body{
    padding: 20px 10px !important;
}