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

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

.back-top{
    bottom: 60px;
    padding:3px;
    width: auto;
    height: auto;
}
.back-top:hover{
    background-color: inherit;
}
[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; margin-right: 0px;}
.pm_nav_item:hover {
    background-color: #ffe487;
    color: var(--bs-dark, #111);
    transform: translateX(-0px);
}

[data-bs-theme=dark] .pm_nav_item:hover {
    
}

/* Bootstrap自定义比例类 - 2:1宽高比 */
.ratio-2x1 {
    --bs-aspect-ratio: 50% !important; /* 2:1比例 = 高度/宽度 = 1/2 = 50% */
}

/* 侧边栏文章列表图片显示修复 */
.sidebar-image-container {
    width: 100%;
    overflow: hidden;
}

.sidebar-image-container img,
.sidebar-post-image {
    /* 使用Bootstrap ratio组件时，内部元素会自动被设置为绝对定位 */
    /* 只需要确保object-fit和object-position属性正确设置即可 */
    max-width: 100% !important;
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    /* 确保图片填充整个容器并显示中心部分 */
}

/* 响应式设计 */
@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: auto;
    padding-top: 58px; /* 导航栏高度 */
}



: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:260px;
  --bigzhong-border-color:#e7eaf0;
  --bigzhong-sidebar-bg:#f1f2f5;
  --bs-form-light-bg:#fff1bf;
  --bs-form-light-border:#fdda60;
  --main-left-sidebar-width: 260px;
  --bigzhong-bg-white:#f8f8f8;
  --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;
  }

/* 筛选排序样式 */
.pm_filter_sort {
  display: flex;
  align-items: center;
}

.pm_filter_sort .nav-pills {
  gap: 5px;
}

.pm_filter_sort .nav-link {
  font-weight: 500;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}

.pm_filter_sort .nav-link:not(.active) {
  background-color: var(--bigzhong-bg-white) !important;
  color: var(--bigzhong-text-color) !important;
  border-color: var(--bigzhong-border-color) !important;
}

.pm_filter_sort .nav-link:not(.active):hover {
  background-color: var(--bigzhong-sidebar-bg) !important;
  border-color: var(--bs-orange) !important;
  color: var(--bs-orange) !important;
}

.pm_filter_sort .nav-link.active {
  background-color: var(--bs-orange) !important;
  color: white !important;
  border-color: var(--bs-orange) !important;
}

/* 暗色模式适配 */
[data-bs-theme=dark] .pm_filter_sort .nav-link:not(.active) {
  background-color: var(--bigzhong-bg-white) !important;
  color: var(--bigzhong-text-color) !important;
  border-color: var(--bigzhong-border-color) !important;
}

[data-bs-theme=dark] .pm_filter_sort .nav-link:not(.active):hover {
  background-color: var(--bigzhong-sidebar-bg) !important;
  border-color: var(--bs-orange) !important;
  color: var(--bs-orange) !important;
}

/* 全局文字选中样式 */
::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;
}

