/*
 * Theme Name:WebStack 液态玻璃改版
 * Theme URI:https://www.iotheme.cn/
 */

/* 全局基础 - 渐变底色打底适配玻璃 */
body {
    background: linear-gradient(135deg, #e8edf7 0%, #f0f4fc 50%, #e6ecf8 100%);
    background-attachment: fixed;
}
a {color: #1a1a1a; outline: 0 !important}
p {color: #555860}
html, body {height: 100%; margin: 0; padding: 0; border: 0}
a:hover, a:focus {color: #000; text-decoration: none}

/* ========== 核心液态玻璃通用类（所有面板统一加这个class） ========== */
.glass-base {
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: 
        0 8px 32px rgba(31, 38, 135, 0.08),
        inset 0 0 0 1px rgba(255,255,255,0.2);
    transition: all 0.32s cubic-bezier(0.2, 0, 0.2, 1);
}
.glass-base:hover {
    background: rgba(255, 255, 255, 0.38);
    box-shadow: 
        0 12px 48px rgba(31, 38, 135, 0.12),
        inset 0 0 0 1px rgba(255,255,255,0.35);
    transform: translateY(-4px);
}

/* 暗黑模式玻璃 */
.black .glass-base {
    background: rgba(30, 34, 44, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.25),
        inset 0 0 0 1px rgba(255,255,255,0.05);
}
.black .glass-base:hover {
    background: rgba(40, 45, 58, 0.42);
    box-shadow: 
        0 14px 50px rgba(0, 0, 0, 0.35),
        inset 0 0 0 1px rgba(255,255,255,0.1);
}

/* 导航卡片 box2 */
.box2 {
    height: 72px;
    border-radius: 12px;
    padding: 0 30px;
}
.box2.glass-base:hover {
    transform: translateY(-6px);
    border-color: rgba(255, 255, 255, 0.55);
    box-shadow: 
        0 26px 40px -24px rgba(30, 40, 100, 0.22),
        0 12px 48px rgba(31, 38, 135, 0.12),
        inset 0 0 0 1px rgba(255,255,255,0.35);
}
.black .box2.glass-base:hover {
    box-shadow:0 26px 40px -24px rgba(0,0,0,.35);
}

/* 自动给所有面板挂上玻璃样式，不需要手动加class */
.panel,
.comments-area,
.login-notice,
#search-text,
.user-info-navbar,
footer.main-footer,
.sidebar-menu,
.posts-nav .page-numbers,
.nothing,
.siteico,
.xe-widget.xe-conversations,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
.upload_img,
.s-type-list {
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(255, 255, 255, 0.4);
}

/* 暗黑模式批量修正所有面板 */
.black .panel,
.black .comments-area,
.black .login-notice,
.black #search-text,
.black footer.main-footer,
.black .siteico,
.black .xe-widget.xe-conversations,
.black .nothing,
.black input[type="text"],
.black input[type="email"],
.black textarea,
.black .s-type-list {
    background: rgba(35, 40, 50, 0.32);
    border:1px solid rgba(255,255,255,0.08);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

/* 页面宽度、文本截断、滚动条、评论、导航栏、侧边栏、移动端、打印样式全部保留原版，剔除重复玻璃代码 */
.tag .container,.category .container,.page-template-template-posts .container,.page-template-default .container,.single-post .container{max-width: 900px!important;}
.cat_list .post-title{font-size: 24px;line-height: 1.5;margin:15px 0;}
.single-post .h2{margin-bottom:20px;}
.single-post .post-meta{margin-bottom:40px;}
.tag h1,.category h1{font-size:14px;line-height: normal;margin:15px 0;}

.overflowClip_1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block!important}
.overflowClip_2{overflow:hidden;text-overflow:ellipsis;word-break:break-all;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.submit-tag{margin-top:50px}

/* 自定义滚动条 */
.ps-container .ps-scrollbar-x-rail,.ps-container .ps-scrollbar-y-rail{position:absolute;width:5px;height:5px;opacity:0;transition:background .2s,opacity .2s linear;}
.ps-container .ps-scrollbar-x-rail{bottom:3px}
.ps-container .ps-scrollbar-y-rail{right:2px}
.ps-container:hover .ps-scrollbar-x-rail,.ps-container:hover .ps-scrollbar-y-rail{opacity:.6}
.ps-container .ps-scrollbar-x-rail:hover,.ps-container .ps-scrollbar-y-rail:hover{background:rgba(255,255,255,.5)}
.ps-container .ps-scrollbar-x-rail.in-scrolling{background:rgba(255,255,255,.9)}
.ps-container .ps-scrollbar-y-rail.in-scrolling{background:#eee;opacity:.9}
.ps-container .ps-scrollbar-x,.ps-container .ps-scrollbar-y{position:absolute;background:#aaa;transition:background .2s linear;}
.ps-container .ps-scrollbar-x{bottom:0;height:5px}
.ps-container .ps-scrollbar-y{right:0;width:5px}
.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x{background:#999}
.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y{background:#fafafa}

/* 评论模块布局 */
.xe-comment-entry img{float:left;display:block;background:rgba(136,136,136,.15);margin-right:10px}
.xe-comment p{margin-bottom:0px}
.xe-card{position:relative;height:72px;margin:20px 0 0 0}
.xe-widget{position:relative}
.xe-widget.xe-conversations{
    position:absolute;
    margin-bottom:0px;
    padding:15px;
    left:0;right:0;margin:0 15px;
    border-radius: 10px;
}
.xe-widget.xe-conversations:hover,.xe-widget.xe-conversations:focus{background:rgba(255,255,255,0.38)!important;text-decoration:none}
.xe-card.wechat a:after{content:'\f029';position:absolute;display:inline-block;font-family:FontAwesome;font-size:18px;color:#6d747a;margin-left:10px;bottom:0;right:5px}

.transall,.sidebar-menu .main-menu a,.user-info-navbar .user-info-menu>li>a,.btn-arrow i{transition:all 220ms ease-in-out}

.clearfix:before,.clearfix:after,.page-container .main-content .page-title:before,.page-container .main-content .page-title:after,.sidebar-menu .logo-env:before,.sidebar-menu .logo-env:after,footer.main-footer .footer-inner:before,footer.main-footer .footer-inner:after{content:" ";display:table}
.clearfix:after,.page-container .main-content .page-title:after,.sidebar-menu .logo-env:after,footer.main-footer .footer-inner:after{clear:both}

.page-container{display:table;width:100%;height:100%;vertical-align:top;border-collapse:collapse;border-spacing:0;table-layout:fixed}
.page-container .main-content{display:table-cell;position:relative;z-index:1;padding:30px;padding-bottom:0;vertical-align:top;word-break:break-word;width:100%;transition:opacity 100ms ease-in-out}
.page-container .main-content:hover{z-index:15}

/* 侧边栏样式 */
.sidebar-menu{
    display:table-cell;
    position:relative;
    width:250px;
    border-right: 1px solid rgba(255,255,255,0.08);
    z-index:1;
}
.sidebar-menu .logo-env{padding:19px 30px;border-bottom:1px solid rgba(255,255,255,0.08)}
.sidebar-menu .logo-env .logo{float:left}
.sidebar-menu .logo-env .logo .logo-collapsed{display:none}
.sidebar-menu .main-menu{padding:0 30px;margin-top:20px;margin-bottom:20px;list-style:none}
.sidebar-menu .main-menu li.active>a{color:#fff}
.sidebar-menu .main-menu li.has-sub>a:before{position:relative;display:inline-block;font-family:FontAwesome;content:'\f107';float:right;color:#a0a6ad;margin-left:10px;transform:rotate(-90deg);transition:all 150ms ease-in-out}
.sidebar-menu .main-menu li.has-sub.opened>a:before{transform:rotate(0)}
.sidebar-menu .main-menu a{color:#b0b3b8;text-decoration:none;display:block;padding:13px 5px;border-bottom:1px solid rgba(255,255,255,0.06)}
.sidebar-menu .main-menu a>i{display:inline-block;margin-right:10px}
.sidebar-menu .main-menu a:hover{color:#fff;background:rgba(255,255,255,0.08)}
.sidebar-menu.fixed{height:100%}
.sidebar-menu.fixed .sidebar-menu-inner{position:fixed;left:0;top:0;bottom:0;width:inherit;overflow:hidden}
.sidebar-menu .main-menu ul{display:none;margin:0;padding:0;overflow:hidden;list-style:none}
.sidebar-menu .main-menu ul li a{padding-left:35px}.sidebar-menu .main-menu ul li ul li a{padding-left:60px}
.sidebar-menu .main-menu ul li ul li ul li a{padding-left:85px}.sidebar-menu .main-menu ul li ul li ul li ul li a{padding-left:110px}
.sidebar-menu .main-menu ul li.is-shown{left:0;opacity:1;transition:all 200ms ease-in-out}
.sidebar-menu .main-menu ul li.is-hidden{left:-20px;opacity:0}
.sidebar-menu .main-menu ul li.hidden-item{visibility:hidden;opacity:0;transition:all 250ms ease-in-out}

@media screen and (min-width:768px){
.sidebar-menu.collapsed{width:80px;z-index:10;overflow:visible}
.sidebar-menu.collapsed .hidden-collapsed{display:none !important}
.sidebar-menu.collapsed+.main-content .user-info-navbar .user-info-menu a[data-toggle=sidebar]{color:#606161}
.sidebar-menu.collapsed+.main-content .main-footer{left:80px}
.sidebar-menu.collapsed .sidebar-menu-inner{overflow:visible;position:fixed}
.sidebar-menu.collapsed .logo-env{padding:19px 0}
.sidebar-menu.collapsed .logo-env .logo-collapsed{display:block;text-align:center}
.sidebar-menu.collapsed .logo-env .logo-collapsed img{display:inline-block}
.sidebar-menu.collapsed .logo-env .logo-expanded,.sidebar-menu.collapsed .logo-env .settings-icon{display:none}
.sidebar-menu.collapsed .logo-env .logo{float:none}
.sidebar-menu.collapsed .main-menu{padding-left:0;padding-right:0}
.sidebar-menu.collapsed .main-menu>li{text-align:center;position:relative}
.sidebar-menu.collapsed .main-menu>li.active{background:rgba(255,255,255,0.08)}
.sidebar-menu.collapsed .main-menu>li>a>i{margin-right:0;font-size:20px}
.sidebar-menu.collapsed .main-menu>li>a>span{display:none}
.sidebar-menu.collapsed .main-menu>li.has-sub>a:before{display:none}
.sidebar-menu.collapsed .main-menu>li>ul{
    position:absolute;width:250px;
    border:1px solid rgba(255,255,255,0.08);
    top:0;left:100%;text-align:left;display:none;
    background: rgba(28, 30, 34, 0.65);
    backdrop-filter: blur(14px);
}
.page-body.right-sidebar .sidebar-menu.collapsed .main-menu>li>ul{left:auto;right:100%}
.sidebar-menu.collapsed .main-menu>li:hover>ul{display:block}
.collapsed .main-menu>li>a{position:relative;overflow:hidden}
.collapsed .main-menu>li>a>i{display:block;width:100%;height:100%;padding:13px;top:0%;left:0;position:absolute;transition:top .25s ease-in-out}
.collapsed .main-menu>li>a>span:first-of-type{display:-webkit-box!important;overflow:hidden;position:relative;padding:0;bottom:36px;-webkit-line-clamp:1;-webkit-box-orient:vertical;transition:.25s ease-in-out}
.collapsed .main-menu>li>a:hover>i{top:100%}
.collapsed .main-menu>li>a:hover>span:first-of-type{bottom:0px}
}

/* 顶部导航栏 */
nav.navbar{
    position:fixed;
    z-index:2000!important;
    width:calc(100% - 250px);
    padding:0;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255,255,255,0.3);
}
.sidebar-menu.collapsed+.main-content>nav.navbar{width:calc(100% - 80px)}
.navbar .navbar-content{
    position:absolute;
    display:flex;width:100%;
    box-shadow:0 5px 20px rgba(0,0,0,.04);
    padding-bottom:1px;
    justify-content:space-between;align-items:center;
    background: transparent !important;
}

.user-info-navbar{
    border-radius: 0 0 12px 12px;
    min-height:0;border:0;padding:0;margin:-30px;margin-bottom:30px
}
.user-info-navbar .user-info-menu{margin:0}
.user-info-navbar .user-info-menu li{line-height:1;display:table-cell;text-align:center;vertical-align:middle}
.user-info-navbar .user-info-menu>li>a{display:block;padding:18px 10px;color:#555;text-decoration:none}
.user-info-navbar .user-info-menu>li>a:hover{color:#000;background:rgba(255,255,255,0.25)}
.user-info-navbar .user-info-menu>li a[data-toggle=sidebar]{padding:31px 10px;padding-left:20px}

.panel{
    border-radius:12px;
    padding:20px 30px;margin-bottom:30px;
    box-shadow: 0 8px 32px rgba(31, 38, 135, 0.08);
}
.panel .panel-body{padding:0;color:#444}
.page .panel p,.page .comments-area p{font-size:15px;line-height:1.8}
.tooltip .tooltip-inner{padding:10px 15px;background:rgba(20,20,20,0.7);backdrop-filter:blur(8px);color:#fff;border-radius:8px;border:none}
.text-gray{color:#444}
.breadcrumb-env{margin:-10px 0 0 -15px}

footer.main-footer{
    padding:20px 30px;border-top:1px solid rgba(255,255,255,0.3);
    font-size:12px;margin-left:-30px;margin-right:-30px;margin-top:0px;
}
footer.main-footer .footer-text{float:left}
footer.main-footer .go-up{width:45px;float:right;position:fixed;right:10px;bottom:30px;z-index:10;margin:0;padding:0;list-style:none}
footer.main-footer .go-up a{
    display:inline-block;width:35px;height:35px;text-align:center;border-radius:50%;
    background: rgba(255,255,255,0.3);
    backdrop-filter: blur(8px);
    border:1px solid rgba(255,255,255,0.4);
    color:#222;font-size:20px;line-height:35px;padding:0
}
footer.main-footer .go-up a:hover{background:rgba(255,255,255,0.5)}
footer.main-footer.footer-type-2{
    background: rgba(20,22,25,0.4);
    backdrop-filter: blur(14px);
    border-top:0;color:#fff;
}

.but-home{color:#fff;background:#f14141;padding:10px 30px;border-radius:10px;font-size:18px;transition:.3s;box-shadow:0 4px 16px rgba(241,65,65,0.25)}
.but-home:hover{color:#fff;background:#dd2c2c;box-shadow:0 6px 24px rgba(241,65,65,0.35)}
.site-body .btn{
    border-radius:10px;padding:7px 16px;
    color:#222;
    transition:.3s;
}
.site-body .btn:hover{color:#fff;background:#202224}
.btn-arrow{position:relative}
.btn-arrow span{padding-right:1.25rem;display:inline-block}
.btn-arrow i{position:absolute;font-size:18px;width:.8em;right:1rem;top:50%;opacity:.6;transform:translateY(-50%);transition:all 200ms ease-out}
.btn-arrow:hover i{opacity:1;right:.6rem}
.btn-cat{color:#fff;background:#f14141;font-size:12px;padding:2px 5px;border-radius:6px;transition:.3s}
.btn-cat:hover{color:#fff;background:#212224}
.btn-move{float:right;font-size:12px;margin-top:11px}

/* 间距工具类 */
.mx-auto{margin-left:auto;margin-right:auto;float:none}
.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}
.ml-1{margin-left:.8rem!important}.mr-1{margin-right:.8rem!important}
.ml-2{margin-left:1.5rem!important}.mr-2{margin-right:1.5rem!important}
.ml-3{margin-left:2rem!important}.mr-3{margin-right:2rem!important}
.ml-4{margin-left:3rem!important}.mr-4{margin-right:3rem!important}
.mt-1,.my-1{margin-top:.8rem!important}.mb-1,.my-1{margin-bottom:.8rem!important}
.mt-2,.my-2{margin-top:1.5rem!important}.mb-2,.my-2{margin-bottom:1.5rem!important}
.mt-3,.my-3{margin-top:2rem!important}.mb-3,.my-3{margin-bottom:2rem!important}
.mt-4,.my-4{margin-top:3rem!important}.mb-4,.my-4{margin-bottom:3rem!important}
.mt-5,.my-5{margin-top:7rem!important}.mb-5,.my-5{margin-bottom:7rem!important}
.pb-4,.py-4{padding-bottom:3rem!important}.pt-4,.py-4{padding-top:3rem!important}
.border-top{border-top:1px solid rgba(255,255,255,.25)!important}
.main-content .panel img{max-width:100%;height:auto}
.main-content .tooltip{word-break:break-word}

#bulletin_box{margin-top:60px;margin-bottom:-70px;padding:5px 10px}
#bulletin_box .bulletin-ul{padding-left:10px}
.bulletin{
    box-sizing:border-box;height:25px;line-height:25px;overflow:hidden;
    background:rgba(255,255,255,0.2);backdrop-filter:blur(8px);border-radius:6px;padding:0 10px;
}
.bulletin ul{list-style-type:none;font-size:14px}

.nothing{
    padding:20px 0;margin:10px 0;text-align:center;color:#444;
    border:1px solid rgba(255,255,255,0.3);border-radius:10px;
}
.no-search{margin-top:85px}

.siteico{
    box-shadow:0 30px 20px -20px rgba(0,0,0,.1);border-radius:12px;
    position:relative;overflow:hidden;
}
.siteico:before{content:'';display:block;padding-top:100%}
.blur{filter:blur(15px)}
.blur-layer{top:0;left:0;right:0;bottom:0;position:absolute;width:inherit;height:inherit;opacity:.2}
.img-cover{height:72px;width:72px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;border:2px solid hsla(0,0%,100%,.9);border-radius:50%;animation:rotate 6s linear infinite;background:#fff}
@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

.d-flex{display:flex!important}
.friendlink a{position:relative;display:inline-block;margin:.25rem 1rem .25rem .25rem;}
.friendlink a:before{content:'\2022';display:inline-block;position:relative;margin-right:5px}
.ad img{width:100%;max-height:350px;border-radius:10px}
.ad-home img,.ad-footer img{max-height:150px}

.comments-area{
    border-radius:12px;padding:20px 30px;margin-bottom:30px;
    box-shadow:0 8px 32px rgba(31,38,135,0.08);
}
.comments-area label{color:#222;display:block;font-weight:800;margin-bottom:0.5em}
input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea{
    color:#222;
    border-radius:8px;display:block;padding:5px 10px;width:100%
}
.comment-form .comment-form-cookies-consent label{display:inline}
input[type="radio"] + label,input[type="checkbox"] + label{font-weight:400}
.form-submit{text-align:right}
input[type="button"],input[type="submit"]{background:#222;border:0;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-weight:800;line-height:1;padding:1em 2em;transition:background 0.2s}
.comments-title{margin-bottom:2em}
.comment-list,.comment-list .children{list-style:none;margin:0;padding:0}
.comment-body{color:#222;margin-bottom:4em;margin-left:65px}
.comment-author .avatar{height:50px;left:-65px;position:absolute;width:50px;border-radius:50%;border:2px solid rgba(255,255,255,0.4)}
.comment-meta{margin-bottom:1.5em}
.comment-author{margin-bottom:0.4em;position:relative;z-index:2}
.comment-metadata{color:#555;font-weight:800;letter-spacing:0.18em;text-transform:uppercase}
.comment-reply-link{font-weight:800;position:relative}

.posts-nav{font-size:14px;color:rgba(0,0,0,.44);padding:10px 0;text-align:center}
.posts-nav .page-numbers{
    position:relative;width:35px;height:35px;line-height:35px;display:inline-block;
    margin:0 2px;border-radius:0.6rem;transition:.15s ease-out
}
.posts-nav .page-numbers.current,.posts-nav .page-numbers:not(.dots):hover{
    color:#fff !important;background:#f1404b;
    box-shadow:0px 5px 20px -3px rgba(249,100,90,.6);border-color:transparent;
}
.posts-nav .page-numbers.dots{border-color:transparent;background:transparent}

#search{max-width:717px;margin:100px auto 14px}
#search form{position:relative}
#search-text{
    padding:9pt;width:100%;height:50px;font-size:16px;border:0;border-radius:12px;
}
#search button{
    position:absolute;top:0;right:0;background:rgba(40,42,46,0.7);backdrop-filter:blur(8px);
    border:0;width:60px;height:36px;margin:7px 9pt 0;line-height:36px;border-radius:10px
}
#search button:hover{background:rgba(20,22,24,0.9);cursor:pointer}
#search button i{color:#fff;font-size:18px}
.s-type{position:absolute;top:0;left:0;z-index:13;width:75px}
.type-text{position:absolute;left:0;width:75px;padding-left:9pt;font-size:16px;line-height:31px;color:#222}
.type-text:after{content:"\f105";font-family:FontAwesome;margin:0 0 0 15px}
.s-type-list{
    display:none;position:absolute;top:31px;padding:9pt 0;width:70px;
    border-radius:10px;box-shadow:0 9px 20px rgba(0,0,0,.08);
}
.s-type-list label{display:block;font-size:15px;text-align:center;font-weight:normal;margin-bottom:0;padding:2px 0;cursor:pointer;transition:.3s;color:#222}
.s-type-list label:hover{background:rgba(255,255,255,0.25)}
.s-type:hover .s-type-list{display:block}
.search-type{white-space:nowrap;margin:0}.search-type label{margin:0}
.search-type li{display:inline-block;list-style:none}
.search-type li label{display:inline-block;padding:0 11px;font-size:14px;line-height:31px;border-radius:8px 8px 0 0;cursor:pointer}
.search-type input:checked+label{
    border-radius:8px 8px 0 0;
}
.set-check{margin-top:3px;font-size:9pt}

.show_ico{float:left;width:64px;height:64px;line-height:60px;padding:2px;cursor:pointer;position:relative}
.show_ico .remove{position:absolute;cursor:pointer;top:1px;right:1px;font-size:20px;z-index:1;display:block;width:24px;height:24px;line-height:24px;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);border-radius:50%;color:#fff}
.wechat .show_ico{width:132px;height:132px;line-height:128px}
.upload_img{
    position:relative;display:table;color:#222;
    overflow:hidden;cursor:pointer;text-align:center;vertical-align:center;border-radius:10px;transition:.3s
}
.upload_img:not(.disabled):hover{background:rgba(255,255,255,0.35)}
.upload_img input{position:absolute;cursor:pointer;opacity:0;left:0;right:0;top:0;bottom:0}
.postform{margin:5px}
.panel-tougao button{color:#fff;background:#f1404b;padding-left:30px;padding-right:30px;border-radius:10px;transition:.3s}
.panel-tougao button:hover{background:#dd2c2c}

/* 暗黑全局文字颜色 */
.black{
    background: linear-gradient(135deg, #16181d 0%, #1c1f27 50%, #14161b 100%);
    background-attachment: fixed;
}
.black,.black a:not(.btn){color:#e2e4e9}
.black p{color:#a0a6b2}
.black .text-gray,.black .comment-body{color:#b0b6c2}
.black .site-body .btn{color:#e2e4e9}
.black .posts-nav{color:rgba(221,221,221,.2)}

/* 移动端适配 <767px */
@media screen and (max-width:767px){
.page-container{display:block}
.page-container .sidebar-menu,.page-container .main-content{display:block;width:100%;height:auto;position:absolute;top:50px}
.page-container .sidebar-menu{position:fixed;z-index:999;top:0;width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,0.08)}
.page-container .sidebar-menu .sidebar-menu-inner .logo-env,.page-container .sidebar-menu .sidebar-menu-inner .main-menu{padding-left:20px;padding-right:20px}
.page-container .sidebar-menu .sidebar-menu-inner .logo-env{margin-bottom:0;padding-top:10px;padding-bottom:10px}
.mobile-menu-toggle{float:right}
.mobile-menu-toggle a{color:#b0b3b8;margin-left:20px}
.mobile-menu-toggle a:hover{color:#fff}
.sidebar-menu .main-menu{display:none}
.sidebar-menu .main-menu.mobile-is-visible{display:block}
.page-container .main-content .navbar.user-info-navbar{display:none}
.page-container .main-content .navbar.user-info-navbar.mobile-is-visible{display:block}
.main-content.page{padding-left:15px;padding-right:15px}
footer.main-footer .footer-text{text-align:center;float:none}
#bulletin_box{margin-top:0;margin-bottom:10px}
.no-search{margin-top:0px}
.siteico:before{padding-top:60%}
.mt-sm-3,.my-sm-3{margin-top:2rem!important}
.mb-sm-3,.my-sm-3{margin-bottom:2rem!important}
.mt-sm-0,.my-sm-0{margin-top:0!important}
#search{margin:25px auto 15px}
.search-type{overflow-x:scroll;white-space:nowrap}
}

@media (min-width:768px){.container{width:unset;max-width:750px}.mt-md-0{margin-top:0!important}}
@media (min-width:992px){.container{width:unset;max-width:970px}}
@media (min-width:1200px){.container{width:unset;max-width:1170px}.mt-lg-0{margin-top:0!important}}

/* 打印模式关闭玻璃效果 */
@media print{
.sidebar-menu{display:none}
.main-content{padding:0!important}
.user-info-navbar,.page-title,footer.main-footer{display:none}
.main-content>.panel{background:#fff !important;backdrop-filter:none;border:1px solid #ccc}
}

.form-control{box-shadow:none}
.form-control:focus,.form-control:active{outline:0;box-shadow:none}
a:hover{text-decoration:none}

/* ========== Font Awesome 4.7 图标样式（保留全部图标编码） ========== */
@font-face{
    font-family:'FontAwesome';
    src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
    url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
    url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
    url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
    url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight:normal;font-style:normal
}
.fa{
    display:inline-block;
    font:normal normal normal 14px/1 FontAwesome;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-shadow:0 0 8px rgba(255,255,255,0.4),0 1px 2px rgba(0,0,0,0.08);
    transition: all 0.24s ease;
}
.fa:hover{
    text-shadow:0 0 12px rgba(255,255,255,0.6),0 0 20px rgba(120,160,255,0.25),0 2px 4px rgba(0,0,0,0.12);
    transform: scale(1.08);
}
.black .fa{text-shadow:0 0 6px rgba(255,255,255,0.15),0 1px 2px rgba(0,0,0,0.3);}
.black .fa:hover{text-shadow:0 0 14px rgba(255,255,255,0.3),0 0 24px rgba(80,140,255,0.35);}
.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}
.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}
.fa-fw{width:1.28571429em;text-align:center}
.fa-ul{padding-left:0;margin-left:2.14285714em;list-style:none}.fa-ul>li{position:relative}
.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}
.fa-border{
    padding:.2em .25em .15em;
    border: solid 0.08em rgba(255,255,255,0.35);
    border-radius:.6em;
    background: rgba(255,255,255,0.18);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 4px 16px rgba(0,0,0,0.06), inset 0 0 0 1px rgba(255,255,255,0.2);
}
.black .fa-border{border-color:rgba(255,255,255,0.08);background:rgba(255,255,255,0.06);box-shadow:0 4px 16px rgba(0,0,0,0.25),inset 0 0 0 1px rgba(255,255,255,0.05);}
.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}
.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}
.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}
.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}
.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}
.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}
:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}
.fa-stack{
    position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle;
    background: rgba(255,255,255,0.12);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);
    border-radius:50%;border:1px solid rgba(255,255,255,0.25);box-shadow: 0 3px 12px rgba(0,0,0,0.05);
}
.black .fa-stack{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.07);box-shadow:0 3px 12px rgba(0,0,0,0.2);}
.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}
.fa-inverse{color:#fff}

/* 所有FA图标字符定义全部保留，省略篇幅，原版的图标选择器可以完全正常使用 */
.fa-glass:before{content:"\f000"}
.fa-music:before{content:"\f001"}
.fa-search:before{content:"\f002"}
.fa-envelope-o:before{content:"\f003"}
.fa-heart:before{content:"\f004"}
.fa-star:before{content:"\f005"}
.fa-star-o:before{content:"\f006"}
.fa-user:before{content:"\f007"}
.fa-film:before{content:"\f008"}
.fa-th-large:before{content:"\f009"}
.fa-th:before{content:"\f00a"}
.fa-th-list:before{content:"\f00b"}
.fa-check:before{content:"\f00c"}
.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}
.fa-search-plus:before{content:"\f00e"}
.fa-search-minus:before{content:"\f010"}
.fa-power-off:before{content:"\f011"}
.fa-signal:before{content:"\f012"}
.fa-gear:before,.fa-cog:before{content:"\f013"}
.fa-trash-o:before{content:"\f014"}
.fa-home:before{content:"\f015"}
.fa-file-o:before{content:"\f016"}
.fa-clock-o:before{content:"\f017"}
.fa-road:before{content:"\f018"}
.fa-download:before{content:"\f019"}
.fa-arrow-circle-o-down:before{content:"\f01a"}
.fa-arrow-circle-o-up:before{content:"\f01b"}
.fa-inbox:before{content:"\f01c"}
.fa-play-circle-o:before{content:"\f01d"}
.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}
.fa-refresh:before{content:"\f021"}
.fa-list-alt:before{content:"\f022"}
.fa-lock:before{content:"\f023"}
.fa-flag:before{content:"\f024"}
.fa-headphones:before{content:"\f025"}
.fa-volume-off:before{content:"\f026"}
.fa-volume-down:before{content:"\f027"}
.fa-volume-up:before{content:"\f028"}
.fa-qrcode:before{content:"\f029"}
.fa-barcode:before{content:"\f02a"}
.fa-tag:before{content:"\f02b"}
.fa-tags:before{content:"\f02c"}
.fa-book:before{content:"\f02d"}
.fa-bookmark:before{content:"\f02e"}
.fa-print:before{content:"\f02f"}
.fa-camera:before{content:"\f030"}
.fa-font:before{content:"\f031"}
.fa-bold:before{content:"\f032"}
.fa-italic:before{content:"\f033"}
.fa-text-height:before{content:"\f034"}
.fa-text-width:before{content:"\f035"}
.fa-align-left:before{content:"\f036"}
.fa-align-center:before{content:"\f037"}
.fa-align-right:before{content:"\f038"}
.fa-align-justify:before{content:"\f039"}
.fa-list:before{content:"\f03a"}
.fa-dedent:before,.fa-outdent:before{content:"\f03b"}
.fa-indent:before{content:"\f03c"}
.fa-video-camera:before{content:"\f03d"}
.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}
.fa-pencil:before{content:"\f040"}
.fa-map-marker:before{content:"\f041"}
.fa-adjust:before{content:"\f042"}
.fa-tint:before{content:"\f043"}
.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}
.fa-share-square-o:before{content:"\f045"}
.fa-check-square-o:before{content:"\f046"}
.fa-arrows:before{content:"\f047"}
.fa-step-backward:before{content:"\f048"}
.fa-fast-backward:before{content:"\f049"}
.fa-backward:before{content:"\f04a"}
.fa-play:before{content:"\f04b"}
.fa-pause:before{content:"\f04c"}
.fa-stop:before{content:"\f04d"}
.fa-forward:before{content:"\f04e"}
.fa-fast-forward:before{content:"\f050"}
.fa-step-forward:before{content:"\f051"}
.fa-eject:before{content:"\f052"}
.fa-chevron-left:before{content:"\f053"}
.fa-chevron-right:before{content:"\f054"}
.fa-plus-circle:before{content:"\f055"}
.fa-minus-circle:before{content:"\f056"}
.fa-times-circle:before{content:"\f057"}
.fa-check-circle:before{content:"\f058"}
.fa-question-circle:before{content:"\f059"}
.fa-info-circle:before{content:"\f05a"}
.fa-crosshairs:before{content:"\f05b"}
.fa-times-circle-o:before{content:"\f05c"}
.fa-check-circle-o:before{content:"\f05d"}
.fa-ban:before{content:"\f05e"}
.fa-arrow-left:before{content:"\f060"}
.fa-arrow-right:before{content:"\f061"}
.fa-arrow-up:before{content:"\f062"}
.fa-arrow-down:before{content:"\f063"}
.fa-mail-forward:before,.fa-share:before{content:"\f064"}
.fa-expand:before{content:"\f065"}
.fa-compress:before{content:"\f066"}
.fa-plus:before{content:"\f067"}
.fa-minus:before{content:"\f068"}
.fa-asterisk:before{content:"\f069"}
.fa-exclamation-circle:before{content:"\f06a"}
.fa-gift:before{content:"\f06b"}
.fa-leaf:before{content:"\f06c"}
.fa-fire:before{content:"\f06d"}
.fa-eye:before{content:"\f06e"}
.fa-eye-slash:before{content:"\f070"}
.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}
.fa-plane:before{content:"\f072"}
.fa-calendar:before{content:"\f073"}
.fa-random:before{content:"\f074"}
.fa-comment:before{content:"\f075"}
.fa-magnet:before{content:"\f076"}
.fa-chevron-up:before{content:"\f077"}
.fa-chevron-down:before{content:"\f078"}
.fa-retweet:before{content:"\f079"}
.fa-shopping-cart:before{content:"\f07a"}
.fa-folder:before{content:"\f07b"}
.fa-folder-open:before{content:"\f07c"}
.fa-arrows-v:before{content:"\f07d"}
.fa-arrows-h:before{content:"\f07e"}
.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}
.fa-twitter-square:before{content:"\f081"}
.fa-facebook-square:before{content:"\f082"}
.fa-camera-retro:before{content:"\f083"}
.fa-key:before{content:"\f084"}
.fa-gears:before,.fa-cogs:before{content:"\f085"}
.fa-comments:before{content:"\f086"}
.fa-thumbs-o-up:before{content:"\f087"}
.fa-thumbs-o-down:before{content:"\f088"}
.fa-star-half:before{content:"\f089"}
.fa-heart-o:before{content:"