/* /Components/DialogPages/ShowSearchDialog.razor.rz.scp.css */
.show-search-dialog-container[b-5hvvls3hay] {
    max-height: 70vh;
    overflow-y: auto;
}

.search-section[b-5hvvls3hay] {
    background: #f8f9fa;
    padding: 1rem;
    border-radius: 8px;
    border: 1px solid #dee2e6;
}

.results-section[b-5hvvls3hay] {
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 1rem;
}

.loading-section[b-5hvvls3hay] {
    border: 1px solid #dee2e6;
    border-radius: 8px;
    background: #f8f9fa;
}

.empty-results[b-5hvvls3hay], .initial-state[b-5hvvls3hay] {
    border: 1px dashed #dee2e6;
    border-radius: 8px;
    background: #f8f9fa;
}
/* /Components/Layout/LayoutPreview.razor.rz.scp.css */
/* /Components/Layout/LoginLayout.razor.rz.scp.css */
.my_centered-container[b-4mtutawuve] {
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    min-height: 100vh; /* 最小高度为100%的视口高度 */
    background-image: url('./images/login2.png'); /* 添加背景图片 */
    background-size: cover; /* 背景图片覆盖整个元素 */
    background-position: center; /* 背景图片居中显示 */
}


.my_login_container[b-4mtutawuve] {
    --login-max-width: 430px;
    --login-padding-x: 1.5rem;
    --login-padding-y: .75rem;
    --bs-border-radius: 25px;
    max-width: var(--login-max-width);
    margin: 0 auto;
    width: 100%;
    padding: var(--login-padding-y) var(--login-padding-x);
}


[b-4mtutawuve] h4 {
    margin-bottom: 1.5rem;
}

[b-4mtutawuve] .form-control {
    --bb-form-control-padding: var(--login-padding-y) var(--login-padding-x);
    font-size: .875rem;
    margin-bottom: 1rem;
}

[b-4mtutawuve] .btn {
    --bs-btn-padding-x: var(--login-padding-x);
    --bs-btn-padding-y: var(--login-padding-y);
    width: 100%;
    margin-bottom: 1rem;
}

[b-4mtutawuve] .btn:first-of-type {
    margin-bottom: 0;
}

[b-4mtutawuve] .form-check {
    padding: var(--login-padding-y) var(--login-padding-x);
    margin-bottom: 1rem;
}