/* 移动端用户菜单按钮暗黑模式样式 */
[data-bs-theme=dark] .pm_dark_btn {
    background-color: var(--bigzhong-bg-white, #222225);
    color: var(--bigzhong-text-color, inherit);
    border-color: var(--bigzhong-border-color2, #0b0b0f);
}

[data-bs-theme=dark] .pm_dark_btn:hover {
    background-color: var(--bs-orange, #0033cc);
    color: #fff;
    border-color: var(--bs-orange, #0033cc);
}

a {
    color: var(--bs-heading-color, inherit);
    text-decoration: none;
}
a:hover{
    color: var(--bs-orange, #ff6633);
}

.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_download_count .iconfont{font-size: 14px !important;}

/* 文章列表样式 */



.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-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;
}


.download-buttons .btn-dark-line,.download-buttons .btn-blue-line {
    background-color: transparent !important;
    border:2px solid var(--bs-dark) !important;
    border-radius: 100px !important;
    color: var(--bs-heading-color) !important;
}
.download-buttons .btn-dark-line:hover {
    background-color: transparent !important;
    border-color: #f63 !important;
    color: #f63 !important;
}

.download-buttons .btn-blue-line{
    color: rgba(0, 102, 255, 1) !important;
    border-color: rgba(0, 102, 255, 1) !important;
}
.download-buttons .btn-blue-line:hover{
    color: rgba(0, 102, 255, 0.6) !important;
    border-color: rgba(0, 102, 255, 0.6) !important;
}

.download-buttons .disabled,.download-buttons:disabled{
    color: var(--bs-btn-disabled-color) !important;
    background-color: var(--bs-btn-disabled-bg) !important;
    border-color: var(--bs-btn-disabled-border-color) !important;
    opacity: 0.3 !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: 13px;
    line-height: 1.5;
    background: var(--bs-body-bg);
    padding: 8px 15px;
    border-radius: 5px;
    color: #666;
}
.pm_shengming .iconfont,.pm_tixing .iconfont{font-size: 12px;}
/*常见问题*/
.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;}

#comments .comment-form textarea{min-height: 80px; max-height: 200px;}
.comments-list{padding-left: 0; margin-top: 1.5rem;}
#comments .comments-list .comment .children {
    margin-left: 1.5rem;
    background-color: rgba(161, 161, 168, 0);
    margin-left: 1.5rem;
    margin-top: 1rem;
    padding-top: 1rem;
    padding-left: 0;
    border-top: 1px solid rgba(89, 93, 105, .1);
}
#comments .comments-list .comment .children li+li{
    border-top: 1px solid rgba(89, 93, 105, .1);
    padding-top: 1rem;
}

#comments .comment-form input[type=text], #comments .comment-form textarea{
background-color: var(--bs-body-bg);
}
#comments .comment-form input[type=text]:focus, #comments .comment-form textarea:focus {
    color: var(--ri-body-color);
    background-color: var(--bs-body-bg);
    border-color: var(--bs-form-light-border);
}
#comments .comments-list .comment .comment-body .nickname{
    font-size: 0.96rem; margin-bottom: 0;
}
#comments .comments-list .comment .comment-reply-link{ font-size: 12px;}
#comments .comments-list .comment .comment-author img.avatar{
    border-radius: 5px; border: none;
    width: 42px; height: 42px;
}
#comments .comments-list .comment .comment-content{margin-top: 0.5rem;}
#comments .comments-list .comment .comment-content p{margin: 0; font-size: 14px;}

.comments-pagination a.page-numbers,.comments-pagination span.page-numbers{
padding: 0.3rem 0.6rem;
background-color: var(--bigzhong-bg-white);
border: 1px solid var(--bigzhong-border-color);
border-radius: 3px;
}
.comments-pagination a.page-numbers:hover,.comments-pagination span.page-numbers{
    background-color: #f63;
    color: #fff;
    border-color: #f63;
}
/* 显示更多按钮样式 */
                #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主题内部样式 */
