/* 重置基础样式，避免外部样式干扰 */
.py-12.bg-gray-50 {
    all: unset;
    display: block;
    padding: 3rem 0 !important;
    background-color: #f9f9f9 !important;
    font-family: "Microsoft Yahei", Arial, sans-serif !important;
}

.py-12.bg-gray-50 .container.mx-auto.px-4 {
    all: unset;
    display: block;
    width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

.py-12.bg-gray-50 .flex.flex-col.lg\:flex-row.gap-8 {
    all: unset;
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem !important;
}

@media (min-width: 1024px) {
    .py-12.bg-gray-50 .flex.flex-col.lg\:flex-row.gap-8 {
        flex-direction: row !important;
    }
}

/* 左侧导航栏样式 */
.py-12.bg-gray-50 .lg\:w-1\/4.lg\:sticky.lg\:top-24.self-start {
    all: unset;
    display: block;
    width: 100% !important;
    flex: 0 0 280px !important;
}

@media (min-width: 1024px) {
    .py-12.bg-gray-50 .lg\:w-1\/4.lg\:sticky.lg\:top-24.self-start {
        position: sticky !important;
        top: 6rem !important;
        align-self: flex-start !important;
    }
}

.py-12.bg-gray-50 .bg-white.rounded-lg.shadow-md.overflow-hidden.card-shadow {
    all: unset;
    display: block;
    background-color: #ffffff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    border: 1px solid #e5e5e5 !important;
}

/* 左侧导航标题栏 */
.py-12.bg-gray-50 .bg-primary.text-white.p-4 {
    all: unset;
    display: block;
    background-color: #c81623 !important;
    color: #ffffff !important;
    padding: 10px 15px !important;
}

.py-12.bg-gray-50 .text-xl.font-bold {
    all: unset;
    display: block;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #ffffff !important;
    line-height: 1.2 !important;
}

/* 左侧导航菜单 */
.py-12.bg-gray-50 .p-4.space-y-1 {
    all: unset;
    display: block;
    padding: 15px !important;
}

.py-12.bg-gray-50 .secondary-nav-link {
    all: unset;
    display: block !important;
    padding: 10px 15px !important;
    border-radius: 0 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    text-decoration: none !important;
    transition: none !important;
}

.py-12.bg-gray-50 .secondary-nav-link.bg-primary.text-white {
    background-color: #c81623 !important;
    color: #ffffff !important;
}

.py-12.bg-gray-50 .secondary-nav-link.hover\:bg-primary\/10:hover {
    background-color: #f8f8f8 !important;
    color: #333333 !important;
}

.py-12.bg-gray-50 .fa {
    margin-right: 8px !important;
}

/* 工作成果统计 */
.py-12.bg-gray-50 .p-4.border-t.border-gray-100 {
    all: unset;
    display: block;
    padding: 15px !important;
    border-top: 1px solid #e5e5e5 !important;
}

.py-12.bg-gray-50 .font-bold.text-primary.mb-3 {
    all: unset;
    display: block;
    font-weight: bold !important;
    color: #c81623 !important;
    margin-bottom: 10px !important;
    font-size: 14px !important;
}

.py-12.bg-gray-50 .space-y-4 {
    all: unset;
    display: block;
}

.py-12.bg-gray-50 .flex.justify-between.mb-1 {
    all: unset;
    display: flex !important;
    justify-content: space-between !important;
    margin-bottom: 5px !important;
    font-size: 12px !important;
    color: #666666 !important;
}

.py-12.bg-gray-50 .w-full.bg-gray-200.rounded-full.h-2\.5 {
    all: unset;
    display: block;
    width: 100% !important;
    height: 8px !important;
    background-color: #e5e5e5 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}

.py-12.bg-gray-50 .bg-primary.h-2\.5.rounded-full {
    all: unset;
    display: block;
    height: 8px !important;
    border-radius: 4px !important;
    background-color: #c81623 !important;
}

.py-12.bg-gray-50 .bg-secondary.h-2\.5.rounded-full {
    background-color: #ff9900 !important;
}

.py-12.bg-gray-50 .bg-accent.h-2\.5.rounded-full {
    background-color: #0066cc !important;
}

/* 联系方式 */
.py-12.bg-gray-50 .space-y-2.text-sm {
    all: unset;
    display: block;
    font-size: 12px !important;
    color: #666666 !important;
    line-height: 1.5 !important;
}

.py-12.bg-gray-50 .flex.items-start,
.py-12.bg-gray-50 .flex.items-center {
    all: unset;
    display: flex !important;
    align-items: flex-start !important;
    margin-bottom: 8px !important;
}

.py-12.bg-gray-50 .flex.items-center {
    align-items: center !important;
}

.py-12.bg-gray-50 .fa-map-marker,
.py-12.bg-gray-50 .fa-phone,
.py-12.bg-gray-50 .fa-envelope {
    color: #c81623 !important;
    margin-right: 8px !important;
    margin-top: 2px !important;
}

/* 右侧内容区域 */
.py-12.bg-gray-50 .lg\:w-3\/4 {
    all: unset;
    display: block;
    flex: 1 !important;
}

/* 搜索栏区域 */
.py-12.bg-gray-50 .bg-white.rounded-lg.shadow-md.p-6.mb-8.card-shadow {
    all: unset;
    display: block;
    background-color: #ffffff !important;
    padding: 15px !important;
    margin-bottom: 20px !important;
    border: 1px solid #e5e5e5 !important;
}

.py-12.bg-gray-50 .flex.flex-wrap.gap-2.mb-4 {
    all: unset;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-bottom: 15px !important;
}

.py-12.bg-gray-50 .work-tab {
    all: unset;
    display: inline-block !important;
    padding: 5px 15px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    font-weight: normal !important;
    cursor: pointer !important;
}

.py-12.bg-gray-50 .work-tab-active {
    background-color: #c81623 !important;
    color: #ffffff !important;
}

.py-12.bg-gray-50 .work-tab-inactive {
    background-color: #f8f8f8 !important;
    color: #333333 !important;
}

.py-12.bg-gray-50 .flex.flex-col.md\:flex-row.gap-4 {
    all: unset;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

@media (min-width: 768px) {
    .py-12.bg-gray-50 .flex.flex-col.md\:flex-row.gap-4 {
        flex-direction: row !important;
    }
}

.py-12.bg-gray-50 .flex-1.relative {
    all: unset;
    display: block;
    flex: 1 !important;
    position: relative !important;
}

.py-12.bg-gray-50 #work-search {
    all: unset;
    display: block;
    width: 100% !important;
    padding: 8px 15px !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 4px 0 0 4px !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
}

.py-12.bg-gray-50 #search-button {
    all: unset;
    display: block;
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 36px !important;
    height: 100% !important;
    background-color: #f8f8f8 !important;
    border: 1px solid #e5e5e5 !important;
    border-left: none !important;
    text-align: center !important;
    line-height: 34px !important;
    cursor: pointer !important;
    border-radius: 0 4px 4px 0 !important;
}

.py-12.bg-gray-50 .w-full.md\:w-48.relative {
    all: unset;
    display: block;
    width: 100% !important;
    position: relative !important;
}

@media (min-width: 768px) {
    .py-12.bg-gray-50 .w-full.md\:w-48.relative {
        width: 180px !important;
    }
}

.py-12.bg-gray-50 #work-filter {
    all: unset;
    display: block;
    width: 100% !important;
    padding: 8px 15px !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    background-color: #ffffff !important;
    appearance: none !important;
    box-sizing: border-box !important;
}