.transparent-card[b-4mtutawuve] {
    background-color: rgba(255, 255, 255, 0.5); /* 这里的0.5可以调整，数值越小，透明度越高 */
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* /Components/Pages/Online.razor.rz.scp.css */
[b-6y9es8jbny] .table-container {
    --bb-table-row-active-bg: rgba(var(--bb-primary-color-rgb), 0.8);
    --bb-table-row-hover-bg: rgba(var(--bb-primary-color-rgb), 0.8);
}

[b-6y9es8jbny] .table-container .table tr.active > td {
    color: #fff !important;
}

[b-6y9es8jbny] .table-container .table tr.active > td a {
    --bs-link-color-rgb: #fff;
}

[b-6y9es8jbny] .table-striped .table-row.active {
    background-color: var(--bb-table-row-active-bg);
}
/* /Components/Pages/ShowNotice.razor.rz.scp.css */
/* 公告页面基础样式 */
.announcement-container[b-gnorfj7qld] {
    background: linear-gradient(135deg, #bbdefb 0%, #e1f5fe 50%, #b3e5fc 100%);
    min-height: 100vh;
    padding: 10px 0;
}

/* 页面标题 */
.page-header[b-gnorfj7qld] {
    margin-bottom: 2rem;
}

.header-content[b-gnorfj7qld] {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: rgba(255, 255, 255, 0.95);
    padding: 1.5rem;
    border-radius: 15px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
}

.header-icon[b-gnorfj7qld] {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
}

.header-text[b-gnorfj7qld] {
    flex: 1;
}

.header-title[b-gnorfj7qld] {
    margin: 0;
    color: #2c3e50;
    font-weight: 700;
    font-size: 1.5rem;
}

.header-subtitle[b-gnorfj7qld] {
    margin: 0.5rem 0 0 0;
    color: #7f8c8d;
    font-size: 1.1rem;
}

/* 场次横幅样式 */
.current-show-banner[b-gnorfj7qld], .seckill-banner[b-gnorfj7qld] {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 15px;
    margin-bottom: 0.8rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    overflow: hidden;
}

.banner-header[b-gnorfj7qld] {
    background: linear-gradient(135deg, #8e44ad, #6b2c91);
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: white;
    position: relative;
}

.banner-header-left[b-gnorfj7qld] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.banner-header-center[b-gnorfj7qld] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.banner-header-right[b-gnorfj7qld] {
    margin-left: auto;
}

/* 头部状态样式 - 好看的设计 */
.header-status[b-gnorfj7qld] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 1rem;
    border-radius: 20px;
    font-weight: 600;
    font-size: 0.85rem;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(5px);
    color: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.header-status.urgent[b-gnorfj7qld] {
    background: rgba(255, 107, 107, 0.9);
    border-color: rgba(255, 107, 107, 0.5);
    animation: glow-b-gnorfj7qld 1.5s infinite;
}

.header-status.waiting[b-gnorfj7qld] {
    background: rgba(255, 193, 7, 0.9);
    border-color: rgba(255, 193, 7, 0.5);
}

.header-status.active[b-gnorfj7qld] {
    background: rgba(40, 167, 69, 0.9);
    border-color: rgba(40, 167, 69, 0.5);
}

.header-status.ended[b-gnorfj7qld] {
    background: rgba(108, 117, 125, 0.9);
    border-color: rgba(108, 117, 125, 0.5);
}

@keyframes glow-b-gnorfj7qld {
    0%, 100% { box-shadow: 0 2px 8px rgba(255, 107, 107, 0.3); }
    50% { box-shadow: 0 4px 16px rgba(255, 107, 107, 0.6); }
}

/* 抢购场次 - 红色 */
.seckill-banner .banner-header[b-gnorfj7qld] {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
}

/* 预约场次 - 绿色 */
.booking-banner .banner-header[b-gnorfj7qld] {
    background: linear-gradient(135deg, #27ae60, #229954);
}

.banner-icon[b-gnorfj7qld] {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
}

.banner-title[b-gnorfj7qld] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 600;
}

.banner-badge .badge[b-gnorfj7qld] {
    background: rgba(255, 255, 255, 0.2);
    padding: 0.3rem 0.8rem;
    border-radius: 15px;
    font-size: 0.8rem;
}

/* 主要横幅内容布局 */
.banner-content[b-gnorfj7qld] {
    display: flex;
    padding: 1rem;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}

.banner-left[b-gnorfj7qld] {
    flex: 0 0 65%;
    max-width: 65%;
    margin-right: 1rem;
}

.banner-right[b-gnorfj7qld] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    align-items: flex-end;
    flex: 0 0 30%;
    max-width: 30%;
}

/* 场次标题 */
.show-title h3[b-gnorfj7qld] {
    margin: 0 0 0.3rem 0;
    font-size: 1.3rem;
    font-weight: 600;
    color: #2c3e50;
}

.show-organizer[b-gnorfj7qld] {
    margin: 0;
    color: #7f8c8d;
    font-size: 0.9rem;
}

/* 时间信息容器 */
.time-and-info-container[b-gnorfj7qld] {
    margin-top: 1rem;
    width: 100%;
}

/* 时间行布局 */
.time-row[b-gnorfj7qld] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.8rem;
    width: auto;
    justify-content: flex-start;
}

.time-col[b-gnorfj7qld] {
    text-align: center;
    flex: 0 0 auto;
    min-width: 120px;
    margin-right: 1rem;
}

.time-col:last-child[b-gnorfj7qld] {
    margin-right: 0;
}

.time-label[b-gnorfj7qld] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    font-size: 0.8rem;
    color: #7f8c8d;
    margin-bottom: 0.3rem;
}

.time-value[b-gnorfj7qld] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #2c3e50;
}

.time-value.urgent[b-gnorfj7qld] {
    animation: pulse-b-gnorfj7qld 1.5s infinite;
    font-weight: 700;
    color: #e74c3c;
}

.time-value.show-time[b-gnorfj7qld] {
    color: #27ae60;
}

