/*
Theme Name:     B2撸主题
Theme URI:      https://luqian.vip/
Description:    Child theme for the B2 PRO
Author:         xiaowen
Author URI:     https://luqian.vip/
Template:       b2
Version:        1.0.1
*/

/*全站鸿蒙字体*/
@font-face {
	font-family: 'luqianvip';
	src: url('https://luqian.vip/fonts/HarmonyOS_Sans_SC_Medium.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
body,pre {
	font-family: 'luqianvip', sans-serif;

}

/* 文章内带颜色提示框 */
/* 基础提示框样式 */
.luqian-box {
    padding: 1.2rem 1.5rem;
    margin: 1.5rem 0;
    border-radius: 6px;
    border-left: 4px solid;
    position: relative;
    transition: all 0.3s ease;
		    /* 背景图片设置 */
    background-image: url('https://luqian.vip/wp-content/uploads/2025/10/logo.png'); /* 替换为你的图片路径 */
    background-size: 180px; /* 控制背景图片大小 */
    background-repeat: no-repeat; /* 图片重复方式 */
    background-position:right top; /* 图片位置 */
    background-blend-mode: normal; /* 背景色与图片混合模式 */
}

/* 提示框标题样式 */
.luqian-box h4 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
    font-weight: 600;
}

/* 提示框内容样式 */
.luqian-box p {
    margin: 0;
    padding: 0;
}

/* 成功提示框 - 绿色 */
.luqian-success {
    background-color: #f0fff4;
    border-color: #38a169;
}

.luqian-success h4 {
    color: #2f855a;
}

.luqian-success p {
    color: #276749;
}

/* 信息提示框 - 蓝色 */
.luqian-info {
    background-color: #ebf8ff;
    border-color: #3182ce;
}

.luqian-info h4 {
    color: #2c5282;
}

.luqian-info p {
    color: #234e79;
}

/* 警告提示框 - 黄色 */
.luqian-warning {
    background-color: #fffaf0;
    border-color: #ecc94b;
}

.luqian-warning h4 {
    color: #975a16;
}

.luqian-warning p {
    color: #7b4214;
}

/* 错误提示框 - 红色 */
.luqian-error {
    background-color: #fff5f5;
    border-color: #e53e3e;
}

.luqian-error h4 {
    color: #c53030;
}

.luqian-error p {
    color: #9b2c2c;
}

/* 注意提示框 - 紫色 */
.luqian-note {
    background-color: #faf5ff;
    border-color: #805ad5;
}

.luqian-note h4 {
    color: #553c9a;
}

.luqian-note p {
    color: #44337a;
}

/* 提示框悬停效果 */
.luqian-box:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    transform: translateY(-2px);
}

@media (max-width: 767px) {
    .luqian-box::before {
        background-size: contain;
        background-repeat: no-repeat;
    }
}
/*文章内美化H标签开始*/
.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 #f25d8e;
	font-size: 21px;
}
.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;
}
.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;
}
.single-article .entry-content > h5{
	font-weight: bold;
	background-color: #f6f6f6;
	margin: 20px 0;
	padding: 5px 12px;
	border-left: 5px solid #0061a8;
	font-size: 12px;
}
/*文章内美化H标签结束*/
/* 隐藏手机端显示标签云小工具 */
@media (max-width: 767px) {
    .widget_tag_cloud {
        display: none !important;
    }
}

/*文章划过动画图片开始*/
 .post-module-thumb:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    background: url(https://s.luqian.vip/wp-content/uploads/2025/10/20251021160554698.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 3;
    -webkit-transform: scale(2);
    transform: scale(2);
    transition: opacity .75s, -webkit-transform .75s;
    transition: transform .75s, opacity .75s;
    transition: transform .75s, opacity .75s, -webkit-transform .75s;
    opacity: 0;
    pointer-events: none;
}
.post-module-thumb:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0);
    transition: background .35s;
    border-radius: 8px;
    z-index: 2;
    max-width: 765px;
    margin: 0 auto;
    pointer-events: none;
}
 .post-module-thumb:hover:before {
                background: rgba(0,0,0,.5)
            }
        .post-module-thumb:hover:after {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 1
            }
/*文章划过动画图片结束*/

/* logo扫光*/
 .logo{
    position:relative;
    overflow:hidden;
    margin: 0px 0 0 0px;
}
.logo:before{
    content:"";
     position: absolute;
     left: -665px;
     top: -460px;
     width: 200px;
     height: 15px;
     background-color: rgba(255,255,255,.5);
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
     -webkit-animation: searchLights 6s ease-in 0s infinite;
     -o-animation: searchLights 6s ease-in 0s infinite;
     animation: searchLights 6s ease-in 0s infinite;
}
@-moz-keyframes searchLights{
    50%{
        left: -100px;
         top: 0;
    }
     65%{
        left: 120px;
         top: 100px;
    }
}
@keyframes searchLights{
    40%{
        left: -100px;
         top: 0;
    }
     60%{
        left: 120px;
         top: 100px;
    }
     80%{
        left: -100px;
         top: 0px;
    }
}
/* logo扫光结束 */
/* 文章内code标签颜色修改 */
.entry-content p > code {
    color: #ff0044;
    background-color: #f8f8f8;
}
/* 文章内列表标签颜色修改 */
.entry-content >ul li::marker {
    color: #ff0044;
    font-family: 'DIN-Medium';
}

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

/*下载页资源标题渐变美化*/
.download-page-box h1 {
    font-size: clamp(1.5rem, 5vw, 2rem);
    font-weight: 700;
    text-align: center;
    margin: 1rem 0 1rem;
    background: linear-gradient(to right, #da1515, #3335de);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    letter-spacing: -0.02em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}