.masked {
    text-align: center;
    background-image: -webkit-linear-gradient(left, #147b96, #e6d205 25%, #147b96 50%, #e6d205 75%, #147b96);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-background-size: 200% 100%;
    -webkit-animation: masked-animation 4s infinite linear;
}
h1,h2,h3,h4,h5,h6 {
    /* margin:10px 10px 0 0; */
    border-left: 6px solid green;
    border-radius: 0;
}
h1 {
    text-align: center;
    font-size: 28px;
    margin-top:50px;
    margin-bottom:30px;
}
h2 {  
    font-size: 25px;
    text-align: center;
    margin-top:30px;
}
h3 {
    font-size: 20px;
    margin-top:20px;
    text-indent:0em;
}
h4 {
    font-size: 18px;
    text-indent:2em;
}
h5 {
    font-size:16px;
    text-indent:4em;
}
h6 {
    font-size:14px;
    text-indent:5em;
}
h3,h4,h5,h6{
    text-align: left;
    border-bottom:1px solid green;
}
p:before {
    text-align: left;
    margin:5px 0;
    text-indent: 2em;
    line-height: 25px;
}
.green,.gold,.gol{
    line-height: 25px;
}
td{
}
td{
}
td.code_hnum {
    /* user-select: none!important; */
    /* -moz-user-select: none!important; */
    width: 18px;
    -webkit-user-select: none!important;
    text-align: right;
    background-color: #689c9c;
    border-radius: 0;
    padding: 0 5px;
    border-right: 2px solid white;
    font-size: x-small;
    color:black;
}
td.code_ydm {
    border-radius: 0;
    background-color: #bcafbd;
    font-size: x-small;
    white-space: pre-wrap;
    word-wrap: break-word;
    /*  float: left; */
    line-break: anywhere;
    width:100%;
    text-align:left;
}
xmp.CO#gr {
    color: #fff;
    border: none;
    padding: 1px 3px;
    /* -webkit-border-radius: 3px; */
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: #5A9600;
}
xmp.CO#flo {
    color: #0051e5;
}
span.gol {
    background: blueviolet;
    border-radius: 5px;
    padding: 2px;
    margin: 5px;
}
span.gold {
    background-color: gold;
    padding: 3px;
    border-radius: 5px;
}
span.bold {
    font-weight: 900;
}
.co#yinh {
    color: green;
}
.co#bliang {
    color: #fe0000;
}
.co#uid {
    color: darkmagenta;
}
.co#gjz {
    color: blue;
}
.co#headz {
    color: springgreen;
}
.co#jq {
    color: magenta;
}
.co#php {
    color: green;
}
.co#sys {
    color: firebrick;
}
.co#jieshi{
    color: #636363;
}
.con_text{
    overflow:scroll;
    height:100%;
}
span.bar_cd {
    width: 200px;
    background-color: #bdbd86;
    float: left;
    border-radius: 8px;
}
span.percent_jd {
    background-color: cadetblue;
    border-radius: 8px;
    float: left;
}
td.PML{
    width:10%
}
.PMY{
    width:50%;
    max-width: 600px;
}
.PmkYL {
    max-width: 600px;
    background-color: #fff;
}
textarea.PMK{
    width:100%;
}
.tred,.red{
    color:red;
}
.Tred{
    background: #cff5ff;
    box-shadow: 0 0 0 1px #09f;
    border: 0;
    border-radius: 5px;
    padding: 0 3px;
}
span.Tblue {
    background-color: turquoise;
    border-radius: 6px;
    box-shadow: 0 0 0 1px darkmagenta;
}
div.end_bar#bar {
    text-align: center;
}
blockquote {
    color: #ccc;
    padding: 0.5em 0;
    background: #222;
    border-color: #333;
    border-left: 4px solid #ddd;
    margin-left: 0;
    font-size: 14px;
    font-style: italic;
    border-left-color: aquamarine;
    border-left: 5px solid aquamarine;
}
table.PT_tab {
    background-color: #efe;
    /* border: 1px solid black; */
    box-shadow: 2px 2px 2px;
    border-radius: 8px;
    /* width:auto; */
}
table.PT_tab tr:first-child {
    background-color: #9A0;
    border: 1px solid black;
}
pcode {
    background-color: greenyellow;
    padding: 0 6px;
    border-radius: 5px;
    box-shadow: 2px 2px 2px black;
    color: black;
}
button.fa {
    font-size: large;
    padding: 3px;
    margin: 2px;
}
.PT_tab td {
    /**   border: 1px solid; **/
    border-radius: 3px;
    /* box-shadow: inset 1px 1px 1px green; */
    box-shadow: inset 1px 1px 1px #ddd;
    padding: 5px;
}
xmp {
    white-space: pre-wrap;
    display: initial;
}
a.PHML {
    color: #000;
    /*  text-decoration: auto;*/
}
.L{
    float: left;
    left: 3px;
}
.B{
    bottom: 40px;
}
.T{
    top:40px;
}
.R{
    float:right;
    right:4px;
}
.PML .ML{
    background-color:#fff;
}
.ML {
    position: fixed;
    background: initial;
    border-radius: 5px;
    background: #fff;
    box-shadow: 2px 2px 2px black;
    width:auto;
    margin: 0 2%;
}
.ML * {
    font-size: 12px;
    border-left: 0;
    color: #111;
    margin: 0;
    padding: 0;
}
.IN {
    width:40px;
}
input[name="yzm"],img#ver {
    width: 80px;
}
.MLS * {
    font-size: 12px;
    background-color: #eee;
    padding: 0;
    margin: 0;
}
.cont#content {
    background-color: #fff;
    border-radius: 5px;
}
input#url {
    width: 320px;
}
hr.page-break {
    page-break-after: always;
}
img.mlimg#dh {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    box-shadow: 1px 1px 1px black;
}
td#MLid {
    background: cadetblue;
    border-radius: 8px;
    box-shadow: 2px 2px 2px sienna;
    padding: 3px;
    max-width: 190px;
}
img#imgShow_in_pic {
    max-width: 100px;
}
img.inPIC {
    max-width: 80px;
    margin:3PX;
}
td.PICS {
    max-height: 800px;
}
.in_up {
    margin: 20px 0;
}
.URLsetcont {
    background-color: #fff;
    box-shadow: 2px 2px 2px;
}
.BOXbt {
    margin: 10px 0;
}
.PMY img, .cont#content img {
    /* max-width: 16vw; */
    margin: 0 0.2vw;
    border-radius: 5px;
}
ul {
    margin: 0 2em;
}
.YLcode {
    background-color: #eee;
    border-radius: 6px;
    box-shadow: inset 2px 2px 2px;
    border: solid green 2px;
    margin: 20px 0;
    /* display: table-cell; */
    display: contents;
}
table.tab#YDtab div.YLcode img {
    max-width: 90%;
}      
table.tab#YDtab div.YLcode {
    max-width:300px;
}
.YLcode *,.SHcode * {
    margin: 0;
    width: auto;
    padding: 3px;
}
input#goID {
    width: 60px;
}
.YLcode h6:first-child {
    background-color: green;
    margin: 0;
    border-right: green solid 6px;
    border-top: 0;
    text-indent: 0.3em;
    border-bottom: 1px solid blue;
}
.SHcode {
    background-color: black;
    color: white;
    white-space: pre;
    margin: 10px 0;
    border-radius: 8px;
}
td.code_shell {
    width: 100%;
    color: #f51919;
}
.SHcode h6 span {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    border: 1px solid;
    margin: 0 5px;
    display: inline-grid;
}
.SHcode h6:first-child {
    background-color: #1cf11c;
    line-height: 0;
    margin: 0;
    border-right: green solid 6px;
    border-top: 0;
    text-indent: 0.3em;
    border-bottom: 1px solid blue;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}