@keyframes pulse-b-gnorfj7qld {
    0%, 100% { opacity: 1; color: #e74c3c; }
    50% { opacity: 0.85; color: #c0392b; }
}

/* 快速信息布局 */
.quick-info-full-width[b-gnorfj7qld] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: 100%;
}

.info-item-inline[b-gnorfj7qld] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    background: rgba(255, 255, 255, 0.2);
    padding: 0.3rem 0.6rem;
    border-radius: 6px;
    font-size: 0.75rem;
    white-space: nowrap;
    flex-shrink: 0;
    backdrop-filter: blur(3px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.info-item-inline i[b-gnorfj7qld] {
    color: #3498db;
    font-size: 0.7rem;
}

.info-label[b-gnorfj7qld] {
    color: #7f8c8d;
    font-weight: 500;
    font-size: 0.7rem;
}

.info-value[b-gnorfj7qld] {
    color: #2c3e50;
    font-weight: 600;
    font-size: 0.75rem;
}

/* 演出时间样式 */
.show-time-row[b-gnorfj7qld] {
    margin-top: 0.8rem;
    text-align: center;
}

.show-time-row .time-label[b-gnorfj7qld] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    font-size: 0.8rem;
    color: #7f8c8d;
    margin-bottom: 0.3rem;
}

.show-time-row .time-value[b-gnorfj7qld] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #27ae60;
}

/* 状态指示器 */
.status-banner .status[b-gnorfj7qld] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-weight: 600;
    font-size: 0.8rem;
}

.status.urgent[b-gnorfj7qld] {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: white;
}

.status.waiting[b-gnorfj7qld] {
    background: linear-gradient(135deg, #f39c12, #e67e22);
    color: white;
}

.status.active[b-gnorfj7qld] {
    background: linear-gradient(135deg, #27ae60, #229954);
    color: white;
}

.status.ended[b-gnorfj7qld] {
    background: rgba(149, 165, 166, 0.9);
    color: white;
    border: 1px solid rgba(149, 165, 166, 0.5);
    font-size: 0.75rem;
    padding: 0.3rem 0.8rem;
    font-weight: 600;
}

/* 票档信息 - 一行两个，淡淡包围 */
.ticket-levels-compact[b-gnorfj7qld] {
    margin-top: 0;
    min-width: 180px;
    max-width: 220px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 0.6rem;
    backdrop-filter: blur(5px);
}

.levels-header-compact[b-gnorfj7qld] {
    margin-bottom: 0.4rem;
    color: #2c3e50;
    font-weight: 600;
    font-size: 0.8rem;
    text-align: center;
    padding-bottom: 0.3rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.levels-list-compact[b-gnorfj7qld] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.4rem;
}

.level-item-compact[b-gnorfj7qld] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.4rem 0.3rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    backdrop-filter: blur(3px);
    text-align: center;
}

.level-item-compact.more[b-gnorfj7qld] {
    grid-column: 1 / -1;
    background: rgba(108, 117, 125, 0.2);
    color: #6c757d;
    justify-content: center;
    flex-direction: row;
}

.level-name-compact[b-gnorfj7qld] {
    font-size: 0.7rem;
    font-weight: 500;
    color: #2c3e50;
    margin-bottom: 0.2rem;
    line-height: 1.2;
}

.level-price-compact[b-gnorfj7qld] {
    font-size: 0.75rem;
    font-weight: 700;
    color: #e74c3c;
}

.level-more-compact[b-gnorfj7qld] {
    font-size: 0.7rem;
    font-weight: 500;
}

/* 即将到来的场次 */
.section-header-simple[b-gnorfj7qld] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 1rem 0 0.5rem 0;
    padding: 0.75rem 1rem;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.section-icon[b-gnorfj7qld] {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.1rem;
}

.section-title[b-gnorfj7qld] {
    margin: 0;
    color: #2c3e50;
    font-weight: 600;
    font-size: 1.1rem;
}

/* 即将到来的场次卡片 */
.upcoming-shows-section[b-gnorfj7qld] {
    margin-top: -0.3rem;
}

.upcoming-shows-section .row[b-gnorfj7qld] {
    margin: 0;
}

.upcoming-card[b-gnorfj7qld] {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 12px;
    margin-bottom: 1rem;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    border-left: 4px solid #3498db;
    overflow: hidden;
    height: 100%;
}

.upcoming-card.booking-type[b-gnorfj7qld] {
    border-left-color: #3498db;
}

.upcoming-card.seckill-type[b-gnorfj7qld] {
    border-left-color: #e74c3c;
}

.upcoming-header[b-gnorfj7qld] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background: rgba(248, 249, 250, 0.3);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.upcoming-badge .badge[b-gnorfj7qld] {
    padding: 0.3rem 0.6rem;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 600;
}

.booking-badge-small[b-gnorfj7qld] {
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
}

.seckill-badge-small[b-gnorfj7qld] {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: white;
}

.upcoming-time.urgent[b-gnorfj7qld] {
    color: #e74c3c;
    font-weight: 700;
    font-size: 0.85rem;
}

.upcoming-content[b-gnorfj7qld] {
    padding: 1rem;
}

/* 演唱会和场次信息头部 */
.show-info-header[b-gnorfj7qld] {
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.show-name-badge[b-gnorfj7qld], .session-name-badge[b-gnorfj7qld] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    background: rgba(52, 152, 219, 0.08);
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
    border-left: 3px solid #3498db;
}

.session-name-badge[b-gnorfj7qld] {
    background: rgba(46, 204, 113, 0.08);
    border-left-color: #2ecc71;
}

.show-name-badge i[b-gnorfj7qld] {
    color: #3498db;
    font-size: 0.85rem;
}

.session-name-badge i[b-gnorfj7qld] {
    color: #2ecc71;
    font-size: 0.85rem;
}

.show-name-label[b-gnorfj7qld], .session-name-label[b-gnorfj7qld] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #7f8c8d;
}

