@font-face {
    font-family: 'Lato';
    src: url('fonts/arialrounded.TTF');
}
.iconfont{
    margin-right: 2px;
  /*  vertical-align: middle; */
}

/* 右侧垂直导航栏样式 */
.pm_vertical_nav {
    position: fixed;
    right: 0;
    bottom: 120px;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding:5px;
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 100px;
    backdrop-filter: blur(15px);
    border: 1px solid var(--bigzhong-border-color);
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);
}

[data-bs-theme=dark] .pm_vertical_nav {
    background-color: rgba(34, 34, 37, 0.25);
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);   
}

.pm_nav_item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    color: var(--bigzhong-text-color, var(--bs-dark, #111));
    font-size: 20px;
    transition: all 0.3s ease;
    text-decoration: none;
}
.pm_nav_item .iconfont{font-size: 1.3rem;}
.pm_nav_item:hover {
    background-color: var(--bigzhong-nav-bg, #ffe487);
    color: var(--bs-dark, #111);
    transform: translateX(-0px);
}

[data-bs-theme=dark] .pm_nav_item:hover {
    color: #f63;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .pm_vertical_nav {
        padding: 5px;
        gap: 5px;
    }
    
    .pm_nav_item {
        width: 36px;
        height: 36px;
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .pm_vertical_nav {
        padding: 3px 3px;
        gap: 4px;
    }
    
    .pm_nav_item {
        width: 32px;
        height: 32px;
        font-size: 14px;
    }
}
body{
    min-width: 375px;
}



:root,[data-bs-theme=light] {
  --bs-blue: #0033cc;
  --bs-orange: #ff6633;
  --bs-yellow: #ffe487;
  --bs-green: #339999;
  --bs-dark:#111;
  --bs-font-sans-serif: Lato, system-ui, -apple-system, "Segoe UI", Roboto, microsoft yahei;";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-body-bg: #f5f7f9;
  --bigzhong-nav-bg: #ffe487;
  --bigzhong-nav-border-color: #fdda60;
  --bigzhong-leftbar-width:300px;
  --bigzhong-border-color:#e7eaf0;
  --bigzhong-sidebar-bg:#f1f2f5;
  --bs-form-light-bg:#fff1bf;
  --bs-form-light-border:#fdda60;
  --main-left-sidebar-width: 240px;
  --bigzhong-bg-white:#fff;
  --bigzhong-text-color:var(--bs-dark, #111);
  --bigzhong-text2-color:#666;
  --bigzhong-text3-color:#999;
  --bigzhong-border-color2:#f3f3f3;
  --bs-border-color:var(--bigzhong-border-color2);
  --bs-heading-color: var(--bs-dark, #111);
  --bigzhong-hotgame-bg: #f8f9fa;
  }

/* 全局文字选中样式 */
::selection {
  background-color: var(--bs-yellow, #ffe487) !important;
  color: var(--bs-dark, #111) !important;
}

/* 确保Firefox浏览器兼容 */
::-moz-selection {
  background-color: var(--bs-yellow, #ffe487) !important;
  color: var(--bs-dark, #111) !important;
}
[data-bs-theme=dark] {
    --bigzhong-nav-bg:#19191c;
    --bs-body-bg: #17171c;
    --bigzhong-border-color:#08080b;
    --bigzhong-nav-border-color:#08080b;
    --bigzhong-sidebar-bg:#1c1c20;
    --bs-form-light-bg:#46464b;
    --bs-form-light-border:#101014;
    --bs-heading-color: #bebebe;
    --bigzhong-bg-white:#222225;
    --bigzhong-text-color:var(--bs-heading-color, inherit);
    --bigzhong-border-color2:#0b0b0f;
    --bs-border-color:var(--bigzhong-border-color2);
    --bigzhong-hotgame-bg:var(--bigzhong-sidebar-bg);
}
[data-bs-theme=dark] .text-dark{
    color: var(--bs-heading-color, inherit) !important;
}
.navbar {
    background-color: var(--bigzhong-nav-bg, #ffe487) !important;
    border-bottom: 1px solid var(--bigzhong-nav-border-color, #fdda60) !important;
}
.navbar .navbar-brand{
    font-size: 22px;
    font-weight: bold;
}
.navbar .navbar-toggler{
    border: none;
}


/* 确保tag标签也垂直居中对齐 */
.tag {
    vertical-align: middle;
}

/* 确保pm_l_tagul容器内元素对齐 */
.pm_l_tagul {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
}
.mt-pm{margin-top: calc(3rem - 10px) !important;}
/* 更新时间信息样式 */
.update-info {
    color: #666 !important;
    font-size: 14px !important;
}
.update-info .iconfont {
    font-size: 12px !important; 
}

/* 游戏元信息样式 */
.pm_game-meta {
    font-size: 14px;
    line-height: 1.5;
}

.pm_game-meta .meta-item {
    display: inline-flex;
    align-items: center;
}

.pm_game-meta .iconfont {
    font-size: 14px;
    margin-right: 4px;
}
/* 文章下载次数 */
.pm_download_count{position: absolute;top: -40px;right: 0px;}


/* 文章列表样式 */



.pm_article_item a {
    font-size: 1rem;
    line-height: 1.4;
    margin-bottom: 0rem;
}
/* 表格样式修改 */
table.table {
    border-collapse: collapse;

    font-size: 1rem;
}

table.table th,
table.table td {
    border-right: none; /* 去除竖边框 */
    border-left: none; /* 确保左侧边框也不显示 */
}

/* 表头样式 */
table.table thead th {
    background-color: var(--bs-body-bg); /* 与网页背景色一致 */
    font-size: 0.875rem; /* 表头文字大小与内容一致 */
    border-top: 1px solid #efefef; /* 横线颜色设为#efefef */
    border-bottom: 2px solid #efefef; /* 横线颜色设为#efefef */
    /* 集数、资源、大小、时间表头水平居中 */
    text-align: center;
}

/* 表格内容对齐 */
table.table td:nth-child(1),  /* 集数列 */
table.table td:nth-child(3),  /* 资源列 */
table.table td:nth-child(4) {  /* 大小列 */
    text-align: center; /* 水平居中 */
}


/* 鼠标悬停效果 */


/* 表格链接样式 */
table.table a {
    text-decoration: none !important; /* 不显示下划线 */
    color: var(--bs-heading-color, inherit) !important; /* 链接颜色 */
    transition: all 0.3s ease;
}

table.table a:hover {
    color: #f63 !important; /* 鼠标悬停颜色 */
}

/*下载链接2*/
.pm_down_group .btn-group a{white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    max-width: 100%;
    padding-left: 35px;
    padding-right: 10px;
}
 .pm_down_tag {
    padding: 5px 12px;
    border-radius: 3px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    color: #fff;
    font-size: 13px;
}
.pm_down_type {
    background: #6f42c1; margin-left: 5px;
}
.pm_down_episode {
    background: #28a745;
}
.pm_down_size {
    background: #007bff;
}
.pm_down_group .btn-group button{
    min-width: 100px;
}


.pm_article_item a:hover {
    color: #f63 !important;
    transition: color 0.3s ease;
}

.pm_article_item .text-sm {
    font-size: 0.8rem;
}

.pm_article_item .iconfont {
    margin-right: 3px;
}

.pm_article_item:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* 点赞收藏分享按钮样式 */
  .action-buttons {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    gap: 10px; /* 设置按钮间距为10px */
    padding: 1rem 0;
  }
  
  .action-btn {
    text-align: center;
    position: relative;
  }
  
  .action-btn .btn {
    transition: all 0.2s ease;
    border: 1px solid #dee2e6;
    outline: none;
    box-shadow: none !important;
    color: var(--bigzhong-text-color, var(--bs-dark, #111)) !important;
  }
  
  /* 放大iconfont图标大小 */
  .action-btn .iconfont {
    font-size: 1.3rem; /* 比原来的text-lg更大 */
  }
  
  /* 点击动画 */
  .btn-animation {
    animation: btnPress 0.3s ease;
  }
  
  @keyframes btnPress {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(0.95);
    }
    100% {
      transform: scale(1);
    }
  }
  
  /* Focus效果 - 与悬停效果一致 */
  .like-btn:focus {
    background-color: var(--bigzhong-nav-bg);
    border-color: #dee2e6;
    color: #b1860f !important;
  }
  
  .favorite-btn:focus {
    background-color: var(--bigzhong-nav-bg);
    border-color: #dee2e6;
    color: #b1860f !important;
  }
  
  /* 按钮文字和图标颜色 - 与菜单栏文字颜色一致 */
  .action-btn .btn .iconfont,
  .action-text {
    color: var(--bigzhong-text-color, var(--bs-dark, #111)) !important;
  }
  
  /* 激活状态下的文字和图标颜色 */
  .like-btn.btn-primary .iconfont,
  .favorite-btn.btn-warning .iconfont,
  .like-btn.btn-primary + .action-text,
  .favorite-btn.btn-warning + .action-text {
  
    color: #b1860f !important;
  }
  
  .action-text {
    font-size: 0.875rem;
    margin-top: 0.5rem;
  }
  
  /* +1/-1 动画效果 */
  .count-animation {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1rem;
    opacity: 0;
    pointer-events: none;
  }
  
  .count-animation.plus {
    color: #b1860f !important;
    animation: countUp 0.8s ease-out forwards;
  }
  
  .count-animation.minus {
    color: #dc3545;
    animation: countUp 0.8s ease-out forwards;
  }
  
  @keyframes countUp {
    0% {
      opacity: 1;
      transform: translateX(-50%) translateY(0);
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: 0;
      transform: translateX(-50%) translateY(-30px);
    }
  }


.action-btn .btn {
    transition: all 0.3s ease;
    background-color: var(--bigzhong-bg-white);
    border: 1px solid var(--bigzhong-border-color);
}

.action-btn .btn:hover {
    background-color: var(--bigzhong-nav-bg);
    color: var(--bs-dark);
    border-color: var(--bigzhong-nav-bg);
}

.action-btn .btn:active {
    transform: scale(0.95);
}

.action-text {
    font-size: 14px;
    color: var(--bigzhong-text2-color);
    margin-top: 4px;
}


/* 下载按钮样式 */
.download-buttons .btn-primary {
    background-color: #f63 !important;
    border-color: #f63 !important;
    border-radius: 100px !important;
}
.download-buttons .btn-primary:hover {
    background-color: #111 !important;
    border-color: #111 !important;
}
.download-buttons .btn-outline-primary {
    color: #f63 !important;
    border-color: #f63 !important;
    border-radius: 100px !important;
}
.download-buttons .btn-outline-primary:hover {
    background-color: #f63 !important;
    border-color: #f63 !important;
    color: white !important;
}
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

/* 游戏下载按钮样式 */
.download-btn {
  position: relative;
  background-color: var(--bigzhong-bg-white, #ffffff);
  border: 2px solid var(--bs-dark, #111111) !important;
  padding: 10px 0;

  border-radius: 5px;
  font-weight: 600;
  transition: all 0.3s ease;
  margin-bottom: 10px;
  text-decoration: none;
  color: inherit;
  display: block;
  text-align: center;
}
a.download-btn{  padding-left: 1rem;}

.download-btn:hover {
  border-color: var(--bs-orange, #f63);
  color: var(--bs-orange, #f63);
  text-decoration: none;
  
}

.download-btn svg.icon {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 0;
  width: 1.2em;
  height: 1.2em;
}

.game-download-buttons .row > div {
  padding-right: 5px;
  padding-left: 5px;
}

/*重要提醒*/
.pm_tixing{
    font-size: 12px;
    margin-bottom: 10px;
}
/*郑重声明*/
.pm_shengming{
    font-size: 12px;
    background: var(--bs-body-bg);
    padding: 8px 15px;
    border-radius: 5px;
    color: #666;
}

/*常见问题*/
.accordion{
    --bs-accordion-bg:var(--bs-body-bg);
    --bs-accordion-border-color:var(--bigzhong-border-color);
    --bs-accordion-active-color:var(--bigzhong-text-color);
    --bs-accordion-btn-icon-width:1rem;
    --bs-accordion-active-bg:#111;
}
.accordion-button:focus,.accordion-button:not(.collapsed){
    outline: 0;
    background-color:var(--bigzhong-sidebar-bg);
    border-color: var(--bigzhong-border-color);
}
.accordion-button:focus{
    box-shadow: none;
    font-weight: 600;
}
.accordion-button:not(.collapsed)::after{
    background-image:  var(--bs-accordion-btn-icon);
}
/*评论中心*/
.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-form-control-bg);
    border-color: var(--bs-border-color);
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(255, 180, 48, .2);
}
.pm_touxiang{
    width: 32px;
    height: 32px;
    border-radius: 50px;
}
.pm_user_info span,.pm_user_info .iconfont{color: var(--bigzhong-text3-color, inherit) !important; margin-left: 2px;}
.pm_pinglun a.pm_pinglun_login{color: var(--bigzhong-text3-color, inherit) !important; }
a.pm_pinglun_login:hover{color: var(--bs-orange, #f63) !important;}

/* 显示更多按钮样式 */
                                    #showMoreBtn {
                                        color: var(--bs-heading-color, inherit);
                                        background-color: var(--bigzhong-bg-white);
                                        border: 1px solid var(--bigzhong-border-color);
                                        border-radius: 5px;
                                        font-size: 12px;
                                        padding: 3px 10px;
                                        z-index: 10;
                                    }
                                    
                                    #showMoreBtn:hover {
                                        background-color: #f63;
                                        border-color: #f63;
                                        color: var(--bigzhong-bg-white);
                                    }
                                    
                                    /* 画廊容器样式优化 */
                                    .gallery-container {
                                        transition: max-height 0.5s ease;
                                        overflow: hidden;
                                    }
                                    
                                    .gallery-container .gallery-item {
                                        display: block;
                                        overflow: hidden;
                                        border-radius: 4px;
                                    }
                                    
                                    .gallery-container .gallery-item img {
                                        transition: transform 0.3s ease;
                                    }
                                    
                                    .gallery-container .gallery-item:hover img {
                                        transform: scale(1.05);
                                    }

 /* 灯箱模态框淡入淡出效果 */
                                    #imageModal .modal-dialog {
                                        transition: opacity 0.3s ease;
                                    }
                                    
                                    #imageModal.fade .modal-dialog {
                                        opacity: 0;
                                        transform: none;
                                    }
                                    
                                    #imageModal.show .modal-dialog {
                                        opacity: 1;
                                    }
                                    
                                    /* 图片淡入淡出动画 */
                                    .fade-in {
                                        animation: fadeIn 0.3s ease-in-out;
                                    }
                                    
                                    .fade-out {
                                        animation: fadeOut 0.3s ease-in-out;
                                    }
                                    
                                    @keyframes fadeIn {
                                        from { opacity: 0; }
                                        to { opacity: 1; }
                                    }
                                    
                                    @keyframes fadeOut {
                                        from { opacity: 1; }
                                        to { opacity: 0; }
                                    }
                                    
                                    /* 增强触摸区域 */
                                    .modal-body {
                                        touch-action: manipulation;
                                    }
                                    
                                    /* 确保模态框背景覆盖整个屏幕 */
                                    .modal-backdrop {
                                        z-index: 1050;
                                    }
                                    
                                    .modal {
                                        z-index: 1055;
                                    }



/* 为Dark主题添加相同的文字选中样式 */
[data-bs-theme=dark] ::selection {
  background-color: var(--bs-yellow, #ffe487) !important;
  color: var(--bs-dark, #111) !important;
}

[data-bs-theme=dark] ::-moz-selection {
  background-color: var(--bs-yellow, #ffe487) !important;
  color: var(--bs-dark, #111) !important;
}

/* Dark主题内部样式 */
[data-bs-theme=dark] .bg-111 {
  background-color: var(--bigzhong-border-color) !important;
}
.bg-f63 {
  --bs-bg-opacity: 1;
  background-color: #f63 !important; 
}
.bg-111 {
  --bs-bg-opacity: 1;
  background-color: #111 !important;
}
body{background-color: var(--bs-body-bg); overflow-x: hidden;}
hr{opacity:1;}

.pm_pd_bg {
  border-radius: 15px;
  padding: 20px 24px;
  background-color: var(--bigzhong-bg-white);
  border: 1px solid var(--bigzhong-border-color);
  position: relative;
  margin-top: 10px;
}
/* 统一light模式下元素描边颜色 */
a, ul, hr, .pm_l_list {
    border-color: var(--bigzhong-border-color) !important; 
}
.container-fluid {
    min-width: 375px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
h1,h2,h3,h4,h5,h6{font-weight: 600;}
a h4,a h5,a h6{font-weight: 500 !important;}
.tag{padding: 2px 10px; border-radius: 100px; font-weight: 500; z-index: 10; font-size: 12px;}
.page-body-wrapper {
    padding: 0;
    margin: 0;
    /* 移除flex布局，避免影响offcanvas组件 */
}
.navbar{height: 58px; border-bottom: 1px solid #fdda60; background: var(--bigzhong-nav-bg); --bs-navbar-nav-link-padding-x:0;}

/* 暗色模式下导航栏边框颜色与侧边栏保持一致 */
[data-bs-theme=dark] .navbar {
  border-bottom-color: var(--bigzhong-border-color) !important;
}

/* 统一dark模式下元素描边颜色 */
[data-bs-theme=dark] a,
[data-bs-theme=dark] ul,
[data-bs-theme=dark] .pm_l_list {
  border-color: var(--bigzhong-border-color) !important;
}

/* 面包屑导航样式 */
.breadcrumb {
  --bs-breadcrumb-divider: '»';
  font-size: 0.875rem;
  margin-bottom: 0 !important;
  align-items: center;
  display: flex;
  --bs-breadcrumb-item-padding-x: 0 !important;
}

.breadcrumb-item {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  margin-left: 0;
}

.breadcrumb-item + .breadcrumb-item::before {
  color: #e1e1e1;
  font-weight: normal;
  padding: 0 0.5rem;
}

/* 去除面包屑分隔符 */
.breadcrumb-no-divider::before {
  content: none !important;
  padding: 0 !important;
}

.breadcrumb-link {
  color: #616161 !important;
  text-decoration: none !important;
  transition: color 0.2s ease;
  display: inline-block;
  vertical-align: middle;
}

.breadcrumb-link:hover {
  color: #f63 !important;
}

.breadcrumb-link:hover + .iconfont,
.breadcrumb-link:hover ~ .iconfont {
  color: #f63 !important;
}

.breadcrumb-current {
  color: #8c8c8c !important;
  display: inline-block;
  vertical-align: middle;
}

/* 面包屑导航中icon图标样式 */
.breadcrumb .iconfont.icon-shouye {
  color: #616161 !important;
  vertical-align: middle;
  font-size: inherit;
  display: inline-block;
  line-height: 1;
}

/* 面包屑导航响应式调整 */
@media (max-width: 576px) {
  .breadcrumb {
    font-size: 0.75rem;
  }
  
  .breadcrumb-item + .breadcrumb-item::before {
    padding: 0 0.3rem;
  }
  
  .breadcrumb .iconfont.icon-shouye {
    font-size: 0.75rem;
    margin-right: 0.3rem;
  }
}

@media (min-width: 577px) and (max-width: 768px) {
  .breadcrumb {
    font-size: 0.8125rem;
  }
}
[data-bs-theme=dark] hr,
[data-bs-theme=dark] hr.pm_hr {
  border-color: var(--bigzhong-border-color) !important;
  opacity: 1 !important;
}
/** 详情页顶部游戏图片区域 **/
.pm_content_img{
    /* 固定宽高215px×310px，在所有终端下保持一致 */
    width: 215px;
    height: 310px;
    /* 确保在flex容器中不会被压缩 */
    flex-shrink: 0;
    /* 为小屏幕设备添加最大宽度限制，避免溢出 */
    max-width: 100%;
    box-sizing: border-box;
    /* 与右侧信息区域的间距 */
    margin-right: 24px;
    position: relative;
}
.pm_content_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 2px;
}
.pm_content_img span.pm_score {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 14px;
    padding: 4px 14px;
    border-radius: 100px;
    background-color: #f63;
    color: white;
}
/** 游戏下载标题样式 **/
.pm_game-title {
    font-size: 24px;
    margin-bottom: 0.5rem;
    font-weight: bold;
}


/* 专题卡片样式 */
.topic-card {
    border: 1px solid var(--bigzhong-border-color);
    background-color: var(--bigzhong-hotgame-bg);
    border-radius: 10px;
    box-shadow: none;
    transition: all 0.3s ease;
    overflow: hidden;
}

.topic-card p{color: var(--bs-green); margin-bottom: 0;}

/* 专题卡片H4样式 */
.topic-card h4 {
    font-size: 20px;
    font-weight: 600 !important;
    margin-bottom: 0.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 0.3s ease;
}

/* 专题卡片图片容器 */
.topic-card .aspect-ratio {
    overflow: hidden;
}

/* 专题卡片图片 */
a .topic-card img {
    transition: transform 0.3s ease;
}

/* 专题卡片悬停效果 */
a:hover .topic-card {
    background-color: var(--bigzhong-bg-white) !important;
}

a:hover .topic-card img {
    transform: scale(1.03);
}

a:hover .topic-card h4 {
    color: #f63 !important;
}

.pm_game-english-title {
    font-size: 14px;
    color: #999;
    margin-bottom: 0.5rem;
    font-weight: 500;
}

.pm_game-version {
    font-size: 14px;
    color: #f63;
    margin-bottom: 0.5rem;
}

.pm_game-tag {
    display: inline-block;
    padding: 5px 14px;
    border-radius: 100px;
    background-color: #111;
    color: white;
    font-size: 14px;
    margin-bottom: 0.5rem;
}


/* 自定义链接样式 */
.pm_link {
    color: #399;
    border-bottom: 1px dotted #399;
    text-decoration: none;
}

.pm_link:hover {
    color: #266;
    border-bottom: 1px dotted #266;
    text-decoration: none;
}

/* .pm_l_tagul>a 亮色模式样式 */
.pm_l_tagul>a.tag {
  background-color: #E1E1E1 !important;
  color: #111111 !important;
}

.pm_l_tagul>a.tag:hover {
  background-color: #D4D4D4 !important;
  color: #111111 !important;
}

/* 暗色模式样式 - 同时支持系统暗色模式和Bootstrap主题切换 */
@media (prefers-color-scheme: dark) {
  .pm_l_tagul>a.tag {
    background-color: #36383c !important;
    color: #fff !important;
  }
  
  .pm_l_tagul>a.tag:hover {
    background-color: #2e2f33 !important;
    color: #fff !important;
  }
}

[data-bs-theme=dark] .pm_l_tagul>a.tag {
  background-color: #36383c !important;
  color: #bfbfbf !important;
}

[data-bs-theme=dark] .pm_l_tagul>a.tag:hover {
  background-color: #2e2f33 !important;
}
.navbar-nav .nav-item{padding-right: 20px;}
.navbar-nav {
    padding-left: 0px; /* 菜单栏整体左padding为50px */
}
.sidebar{width: var(--bigzhong-leftbar-width); min-height: 100vh; background:var(--bigzhong-sidebar-bg); border-right: 1px solid var(--bigzhong-border-color);}

/* 移动端侧边栏不显示时不占用空间 */
.sidebar.sidebar-offcanvas {
    width: 100%; /* 覆盖默认宽度，由offcanvas控制 */
    min-height: auto; /* 移除最小高度 */
    position: fixed; /* 确保定位正确 */
    top: 0; /* 与导航栏对齐 */
    left: 0;
    z-index: var(--bs-offcanvas-zindex); /* 使用Bootstrap的z-index变量 */
}
.main-panel{width:calc(100vw - var(--bigzhong-leftbar-width));}

.navbar-brand-wrapper{
    width: calc(var(--bigzhong-leftbar-width) - 20PX); 
}

.logo-big{display: block;}
.logo-sm{display: none;}
/* 导航菜单文字样式 */
.navbar-nav .nav-link {
    color: #b1860f !important;
    font-size: 16px;
    font-weight: 500;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
    color: #75580a !important;
}
.navbar-nav .dropdown-menu .dropdown-item {
    color: #111 !important;
    font-size: 16px;
}
.navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar-nav .dropdown-menu .dropdown-item:focus {
    color: #111 !important;
    background-color: rgba(253, 218, 96, 0.1);
}

/* 深色模式下h4和h5文字颜色 */
[data-bs-theme=dark] h4,
[data-bs-theme=dark] h5 {
  color: #e4e4e4 !important;
}
[data-bs-theme=dark] a:hover h5{color: #f63 !important;}
/* 深色模式下offcanvas-body背景色与.pm_dynamics一致 */
[data-bs-theme=dark] .offcanvas-body {
    background-color: var(--bigzhong-nav-bg) !important;
}

/* 控制主题模式下logo的显示与隐藏 */
[data-bs-theme=dark] .logo-light {
    display: none !important;
}

[data-bs-theme=dark] .logo-dark {
    display: block !important;
    hidden: false !important;
}

.logo-dark {
    display: none !important;
}

/* 深色模式下搜索框背景色与.pm_dynamics一致，描边色稍亮 */
[data-bs-theme=dark] .search-input-group,
[data-bs-theme=dark] .offcanvas-body .sidebar-search .input-group {
    background-color: var(--bigzhong-bg-white) !important;
    border-color: rgba(255, 255, 255, 0) !important; /* 比背景色稍亮 */
}

[data-bs-theme=dark] .search-input-group .form-control,
[data-bs-theme=dark] .offcanvas-body .sidebar-search .form-control {
    background-color: var(--bigzhong-bg-white) !important;
    color: #ddd !important;
}

/* 暗色模式导航样式 */
[data-bs-theme=dark] .navbar-nav .nav-link {
    color: #bfbfbf !important;
}

[data-bs-theme=dark] .navbar-nav .nav-link:hover,
[data-bs-theme=dark] .navbar-nav .nav-link:focus {
    color: white !important;
}

[data-bs-theme=dark] .navbar-nav .dropdown-menu .dropdown-item {
    color: #ddd !important;
}

[data-bs-theme=dark] .navbar-nav .dropdown-menu .dropdown-item:hover,
[data-bs-theme=dark] .navbar-nav .dropdown-menu .dropdown-item:focus {
    color: #fff !important;
    background-color: rgba(255, 255, 255, 0.1);
}
/* SVG图标与文字对齐优化 */
.navbar-nav .nav-link {
    display: flex;
    align-items: center;
}

/* 用户中心下拉图标样式 */
.dropdown-toggle .iconfont.dropdown-arrow {
    color: #b1860f !important; /* 与一级菜单颜色一致 */
    text-decoration: none !important; /* 去掉下划线 */
    margin-left: 4px; /* 与头像间距 */
}

.dropdown-toggle:hover .iconfont.dropdown-arrow,
.dropdown-toggle:focus .iconfont.dropdown-arrow {
    color: #75580a !important; /* 与一级菜单鼠标经过颜色一致 */
    text-decoration: none !important; /* 确保没有下划线 */
}

[data-bs-theme=dark] .dropdown-toggle .iconfont.dropdown-arrow {
    color: #bfbfbf !important;
}

[data-bs-theme=dark] .dropdown-toggle:hover .iconfont.dropdown-arrow,
[data-bs-theme=dark] .dropdown-toggle:focus .iconfont.dropdown-arrow {
    color: white !important;
}

/* 下拉箭头旋转动画 */
.dropdown-toggle .iconfont.dropdown-arrow {
    transition: transform 0.3s ease; /* 平滑过渡效果 */
}

/* 用户中心下拉菜单样式 */
.dropdown-menu.dropdown-menu-end {
    border-color: var(--bigzhong-border-color) !important; /* 去除描边效果 */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09) !important; /* 设置阴影样式 */
    padding: 0.8rem;
    min-width: 320px !important; /* 增加下拉菜单整体宽度 */
    margin-top: 12px !important; /* 整体往下移动 */
    background-color: var(--bigzhong-bg-white) !important; /* 设置背景颜色 */
}
/* 下拉菜单上三角箭头 */
.dropdown-menu.dropdown-menu-end::before {
    content: '';
    position: absolute;
    top: -8px; /* 向上调整位置 */
    right: 30px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent; /* 缩小三角形 */
    border-right: 8px solid transparent; /* 缩小三角形 */
    border-bottom: 8px solid var(--bigzhong-bg-white) !important; /* 缩小三角形 */
    z-index: 1;
}

.dropdown-menu.dropdown-menu-end::after {
    content: '';
    position: absolute;
    top: -8px; /* 向上调整位置 */
    right: 30px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent; /* 缩小三角形 */
    border-right: 8px solid transparent; /* 缩小三角形 */
    border-bottom: 8px solid var(--bigzhong-sidebar-bg); /* 缩小三角形 */
    z-index: 0;
}

/* 两列布局样式 */
.dropdown-menu-columns {
    width: 300px; /* 增加宽度以适应两列布局 */
}

.dropdown-menu-columns .row {
    margin: 0;
}

.dropdown-menu-columns .col-6 {
    padding: 0;
}


/* 用户信息区域图标样式 */
.dropdown-item-text .iconfont {
    font-size: 14px;
    color: #6c757d;
}

/* 下拉菜单分隔线颜色 */
.dropdown-divider {
    border-color: var(--bigzhong-border-color) !important;
}
/* 用户等级样式 */
.user-level {
    background-color: #eee !important;
    padding: 3px 5px !important; /* 上下3px，左右5px */
    border-radius: 4px;
    display: inline-block;
    font-size: 13px !important; /* 字体大小13px */
}

[data-bs-theme=dark] .user-level {
    background-color: #333 !important;
    color: #ddd !important;
}

/* 用户操作链接样式 */
.user-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}

.admin-link, .logout-link {
    font-size: 12px !important;
    color: #333 !important;
    text-decoration: none !important;
}

.admin-link:hover,
.logout-link:hover {
    color: #666 !important;
}

[data-bs-theme=dark] .admin-link, 
[data-bs-theme=dark] .logout-link {
    color: #ddd !important;
}

[data-bs-theme=dark] .admin-link:hover,
[data-bs-theme=dark] .logout-link:hover {
    color: #fff !important;
}

/* 网格布局样式 */
.dropdown-menu-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

/* 下拉菜单项点击样式 */
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active {
    background-color: rgba(253, 218, 96, 0.1) !important;
    color: #f63 !important;
}

/* 金币奖励区域样式 */


.signin-link {
    display: block;
    width: 100%;
    text-align: center;
    padding: 8px;
    background-color: #ffe487;
    color: #75580a !important;
    text-decoration: none !important;
    border-radius: 4px;
    margin-bottom: 8px;
}

.signin-link:hover {
    background-color: #fdda60;
}

.coin-balance {
    font-size: 13px;
    color: #6c757d;
}

.content-wrapper{
    padding: 5px 50px; font-size: 0.8rem; background: var(--bs-light); border-bottom: 1px solid var(--bigzhong-border-color);
    color: #333;
}
.br_start_info{margin-right: 10px; padding-right: 10px;}
.br_start_info span{color: #999;}

[data-bs-theme=dark] .content-wrapper {
    background-color: var(--bigzhong-bg-white);
    color: #ddd;
}

[data-bs-theme=dark] .br_start_info span {
    color: #666;
}

/* 搜索框自定义样式 */
.search-input-group {
    border: 1px solid #fdda60;
    border-radius: 0.375rem;
    overflow: hidden;
}
.search-input-group .form-control {
    border: none;
    box-shadow: none;
}

.search-input-group .form-control:focus {
    box-shadow: none;
    border-color: transparent;
}
.search-input-group .btn-search-custom {
    border: none;
    background-color: var(--bs-form-control-bg);
    color: #666;
}

.search-input-group .btn-search-custom:hover {
    color: #b1860f;
}

/* 主题切换滑动动效 */
.theme-switch-wrapper {
    display: flex;
    align-items: center;
}

.theme-switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 26px;
}

.theme-switch-checkbox {
    display: none;
}

.theme-switch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid var(--bs-form-light-border);
    border-radius: 20px;
    background-color: var(--bs-form-light-bg);
    transition: background-color 0.3s ease;
    height: 26px;
    position: relative;
}

.theme-switch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease;
}

.theme-switch-checkbox:checked + .theme-switch-label .theme-switch-inner {
    margin-left: 0;
}

.theme-switch-inner:before,
.theme-switch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 26px;
    padding: 0;
    line-height: 26px;
    font-size: 14px;
    color: #111;
    font-weight: bold;
    box-sizing: border-box;
}

.theme-switch-inner:before {
    content: "";
    padding-left: 10px;
    background-color: transparent;
    color: #111;
}

.theme-switch-inner:after {
    content: "";
    padding-right: 10px;
    background-color: transparent;
    color: #111;
    text-align: right;
}

.theme-switch-handle {
    display: block;
    width: 20px;
    height: 20px;;
    margin: 2px;
    background: #fff;
    position: absolute;
    top: -1px;
    bottom: 0;
    left: 0px;
    border-radius: 50%;
    transition: all 0.5s ease;
    box-shadow: 0 3px 10px rgba(153, 102, 51, 0.3);
}

.theme-switch-checkbox:checked + .theme-switch-label .theme-switch-handle {
    left: 23px;
    background: #84848b;
}

.theme-icon {
    position: absolute;
    top: 50%;
    font-size: 12px;
    z-index: 2;
    transition: all 0.5s ease;
}
.theme-icon .iconfont{font-size: 14px;}
.sun-icon {
    left: 5px;
    color: #ffb430;
    transform: translateY(-50%) translateX(-10px);
    opacity: 0;
}

.moon-icon {
    right: 1px;
    color: #ffb430;
    transform: translateY(-50%) translateX(10px);
    opacity: 0;
}

/* Light模式：太阳图标从左侧滑入，月亮图标向右侧滑出 */
.theme-switch-checkbox:not(:checked) + .theme-switch-label .sun-icon {
    opacity: 1;
    transform: translateY(-50%) translateX(0) scale(1);
}

.theme-switch-checkbox:not(:checked) + .theme-switch-label .moon-icon {
    opacity: 0;
    transform: translateY(-50%) translateX(10px) scale(0.8);
}

/* Dark模式：月亮图标从右侧滑入，太阳图标向左侧滑出 */
.theme-switch-checkbox:checked + .theme-switch-label .sun-icon {
    opacity: 0;
    transform: translateY(-50%) translateX(-10px) scale(0.8);
}

.theme-switch-checkbox:checked + .theme-switch-label .moon-icon {
    opacity: 1;
    transform: translateY(-50%) translateX(0) scale(1);
}

.dropdown-toggle{display: block; text-decoration: none;}
.dropdown-toggle .iconfont{ color:#b1860f ;}
.dropdown-toggle::after {
    content: none;
    border: 0;
}

/* 响应式导航栏样式 */
.navbar-offcanvas {
  z-index: 1030;
}
.navbar-offcanvas .container-fluid {
  position: relative;
  transform: translate3d(0px, 0, 0);
  transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
}
/* 移动端导航按钮样式 - 默认隐藏，在小屏幕上显示 */
.navbar-toggler {
  display: none; /* 默认隐藏 */
  padding: 15px; /* 增加内边距，扩大点击区域 */
  border: none;
  outline: none;
  background: transparent;
  box-shadow: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px; /* 设置固定宽度 */
  height: 44px; /* 设置固定高度 */
  cursor: pointer; /* 确保整个区域都是可点击的 */
  position: relative; /* 添加相对定位 */
  z-index: 1000; /* 确保在最上层 */
}
/* 标准汉堡按钮样式 - 完全重置为简单的三条横线 */
.navbar-toggler {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  padding: 10px !important;
  cursor: pointer !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  z-index: 1000 !important;
}

/* 简单的汉堡线条样式 */
.navbar-toggler .icon-bar {
  display: block !important;
  width: 28px !important; /* 标准汉堡线条长度 */
  height: 2px !important;
  border-radius: 1px !important;
  background-color: #b1860f !important;
  border: none !important;
  transition: all 0.3s ease !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  transform: none !important;
  opacity: 1 !important;
}

/* 暗色模式下汉堡按钮颜色 */
[data-bs-theme=dark] .navbar-toggler .icon-bar {
  background-color: #bfbfbf !important;
}

/* 暗色模式下汉堡按钮悬停颜色 */
[data-bs-theme=dark] .navbar-toggler:hover .icon-bar {
  background-color: white !important;
}

/* 确保每条线之间有适当的间距 */
.navbar-toggler .icon-bar + .icon-bar {
  margin-top: 5px !important; /* 标准汉堡线条间距 */
}

/* 侧边栏样式 */
.offcanvas-start {
  width: var(--bigzhong-leftbar-width) !important;
  background-color: #fff !important; /* 设置背景色为白色 */
}

/* 弹出框文字链接样式 */
.offcanvas-body{padding-top:30px ;}
.offcanvas-body .nav-link {
  color: #111 !important;
}
.offcanvas-body .nav-link:hover,
.offcanvas-body .nav-link:focus {
  color: #b1860f !important;
}

[data-bs-theme=dark] .offcanvas-body .nav-link {
  color: #ddd !important;
}

[data-bs-theme=dark] .offcanvas-body .nav-link:hover,
[data-bs-theme=dark] .offcanvas-body .nav-link:focus {
  color: #e6c440 !important;
}

/* 弹出框中的搜索样式继承顶部导航样式 */
.offcanvas-body .sidebar-search .input-group {
  border: 1px solid #fdda60;
  border-radius: 0.375rem;
  overflow: hidden;
}
.offcanvas-body .sidebar-search .form-control {
  border: none;
  box-shadow: none;
}
.offcanvas-body .sidebar-search .form-control:focus {
  box-shadow: none;
  border-color: transparent;
}
.offcanvas-body .sidebar-search .btn-search-custom {
  border: none;
  background-color: var(--bs-form-control-bg);
  color: #666;
}
.offcanvas-body .sidebar-search .btn-search-custom:hover {
  color: #b1860f;
}
.offcanvas.offcanvas-start{border:none;}
.nav-right{margin-top: -35px; padding-right: 15px;}
hr.sidebar-divider{border-color: var(--bigzhong-border-color); opacity: 1;}
/* 汉堡按钮切换动画 - 简单叉号效果 */
.navbar-toggler.toggled .icon-bar.bar1 {
  transform: rotate(45deg) !important;
  position: relative !important;
  top: 7px !important;
}
.navbar-toggler.toggled .icon-bar.bar2 {
  opacity: 0 !important;
}
.navbar-toggler.toggled .icon-bar.bar3 {
  transform: rotate(-45deg) !important;
  position: relative !important;
  top: -7px !important;
}
/* 移除不必要的动画定义 */
@keyframes topbar-back {
  0% {
    top: 6px;
    transform: rotate(135deg);
  }
  45% {
    transform: rotate(-10deg);
  }
  75% {
    transform: rotate(5deg);
  }
  100% {
    top: 0px;
    transform: rotate(0);
  }
}
@keyframes bottombar-x {
  0% {
    bottom: 0px;
    transform: rotate(0deg);
  }
  45% {
    bottom: 6px;
    transform: rotate(-145deg);
  }
  75% {
    transform: rotate(-130deg);
  }
  100% {
    transform: rotate(-135deg);
  }
}
@keyframes bottombar-back {
  0% {
    bottom: 6px;
    transform: rotate(-135deg);
  }
  45% {
    transform: rotate(10deg);
  }
  75% {
    transform: rotate(-5deg);
  }
  100% {
    bottom: 0px;
    transform: rotate(0);
  }
}
/* 主体部分布局样式 */
.pm_main {
    padding-top: 58px; /* 导航栏高度 */
    min-height: calc(100vh - 58px);
}
.pm_main_sub{}
.pm_l_side {
    width: var(--main-left-sidebar-width);
    background-color: var(--bigzhong-sidebar-bg);
    border-right: 1px solid var(--bigzhong-border-color);
    height: calc(100vh - 58px);
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    flex-shrink: 0;
    padding: 30px 15px 30px;
    position: fixed;
    left: 0;
    top: 58px;
    z-index: 100;
}
.pm_l_side::-webkit-scrollbar {
    display: none;
}
.pm_r_side {
    width: calc(100% - var(--main-left-sidebar-width));
    flex: 1;
    min-height: calc(100vh - 58px);
    padding: 30px 50px;
    background: var(--bs-body-bg);
    margin-left: var(--main-left-sidebar-width);
}

.pm_dynamics{left: 0; top: 0; padding: 5px 50px; background-color:var(--bigzhong-bg-white); border-bottom: 1px solid var(--bigzhong-border-color); right: 0;}

/* 统计数据样式 */

.tongji-item {
    font-size: 12px;
    color: #666;
    white-space: nowrap;
}
.tongji-item:not(:last-child) {
    position: relative;
    padding-right: 20px;
}
.tongji-item:not(:last-child)::after {
    content: '|';
    position: absolute;
    right: 10px;
    color: var(--bigzhong-border-color) !important;
}

/* 动态滚动区域样式 */
.pm_dongtai {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #666;
}

.dongtai-icon {
    font-size: 16px;
    font-weight: bold;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
}

/* 动态时间样式 */
.dongtai-time {
    color: var(--color-text-secondary);
    font-size: 12px;
    flex-shrink: 0;
    white-space: nowrap;
}

/* 幻灯片样式 */
.pm_slide {
    margin-top: 1rem;
    position: relative;
}


.dongtai-container {
    width: auto;
    flex: 1;
    position: relative;
}

/* 轮播卡片样式 - 从index.html提取 */
.pm_slider{padding-top: 10px;}
.pm_slider_owl{width: 100%;}

.post-slide .post-img img {
    width: 100%;
    height: auto;
    transform: scale(1);
    transition: all 0.20s ease-in-out 0s;
    border-radius: 15px;
}
.post-slide:hover .post-img img {
    transform: scale(1.02);
}
.post-slide .post-content {
    background: #fff;
    padding: 20px;
}
.post-slide .post-title {
    font-size: 17px;
    font-weight: 600;
    margin-top: 0;
    text-transform: capitalize;
}
.post-slide .post-title a {
    display: inline-block;
    color: #808080;
    transition: all 0.3s ease 0s;
}
.post-slide .post-title a:hover {
    color: #3d3030;
    text-decoration: none;
}
.post-slide .post-description {
    font-size: 15px;
    color: #676767;
    line-height: 24px;
    margin-bottom: 14px;
}
.post-slide .post-bar {
    padding: 0;
    margin-bottom: 15px;
    list-style: none;
}
.post-slide .post-bar li {
    color: #676767;
    padding: 2px 0;
}
.post-slide .post-bar li i {
    margin-right: 5px;
}
.post-slide .post-bar li a {
    display: inline-block;
    font-size: 12px;
    color: #808080;
    transition: all 0.3s ease 0s;
}
.post-slide .post-bar li a:after {
    content: ",";
}
.post-slide .post-bar li a:last-child:after {
    content: "";
}
.post-slide .post-bar li a:hover {
    color: #3d3030;
    text-decoration: none;
}
.post-slide .read-more {
    display: inline-block;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background: #e7989a;
    border-bottom-right-radius: 10px;
    text-transform: capitalize;
    transition: all 0.30s linear;
}
.post-slide .read-more:hover {
    background: #333;
    text-decoration: none;
}
/* 轮播分页按钮样式 */
.owl-controls{ margin-top: 5px;}
.owl-controls .owl-pagination {
    
    text-align: center;
    z-index: 10;
    width: 100%;
}

.owl-controls .owl-page {
    display: inline-block;
    margin: 0 5px;
}

.owl-controls .owl-page span {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ddd;
    transition: all 0.3s ease;
}

.owl-controls .owl-page.active span,
.owl-controls .owl-page:hover span {
    background: #f63;
    transform: scale(1.2);
}
.dongtai-list {
    list-style: none; margin-right: 15px; margin-left: 0; padding-left: 0;
}
.dongtai-item {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dongtai-item img {margin-top: 3px;}
.dongtai-controls {
    display: flex;
    gap: 2px;
}
.control-btn {
    width: 24px;
    height: 24px;
    border: none;
    background: transparent;
    color: #999;
    cursor: pointer;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    transition: all 0.3s ease;
}
.control-btn:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #999;
}
/** swiper部分样式 **/
a.card-link,a.card-link img{width: 100%; display: block; transition: all 0.3s ease; }
a.card-link{border-radius: 15px; overflow: hidden;}
a.card-link:hover img{transform: scale(1.02);}

.swiper-pagination-bullet{
        background: var(--swiper-pagination-bullet-inactive-color, #777);
}
.game-item {
    display: block;
    background: var(--bigzhong-hotgame-bg);
    border-radius: 8px;
    padding: 10px;
    transition: all 0.3s ease;
    text-decoration: none;
    color: inherit;
    height: 100%;
    border: 1px solid var(--bigzhong-border-color);
}

.game-item:hover {
    background: var(--bigzhong-bg-white);
}

.game-item .game-img img {
    transition: transform 0.3s ease;
}

.game-item:hover .game-img img {
    transform: scale(1.05);
}
.game-img{width: 60px; height: 90px; flex-shrink: 0; margin-right: 10px;}

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
a.game-item .truncate{transition: all 0.3s;}
a.game-item:hover .truncate {
    color: #f63;
}
/* 暗色模式下游戏卡片样式 */
[data-bs-theme=dark] .game-item {
    background-color: none !important; /* 与侧边栏背景色保持一致 */
    border-color: var(--bigzhong-border-color);
}
[data-bs-theme=dark] .game-item:hover {
    background-color: none !important; /* 保持悬停时背景色不变 */
}
.game-info{flex: 1;}
.min-width-0 {
    min-width: 0;
}

.game-type {
    color: #999;
    font-size: 0.75em;
}
.game-type span{color: #339999;}

.badge {
    padding: 0.25em 0.5em;
    font-size: 0.75em;
    line-height: 1.2;
    font-weight: 500;
    border-radius: 500px !important;
}

.game-download {
    padding: 0.25em 0.5em;
    font-size: 0.75em;
    line-height: 1.2;
    font-weight: 500;
    border-radius: 500px !important;
    color: #666;
}
.game-download .iconfont {
    font-size: 1em;
}

/**专题合集**/
.pm_heji_gamelist .game-item{
    margin-top: 10px;
}
.pm_heji_gamelist h6{margin: 10px 0 5px; font-size: 20px; font-weight: 600 !important;}
.pm_heji_gamelist .game-img{ width:80px; height: 120px;}
.pm_heji_gamelist .pm_game-english-title{font-size: 13px; margin-bottom: 5px;}
.pm_heji_gamelist .pm_game-version,.pm_heji_gamelist .pm_game-version .iconfont{font-size: 12px;}
.pm_heji_gamelist .game-size{font-size: 12px; color: #ddd;}
.pm_heji_gamelist .game-size span{font-size: 14px; color: var(--bs-heading-color);}


/** swiper分页按钮样式 **/
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    position: relative;
    margin-top: 10px;
}
.swiper-pagination-bullet-active{background: #f63; }

/* 最新游戏页卡部分 */

/** TAB 标签页样式 **/
        .nav-tabs {
            border-bottom: 1px solid #EDEDED;
        }
        .nav-tabs .nav-link {
            color: #111;
            font-weight: 600;
            padding: 8px 0;
            border: none;
            margin-right: 20px;
            font-size: 18px;
            background-color: transparent !important;
        }
        .nav-tabs .nav-link.active {
    color: #f63;
    border-bottom: 5px solid #f63 !important;
    background-color: transparent !important;
}

/* 暗色模式下的tab按钮样式 */

[data-bs-theme=dark] .nav-tabs .nav-link.active {
    color: #f63 !important;
    background-color: transparent !important;
}
[data-bs-theme=dark] .nav-tabs .nav-link {
    color: #e4e4e4 !important;
    background-color: transparent !important;
}
        .view-all {
            margin-left: auto;
            padding: 0.5rem 1rem;
            color: #6c757d;
            text-decoration: none;
        }
        .view-all:hover {
            color: #0d6efd;
        }


/** TAB内容部分 **/


.game-image {
    position: relative;
    overflow: hidden; border-radius: 5px;
}

.game-image img {
    width: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.game-card:hover .game-image img {
    transform: scale(1.05);
}

/* 标签样式 */
.game-title {
    margin: 10px 0 8px 0;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.3s ease;
}
a.pm_newgame:hover .game-title{color: #f63;}
.game-meta,.game-meta .tag {
    font-size: 12px;
    color: #666;
}
.game-meta .tag{background:var(--bigzhong-sidebar-bg);}
.game-meta span.iconfont{font-size: 12px !important;}
/* 专题列表样式 */
.pm_heji_list a img{transform: scale(1); transition: all 0.3s; }
.pm_heji_list a:hover img{transform: scale(1.03);}
.pm_heji_list a h6{ line-height: 1.5; font-size: 14px; color: var(--bigzhong-text-color); text-decoration: none; margin-top: 5px; transition: all 0.3s; }
.pm_heji_list a:hover h6{color: #f63;}

.专题-link{text-decoration: none; color: #333;}
.专题-link:hover .专题-title,
.专题-link:hover .专题-count{color: #f63;}
.专题-title{font-weight: normal;}
.专题-count{font-size: 0.9em;}
.download-info,
.time-info {
    display: flex;
    align-items: center;
}


.game-image img{aspect-ratio: 2/3; z-index: 1;}
.game-image div{position: absolute; right: 10px; z-index: 2;}
.pm_tab_nb{top: 8px; }
.pm_tab_score{bottom: 33px;}
.pm_tab_year{bottom: 8px;}
.pm_zhiding {
    left: 8px;
    top: 8px;
    width: 24px;
    height: 24px;
    border-radius: 5px;
    text-align: center;
    line-height: 20px;
}
.pm_zhiding .iconfont{font-size: 13px;}

/** 左边栏滚动效果 **/
.pm_l_side {
    overflow-y: auto; /* 启用垂直滚动 */
}

/* 自定义滚动条样式 - 完全隐藏 */
.pm_l_side::-webkit-scrollbar {
    width: 0px; /* WebKit浏览器滚动条宽度设为0 */
    display: none; /* 隐藏滚动条 */
}

.pm_l_side::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.0); /* 滚动条轨道背景 */
    border-radius: 3px !important;
    display: none; /* 隐藏轨道 */
}

.pm_l_side::-webkit-scrollbar-thumb {
    display: none; /* 隐藏滚动条滑块 */
}

/* Firefox滚动条隐藏 */
.pm_l_side {
    scrollbar-width: none; /* Firefox隐藏滚动条 */
    -ms-overflow-style: none; /* IE和Edge隐藏滚动条 */
}


/** 游戏合集 **/
a.pm_heji_link>div{border-radius: 10px; overflow: hidden;}
a.pm_heji_link>div img{width: 100%; height: auto; display: block; transition: all 0.3s ease; }
a.pm_heji_link:hover img{transform: scale(1.05);} 
a.pm_heji_link h5{font-size: 14px; font-weight: 500; color: #333; margin-top: 5px; text-align: center;}

/** 页脚样式 **/
hr.pm_hr{border-top: 1px solid #ccc; margin: 30px auto;}
a.pm_foot_logo {display: block;}

/**leftside**/
.pm_l_list{margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #EDEDED;}
.pm_l_list:last-child{margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
.pm_l_list a.game-item {
    padding: 0;
    background:none;
    border-radius: 0;
    border:0;
}
.pm_l_list .game-img{width: 60px; height: 80px;} 
.pm_l_list h6{ font-size: 1rem; }
.pm_l_list .game-size{font-size: 12px; color: #ddd;}
.pm_l_list .game-size span{color: #999;}

/* 深色模式下游戏大小样式 */
[data-bs-theme=dark] .pm_l_list .game-size{color: #111;}
[data-bs-theme=dark] .pm_l_list .game-size span{color: #666;}


.pm_l_tagul>a{text-decoration: none; font-size: 13px; padding: 5px 14px;  display: inline-block; transition: all 0.3s ease;}


/* 响应式设计 */

@media (min-width: 1590px) {
    .col-lg-s{width: 12.5%; flex: 0 0 auto;}

}


@media (max-width: 1590px) {
    .tab-content .col-lg-3 {
        width: 33.33333333%;
    }
    
}

/* Tab内容页标题样式 */
.pm_game h5 {
    position: relative;
    padding-left: 30px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--bigzhong-border-color2) !important;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.pm_game h5::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 12px;
    border-radius: 10px;
    background-color: #f63;
    margin-top: -3px;
}

/* 灯箱画廊样式 */
.gallery-container,
.pm_gallery-container {
    margin-top: 20px;
}

.gallery-item,
.pm_gallery-item {
    display: block;
    overflow: hidden;
    border-radius: 2px;
    transition: all 0.3s ease;
    position: relative;
}

.gallery-item img,
.pm_gallery-item img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
    border-radius: 2px;
}

.gallery-item:hover,
.pm_gallery-item:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    transform: translateY(-3px);
}

.gallery-item:hover img,
.pm_gallery-item:hover img {
    transform: scale(1.05);
}

/* 灯箱模态框样式 */
#imageModal .modal-dialog {
    max-width: 100vw;
    max-height: 100vh;
    margin: 0;
    width: 100vw;
    height: 100vh;
}

#imageModal .modal-content {
    background-color: rgba(0, 0, 0, 0.8);
    border: none;
    border-radius: 0;
    box-shadow: none;
    overflow: hidden;
    height: 100vh;
    max-height: 100vh;
    display: flex;
    flex-direction: column;
}

#imageModal .modal-header {
    padding: 10px 20px;
    border-bottom: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1050;
    background: none;
}

/* 关闭按钮样式 */
.icon-close-btn,
.pm_icon-close-btn {
    background-color: transparent;
    border: none;
    padding: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

#imageModal .modal-body {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: calc(100vh - 108px);
    height: calc(100vh - 108px);
    position: relative;
}

#imageModal .modal-body img {
    max-height: 100%;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    transition: opacity 0.3s ease-in-out;
}
#imageModal .iconfont{color: #fff; font-size: 24px;}


#imageModal .modal-body img.fade-out {
    opacity: 0;
}

#imageModal .modal-body img.fade-in {
    opacity: 1;
}

/* 左右切换按钮样式 */
#prevImage, #nextImage,
.icon-prev-btn, .icon-next-btn,
.pm_icon-prev-btn, .pm_icon-next-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.3);
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    transition: all 0.3s ease;
    opacity: 0.7;
}

#prevImage, .icon-prev-btn, .pm_icon-prev-btn {
    left: 20px;
}

#nextImage, .icon-next-btn, .pm_icon-next-btn {
    right: 20px;
}

#prevImage:hover, #nextImage:hover,
.icon-prev-btn:hover, .icon-next-btn:hover,
.pm_icon-prev-btn:hover, .pm_icon-next-btn:hover {
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 1;
    transform: translateY(-50%) scale(1.1);
}

/* 图标样式 */
.iconfont.icon-close,
.iconfont.icon-prev,
.iconfont.icon-next,
.pm_iconfont.pm_icon-close,
.pm_iconfont.pm_icon-prev,
.pm_iconfont.pm_icon-next {
    color: rgba(255, 255, 255, 1);
    font-size: 24px;
}

.icon-close-btn:hover .iconfont.icon-close,
.icon-prev-btn:hover .iconfont.icon-prev,
.icon-next-btn:hover .iconfont.icon-next,
.pm_icon-close-btn:hover .pm_iconfont.pm_icon-close,
.pm_icon-prev-btn:hover .pm_iconfont.pm_icon-prev,
.pm_icon-next-btn:hover .pm_iconfont.pm_icon-next {
    color: rgba(255, 255, 255, 1);
}

/* 缩略图导航样式 */
#thumbnailContainer,
.pm_thumbnailContainer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    max-height: 150px;
    display: flex;
    align-items: center;
}

#thumbnailContainer::-webkit-scrollbar,
.pm_thumbnailContainer::-webkit-scrollbar {
    height: 4px;
}

#thumbnailContainer::-webkit-scrollbar-track,
.pm_thumbnailContainer::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
}

#thumbnailContainer::-webkit-scrollbar-thumb,
.pm_thumbnailContainer::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 2px;
}

#thumbnailContainer::-webkit-scrollbar-thumb:hover,
.pm_thumbnailContainer::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.7);
}

.thumbnails,
.pm_thumbnails {
    flex-wrap: nowrap;
    padding: 5px 0;
    width: 100%;
    justify-content: center;
    margin: 0 auto;
}

.thumbnail-item,
.pm_thumbnail-item {
    cursor: pointer;
    width: 80px;
    height: 50px;
    border-radius: 4px;
    overflow: hidden;
    border: 2px solid transparent;
    transition: all 0.3s ease;
    opacity: 0.7;
}

.thumbnail-item:hover,
.pm_thumbnail-item:hover {
    opacity: 1;
    transform: translateY(-2px);
}

.thumbnail-item img,
.pm_thumbnail-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.thumbnail-item.active,
.pm_thumbnail-item.active {
    border-color: #f63;
    opacity: 1;
    transform: scale(1.05);
}

/* 隐藏模态框页脚 */
#imageModal .modal-footer {
    display: none;
}
.pm_jishuqi{bottom: 10px;}
/* 响应式调整 - 移动端优化 */
@media (max-width: 768px) {
    
    .gallery-container .row > div {
        padding-left: 8px;
        padding-right: 8px;
    }
    
    #imageModal .modal-dialog {
        max-width: 100vw;
        max-height: 100vh;
    }
    
    #imageModal .modal-content {
        border-radius: 8px;
    }
    
    #imageModal .modal-header,
    #imageModal .modal-footer {
        padding: 12px 15px;
    }
    
    #imageModal .modal-body {
        max-height: calc(100vh - 100px);
    }
    
}

/* 暗色模式适配 */
[data-bs-theme=dark] #imageModal .modal-content {
    background-color: rgba(17, 17, 17, 0.98);
    color: white;
}

/* 触摸设备优化 */
@media (hover: none) and (pointer: coarse) {
    .gallery-item:hover {
        transform: none;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
    
    .gallery-item:hover img {
        transform: none;
    }
}

/* 筛选器展开/收起样式 */
.filter-options-container {
    position: relative;
    flex: 1; /* 占据剩余宽度 */
    display: flex;
    flex-direction: column;
}

.filter-options {
    text-align: left;
    max-height: 30px; /* 约一行的高度 */
    overflow: hidden;
    transition: max-height 0.5s ease-in-out; /* 丝滑过渡动画，0.5秒 */
    position: relative;
    padding-right: 30px; /* 添加右侧内边距，确保与展开按钮不重叠 */
}

.filter-options.expanded {
    max-height: 500px; /* 设置具体数值以实现平滑过渡动画 */
}

.filter-toggle-btn {
    position: absolute;
    top: 4px; /* 固定像素top值，确保在第一行为垂直居中 */
    right: 0px; /* 右侧边距保持0px */
    width: 24px;
    height: 24px;
    border: 1px solid #dce1e9;
    background: #fff;
    color: #333;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease;
    z-index: 10;
}

.filter-toggle-btn.expanded,
.filter-toggle-btn:hover {
    border-color: #111;
    background-color: #111;
    color: #fff;
}

.filter-toggle-btn svg {
    transition: transform 0.5s ease-in-out; /* 丝滑过渡动画，0.5秒 */
}

.filter-toggle-btn.expanded svg {
    transform: rotate(180deg);
}

/* 分页组件样式规范 */
.pm_pagination .pagination {
    display: flex;
    justify-content: center;
}

.pm_pagination .page-item {
    margin: 0 2px;
}

.pm_pagination .page-link {
    color: var(--bs-heading-color, inherit);
    background-color: var(--bigzhong-bg-white);
    border-color: var(--bigzhong-border-color) !important;
    border-radius: 500px;
    padding: 3px 16px;
    font-size: 15px;
    transition: all 0.3s ease;
    outline: none; /* 去除点击时的描边效果 */
}

.pm_pagination .page-link:hover,
.pm_pagination .page-item.active .page-link,
.pm_pagination .page-item .page-link:focus {
    background-color: #f63;
    border-color: #f63;
    color: #fff;
    box-shadow:none;
}

.pm_pagination .page-item:first-child .page-link,
.pm_pagination .page-item:last-child .page-link {
    border-radius: 500px;
}

/* 禁用状态样式 */
.pm_pagination .page-item.disabled .page-link {
    color: #999 !important;
    background-color: #fff;
    border-color: #dce1e9;
}

/* 标签容器样式 */
.pm_content_tag{
    border-top-color: var(--bigzhong-border-color) !important; border-top-width: 1px !important; padding-top: 0.75rem;
}
.pm_content_tag .iconfont{
    font-size: 1.2rem; color: var(--bs-heading-color, inherit); margin-right: 5px;
}
.pm_content_tag>a.tag{font-size: 12px; border-radius: 3px; padding: 3px 8px; background-color: var(--bigzhong-sidebar-bg) !important; color: var(--bs-heading-color, inherit);}

/**底部下载区域**/
.game-image-container{
    width: 70px; max-width: 100%; aspect-ratio: 2/3; overflow: hidden;
}
.game-image-container img{
    width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* 响应式设计 - 手机端只显示上一页和下一页 */
@media (max-width: 575.98px) {
    .pm_pagination .page-item:not(:first-child):not(:last-child) {
        display: none;
    }
}
@media (max-width: 992px) {
    .game-card {
        margin-bottom: 15px;
    }
}

@media (max-width: 768px) {
    .row > .col-3 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

@media (max-width: 576px) {
    .row > .col-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    .game-title {
        font-size: 13px;
    }
    
    .game-meta {
        font-size: 11px;
    }
    .tab-content .col-lg-3{width: 50%;}
 
}

@media (max-width: 360px) {
    .row > .col-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}



/* 移动设备响应式样式 */
@media (max-width: 1280px) {
  .navbar-brand-wrapper {
    width: auto !important;
  }
}
/* 移动设备响应式样式 - 统一断点为1190px */
@media (max-width: 1190px) {
  /* 隐藏桌面导航菜单 */
  .navbar-expand-lg .navbar-collapse,
  .navbar-nav.me-auto {
    display: none !important;
  }
  
  /* 显示汉堡按钮和移动端导航 */
  .navbar-toggler,
  .navbar .d-flex.align-items-center.ms-auto.d-lg-none {
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
  
  .sidebar.offcanvas {
    width: 280px !important;
  }
  
  .main-panel {
    width: 100% !important;
    margin-left: 0 !important;
  }
  
  .content-wrapper {
    padding: 5px 20px;
  }
  
  .search-input-group {
    width: 180px !important;
  }
  
  .d-flex {
    display: flex !important;
  }
  
  /* 调整导航栏右侧元素的位置，确保汉堡按钮可见 */
  .nav-right {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0;
    padding: 10px;
  }
  .pm_tongji{display: none !important;}
  .pm_dongtai{width: 100% !important;}
  .pm_l_side{display: none !important;}
  .pm_r_side{width: 100% !important; margin-left: 0 !important; padding: 30px 15px; }
    .pm_dynamics{padding-left: 15px !important; padding-right: 15px !important;}
}

/* 大屏幕设备样式 - 确保汉堡按钮在大屏幕上隐藏 */
@media (min-width: 1191px) {
  .navbar-toggler,
  .navbar .d-flex.align-items-center.ms-auto.d-lg-none {
    display: none !important;
  }
  
  /* 在大屏幕上隐藏导航栏右侧元素 */
  .nav-right {
    display: none !important;
  }
  
}

/* 小屏幕设备样式 - 确保汉堡按钮可见 */
@media (max-width: 991px) {
  .nav-right {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    margin-top: 0 !important;
    padding: 10px !important;
  }
  
}

/* 小屏幕设备样式 */
@media (max-width: 768px) {
  /* 在大屏幕上隐藏移动端主题切换器 */
  .d-lg-none .theme-switch-wrapper {
    display: flex !important;
  }
  
  .search-input-group {
    width: 150px !important;
  }
  
  .br_start_info {
    margin-right: 5px;
    padding-right: 5px;
  }
  
  .br_start_info:not(:first-child) {
    display: none;
  }

    .owl-controls .owl-pagination {
        bottom: -25px;
    }
    
    .owl-controls .owl-page span {
        width: 10px;
        height: 10px;
    }

    .pm_dynamics {
        flex-direction: column;
        gap: 15px;
    }
    .pm_tongji {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }
    .tongji-item {
        font-size: 12px;
    }
    .tongji-item:not(:last-child) {
        padding-right: 15px;
    }
    .tongji-item:not(:last-child)::after {
        right: 5px;
    }

    .game-title {
    font-size: 16px;
}
    
}

/* 小屏幕设备样式 */
@media (max-width: 415px) {
.logo-big{display: none !important;}
  .logo-sm{display: block !important;}
}

/* 筛选器基础样式 */
.pm_filter_h4{
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: 2px solid var(--bigzhong-border-color);
}
.filter-group {
    padding: 10px 0;
    border-bottom: 1px solid var(--bigzhong-border-color) !important;
}
.filter-label {
    font-weight: 600;
    color: var(--bs-heading-color, inherit);
    white-space: nowrap;
    min-width: 40px; /* 确保能容纳四个中文字符 */
    font-size: 14px; /* 筛选器左侧文字大小为14px */
    height: 30px; /* 与选项按钮高度一致 */
    line-height: 30px; /* 行高等于高度，确保垂直居中 */
    display: inline-block; /* 确保行高生效 */
    padding-right: 25px;
}
.filter-options-container {
    flex: 1; /* 占据剩余宽度 */
    position: relative;
    display: flex;
    flex-direction: column;
}
.filter-options {
    text-align: left;
    max-height: 30px; /* 约一行的高度 */
    overflow: hidden;
    transition: max-height 0.5s ease-in-out; /* 丝滑过渡动画，0.5秒 */
    position: relative;
    padding-right: 30px; /* 添加右侧内边距，确保与展开按钮不重叠 */
}
.filter-options.expanded {
    max-height: 500px; /* 设置具体数值以实现平滑过渡动画 */
}
.filter-option {
    display: inline-block;
    padding: 0 10px; /* 上下padding为0，左右padding为10px */
    height: 30px; /* 固定高度30px */
    line-height: 30px; /* 行高等于高度，确保垂直居中 */
    margin: 0 0px 5px 0;
    background-color: var(--bigzhong-bg-white);
    color: var(--bs-heading-color, inherit);
    border: 1px solid var(--bigzhong-border-color);
    border-radius: 5px;
    font-size: 14px; /* 筛选器右侧文字大小为14px */
    text-decoration: none;
    transition: all 0.3s ease;
    text-align: left;
    vertical-align: top; /* 确保垂直对齐 */
}
.filter-option:hover, .filter-option.active {
    color: var(--bigzhong-bg-white);
    background-color: #f63;
    border-color: #ed521e;
}
.filter-toggle-btn {
    position: absolute;
    top: 4px; /* 固定像素top值，确保在第一行为垂直居中 */
    right: 0px; /* 右侧边距保持0px */
    width: 24px;
    height: 24px;
    border: 1px solid #dce1e9;
    background: #fff;
    color: #333;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease;
    z-index: 10;
}
.filter-toggle-btn.expanded,.filter-toggle-btn:hover {
    border-color: #111;
    background-color: #111;
    color: #fff;
}
.filter-toggle-btn svg {
    transition: transform 0.5s ease-in-out; /* 丝滑过渡动画，0.5秒 */
}
.filter-toggle-btn.expanded svg {
    transform: rotate(180deg);
}

/* 响应式调整 */
@media (max-width: 768px) {
    .filter-group .d-flex {
        flex-wrap: nowrap;
        align-items: center;
    }
    .filter-label {
        width: auto;
        margin-bottom: 0;
        margin-right: 10px;
        flex-shrink: 0;
    }
    .filter-options-container {
        width: auto;
        flex: 1;
        overflow: hidden;
    }
    .filter-options {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        max-height: none;
        padding-right: 0 !important; /* 移动端移除右侧内边距 */
        -webkit-overflow-scrolling: touch; /* 提升移动端滑动体验 */
    }
    /* 隐藏滚动条但保留滑动功能 */
    .filter-options::-webkit-scrollbar {
        display: none;
    }
    .filter-options {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .filter-option {
        flex-shrink: 0;
        margin-right: 8px;
        margin-bottom: 0;
    }
    .filter-toggle-btn {
        display: none !important; /* 移动端隐藏展开按钮 */
    }
}


@media (max-width: 992px) {
    .container {
        max-width: 100% !important;
        
    }
    
}

@media (max-width: 576px) {
    .container {
        max-width: 100% !important;
    }
}

/* 游戏详情页响应式布局 */
@media (max-width: 590px) {
    .pm_game_info .d-flex {
        display: block !important;
    }
    .pm_heji_gamelist .d-flex{
        display: flex !important;
    }
    
    .pm_content_img {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        margin-bottom: 20px !important;
    }
    
    .pm_content_img img {
        width: auto !important;
        height: auto !important;
    }
    .pm_content_img span.pm_score {
       left: 50%; margin-left: -95px;
    }
    .pm_content_info {
        width: 100% !important;
    }
    
  
  }

/* 专题列表样式 */
.aspect-ratio {
    position: relative;
    width: 100%;
}

.aspect-ratio-2x1 {
    padding-top: 50%; /* 2:1 宽高比 */
}

.aspect-ratio > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 响应式优化 */
/* 媒体查询代码已移至文件末尾 */

/* ====== 媒体查询代码统一整合 ====== */
/* 按照屏幕尺寸从小到大排序 */

/* 超小屏幕 - 360px以下 */
@media (max-width: 360px) {
    .row > .col-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* 小屏幕 - 415px以下 */
@media (max-width: 415px) {
    .logo-big { display: none !important; }
    .logo-sm { display: block !important; }
}

/* 小屏幕 - 480px以下 */
@media (max-width: 480px) {
    .pm_vertical_nav {
        padding: 3px 3px;
        gap: 4px;
    }
    
    .pm_nav_item {
        width: 32px;
        height: 32px;
        font-size: 14px;
    }
}

/* 小屏幕 - 576px以下 */
@media (max-width: 575.98px), (max-width: 576px) {
    .breadcrumb {
        font-size: 0.75rem;
    }
    
    .breadcrumb-item + .breadcrumb-item::before {
        padding: 0 0.3rem;
    }
    
    .breadcrumb .iconfont.icon-shouye {
        font-size: 0.75rem;
        margin-right: 0.3rem;
    }
    
    .row > .col-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    .game-title {
        font-size: 13px;
    }
    
    .game-meta {
        font-size: 11px;
    }
    
    .tab-content .col-lg-3 {
        width: 50%;
    }
    
    .pm_pagination .page-item:not(:first-child):not(:last-child) {
        display: none;
    }
    
    .container {
        max-width: 100% !important;
    }
    
    .tab-content .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* 小屏幕 - 590px以下 */
@media (max-width: 590px) {
    .pm_game_info .d-flex {
        display: block !important;
    }
    
    .pm_heji_gamelist .d-flex {
        display: flex !important;
    }
    
    .pm_content_img {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        margin-bottom: 20px !important;
    }
    
    .pm_content_img img {
        width: auto !important;
        height: auto !important;
    }
    
    .pm_content_img span.pm_score {
        left: 50%; 
        margin-left: -95px;
    }
    
    .pm_content_info {
        width: 100% !important;
    }
    .container{
        --bs-gutter-x: 0 !important;
        footer{
            padding: 0 1.5rem !important;
        }
    }
}

/* 平板屏幕 - 768px以下 */
@media (max-width: 768px) {
    .pm_vertical_nav {
        padding: 5px;
        gap: 5px;
    }
    
    .pm_nav_item {
        width: 36px;
        height: 36px;
        font-size: 16px;
    }
    
    .row > .col-3 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    
    /* 在大屏幕上隐藏移动端主题切换器 */
    .d-lg-none .theme-switch-wrapper {
        display: flex !important;
    }
    
    .search-input-group {
        width: 150px !important;
    }
    
    .br_start_info {
        margin-right: 5px;
        padding-right: 5px;
    }
    
    .br_start_info:not(:first-child) {
        display: none;
    }
    
    .owl-controls .owl-pagination {
        bottom: -25px;
    }
    
    .owl-controls .owl-page span {
        width: 10px;
        height: 10px;
    }
    
    .pm_dynamics {
        flex-direction: column;
        gap: 15px;
    }
    
    .pm_tongji {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }
    
    .tongji-item {
        font-size: 12px;
    }
    
    .tongji-item:not(:last-child) {
        padding-right: 15px;
    }
    
    .tongji-item:not(:last-child)::after {
        right: 5px;
    }
    
    .game-title {
        font-size: 16px;
    }
    
    /* 筛选器响应式调整 */
    .filter-group .d-flex {
        flex-wrap: nowrap;
        align-items: center;
    }
    
    .filter-label {
        width: auto;
        margin-bottom: 0;
        margin-right: 10px;
        flex-shrink: 0;
    }
    
    .filter-options-container {
        width: auto;
        flex: 1;
        overflow: hidden;
    }
    
    .filter-options {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        max-height: none;
        padding-right: 0 !important; /* 移动端移除右侧内边距 */
        -webkit-overflow-scrolling: touch; /* 提升移动端滑动体验 */
    }
    
    /* 隐藏滚动条但保留滑动功能 */
    .filter-options::-webkit-scrollbar {
        display: none;
    }
    
    .filter-options {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    
    .filter-option {
        flex-shrink: 0;
        margin-right: 8px;
        margin-bottom: 0;
    }
    
    .filter-toggle-btn {
        display: none !important; /* 移动端隐藏展开按钮 */
    }
    
    .tab-content .col-md-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/* 平板到桌面 - 577px 到 768px */
@media (min-width: 577px) and (max-width: 768px) {
    .breadcrumb {
        font-size: 0.8125rem;
    }
}

/* 中等屏幕 - 992px以下 */
@media (max-width: 991px), (max-width: 992px) {
    .game-card {
        margin-bottom: 15px;
    }
    
    .nav-right {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        margin-top: 0 !important;
        padding: 10px !important;
    }
    
    .container {
        max-width: 100% !important;
    }
    
    .tab-content .col-lg-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/* 大屏幕 - 1190px以下 */
@media (max-width: 1190px) {
    /* 隐藏桌面导航菜单 */
    .navbar-expand-lg .navbar-collapse,
    .navbar-nav.me-auto {
        display: none !important;
    }
    
    /* 显示汉堡按钮和移动端导航 */
    .navbar-toggler,
    .navbar .d-flex.align-items-center.ms-auto.d-lg-none {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
    
    .sidebar.offcanvas {
        width: 280px !important;
    }
}

/* 桌面端 - 1191px以上 */
@media (min-width: 1191px) {
    .navbar-toggler,
    .navbar .d-flex.align-items-center.ms-auto.d-lg-none {
        display: none !important;
    }
    
    /* 在大屏幕上隐藏导航栏右侧元素 */
    .nav-right {
        display: none !important;
    }
}

/* 超大屏幕 - 1280px以下 */
@media (max-width: 1280px) {
    .navbar-brand-wrapper {
        width: auto !important;
    }
}

/* 超大屏幕 - 1590px以下 */
@media (max-width: 1590px) {
    .tab-content .col-lg-3 {
        width: 33.33333333%;
    }
}

/* 特大屏幕 - 1590px以上 */
@media (min-width: 1590px) {
    .col-lg-s { width: 12.5%; flex: 0 0 auto; }
}

/* 特殊媒体查询 */
/* 深色模式 */
@media (prefers-color-scheme: dark) {
    /* 深色模式相关样式 */
}

/* 触摸设备 */
@media (hover: none) and (pointer: coarse) {
    /* 触摸设备相关样式 */
}