/*
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样式代码*/

/*2025.02.24 文章搜索列表缩略图不显示 样式修复 */
.post-3 .post-module-thumb.mobile-hidden{
    width: 220px; 
}

@media screen and (max-width: 768px) {
.post-3 .post-module-thumb.mobile-show {
        width: 120px; 
    }
}

/*购物车邮箱提示 2024.01.05*/
.cartstip {
    font-weight: bold;
    color:#ff0000;
    font-size:18px;
    text-align:right;
}

/*搜索提示 图片居中 2023.12.26*/
.search-tips {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*消息添加NEW角标*/
.new {
display: inline-block;
transform: translateY(-12px);
    font-size: .50rem;
    letter-spacing: 0.05em;
    background: linear-gradient(to top,#ffe6e6 0%,#fdd4d4 100%);
    color: #ffffff;
    border-radius: 1rem;
    padding: .15rem .275rem;
    line-height: 1;
}

/*文章加载更多 按钮修改*/
.post-list .load-more button {
	padding:12px 40px;
	width:auto;
	background:#0084ff;
	color:#fff;
	font-size:14px;
	margin:30px auto 20px auto;
	border-radius:3px;
}
.post-list .load-more button:hover {
	background:#0084ff;
	color:#fff;
}

/*文章喜欢后的颜色修改*/
.content-footer-poster .favorite-button.sc{
    color:#00d62e
}

/*文章卡片宽度*/
.insert-post{
    max-width: 100%;
}

/*搜索阅读数隐藏*/
.post-list-meta-views {
    display:none;
}

/*首页导航菜单文章数隐藏*/
/*.b2-menu-1 .sub-menu-0 li a p {*/
/*    display:none*/
/*}*/

/*最新文章 更多文章里阅读数隐藏*/
.cg-p-meta .cg-p-view {
    display:none;
}

/*猜你喜欢查看数隐藏*/
.realte-post-meta span:last-child {
    display:none;
}

/*首页 写文章 按钮隐藏*/
.top-submit {
    display:none;
}

/*首页幻灯片隐藏头像*/
.slider-user img {
    display:none;
}

/*手机端 文章内页作者隐藏*/
.post-user-info {
    display:none;
}

/*隐藏文章查看数次隐藏*/
.single-eye { 
    display: none;
}

/*商铺人气隐藏*/
.shop-single-data-value .views {
    display: none;
}
.shop-normal-item-count{
    display: none;
}
.total-rodia{
    display: none;
}

/*商铺赠送积分 文字大小、颜色修改*/
.shop-single-data-credit {
    color:#ff0000;
    font-size:20px;
}

/*VIP用户等级图标美化*/
/*会员标志*/
.lv-icon.user-vip {
height: 18px;
line-height: 18px;
padding: 0;
padding-left: 20px;
} 
/*用户侧边栏面板显示问题*/
.user-w-lv {
display: flex;
height: 22px;
flex-wrap: wrap;
}
.b2-vip0{
background-image: url(https://www.koyi.pub/diy/icon/vip0.png);
background-repeat: no-repeat;
background-size: contain;
}
.b2-vip1{
background-image: url(https://www.koyi.pub/diy/icon/vip1.png);
background-repeat: no-repeat;
background-size: contain;
}
.b2-vip2{
background-image: url(https://www.koyi.pub/diy/icon/vip2.png);
background-repeat: no-repeat;
background-size: contain;
}
.b2-vip3{
background-image: url(https://www.koyi.pub/diy/icon/vip3.png);
background-repeat: no-repeat;
background-size: contain;
}
.b2-vip4{
background-image: url(https://www.koyi.pub/diy/icon/vip4.png);
background-repeat: no-repeat;
background-size: contain;
}
/*VIP用户等级图标美化*/

/*文章列表标题加粗*/
.post-3 .post-info h2 {
    font-weight: bold;
}

/*H2标题美化开始 2024.01.09*/
.entry-content>h2:after {
    content: " ";
    position: absolute;
    left: 0;
    width: 1.8em;
    height: 3px;
    background: var(--b2color);
    margin-top: 30px;
    border-radius: 8px;
    transition: all .35s;
}
.entry-content>h2:hover:after {
    width: 4em
}
/*H标题美化结束*/

/*评论加加背景颜色 链接加选择变色*/
.comment-content-text {
    background-color: #f4f6fb;
    font-size: 14px;
    padding: 3px 10px;
    border-radius: 8px;
    margin: 10px 0 20px;
    line-height: 30px;
    color: #000;
}
.comment-content-text a:hover{
    color: #0000FF;
}

/*文章隐藏内容背景色*/
.content-hidden-info {
    background-color: #f4f6fb;
}

/* 解决谷歌人机验证在移动端的问题 */
/*@media screen and (max-width:768px){*/
/*    #g-recaptcha-main iframe{*/
/*        height: 80px;*/
/*    }*/
/*}*/

/* 文章隐藏内容提示文字大小 */
.content-cap-title {
    color:#ff0000;
    font-size: 15px;
}
.hidden-tips {
    font-size: 14px;
    color:#bcbcbc;
}

/*修复评论时间上下分行 2024.04.09*/
.comment-floor time {
    white-space: nowrap;
}

/* 文档中心 举报按钮隐藏 2025.06.07*/
.single-document-footer > button.jubao-button {
    display: none;
}

/* 文章举报按钮隐藏 2025.09.12*/
/* 隐藏文章内容底部的举报按钮 */
.content-footer-poster button[data-title="举报"] {
    display: none !important;
}

/* 隐藏评论区域的举报按钮 */
.jubao-button {
    display: none !important;
}

/* 修复 change-theme 错位问题 */
.translate-p hover-show ml10 navbar-toggle {
    margin-top: 2px;
}
.hover-show {
    position: relative;
    margin-right: 10px;
}
/* 文章举报按钮隐藏 2025.09.12 结束*/

/* 首页幻灯片用户名隐藏 2025.09.30 */
.slider-user span:nth-child(2) {
    display: none !important;
}

/* 2025.11.18 登录窗口阴影样式 */
#login-box .modal-content {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15), 
                0 5px 15px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

/* 鼠标悬停时增强阴影效果 */
#login-box .modal-content:hover {
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2), 
                0 8px 20px rgba(0, 0, 0, 0.15);
    transform: translateY(-5px);
}
/* 2025.11.18 登录窗口阴影样式 结束 */

/* 2025.12.05 针对虚拟物品接收邮箱标题进行样式增强 */
.carts-address .carts-desc {
    font-size: 18px !important; /* 放大字体 */
    font-weight: 900 !important; /* 加粗文字 */
    color: #ff6600 !important; /* 使用醒目的橙色 */
    margin-bottom: 10px !important;
    padding: 5px 0 !important;
    border-left: 4px solid #ff6600 !important; /* 左侧添加彩色边框 */
    padding-left: 10px !important;
    background-color: rgba(255, 102, 0, 0.05) !important; /* 浅色背景 */
    display: block !important;
    width: 100% !important;
}

/* 针对邮箱地址本身也进行强调 */
.carts-address p {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #333 !important;
    padding: 8px 12px !important;
    background-color: #fff8e1 !important; /* 浅黄色背景 */
    border-radius: 4px !important;
    border: 1px solid #ffd54f !important;
    margin-top: 5px !important;
}

/* 当邮箱为空时的提示文字 */
.carts-address p[style*="color:#999"] {
    color: #ff3d00 !important; /* 更醒目的红色 */
    font-weight: 700 !important;
    font-size: 16px !important;
    background-color: #ffebee !important;
    border: 1px dashed #ff3d00 !important;
}

/* 编辑按钮也稍微加强 */
.cart-edit-address button {
    font-weight: 700 !important;
    color: #0084ff !important;
}
/* 2025.12.05 针对虚拟物品接收邮箱标题进行样式增强 结束 */

/* 2025.03.24 隐藏 header-user 中的"发起"按钮 */
.header-user .change-theme .mobile-hidden.user-tips {
    display: none !important;
}

/* 2026.03.26 文章缩略图鼠标悬停柔和放大效果 */
.post-module-thumb {
    overflow: hidden;
}
.post-module-thumb .post-thumb.loaded {
    transition: opacity 400ms, transform 0.4s ease;
    will-change: transform;
}
.post-module-thumb:hover .post-thumb {
    transform: scale(1.08);
}
/* 2026.03.26 文章缩略图鼠标悬停柔和放大效果 */

/* 2026.03.26 热门推荐 文章标题覆盖缩略图效果 */
#post-item-Featured2 .item-in,
#post-item-featuredhot .item-in {
    position: relative;
    overflow: hidden;
}
#post-item-Featured2 .post-info,
#post-item-featuredhot .post-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 32px 10px 10px;
    background: linear-gradient(to top, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0.5) 45%, transparent 100%);
    pointer-events: none;
}
#post-item-Featured2 .post-info h2,
#post-item-featuredhot .post-info h2 {
    margin: 0;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.5;
    pointer-events: auto;
}
#post-item-Featured2 .post-info h2 a,
#post-item-featuredhot .post-info h2 a {
    color: #fff !important;
    text-shadow: 0 1px 4px rgba(0,0,0,0.7);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#post-item-Featured2 .post-info h2 a:hover,
#post-item-featuredhot .post-info h2 a:hover {
    color: #65d3ff !important;
}
#post-item-Featured2 .post-list-meta-box,
#post-item-Featured2 .list-footer,
#post-item-featuredhot .post-list-meta-box,
#post-item-featuredhot .list-footer {
    display: none;
}
/* 2026.03.26 热门推荐 文章标题覆盖缩略图效果 */

