/* === PC端样式 === */
.help_div{width: 1460rem; font-size: 14rem;}
.help_div .left_navs{width: 400rem; margin-right: 44rem; background: var(--theme-f6-09); padding: 16rem; border-radius: 8rem;}
.help_div .left_navs .nav_tt{font-size: 18rem; font-weight: bold; margin-bottom: 15rem;  color: var(--theme-000-2-ccc);}
.help_div .left_navs .item_d{border-bottom: 1px solid var(--theme-cc-3e);}
.help_div .left_navs .item_tt{color: var(--theme-00-8b); line-height: 22rem;padding: 26rem 0 16rem 0; cursor: pointer; user-select: none;}
.help_div .left_navs .item_tt .arr{height: 14rem; margin-left: auto; filter: invert(); transform: rotate(180deg);}
.help_div .left_navs .item_tt.active .arr{transform: rotate(0deg);}
.help_div .left_navs .items{display: none; padding-bottom: 10rem;}
.help_div .left_navs .items.active{display: block;}
.help_div .left_navs .item{display: block; padding: 15rem 6rem; color: var(--theme-000-2-ccc); margin-top: 4rem; font-size: 16rem; font-weight: bold; border-radius: 8rem;}
.help_div .left_navs .item.active{background: var(--theme-e7-3e);}

/* === PC端内容区域优化 === */
.help_div .title{
    font-size: 22rem; 
    font-weight: bold; 
    color: var(--theme-000-2-ccc); 
    line-height: 1.6;
    margin-bottom: 20rem;
    padding-bottom: 15rem;
    border-bottom: 2px solid var(--theme-cc-3e);
    word-wrap: break-word;
    word-break: break-word;
}

.help_div .content{
    line-height: 1.8; 
    font-size: 16rem;
    color: var(--theme-000-2-ccc);
    word-wrap: break-word;
    word-break: break-word;
    white-space: normal;
    overflow-wrap: break-word;
}

/* 优化段落样式 */
.help_div .content p{
    margin-bottom: 16rem;
    line-height: 1.8;
}

/* 优化列表样式 */
.help_div .content ul,
.help_div .content ol{
    padding-left: 30rem;
    margin-bottom: 16rem;
}

.help_div .content ul li,
.help_div .content ol li{
    margin-bottom: 10rem;
    line-height: 1.8;
    list-style: none;
    position: relative;
    padding-left: 20rem;
}

.help_div .content ul li:before{
    content: "●";
    position: absolute;
    left: 0;
    color: var(--theme-00-8b);
    font-size: 12rem;
    top: 4rem;
}

.help_div .content ol{
    counter-reset: item;
}

.help_div .content ol li{
    counter-increment: item;
}

.help_div .content ol li:before{
    content: counter(item) ".";
    position: absolute;
    left: 0;
    color: var(--theme-00-8b);
    font-weight: bold;
}

/* 优化链接样式 */
.help_div .content a{
    color: #409EFF;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: all 0.3s ease;
    word-break: break-all;
}

.help_div .content a:hover{
    border-bottom-color: #409EFF;
    opacity: 0.8;
}

