/* 去除所有超链接下划线 */
a {
    text-decoration: none;
}


/* 顶部导航栏样式 */
.navbar-top {
    height: 50px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    transition: height 0.3s ease;
}

/* 底部导航栏样式 */
.navbar-bottom {
    height: 30px;
    font-size: 85%;
}


/* 兼容V4徽章颜色 */
.badge {
    font-size: 75%;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
<!--            font-weight: normal;-->
}

.badge-primary {
    background-color: #007bff;
    color: white;
}

.badge-secondary {
    background-color: #6c757d;
    color: white;
}

.badge-success {
    background-color: #28a745;
    color: white;
}

.badge-danger {
    background-color: #dc3545;
    color: white;
}

.badge-warning {
    background-color: #ffc107;
    color: #212529;
}

.badge-info {
    background-color: #17a2b8;
    color: white;
}

.badge-light {
    background-color: #f8f9fa;
    color: #212529;
}

.badge-dark {
    background-color: #343a40;
    color: white;
}

/* 自定义徽章颜色 */
.badge-purple {
    background-color: #6f42c1;
    color: white;
}

.badge-orange {
    background-color: #fd7e14;
    color: white;
}

.badge-pink {
    background-color: #e83e8c;
    color: white;
}




:root {
    --status-bar-height: 32px;
    --status-bg-color: #f8f9fa;
    --status-border-color: #dee2e6;
    --status-text-color: #495057;
}


/* 紧凑型状态栏样式 */
.status-bar {
    height: var(--status-bar-height);
    background-color: var(--status-bg-color);
    border-top: 1px solid var(--status-border-color);
    font-size: 0.8rem;
    color: var(--status-text-color);
    padding: 0 12px;
}

/* 状态栏分段样式 */
.status-section {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 8px;
}

.status-section:not(:last-child) {
    border-right: 1px solid var(--status-border-color);
}

/* 左侧区域样式 */
.status-left {
    display: flex;
    align-items: center;
    gap: 16px;
}

/* 中间区域样式 */
.status-center {
    flex: 1;
    justify-content: center;
    gap: 20px;
}

/* 右侧区域样式 */
.status-right {
    justify-content: flex-end;
    gap: 20px;
}

/* 状态项样式 */
.status-item {
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.status-icon {
    font-size: 0.9rem;
}

.status-text {
    font-weight: 400;
}