.show-name-value[b-gnorfj7qld], .session-name-value[b-gnorfj7qld] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #2c3e50;
    flex: 1;
}

.upcoming-title[b-gnorfj7qld] {
    margin: 0 0 0.3rem 0;
    font-size: 1rem;
    font-weight: 600;
    color: #2c3e50;
}

.upcoming-organizer[b-gnorfj7qld] {
    margin: 0 0 0.8rem 0;
    color: #7f8c8d;
    font-size: 0.8rem;
}

/* 即将到来场次的时间信息 */
.upcoming-times[b-gnorfj7qld] {
    margin-bottom: 0.8rem;
    background: rgba(52, 152, 219, 0.02);
    padding: 0.6rem;
    border-radius: 8px;
    border: 1px solid rgba(52, 152, 219, 0.05);
}

/* 元数据样式 - 横向排列 */
.upcoming-meta[b-gnorfj7qld] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.8rem;
}

.meta-item[b-gnorfj7qld] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    background: rgba(149, 165, 166, 0.08);
    padding: 0.3rem 0.5rem;
    border-radius: 12px;
    font-size: 0.7rem;
    color: #2c3e50;
    flex: 1;
    min-width: 0;
    justify-content: center;
}

.meta-item i[b-gnorfj7qld] {
    font-size: 0.6rem;
    color: #7f8c8d;
    flex-shrink: 0;
}

.meta-label[b-gnorfj7qld] {
    font-weight: 500;
    color: #7f8c8d;
}

.meta-value[b-gnorfj7qld] {
    font-weight: 600;
    margin-left: 0.2rem;
}

.time-info-row[b-gnorfj7qld] {
    display: flex;
    gap: 0.8rem;
    margin-bottom: 0.5rem;
}

.time-info-row:last-child[b-gnorfj7qld] {
    margin-bottom: 0;
}

.time-info-item[b-gnorfj7qld] {
    flex: 1;
    min-width: 0;
}

.time-info-item.full-width[b-gnorfj7qld] {
    flex: none;
    width: 100%;
}

.time-info-label[b-gnorfj7qld] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.7rem;
    color: #7f8c8d;
    margin-bottom: 0.2rem;
}

.time-info-value[b-gnorfj7qld] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #2c3e50;
    word-break: break-all;
}

.time-info-value.urgent[b-gnorfj7qld] {
    animation: pulse-b-gnorfj7qld 1.5s infinite;
    font-weight: 700;
}

.time-info-value.show-time[b-gnorfj7qld] {
    color: #27ae60;
}

/* 即将到来场次的票档信息 */
.upcoming-ticket-levels[b-gnorfj7qld] {
    margin-top: 1rem;
    padding: 0.75rem;
    background: rgba(52, 152, 219, 0.05);
    border-radius: 8px;
    border: 1px solid rgba(52, 152, 219, 0.1);
}

.levels-header-small[b-gnorfj7qld] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.6rem;
    color: #2c3e50;
    font-weight: 600;
    font-size: 0.85rem;
}

.levels-header-small i[b-gnorfj7qld] {
    color: #3498db;
    font-size: 0.9rem;
}