/* 2026.03.26 将登录注册按钮改为兑换 */
.content-cap-login {
    font-size: 0;
    background: #0084ff;
    border: 1px solid #0084ff;
    color: #fff;
    padding: 8px 20px;
}
.content-cap-login::before {
    content: '兑换';
    font-size: 12px;
}
.content-cap-signin {
    display: none;
}
/* 2026.03.26 将登录注册按钮改为兑换 */

/* 2026.04.12 隐藏快讯发布按钮*/
.po-n {
    display: none !important;
}
/* 2026.04.12 隐藏快讯发布按钮*/

/*2026.04.12 隐藏快讯时间.作者*/
.news-item-header:nth-child(2) {
        display: none !important;
}
/*2026.04.12 隐藏快讯时间.作者*/

/*2026.04.28 韩剧 头图高度*/
.newsflahses-cover {
    padding-top: 12%;
    height: 0;
    background-color: #f5f6f7;
    position: relative;
    background-size: cover;
}
/*2026.04.28 韩剧 头图高度*/

/*2026.04.12 隐藏快讯时间.作者*/
.b2font b2-search-line {
        display: none !important;
}

/*2026.05.12 隐藏首页右侧搜索按钮*/
.bar-item:has(.b2font.b2-search-line) {
    display: none;
}
/*2026.05.12 隐藏首页右侧搜索按钮*/