/* loading 页面样式 */
._dash-loading {
    display: none;
}

.entry-dot {
    width: 15px;
    height: 15px;
    background-color: white;
    border-radius: 50%;
    margin: 0 5px;
    animation: entry-bounce 1.5s infinite ease-in-out;
}

.entry-dot:nth-child(1) {
    animation-delay: 0s;
}

.entry-dot:nth-child(2) {
    animation-delay: 0.2s;
}

.entry-dot:nth-child(3) {
    animation-delay: 0.4s;
}

@keyframes entry-bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}

/* 隐藏 antd tabs 滚动条 */
.ant-tabs {
    overflow-x: hidden;
    overflow-y: hidden;
}

/* 工具菜单列表 tab 上边距 */
/* :where(.css-cdzvx5).ant-tabs-left >.ant-tabs-nav, :where(.css-cdzvx5).ant-tabs-right >.ant-tabs-nav, :where(.css-cdzvx5).ant-tabs-left >div>.ant-tabs-nav, :where(.css-cdzvx5).ant-tabs-right >div>.ant-tabs-nav {
    padding-top: 16px;
}
*/

/* 工具主页面 tab 左边距 */
/* 会影响主菜单页面，直接在单个工具 layout 内插入即可
:where(.css-cdzvx5).ant-tabs-left >.ant-tabs-content-holder >.ant-tabs-content>.ant-tabs-tabpane, :where(.css-cdzvx5).ant-tabs-left >div>.ant-tabs-content-holder >.ant-tabs-content>.ant-tabs-tabpane {
    padding-left: 0px !important;
}
*/

/* 隐藏元素 */
.none-display {
    display: none;
}

/* 调色块 */
:where(.css-cdzvx5).ant-color-picker-trigger.ant-color-picker-trigger-active {
    box-shadow: none;
}

/* 绘图区域鼠标样式 */
.js-plotly-plot .plotly .cursor-crosshair {
    cursor: help !important;
}

/* 加载动画文本位置 */
:where(.css-cdzvx5).ant-spin .ant-spin-text {
    padding-top: 30px;
}

/* 水平分割线间隔 */
:where(.css-cdzvx5).ant-divider-horizontal {
    margin: 16px 0;
}

/* 气泡卡片间隔 */
.ant-popover-placement-bottom, .ant-popover-placement-bottomLeft, .ant-popover-placement-bottomRight {
    padding: 0px !important;
}

/* 表格分页样式 */
:where(.css-cdzvx5).ant-table-wrapper .ant-table-pagination.ant-pagination {
    margin: 0 !important;
    padding: 0.5rem 0rem 0.5rem 1rem;
}

/* 表格边框 */
:where(.css-cdzvx5).ant-table-wrapper .ant-table {
    border-radius: 6px !important;
    border-bottom: 2px solid #009879;
}

/* 表格主体样式 */
.ant-table-body {
    overflow: auto !important;
}

/* 表格勾选框样式 */
.ant-table-selection-extra {
    display: none !important;
}

/* 表头样式 */
.ant-table-thead tr th {
    background-color: #009879 !important;
    color: #ffffff !important;
    font-weight: bold !important;
}

:where(.css-cdzvx5).ant-popover .ant-popover-inner {
    padding: 16px;
}

/* 卡片样式 */
:where(.css-cdzvx5).ant-card .ant-card-body {
    padding: 16px;
}

/* 工具点赞区域 */
.tool-div-like {
    display: flex;
    justify-content: end;
}

/* 工具整体区域 */
.tool-div {
    border: 1px solid #f0f0f0;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.25) 3px 3px 5px;
}

/* 鼠标悬停卡片上移 */
.tool-div:hover {
    transform: translateY(-3px);
    transition: 0.3s;
}

/* 分析参数标签 */
.ana-params-div {
    width: calc(100vw * 6 / 24 - 36px);
}

/* 绘图参数 tab */
.tool-draw-params > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-tab {
    padding: 8px 0px;
}

/* 绘图参数 tab */
.tool-draw-params > .ant-tabs-nav {
    min-width: 32px;
}

/* 屏幕宽度大于等于 1800px */
@media only screen and (min-width: 1800px) {
    /* 绘图参数标签 */
    .drawui-width-left {
        width: 25%;
    }

    /* 绘图参数 UI */
    .drawui-width-right {
        width: 75%;
    }

    /* 首页菜单-单个工具卡片宽度 */
    .tool-div {
        width: calc((100vw - 262px)/5);
    }

    /* AI 聊天工具，聊天记录页面宽度 */
    .aichat-div {
        width: 99%;
    }
}

/* 屏幕宽度小于等于 1800px & 大于等于 1400px */
@media only screen and (max-width: 1800px) and (min-width: 1400px) {
    .drawui-width-left {
        width: 33%;
    }

    .drawui-width-right {
        width: 66%;
    }
    
    .tool-div {
        width: calc((100vw - 244px)/4);
    }

    .aichat-div {
        width: 98%;
    }
}

/* 屏幕宽度小于等于 1400px & 大于等于 1300px */
@media only screen and (max-width: 1400px) and (min-width: 1300px) {
    .drawui-width-left {
        width: 50%;
    }

    .drawui-width-right {
        width: 50%;
    }
    
    .tool-div {
        width: calc((100vw - 244px)/4);
    }

    .aichat-div {
        width: 97%;
    }
}

/* 屏幕宽度小于等于 1300px */
@media only screen and (max-width: 1300px) {
    .drawui-width-left {
        width: 50%;
    }

    .drawui-width-right {
        width: 50%;
    }
    
    .tool-div {
        width: calc((100vw - 244px)/4);
    }

    .aichat-div {
        width: 96%;
    }
}