* {box-sizing: border-box;}
    html,body {height:100%;}
    /* 移动端竖滑容器 */
    .mobile-swipe-wrap {
      height:100vh;
      overflow:hidden;
    }
    .swipe-item {
      height:100vh;
      transition: transform 0.35s ease-out;
    }
    /* 滚动条美化 */
    ::-webkit-scrollbar {width:6px;height:6px;}
    ::-webkit-scrollbar-thumb {background:#bbb;border-radius:3px;}
    .video-card:hover .video-thumb{transform:scale(1.03);}
    .video-thumb{transition: transform .25s ease;}
     .category-item.active {
      background-color: #2563eb;
      color: #ffffff;
    }
    .video-card:hover .video-cover {
      transform: scale(1.03);
    }
    .video-cover {
      transition: transform 0.3s ease;
    }
            
        /* 分页控件 */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 60px 0;
    flex-wrap: wrap;
}
.pagination a{
	 text-decoration: none; 
		 color: inherit;
}
.page-btn {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border: 1px solid #e0e0e0;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.page-btn:hover:not(.active):not(.disabled) {
    border-color: #d4b16a;
    color: #d4b16a;
    transform: scale(1.1);
}
.page-btn.active {
    background-color: #00338d;
    color: white;
    border-color: #00338d;
}
.page-btn.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}