.swiper-slide{overflow: hidden;}

/* 定义CSS颜色变量 */
:root {
    --primary-color: #ff4c4c;
    --primary-dark: #e23939;
    --primary-light: #ffd3ca;
    --primary-lighter: #fff4f0;
    --primary-transparent: rgba(236, 56, 56, 0.6);
    --primary-shadow: rgba(236, 56, 56, .25);
    --primary-bg: rgba(236, 56, 56, 0.1);
}

/* 导航栏样式修改 - 仅作用于Light模式 */
[data-bs-theme="light"] .navbar {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-dark) !important;
}

/* 导航栏文字和图标颜色 - 仅作用于Light模式 */
[data-bs-theme="light"] .navbar-nav .nav-link,
[data-bs-theme="light"] .navbar-nav .nav-link .iconfont,
[data-bs-theme="light"] .navbar-nav .nav-link .dropdown-toggle::after,
[data-bs-theme="light"] .dropdown-toggle .iconfont.icon-arrow-down-s-line {
    color: var(--primary-light) !important;
}

/* 移动端汉堡按钮颜色 - 仅作用于Light模式 */
[data-bs-theme="light"] .navbar-toggler .icon-bar {
    background-color: var(--primary-light) !important;
}

/* 移动端汉堡按钮悬停颜色 - 仅作用于Light模式 */
[data-bs-theme="light"] .navbar-toggler:hover .icon-bar {
    background-color: var(--primary-lighter) !important;
}

/* 导航栏文字和图标颜色 - 仅作用于Dark模式 */
[data-bs-theme="dark"] .navbar-nav .nav-link,
[data-bs-theme="dark"] .navbar-nav .nav-link .iconfont,
[data-bs-theme="dark"] .navbar-nav .nav-link .dropdown-toggle::after,
[data-bs-theme="dark"] .dropdown-toggle .iconfont.icon-arrow-down-s-line,
[data-bs-theme="dark"] .sidebar-offcanvas .nav-link,
[data-bs-theme="dark"] .sidebar-offcanvas .nav-link .iconfont {
    color: #ddd !important;
}

/* 移动端汉堡按钮颜色 - 仅作用于Dark模式 */
[data-bs-theme="dark"] .navbar-toggler .icon-bar {
    background-color: #ddd !important;
}

/* 移动端汉堡按钮悬停颜色 - 仅作用于Dark模式 */
[data-bs-theme="dark"] .navbar-toggler:hover .icon-bar {
    background-color: white !important;
}

/* 导航栏鼠标悬停效果 - 仅作用于Light模式 */
[data-bs-theme="light"] .navbar-nav .nav-link:hover,
[data-bs-theme="light"] .navbar-nav .nav-link:hover .iconfont{
    color: var(--primary-lighter) !important;
}
[data-bs-theme="light"] .sidebar-offcanvas .nav-link:hover,
[data-bs-theme="light"] .sidebar-offcanvas .nav-link:hover .iconfont,
[data-bs-theme="dark"] .sidebar-offcanvas .nav-link:hover,
[data-bs-theme="dark"] .sidebar-offcanvas .nav-link:hover .iconfont {
    color: var(--primary-color) !important;
}

/* 主题切换按钮 - Light模式 */
[data-bs-theme="light"] .theme-switch .theme-switch-label {
    background-color: var(--primary-light) !important;
    border-color: var(--primary-dark) !important;
}

/* 主题切换按钮图标颜色 - Light模式 */

[data-bs-theme="light"] .nav-right .theme-switch .theme-icon .iconfont {
    color:var(--primary-light) !important;
}

/* 主题切换按钮图标颜色 - Dark模式 */
[data-bs-theme="dark"] .theme-switch .theme-icon .iconfont,[data-bs-theme="light"] .theme-switch .theme-icon .iconfont,
[data-bs-theme="dark"] .nav-right .theme-switch .theme-icon .iconfont {
    color: var(--primary-color) !important;
}

/* 登录按钮样式 - 仅作用于Light模式 */
[data-bs-theme="light"] .pm_login_btn {
    border-color: var(--primary-light) !important;
    color: var(--primary-light) !important;
}

/* 登录按钮悬停样式 - 仅作用于Light模式 */
[data-bs-theme="light"] .pm_login_btn:hover {
    border-color: var(--primary-lighter) !important;
    color: var(--primary-lighter) !important;
}

/* 登录按钮样式 - 仅作用于Dark模式 */
[data-bs-theme="dark"] .pm_login_btn {
    border-color: #ddd !important;
    color: #ddd !important;
}

/* 登录按钮悬停样式 - 仅作用于Dark模式 */
[data-bs-theme="dark"] .pm_login_btn:hover {
    border-color: white !important;
    color: white !important;
}

