/*
Theme Name:     B2子主题
Theme URI:      http: //7b2.com/
Description:    Child theme for the seven
Author:         子主题模版
Author URI:     http: //7b2.com/
Template:       b2
Version:        0.1.5
*/

/*下面是您自己DIY的css样式代码*/
/* 修改字体开始 */
@font-face {
  font-family: 'moe';
  src: url('https://www.vwodis.com/wp-content/themes/b2child/ziti/ziti.woff2') format('woff2');
 
}
 /* 修改字体结束 */

/* 然后在全站使用这个字体 */
body {
  font-family: 'moe', sans-serif;
}


/*创建圈子按钮美化开始*/
.circle-widget-button .text {
    background: #f07775!important;
    border: 1px solid #f07775!important;
    border-radius: 0!important;
    color: #fff!important;
    padding: 8px 16px;
    transition: opacity .2s;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    margin: 0;
    white-space: nowrap;
}
/*创建圈子按钮美化结束*/

/*公告美化开始*/
.gg-box .modal-content {
  width: 28rem;
  overflow: hidden;
}
.gg-box-title .gg-title {
  width: 100%;
  text-align: center;
  padding: 0 !important;
}
.modal-content .gg-title {
  padding: 20px 30px 0px 30px;
}
.modal-content .gg-title a {
  font-size: 18px;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  display: block;
}
.gg-title a:hover {
  text-decoration: none;
}
.modal-content .gg-desc {
  padding: 20px 30px;
  font-size: 15px;
  letter-spacing: 0.5px;
}
.modal-content .gg-desc p {
  color: #909399;
}
.modal-content .gg-box-title h2 {
  font-size: 22px;
  margin-bottom: 0;
  text-align: center;
}
.gg-box-title .gg-title span {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
}
.title-bg {
  border: 0;
}

.gg-button a {
  border: 0;
  display: inline-block;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.5px;
  -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, 0.3);
  box-shadow: 0 5px 10px 0 rgba(16, 110, 253, 0.3);
}
/*公告美化结束*/

/*页脚美化开始*/
/*
 * 页脚美化
 */
@media screen and (max-width: 768px) {
	.site-footer-nav .wrapper .footer-links {
		display: none!important;
	}
	.footer-bottom {
		width:auto!important;
		background: none!important;
	}
}
.site-footer-nav {
    background-color: #000!important;
}
.site-footer-nav .wrapper .footer-links {
    margin-top: 0px;
    margin-bottom: 0px;
}
.footer-links {
	font-size: 12px;
    /*color: #4f4f4f;*/
    line-height: 2;
    margin: 0 -.5em 20px;
    word-break: keep-all;
	border:none;
	justify-content: none;
	padding: 20px 0px;
	display: block;
}
.footer-links ul li a:hover {
    color: #acacac;
}
.footer-links ul:before {
	content:'友情链接：';
   line-height: 3em;
}
.footer-bottom {
	padding: .5em 1.5em;
width: 1200px;
    margin: 0 auto;
    border-radius: 5px;
    background: #000;
	height: auto;
	margin-bottom: 1px;
	color: #ffffff;
}
/*页脚美化结束*/

/* 移除Adsense淡黄色背景 */
ins.adsbygoogle { background: transparent !important; }

/*首页横幅开始*/
.alert-warning {
    color: #000000;
    background-color: #f07775;
    border-color: #ffecb5;
}
.alert-dismissible {
    padding-right: 3rem;
}
.alert {
    position: relative;
    padding: 0.6rem 0.6rem;
    margin-bottom: -0.1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
@media (prefers-reduced-motion: reduce){
.fade {
    transition: none;
}
}
.fade {
    transition: opacity .15s linear;
}
.bg-danger {
    background-color: #dc3545!important;
}.badge {
    display: inline-block;
    padding: .35em .65em;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}
.bg-warning {
    background-color: #ffc107!important;
}
.text-dark {
    color: #212529!important;
}.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem;
}
.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    border: 0;
    border-radius: .25rem;
    opacity: .5;
}
@media (prefers-reduced-motion: reduce){
.spinner-border, .spinner-grow {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}
}
.spinner-grow-sm {
    width: 1rem;
    height: 1rem;
}.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: .75s linear infinite spinner-grow;
    animation: .75s linear infinite spinner-grow;
}.small, small {
    font-size: .875em;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75;
}
sup.spinner-grow.spinner-grow-sm.ml-1.small {
  
    margin-left: 4px;
   
    margin-bottom: 4px;
}
/*首页横幅结束*/

