/* 模拟原有 Zoom In 图片特效 */
.group:hover .group-hover\:scale-110 {
    transform: scale(1.1);
}
/* 隐藏滚动条但允许滚动 (如果需要) */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.-translate-y-1\/2 {
    transform: translateY(-50%);
}
.-translate-x-1\/2 {
    transform: translateX(-50%);
}
.product-nav li:not(:last-child) {
    border-right: 2px dashed rgb(var(--surface-bg-200));
}
.page .page-num a{
    --bg-opacity: 1;
    --font-size: var(--spacing-3-5);
    --line-height: var(--spacing-5);
    --text-opacity: 1;
    --border-width: var(--border-width-1);
    border-width: var(--border-width);
    border-radius: 0.375rem;
    color: rgba(var(--gray-400) / var(--text-opacity));
    background-color: rgba(var(--white) / var(--bg-opacity));
    border-color: rgb(var(--surface-border));
    font-size: var(--font-size);
    line-height: var(--line-height);
    padding: 0.25rem 0.5rem;
}
.page .page-num-current,
.page .page-num a:hover,
.product-nav li.active {
    background-color: rgba(var(--primary-hue-500) / var(--bg-opacity)) !important;
    color: #fff !important;
}
.product-nav li.active a {
    color: #fff !important;
}