/* 页面特定样式 */

/* Panel样式 */
section.panel {
    background: var(--xyx-glass-bg) !important;
    backdrop-filter: blur(var(--xyx-glass-blur)) !important;
    -webkit-backdrop-filter: blur(var(--xyx-glass-blur)) !important;
    border: 1px solid var(--xyx-glass-border) !important;
    border-radius: var(--xyx-glass-radius) !important;
    box-shadow: var(--xyx-shadow-md) !important;
    margin-bottom: 20px !important;
}

.panel-heading {
    background: var(--xyx-glass-bg-light) !important;
    border-bottom: 1px solid var(--xyx-glass-border) !important;
    padding: 15px 20px !important;
    min-height: 60px !important;
}

.panel-heading .nav-tabs {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    gap: 5px !important;
}

.panel-heading .nav-tabs > li {
    margin: 0 !important;
    float: none !important;
}

.panel-heading .nav-tabs > li > a {
    padding: 10px 20px !important;
    border: 1px solid var(--xyx-glass-border) !important;
    border-radius: var(--xyx-glass-radius-sm) !important;
    background: transparent !important;
    color: var(--xyx-text-color) !important;
    transition: var(--xyx-glass-transition) !important;
    margin: 0 !important;
}

.panel-heading .nav-tabs > li > a:hover {
    background: var(--xyx-glass-bg-hover) !important;
    border-color: var(--xyx-accent-color) !important;
    color: var(--xyx-accent-color) !important;
}

.panel-heading .nav-tabs > li.active > a {
    background: var(--xyx-accent-color) !important;
    border-color: var(--xyx-accent-color) !important;
    color: var(--xyx-text-color-inverse, #ffffff) !important;
}

.panel-footer {
    background: var(--xyx-glass-bg-light) !important;
    border-top: 1px solid var(--xyx-glass-border) !important;
    padding: 15px 20px !important;
}

.panel-body {
    padding: 20px !important;
}