.entry-content > p, .content-show-roles > p {
    line-height: 2;
}
.entry-header {
	margin-bottom: 10px;
    border-bottom: 1px solid #f5f6f7;
    padding-bottom: 0px;
    padding-top: 20px;
}

.post-breadcrumb {
	padding: 0;
	margin-bottom: 10px!important
}

.poster-image {
	height: 0;
	padding-top: 75%;
	position: relative;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.ava-ava {
	display: flex;
	margin-bottom: 20px
}

.single-article h1 {
	margin-bottom: 17px
}

#onecad-single-content {
	overflow: hidden;
	background: var(--ji-single-header);
	border-radius: 8px
}

.content-show-roles>p,.ji-single-content .entry-content>p {
	line-height: 2
}

.ji-single-content .lv-icon {
	color: var(--b2color)!important
}

.ji-single-content .w-d-download span button {
	background-color: var(--b2color);
	font-weight: 400;
	text-align: center;
	font-size: 14px;
	color: #fff!important
}

.ji-single-content .entry-header {
	border-bottom: 1px solid var(--main-border-color)
}

.w-d-current a {
	color: var(--b2color)!important
}

.ji-single-content .post-meta-row {
	margin-bottom: 6px
}

.ji-single-content .entry-header {
	margin-bottom: 10px;
	padding-bottom: 10px
}

.jitheme_post_gg {
	margin-top: 0
}

.post-meta li span b {
	font-weight: 400;
	margin-top: -1px;
}
.post-meta li {
    margin-right: 15px;
}
.single .post-meta li span, .single .post-meta .single-edit {
    margin: 0;
    padding: 0 10px;
    height: 25px;
    border-radius: 4px;
    font-weight: 500;
    background-color: #eee;
    line-height: 25px;
}
.modula .modula-item.effect-pufrobo .figc {
	text-align: right;
	display: none
}

.post-tags-meat-onecad .post-list-cat {
	margin: 0
}

.single-article {
	width: 100%;
	max-width: 100%;
	padding-top: 0;
	position: relative;
	box-sizing: border-box
}

/* 
 * 代码块容器基础样式
 * 控制整个代码块的背景、内边距、圆角等整体外观
 */
.entry-content pre {
    background-color: #2f3640; /* 深灰近黑色背景，符合Monokai风格 */
    color: #e6e9ed; /* 基础文字颜色，用于默认文本 */
    font-size: .875em; /* 字体大小，稍小于正文提升可读性 */
    margin: 15px 0; /* 上下外边距，与前后内容保持距离 */
    overflow-x: auto; /* 当代码过长时允许水平滚动，避免内容溢出 */
    border: none !important; /* 移除默认边框，保持简洁风格 */
    padding: 60px 15px 15px 15px; /* 内边距：顶部留足45px高的顶部栏空间+15px间距，其他方向15px */
    position: relative; /* 相对定位，作为内部绝对定位元素（如顶部按钮）的参考 */
    border-radius: 10px; /* 圆角设置为10px，符合要求 */
}

/* 
 * 代码行号列表样式
 * 控制行号整体布局，行号与左侧边距距离为0px
 */
.entry-content > pre ol, 
.content-show-roles > pre ol, 
ol.linenums {
    margin: 0; /* 清除默认外边距 */
    padding-left: 0px; /* 关键设置：行号与左侧边距的距离为0px */
    list-style-position: inside; /* 行号显示在列表内部，避免超出容器 */
}

/* 
 * 代码行样式
 * 控制每一行代码的布局和基本样式
 */
.entry-content > pre ol li, 
.content-show-roles > pre ol li {
    margin: 0 !important; /* 清除默认行外边距 */
    line-height: 22px; /* 行高设置，提升多行代码可读性 */
    font-size: 14px; /* 代码字体大小 */
    padding-left: .5em; /* 行号与代码内容之间的间距 */
    color: inherit; /* 继承父元素的文字颜色 */
}

/* 
 * 代码行hover效果
 * 鼠标悬停在代码行时的样式变化，提升交互体验
 */
.entry-content > pre ol li:hover, 
.content-show-roles > pre ol li:hover  {
    background-color: #3a4250 !important; /* 悬停时背景色稍浅，突出当前行 */
    cursor: pointer; /* 鼠标变为指针样式，提示可交互 */
}

/* 
 * 代码行默认背景
 * 确保行背景与容器背景一致
 */
pre ol li {
    background-color: #2f3640 !important;
}

/* 
 * 行号本身样式
 * 控制行号数字的颜色
 */
ol.linenums {
    color: #656d78; /* 行号颜色，灰色不抢眼但清晰可见 */
}