.py-12.bg-gray-50 .pointer-events-none.absolute.inset-y-0.right-0.flex.items-center.px-2.text-gray-700 {
    all: unset;
    display: flex !important;
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
    color: #666666 !important;
}

/* 新闻概览区域 */
.py-12.bg-gray-50 .text-2xl.font-bold.text-primary.mb-6 {
    all: unset;
    display: block;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #333333 !important;
    margin-bottom: 15px !important;
    padding-bottom: 5px !important;
    border-bottom: 1px solid #e5e5e5 !important;
}

.py-12.bg-gray-50 .flex.flex-col.md\:flex-row.gap-6 {
    all: unset;
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
}

@media (min-width: 768px) {
    .py-12.bg-gray-50 .flex.flex-col.md\:flex-row.gap-6 {
        flex-direction: row !important;
    }
}

.py-12.bg-gray-50 .md\:w-2\/3 {
    all: unset;
    display: block;
    width: 100% !important;
}

@media (min-width: 768px) {
    .py-12.bg-gray-50 .md\:w-2\/3 {
        width: 66.666% !important;
    }
}

.py-12.bg-gray-50 .text-gray-700.mb-4,
.py-12.bg-gray-50 .text-gray-700.mb-6 {
    all: unset;
    display: block;
    color: #666666 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    margin-bottom: 10px !important;
}