/*B2主题文章内容美化H标签 start*/
.entry-content > h2::before{content: '';margin-right:0;}
.single-article .entry-content > h2{
	font-weight: bold;
	background-color: #f6f6f6;
	margin: 20px 0;
	padding: 5px 12px;
	border-left: 5px solid #0061a8;
	font-size: 21px;
	left: -25px;
    position: inherit;
}
.single-article .entry-content > h3{
	font-weight: bold;
	background-color: #f6f6f6;
	margin: 20px 0;
	padding: 5px 12px;
	border-left: 5px solid #037ad1;
	font-size: 18px;
	left: -25px;
    position: inherit;
}
.single-article .entry-content > h4{
	font-weight: bold;
	background-color: #f6f6f6;
	margin: 20px 0;
	padding: 5px 12px;
	border-left: 5px solid #3a89c3;
	font-size: 15px;
	left: -25px;
    position: inherit;
}
.single-article .entry-content > h5{
	font-weight: bold;
	background-color: #f6f6f6;
	margin: 20px 0;
	padding: 5px 12px;
	border-left: 5px solid #FFC0CB;
	font-size: 12px;
	left: -25px;
    position: inherit;
}
/*B2主题文章内容美化H标签 end*/

/*签到按钮美化开始*/
/*渐变文字*/
.user-w-qd {
  background-image: linear-gradient(90deg, #673ab7 0%, #e91e63 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 15px;
}
/*去除背景图片*/
.user-w-qd-list-title {
  background-image: none;
}
/*隐藏背景颜色*/
.user-w-qd-list-title {
  background-color: #f000 !important;
}
/*左边按钮*/
.user-w-qd-list-title p.picked span {
  background-image: linear-gradient(90deg, #03a9f4 0%, #00bcd4 100%);
  color: #fff;
  font-size: 15px;
}
/*右边按钮*/
.user-w-qd-list-title p span {
  border-radius: 3px;
  background-image: linear-gradient(90deg, #f07775 0%, #f07775 100%);
  color: #fff;
  color: #fff;
  font-size: 15px;
}
/*签到按钮美化结束*/

/*等级颜色开始*/
.lv-icon.b2-vip0 b {
     color: #ffdbb1 !important;
    background: linear-gradient(90.34deg, #393f68 0.27%, #24263c 99.7%);
    padding: 0 5px;
    border-radius: 3px;
}
.lv-icon.b2-vip1 b {
     color: #ffdbb1 !important;
    background: linear-gradient(90.34deg, #393f68 0.27%, #24263c 99.7%);
    padding: 0 5px;
    border-radius: 3px;
}
.lv-icon.b2-vip2 b {
    color: #ffdbb1 !important;
    background: linear-gradient(90.34deg, #393f68 0.27%, #24263c 99.7%);
    padding: 0 5px;
    border-radius: 3px;
}
.lv-icon.b2-vip3 b {
    color: #ffdbb1 !important;
    background: linear-gradient(90.34deg, #393f68 0.27%, #24263c 99.7%);
    padding: 0 5px;
    border-radius: 3px;
}
.user-w-lv {
    display: flex;
    height: 22px;
    flex-wrap: wrap;
}
    /*用户等级*/
    .b2-lv0 i {
    background-color: #81d742!important;
    color: #ffffff!important;
}
.b2-lv1 i {
    background-color: #ff3a55!important;
    color: #ffffff!important;
}
.b2-lv2 i {
    background-color: #9d87d2!important;
    color: #ffffff!important;
}
.b2-lv3 i {
    background-color: #5ca0ff!important;
    color: #ffffff!important;
}
.b2-lv4 i {
    background-color: #1677ff!important;
    color: #ffffff!important;
}
.b2-lv5 i {
    background-color: #385ee5!important;
    color: #ffffff!important;
}
.b2-lv6 i {
    background-color: #19b955!important;
    color: #ffffff!important;
}
.comment-author .user-title{
    font-size: 13px;
    margin-left:10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    width:50%;
     -webkit-animation: shake 3s infinite;
        animation: shake 3s infinite;
color:#ff9900;

}

  @-webkit-keyframes shake{
        0%{
            opacity: 0;
        }
        100%{
            opacity: 1;
        }
    }@keyframes shake{
        0%{
            opacity: 0;
        }
        100%{
            opacity: 1;
        }
    }
/*等级颜色结束*/

/*滚动条开始*/
::-webkit-scrollbar {/*滚动条整体样式*/
width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
background-color: #FEFE68;
background-image: -webkit-linear-gradient(45deg, rgba(240, 119, 117, 1) 25%, transparent 25%, transparent 50%, rgba(240, 119, 117, 1) 50%,
rgba(240, 119, 117, 1) 75%, transparent 75%, transparent);
}
::-webkit-scrollbar-track {/*滚动条里面轨道*/
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
background: #f6f6f6;
}
/*滚动条结束*/

/*移动端底部导航样式开始*/
@media screen and (max-width: 768px){
    .mobile-footer-menu.footer-fixed {
    background: rgba(255, 255, 255, 0.9)!important;
    border-radius: 12px;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 90%;
    bottom: 10px!important;
}
.mobile-footer-menu a b {
    font-weight: 100;
}
.mobile-footer-center {
    padding: 10px;
}
.mobile-footer-menu .mobile-footer-center button i {
    right: -30%;
    position: absolute;
    line-height: 40px!important;
    height: 40px!important;
    border-radius: 50%!important;
    margin-top: -40px;
}
.mobile-footer-menu.footer-down {
    transform: translate(0,140%)!important;
}
}
/*移动端底部导航样式结束*/

/* 加载更多美化开始*/
.post-list .load-more .post-load-button:hover {
transform: translateY(-3px);
}
.post-list .load-more .post-load-button {
width: auto;
border: 0;
transition: all .3s;
padding: 6px 40px;
font-size: 13px;
letter-spacing: .5px;
background-color: var(--primary-color);
background-image: -webkit-gradient(linear, left top, right top, from(#f07775), to(#f07775));
background-image: -webkit-linear-gradient(left, #f07775, #f07775);
background-image: -o-linear-gradient(left, #f07775 0, #f07775 100%);
background-image: linear-gradient( 
90deg, #f07775, #f07775);
-webkit-box-shadow: 0 5px 10px 0 rgb(16 110 253 / 30%);
box-shadow: 0 5px 10px 0 rgb(16 110 253 / 30%);
color: #fff!important;
}
/* 加载更多美化结束*/


/* --------------- 移动端登录态布局修复（仅屏幕≤768px生效） --------------- */
@media (max-width: 768px) {
  /* 1. 统一头部右侧用户区域为Flex布局，确保元素横向有序排列 */
  .header-user {
    display: flex;
    align-items: center; /* 垂直居中所有子元素 */
    gap: 8px; /* 元素之间保留8px间距，避免拥挤 */
    padding: 4px 0; /* 上下微增内边距，优化整体对齐 */
  }
 
  /* 2. 语言切换图标容器（translate-p）调整，避免偏移 */
  .translate-p.hover-show {
    margin-top: 0 !important; /* 清除原有inline样式的margin-top，避免上移错位 */
    margin-right: 65px;
    display: flex;
    align-items: center; /* 确保内部SVG图标垂直居中 */
  }
 
  /* 4. 登录后用户头像区域调整，控制大小和对齐 */
  .top-user-info .top-user-avatar {
    width: 28px; /* 移动端缩小头像尺寸，适配窄屏 */
    height: 28px;
  }
  .top-user-avatar .avatar {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 确保头像图片不拉伸 */
  }
 
  /* 5. 语言下拉菜单定位修复（避免遮挡或偏移） */
  .hover-show-con.dropdown-menu {
    top: 36px !important; /* 下拉菜单在图标正下方显示 */
    left: auto !important;
    right: 0; /* 右对齐，适配移动端右侧布局 */
    transform: none !important; /* 清除可能的位移干扰 */
  }
}
.social-top .change-theme>div a{
    margin-right: 1px;
}
@media screen and (max-width: 768px) {
    .top-style.header-banner .change-theme .mobile-show {
        display: block;
        margin-right: -10px;
    }
}