body {
    padding: 0;
    margin: 0;
    background-color: #f5f5f5;
}

#app {
    padding: 10px 15px 5px;
}

/* 自定义滚动条样式 */
.custom-scrollbar {
    /* 滚动条宽度 */
    scrollbar-width: thin;
    /* 滚动条颜色 (轨道, 滑块) */
    scrollbar-color: #888 #f1f1f1;
}

/* 针对Chrome, Edge, Safari的滚动条样式 */
::-webkit-scrollbar {
    width: 6px; /* 垂直滚动条宽度 */
    height: 8px; /* 水平滚动条高度 */
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
    transition: background 0.3s ease;
}

    /* 滚动条滑块悬停状态 */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

/* 滚动条角落 (水平和垂直滚动条交汇处) */
::-webkit-scrollbar-corner {
    background: #f1f1f1;
}

.custom-card {
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ebeef5;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 14px;
}

.search-card {
    margin-bottom: 6px;
}

.operation-card {
    margin-bottom: 6px;
}

.operation-buttons {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    text-align: right;
    margin-bottom: 15px;
}

.pagination-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 10px 20px;
}

/* 自适应屏幕高度的对话框，内容区域滚动 */
.auto-height-dialog {
    max-height: 58vh;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0px 15px;
}