::-webkit-scrollbar {
        width: 6px;
        height: 6px
    }

    ::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, .03)
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background: rgba(0, 0, 0, .1)
    }

    ::-webkit-scrollbar-thumb:hover,
    ::-webkit-scrollbar-thumb:active {
        background: rgba(0, 0, 0, .2)
    }

    @keyframes fadeIn {
        10% {
            opacity: .1
        }

        40% {
            opacity: .4
        }

        70% {
            opacity: .7
        }

        100% {
            opacity: 1
        }
    }

    html {
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
        line-height: 1.6
    }

    body {
        text-underline-position: under;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        -webkit-touch-callout: none;
        -webkit-appearance: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        letter-spacing: .034em;
        color: rgba(0, 0, 0, .9);
        font-size: 17.01px;
        text-align: justify;
        position: relative;
        z-index: 0;
        font-family: '系统默认, system-ui, -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif';
        text-underline-position: under;
        overflow-y: scroll;
        overflow-x: hidden;
        scrollbar-width: thin;
        scrollbar-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .03)
    }

    body[contenteditable=false] {
        user-select: none
    }

    body.view {
        word-break: break-word;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        height: calc(100% - 26px);
        padding: 20px 6px 6px;
        margin: 0
    }

    body.guide {
        background-repeat: no-repeat;
        background-size: 100%;
        /* background-image: url(./default/images/body_guide.png) */
    }

    @-moz-document url-prefix() {
        body {
            margin-right: 6px
        }
    }

    body * {
        max-width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        word-wrap: break-word
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: 400;
        font-size: 16px
    }

    hr {
        border-style: solid;
        border-right-width: 0;
        border-bottom-width: 0;
        border-left-width: 0;
        border-color: rgba(0, 0, 0, .1);
        transform-origin: 0 0;
        transform: scale(1, .5)
    }

    p {
        clear: both;
        min-height: 1em;
        margin: 0
    }

    a {
        color: #576b95;
        text-decoration: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

    em {
        font-style: italic
    }

    fieldset {
        min-width: 0
    }

    img {
        /* height: auto ;
        vertical-align: middle */
    }

    img:hover {
        z-index: -1;
        cursor: pointer
    }

    img::selection {
        background: rgba(7, 193, 96, .2)
    }

    img[data-word-image] {
        cursor: pointer
    }

    ul,
    ol {
        text-align: left;
        list-style-position: inside
    }

    ul li *,
    ol li * {
        display: inline
    }

    body #activeDragLine,
    body .activeDragLine {
        width: 100%;
        border-top: 1px dashed red
    }

    section._editor {
        position: relative;
        max-width: 100%;
        overflow: visible
    }

    section._editor.activeDrag {
        z-index: 999
    }

    section._editor .tool-border {
        z-index: 100;
        position: static
    }

    section._editor .tool-border section {
        max-width: none;
        position: absolute;
        pointer-events: none;
        user-select: none
    }

    section._editor .tool-border section:nth-child(1) {
        border-top: 2px dashed rgba(255, 0, 0, .9);
        width: calc(100% + 8px);
        top: -4px;
        left: -4px
    }

    section._editor .tool-border section:nth-child(1):before {
        content: "※拖动";
        padding: 0 5px;
        height: 16px;
        font-size: 12px;
        line-height: 16px;
        cursor: move;
        z-index: 2021;
        position: absolute;
        top: -18px;
        left: 0;
        background: rgba(255, 0, 0, .9);
        color: #fff;
        white-space: nowrap;
        pointer-events: initial;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px
    }

    section._editor .tool-border section:nth-child(2) {
        border-bottom: 2px dashed rgba(255, 0, 0, .9);
        width: calc(100% + 8px);
        bottom: -4px;
        left: -4px
    }

    section._editor .tool-border section:nth-child(3) {
        border-left: 2px dashed rgba(255, 0, 0, .9);
        height: calc(100% + 4px);
        top: -2px;
        left: -4px
    }

    section._editor .tool-border section:nth-child(4) {
        border-right: 2px dashed rgba(255, 0, 0, .9);
        height: calc(100% + 4px);
        top: -2px;
        right: -4px
    }

    section._editor section._editor .tool-border section:nth-child(1) {
        border-top: 1px dashed rgba(255, 0, 0, .95);
        width: calc(100% + 6px);
        top: -3px;
        left: -3px
    }

    section._editor section._editor .tool-border section:nth-child(1):before {
        background: rgba(255, 0, 0, .95);
        top: -17px
    }

    section._editor section._editor .tool-border section:nth-child(2) {
        border-bottom: 1px dashed rgba(255, 0, 0, .95);
        width: calc(100% + 6px);
        bottom: -3px;
        left: -3px
    }

    section._editor section._editor .tool-border section:nth-child(3) {
        border-left: 1px dashed rgba(255, 0, 0, .95);
        height: calc(100% + 2px);
        top: -1px;
        left: -3px
    }

    section._editor section._editor .tool-border section:nth-child(4) {
        border-right: 1px dashed rgba(255, 0, 0, .95);
        height: calc(100% + 2px);
        top: -1px;
        right: -3px
    }

    section._editor section._editor.fadeIn .tool-border section,
    section._editor.fadeIn .tool-border section {
        -webkit-animation: fadeIn .8s .8s infinite;
        -ms-animation: fadeIn .8s .8s infinite;
        -moz-animation: fadeIn .8s .8s infinite;
        -o-animation: fadeIn .8s .8s infinite;
        animation: fadeIn .8s .8s infinite
    }

    section ._sub_hover {
        outline: 1px dashed rgba(0, 0, 255, .3);
        outline-offset: 1px
    }

    section ._sub_active {
        outline: 1px dashed rgba(0, 0, 255, .5);
        outline-offset: 1px
    }

    .pathActive {
        -webkit-animation: fadeIn .5s .5s infinite;
        -ms-animation: fadeIn .5s .5s infinite;
        -moz-animation: fadeIn .5s .5s infinite;
        -o-animation: fadeIn .5s .5s infinite;
        animation: fadeIn .5s .5s infinite
    }

    .aiActive {
        position: relative
    }

    .aiActive::before {
        position: absolute;
        color: #ababab;
        opacity: .4;
        font-size: 12px;
        content: "双击Ctrl 或 按住Ctrl点击此处,使用AI写作";
        white-space: nowrap
    }

    [data-layout=wrap],
    [data-layout=inner] {
        min-height: 27px
    }

    [data-layout=wrap]::after {
        position: relative;
        display: block;
        color: #9a9a9a;
        opacity: .4;
        text-align: center;
        font-size: 14px;
        content: "双击此处输入"
    }

    [data-layout=layout]:hover [data-layout=inner],
    [data-layout=layout]:hover [data-layout=wrap],
    section._editor ._layout_active [data-layout=inner],
    section._editor ._layout_active [data-layout=inner] {
        outline: 2px dashed #07c15e !important;
        outline-offset: -3px
    }