/* ============================================================
   闽西职业技术学院汀州校区 - UI增强样式 v4.0
   全局现代化视觉提升（追加在 style.css 之后生效）
   ============================================================ */

/* ==================== 全局动画增强 ==================== */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(24px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@keyframes slideInRight {
    from { opacity: 0; transform: translateX(30px); }
    to   { opacity: 1; transform: translateX(0); }
}
.fade-in       { animation: fadeInUp 0.5s ease both; }
.fade-in-delay { animation: fadeInUp 0.5s ease 0.15s both; }
.fade-in-slow  { animation: fadeIn 0.8s ease both; }

/* ==================== 卡片悬浮增强 ==================== */
.card:hover,
.news-list:hover,
.notice-box:hover,
.col-box:hover {
    box-shadow: 0 8px 30px rgba(26,58,110,0.12);
    transform: translateY(-3px);
}

/* ==================== 按钮现代化 ==================== */
.btn {
    position: relative;
    overflow: hidden;
    letter-spacing: 0.3px;
}
.btn::after {
    content: '';
    position: absolute;
    top: 50%; left: 50%;
    width: 0; height: 0;
    background: rgba(255,255,255,0.15);
    border-radius: 50%;
    transition: width 0.4s ease, height 0.4s ease, top 0.4s ease, left 0.4s ease;
    z-index: 0;
}
.btn:hover::after {
    width: 200%; height: 200%;
    top: -50%; left: -50%;
}
.btn-primary {
    box-shadow: 0 3px 12px rgba(26,58,110,0.25);
}
.btn-primary:hover {
    box-shadow: 0 6px 20px rgba(26,58,110,0.35);
}

/* ==================== 表单现代化 ==================== */
.form-control:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(26,58,110,0.12);
}
.form-control:hover:not(:focus) {
    border-color: #b0b8c1;
}

/* ==================== 表格行Hover动画 ==================== */
.data-table tbody tr {
    transition: background 0.2s ease, transform 0.2s ease;
}
.data-table tbody tr:hover {
    background: rgba(26,58,110,0.04);
    transform: scale(1.002);
}

/* ==================== 分页现代化 ==================== */
.pagination a,
.pagination span {
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.pagination a:hover {
    transform: translateY(-2px);
    box-shadow: 0 3px 10px rgba(26,58,110,0.18);
}

/* ==================== 页脚链接动画 ==================== */
.footer-links a {
    transition: all 0.25s ease;
}
.footer-links a:hover {
    padding-left: 8px;
    color: var(--gold-light);
}

/* ==================== 滚动条美化（WebKit） ==================== */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: var(--bg-page);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb {
    background: #c0c6cc;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #8e99a4;
}

/* ==================== 图片懒加载淡入 ==================== */
img.lazy {
    opacity: 0;
    transition: opacity 0.4s ease;
}
img.lazy.loaded {
    opacity: 1;
}

/* ==================== 移动端优化 ==================== */
@media (max-width: 768px) {
    .card:hover,
    .news-list:hover,
    .notice-box:hover {
        transform: none;
        box-shadow: var(--shadow);
    }
    .btn:hover {
        transform: none;
    }
}