:root {
    --main-bg-color: rgb(247, 248, 250);
}

* {
    margin: 0;
    padding: 0;
    font-family: "PingFang SC", serif;
}

body {
    background-color: var(--main-bg-color);
}

.test {
    border: 1px solid red;
}

.demo-basic { // 默认下拉框样式
    padding: 5px;
    width: auto;
    background-color: var(--color-bg-popup);
    border-radius: 4px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
}

.arco-btn-text {
    color: var(--color-text-2) !important;
}

.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
}

#Item-View {
    @apply flex flex-col p-[20px] min-h-full overflow-auto;
    .arco-card {
        @apply min-h-full flex-grow flex;
        .arco-card-body {
            @apply min-h-full flex flex-col p-[20px] flex-grow max-w-full;
            .arco-table-container {
                @apply h-full;
                .arco-table-element {
                    //@apply min-h-full;
                }
            }
        }
    }
}

.arco-table-th-title {
    @apply whitespace-nowrap flex-shrink-0;
}

.mock-card {
    @apply p-[20px] bg-[#fff];
    border: 1px solid var(--color-neutral-3);
    border-radius: var(--border-radius-small);
    box-shadow: box-shadow .2s cubic-bezier(0, 0, 1, 1);
}