.py-12.bg-gray-50 .flex.flex-wrap.gap-3 {
    all: unset;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 15px !important;
}

.py-12.bg-gray-50 .inline-flex.items-center.px-3.py-1.rounded-full.text-sm.font-medium.bg-primary\/10.text-primary {
    all: unset;
    display: inline-block !important;
    padding: 3px 10px !important;
    background-color: #fdf2f4 !important;
    color: #c81623 !important;
    font-size: 12px !important;
    border-radius: 12px !important;
}

.py-12.bg-gray-50 .md\:w-1\/3 {
    all: unset;
    display: block;
    width: 100% !important;
}

@media (min-width: 768px) {
    .py-12.bg-gray-50 .md\:w-1\/3 {
        width: 33.333% !important;
    }
}

.py-12.bg-gray-50 .rounded-lg.overflow-hidden.shadow-md.h-full {
    all: unset;
    display: block;
    height: 100% !important;
}

.py-12.bg-gray-50 img {
    all: unset;
    display: block;
    width: 100% !important;
    height: auto !important;
}

/* 推荐新闻区域 */
.py-12.bg-gray-50 .flex.justify-between.items-center.mb-6 {
    all: unset;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 15px !important;
}

.py-12.bg-gray-50 a.text-primary.hover\:text-primary\/80.font-medium.flex.items-center.transition-all.duration-300 {
    all: unset;
    display: inline-flex !important;
    align-items: center !important;
    font-size: 14px !important;
    color: #c81623 !important;
    text-decoration: none !important;
}

.py-12.bg-gray-50 #featured-projects.grid.grid-cols-1.md\:grid-cols-2.gap-6 {
    all: unset;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 15px !important;
}

@media (min-width: 768px) {
    .py-12.bg-gray-50 #featured-projects.grid.grid-cols-1.md\:grid-cols-2.gap-6 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

.py-12.bg-gray-50 .bg-white.rounded-lg.shadow-md.overflow-hidden {
    all: unset;
    display: block;
    background-color: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    overflow: hidden !important;
}

.py-12.bg-gray-50 .h-48.bg-gray-200.skeleton {
    all: unset;
    display: block;
    height: 180px !important;
}

.py-12.bg-gray-50 .p-5 {
    all: unset;
    display: block;
    padding: 15px !important;
}

.py-12.bg-gray-50 .h-6.bg-gray-200.rounded.skeleton.mb-3.w-3\/4 {
    all: unset;
    display: block;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #333333 !important;
    margin-bottom: 8px !important;
    text-decoration: none !important;
}

.py-12.bg-gray-50 .h-4.bg-gray-200.rounded.skeleton.mb-2 {
    all: unset;
    display: block;
    font-size: 14px !important;
    color: #666666 !important;
    line-height: 1.6 !important;
    margin-bottom: 5px !important;
}

.py-12.bg-gray-50 .flex.justify-between.items-center {
    all: unset;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-top: 10px !important;
    font-size: 12px !important;
    color: #999999 !important;
}

/* 最新内容区域 */
.py-12.bg-gray-50 #project-sort {
    all: unset;
    display: inline-block !important;
    padding: 3px 8px !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 4px !important;
    font-size: 12px !important;
}