/* 
 * 行号列表项细化样式
 * 确保所有行号行的一致性
 */
li.L0,
li.L1,
li.L2,
li.L3,
li.L4,
li.L5,
li.L6,
li.L7,
li.L8,
li.L9 {
    padding-left: .5em; /* 与代码行内边距保持一致 */
    background-color: #2f3640; /* 行背景色与容器统一 */
    list-style-type: decimal; /* 行号使用十进制数字 */
}

/* 
 * 代码字体设置
 * 使用等宽字体，确保代码排版整齐
 */
code,pre {
    font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace!important;
}

/* 
 * 语法高亮颜色定义
 * 按照提供的规范设置不同语法元素的颜色，实现分层高亮
 */
.pln { color: #e6e9ed; } /* 普通文本（plain text） */
.str { color: #ffce54; } /* 字符串（string） */
.kwd { color: #4fc1e9; } /* 关键字（keyword） */
.com { color: #656d78; } /* 注释（comment） */
.typ { color: #4fc1e9; } /* 类型名称（type） */
.lit { color: #ac92ec; } /* 字面量值（literal，如数字） */
.pun { color: #e6e9ed; } /* 标点符号（punctuation） */
.opn { color: #e6e9ed; } /* 左括号（opening bracket） */
.clo { color: #e6e9ed; } /* 右括号（closing bracket） */
.entry-content .tag { color: #ed5565; } /* 标记标签名（如HTML标签） */
.atn { color: #a0d468; } /* 属性名（attribute name） */
.atv { color: #ffce54; } /* 属性值（attribute value） */
.dec { color: #ac92ec; } /* 声明（declaration） */
.var { color: #e6e9ed; } /* 变量名（variable） */
.fun { color: #e6e9ed; } /* 函数名（function） */

/* 
 * 代码块顶部模拟窗口按钮
 * 模拟IDE窗口的关闭、最小化、最大化按钮，增强视觉效果
 */
.entry-content pre:after {
    content: " "; /* 生成一个空元素作为按钮容器 */
    position: absolute; /* 绝对定位，固定在顶部 */
    border-radius: 50%; /* 圆形按钮 */
    width: 15px; /* 按钮宽度15px */
    height: 15px; /* 按钮高度15px */
    top: 15px; /* 距离顶部15px，垂直居中于45px高的顶部栏 */
    left: 15px; /* 距离左侧15px */
    background: #fc625d; /* 红色：模拟关闭按钮 */
    box-shadow: 25px 0 #fdbc40, 50px 0 #35cd4b; /* 黄色：最小化按钮；绿色：最大化按钮，间距25px */
}

/* 
 * 快码星球文字单独样式
 * 专门为“快码星球 codeplnt.com”设置的样式，与其他元素分离
 */
.code-planet-text {
    position: absolute; /* 绝对定位，独立于复制按钮 */
    top: 13px; /* 垂直居中于45px高的顶部栏（45px/2 - 文字高度的一半 ≈ 13px） */
    left: 88px; /* 左侧边距88px，与三点按钮保持距离 */
    color: #e6e9ed; /* 文字颜色，与代码块文字协调 */
    font-size: 14px; /* 文字大小，清晰可见 */
    white-space: nowrap; /* 防止文字换行，保持一行显示 */
    z-index: 2; /* 层级高于背景，确保文字可见 */
}

/* 
 * 行内代码样式
 * 控制文章中穿插的单行代码样式
 */
.entry-content code {
    font: unset; /* 取消默认字体设置，继承父元素 */
    background-color: #3a4250; /* 行内代码背景色，稍浅于代码块背景 */
    padding: 2px 5px; /* 内边距，让行内代码更易识别 */
    border-radius: 3px; /* 小圆角，柔和外观 */
    color: #e6e9ed; /* 行内代码文字色 */
}

/* 
 * 复制按钮容器
 * 包裹复制按钮的顶部栏，高度45px，与文字完全分离
 */
.copy-btn-wrapper{
    display: inline-flex; /* 使用弹性布局 */
    align-items: center; /* 子元素垂直居中 */
    flex-direction: row; /* 子元素水平排列 */
    width: 100%; /* 宽度占满代码块 */
    justify-content: flex-end; /* 关键：让复制按钮靠右对齐，与左侧文字分离 */
    position: absolute; /* 绝对定位，固定在顶部 */
    top: 0; /* 顶部对齐 */
    left: 0; /* 左侧对齐 */
    color: #f8f8f8; /* 文字颜色 */
    background-color: #282c34; /* 顶部栏背景色，稍浅于代码块背景 */
    height: 45px; /* 顶部窗口高度45px，符合要求 */
    padding: 0 15px; /* 左右内边距，避免按钮贴边 */
    border-top-left-radius: 10px; /* 顶部左侧圆角，与代码块统一 */
    border-top-right-radius: 10px; /* 顶部右侧圆角，与代码块统一 */
}

/* 
 * 复制按钮样式
 * 控制复制按钮的外观和交互效果，与文字完全分离
 */
.entry-content .copy-btn {
    font: normal normal normal 14px/1 iconfont; /* 使用图标字体 */
    border-radius: 4px; /* 按钮圆角 */
    padding: .3em .6em; /* 按钮内边距 */
    background: #3a4250; /* 按钮背景色 */
    color: #e6e9ed !important; /* 按钮文字色 */
    cursor: pointer; /* 鼠标悬停时显示指针 */
    transition: all .2s ease; /* 过渡动画，使交互更平滑 */
    margin-left: auto; /* 确保按钮靠右，与左侧文字彻底分离 */
}
/* 复制按钮hover效果 */
.entry-content .copy-btn:hover {
    background: #4b5563; /* 悬停时背景色加深，提升交互体验 */
}

/* 代码美化相关样式（保留原设置） */
.prettyprint {
    padding-top: 50px;
    padding-right: 0;
}
    
/*h3标签图标*/
h3::before{
  content: "";
  background-image: url("/wp-content/themes/b2Jitheme/Image/xinqiu.svg");
  display: inline-block;
  /* 增大宽高尺寸 */
  width: 36px;  /* 比原来的16px大 */
  height: 36px; /* 比原来的16px大 */
  margin-right: 8px; /* 适当增加右边距保持间距协调 */
  /* 确保图片适应新的尺寸 */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  /* 可选：如果图片与文字对齐有问题，可调整垂直对齐方式 */
  vertical-align: middle;
}

.content-hidden h3,.entry-content>h3 {
	font-size: 20px;
	font-weight: 600;
	line-height: 28px;
	margin-top: 10px;
	margin-bottom: 10px
}

.content-hidden p,.entry-content>p {
	margin-bottom: 10px
}

.content-show-roles h2,.entry-content h2 {
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
	margin-top: 20px;
	margin-bottom: 20px
}

.content-excerpt {
	line-height: 28px;
	width: 100%;
	font-family:unset;
}

.insert-post h2 {
	font-size: 18px;
	font-weight: 500;
	line-height: 18px;
	margin-top: 0;
	margin-bottom: 0
}

.content-show-roles h1,.entry-content h1 {
	font-size: 28px;
	font-weight: 600;
	line-height: 32px;
	margin-top: 0;
	margin-bottom: 20px;
	padding-bottom: 12px
}

.entry-content>ol li::marker,.entry-content>ul li::marker {
	font-weight: 700;
	padding: 0 5px;
	color: #ff4b2b
}

.ji-breadcrumb {
	padding: 10px 0;
	height: auto;
	white-space: nowrap;
	font-size: 13px;
	margin-bottom: 10px
}

.ji-breadcrumb i {
	font-size: 13px
}

.jitheme_avatar_data {
	display: flex!important
}

.item-in .post-module-thumb img {
	-webkit-transition: all .3s;
	transition: all .3s
}

.post-3 .post-info {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	padding: 0
}

.post-list-meta-box {
	z-index: 2
}

.post-3 .post-list-meta-box {
	margin-top: unset
}

.post-list-meta li span i {
	margin-right: 5px;
	font-size: 15px
}

.jitheme_cat .post-list-cat a:before {
	margin-top: 5px
}

.ap-item-meta .post-list-cat:before,.jitheme_cat .post-list-cat a:before {
	content: "#";
	line-height: 15px;
	width: 15px;
	height: 15px;
	margin-right: 5px;
	color: var(--b2color);
	text-align: center;
	float: left;
	background: var(--b2lightcolor);
	border-radius: 50%;
	display: block;
	left: 0
}

.ap-item-meta .post-list-cat:before {
	margin-top: 1px
}

.post-1 .post-list-cat a,.post-2 .post-list-cat a {
	font-size: 13px;
	width: fit-content;
	align-items: center
}

a.post-list-cat-item {
	height: 25px;
	display: inline-block;
	line-height: 25px
}

.item-post-style-3 .jitheme-post-info,.item-post-style-6 .jitheme-post-info {
	margin-top: 0
}

.item-post-style-3 .post-info,.item-post-style-6 .post-info {
	position: relative;
	z-index: 2;
	color: var(--key-color);
	overflow: unset;
	align-items: center
}

.jitheme_data {
	color: var(--muted-color)
}

.jitheme_data_d {
	padding: 0 5px
}

.list-footer {
	border-top: 0 solid hsla(0,0%,100%,.1)
}

.qukuai_jb {
	position: absolute;
	top: 0;
	right: -64px;
	z-index: 1;
	width: 150px;
	height: 22px;
	color: #fff;
	line-height: 25px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	text-align: center;
	font-size: 12px
}

.single-post .download-info li {
	font-size: 12px;
	width: 50%;
	margin-top: 5px;
	line-height: 1.5
}

.yszcbox {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 99;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.6)
}

.yszcbox .qxbg {
	width: 500px;
	height: 138px;
	position: relative
}

.yszcbox .qxbg p {
	color: #1f3a4e;
	font-size: 28px;
	text-align: center;
	padding-top: 99px;
	font-weight: 600
}

.yszcbox .qxbg i {
	position: absolute;
	top: -80px;
	right: -113px;
	z-index: 100;
	width: 80px;
	height: 80px;
	cursor: pointer;
	background: url(../img/doyoclose.png) no-repeat;
	background-size: 80px 80px;
	display: block
}

.ysTxt {
	width: 100%;
	height: 556px;
	max-width: 500px;
	background: linear-gradient(180deg,#dfeffb,#fff 31%);
	border-radius: 5px;
	position: fixed;
	z-index: 15;
	top: 18%;
	left: 0;
	right: 0;
	margin: auto
}

.ysTxt>p:first-of-type {
	font-size: 30px;
	line-height: 30px;
	font-weight: 600;
	color: #19b955;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px
}

.ysTxt>p:nth-of-type(2) {
	font-size: 14px;
	line-height: 14px;
	color: #666;
	text-align: right;
	margin: 10px 45px 20px
}

.ysMain {
	display: block;
	width: 100%;
	height: 430px;
	line-height: 35px;
	font-size: 15px;
	padding: 18px 30px 40px;
	margin-top: 10px;
	overflow: auto
}

.ysMain strong,.yszcbox strong {
	font-weight: 700;
	font-size: 17px;
	font-weight: 600;
	line-height: 36px
}

.ysMain a {
	color: #f35;
	padding: 8px;
	transition: opacity .2s;
	position: relative;
	cursor: pointer;
	margin: 0;
	white-space: nowrap
}

.ysicon {
	position: absolute;
	width: 195px;
	height: 171px;
	display: block;
	top: -84px;
	left: 161px;
	background: url(../img/ysbg.png) no-repeat
}

.gRule {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 99;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.6)
}

.gRule .qxbg {
	height: 90px;
	position: relative
}

.gRule .qxbg p {
	color: #1f3a4e;
	font-size: 25px;
	text-align: center;
	padding-top: 25px;
	font-weight: 600;
	display: flex;
	flex-direction: column;
	align-items: center
}

.gRule .qxbg p .date {
	color: #1f3a4e;
	font-size: 15px;
	text-align: center;
	line-height: 30px;
	font-weight: 400
}

.gRule .qxbg p .date i {
	padding-right: 5px
}

.gRule .qxbg .ysclose {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 100;
	width: 35px;
	display: flex;
	font-size: 15px;
	color: #fff;
	background-color: var(--b2color);
	height: 35px;
	border-radius: 35px;
	text-align: center;
	cursor: pointer;
	flex-direction: row;
	justify-content: center;
	align-items: center
}

.ruleTxt {
	width: 100%;
	max-width: 500px;
	height: 556px;
	background: linear-gradient(180deg,#dfeffb,#fff 31%);
	border-radius: 30px;
	position: fixed;
	z-index: 15;
	top: 18%;
	left: 0;
	right: 0;
	margin: auto
}

.ruleTxt>p:first-of-type {
	font-size: 30px;
	line-height: 30px;
	font-weight: 600;
	color: #19b955;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px
}

.ruleTxt>p:nth-of-type(2) {
	font-size: 14px;
	line-height: 14px;
	color: #666;
	text-align: right;
	margin: 10px 45px 20px
}

.ruleMain {
	display: block;
	width: 100%;
	height: 445px;
	line-height: 42px;
	font-size: 16px;
	overflow: auto
}

.ruleMain p:last-of-type {
	margin-bottom: 30px
}

.qxicon {
	position: absolute;
	width: 315px;
	height: 253px;
	display: block;
	top: -107px;
	left: 98px;
	background: url(../img/qxbg.png) no-repeat
}

.hide {
	display: none
}

.qxys {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 20px 0 0;
	font-size: 15px;
	color: var(--this-text);
	padding: 10px;
	background: rgba(255,51,85,.09);
	cursor: pointer;
	border: 2px dashed #f35
}

.qxys span i {
	margin-right: 3px;
	line-height: 1
}