/* 筛选器选项active背景色 - 仅作用于Light模式 */
[data-bs-theme="light"] .pm_filter_sort .nav-link.active,
[data-bs-theme="light"] .filter-option.active,
[data-bs-theme="light"] .pm_filter_sort .filter-toggle {
    background-color: var(--primary-color) !important;
}
.bg-f63{background-color: var(--primary-color) !important;}
/* 筛选器选项悬停背景色 - 仅作用于Light模式 */

[data-bs-theme="light"] .filter-option:hover,
[data-bs-theme="light"] .pm_filter_sort .filter-toggle:hover {
    background-color: var(--primary-dark) !important;
}

/* 筛选器选项active背景色 - 仅作用于Dark模式 */
[data-bs-theme="dark"] .pm_filter_sort .nav-link.active,
[data-bs-theme="dark"] .filter-option.active,
[data-bs-theme="dark"] .pm_filter_sort .filter-toggle {
    border-color: var(--primary-color) !important;
    background-color: var(--primary-color) !important;
    color: #fff;
}

/* 筛选器选项悬停背景色 - 仅作用于Dark模式 */
[data-bs-theme="dark"] .pm_filter_sort .nav-link:hover,
[data-bs-theme="dark"] .filter-option:hover,
[data-bs-theme="dark"] .pm_filter_sort .filter-toggle:hover {
    border-color: var(--primary-color) !important;
    background-color: var(--primary-color) !important;
    color: #fff;
}


.filter-toggle-btn.expanded, .filter-toggle-btn:hover,
.pagination .page-link:hover, .pagination .page-item.active .page-link, .pagination .page-item .page-link:focus {
    border-color: var(--primary-color) !important;
    background-color: var(--primary-color) !important;
}
/* 移动端导航栏样式 - 仅作用于Light模式 */
[data-bs-theme="light"] .navbar-offcanvas {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-dark) !important;
}

/* 移动端导航菜单样式 - 仅作用于Light模式 */
[data-bs-theme="light"] .sidebar-offcanvas .nav-link,
[data-bs-theme="light"] .sidebar-offcanvas .nav-link .iconfont {
    color: #111 !important;
}

/* 搜索框样式 - 仅作用于Light模式 */
[data-bs-theme="light"] .search-input-group {
    border-color: var(--primary-dark) !important;
    color: var(--primary-light) !important;
}