td.shell_root {
    -webkit-user-select: none!important;
    background-color: blueviolet;
    border-bottom: 1px solid;
    color: aqua;
}
.YLcode li {
    background-image: none;
    margin: 0 20px;
}
span.Sred {
    background: red;
}
span.Syelow {
    background-color: #a8bb17;
}
span.Sgreen {
    background-color: green;
}
ul li, .PmkYL ul li{
    /* padding: 0 0 0 1.5em; */
    /* margin: 0 0 1em 1em; */
    /* background-image: url(./assets/img/pt.png); */
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: left;
}
table#webR {
    background-color: #eee;
    margin:0 1%;
    width: 98%;
    text-align:center;
}
table#webT {
    background-color: azure;
    width: 98%;
    margin:0 1%;
    text-align:center;
}
.tab tr:hover>td {
    /* background: #b94444; */
    background: #e7e7e7;
    /* background: #efefef; */
    border-radius: 10px;
}
table.PT_tab tr:nth-child(even) {
    background: lightskyblue;
}
blockquote a {
    color: coral;
}
button.SET {
    padding: 5px;
    border: 0;
    margin:3px 5px;
    border-radius: 5px;
    box-shadow: 2px 2px 2px;
}
button.SET#TH{
    background-color: coral;
}
input#reg {
    width: 300px;
}
input#xdf {
    width: 50px;
}
input#exp {
    width: 100px;
}
span.Scolor {
    text-shadow: 1px 1px 1px #eee;
    padding: 4px;
    margin: 2px;
    border-radius: 5px;
}
ol {
    margin: 0 2.8em;
}
ul.no {
    list-style: none;
}
ol.chk {
    list-style: upper-alpha;
}
.CC {
    display: flex;
    justify-content: space-around;
    justify-content: center;
    width:100%;
}
code {
    color: #df8686;
    border: none;
    padding: 1px 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: #5A9600;
}
img[alt=Examples] {
    line-height: 25px;
    float: left;
    width: 32px;
}
span.CO#flo {
    color: #0051e5;
}
.YLcode H1, .YLcode H2, .YLcode H3, .YLcode H4, .YLcode H5, .YLcode H6 {
    border: 0;
}
p.editormd-tex,p .mord,span.base.textstyle.uncramped{
    text-indent:0;
}
.ui-draggable, .ui-droppable {
    background-position: top;
}
span.slider {
    /* margin: 10px 0; */
}
.SETLP {
    z-index: 102;
    position: absolute;
}
.TZZ {
    width: 250px;
    display: grid;
    float: left;
    margin: 0 20px;
}
table.hang_code_tab {
    width: 98%;
}
p,li{
    margin-top: 10px;
}
.imgBT img#ai {
    width: 35px;
    height: 35px;
}
.nc,.ti {
    font-size: 10px;
}
.tab#AI td#l_4 {
    /* width: 50%; */
    display: flex;
    max-width: 800px;
    overflow: auto;
}
td.cont {
    background: white;
    padding: 3px;
    min-width:60%;
}
td.bts{
    max-width:40%;
}
table#AIGPT tr {
    vertical-align: text-top;
}
table.hang_code_tab tr td {
    border-radius: 0;
}
button.CKbt {
    background: inherit;
    border: 0;
    cursor: pointer;
    font-size: larger;
    text-align: left;
    text-decoration: underline;
    margin:5px;
}
div#lef {
    background: beige;
    margin: 3px;
}
.PAGE {
    background-color: wheat;
    padding: 3px;
}
.ptmbt{
    width:300px;
}
.help img {
    max-width: 350px;
}
td.l {
    text-align: left;
}
input.COL {
    width: 100%;
    -webkit-appearance: none;
    height: 6px;
    border-radius: 3px;
}
input.COL#red,.COL#cred {
    /* background-color:red; */
    background: -webkit-linear-gradient(#fc0404, #0c1504) no-repeat, #ec0000;
}
input.COL#blue,.COL#cblue {
    /* background-color:blue; */
    background: -webkit-linear-gradient(#524eee, #050969) no-repeat, #ddd;
}
input.COL#CC {
    background: -webkit-linear-gradient(#524eff, #0ea969) no-repeat, #ddd;
}
input.COL#green,.COL#cgreen {
    /* background-color:green; */
    background: -webkit-linear-gradient(#61bd12, #0c1504) no-repeat, #ddd;
}
button.TV {
    background-color: burlywood;
    border: 0;
    padding: 2px;
    border-radius: 3px;
    box-shadow: 2px 2px 2px;
}
.TVV_LS {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    justify-items: center;
    word-wrap: break-word;
}
.TV_LS span {
    margin: 3px;
}
video {
    width: 100%;
    max-width: 810px;
    border-radius: 10px;
}
span.TVS {
    width: 100%;
}
/* .TV { */
.box#TVK {
    /* position: absolute; */
    /* max-width: 400px; */
    background: cadetblue;
    /* padding: 5px; */
    border-radius: 5px;
    min-width: 200px;
    /* min-height: 200px; */
    cursor:pointer;
    width:100%;
    /* position:absolute; */
}
.pageBar {
    padding: 3px;
    border-radius: 8px;
    background-color: cornflowerblue;
    box-shadow: 2px 2px 2px black;
    border: 2px solid #fff;
}
input.goto {
    width: 28px;
    border-radius: 5px;
    height: 20px;
    font-size: 16px;
}
.Page#B {
    font-weight: 900;
    font-size: larger;
    background-color: chartreuse;
    border: 0;
    box-shadow: inset 2px 2px 2px black;
}
button.Page {
    color: sienna;
    margin: 0 2px;
    padding: 2px;
    border-radius: 6px;
    border: 0;
    min-width: 15px;
    box-shadow: 2px 2px 2px black;
}
.Page#s {
    border:0;
    color: sienna;
}
.bt1 label {
    background: blue !important;
}
.dlk {
    width:100%;
    display: flex;
    align-items: center;
    justify-items: end;
    justify-content: center;
    flex-direction:column;
}
input.usr#usr , input.pwd#pwd{
    width:120px;
}
input.p_yzm{
    width:60px !important;
}
input[type=radio]:checked+label, input[type=checkbox]:checked+label {
    /* border: 1px solid gold; */
    border:0;
    padding: 0.2vh 0.5vh;
    color: red;
    font-weight: bold;
    /* font-size: 2vh; */
    background: aquamarine;
    box-shadow: inset 2px 2px 2px black;
    margin: 5px;
    /* width:auto; */
    text-wrap: auto;
}
input[type=radio]+label:hover, input[type=checkbox]+label:hover {
    transform: translateY(-3px);
    background:red;
    opacity: 0.6;
}
input[type=radio]+label, input[type=checkbox]+label {
    /* border: 0.1vh solid black; */
    border:0;
    border-radius: 0.5vw;
    box-shadow: 2px 2px 12px black;
    background-color: #36b4cb;
    cursor: pointer;
    padding: 3px 2px;
    margin: 3px;
    color: white;
    /* line-height: 28px; */
    white-space: nowrap;
}
button.BTn {
    background-color: springgreen;
    /* padding: 3px; */
    border: 0;
    /* border-radius: 5px; */
    box-shadow: 1px 1px 11px black;
    /* margin: 3px; */
    color: white;
    text-shadow: 0.5px 0.5px 0.5px black;
}
input[type=radio], input[type=checkbox] {
    display: none;
}
button.CLOSE,button.DEL {
    background-color: crimson;
    border: 0;
    border-radius: 20px;
    padding:5px 15px;
    cursor: pointer;
}
button.CLOSE:hover{
    background-color:#a3e;
    transform: translateY(-3px) scale(1.35);
    font-size:larger;
}
button.gold{
    background-color:#3ae;
    font-size:small;
    border-radius:5px;
    margin:3px;
    padding:3px;
    border:0;
}
button.gold:hover{
    background-color:#33e;
    transform: translateY(-3px) scale(1.35);
    font-size:larger;
}
button.gb {
    width: 20px;
    /* height: 20px; */
    line-height: 20px;
    text-align: center;
    /* background: red; */
    border: 0;
    border-radius: 50%;
    font-size: larger;
    cursor: pointer;
}
div#msgbox {
    position: fixed;
    background: aquamarine;
    /* padding: 5px; */
    border-radius: 5px;
    box-shadow: 3px 3px 13px;
    /* margin-left: 30%; */
}
button.TM {
    background: inherit;
    border: 0;
}
.table {
    text-align: center;
}
.C {
    text-align: center;
    padding: 5px 0;
    margin:0 auto;
}
.C button{
    margin:5px;
}
.MLR3{margin:0 3px;}
.MLR5{margin:0 5px;}
.MLR10{margin:0 10px;}
.MLR20{margin:0 20px;}
span.clea {
    background: blueviolet;
    padding: 7px;
    border-radius: 5px;
    margin-left: -2px !important;
}
.W20{
    width:20px;
}
.W15{
    width:15px;
}
.W30{
    width:30px;
}
.W40{
    width:40px;
}
.WW4{
    width:4vw;
}
.WW8{
    width:8vw;
}
.WW5{
    width:5vw;
}
.WW40{
    width:40vw;
}
.Tm,.Bm{
    width:30px !important;
}
.Tl{
    border-top-left-radius:5px;
    background-color:#fac;
}
.Tr{
    border-top-right-radius:5px;
    background-color:#bc0;
}
.Br{
    border-bottom-right-radius:5px;
    background-color:#afc;
}
.Bl{
    border-bottom-left-radius:5px;
    background-color:gold;
}
.Lc{
    background-color:#6ac;
}
.Rc{
    background-color:#aac;
}
.Rc,.Lc{
    font-size: smaller;
    text-align: center;
}
.LRT{
    border-radius:5px 5px 0 0;
    background-color:#c8d;
}
.LRB{
    border-radius:0 0 5px 5px;
}
.MC1{
    background-color:#3ac;
}
.MC2{
    background-color:#c33;
}
.MC3{
    background-color:#3c3;
}
.MC4{
    background-color:#acd;
}
.LRB{
    background-color:#bd1;
}
button.DEL {
    border-radius: 10px;
    padding: 5px 10px;
    background-color: red;
    border: 0;
    box-shadow: 1px 1px 10px;
    cursor: pointer;
}
.box {
    position: fixed;
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    font-family: 'Segoe UI', Arial, sans-serif;
    min-width: 200px;
    z-index: 1000;
    /* transform: translate(-50%, -50%); */
}
/* 标题栏 */
.TITLE {
    background: #fa3afa;
    padding: 1px 10px;
    border-radius: 12px 12px 0 0;
    border-bottom: 1px solid #e3ecef;
}
.tit {
    display: flex;
    align-items: center;
    /* justify-content: end; */
    justify-content: space-between;
    width:100%;
    border-bottom:solid 1px green;
}
.title {
    font-size: 18px;
    font-weight: 600;
    color: #2d3436;
    /* margin-left: 10px; */
    margin:0;
}
/* 关闭按钮 */
.gb {
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
    transition: all 0.3s ease;
}
.gbicon {
    button.gb{
        width: 3vw;
        height: 3vw;
        font-size:3vw;
        margin:0 1vw 0 0;
        background: #ff7675;
        border-radius: 50%;
        color: white;
        /* display: flex; */
        /* align-items: center; */
        /* justify-content: center; */
        /* font-weight: 700; */
        transition: background 0.3s ease;
    }
}
.gb:hover .gbicon {
    background: #ff5252;
}
/* 内容区域 */
.boxCC {
    padding: 25px 20px;
}
.cont .PGO {
    color: #2d3436;
    margin: 0 0 15px 0;
    font-size: 16px;
}
.fg {
    border: none;
    border-top: 1px solid #858585;
    margin: 15px 0;
}
/* 输入框 */
.pwd,.usr,.p_yzm {
    width: 100%;
    padding: 3px;
    border: 1px solid #ced4da;
    border-radius: 5px;
    font-size: 14px;
    margin:3px;
    transition: border-color 0.3s ease;
}
img.yzm_img#yzm_id {
    width: 60px;
    height: 30px;
}
.YZM span {
    display: flex;
    flex-direction: row;
}
.pwd:focus {
    outline: none;
    border-color: #74b9ff;
    box-shadow: 0 0 0 3px rgba(116, 185, 255, 0.1);
}
/* 按钮区域 */
.BTss {
    margin-top: 20px;
    display: flex;
    gap: 10px;
    justify-content: center;
}
.BTnn, .CLOSE {
    /* padding: 10px 25px; */
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    margin:3px;
    transition: all 0.3s ease;
    box-shadow: 2px 2px 6px;
}
.BTnn {
    background: #00b894;
    color: white;
}
.BTnn:hover {
    background: #00cec9;
    transform: translateY(-1px);
}
.CLOSE {
    background: #dfe6e9;
    color: #2d3436;
}
.CLOSE:hover {
    background: #b2bec3;
}
/* 背景遮罩 */
.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 999;
}
legend {
    font-weight: 900;
}
button.uBTn {
    font-size: larger;
    border: 1px solid #ddd;
    background: inherit;
    padding: 5px;
    border-radius: 1vw;
}
.UDl{
    text-decoration:underline;
}
span.CCn {
    border-radius: 50%;
    border: 1px solid;
    width: 1vw;
    height: 1vw;
    font-size: 1vw;
    padding: 2px;
    display: inline-grid;
    text-align: center;
    align-content: center;
}
.GGao img{
    width:100%;
}
.PV {
    display: flex;
}
.GGao {
    background: white;
    padding: 3px;
    border-radius: 1vw;
    margin: 0.3vw 0;
}
.green{
    color:#09ff09;
    background-color:black;
    font-size: smaller;
}
.PPL {
    display: flex;
    justify-content: space-evenly;
}
.VP {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.LEFT {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
}
span.Pmen {
    display: inline-table;
    padding: 0 4px;
    margin: 0 1px;
    width: 15px;
    height: 15px;
    border: 2px solid black;
    box-shadow: 2px 2px 12px;
}
div#showB {
    z-index: 12;
    position: fixed;
    background: repeating-radial-gradient(#a62929, #20b81700 38px);
    padding:3px;
    border-radius:5px;
    bottom: 23px;
}
table {
    margin: 10px 0;
}
table.hang_code_tab#bash{
    td.code_hnum {
        background: #d8d8d8;
    }
    td.code_ydm {
        background: #8d8d8d;
    }
}
table.hang_code_tab#html{
    td.code_hnum {
        background: #cef;
    }
    td.code_ydm {
        background: #fec;
    }
}
table.hang_code_tab#python{
    td.code_hnum {
        background: #aef;
    }
    td.code_ydm {
        background: #fea;
    }
}
table.hang_code_tab#css{
    td.code_hnum {
        background: #aaf;
    }
    td.code_ydm {
        background: #ffa;
    }
}
div.PTBD#TAB {
    border: 1px solid black;
    border-radius: 10px;
    padding: 6px;
    margin: 8px;
    background: beige;
    box-shadow:inset 3px 3px 3px black;
    div.PPTU#PP {
        background: burlywood;
        padding: 5px;
        border-radius: 10px;
        margin: 0;
        border-bottom: 3px solid black;
    }
    div.PPTU#TT {
        background: burlywood;
        border-radius: 10px;
        padding: 3px;
        margin-top: 3px;
        border-bottom: 3px solid black;
    }
}