.py-12.bg-gray-50 #projects-container.space-y-6 {
    all: unset;
    display: block;
    gap: 15px !important;
}

.py-12.bg-gray-50 #projects-container > div {
    margin-bottom: 15px !important;
}

.py-12.bg-gray-50 .flex.flex-col.md\:flex-row {
    all: unset;
    display: flex !important;
    flex-direction: column !important;
}

@media (min-width: 768px) {
    .py-12.bg-gray-50 .flex.flex-col.md\:flex-row {
        flex-direction: row !important;
    }
}

.py-12.bg-gray-50 .md\:w-1\/4.h-40.bg-gray-200.skeleton {
    all: unset;
    display: block;
    width: 100% !important;
    height: 120px !important;
    margin-bottom: 10px !important;
}

@media (min-width: 768px) {
    .py-12.bg-gray-50 .md\:w-1\/4.h-40.bg-gray-200.skeleton {
        width: 25% !important;
        height: 100px !important;
        margin-bottom: 0 !important;
    }
}

/*.py-12.bg-gray-50 .md\:w-3\/4.p-5 {*/
/*    all: unset;*/
/*    display: block;*/
/*    width: 100% !important;*/
/*    padding: 10px 15px !important;*/
/*}*/

@media (min-width: 768px) {
    .md\:w-1\/4 {
        width: 25% !important;
        padding: 15px !important;
    }

    .md\:w-3\/4 {
        width: 75% !important;
        padding: 15px !important;
    }
}

@media (min-width: 1024px) {
    .lg\:w-1\/4 {
        width: 25% !important;
    }

    .lg\:w-3\/4 {
        width: 75% !important;;
    }
}

.py-12.bg-gray-50 .flex.justify-between.items-start.mb-3 {
    all: unset;
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    margin-bottom: 8px !important;
}

.py-12.bg-gray-50 .h-6.bg-gray-200.rounded.skeleton.w-1\/2 {
    all: unset;
    display: block;
    font-size: 15px !important;
    font-weight: bold !important;
    color: #333333 !important;
    text-decoration: none !important;
}

.py-12.bg-gray-50 .h-4.bg-gray-200.rounded.skeleton.w-20 {
    all: unset;
    display: block;
    font-size: 12px !important;
    color: #999999 !important;
}

.py-12.bg-gray-50 .flex.flex-wrap.gap-2.mb-4 {
    all: unset;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    margin-bottom: 10px !important;
}

.py-12.bg-gray-50 .h-6.bg-gray-200.rounded-full.skeleton.w-20 {
    all: unset;
    display: inline-block !important;
    padding: 2px 8px !important;
    background-color: #f0f0f0 !important;
    color: #999999 !important;
    font-size: 12px !important;
    border-radius: 8px !important;
}

.py-12.bg-gray-50 .flex.justify-end {
    all: unset;
    display: flex !important;
    justify-content: flex-end !important;
}

.py-12.bg-gray-50 .h-8.bg-gray-200.rounded.skeleton.w-24 {
    all: unset;
    display: inline-block !important;
    padding: 5px 15px !important;
    background-color: #c81623 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
}

/* 分页控件 */
.py-12.bg-gray-50 .flex.justify-center.mt-8 {
    all: unset;
    display: flex !important;
    justify-content: center !important;
    margin-top: 30px !important;
}

.py-12.bg-gray-50 .inline-flex.rounded-md.shadow-sm {
    all: unset;
    display: inline-flex !important;
}

.py-12.bg-gray-50 button[type="button"].py-2.px-4.text-sm.font-medium {
    all: unset;
    display: inline-block !important;
    padding: 8px 15px !important;
    font-size: 14px !important;
    color: #333333;
    background-color: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    cursor: pointer !important;
}

.py-12.bg-gray-50 button[type="button"].bg-primary {
    background-color: #c81623 !important;
    color: #ffffff !important;
    border-color: #c81623 !important;
}

.py-12.bg-gray-50 button[type="button"].rounded-l-lg {
    border-radius: 4px 0 0 4px !important;
}