/* 优化图片样式 */
.help_div .content img{
    max-width: 100%;
    height: auto;
    display: block;
    margin: 20rem 0;
    border-radius: 6rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* 优化强调文字 */
.help_div .content strong,
.help_div .content b{
    font-weight: bold;
    color: var(--theme-000-2-ccc);
}

.help_div .content em,
.help_div .content i{
    font-style: italic;
    color: var(--theme-00-8b);
}

/* 优化引用块 */
.help_div .content blockquote{
    margin: 20rem 0;
    padding: 15rem 20rem;
    background: var(--theme-f6-09);
    border-left: 4px solid var(--theme-cc-3e);
    border-radius: 4rem;
    color: var(--theme-00-8b);
    font-style: italic;
}

/* 优化代码块 */
.help_div .content code{
    background: var(--theme-f6-09);
    padding: 2rem 6rem;
    border-radius: 3rem;
    font-family: 'Courier New', Courier, monospace;
    font-size: 14rem;
    color: #e83e8c;
}

.help_div .content pre{
    background: var(--theme-f6-09);
    padding: 15rem;
    border-radius: 6rem;
    overflow-x: auto;
    margin: 20rem 0;
}

.help_div .content pre code{
    background: none;
    padding: 0;
    color: var(--theme-000-2-ccc);
}

/* 优化标题层级 */
.help_div .content h1,
.help_div .content h2,
.help_div .content h3,
.help_div .content h4{
    font-weight: bold;
    color: var(--theme-000-2-ccc);
    margin-top: 25rem;
    margin-bottom: 15rem;
    line-height: 1.4;
}

.help_div .content h1{font-size: 24rem;}
.help_div .content h2{font-size: 20rem;}
.help_div .content h3{font-size: 18rem;}
.help_div .content h4{font-size: 16rem;}

/* 优化表格样式 */
.help_div .content table{
    width: 100%;
    border-collapse: collapse;
    margin: 20rem 0;
}

.help_div .content table th,
.help_div .content table td{
    padding: 10rem 15rem;
    border: 1px solid var(--theme-cc-3e);
    text-align: left;
}

.help_div .content table th{
    background: var(--theme-f6-09);
    font-weight: bold;
}

/* 优化水平线 */
.help_div .content hr{
    margin: 30rem 0;
    border: none;
    border-top: 1px solid var(--theme-cc-3e);
}

/* === 手机样式 === */
@media screen and (max-width: 1024px) {
	.help_div{width: 100%;}
	.help_div .left_navs{width: 100%; margin-right: 0; background: none;}
	.help_div .left_navs .nav_tt{color: var(--theme-00-ff);}
	.help_div .left_navs .item_tt{font-size: 15rem;padding: 16rem 0 16rem 0;  font-weight: bold; color: var(--theme-00-ff);}
	.help_div .left_navs .item{font-size: 14rem; font-weight: normal; color: var(--theme-00-ff);}
	.help_right{display:none;}
	.help_right.active{display:flex;flex-direction: column; width:100%;height:100%; position:fixed;left:0;top:0;  background: var(--theme-ff-00); z-index: 10;}
	.help_c{
		flex:1;
		overflow: auto; 
		padding:20rem;
	}
	
	/* 手机端标题优化 */
	.help_div .title{
		font-size: 18rem; 
		font-weight: bold; 
		line-height: 1.6;
		margin-bottom: 15rem;
		padding-bottom: 10rem;
		word-wrap: break-word;
		word-break: break-word;
	}
	
	/* 手机端内容优化 */
	.help_div .content{
		font-size: 15rem;
		line-height: 1.8;
		color: var(--theme-000-2-ccc);
		word-wrap: break-word;
		word-break: break-word;
		white-space: normal;
		overflow-wrap: break-word;
	}
	
	.help_div .content p{
		margin-bottom: 12rem;
		line-height: 1.8;
	}
	
	.help_div .content ul,
	.help_div .content ol{
		padding-left: 20rem;
		margin-bottom: 12rem;
	}
	
	.help_div .content ul li,
	.help_div .content ol li{
		margin-bottom: 8rem;
		line-height: 1.8;
		list-style: none;
		position: relative;
		padding-left: 15rem;
	}
	
	.help_div .content ul li:before{
		content: "•";
		position: absolute;
		left: 0;
		color: var(--theme-00-8b);
		font-size: 14rem;
	}
	
	.help_div .content ol{
		counter-reset: item;
	}
	
	.help_div .content ol li{
		counter-increment: item;
	}
	
	.help_div .content ol li:before{
		content: counter(item) ".";
		position: absolute;
		left: 0;
		color: var(--theme-00-8b);
	}
	
	.help_div .content a{
		color: #409EFF;
		text-decoration: underline;
		word-break: break-all;
	}
	
	.help_div .content img{
		max-width: 100%;
		height: auto;
		display: block;
		margin: 10rem 0;
		border-radius: 4rem;
	}
	
	.help_div .content strong,
	.help_div .content b{
		font-weight: bold;
		color: var(--theme-000-2-ccc);
	}
	
	/* 手机端标题层级 */
	.help_div .content h1{font-size: 20rem;}
	.help_div .content h2{font-size: 18rem;}
	.help_div .content h3{font-size: 16rem;}
	.help_div .content h4{font-size: 15rem;}
	
	/* 手机端表格优化 */
	.help_div .content table{
		font-size: 13rem;
	}
	
	.help_div .content table th,
	.help_div .content table td{
		padding: 8rem 10rem;
	}
}

/* 暗黑模式适配 */
[data-theme="dark"] .help_div .left_navs .item_tt .arr{filter: none;}