/* 覆盖style.css中的蓝色按钮颜色 */
.download-buttons .btn-blue-line {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* 覆盖style.css中的蓝色按钮悬停颜色 */
.download-buttons .btn-blue-line:hover {
    color: var(--primary-transparent) !important;
    border-color: var(--primary-transparent) !important;
}

/* 覆盖所有#f63颜色为#6633ff */
/* 表格链接悬停颜色 */
table.table a:hover,
.pm_article_item a:hover,
.download-buttons .btn-outline-primary,
.download-buttons .btn-dark-line:hover,
.download-btn:hover,
a.pm_pinglun_login:hover,
.price-card .price-body .price-day,
[data-bs-theme=dark] a:hover h5,
.pm_hot .iconfont,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.pm_newgame:hover .game-title,
.pm_heji_list a:hover h6,
.pm_game-version,
a.game-item:hover h6,
.copy-code.btn.download-btn,
.game-item a:hover, a.game-item:hover h6  {
    color: var(--primary-color) !important;
}

/* 下载按钮悬停背景色 */
.download-buttons .btn-outline-primary:hover {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* 深色线条按钮悬停颜色 */
.download-buttons .btn-dark-line:hover,
.download-btn:hover {
    border-color: var(--primary-color) !important;
}

/* 分页激活状态 */
.swiper-pagination-bullet-active {
    background: var(--primary-color) !important;
}

/* 标签激活状态 */
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border-bottom-color: var(--primary-color) !important;
}

/* 按钮激活状态 */
.btn-primary:active,
.btn-primary.active {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* 表单焦点颜色 */
.form-control:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 .25rem var(--primary-shadow) !important;
}

/* Dark模式下#f63颜色替换 */
[data-bs-theme="dark"] .download-buttons .btn-outline-primary:hover,
[data-bs-theme="dark"] .download-buttons .btn-dark-line:hover,
[data-bs-theme="dark"] .download-btn:hover,
[data-bs-theme="dark"] a.pm_pinglun_login:hover,
[data-bs-theme="dark"] .price-card .price-body .price-day,
[data-bs-theme="dark"] .pm_hot .iconfont,
[data-bs-theme="dark"] .swiper-pagination-bullet-active,
[data-bs-theme="dark"] .nav-tabs .nav-item.show .nav-link,
[data-bs-theme="dark"] .nav-tabs .nav-link.active,
[data-bs-theme="dark"] .pm_newgame:hover .game-title,
[data-bs-theme="dark"] .pm_heji_list a:hover h6 {
    color: var(--primary-color) !important;
}

[data-bs-theme="dark"] .download-buttons .btn-outline-primary:hover {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

[data-bs-theme="dark"] .download-buttons .btn-dark-line:hover,
[data-bs-theme="dark"] .download-btn:hover {
    border-color: var(--primary-color) !important;
}

[data-bs-theme="dark"] .nav-tabs .nav-item.show .nav-link,
[data-bs-theme="dark"] .nav-tabs .nav-link.active {
    border-bottom-color: var(--primary-color) !important;
}

[data-bs-theme="dark"] .form-control:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 .25rem var(--primary-shadow) !important;
}

/* Dark模式下文章列表标题悬停效果 */
[data-bs-theme="dark"] .pm_article_item a:hover {
    color: var(--primary-color) !important;
}

/* 评论分页悬停颜色 */
.comments-pagination a.page-numbers:hover,
.comments-pagination span.page-numbers {
    background-color: var(--primary-color) !important;
    color: #fff !important;
    border-color: var(--primary-color) !important;
}

/* 页卡按钮激活和悬停颜色 */
.home-last-post .section-cat-navbtn .btn.active,
.home-last-post .section-cat-navbtn .btn:hover {
    color: var(--primary-color) !important;
    border-bottom-color: var(--primary-color) !important;
}

/* TAB标签页激活颜色 */
.nav-tabs .nav-link.active {
    color: var(--primary-color) !important;
    border-bottom-color: var(--primary-color) !important;
}

/* Dark模式下TAB标签页激活颜色 */
[data-bs-theme="dark"] .nav-tabs .nav-link.active {
    color: var(--primary-color) !important;
}

/* 游戏标题和合集标题悬停 - Light模式 */
[data-bs-theme="light"] a.pm_newgame:hover .game-title,
[data-bs-theme="light"] .pm_heji_list a:hover h6 {
    color: #111 !important;
    font-weight: 600 !important;
    transition: all 0.3s !important;
}

/* 按钮组悬停 */
.btn-group .btn:hover {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* 标签页激活状态 */
.nav-tabs .nav-link.active {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* 进度条颜色 */
.progress-bar {
    background-color: var(--primary-color) !important;
}

/* 徽章颜色 */
.badge-primary {
    background-color: var(--primary-color) !important;
}

/* 卡片标题悬停 */
.card-title a:hover {
    color: var(--primary-color) !important;
}

/* 列表项悬停 */
.list-group-item:hover {
    color: var(--primary-color) !important;
}

/* 输入框焦点 */
.form-control:focus {
    border-color: var(--primary-color) !important;
}

/* 搜索框焦点样式 - 移除淡红色阴影/描边 */
.search-input-group .form-control:focus {
    border-color: transparent !important;
    box-shadow: none !important;
}

/* 按钮悬停 */
.btn:hover {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* 链接颜色 */
a.text-primary:hover {
    color: var(--primary-color) !important;
}

/* 边框颜色 */
.border-primary {
    border-color: var(--primary-color) !important;
}

/* 文本颜色 */
.text-primary {
    color: var(--primary-color) !important;
}



/* Dark模式下#e4e4e4颜色替换为#d1d1d1 */
[data-bs-theme="dark"] h4,
[data-bs-theme="dark"] h5 {
    color: #d1d1d1 !important;
}
[data-bs-theme="dark"] .nav-tabs .nav-link {
    color: #d1d1d1 !important;
}

/* 覆盖更多#f63颜色 */
:root {
    --bs-orange: var(--primary-color) !important;
}

/* tab功能下描边颜色 */
.nav-tabs .nav-link {
    border-bottom-color: var(--primary-color) !important;
}

/* tab功能激活状态颜色 */
.nav-tabs .nav-link.active {
    color: var(--primary-color) !important;
    border-bottom-color: var(--primary-color) !important;
}

/* tab功能悬停颜色 */
.nav-tabs .nav-link:hover {
    color: var(--primary-color) !important;
}

/* Dark模式下tab功能颜色 */
[data-bs-theme="dark"] .nav-tabs .nav-link {
    border-bottom-color: var(--primary-color) !important;
}

[data-bs-theme="dark"] .nav-tabs .nav-link.active {
    color: var(--primary-color) !important;
    border-bottom-color: var(--primary-color) !important;
}

[data-bs-theme="dark"] .nav-tabs .nav-link:hover {
    color: var(--primary-color) !important;
}

.home-last-post .section-cat-navbtn .btn.active,
.home-last-post .section-cat-navbtn .btn:hover {
    color: var(--primary-color);
    border-bottom: 5px solid var(--primary-color) !important;
}

/* 合集按钮样式 */
a.pm_btn_heji.active {
    background: var(--primary-color);
    color: #fff;
    border-color: var(--primary-color) !important;
}
a.pm_btn_heji:hover {
    border-color: var(--primary-color) !important;
    background-color: transparent !important;
}
a:hover .topic-card h4 {
    color: var(--primary-color) !important;
}

/* 下拉菜单样式 */
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active {
    background-color: var(--primary-bg) !important;
    color: var(--primary-color) !important;
}

/* 导航项悬停 */
.pm_nav_item:hover {
    background-color: var(--primary-light);
}