.bodyback {position: fixed;_position: absolute;top: 0;left: 0;height: 100%;width: 100%;min-width: 1000px;z-index: -10;background-position: center 0;background-repeat: no-repeat;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;zoom: 1;background-color: var(--global-bg);background-image: url(https://dss1.bdstatic.com/lvoZeXSm1A5BphGlnYG/skin/cn121xing.jpg);}
ul.layui-nav {background: rgb(0 0 0 / 22%);}
.layui-this:after { height: 0 !important; }

body { /* IOS禁止微信调整字体大小 */
    -webkit-text-size-adjust: 100% !important;
}

/*logo 搜索*/
.logo {position: relative;height: 40%;min-height: 220px;max-height: 510px;width: 1000px;margin: 0 auto;}
.logo .logo-a {width: 654px;height: 100%;margin: 0 auto;text-align: left;z-index: 100;}
.logo .logo-b {height: 60%;min-height: 110px;max-height: 310px;position: relative;z-index: 0;text-align: center;}
.logo .m_nav {display:none}
/*.logotext {color: #fff;position: absolute;bottom: 10px;width: 100%;text-align: center;font-size: 40px;font-weight: bold;}*/
.logotext {position: absolute;bottom: 10px;width: 100%;text-align: center;}
.logo form {position: relative;}
.logo #s_kw_wrap {position: relative;width: 540px;display: inline-block;zoom: 1;}
.logo #kw {border-color: #4569FD;width: 443px;height: 16px;padding: 12px 16px;padding-right: 87px;font-size: 16px;margin: 0;vertical-align: top;outline: 0;box-shadow: none;border-radius: 10px 0 0 10px;border: 2px solid #4569ff;background: #fff;color: #222;overflow: hidden;box-sizing: content-box;-webkit-tap-highlight-color: transparent;}
.logo .s_btn_wr {width: 108px;height: 44px;position: relative;z-index: 2;display: inline-block;top: 15px;}
.logo .s_btn {cursor: pointer;width: 108px;height: 44px;line-height: 45px;padding: 0;background: 0 0;background-color: #4e6ef2;border-radius: 0 10px 10px 0;font-size: 17px;color: #fff;box-shadow: none;font-weight: 400;border: none;outline: 0;}

/*content*/
#nav-top{background: none;box-shadow: none;position: absolute;top: -70px;width: 100%;padding: 0px;display: flex;justify-content: center;}


.content-blog { width: 1150px; margin: 0 auto; }
.loglist-cover img { width: 50px; border-radius: 10px; }
.content-blog > .layui-row {list-style: none;padding: 10px 20px;position: relative;z-index: 1000;border-radius: 15px;background: var(--content-bg);margin: 20px auto;box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 30%);display: flex;flex-wrap: wrap;}
.bloginfo {padding: 0 10px;margin-bottom: 20px;}
.link-b {background: #ffffffad;padding: 20px 20px 15px;display: block;position: relative;display: flex;flex-direction: row;box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 30%);}
.link-name { font-size: 18px; }
.link-jb {position: absolute;top: 0px;right: 0;padding: 0 15px;height: 29px;line-height: 29px;color: #fff;z-index: 500;background-color: #46c37b;}
.link-jb:before {position: absolute;display: block;width: 0;height: 0;content: "";top: 0;right: 100%;border: 15px solid;border-color: #46c37b;border-left-color: transparent;border-bottom-color: transparent;}
.link-left { display: flex; align-items: center;height:50px; }
.link-right p { margin-top: 6px; border-top: 1px solid #ddd; padding-top: 4px; }
.link-right { display: flex; flex-direction: column; justify-content: center; }
.loglist-cover { margin-right: 10px; }
.link-title {width: 100%;min-width: auto;margin: 0;height: 35px;font-size: 16px;line-height: 33px;padding: 0 20px 0 10px;margin-bottom: 10px;color: #5a5c69;}

/*word*/
#word {list-style: none;width: 100%;background: rgba(259,259,259,0.9);border-radius: 5px;padding: 15px 10px;position: absolute;margin-top: 10px;z-index: 10000;}
#word > .keylist {height: 35px;padding: 0 5px;text-indent: 30px;background-size: 20px;line-height: 35px;cursor: pointer;font-size: 16px;border-radius: 5px;}
#word .keylist:hover{background-color:#ddd}
.selected {background-color:#ddd}

/*footer*/
footer { text-align: center; padding: 10px; color: #bbb; }
footer a {color: #bbb;}



/* 评论处的输入框提示，居中、隐藏 */
.com_control:focus::-webkit-input-placeholder{color: rgba(255, 255, 255, 0)} 
.com_control::-webkit-input-placeholder {color: rgba(116, 116, 116, 0.336)}
@media (min-width:578px) {.com_control::-webkit-input-placeholder {text-align: center}}
.comment-header {margin-block: 30px;height: 0}
.comment-post {clear: both}
.comment-post p {margin: 5px 0px}
.comment-post .cancel-reply {float: right;cursor: pointer;padding-right: 10%}
.comment-post .cancel-reply:hover {text-decoration: underline}
.comment-post small {font-size: 12px;color: #999}
.comment-post input {padding: 7px 40px;font-size: small;color: #848797;width: 33.3333334%}
.comment-post #comment {padding: 10px;width: 100%;border: 1px #d6d6d6 solid;font-size: small;border-radius: var(--marRadius) 10px 0 0;height: 130px;resize: none}
.comment-post #comment_submit {width: 84px;height: 35px;text-align: center;font-size: 14px;margin: 10px 0px;float: left;margin-right: 1px;border-radius: 8px;border: 1px solid #dedede;padding: 7px 10px;justify-content: center}
.comment-post #comment_submit:hover {cursor: pointer;color: #fff;background-color: #007bff}
.comment-post .input {width: 100px}
.comment {margin: 10px 0;padding: 10px 0px;font-size: medium;border-bottom: 1px #f7f7f7 solid;overflow: hidden;color: #333}
.comment span {color: #ff7a15}
.comment .comment-time {color: #999999;display: inline;font-size: 10px}
.comment .avatar {float: left;margin: 5px 4px}
.comment .comment-infos {background: #f7f7f7;padding: 12px;padding-bottom: 5px;border-radius: var(--marRadius);margin-top: 9px;margin-left: 58px}
.comment .comment-infos-unGravatar {padding: 5px}
.com-bottom {margin-bottom: 80px;}
/* 评论列表中指向评论者头像的箭头 */
.arrow {position: absolute;margin-top: 3px;margin-left: -34px;border-width: 13px;border-style: solid;border-color: transparent #f7f7f7 transparent transparent}
.comment .comment-content {margin: 8px 0px 0px 0px;word-break: break-word}
.comment .comment-reply {float: right;font-size: 12px;cursor: pointer;margin-top: -15px}
.comment .comment-reply:hover {text-decoration: underline}
.comment-children {margin: 20px 10px 10px 20px;clear: both;border: none;padding: 0}
.comment .comment-post {width: 90%;margin: 15px auto}
.comment-info {text-overflow: ellipsis;overflow: hidden;margin-top: -8px;white-space: nowrap}
/* 边栏处的最新评论信息margin-top应该是0 */
.unstyle-li .comment-info {margin-top: 4px}
.cancel-reply {font-size: large}
/* 评论人的头像 */
.avatar img {width:40px;margin-top: 9px;margin-right: 4px;border-radius: 50%}
.unstyle-li input[type="submit"] {background-color: #313131;color: #FFFFFF;margin-left: -25px;height: 39px;width: 55px;border: 0;border-radius: 0 3px 3px 0;padding: 0}
/* 评论区的 回复、取消回复 按钮 */
.comment-replay-btn {border: none;cursor: pointer;padding: 0;background-color: unset}
.comment-replay-btn:hover {color: #f6607d;text-decoration: underline;transition: all 0.2s}
/* 评论相关 */
#comment-info {display: flex;flex-direction: column;}
#comment-info input {width: 50%;}
.comment-post #comment {border-radius: 6px;}
.comment-post input {width: 100%}
.commentform .comment-info {margin-top: -5px}
#comments {margin-bottom: 80px}
.com_control {border: 1px solid #ced4da;border-radius: 6px !important;margin-top: 10px}
.comment-mail {margin-bottom: 10px;}
.comment .comment-post {display: table}
/* 评论列表换新样式 */
.arrow {display: none}
.comment .comment-infos {margin-left: 0;font-size: 14px}
.comment .avatar {margin: 6px 8px;height: 30px;width: 30px;}



/*其他*/
div#he-plugin-simple { display: flex; }

/* 新增LOGO字符样式 */
.logotext span {
    display: inline-block;
    width: 28px;
    height: 26px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    transition: all .24s;
    margin: 0 2px; /* 字符间距 */
}

.logotext span.b {
    background: #414141;
    color: #fff;
}

.logotext span.b:hover {
    background: #555;
}

.logotext span.w {
    background: #fff;
    color: #414141;
}

.logotext span.w:hover {
    background: #414141;
    color: #fff;
}

/* 自适应栅格容器 */
.content-blog > .layui-row > div {
    display: flex;
    flex-wrap: wrap; /* 自动换行 */
    gap: 20px; /* 项之间的间距 */
    padding: 10px;
}

/* 自适应文章项 */
.blog-item {
    flex: 1 1 250px; /* 最小宽度250px，超出部分自动分配宽度 */
    max-width: calc(100% - 20px); /* 防止单项目过宽 */
    list-style: none;
}

/* 移除原固定宽度限制 */
.content-blog {
    width: 100%; /* 完全宽度 */
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 移除原限制样式 */
.bloslist {
    flex: none !important; /* 清除原100%宽度限制 */
}

/* 修复导航下拉菜单被遮挡问题 */
.layui-nav {
    position: relative;
    z-index: 999; /* 导航栏自身层级 */
}
.layui-nav .layui-nav-child {
    position: absolute;
    z-index: 10000; /* 下拉菜单层级（高于页面所有内容） */
    overflow: visible !important; /* 确保子菜单不被截断 */
}
.headerNav {
    overflow: visible !important; /* 解除导航容器的溢出隐藏限制 */
}
.content-blog {
    position: relative;
    z-index: 100; /* 内容区层级低于下拉菜单 */
}

/* 导航栏基础样式 */
.headerNav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    transition: all 0.3s ease-in-out;
    background-color: transparent;
}

/* 滚动触发的毛玻璃效果 */
.headerNav.scrolled {
    background: var(--nav-bg);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* 导航菜单基础样式 */
.layui-nav {
    position: relative;
    z-index: 999;
    background: transparent !important;
}

.layui-nav-item {
    transition: all 0.3s ease;
}

.layui-nav a {
    /*color: inherit;*/
	color: var(--nav-text)!important;
    transition: all 0.3s ease;
}

/* 可交互元素hover效果 */
.layui-nav a:hover,
#menu-toggle:hover,
.layui-nav-itemed > a,
.layui-nav-tree .layui-nav-itemed > a:hover,
.layui-nav-child a:hover {
    /*color: #00FFD9 !important;*/
	color: var(--nav-hover) !important;
    background-color: transparent !important;
}

/* 下拉菜单样式 */
.layui-nav .layui-nav-child {
    position: absolute;
    z-index: 10000;
    /*background: rgba(43, 45, 47, 0.9) ;*/
	background: var(--nav-child-bg);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: none;
}

/* 修复导航栏溢出问题 */
.headerNav {
    overflow: visible !important;
}

.content-blog {
    position: relative;
    z-index: 100;
}

/* 移动端菜单样式 */
#mobile-menu {
    background: rgba(43, 45, 47, 0.8);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

#mobile-menu .layui-nav {
    width: 100%;
    background: transparent !important;
}

#mobile-menu .layui-nav-item {
    display: block;
    width: 100%;
}

/* 菜单按钮样式 */
#menu-toggle {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
}

/* 移除冲突样式 */
#nav-top {
    position: static !important;
    background: none !important;
    box-shadow: none !important;
    width: auto !important;
    padding: 0 !important;
    display: block !important;
    justify-content: normal !important;
}

/* 呼吸效果动态渐变背景 - 新增变量定义 */
:root {
    /* 渐变结束色（可根据需要在后台添加设置项） */
    --gradient-end: #6a11cb;
    /* 引入后台设置的背景图（关联options.php中的back设置项） */
    --original-bg-image: url(<?= _g('back', TEMPLATE_URL . 'resource/images/cn121xing.jpg') ?>);
}

/* 呼吸动画关键帧（关联后台透明度设置） */
@keyframes breatheGradient {
    0% {
        background-position: 0% 50%;
        opacity: <?= _g('bg_breath_start', '0.9') ?>;
    }
    50% {
        background-position: 100% 50%;
        opacity: <?= _g('bg_breath_mid', '1.0') ?>;
    }
    100% {
        background-position: 0% 50%;
        opacity: <?= _g('bg_breath_end', '0.9') ?>;
    }
}

/* 重写背景样式，应用渐变动画 */
.bodyback {
    /* 移除强制清除背景图的代码 */
    /* background-image: none !important; */
    
    /* 叠加渐变到原有背景图上 */
    background: 
        linear-gradient(135deg, var(--global-bg), var(--gradient-end)) fixed,
        var(--original-bg-image) fixed !important;
    background-size: 200% 200%, cover !important; /* 分别设置渐变和背景图的尺寸 */
    background-blend-mode: overlay; /* 渐变与背景图混合模式（可选） */
    animation: breatheGradient 15s ease infinite ;
}