/* PrismJS 1.29.0*/
code.language-php,code.language-css,code.language-html,code.language-javascript,code.language-python,code.language-default {
    max-width: 100%;
    overflow-x: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
}

code.language-php,code.language-css,code.language-html,code.language-javascript,code.language-python,code.language-default {
    background-color: #1E1E1E;
    font-family: 'Courier New', Courier, monospace;
    padding: 30px 10px 10px 10px;
    display: block;
    position: relative;
    color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 3px;
}

code.language-php::before,code.language-css::before,code.language-html::before,code.language-javascript::before,code.language-python::before,code.language-default::before {
    position: absolute;
    content: "";
	top: 12px;
    left: 10px;
    right: 0;
    width: 10px;
    height: 10px;
    border-radius: 25px;
    background: #ff8480 !important;
    box-shadow: 20px 0 #fbb42d, 40px 0 #3cd0d3;
   
}

/* code.language-php::after, code.language-php.copied::after {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 21px; 
    line-height: 21px;
} */

code.language-php.copied::after,code.language-css.copied::after,code.language-html.copied::after,code.language-javascript.copied::after,code.language-python.copied::after,code.language-default.copied::after {
    content: '已复制';
    background-color: #8897a7; 
}


/* 复制按钮伪元素 */
code.language-php::after,code.language-css::after,code.language-html::after,code.language-javascript::after,code.language-python::after,code.language-default::after {
    content: '复制';
    position: absolute;
    top: 4px;
    right: 5px;
    background-color: #8897a7;
    color: #ffff;
    border-radius: 2px;
    cursor: pointer;
    z-index: 2;
    width: 54px;
    height: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
}