pre[class*=language-].line-numbers>code {
white-space: pre-wrap;
overflow-wrap: break-word;

color: #555;
}

pre.line-numbers {
    white-space: pre-wrap !important; /* 允许换行 */
    word-break: break-all !important; /* 避免溢出（可选） */
    padding-left: 3.1em !important; /* 给行号留空间 */
}
div.code-toolbar>.toolbar {
	display: flex;
    opacity: 1;
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    background-color: var(--oaoo-2, #e3e8f7);
    height: 28px;
    /*border-bottom: 1px solid var(--oaoo-2, #e3e8f7);*/
    justify-content: space-between;
	align-items: center;
	font-weight: bold;
}
div.code-toolbar>.toolbar>.toolbar-item {
    padding-bottom: 4px;
	margin-right: 13px;
}
.line-numbers .line-numbers-rows {
    width: 2.5em;
	left: -3.1em;
}
pre[class*=language-] {
    padding: 10px;
    margin: 0;
	margin-top: 28px;
	background-color: var(--oaoo-1, #f7f9fe);
	
}
.code-toolbar{ 
	margin: 20px 0;
	border: 1px solid var(--oaoo-2, #e3e8f7);
	position: relative;
	border-radius: var(--oaoo-6, 8px);
	overflow: hidden;
}
.code-toolbar pre{	
	overflow: hidden;
	max-height: 300px;
	overflow-y: auto;
  }
.code-toolbar.active{  
    height: 27px;
}
 .code-toolbar.active pre{  
    display: none;
} 
.line-numbers .line-numbers-rows {
    border-right: 0px solid #999;
}
.code-toolbar::before {
    content: "";
    position: absolute;
    left: 2.5em;
    bottom: 0;
    width: 0.1px;
	height: calc(100% - 28px);
    background-color: var(--oaoo-2, #e3e8f7);
    transform: translateX(-50%);
    z-index: 99;
}
div.code-toolbar>.toolbar>.toolbar-item>a, div.code-toolbar>.toolbar>.toolbar-item>button, div.code-toolbar>.toolbar>.toolbar-item>span {
    padding: 0 0em;
    background: transparent;
	box-shadow: none;
	color: #777;
}
.copy-to-clipboard-button{
	margin-top: 10px;
	background: #777!important;
	overflow: hidden!important;
	width: 12px;
	height: 12px;
	border-radius: 3px!important;
	cursor: pointer;
}
.copy-to-clipboard-button span {
    position: absolute;
    right: 35px;
    top: 5px;
}
.copy-to-clipboard-button::after{
            content: "";
            position: absolute;
            top: 6px;
            right: 9px;
            width: 10px;
            height: 10px;
            border-radius: 3px;
			border: 1px solid #777;
            z-index: -2;
}
div.code-toolbar>.toolbar>.toolbar-item:first-child>button>span {
display: inline-block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #777;
    border-right: 2px solid #777;
    margin-left: 5px;
	margin-bottom: 3px;
    transition: transform 0.3s ease;
    transform: rotate(135deg);
	cursor: pointer;
}
div.code-toolbar.active>.toolbar>.toolbar-item:first-child>button>span{
    transform: rotate(45deg);
	margin-bottom: 1px;
}

div.code-toolbar>.toolbar>.toolbar-item:first-child >span{margin-left: 10px;}
div.code-toolbar>.toolbar>:first-child {
    margin-left: 80px;
}
.copy-to-clipboard-button:hover,
div.code-toolbar>.toolbar>.toolbar-item>button:hover{
	color: #777;
}
div.code-toolbar>.toolbar:before {
    content: '';
	position: absolute;
    display: block;
    background-size: 40px;
    margin-bottom: 8px;
    margin-left: 20px;
    margin-top: 8px;
    border-radius: 50%;
    background: #ff0800 no-repeat 10px 10px;
    width: 12px;
    height: 12px;
    -webkit-box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b;
    box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b;
    z-index: 3;
}