﻿
/* 产品表格优化样式 */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 表格悬停效果 */
.product-table tbody tr:hover {
    background-color: #f8fafc;
}

/* 图片加载失败样式 */
.no-image-placeholder {
    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
}
 .certificate-btn {
    /*display: flex;*/
    align-items: center;
    border-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
}
[role=button], button {
    cursor: pointer;
}
.icon-certificate {
    /*margin-right: 0.25rem;
    display: inline-block;
    height: 1rem;
    width: 1rem;
    background-image: url(/Skins/Default/Views/Se/images/icon-certificate.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;*/
}
*, ::after, ::before {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
}
.text-center {
    text-align: center;
}


.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}


.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.whitespace-nowrap {
    white-space: nowrap;
}

.icon-company {
    background-image: url(/Skins/Default/Views/Se/images/icon-company.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

<style >
.w-4 {
    width: 1rem;
}

<style >
.h-4 {
    height: 1rem;
}