.py-12.bg-gray-50 button[type="button"].rounded-r-lg {
    border-radius: 0 4px 4px 0 !important;
}

.py-12.bg-gray-50 button[type="button"].disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

/* 补充所有交互元素的hover样式 */
/* 左侧导航链接hover */
.py-12.bg-gray-50 .left-work-link:hover {
    background-color: #c81623 !important;
    color: #ffffff !important;
    transition: background-color 0.2s ease !important;
}

/* 顶部分类标签hover */
.py-12.bg-gray-50 .work-tab-inactive:hover {
    background-color: #c81623 !important;
    color: #ffffff !important;
    transition: all 0.2s ease !important;
}

/* 搜索按钮hover */
.py-12.bg-gray-50 #search-button:hover {
    background-color: #e8e8e8 !important;
    color: #c81623 !important;
    transition: all 0.2s ease !important;
}

/* 查看全部链接hover */
.py-12.bg-gray-50 a.text-primary.hover\:text-primary\/80:hover {
    color: #a0101c !important;
    text-decoration: underline !important;
    transition: color 0.2s ease !important;
}

/* 新闻标题hover */
.py-12.bg-gray-50 .h-6.bg-gray-200.rounded.skeleton.w-3\/4:hover,
.py-12.bg-gray-50 .h-6.bg-gray-200.rounded.skeleton.w-1\/2:hover {
    color: #c81623 !important;
    transition: color 0.2s ease !important;
}

/* 查看详情按钮hover */
.py-12.bg-gray-50 .h-8.bg-gray-200.rounded.skeleton.w-24:hover {
    background-color: #a0101c !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.2s ease !important;
}

/* 分页按钮hover */
.py-12.bg-gray-50 button[type="button"].hover\:bg-gray-100:hover:not(.bg-primary):not(:disabled) {
    background-color: #f0f0f0 !important;
    color: #c81623 !important;
    border-color: #c81623 !important;
    transition: all 0.2s ease !important;
}

/* 下拉选择框hover */
.py-12.bg-gray-50 #work-filter:hover,
.py-12.bg-gray-50 #project-sort:hover {
    border-color: #c81623 !important;
    transition: border-color 0.2s ease !important;
}

/* 搜索输入框focus/hover */
.py-12.bg-gray-50 #work-search:hover {
    border-color: #c81623 !important;
    transition: border-color 0.2s ease !important;
}

.py-12.bg-gray-50 #work-search:focus {
    border-color: #c81623 !important;
    box-shadow: 0 0 0 2px rgba(200, 22, 35, 0.1) !important;
    outline: none !important;
}