.levels-grid[b-gnorfj7qld] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.level-tag[b-gnorfj7qld] {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: rgba(255, 255, 255, 0.95);
    padding: 0.3rem 0.6rem;
    border-radius: 6px;
    min-width: 70px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.level-tag.more-tag[b-gnorfj7qld] {
    background: rgba(108, 117, 125, 0.9);
    color: white;
    justify-content: center;
}

.tag-name[b-gnorfj7qld] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #2c3e50;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 0.2rem;
}

.tag-price[b-gnorfj7qld] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #e74c3c;
}

.tag-more[b-gnorfj7qld] {
    font-size: 0.7rem;
    font-weight: 500;
}

/* 空状态样式 */
.empty-state[b-gnorfj7qld], .upcoming-empty-state[b-gnorfj7qld] {
    text-align: center;
    padding: 3rem 1rem;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 15px;
    margin: 2rem 0;
}

.empty-icon[b-gnorfj7qld], .empty-upcoming-icon[b-gnorfj7qld] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #bdc3c7, #95a5a6);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    color: white;
    font-size: 2rem;
}

.empty-title[b-gnorfj7qld], .empty-upcoming-text[b-gnorfj7qld] {
    font-size: 1.2rem;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 0.5rem;
}

.empty-text[b-gnorfj7qld] {
    color: #7f8c8d;
    margin-bottom: 1rem;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .banner-content[b-gnorfj7qld] {
        flex-direction: column;
        gap: 1.5rem;
        padding: 0.8rem;
    }

    .banner-left[b-gnorfj7qld] {
        max-width: 100%;
        min-width: 100%;
        margin-right: 0;
    }

    .banner-right[b-gnorfj7qld] {
        align-items: center;
        width: 100%;
    }

    .time-row[b-gnorfj7qld] {
        gap: 1rem;
    }

    .quick-info-full-width[b-gnorfj7qld] {
        gap: 0.8rem;
        justify-content: center;
    }

    .info-item-inline[b-gnorfj7qld] {
        padding: 0.25rem 0.5rem;
        font-size: 0.7rem;
    }

    .ticket-levels-compact[b-gnorfj7qld] {
        min-width: 100%;
        max-width: 100%;
    }

    .levels-list-compact[b-gnorfj7qld] {
        grid-template-columns: 1fr;
    }

    .level-item-compact[b-gnorfj7qld] {
        flex-direction: row;
        justify-content: space-between;
    }

    .level-name-compact[b-gnorfj7qld] {
        margin-bottom: 0;
    }

    .time-info-row[b-gnorfj7qld] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .upcoming-card[b-gnorfj7qld] {
        height: auto;
        min-height: 180px;
    }
}

/* ========== 场次状态样式 ========== */

