#editor-wrap {
    padding-top: 1px;
}

.tox-tinymce {
    border: none;
}

.tox-fullscreen .tox-editor-header {
    width: 100%;
}

#editor-footer {
    padding: 20px 30px;
    border-top: dashed 1px #efeaf6;
    min-height: 300px;
}

.frm-item {
    display: grid;
    grid-template-columns: 100px auto;
    margin-bottom: 10px;
}

.frm-label {
    font-size: 13px;
    color: gray;
    display: flex;
    align-items: center;
}

.cover-area {
    width: 180px;
    height: 100px;
}
/*文章标签样式*/
#dx-tags .dx-dropdowneditor-input-wrapper {
    width: 100%;
}

#dx-tags .dx-texteditor.dx-editor-filled {
    background-color: transparent;
}

#tagbox-content {
    display: flex;
    flex-wrap: wrap;
}

    #tagbox-content li {
        margin: 5px;
        padding: 5px 8px 3px 8px;
        background-color: var(--deep-10);
        color: var(--deep-60);
        border-radius: 4px;
        cursor: pointer;
    }

        #tagbox-content li:hover {
            background-color: var(--deep-30);
            color: var(--deep-90);
        }

        #tagbox-content li.selected {
            background-color: var(--deep-90);
            color: var(--deep-10);
        }

#tagbox-search {
    margin: 5px 5px 20px 5px;
}

/*列表项强制启用焦点状态样式*/
.dx-list-item.dx-state-focused:has(dx-focus) {
    background-color: var(--deep-90) !important;
    color: var(--deep-10) !important;
}

.option-bar {
    display: flex;
    height: 52px;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0 10px 0;
}

.bar-acts {
    display: flex;
    align-items: center;
}

    .bar-acts > div {
        margin-right: 15px;
    }

.fa-pen:before {
    content: '\f5ad'
}

.fa-timer:before {
    content: '\e29e'
}

.fa-draft:before {
    content: '\e1ba'
}

li pre {
    max-width: 920px !important;
}