/* 导航链接下划线效果 */
#nav-list a {
    position: relative !important;
    border-bottom: 3px solid transparent !important;
    transition: border-bottom-color 0.3s ease, color 0.3s ease !important;
}

#nav-list a:hover {
    border-bottom-color: #E63946 !important;
}

#nav-list a.active {
    border-bottom-color: #E63946 !important;
    color: #E63946 !important;
}

/* 下拉菜单样式 - 使用 Tailwind CSS，仅保留必要的显示逻辑 */
@media (min-width: 1024px) {
    .dropdown-parent:hover .dropdown-menu {
        display: block;
    }
    
    .dropdown-parent:hover .dropdown-icon {
        transform: rotate(180deg);
    }
}

@media (max-width: 1023px) {
    .dropdown-parent.active .dropdown-menu {
        display: block !important;
    }
    
    .dropdown-parent.active .dropdown-icon {
        transform: rotate(180deg);
    }
}

/* 移动端和中等屏幕菜单显示控制 */
@media (max-width: 1023px) {
    #nav-list.active {
        display: flex !important;
        flex-direction: column;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: white;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        padding: 20px 0;
        z-index: 1000;
    }
}

/* 分页 */
.pagination {
    display: flex;
    gap: 0.25rem;
    align-items: center;
    font-size: 0;
}

.pagination a,
.pagination span,
.pagination strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0 0.5rem;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.2s ease;
    font-size: 1rem;
}

.pagination a {
    color: #4b5563;
    /* gray-600 */
    background: #f9fafb;
    /* gray-50 */
    border: 1px solid #e5e7eb;
    /* gray-200 */
}

.pagination a:hover {
    background: #f3f4f6;
    /* gray-100 */
}

.pagination span {
    color: white;
    background: #E63946;
    /* primary */
    border: 1px solid #B5179E;
    /* primary-dark */
    font-weight: 600;
}

.pagination a[aria-current="page"] {
    background: #E63946;
    /* primary */
    color: white;
    border-color: #B5179E;
    /* primary-dark */
}

@media (max-width: 640px) {
    .pagination {
        flex-wrap: wrap;
        justify-content: center;
    }

    .pagination a:nth-child(2),
    .pagination a:nth-last-child(2) {
        display: inline-flex !important;
    }

    .pagination a:not(:first-child):not(:last-child):not(:nth-child(2)):not(:nth-last-child(2)) {
        display: none;
    }

    .pagination a:first-child,
    .pagination a:last-child {
        min-width: auto;
        padding: 0 1rem;
    }
}

/* 自定义样式 - 无法用 Tailwind 完全替代的部分 */

/* 标题下划线装饰 */
.section-title h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 4px;
    background-color: #E63946;
}

/* 页脚下划线装饰 */
.footer-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 3px;
    background-color: #E63946;
}

/* 页脚链接前圆点 */
.footer-links a::before {
    content: "•";
    position: absolute;
    left: 0;
    color: #E63946;
}

/* 专业卡片显示/隐藏 */
.major-card {
    display: none !important;
}

.major-card.active {
    display: flex !important;
}

/* FAQ 答案显示/隐藏 */
.faq-answer {
    display: none;
}

.faq-item.active .faq-answer {
    display: block;
}

/* FAQ 图标旋转 */
.faq-item.active .faq-icon {
    transform: rotate(180deg);
}

/* 回到顶部按钮显示/隐藏 */
.back-to-top {
    opacity: 0;
    visibility: hidden;
}

.back-to-top.visible {
    opacity: 1;
    visibility: visible;
}

/* 隐藏滚动条 */
.major-tabs::-webkit-scrollbar {
    display: none;
}

.major-tabs {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

/* 标签按钮激活状态 */
.tab-btn.tab-active {
    background-color: #E63946 !important;
    color: #ffffff !important;
}

.tab-btn.tab-active:hover {
    background-color: #E63946 !important;
    color: #ffffff !important;
}

/* 专业卡片图片缩放动画 */
.major-card:hover .major-img {
    transform: scale(1.1);
}

/* 文章样式 */
.article-content p {
    margin-bottom: 10px;
}

.article-content p:last-of-type {
    margin-bottom: 0;
}