/* 状态徽章样式 */
.badge-standby[b-gnorfj7qld] {
    background: linear-gradient(135deg, #3498db, #2980b9) !important;
    color: white !important;
}

.badge-coming-soon[b-gnorfj7qld] {
    background: linear-gradient(135deg, #f39c12, #e67e22) !important;
    color: white !important;
}

.badge-on-sale[b-gnorfj7qld] {
    background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
    color: white !important;
    animation: badge-pulse-b-gnorfj7qld 1.5s infinite;
}

.badge-finished[b-gnorfj7qld] {
    background: linear-gradient(135deg, #95a5a6, #7f8c8d) !important;
    color: white !important;
}

@keyframes badge-pulse-b-gnorfj7qld {
    0%, 100% { 
        box-shadow: 0 0 8px rgba(231, 76, 60, 0.4);
        transform: scale(1);
    }
    50% { 
        box-shadow: 0 0 16px rgba(231, 76, 60, 0.6);
        transform: scale(1.05);
    }
}

/* 卡片状态颜色 - 改变左边框和整体氛围 */
.upcoming-card.status-standby[b-gnorfj7qld] {
    border-left-color: #3498db;
    background: rgba(52, 152, 219, 0.05);
}

.upcoming-card.status-coming[b-gnorfj7qld] {
    border-left-color: #f39c12;
    background: rgba(243, 156, 18, 0.08);
}

.upcoming-card.status-onsale[b-gnorfj7qld] {
    border-left-color: #e74c3c;
    background: rgba(231, 76, 60, 0.08);
    animation: card-glow-b-gnorfj7qld 2s infinite;
}

.upcoming-card.status-finished[b-gnorfj7qld] {
    border-left-color: #95a5a6;
    background: rgba(149, 165, 166, 0.05);
    opacity: 0.85;
}

@keyframes card-glow-b-gnorfj7qld {
    0%, 100% { 
        box-shadow: 0 4px 16px rgba(231, 76, 60, 0.15);
    }
    50% { 
        box-shadow: 0 6px 24px rgba(231, 76, 60, 0.25);
    }
}

/* 抢购中状态的时间显示增强 */
.status-onsale .upcoming-time[b-gnorfj7qld] {
    animation: time-urgent-pulse-b-gnorfj7qld 1.5s infinite;
}

@keyframes time-urgent-pulse-b-gnorfj7qld {
    0%, 100% { 
        color: #e74c3c;
        font-size: 0.85rem;
    }
    50% { 
        color: #c0392b;
        font-size: 0.9rem;
    }
}
/* /Components/WebPages/Login.razor.rz.scp.css */
/* 定义 .login-item-floating 类的样式 */
.login-item-floating[b-jietfo8t1g] {
    --login-padding-x: 1rem; /* 设置一个 CSS 变量，定义登录框的水平内边距为 1rem */
    --bs-border-radius: 10px; /* 设置一个 CSS 变量，定义边框圆角为 10px */
}

/* 定义 .login-item-floating 下的 .btn-primary（主按钮）的深层样式 */
.login-item-floating[b-jietfo8t1g]  .btn-primary {
    --bs-primary: #4318FF; /* 设置主题颜色为深蓝色 */
    --bs-btn-hover-bg: #4318FF; /* 设置按钮在鼠标悬停时的背景颜色为深蓝色 */
    --bs-btn-bg: var(--bs-primary); /* 设置按钮的背景颜色使用上面定义的主题颜色 */
    --bs-btn-border-color: var(--bs-primary); /* 设置按钮边框的颜色也使用主题颜色 */
    --bs-btn-disabled-bg: var(--bs-primary); /* 设置按钮在禁用状态下的背景颜色仍为主题颜色 */
    --bs-btn-disabled-border-color: var(--bs-primary); /* 设置按钮在禁用状态下的边框颜色也使用主题颜色 */
    --bs-btn-hover-border-color: var(--bs-btn-hover-bg); /* 设置按钮在鼠标悬停时的边框颜色为悬停时的背景颜色 */
    --bs-btn-active-bg: var(--bs-btn-hover-bg); /* 设置按钮在激活（点击）状态下的背景颜色为悬停时的背景颜色 */
    --bs-btn-active-border-color: var(--bs-btn-hover-bg); /* 设置按钮在激活（点击）状态下的边框颜色为悬停时的背景颜色 */
}
/* /Components/WebPages/NotAuth.razor.rz.scp.css */
.my_not_centered-container[b-93axhhdr2z] {
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    height: 100vh; /* 设置高度为视口的100% */
    width: 100vw; /* 设置宽度为视口的100% */
    margin: 0; /* 去除边距，确保元素充满整个视口 */
    padding: 0; /* 去除内边距 */
    background-size: cover; /* 背景图像覆盖整个元素 */
    background-position: center; /* 背景图像居中显示 */
}

.error[b-93axhhdr2z] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #ffffff;
    /* 如果需要，可以根据页面设计添加内边距 */
    padding: 20px;
}

h3[b-93axhhdr2z] {
    font-size: 1.28rem;
    font-weight: bold;
    margin: 1.125rem 0;
}

.bg[b-93axhhdr2z] {
    width: 458px;
    height: 215px;
    text-align: center;
}
/* /Components/WebPages/NotPayAuth.razor.rz.scp.css */
.my_notaut_not_centered-container[b-9f6k7tg9gp] {
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    height: 100vh; /* 设置高度为视口的100% */
    width: 100vw; /* 设置宽度为视口的100% */
    margin: 0; /* 去除边距，确保元素充满整个视口 */
    padding: 0; /* 去除内边距 */
    background-size: cover; /* 背景图像覆盖整个元素 */
    background-position: center; /* 背景图像居中显示 */
}

.my_notaut_error[b-9f6k7tg9gp] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #ffffff;
    /* 如果需要，可以根据页面设计添加内边距 */
    padding: 20px;
}

.my_notaut_bg[b-9f6k7tg9gp] {
    width: 458px;
    height: 215px;
    text-align: center;
}

.my_notaut_h3[b-9f6k7tg9gp] {
    font-size: 1.28rem;
    font-weight: bold;
    margin: 1.125rem 0;
}