@charset "UTF-8";
html,table{font-size:13px;}
body{background:#356aa0;color:#333}
html,body{height:100%;display:flex;flex-direction:column;font-family:'PingFang SC', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, 'Microsoft YaHei', sans-serif;}
/* 页脚固定在底部 */

#header,#body,#footer{width:100%;}
#header{flex:0 0 auto;}
#body{flex:1 0 auto;}
#footer{flex:0 0 auto;}
#body > .container > .row > .aside{padding-left:0;}
.table th{border-top:none;}
.table > tbody > tr:first-child > td{border-top:none;}

.card{background:#f8f9fa;}
.card > .card-header{color:#454d55;font-size:13px;border-bottom:1px solid #dee2e6;}
.card > .card-block > table > tbody > tr:last-child > td{border-bottom:0px;}
.card-header-tabs > .nav-item > .nav-link:hover:not(.active){border:1px solid #dee2e6;}
.card-header-tabs > .nav-item > .nav-link.active{background-image:linear-gradient(0deg,#f8f9fa,#fff);border-color:#dee2e6;border-bottom-color:#f8f9fa;}
.breadcrumb{background-color:rgba(248,249,250,0.8) !important;border:1px solid #dee2e6;box-shadow:1px 1px 2px rgba(233,236,239,0.25);}
.breadcrumb:hover{background-color:#fff !important;}
.breadcrumb .breadcrumb-item{display:inline-flex;text-overflow:ellipsis;white-space:nowrap;}
.breadcrumb .breadcrumb-item a{max-width:400px;overflow:hidden;text-overflow:ellipsis;}
.card-header-dropdown .dropdown .dropdown-toggle{text-decoration:none;color:#495057;}
.card-header-dropdown .dropdown-menu{min-width:8rem;padding:0.25rem 0;}
.card-header-dropdown .dropdown-menu .dropdown-item{text-decoration:none;padding:0.25rem 0.5rem;}
.card-header-dropdown .dropdown-menu .dropdown-item i{width:12px;}

/* 小屏: only small screen */
@media (max-width:576px){
#body{padding-top:0.5rem;}
#body > .container > .row > div{padding:0.5rem;}
}
/* 小屏 + 中屏: small + middle */
@media (max-width:992px){
#nav{padding-top:1.5rem;padding-left:0.5rem;}
#nav > ul:first-child > li:not(:first-child){padding-left:3rem;}
#nav > ul > li > a.nav-link{border-bottom:1px solid rgba(134,142,150,0.3);}
}
/* 中屏 + 大屏: middle + big */
@media (min-width:576px){
#body{padding-top:1rem;}
}
.addattach:hover{font-weight:800;}
.pagination{flex-wrap:wrap;}
table.nav_tag_list{margin-bottom:0.2rem;}
table.nav_tag_list td{padding:0.1rem;}
table.nav_tag_list td a{margin-right:0.5rem;}
.nav_tag_list .active{font-weight:800;}
@keyframes quote_animation{
from{background-color:#177f2e;}
to{background-color:#f8f9fa;}
}
li.quote{background-color:#e9ecef;animation:quote_animation 1s;-moz-animation:quote_animation 1s;-webkit-animation:quote_animation 1s;-o-animation:quote_animation 1s;background-image:url(/images/img/quote.png);background-repeat:no-repeat;background-position:top right;}
.blockquote{font-size:0.8rem;background-color:#e9ecef;background-image:url(/images/img/quote.png);background-repeat:no-repeat;background-position:top right;padding:0.5rem 1rem !important;}
.blockquote .user{margin-right:0.5rem;}
.thread,.post{border-bottom:1px solid #e9ecef;padding:1rem 0.5rem;}
.thread:hover{background-color:#FDF7EF;}
.threadlist > .thread:last-child,.postlist > .post:last-child{border-bottom:0px;}
.postlist .media-body{width:1%;}
.message p{margin:0.2rem 0;line-height:1.7;}
.message img{max-width:100%;height:auto !important;border:1px solid #dee2e6;margin-bottom:0.5rem;}
.thread .badge{font-weight:normal;}
.subject{font-size:1.04rem;}
.message{font-size:1.1rem;}
/* 回帖输入框 */
#message{height:2.4rem;transition:height 0.2s;}
/* 导航 */
.navbar h5{font-size:1rem;color:rgba(255,255,255,0.3);margin-top:1.75rem;font-weight:800;}
.navbar nav{padding-bottom:1rem;}
.navbar nav:not(:last-child){border-bottom:1px solid rgba(255,255,255,0.1);}
#mobile_nav .navbar-nav{flex-direction:row;}
#mobile_nav .navbar-nav .nav-link{margin-right:1rem;}
.border-greyblue{border:0.5rem solid #9cb1ce;}
#header .tlink{width:100px;text-align:center;overflow:hidden;display:block}
#header .tlink a{display:inline-block;width:100%;background:#f0f0f0;padding:5px 10px;margin-top:8px;border-bottom:2px solid #f0f0f0;}
#header .tlink a:first-child{margin-top:0px;}
#header .tlink a:hover{border-bottom:2px solid #356aa0;}
.btn-yellow{color:#FFF;background-color:#ffb800;border-color:#ffb800;}
.btn-yellow:hover{color:#FFF;background-color:#ffc632;border-color:#ffc632;}
.btn-yellow:focus,.btn-yellow.focus{box-shadow:none!important;}
.btn-yellow.disabled,.btn-yellow:disabled{color:#FFF;background-color:#ffb800;border-color:#ffb800;}
.btn-yellow:not(:disabled):not(.disabled):active,.btn-yellow:not(:disabled):not(.disabled).active,.show > .btn-yellow.dropdown-toggle{color:#FFF;background-color:#ffc632;border-color:#ffc632;}
.btn-yellow:not(:disabled):not(.disabled):active:focus,.btn-yellow:not(:disabled):not(.disabled).active:focus,.show > .btn-yellow.dropdown-toggle:focus{box-shadow:none!important;}
#navbar{flex:0 0 auto;min-height:30px;box-sizing: border-box;}
#navbar ul{height:auto;min-height:30px;box-sizing: border-box;}
#navbar li{width:12.5%;height:30px;line-height:30px;float:left;padding-right:1px;text-align:center;overflow:hidden;}

#navbar li a{display:inline-block;width:100%;height:30px;line-height:30px;background:#f0f0f0;overflow:hidden;text-decoration:none}
#navbar li a.active,
#navbar li a:hover{line-height:27px;border-bottom:3px solid #356aa0;}
.tj-pics li{width:15.8%;height:214px;margin-left:1%;}
.tj-pics li:first-child{margin-left:1px;}
.tj-pics .pic-box{width:100%;height:190px;}
.tj-pics .pic-box img{width:100%;height:100%;border:1px #ccc solid;padding:2px;}
.tj-pics .pic-box img:hover{border:1px #333 solid;}
.tj-pics .txt-box{width:100%;height:24px;line-height:24px;text-align:center}
.list-video{margin-left:-1%;}
.list-video li{width:19%;height:214px;margin-left:1%;}
.list-video2 li:first-child{margin-left:0px;}
.list-video .video-box{width:100%;height:190px;}
.list-video .video-box img{width:100%;height:100%;border:1px #ccc solid;padding:2px;}
.list-video .video-box img:hover{border:1px #333 solid;}
.list-video .txt-box{width:100%;height:24px;line-height:24px;text-align:center}
.pagination{color:#aaa;}
.pagination li a,.pagination li .pageinfo{position:relative;display:block;padding:0.5rem 0.75rem;margin-left:-1px;line-height:1.25;border:1px #9cb1ce solid;color:#aaa;text-decoration:none;}
.pagination li.thisclass a{z-index:1;color:#fff;background-color:#9cb1ce;border:1px #9cb1ce solid;}
.pagination li:hover{color:#f00;}
.pagination li a:hover{background:#9cb1ce;color:#f00;}
@media (min-width:992px){
.br-lg-2{border-right:0.5rem #9cb1ce solid;}
.mr-lg-a{margin-right: 0.028rem !important;}
}
@media(min-width:768px){
.tj-txts li:nth-child(3n+3){padding-right:0px!important;}
}
@media(max-width:768px){
.tj-pics li{height:180px;}
.tj-pics .pic-box{width:100%;height:156px;}
}
@media(max-width:576px){
#header a.logo{display:inline-block;margin-right:0.5rem!important;}
#header a.logo img{height:2.4rem;}
#header #fox_search .fox-search-submit{padding-left:2rem!important;padding-right:2rem!important;}
#header .tlink{display:none!important;}
#navbar li{width:25%;padding-top:1px;}
.tj-pics li{width:30%;height:160px;margin-left:5%;}
.tj-pics li:nth-child(3n+1){margin-left:0px;}
.tj-pics .pic-box{width:100%;height:136px;}
.list-video{margin-left:0%;}
.list-video li{width:32%;height:180px;margin-left:2%;}
.list-video li:nth-child(3n+1){margin-left:0px;}
.list-video .video-box{width:100%;height:156px;}
.pagination li:last-child{display:none!important;}
}
@media(max-width:320px){
.pagination li:first-child,
.pagination li:last-child,
.pagination li:nth-last-of-type(2){display:none!important;}
}

/*播放器*/
@media screen and (max-width:768px){#player{min-height:440px;}#player .video{height:440px!important;}#player_iframe{min-height:440px;}}
@media(max-width:576px){#player{min-height:300px;}#player .video{height:300px!important;}#player_iframe{min-height:300px;}}
@media(min-width:992px){#player{min-height:4440px;}#player .video{height:440px!important;}#player_iframe{min-height:440px;}#player .dplayer-video-wrap .dplayer-video-current{min-height:440px;}}

#menu{width:100%;height:auto;overflow:hidden;margin:auto;margin-top:2px;text-align:left;background:#9cb1ce}
#menu ul{padding:0;list-style:none;}
#menu ul li{width:20%}
#menu ul li a{width:100%;overflow:hidden;height:30px;display:block;margin-top:1px;font-size:15px;line-height:30px;background:#f0f0f0}
#menu ul{width:100%;height:auto}
#menu ul li a.a2{height:60px;line-height:60px}
#menu ul li.hoer{height:60px}

/* ==========================================
   局部质感优化：英文、数字、标签、时间、分页使用等宽字体
   ========================================== */
.badge, 
.pagination li a, 
.pagination li span, 
.small, 
small, 
.text-small, 
.tj-txts span,
.list-group-item span {
    font-family: 'JetBrains Mono', Consolas, Monaco, monospace !important;
}

/* ==========================================
   TAG 筛选区按钮重塑
   ========================================== */
.filter-container .btn-light {
    background-color: #f4f5f7;
    border-color: #f4f5f7;
    color: #666 !important;
    border-radius: 4px;
    padding: 5px 14px;
    transition: background-color 0.2s;
}
.filter-container .btn-light:hover {
    background-color: #e2e6ea;
    color: #333 !important;
}
.filter-container .btn-warning {
    background-color: #f6c813;
    border-color: #f6c813;
    border-radius: 4px;
    padding: 5px 14px;
}
.filter-label {
    font-size: 14px;
    line-height: 31px; 
}

/* ==========================================
   全局二级菜单下拉项（灰底圆角小方块）
   ========================================== */
#foxMainNav .dropdown-item { 
    padding: 10px 5px; 
    color: #555 !important; 
    background: #f4f5f7; 
    border-radius: 6px; 
    font-size: 13px; 
    text-align: center; 
    border: none; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    transition: all 0.2s;
    margin: 0; 
}
#foxMainNav .dropdown-item:hover,
#foxMainNav .dropdown-item:active { 
    background: #e2e6ea; 
    color: #ff4777 !important; 
    transform: scale(0.95); 
}

/* PC端导航栏实现鼠标悬浮展示下拉菜单 (3列网格) */
@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu { 
        display: none; 
        margin-top: 0; 
        min-width: 340px; 
        padding: 15px; 
        border-radius: 8px; 
        box-shadow: 0 5px 20px rgba(0,0,0,0.08); 
        border: 1px solid #eee;
    }
    .navbar .nav-item:hover .dropdown-menu { 
        display: grid !important; 
        grid-template-columns: repeat(3, 1fr); 
        gap: 10px; 
    }
}

/* ==========================================
   全局暗黑模式 (Dark Mode) 全新提亮高级灰配色
   ========================================== */
body.dark-mode {
    background: #2d2d2d !important; /* 背景提亮为高级灰 */
    color: #e0e0e0 !important;
}

body.dark-mode .bg-white,
body.dark-mode .bg-greyblue,
body.dark-mode .card,
body.dark-mode .navbar,
body.dark-mode .breadcrumb,
body.dark-mode .filter-container,
body.dark-mode #menu,
body.dark-mode #menu ul li a {
    background-color: #383838 !important; /* 卡片提亮 */
    border-color: #444 !important; 
    color: #e0e0e0 !important;
}

/* 【核心修复】：暗黑模式下降低全站图片亮度 10%，保护眼睛 */
body.dark-mode img {
    filter: brightness(90%);
    transition: filter 0.3s ease;
}

/* 覆盖文本颜色与链接 (增加了优先级干掉 bootstrap 的 text-dark) */
body.dark-mode .card-header,
body.dark-mode .nav-link,
body.dark-mode .nav-link.text-dark, 
body.dark-mode .text-dark,
body.dark-mode .message,
body.dark-mode a {
    color: #e0e0e0 !important;
}
body.dark-mode a:hover {
    color: #ff4777 !important;
}

body.dark-mode .filter-container .btn-light {
    background-color: #444 !important;
    border-color: #444 !important;
    color: #ccc !important;
}
body.dark-mode .filter-container .btn-light:hover {
    background-color: #555 !important;
    color: #fff !important;
}

body.dark-mode .pic-card,
body.dark-mode .pic-thumb {
    background-color: #383838 !important;
    border-color: #444 !important;
}
body.dark-mode .pic-card:hover {
    box-shadow: 0 8px 16px rgba(255, 255, 255, 0.05) !important;
}

body.dark-mode .thread,
body.dark-mode .post,
body.dark-mode hr,
body.dark-mode .border-bottom,
body.dark-mode .border-top {
    border-color: #444 !important;
}
body.dark-mode .thread:hover {
    background-color: #383838 !important;
}
body.dark-mode .list-group-item {
    background-color: #383838 !important;
    border-color: #444 !important;
    color: #e0e0e0 !important;
}

/* 暗黑模式：PC端下拉菜单容器 */
body.dark-mode .navbar .dropdown-menu { background-color: #383838 !important; border-color: #444 !important; }
/* 暗黑模式：下拉小方块 */
body.dark-mode #foxMainNav .dropdown-item { background: #444; color: #ccc !important; border: none; }
body.dark-mode #foxMainNav .dropdown-item:hover,
body.dark-mode #foxMainNav .dropdown-item:active { background: #555; color: #ff4777 !important; }


/* ==========================================
   移动端侧滑抽屉式导航 
   ========================================== */
@media (max-width: 991px) {
    /* 1. 禁用底层滚动 */
    body.offcanvas-active { overflow: hidden; }
    
    /* 2. 黑透背景遮罩层 */
    .offcanvas-backdrop {
        position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;
        background-color: rgba(0,0,0,0.6); z-index: 1040;
        display: none; opacity: 0; transition: opacity 0.3s ease;
    }
    .offcanvas-backdrop.show { display: block; opacity: 1; }

    /* 3. 抽屉面板主体 */
    .navbar-collapse#foxMainNav {
        position: fixed; top: 0; right: -320px;
        width: 280px; height: 100vh; background: #fff;
        z-index: 1050; transition: right 0.3s ease;
        display: block !important; overflow-y: auto; overflow-x: hidden;
        padding: 20px 0 0 0; box-shadow: -5px 0 25px rgba(0,0,0,0.15);
    }
    .navbar-collapse#foxMainNav.show { right: 0; }

    /* 4. 关闭按钮 & 侧边栏专属 Logo */
    .mobile-menu-header {
        display: flex !important; justify-content: space-between; align-items: center;
        padding: 0 20px 20px 20px; border-bottom: 1px solid #f0f0f0; margin-bottom: 10px;
    }
    .btn-close-menu { font-size: 28px; background: none; border: none; color: #666; cursor: pointer; line-height: 1; padding: 0; }

    /* 5. 菜单列表基础美化 */
    #foxMainNav .navbar-nav { padding: 0 15px; width: 100%; }
    #foxMainNav .nav-item { border-bottom: 1px dashed #eee; }
    #foxMainNav .nav-link {
        padding: 15px 5px; color: #333 !important; font-size: 16px; font-weight: bold;
        display: flex; justify-content: space-between; align-items: center;
    }
    
    /* 6. 移动端专属二级菜单容器：定义网格间距 */
    #foxMainNav .dropdown-menu {
        border: none; background: transparent; margin: 0; padding: 10px 15px 15px 15px;
        box-shadow: none; float: none; position: static;
        grid-template-columns: repeat(3, 1fr); gap: 10px;
    }
    /* 拦截 JS 输出的 display: block，强制转为 Grid 网格模式 */
    #foxMainNav .dropdown-menu[style*="block"] { display: grid !important; }
    
    /* 7. 【核心排版修复】：搜索框在左边，太阳在右边，完美平行 */
    #foxMainNav::after { content: ""; display: block; clear: both; } /* 清理浮动影响 */
    #foxMainNav #fox_search { 
        float: left;
        width: calc(100% - 65px); /* 留足 65px 给右侧的太阳按钮 */
        margin: 15px 0 20px 15px !important;
        padding: 0;
    }
    #foxMainNav #fox_search .input-group { width: 100%; }
    #foxMainNav #fox_search input { width: 100% !important; flex: 1; }

    #foxMainNav #darkModeToggle {
        float: right;
        margin: 22px 15px 20px 0 !important; /* 调整顶边距，让它跟搜索框水平对齐 */
        display: block;
    }

    /* 8. 暗黑模式侧边栏细节适配 */
    body.dark-mode .navbar-collapse#foxMainNav { background: #383838; border-left: 1px solid #444;}
    body.dark-mode .mobile-menu-header { border-bottom-color: #444; }
    
    /* 【核心修复】：移动端下，将侧滑栏所有的汉堡按钮、X按钮、文字全部强制改为 #b1b1b1 并且反色 */
    body.dark-mode .navbar-toggler { border-color: rgba(255,255,255,0.2); }
    body.dark-mode .navbar-toggler-icon { filter: invert(1); } /* 汉堡按钮反转成白色 */
    body.dark-mode .btn-close-menu { color: #b1b1b1 !important; }
    
    body.dark-mode .nav-item { border-bottom-color: #444 !important; }
    body.dark-mode #foxMainNav .navbar-nav .nav-link,
    body.dark-mode #foxMainNav .navbar-nav .nav-link.text-dark { color: #b1b1b1 !important; } /* 强制提权干掉黑色 */

    body.dark-mode #foxMainNav .dropdown-menu { background: transparent !important; }
}

/* PC 端隐藏移动端专属元素 */
@media (min-width: 992px) {
    .mobile-menu-header, .offcanvas-backdrop { display: none !important; }
}