.bg-399 { background-color:rgba(51, 153, 153, 1) !important; }
.bg-f63 { background-color: rgba(255, 102, 51, 1) !important; }
.bg-zi {background-color: #6f42c1; }
.bg-blue {background-color: #06f; }
.bg-111 { background-color: #111 !important;}
[data-bs-theme=dark] .bg-111 { background-color: var(--bigzhong-border-color) !important;}
body{background-color: var(--bs-body-bg); overflow-x: hidden;}
hr{opacity:1;}

#comments,.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: auto;
    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 5px; border-radius: 3px; font-weight: 500; z-index: 10; font-size: 12px;}
.pm_item_tag{width: auto; display: inline-block; padding: 2px 10px;}
.pm_item_tag .iconfont{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>li:not(:last-child)::after{
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    content: "";
}
.breadcrumb>li{margin-right: 0;}
.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: var(--bigzhong-border-color);
  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{ }
.pm_content p{margin: 0; padding: 0; text-align: justify;}
.post-content p,.pm_content p{}
.post-content p {
    margin-bottom: 20px;
    line-height: 1.5;
    word-wrap: break-word;
    text-align: justify;
}

/* 下载页演员、导演、编辑标签样式 */
.pm_yy_tag {
  padding-right:3px;
  margin-right: 3px;
  position: relative;
  word-break: break-all;
  overflow-wrap: break-word;
}
.pm_yy_tag:not(:last-child)::after {
  content: '/';
  color: #ccc;
  margin-left: 3px;
}

/* 最新评论小工具样式 */
.comments-list-container {
    position: relative;
    overflow: hidden;
}

.comments-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.comment-item {
    padding: 10px 0;
    border-bottom: 1px solid var(--bigzhong-border-color);
    overflow: hidden;
}
.comment-item:last-child {
    border-bottom: none;
}

.comment-item .comment-avatar,
.comment-item .comment-header {
    display: inline-block;
    vertical-align: top;
}


.comment-avatar img {
    border-radius: 3px;
    width: 36px;
    height: 36px;
    object-fit: cover;
}



.comment-author {
    font-weight: bold;
    font-size: 14px;
    display: block;
    line-height: 16px;
}

.comment-time {
    font-size: 12px;
    color: var(--bs-gray-500) !important;
    display: block;
    margin-top: 2px;
}

.comment-text {
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 1.4;
    clear: both;
}

.comment-post a {
    font-size: 14px;
    color: var(--bs-gray-600) !important;
    text-decoration: none;
    display: block;
}

.comment-post a:hover {
    color:#f63 !important;
}

/* 评论列表样式 */
.comment-meta {
    display: flex;
    align-items: center;
    gap: 15px;
}

.comment-time {
    margin: 0;
}

.comment-reply-link {
    font-size: 12px;
    color: var(--bs-gray-500) !important;
    text-decoration: none;
}

.comment-reply-link:hover {
    color:#f63 !important;
}
/** 详情页顶部游戏图片区域 **/
.pm_content_img{
    /* 固定宽高215px×310px，在所有终端下保持一致 */
    width: 215px;
    height: auto;
    /* 确保在flex容器中不会被压缩 */
    flex-shrink: 0;
    /* 为小屏幕设备添加最大宽度限制，避免溢出 */
    max-width: 100%;
    box-sizing: border-box;
    /* 与右侧信息区域的间距 */
    margin-right: 24px;
    position: relative;
}
.pm_content_img img{
    width: 100%;
    height: auto;
    aspect-ratio: 2 / 3;
    object-fit: cover;
    border-radius: 10px;

}
.pm_content_img span.pm_score {
    position: absolute;
    top: 10px;
    left: -10px;
    font-size: 14px;
    padding: 2px 14px;
    border-radius: 100px;
    background-color: #f63;
    color: white;
}
.pm_qingxidu{position: absolute; top: 10px; right: -10px; text-align: right;}
.pm_qingxidu .pm_qingxidu_tag{font-size: 12px;
    padding: 3px 12px;
    border-radius: 100px;
    color: white;
    display: block;
    margin-bottom: 4px;
}
.pm_juji_gengxin{
    font-size: 14px;
    padding: 14px 0 7px;
    text-align: center;
    margin-top: -10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.pm_content_info {
        width: 100% !important;
    }
/** 游戏下载标题样式 **/
.pm_game-title {
    font-size: 1.875rem;
    margin-bottom: 0.5rem;
    font-weight: bold;
}
.pm_game-title span{
    color: #999;
    margin-left: 8px;
}
/*详情页blockquote引用的样式*/
.post-content blockquote{
    margin: 0 auto 15px;
    padding: 25px 40px 25px 100px;
    background-color: rgba(0, 0, 0, 0.03) !important;
    position: relative;
    border-radius: 5px;
     
}
.post-content blockquote::before{
    top: 10px;
    left: 30px;
    opacity: 0.15;
}
[data-bs-theme=dark] .post-content blockquote{
    color: #444 !important;
    background-color: #1a1a1a !important;
}
.pm_content_huojiang{
    text-align: left;
    line-height: 1.5;
}
/* 灯箱样式 */
.post-content .gallery .gallery-item a>img:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0);
}
/*分享点赞收藏*/
.entry-social a.btn{
    border-radius: 50px;
    padding: 5px 20px;
}
[data-bs-theme=dark] .entry-social a.btn{
    color: var(--bs-heading-color) !important;
}
/* 自定义字幕按钮样式 */
.btn-subtitle {
    border-radius: 50px;
    background-color: transparent;
    border: 2px solid var(--bs-heading-color) !important;
    padding: 5px 20px;
    color: var(--bs-heading-color) !important;
    transition: all 0.3s ease;
}

.btn-subtitle:hover {
    border-color: #f63 !important;
    color: #f63 !important;
    background-color: transparent;
}
/* 专题卡片样式 */
.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: 18px;
    color: #999;
    margin-bottom: 0.5rem;
    font-weight: 500;
}

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

/* 新闻页面详情页样式 */
.article-header{
    padding-bottom: 0.875rem; margin-bottom: 2rem; border-bottom: 1px solid var(--bigzhong-border-color);
}
.article-header .post-title{font-size: 2rem;}

/* 登录注册样式 */
.pm_login_btn{border: 2px solid #b1860f !important; font-size: 14px;
padding: 1px 8px; border-radius: 50px; color: #b1860f !important;}
.pm_login_btn .iconfont{font-size: 14px;}
.pm_login_btn:hover{ border-color: #75580a !important; color: #75580a !important;}

[data-bs-theme=dark] .pm_login_btn{border-color: #bfbfbf !important; color: #bfbfbf !important;}
[data-bs-theme=dark] .pm_login_btn:hover{border-color: white !important; color: white !important;}

.form-label{font-weight: 600; }
.login-and-register {
    height: auto;
}
.ri-popup-content{padding: 1.75rem;}

/* vip卡片样式 */

.pm_pd_bg_vip{padding: 10px;}
.pm_pd_bg_vip:hover{-webkit-transform: translateY(0px) !important;
    transform: translateY(0px) !important;
    border-color:  #8b6f5a;}
.bg-putong,.bg-vip,.bg-svip{ padding:15px; border-radius: 10px;}
.bg-putong{}
.bg-vip{ background-color: #8b6f5a;}
.bg-svip{ background-color: #2f2820;}
.pm_pd_bg_vip .price-header .price-plan{
    color: #fff0de !important; margin-bottom: 0;
}
.pm_pd_bg_vip .price-header .price-sub{
    color: #fff0de !important;
}
.pm_pd_bg_vip .bg-svip .price-plan,.pm_pd_bg_vip .bg-svip .price-sub{color: #d3ba8f !important;}
.price-card .price-body .price-day{ color: #f63;}
[data-bs-theme=dark] .price-card{background-color: var(--bigzhong-bg-white); border-color: var(--bigzhong-border-color);}
.btn-putong{}
.btn-vip{ background-color: #fff0de; color:#8b6f5a; border: 2px solid #8b6f5a;}
.btn-vip:hover{ background-color: #8b6f5a; color:#fff0de; border: 2px solid #8b6f5a;}
.btn-svip{ background-color: #2f2820; color:#d3ba8f; border: 2px solid #d3ba8f;}
.btn-svip:hover{ background-color: #2f2820; color:#d3ba8f; border: 2px solid #2f2820;}

.pm_pd_bg .pm_vip_desc{border-radius: 0 !important; padding: 20px 15px; border-bottom-width: 0;}
.pm_pd_bg .pm_vip_desc:last-child{border-bottom-width: 1px;}
/* 自定义链接样式 */
.pm_link,.post-content a:not(.btn) {
    color: #399;
    border-bottom: 1px dotted #399;
    text-decoration: none;
}
.pm_link:hover,.post-content a:not(.btn):hover {
    color: #266;
    border-bottom: 1px dotted #266;
    text-decoration: none;
}

/* 为pm_link添加逗号分隔符 */
.pm_link::after {
    content: ",";
    color: var(--bs-heading-color);
    font-size: inherit;
    padding: 0 0px;
    margin: 0;
}

/* 最后一个pm_link不添加逗号 */
.pm_link:last-child::after {
    content: "";
}
/* .pm_l_tagul>a 亮色模式样式 */
.pm_l_tagul>a.tag {
  background-color: #E1E1E1 !important;
  color: var(--bs-gray-800) !important;
}

.pm_l_tagul>a.tag:hover {
  background-color: #D4D4D4 !important;
  color: var(--bs-gray-900) !important;
}

.pm_pd_bg .pm_l_tagul>a.tag{
    background-color: var(--bigzhong-sidebar-bg) !important;
    color: var(--bs-gray-800) !important;
}
.pm_pd_bg .pm_l_tagul>a.tag:hover{
    background-color: var(--bigzhong-border-color) !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) - 40PX); 
}

.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:#111 !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; /* 设置背景颜色 */
}

/* 小屏幕设备下拉菜单调整 */
@media (max-width: 576px) {
    .dropdown-menu.dropdown-menu-end {
        min-width: auto !important;
        width: calc(100vw - 30px) !important; /* 宽度减去左右边距 */
        margin-right: 10px !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;
}

.pm_search_input_group .input-group{
    width: 100% !important;
}

.input-group-text{
    
    padding: 0;
    
}
.input-group-text .iconfont {
    border: 1px solid var(--bigzhong-border-color);
    border-radius: 3px;
    display: block;
    padding: 0.35rem; 
    margin-top: 0.5rem;
    font-size: 0.75rem;
    line-height: 0.5rem;
    font-weight: 600;
    color:#999;
    transition: all 0.3s ease;
}
.input-group-text .iconfont:hover {
    color:#666;
}

/* 主题切换滑动动效 */
.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; /* 标准汉堡线条间距 */
}

/* 侧边栏样式 */
.ranking-title{font-size: 1rem; font-weight: bold; }
.ranking-item{display: flex;}
.ranking-item span,.ranking-item .ranking-title{display: inline-block;}
.ranking-item span{margin-right: 5px; height: 20px;}
.ranking-item .ranking-title{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.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;
}

/* 下载按钮密码样式 */
.copy-code.btn.download-btn {
    font-size: 12px !important;
    border-left: 0 !important;
}

.copy-code.btn.download-btn .iconfont.icon-fuzhi1 {
    font-size: 12px !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_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: 19px 15px 30px;
    position: fixed;
    left: 0;
    top: 58px;
    z-index: 10;
}
.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 0;
    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: 10px; 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 a img,a.game-item .game-img img {
    transition: transform 0.3s ease;
}

.game-item .game-img a:hover img,a.game-item:hover .game-img img {
    transform: scale(1.05);
}
.game-img{height: 120px; aspect-ratio: 2/3; flex-shrink: 0; margin-right: 10px;  display: flex; align-items: center; justify-content: center; }
.pm_heji_gamelist .game-img{margin-right: 15px;}
.pm_news_list{
    height: 120px;
    aspect-ratio: 3/2;
    width: auto;
}
.pm_l_list .pm_news_list_right{
    height: 50px !important; aspect-ratio: 3 / 2;
}

.pm_news_excerpt{
    font-size: 13px;
    line-height: 18px;
    color: var(--bs-gray-600);
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.game-img img{width: 100%; height: 100%; object-fit: cover; object-position: center;}

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.game-item a,a.game-item h6{transition: all 0.3s; text-decoration: none;}
.game-item a:hover,a.game-item:hover h6 {
    color: #f63;
}
.game-item a{width: 100%; height: 100%;}
.game-item p.game-type a{color: #399;}
.game-item p.game-type a:hover{color:#366}
/* 暗色模式下游戏卡片样式 */
[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.6em;
    font-size: 0.75em;
    line-height: 1.2;
    font-weight: 500;
    border-radius: 3px !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{ height: 120px; background-color: transparent;}
.pm_heji_gamelist .pm_game-english-title{font-size: 13px; margin-bottom: 5px; font-weight: 600;}
.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: var(--bs-gray-600);}
.pm_heji_gamelist .game-size span{font-size: 14px;}

a.pm_btn_heji{
    color: var(--bs-heading-color);
    border-width: 2px;
    border-color: var(--bs-heading-color) !important;
}
a.pm_btn_heji:hover{
    color: #f63;
    border-color: #f63 !important;
    transition: all 0.3s ease;
}
a.pm_btn_heji.active{
    background: #f63;
    color: #fff;
    border-color: #f63 !important;
}

/** 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; }

/* 最新游戏页卡部分 */
.home-last-post .section-cat-navbtn .btn.active, .home-last-post .section-cat-navbtn .btn:hover{
    color: #f63; 
    border-bottom: 5px solid #f63 !important;
}
.home-last-post .section-cat-navbtn .btn{border: none; padding: 0 6px; padding-bottom: 5px; background: none !important; font-size: 1rem; font-weight: 600; color: #111; margin-right: 15px; border-radius: 0; border-bottom: 5px solid transparent !important;}


/** 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: 15px;

    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;}

.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: 0px; z-index: 2; width: auto;}
.game-image .pm_qingxidu_tag{border-radius: 3px; }
.game-image .tag,.game-image .pm_qingxidu_tag{ border-top-right-radius: 0; border-bottom-right-radius: 0;}
.pm_tab_nb{top: 8px; }
.pm_tab_score{top: 8px;}
.pm_tab_year{bottom: 8px;}
.game-image div.pm_item_lefttop_icon {
    position:absolute;
    left: 8px;
    top: 5px;
    width: 25px;
}
.pm_zhiding .iconfont{font-size: 20px; opacity: 0.6;}
.pm_hot .iconfont{font-size: 20px; color:#f63;}

/** 左边栏滚动效果 **/
.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: 10px; padding-bottom: 10px; 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{ height: 80px; background-color: transparent;} 
.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;}

/* 首页新闻列表样式 */
.home-posts-list .pm_l_list{ border-bottom: none; padding-bottom: 0;
margin:0;
}
.home-posts-list .pm_l_list .pm_news_list_right{height:110px !important;}
.home-posts-list .pm_l_list a{border-top: 1px solid #EDEDED; padding-top: 15px; margin-top: 15px;}
.home-posts-list .pm_l_list:first-child a,.home-posts-list .pm_l_list:nth-child(2) a{border-top-width: 0; padding-top: 0; margin-top: 0;}
.home-posts-list .pm_l_list a h6{font-weight: 600 !important; font-size: 18px;}

.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,.post-content h3 {
    position: relative;
    padding-left: 0px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--bigzhong-border-color2) !important;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.post-content h3{
    font-size: 24px; color: #f63; 
}
.post-content h3::before{background: none;}

/* 
.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 {
    
}

.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);
    }
    .home-posts-list .pm_l_list:nth-child(2) a{border-top-width: 1px; padding-top: 15px; margin-top: 15px;}

}

/* 暗色模式适配 */
[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);
}

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

.pagination .page-link {
    color: var(--bs-heading-color, inherit);
    background-color: var(--bigzhong-bg-white);
    border-color: var(--bigzhong-border-color) !important;
    transition: all 0.3s ease;
    outline: none; /* 去除点击时的描边效果 */
}

.pagination .page-link:hover,
.pagination .page-item.active .page-link,
.pagination .page-item .page-link:focus {
    background-color: #f63 !important;
    border-color: #f63 !important;
    color: #fff;
    box-shadow:none;
}
/* 禁用状态样式 */
.pagination .page-item.disabled .page-link {
    color: #999 !important;
    background-color: var(--bigzhong-bg-white);
}

/* 标签容器样式 */
.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);
}

/* 用户中心样式 */
.form-control{
    border: var(--bs-border-width) solid rgba(0,0,0,.15);
}
.pm_user_header_bg {
    height: 110px;
    width: 100%;
    overflow: hidden;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.pm_user_header_bg > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right top;
}
.pm_user_header_avatar{ margin-top: -30px; padding: 5px; background-color: var(--bigzhong-bg-white);}
.pm_user_header_avatar img{width: 72px; height: 72px; object-fit: cover; object-position: center; display: block; }
.pm_user_header_info{ border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px; border: 1px solid var(--bigzhong-border-color); border-top: none;}

.btn-primary-soft{border-color: var(--bigzhong-border-color);}

[data-bs-theme=dark]  .form-control{background-color: #111 !important;}

/* 响应式设计 - 手机端只显示上一页和下一页 */
@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;
  }
  
  .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;
  }
  
  .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;
    
}
    .home-posts-list .pm_l_list .pm_news_list_right{height:90px !important;}
}

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

/* 筛选器基础样式 */
.pm_filter_h4{
    padding-bottom: 5px;
    margin-bottom: 6px;
    border-bottom: 2px solid var(--bigzhong-border-color);
}
.filter-group {
    padding: 6px 0;
    border-bottom: 1px solid var(--bigzhong-border-color) !important;
    display: flex;
    align-items: center;
}
.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: 35px; /* 约一行的高度 */
    overflow: hidden;
    transition: max-height 0.3s ease; /* 更丝滑的过渡效果 */
    position: relative;
    padding-right: 40px; /* 添加右侧内边距，确保与展开按钮不重叠 */
}
.filter-options.expanded {
    max-height: 1000px; /* 足够大的数值，确保能显示所有内容 */
    position: static;
}
.filter-option {
    display: inline-block;
    padding: 0 10px; /* 上下padding为0，左右padding为10px */
    height: 30px; /* 固定高度30px */
    line-height: 30px; /* 行高等于高度，确保垂直居中 */
    margin: 2px 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 */
    padding: 0;
    height: 24px;
    border: 1px solid var(--bigzhong-border-color);
    background-color: var(--bigzhong-bg-white);
    color: var(--bigzhong-text-color);
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 10;
    font-size: 12px;
    min-width: 24px;
}

.filter-toggle-btn:hover {
    background-color: var(--bigzhong-sidebar-bg);
    border-color: var(--bs-orange);
    color: var(--bs-orange);
}

.filter-toggle-btn.active {
    background-color: var(--bs-orange);
    color: var(--bigzhong-bg-white);
    border-color: var(--bs-orange);
}

/* 暗色模式适配 */
[data-bs-theme=dark] .filter-toggle-btn {
    background-color: var(--bigzhong-sidebar-bg);
    border-color: var(--bigzhong-border-color);
    color: var(--bigzhong-text-color);
}

[data-bs-theme=dark] .filter-toggle-btn:hover {
    background-color: var(--bigzhong-border-color);
    border-color: var(--bs-orange);
    color: var(--bs-orange);
}

[data-bs-theme=dark] .filter-toggle-btn.active {
    background-color: var(--bs-orange);
    color: var(--bigzhong-bg-white);
    border-color: var(--bs-orange);
}
.filter-toggle-btn .iconfont{margin-right: 0;}
.filter-toggle-btn.expanded,.filter-toggle-btn:hover {
    border-color: #f63;
    background-color: #f63;
    color: #fff;
}
.home-owl-slider2{margin-top: 1.5rem;}
#ri_home_slider_widget2-3{margin-top: 0 !important;}

/* footer */
.site-footer,[data-bs-theme=dark] .site-footer{background-color: transparent;}
.site-footer{ padding-bottom: 30px !important;}

.filter-warp{background-color: transparent !important;}
/* 旧的.filter-item样式已移除，改用.filter-group结构 */
/* 响应式调整 */
@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;
        padding-right: 5px;
    }
    .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: 3px;
        margin-bottom: 0;
    }
    .filter-toggle-btn {
        display: none !important; /* 移动端隐藏展开按钮 */
    }
    .site-footer{margin-bottom: 0;}
}


@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;
    }
    .post-content blockquote::before {
        left: 6px;
        top: 10px;
    }  
  .home-posts-list .pm_l_list .pm_news_list_right{height:70px !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%;
    }
}



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

    }
}

/* 小屏幕 - 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_news_group .game-img{
        margin-right: 0;
        width: 100%;
    }
    .pm_news_group .d-flex{
        display: block !important;
    }
    .pm_content_img {
        width: 100% !important;
        height: auto;
        justify-content: center !important;
        margin-bottom: 20px !important;
    }
    
    .pm_content_img img {
        width: 220px !important;
        margin: 0 auto;
        display: block;
        height: auto !important;
    }
    .pm_juji_gengxin{width: 220px !important;
        margin-left: auto; margin-right: auto;
    }
    
    .pm_content_img span.pm_score {
        left: 50%; 
        margin-left: -120px;
    }
    .pm_content_img .pm_qingxidu{
        right: 50%;
        margin-right: -115px;
    }
    
    .pm_game-title {font-size: 1.5rem;}
    footer{
            padding: 0 1.5rem !important;
        }
    .post-content blockquote {
    margin: 0 auto 15px;
    padding: 20px 10px 20px 40px;
    background-color: var(--bs-body-bg) !important;
    position: relative;
    border-radius: 5px;
    color: var(--bs-heading-color);
}
}

/* 平板屏幕 - 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;
    }
    
    
    .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-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-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) {
    /* 触摸设备相关样式 */
}