.slideshow {
    height: 400px;
    object-fit: cover;
}
/* 基础样式：普通页码 */
.page-num {
    display: inline-block;
    padding: 3px 12px;
    margin: 0 2px;
    border: 1px solid #c7252d;
    border-radius: 4px;
    color: #c7252d;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s ease;
  }
  
  /* 悬停效果 */
  .page-num:hover {
    background-color: #c7252d;
    color: #fff;
  }
  
  /* 当前页码 */
  .page-num-current {
    background-color: #c7252d;
    color: #fff;
    font-weight: bold;
    pointer-events: none; /* 当前页不可点击 */
  }
  
@layer utilities {

    .content-auto {
        content-visibility: auto;
    }

    .text-shadow {
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    .transition-custom {
        transition: all 0.3s ease;
    }

    .hover-scale {
        transition: transform 0.3s ease;
    }

    .hover-scale:hover {
        transform: scale(1.02);
    }

    .nav-item-active {
        @apply bg-white text-primary border-l-4 border-primary;
    }

    .btn-primary {
        @apply bg-primary hover: bg-secondary text-white font-medium py-2 px-4 rounded transition duration-300;
    }

    .card-shadow {
        @apply shadow-md hover: shadow-lg transition-shadow duration-300;
    }

    .bg-gradient-red {
        background: linear-gradient(135deg, #e53e3e 0%, #c53030 100%);
    }

    .card-hover {
        transition: all 0.3s ease;
    }

    .card-hover:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    }

    .form-shadow {
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    }

    .input-focus {
        @apply focus: border-primary focus:ring-2 focus:ring-primary/20 focus:outline-none transition-all duration-300;
    }

    .btn-hover {
        @apply hover: shadow-lg hover:-translate-y-0.5 transition-all duration-300;
    }
}