/* 清除页面默认样式 */
html,
body {
    padding: 0 !important;
    margin: 0 !important;
    height: 100%;
    width: 100%;
    position: relative;
    background: #f8f8f8;
    font-family: "Consolas", "Microsoft JhengHei", "Apple LiGothic Medium,Microsoft YaHei", "微软雅黑", "Arial", sans-serif;
    cursor: url(https://cdn.posto.cn/codics/pdf/editor/img/Cursor-Arrow%20%281%29%20%281%29.png) 9 9, auto !important;
}

#app {
    box-sizing: border-box;
    padding: 0 !important;
    margin: 0 !important;
}


:root {
    --bg-color: #FBFBFB;
    --sbar-bg-color: #FFF;
    --sbar-l-color: #EBEBEB;
    --sbar-font-color: #333;
    --sbar-font-hint-color: #888;
    --sbar-font-hover-color: #333;
    --sbar-l-2-color: #DDD;
    --sbar-l-3-color: #F6F6F6;
    --sbar-himg-l-color: #F0F0F0;
    --sbar-title-color: #000;
    --sbar-title-hint-color: #666;
    --sbar-menu-item-hover-color: #F7F7F7;
    --sbar-menu-item-child-hover-color: rgba(0, 0, 0, .08);
    --sbar-menu-item-font-color: #666;
    --sbar-menu-item-child-l-color: #E0E0E0;
    --tbar-theme-bg-color: #EEE;
    --tbar-theme-font-color: #000;
    --tbar-theme-card-color: #FFF;
}

:root[data-theme="dark"] {
    --bg-color: #303030;
    --sbar-bg-color: #292b2c;
    --sbar-l-color: #2E3235;
    --sbar-font-color: #FFF;
    --sbar-font-hint-color: #BBB;
    --sbar-font-hover-color: #FFF;
    --sbar-l-2-color: rgba(255, 255, 255, 0.1);
    --sbar-l-3-color: rgba(255, 255, 255, 0.05);
    --sbar-himg-l-color: rgba(255, 255, 255, 0.1);
    --sbar-title-color: #FFF;
    --sbar-title-hint-color: rgba(255, 255, 255, 0.6);
    --sbar-menu-item-hover-color: rgba(255, 255, 255, 0.15);
    --sbar-menu-item-child-hover-color: rgba(255, 255, 255, 0.1);
    --sbar-menu-item-font-color: #999;
    --sbar-menu-item-child-l-color: rgba(255, 255, 255, 0.15);
    --tbar-theme-bg-color: #404040;
    --tbar-theme-font-color: #FFF;
    --tbar-theme-card-color: #23272A;
}


@font-face {
    font-family: 'iconfont';
    src: url('../font/iconfont.ttf?t=1708918585544') format('truetype');
}

@font-face {
    font-family: 'remixicon';
    src: url('../font/remixicon.ttf?t=1708222285544') format('truetype');
}

.iconfont {
    font-family: "iconfont", "Consolas",
        "Microsoft JhengHei",
        "Apple LiGothic Medium,Microsoft YaHei",
        "微软雅黑",
        "Arial",
        sans-serif !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}