/* 标签hover效果 */
.py-12.bg-gray-50 .inline-flex.items-center.px-3.py-1.rounded-full.text-sm.font-medium.bg-primary\/10.text-primary:hover {
    background-color: #c81623 !important;
    color: #ffffff !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}


/* ========== 分页基础样式 ========== */
/* 匹配所有分页按钮，统一基础外观 */
.pagination button,
.pagination a,
button[aria-label*="页"],
button[aria-label*="上一页"],
button[aria-label*="下一页"],
    /* 兜底匹配原生分页按钮 */
body button:not([class]):not([type]):not([form]) {
    /* 基础布局样式 */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important; /* 加宽按钮，增强视觉存在感 */
    height: 44px !important;
    margin: 0 3px !important; /* 增加间距，避免拥挤 */
    border-radius: 8px !important; /* 圆角加大，更现代 */
    font-size: 15px !important;
    font-weight: 600 !important; /* 加粗文字，提升可读性 */
    cursor: pointer !important;
    transition: all 0.25s ease !important; /* 延长过渡，更丝滑 */
    /* 清除默认样式干扰 */
    box-shadow: none !important;
    outline: none !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    color: #374151 !important;
}

/* ========== 当前页高亮样式（核心） ========== */
/* 匹配 bg-primary + border-primary 类名的当前页 */
.bg-primary.border-primary {
    /* 强化背景色（更深的主色） */
    background: #b0101d !important; /* 比默认primary更深的红色，更醒目 */
    background: linear-gradient(135deg, #c81623 0%, #b0101d 100%) !important; /* 渐变背景，增强视觉层次 */
    /* 强化边框 */
    border: 2px solid #800a16 !important; /* 加粗边框+更深色，突出轮廓 */
    /* 强化文字 */
    color: #FFFFFF !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) !important; /* 文字阴影，提升对比度 */
    /* 增加外阴影，悬浮感 */
    box-shadow: 0 4px 8px rgba(200, 22, 35, 0.2) !important;
    /* 轻微放大，突出当前页 */
    transform: scale(1.05) !important;
}

/* ========== 鼠标Hover交互效果 ========== */
/* 非当前页、非禁用按钮的hover效果 */
.pagination button:not(.bg-primary):not(:disabled):hover,
.pagination a:not(.bg-primary):hover,
button[aria-label*="页"]:not(.bg-primary):not(:disabled):hover,
body button:not([class]):not([type]):not([form]):not(.bg-primary):not(:disabled):hover {
    background: #fef2f2 !important; /* 浅红背景，呼应主色 */
    border-color: #c81623 !important; /* 主色边框 */
    color: #c81623 !important; /* 主色文字 */
    box-shadow: 0 2px 4px rgba(200, 22, 35, 0.1) !important; /* 轻微阴影 */
    transform: translateY(-2px) !important; /* 上移效果，增强交互感 */
}

/* ========== 禁用状态样式 ========== */
.pagination button:disabled,
button[aria-label*="页"]:disabled,
body button:not([class]):not([type]):not([form]):disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
    background: #f9fafb !important;
    border-color: #e5e7eb !important;
    color: #9ca3af !important;
    transform: none !important; /* 禁用hover变换 */
    box-shadow: none !important;
}

/* ========== 省略号样式 ========== */
.pagination span,
.page-ellipsis {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    color: #9ca3af !important;
    font-size: 15px !important;
    font-weight: 400 !important;
}

.items-start .h3, .items-start h3 {
    font-size: 20px;
}

.items-center .h2, .items-center h2 {
    font-size: 16px;
    font-weight: bold !important;
    color: #333333 !important;
}

/* 左侧新闻报道导航容器匹配（精准定位） */
.py-12.bg-gray-50 .lg\:w-1\/4 .bg-white [class*="space-y-1"] {
    cursor: default !important;
}

/* 核心：导航链接基础样式 + 小手光标 */
.py-12.bg-gray-50 .left-work-link {
    cursor: pointer !important; /* 强制显示小手点击图标 */
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.2s ease !important;
}

/* 鼠标hover滑动高亮效果（从左向右渐变滑入） */
.py-12.bg-gray-50 .left-work-link:hover:not(.bg-primary) {
    background-color: #fef2f2 !important; /* 浅红底色呼应主调 */
    color: #c81623 !important; /* 文字变红 */
    padding-left: 25px !important; /* 轻微右移，增强滑动感 */
}

/* 滑动效果装饰（可选，增强视觉层次） */
.py-12.bg-gray-50 .left-work-link::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 4px !important;
    height: 100% !important;
    background-color: #c81623 !important;
    transform: scaleY(0) !important;
    transition: transform 0.2s ease !important;
}

.py-12.bg-gray-50 .left-work-link:hover::before {
    transform: scaleY(1) !important; /* hover时左侧红色竖线滑入 */
}

/* 选中状态强化（避免hover覆盖选中样式） */
.py-12.bg-gray-50 .left-work-link.bg-primary {
    cursor: default !important; /* 选中项取消小手，标识不可点击 */
}

.py-12.bg-gray-50 .left-work-link.bg-primary:hover {
    padding-left: 15px !important; /* 选中项禁用hover右移动画 */
    background-color: #c81623 !important;
    color: #fff !important;
}

.py-12.bg-gray-50 .left-work-link.bg-primary::before {
    transform: scaleY(1) !important; /* 选中项始终显示左侧红线 */
}