/* ================= 🌟 修复页面整体居中与标题布局 ================= */
.hype-header { 
    text-align: center; 
    padding-top: 45px; 
    margin-bottom: 20px; 
}

.hype-title { 
    font-size: 42px; 
    font-weight: 900; 
    letter-spacing: 5px; 
    margin: 0; 
    background: var(--title-gradient); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
    filter: drop-shadow(0 0 10px var(--gold-glow)); 
    font-family: 'Zcool KuaiLe', cursive;
}

.container { 
    max-width: 1850px; 
    margin: 0 auto; 
    padding: 0 20px; 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
}

/* 1. 🌟【核心修复】强制恢复默认/淘汰区的排版：2 列一排，确保所有卡片完全一样大，绝不压缩变窄 */
.team-slots { 
    display: grid !important; 
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important; 
    gap: 8px !important; 
    min-height: 150px; 
    align-items: start; 
    align-content: start; 
    position: relative; 
}

/* 确保非对战区的卡片平铺正常，不继承跨列属性 */
.team-slots .bidding-card {
    grid-column: auto !important;
    width: 100% !important;
    max-width: none !important;
}

/* 增加对战区域与顶部标题的间距 */
.teams-container {
    margin-top: 35px; 
}

/* 🌟 当屏幕大于 1400px 时，【仅对存活活跃对决中】的队伍开启 3-2 自适应紧凑排版 */
@media (min-width: 1400px) {
    /* 1. 调整对决中队伍大容器的布局为 Flex，并整体居中对齐 */
    .alive-zone-default, .alive-zone-8, .alive-zone-6 {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px;
        width: 100%;
    }
    
    /* 2. 拓宽“存活活跃中”的队伍框到 420px (并列双冠除外，防止权重覆盖) */
    .alive-zone-default .team-box:not(.champion-box),
    .alive-zone-8 .team-box:not(.champion-box),
    .alive-zone-6 .team-box:not(.champion-box) {
        width: 420px !important;
        flex-shrink: 0;
    }

    /* 3. 淘汰区（阵亡区）也改为 Flex 弹性自适应居中，自动换行，绝不超出容器 */
    .eliminated-zone {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
        width: 100%;
    }
    /* 淘汰队伍保持小巧精致的 240px 宽度 */
    .eliminated-zone .team-box {
        width: 240px !important;
        min-height: 150px; 
        padding: 10px;
        flex-shrink: 0;
    }
    
    /* 4. 🌟【核心修复】：只让“活跃对决中”的队伍启用 6 列网格进行 3-2 拼图 */
    .alive-zone-default .team-slots,
    .alive-zone-8 .team-slots,
    .alive-zone-6 .team-slots {
        grid-template-columns: repeat(6, 1fr) !important;
    }
    
    /* 仅对活跃队伍里的前 3 个人（1,2,3号位）设为占 2 列 (3 * 2 = 6) */
    .alive-zone-default .team-slots .bidding-card:nth-child(1),
    .alive-zone-default .team-slots .bidding-card:nth-child(2),
    .alive-zone-default .bidding-card:nth-child(3),
    .alive-zone-8 .team-slots .bidding-card:nth-child(1),
    .alive-zone-8 .team-slots .bidding-card:nth-child(2),
    .alive-zone-8 .bidding-card:nth-child(3),
    .alive-zone-6 .team-slots .bidding-card:nth-child(1),
    .alive-zone-6 .team-slots .bidding-card:nth-child(2),
    .alive-zone-6 .bidding-card:nth-child(3) {
        grid-column: span 2 !important;
    }
    
    /* 仅对活跃队伍里的后 2 个人（4,5号位）设为占 3 列 (2 * 3 = 6) */
    .alive-zone-default .team-slots .bidding-card:nth-child(4),
    .alive-zone-default .team-slots .bidding-card:nth-child(5),
    .alive-zone-8 .team-slots .bidding-card:nth-child(4),
    .alive-zone-8 .team-slots .bidding-card:nth-child(5),
    .alive-zone-6 .team-slots .bidding-card:nth-child(4),
    .alive-zone-6 .team-slots .bidding-card:nth-child(5) {
        grid-column: span 3 !important;
    }
    
    /* 5. 限制活跃队伍单张卡片最大宽度，防止拉伸 */
    .alive-zone-default .bidding-card,
    .alive-zone-8 .bidding-card,
    .alive-zone-6 .bidding-card {
        justify-self: center;
        width: 100%;
        max-width: 125px !important; 
    }
}
/* ================================================================= */
body { 
    /* 因为 CSS 文件在 css 文件夹里，所以要用 ../ 退回上一层，再进 uploads 文件夹 */
    background-image: url('../uploads/chikeai_paima1.png'); 
    background-size: cover;          /* 等比例缩放，完美铺满整个屏幕 */
    background-position: center top; /* 居中对齐，重点保留顶部画面 */
    background-repeat: no-repeat;    /* 不重复平铺 */
    background-attachment: fixed;    /* 网页上下滚动时，背景图固定不动，增加高级感 */
}

/* 如果你希望切换到“粉色可爱模式”时，不显示这个暗黑背景图，可以加上下面这句自动隐藏背景图 */
body.theme-cute {
    background-image: none;
}
/* 🌟 暗黑之礁（赛区 2）专属深海背景图样式（使用绝对路径，100% 稳妥） */
body.region-darkreef {
    background-image: url('/uploads/darkreef_paima2.png') !important; 
    background-color: #050811 !important; 
}

.bc-img-wrap { position: relative; width: 100%; height: 0; padding-bottom: 85%; flex-shrink: 0; overflow: hidden;}
.bc-img-wrap::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 60%; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 100%); pointer-events: none; z-index: 2; }
.bc-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block; transition: 0.3s; }
.bidding-card:hover .bc-bg { transform: scale(1.05); }
.bc-img-wrap .audio-btn { position: absolute; bottom: 6px; right: 6px; margin: 0; background: rgba(0, 0, 0, 0.65); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); border-radius: 50%; padding: 4px; font-size: 13px; line-height: 1; z-index: 20; box-shadow: 0 2px 8px rgba(0,0,0,0.6); display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,0.1); }
.bc-img-wrap .audio-btn:hover { transform: scale(1.2); filter: drop-shadow(0 0 8px #2ecc71); background: rgba(0, 0, 0, 0.8); border-color: #2ecc71; }
.admin-console { max-width: 1810px; margin: 0 auto 25px; background: rgba(0,0,0,0.4); padding: 20px 30px; border-radius: 16px; border: 1px solid var(--border-line); display: none; flex-wrap: wrap; gap: 20px; justify-content: center; align-items: center; box-shadow: inset 0 0 30px rgba(0,0,0,0.5); }
.admin-group { display: flex; align-items: center; gap: 12px; padding: 12px 20px; background: rgba(255,255,255,0.03); border-radius: 12px; border: 1px solid rgba(255,255,255,0.05); }
.group-label { font-size: 12px; font-weight: 900; color: var(--gold); text-transform: uppercase; letter-spacing: 1px; border-right: 1px solid rgba(255,255,255,0.1); padding-right: 12px; }
.pool-container { width: 100%; max-width: 1810px; margin-bottom: 20px; }
.pool-header { display: flex; justify-content: space-between; align-items: center; background: rgba(18, 19, 21, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); padding: 12px 20px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.08); cursor: pointer; transition: 0.3s; box-shadow: 0 4px 15px rgba(0,0,0,0.5); border-left: 4px solid var(--gold); }
body.theme-cute .pool-header { background: rgba(255,255,255,0.8); border-color: rgba(0,0,0,0.05); box-shadow: 0 4px 15px rgba(255,105,180,0.1); }
.pool-header:hover { background: rgba(0, 168, 255, 0.15); border-color: var(--blue-team); }
body.theme-cute .pool-header:hover { background: rgba(253, 121, 168, 0.15); border-color: #fd79a8; }
.pool-title { font-size: 18px; font-weight: 900; color: var(--gold); display: flex; align-items: center; gap: 10px; }
.pool-title span { font-size: 12px; color: var(--text-muted); font-weight: normal; }
.toggle-icon { font-size: 14px; color: var(--text-muted); transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); }
.toggle-icon.closed { transform: rotate(-90deg); }
.pool-count-badge { background: rgba(255,255,255,0.2); color: #fff; padding: 2px 10px; border-radius: 12px; font-size: 14px; font-weight: bold; margin-left: 5px; box-shadow: inset 0 0 5px rgba(0,0,0,0.3); }
body.theme-cute .pool-count-badge { background: rgba(0,0,0,0.08); color: #ff7675; box-shadow: inset 0 0 5px rgba(0,0,0,0.05); }
.pool-collapse-grid { display: grid; grid-template-rows: 1fr; transition: grid-template-rows 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.4s ease, margin 0.4s ease; opacity: 1; margin-top: 10px; }
.pool-collapse-grid.collapsed { grid-template-rows: 0fr; opacity: 0; margin-top: 0; }
.pool-collapse-inner { overflow: hidden; }
.pool-wrapper { overflow-x: auto; border-radius: 12px; padding: 5px; }
.pool-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 12px; min-width: 1100px; padding: 20px; background: rgba(18, 19, 21, 0.45); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.05); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5); border-radius: 12px; transition: 0.3s; align-items: start; }
body.theme-cute .pool-grid { background: rgba(255, 255, 255, 0.5); border-color: rgba(0,0,0,0.05); box-shadow: inset 0 0 20px rgba(255,182,193,0.1); }
.pool-grid.drag-over { background: rgba(0, 168, 255, 0.15); box-shadow: inset 0 0 30px var(--blue-glow); }
.bidding-card { background-color: var(--bg-panel); border: 2px solid transparent; border-radius: 8px; position: relative; overflow: hidden; cursor: grab; display: flex; flex-direction: column; height: auto; aspect-ratio: 1 / 1.35; transition: all 0.3s ease; min-width: 0; width: 100%; box-shadow: 0 4px 10px rgba(0,0,0,0.5); }
.bidding-card:active { cursor: grabbing; transform: scale(0.92); }
.bc-pts { position: absolute; top: -1px; right: -1px; background: rgba(0, 0, 0, 0.75); backdrop-filter: blur(4px); padding: 2px 8px; font-size: 14px; font-weight: 900; color: var(--gold); text-shadow: 0 0 6px var(--gold-glow); pointer-events:none; clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%); z-index: 5; }
.bc-pts span { font-size: 10px; color: #fff; margin-left: 2px; }
.bc-name { display: flex; justify-content: center; align-items: center; margin: -8px auto 4px; width: 92%; text-align: center; padding: 4px 0; font-size: 13px; font-weight: 900; color: #fff; border-radius: 4px; box-shadow: 0 4px 8px rgba(0,0,0,0.7); z-index: 5; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing:1px; flex-shrink: 0; }
.bc-stats { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 10px; color: var(--text-muted); gap: 4px; background: rgba(0,0,0,0.2); pointer-events:none; overflow: hidden; padding-bottom: 5px; }
.bc-stats .val-lvl { font-weight: bold; }
.bc-stats .val-wins { font-weight: bold; }
.bc-stats .val-matches { font-weight: bold; }
.bc-stats .val-score { font-weight: bold; }
.bc-stats .val-pigeon { font-weight: bold; }
.bc-stats .val-remark { font-weight: bold; }
.bc-stats .val-talk { font-weight: bold; }
.bc-stats .val-origin { font-weight: bold; }
.bc-stats .val-female { font-weight: bold; }
.bc-stats .val-pos { font-weight: bold; }
.bc-stats .val-tier { font-weight: bold; }
.bc-stats .val-mmr { font-weight: bold; }
.bc-stats .val-name { font-weight: bold; }
.bc-stats .val-id { font-weight: bold; }
.bc-stats .val-status { font-weight: bold; }
.bc-stats .val-bidding { font-weight: bold; }
.bc-stats .val-team { font-weight: bold; }
.bc-stats .val-captain { font-weight: bold; }
.bc-stats .val-avatar { font-weight: bold; }
.bc-stats .val-bg { font-weight: bold; }
.bc-stats .val-frame { font-weight: bold; }
.bc-stats .val-resume { font-weight: bold; }
.bc-stats .val-steam { font-weight: bold; }
.bc-stats .val-league { font-weight: bold; }
.bc-stats .val-co-matches { font-weight: bold; }
.bc-stats .val-co-wins { font-weight: bold; }
.bc-stats .val-winrate { font-weight: bold; }
.bc-stats .val-active { font-weight: bold; }
.bc-stats .val-locked { font-weight: bold; }
.bc-stats .val-region { font-weight: bold; }
.bc-stats .val-lock { font-weight: bold; }
.bc-stats .val-switch { font-weight: bold; }
.bc-stats .val-settle { font-weight: bold; }
.bc-stats .val-audios { font-weight: bold; }
.bc-stats .val-tags { font-weight: bold; }
.bc-stats .val-logs { font-weight: bold; }
.bc-stats .val-champs { font-weight: bold; }
.bc-stats .val-history { font-weight: bold; }
.bc-stats .val-pigeons { font-weight: bold; }
.bc-stats .val-ranking { font-weight: bold; }
.bc-stats .val-isAdmin { font-weight: bold; }
.bc-stats .val-adminRole { font-weight: bold; }
.bc-stats .val-lastSyncHash { font-weight: bold; }
.bc-stats .val-currentRegion { font-weight: bold; }
.bc-stats .val-pipHideTimer { font-weight: bold; }
.bc-stats .val-pipShowTimer { font-weight: bold; }
.bc-stats .val-currentPipPlayerId { font-weight: bold; }
.bc-stats .val-currentAudio { font-weight: bold; }
.bc-stats .val-currentPlayingBubble { font-weight: bold; }
.bc-stats .val-audioPanelHideTimer { font-weight: bold; }
.bc-stats .val-isDraggingCard { font-weight: bold; }
.bc-stats .val-dropLockout { font-weight: bold; }
.bc-stats .val-currentSignupState { font-weight: bold; }
.bc-stats .val-freePoolSortMode { font-weight: bold; }
.bc-stats .val-isTeamUnlocked { font-weight: bold; }
.bc-stats .val-ws { font-weight: bold; }
.bc-stats .val-reconnectTimer { font-weight: bold; }
.bc-stats .val-pingTimer { font-weight: bold; }
.bc-stats .val-audiosData { font-weight: bold; }
.bc-stats .val-allLibraryPlayers { font-weight: bold; }
.bc-stats .val-cancel_signup_locked { font-weight: bold; }
.bc-stats .val-is_dual_champion { font-weight: bold; }
.bc-stats .val-champion_tids { font-weight: bold; }
.bc-stats .val-champion_tid { font-weight: bold; }
.bc-stats .val-payload { font-weight: bold; }
.bc-stats .val-checkedIds { font-weight: bold; }
.bc-stats .val-isDual { font-weight: bold; }
.bc-stats .val-winsVal { font-weight: bold; }
.bc-stats .val-matchesVal { font-weight: bold; }
.bc-stats .val-scoreVal { font-weight: bold; }
.bc-stats .val-idStr { font-weight: bold; }
.bc-stats .val-isChamp { font-weight: bold; }
.bc-stats .val-winsInput { font-weight: bold; }
.bc-stats .val-matchesInput { font-weight: bold; }
.bc-stats .val-scoreInput { font-weight: bold; }
.bc-stats .val-selector { font-weight: bold; }
.bc-stats .val-checkboxes { font-weight: bold; }
.bc-stats .val-champRadio { font-weight: bold; }
.bc-stats .val-dualChk { font-weight: bold; }
.bc-stats .val-active_count { font-weight: bold; }
.bc-stats .val-max_wins { font-weight: bold; }
.bc-stats .val-team_names { font-weight: bold; }
.bc-stats .val-teamName { font-weight: bold; }
.bc-stats .val-members { font-weight: bold; }
.bc-stats .val-token { font-weight: bold; }
.bc-stats .val-openids { font-weight: bold; }
.bc-stats .val-group1_raw { font-weight: bold; }
.bc-stats .val-group1_str { font-weight: bold; }
.bc-stats .val-group2_raw { font-weight: bold; }
.bc-stats .val-group2_str { font-weight: bold; }
.bc-stats .val-prefix1 { font-weight: bold; }
.bc-stats .val-val3 { font-weight: bold; }
.bc-stats .val-prefix2 { font-weight: bold; }
.bc-stats .val-suffix2 { font-weight: bold; }
.bc-stats .val-val4 { font-weight: bold; }
.bc-stats .val-dataMaker { font-weight: bold; }
.bc-stats .val-results { font-weight: bold; }
.bc-stats .val-success_count { font-weight: bold; }
.bc-stats .val-error_logs { font-weight: bold; }
.bc-stats .val-snContent { font-weight: bold; }
.bc-stats .val-settleNotice { font-weight: bold; }
.bc-stats .val-settleTimer { font-weight: bold; }
.bc-stats .val-duration { font-weight: bold; }
.bc-stats .val-allRosterContent { font-weight: bold; }
.bc-stats .val-posColors { font-weight: bold; }
.bc-stats .val-sortedPlayers { font-weight: bold; }
.bc-stats .val-posBadges { font-weight: bold; }
.bc-stats .val-priceTag { font-weight: bold; }
.bc-stats .val-capPassList { font-weight: bold; }
.bc-stats .val-logBox { font-weight: bold; }
.bc-stats .val-lastLogId { font-weight: bold; }
.bc-stats .val-lastChatId { font-weight: bold; }
.bc-stats .val-chatBody { font-weight: bold; }
.bc-stats .val-style { font-weight: bold; }
.bc-stats .val-tTop { font-weight: bold; }
.bc-stats .val-tLeft { font-weight: bold; }
.bc-stats .val-brokenAvatars { font-weight: bold; }
.bc-stats .val-ep_name { font-weight: bold; }
.bc-stats .val-ep_score { font-weight: bold; }
.bc-stats .val-ep_pos { font-weight: bold; }
.bc-stats .val-ep_tier { font-weight: bold; }
.bc-stats .val-ep_round { font-weight: bold; }
.bc-stats .val-ep_avatar { font-weight: bold; }
.bc-stats .val-ep_talk { font-weight: bold; }
.bc-stats .val-ep_remark { font-weight: bold; }
.bc-stats .val-ep_origin { font-weight: bold; }
.bc-stats .val-btnRelistAll { font-weight: bold; }
.bc-stats .val-btnSaveBudgetSnap { font-weight: bold; }
.bc-stats .val-budget { font-weight: bold; }
.bc-stats .val-disposable { font-weight: bold; }
.bc-stats .val-reserved { font-weight: bold; }
.bc-stats .val-rosterCount { font-weight: bold; }
.bc-stats .val-teamScore { font-weight: bold; }
.bc-stats .val-scoreColor { font-weight: bold; }
.bc-stats .val-scoreClass { font-weight: bold; }
.bc-stats .val-scoreText { font-weight: bold; }
.bc-stats .val-maxS { font-weight: bold; }
.bc-stats .val-capAvatar { font-weight: bold; }
.bc-stats .val-capId { font-weight: bold; }
.bc-stats .val-captainObj { font-weight: bold; }
.bc-stats .val-accentColors { font-weight: bold; }
.bc-stats .val-existing { font-weight: bold; }
.bc-stats .val-container { font-weight: bold; }
.bc-stats .val-styleStr { font-weight: bold; }
.bc-stats .val-classStr { font-weight: bold; }
.bc-stats .val-finalBg { font-weight: bold; }
.bc-stats .val-finalBorder { font-weight: bold; }
.bc-stats .val-finalGlow { font-weight: bold; }
.bc-stats .val-finalSrc { font-weight: bold; }
.bc-stats .val-positions { font-weight: bold; }
.bc-stats .val-newHTML { font-weight: bold; }
.bc-stats .val-isNewlyCreated { font-weight: bold; }
.bc-stats .val-el { font-weight: bold; }
.bc-stats .val-lastRound { font-weight: bold; }
.bc-stats .val-visibleIds { font-weight: bold; }
.bc-stats .val-r { font-weight: bold; }
.bc-stats .val-filtered { font-weight: bold; }
.bc-stats .val-roundA { font-weight: bold; }
.bc-stats .val-roundB { font-weight: bold; }
.bc-stats .val-scoreA { font-weight: bold; }
.bc-stats .val-scoreB { font-weight: bold; }
.bc-stats .val-slotsArea { font-weight: bold; }
.bc-stats .val-stateHash { font-weight: bold; }
.bc-stats .val-isRunning { font-weight: bold; }
.bc-stats .val-isNewToStage { font-weight: bold; }
.bc-stats .val-badgeBg { font-weight: bold; }
.bc-stats .val-badgeColor { font-weight: bold; }
.bc-stats .val-originTag { font-weight: bold; }
.bc-stats .val-commId { font-weight: bold; }
.bc-stats .val-talkText { font-weight: bold; }
.bc-stats .val-btns { font-weight: bold; }
.bc-stats .val-btnDis { font-weight: bold; }
.bc-stats .val-adm { font-weight: bold; }
.bc-stats .val-leader { font-weight: bold; }
.bc-stats .val-priceDisp { font-weight: bold; }
.bc-stats .val-txtStyle { font-weight: bold; }
.bc-stats .val-tS { font-weight: bold; }
.bc-stats .val-tierStyles { font-weight: bold; }
.bc-stats .val-p { font-weight: bold; }
.bc-stats .val-l { font-weight: bold; }
.bc-stats .val-c { font-weight: bold; }
.bc-stats .val-x { font-weight: bold; }
.bc-stats .val-html { font-weight: bold; }
.bc-stats .val-spanEl { font-weight: bold; }
.bc-stats .val-input { font-weight: bold; }
.bc-stats .val-btn { font-weight: bold; }
.bc-stats .val-hr { font-weight: bold; }
.bc-stats .val-label { font-weight: bold; }
.bc-stats .val-div { font-weight: bold; }
.bc-stats .val-tabSys { font-weight: bold; }
.bc-stats .val-tabSet { font-weight: bold; }
.bc-stats .val-ep_avatar_row { font-weight: bold; }
.bc-stats .val-ep_remark_row { font-weight: bold; }
.bc-stats .val-ep_talk_row { font-weight: bold; }
.bc-stats .val-ep_origin_row { font-weight: bold; }
.bc-stats .val-ep_round_row { font-weight: bold; }
.bc-stats .val-ep_tier_row { font-weight: bold; }
.bc-stats .val-ep_pos_row { font-weight: bold; }
.bc-stats .val-ep_score_row { font-weight: bold; }
.bc-stats .val-ep_name_row { font-weight: bold; }
.bc-stats .val-ep_id_row { font-weight: bold; }
.bc-stats .val-saveEditPlayer { font-weight: bold; }
.bc-stats .val-editPlayerModal { font-weight: bold; }
.bc-stats .val-loginNoticeModal { font-weight: bold; }
.bc-stats .val-itemFall { font-weight: bold; }
.bc-stats .val-rainbowGlow { font-weight: bold; }
.bc-stats .val-toastFadeMouse { font-weight: bold; }
.bc-stats .val-toast { font-weight: bold; }
.bc-stats .val-msg { font-weight: bold; }
.bc-stats .val-type { font-weight: bold; }
.bc-stats .val-el_img { font-weight: bold; }
.bc-stats .val-seed { font-weight: bold; }
.bc-stats .val-getAvatarUrl { font-weight: bold; }
.bc-stats .val-parsePositions { font-weight: bold; }
.bc-stats .val-matches_pos { font-weight: bold; }
.bc-stats .val-getOriginBadge { font-weight: bold; }
.bc-stats .val-communityId { font-weight: bold; }
.bc-stats .val-renderPricingConfig { font-weight: bold; }
.bc-stats .val-cfgStr { font-weight: bold; }
.bc-stats .val-tiers { font-weight: bold; }
.bc-stats .val-injectStyles { font-weight: bold; }
.bc-stats .val-playHeartRain { font-weight: bold; }
.bc-stats .val-playCrownRain { font-weight: bold; }
.bc-stats .val-playStarRain { font-weight: bold; }
.bc-stats .val-playMoneyHeartRain { font-weight: bold; }
.bc-stats .val-createDrop { font-weight: bold; }
.bc-stats .val-injectLoginNoticeHTML { font-weight: bold; }
.bc-stats .val-injectEditModalHTML { font-weight: bold; }
.bc-stats .val-injectAdminButtons { font-weight: bold; }
.bc-stats .val-renderCaps { font-weight: bold; }
.bc-stats .val-renderPool { font-weight: bold; }
.bc-stats .val-renderSlots { font-weight: bold; }
.bc-stats .val-renderAdminCaps { font-weight: bold; }
.bc-stats .val-renderLogs { font-weight: bold; }
.bc-stats .val-renderChat { font-weight: bold; }
.bc-stats .val-showSettleModal { font-weight: bold; }
.bc-stats .val-showAllRosters { font-weight: bold; }
.bc-stats .val-renderLibList { font-weight: bold; }
.bc-stats span { white-space: nowrap; transform: scale(0.95); }
.bc-cap { position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: var(--gold); color: #000; font-weight: 900; font-size: 11px; padding: 2px 10px; border-radius: 0 0 6px 6px; z-index: 10; box-shadow: 0 2px 8px rgba(0,0,0,0.6); }
.bc-tier-tl { position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.7); backdrop-filter: blur(4px); padding: 2px 8px; font-size: 14px; font-weight: 900; border-radius: 0 0 8px 0; z-index: 10; box-shadow: 2px 2px 5px rgba(0,0,0,0.5); }

/* 🌟 SSR 专属样式：幻彩紫粉金渐变流光，压迫感拉满 */
.tier-txt-ssr { color: #fff; text-shadow: 0 0 5px #ff9ff3, 0 0 10px #feca57; font-style: italic; }
.tier-ssr { border-color: rgba(255, 159, 243, 0.5); box-shadow: 0 0 15px rgba(255, 159, 243, 0.3), inset 0 0 15px rgba(255, 159, 243, 0.1); }
.tier-ssr:hover { border-color: #ff9ff3; box-shadow: 0 0 25px rgba(255, 159, 243, 0.9), inset 0 0 20px rgba(254, 202, 87, 0.8); transform: translateY(-6px); }
.tier-ssr:not(.card-female) .bc-name { background: linear-gradient(90deg, #ff9ff3, #feca57, #ff9ff3, #feca57, #ff9ff3); background-size: 300% 100%; animation: srShine 1.5s linear infinite; color: #2d043d; font-weight: 900; text-shadow: 0 0 3px rgba(255,255,255,0.9); box-shadow: 0 4px 15px rgba(255, 159, 243, 0.6); }

.tier-txt-sr { color: #f9ca24; text-shadow: 0 0 5px rgba(249, 202, 36, 0.8); }
.tier-txt-s  { color: #ff7675; text-shadow: 0 0 3px rgba(255, 118, 117, 0.8); }
.tier-txt-a  { color: #74b9ff; text-shadow: 0 0 3px rgba(116, 185, 255, 0.8); }
.tier-txt-b  { color: #55efc4; text-shadow: 0 0 3px rgba(85, 239, 196, 0.8); }
.tier-txt-c  { color: #fab1a0; text-shadow: 0 0 3px rgba(250, 177, 160, 0.8); }
.tier-txt-d  { color: #b2bec3; }
.tier-txt-e  { color: #636e72; }
.pos-wrapper { display: flex; gap: 4px; align-items: center; justify-content: center; margin-bottom: 2px; }
.pos-badge { display: inline-flex; align-items: center; justify-content: center; width: 15px; height: 15px; border-radius: 50%; font-size: 10px; font-weight: 900; color: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.6); }
.pos-1 { background: #ff4757; box-shadow: 0 0 6px #ff4757; } .pos-2 { background: #00a8ff; box-shadow: 0 0 6px #00a8ff; } .pos-3 { background: #00b894; box-shadow: 0 0 6px #00b894; } .pos-4 { background: #f1c40f; box-shadow: 0 0 6px #f1c40f; color: #000; } .pos-5 { background: #9b59b6; box-shadow: 0 0 6px #9b59b6; } 
.card-female { background: rgba(255, 182, 193, 0.05); border: 2px solid #fd79a8 !important; box-shadow: 0 0 15px rgba(253, 121, 168, 0.4), inset 0 0 10px rgba(253, 121, 168, 0.2) !important; }
.card-female:hover { box-shadow: 0 0 25px rgba(253, 121, 168, 0.8), inset 0 0 15px rgba(253, 121, 168, 0.4) !important; transform: translateY(-5px); }
.card-female .bc-name { background: linear-gradient(135deg, #ff9a9e, #fecfef, #ff9a9e); background-size: 200% 100%; color: #d63031; text-shadow: 0 0 2px #fff; box-shadow: 0 4px 10px rgba(253, 121, 168, 0.5); font-weight: 900; }
.card-female .bc-stats { background: rgba(253, 121, 168, 0.15); border-top: 1px dashed rgba(253, 121, 168, 0.3); }
@keyframes srShine { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
.tier-sr { border-color: rgba(249, 202, 36, 0.5); } .tier-sr:hover { border-color: #f6e58d; box-shadow: 0 0 20px rgba(249, 202, 36, 0.8), inset 0 0 15px rgba(249, 202, 36, 0.4); transform: translateY(-6px); } .tier-sr:not(.card-female) .bc-name { background: linear-gradient(90deg, #f9ca24, #ffebb3, #ffffff, #ffebb3, #f9ca24); background-size: 200% 100%; animation: srShine 2.5s linear infinite; color: #5c3a00; font-weight: 900; text-shadow: 0 0 3px rgba(255,255,255,0.8); box-shadow: 0 4px 12px rgba(249, 202, 36, 0.6); }
.tier-s { border-color: rgba(214, 48, 49, 0.3); } .tier-s:hover { border-color: #ff7675; box-shadow: 0 0 15px rgba(214, 48, 49, 0.6); transform: translateY(-6px); } .tier-s:not(.card-female) .bc-name { background: linear-gradient(135deg, #d63031, #ff7675); }
.tier-a { border-color: rgba(9, 132, 227, 0.3); } .tier-a:hover { border-color: #74b9ff; box-shadow: 0 0 15px rgba(9, 132, 227, 0.6); transform: translateY(-6px); } .tier-a:not(.card-female) .bc-name { background: linear-gradient(135deg, #0984e3, #74b9ff); }
.tier-b { border-color: rgba(0, 184, 148, 0.3); } .tier-b:hover { border-color: #55efc4; box-shadow: 0 0 15px rgba(0, 184, 148, 0.6); transform: translateY(-6px); } .tier-b:not(.card-female) .bc-name { background: linear-gradient(135deg, #00b894, #55efc4); }
.tier-c { border-color: rgba(211, 84, 0, 0.3); }  .tier-c:hover { border-color: #fab1a0; box-shadow: 0 0 15px rgba(211, 84, 0, 0.6); transform: translateY(-6px); } .tier-c:not(.card-female) .bc-name { background: linear-gradient(135deg, #d35400, #e17055); }
.tier-d { border-color: rgba(99, 110, 114, 0.3); } .tier-d:hover { border-color: #b2bec3; box-shadow: 0 0 15px rgba(99, 110, 114, 0.6); transform: translateY(-6px); } .tier-d:not(.card-female) .bc-name { background: #636e72; }
.tier-e { border-color: rgba(45, 52, 54, 0.3); } .tier-e:hover { border-color: #636e72; box-shadow: 0 0 15px rgba(45, 52, 54, 0.6); transform: translateY(-6px); } .tier-e:not(.card-female) .bc-name { background: #2d3436; color: #888; }
.arena-board { width: 100%; max-width: 1810px; background: rgba(18, 19, 21, 0.65); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border: 2px solid rgba(255, 255, 255, 0.08); border-top: 2px solid rgba(0, 168, 255, 0.3); border-radius: 16px; padding: 30px; margin-top: 10px; box-shadow: 0 25px 50px rgba(0,0,0,0.8), inset 0 0 40px rgba(0,0,0,0.5); position: relative; }
body.theme-cute .arena-board { background: rgba(255, 255, 255, 0.85); border-color: rgba(255, 105, 180, 0.2); box-shadow: 0 25px 50px rgba(255, 105, 180, 0.15), inset 0 0 20px rgba(255, 105, 180, 0.05); }
.teams-container { display: flex; flex-direction: column; width: 100%; align-items: center; gap: 20px;}
.alive-zone-8 { display: grid; grid-template-columns: repeat(4, minmax(220px, 280px)); gap: 20px; justify-content: center; width: 100%; }
.alive-zone-6 { display: grid; grid-template-columns: repeat(6, minmax(220px, 280px)); gap: 20px; justify-content: center; width: 100%; }
.alive-zone-default { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 280px)); gap: 20px; justify-content: center; width: 100%; }
@media (max-width: 1750px) { .alive-zone-6 { grid-template-columns: repeat(3, minmax(220px, 280px)); } }
@media (max-width: 1200px) { .alive-zone-8, .alive-zone-6, .alive-zone-default { grid-template-columns: repeat(2, minmax(220px, 280px)); } }
@media (max-width: 600px) { .alive-zone-8, .alive-zone-6, .alive-zone-default { grid-template-columns: 1fr; } }
.eliminated-zone { display: grid; grid-template-columns: repeat(7, 1fr); gap: 15px; width: 100%; justify-content: center; }
@media (max-width: 1750px) { .eliminated-zone { grid-template-columns: repeat(auto-fit, minmax(200px, 240px)); } }
.team-box { background: rgba(0, 0, 0, 0.5); background-image: linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px); background-size: 15px 15px; border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 12px; min-height: 250px; transition: box-shadow 0.3s, border-color 0.3s, transform 0.3s, opacity 0.3s, filter 0.3s; position: relative; box-sizing: border-box; width: 100%; }
body.theme-cute .team-box { background: rgba(255, 255, 255, 0.6); border-color: rgba(0,0,0,0.1); }
.champion-box { max-width: 1000px !important; margin: 0 auto 30px auto !important; border: 2px solid var(--gold) !important; background: rgba(241, 196, 15, 0.08) !important; box-shadow: 0 0 30px rgba(241, 196, 15, 0.4) !important; }
.champion-box .team-slots { display: flex !important; flex-direction: row !important; justify-content: center !important; flex-wrap: wrap; gap: 15px !important; padding: 10px; }
.champion-box .bidding-card { width: 160px !important; flex-shrink: 0; }
.eliminated { filter: grayscale(0.8) opacity(0.8); background: rgba(0,0,0,0.8); border-color: rgba(255,255,255,0.05) !important; pointer-events: none; }
body.theme-cute .eliminated { background: rgba(200,200,200,0.5); }
.team-box.drag-over { background-color: rgba(241, 196, 15, 0.15); border-color: var(--gold); box-shadow: inset 0 0 30px rgba(241, 196, 15, 0.15), 0 0 20px rgba(241, 196, 15, 0.2); transform: translateY(-4px); }
.team-box.active-draft { box-shadow: 0 0 25px var(--point-up), inset 0 0 15px rgba(85, 239, 196, 0.3) !important; border-color: var(--point-up) !important; transform: scale(1.02); z-index: 10; }
body.theme-cute .team-box.active-draft { box-shadow: 0 0 25px #00b894, inset 0 0 15px rgba(0, 184, 148, 0.3) !important; border-color: #00b894 !important; }
.team-box.dimmed-draft { opacity: 0.4; filter: grayscale(0.8); }
.active-draft-label { position: absolute; top: -15px; left: 50%; transform: translateX(-50%); background: var(--point-up); color: #000; font-weight: 900; padding: 4px 15px; border-radius: 20px; font-size: 13px; box-shadow: 0 4px 10px rgba(85, 239, 196, 0.5); animation: bounce 1s infinite alternate; white-space: nowrap; z-index: 20; }
body.theme-cute .active-draft-label { background: #00b894; color: #fff; box-shadow: 0 4px 10px rgba(0, 184, 148, 0.5); }
@keyframes bounce { from { transform: translate(-50%, 0); } to { transform: translate(-50%, -5px); } }
.team-header { font-size: 16px; font-weight: bold; color: var(--gold); text-align: center; margin-bottom: 8px; border-bottom: 1px dashed rgba(241,196,15,0.4); padding-bottom: 8px; transition:0.2s; position: relative;}
.team-header:hover { background:rgba(255,255,255,0.05); }
.team-seq-badge { display: inline-block; background: var(--gold); color: #000; width: 18px; height: 18px; line-height: 18px; text-align: center; border-radius: 50%; font-size: 12px; font-weight: 900; margin-right: 5px; vertical-align: middle; box-shadow: 0 0 5px var(--gold-glow); }
body.theme-cute .team-seq-badge { background: #fd79a8; color: #fff; box-shadow: 0 0 5px rgba(253, 121, 168, 0.5); }
.btn-del-team { position: absolute; right: 0; top: -2px; color: var(--text-muted); cursor: pointer; font-size: 14px; transition: 0.2s; padding: 0 5px; border-radius: 4px; }
.btn-del-team:hover { color: var(--red-team); background: rgba(255,71,87,0.2); }
.match-badge { color: #fff; text-align: center; font-size: 13px; font-weight: bold; padding: 4px 0; margin: -12px -12px 10px -12px; border-bottom: 1px solid transparent; border-radius: 8px 8px 0 0; letter-spacing: 1px; }
/* 默认普通宽度（或屏幕窄时）：依旧采用 2 2 1 的三排对齐方式 */
.team-slots { 
    display: grid; 
    grid-template-columns: repeat(2, minmax(0, 1fr)); 
    gap: 8px; 
    min-height: 150px; 
    align-items: start; 
    align-content: start; 
    position: relative; 
}

/* 🌟 自适应宽屏特化：当宽度允许时，自动切换为紧凑且对称的 3-2 拼图布局（只需2排高度） */
@media (min-width: 1400px) {
    /* 1. 调整队伍大容器的列宽，从 280px 拓宽到 420px，给第一排 3 张卡片提供充足空间 */
    .alive-zone-default, .alive-zone-8, .alive-zone-6 {
        grid-template-columns: repeat(auto-fill, minmax(420px, max-content)) !important;
        justify-content: center;
    }
    
    .team-box {
        width: 420px !important;
    }
    
    /* 2. 启用 6 列网格进行拼图式合并 */
    .team-slots {
        grid-template-columns: repeat(6, 1fr) !important;
    }
    
    /* 前 3 个人（1,2,3号位）每个占 2 列，刚好拼满第一排的 6 列 (3 * 2 = 6) */
    .team-slots .bidding-card:nth-child(1),
    .team-slots .bidding-card:nth-child(2),
    .team-slots .bidding-card:nth-child(3) {
        grid-column: span 2;
    }
    
    /* 后 2 个人（4,5号位）每个占 3 列，虽然跨度大，但通过限制最大宽度保持尺寸统一 */
    .team-slots .bidding-card:nth-child(4),
    .team-slots .bidding-card:nth-child(5) {
        grid-column: span 3;
    }
    
    /* 3. 限制单张卡片最大宽度，防止第二排的 2 张卡片被过度横向拉伸 */
    .team-slots .bidding-card {
        justify-self: center;
        width: 100%;
        max-width: 125px; /* 完美契合 1:1.35 比例，不挤压也不拉伸 */
    }
}

/* 🌟 新增：C房特权“房”字图标的专属样式 (和小喇叭完美对称，位于头像左下角) */
.bc-img-wrap .league-btn {
    position: absolute; 
    bottom: 6px; 
    left: 6px; /* 完美悬浮在左下角 */
    margin: 0; 
    background: rgba(0, 0, 0, 0.75); 
    backdrop-filter: blur(4px); 
    -webkit-backdrop-filter: blur(4px); 
    border-radius: 50%; 
    width: 20px; 
    height: 20px; 
    font-size: 11px; 
    line-height: 1; 
    z-index: 20; 
    box-shadow: 0 2px 8px rgba(0,0,0,0.6); 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    border: 1px solid var(--gold); 
    color: var(--gold);
    font-weight: 900;
}
.team-slots:empty::after { content: '[ 等待选手... ]'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255,255,255,0.15); font-style: italic; font-weight: bold; letter-spacing: 2px; white-space: nowrap; font-size: 12px; pointer-events: none; }
.size-toggle-group { display: inline-flex; background: var(--bg-panel); border: 1px solid var(--blue-team); border-radius: 20px; overflow: hidden; box-shadow: 0 4px 15px var(--blue-glow); height: 35px; align-items: center; }
.size-btn { background: transparent; border: none; color: var(--text-muted); padding: 0 15px; height: 100%; font-size: 13px; font-weight: bold; cursor: pointer; transition: 0.3s; }
.size-btn:hover { color: #fff; background: rgba(0, 168, 255, 0.2); }
.size-btn.active { background: var(--blue-team); color: #fff; box-shadow: inset 0 0 8px rgba(0,0,0,0.3); }
body.theme-cute .size-toggle-group { border-color: #fd79a8; box-shadow: 0 4px 15px rgba(253, 121, 168, 0.3); }
body.theme-cute .size-btn.active { background: #fd79a8; }
body.theme-cute .size-btn:hover { background: rgba(253, 121, 168, 0.2); color: #fd79a8; }

/* =============== 🌟 响应式尺寸重置与适配 =============== */
body.size-medium .pool-grid { grid-template-columns: repeat(15, 1fr); gap: 10px; min-width: 1000px; padding: 15px; }
body.size-medium .bidding-card .bc-name { font-size: 11px; margin: -6px auto 2px; padding: 3px 0; }
body.size-medium .bidding-card .bc-pts { font-size: 12px; padding: 1px 6px; }
body.size-medium .bidding-card .bc-pts span { font-size: 9px; }
body.size-medium .bidding-card .bc-stats { font-size: 9px; gap: 2px; padding-bottom: 3px; }
body.size-medium .bidding-card .pos-badge { width: 13px; height: 13px; font-size: 9px; }
body.size-medium .bidding-card .bc-tier-tl { font-size: 12px; padding: 1px 6px; }
body.size-medium .team-box { min-height: 200px; padding: 10px; }
body.size-medium .bc-img-wrap .audio-btn { bottom: 4px; right: 4px; font-size: 11px; padding: 3px; }
body.size-medium .player-origin-tag { font-size: 10px !important; padding: 1px 5px !important; border-radius: 0 5px 0 0 !important; }

body.size-small .pool-grid { grid-template-columns: repeat(20, 1fr); gap: 8px; min-width: 900px; padding: 10px; }
body.size-small .bidding-card .bc-name { font-size: 10px; margin: -5px auto 1px; padding: 2px 0; }
body.size-small .bidding-card .bc-pts { font-size: 10px; padding: 1px 4px; }
body.size-small .bidding-card .bc-pts span { display: none; } 
body.size-small .bidding-card .bc-stats { font-size: 8px; gap: 1px; padding-bottom: 2px; }
body.size-small .bidding-card .bc-stats > span { display: none; } 
body.size-small .bidding-card .pos-wrapper { margin-bottom: 0; }
body.size-small .bidding-card .pos-badge { width: 11px; height: 11px; font-size: 8px; }
body.size-small .bidding-card .bc-tier-tl { font-size: 10px; padding: 1px 4px; }
body.size-small .bc-cap { font-size: 9px; padding: 1px 6px; }
body.size-small .team-box { min-height: 150px; padding: 8px; }
body.size-small .team-header { font-size: 14px; margin-bottom: 5px; padding-bottom: 5px; }
body.size-small .bc-img-wrap .audio-btn { bottom: 3px; right: 3px; font-size: 9px; padding: 2px; }
body.size-small .player-origin-tag { font-size: 9px !important; padding: 1px 4px !important; border-radius: 0 4px 0 0 !important; }

.template-box { width: 100%; max-width: 1810px; margin: 40px auto 20px; background: rgba(18, 19, 21, 0.65); border-radius: 16px; border: 2px dashed var(--blue-team); padding: 30px; box-sizing: border-box; backdrop-filter: blur(15px); }
body.theme-cute .template-box { background: rgba(255, 255, 255, 0.85); border-color: #fd79a8; }
.template-header { color: var(--blue-team); font-size: 26px; font-weight: 900; margin-bottom: 25px; text-align: center; font-family: 'Zcool KuaiLe', cursive; text-shadow: 0 0 10px var(--blue-glow); }
body.theme-cute .template-header { color: #fd79a8; text-shadow: 0 0 10px rgba(253, 121, 168, 0.4); }
.template-content { display: flex; gap: 30px; align-items: flex-start; flex-wrap: wrap; }
.template-text { flex: 1; min-width: 350px; line-height: 1.8; font-size: 15px; }
.template-card { background: rgba(0,0,0,0.3); padding: 20px; border-radius: 10px; border-left: 5px solid var(--gold); margin-bottom: 20px; box-shadow: inset 0 0 15px rgba(0,0,0,0.5); }
body.theme-cute .template-card { background: rgba(255,255,255,0.5); box-shadow: inset 0 0 15px rgba(243, 156, 18, 0.1); }
.template-card b { color: var(--gold); display: inline-block; width: 85px; }
.perm-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.perm-tag { background: rgba(85, 239, 196, 0.1); color: #55efc4; padding: 4px 12px; border-radius: 15px; font-size: 13px; font-weight: bold; border: 1px solid rgba(85,239,196,0.3); }
body.theme-cute .perm-tag { background: rgba(0, 184, 148, 0.1); color: #00b894; border-color: rgba(0, 184, 148, 0.3); }
.template-img-wrap { flex: 1.2; min-width: 400px; border-radius: 12px; overflow: hidden; border: 2px solid var(--border-line); box-shadow: 0 10px 30px rgba(0,0,0,0.5); }
.template-img-wrap img { width: 100%; height: auto; display: block; transition: 0.3s; }
.template-img-wrap:hover img { transform: scale(1.02); }

/* ================= 彻底消除拖拽刷新时的头像闪烁 ================= */
/* 强行关闭选马页面的头像渐显加载动画，让图片瞬间秒出 */
.bidding-card .lazy-img {
    opacity: 1 !important;
    transition: transform 0.3s ease !important; /* 强制覆盖：只保留鼠标放上去放大的效果，去掉透明度渐变 */
}

/* 给图片框加一个深色底，防止极个别网络卡顿时露白 */
.bc-img-wrap { 
    background: #1a1a1b !important; 
}

/* === 🌟 选手信息栏的扁平霓虹户籍标签 (跟随名字) === */
.player-origin-tag {
    display: inline-flex; 
    align-items: center; 
    justify-content: center;
    width: 18px !important;  
    height: 18px !important; 
    border-radius: 4px !important;
    font-size: 11px !important;    
    font-weight: 900 !important; 
    font-family: 'Zcool KuaiLe', cursive !important;
    background: rgba(0, 0, 0, 0.65) !important; /* 核心：半透明黑底，百搭任何评级颜色且能凸显霓虹字 */
    border: 1px solid; 
    box-shadow: 0 2px 4px rgba(0,0,0,0.5); 
    margin-left: 4px;
    flex-shrink: 0;
}

/* 吃可爱：高雅粉色霓虹 */
.origin-pink { 
    color: #ff9a9e !important; 
    border-color: rgba(255, 154, 158, 0.5) !important;
    text-shadow: 0 0 4px rgba(255, 154, 158, 0.8) !important;
}
/* 新和联胜：赛博蓝色霓虹 */
.origin-blue { 
    color: #74b9ff !important; 
    border-color: rgba(116, 185, 255, 0.5) !important;
    text-shadow: 0 0 4px rgba(116, 185, 255, 0.8) !important;
}
/* 预留暗黑之礁：高级灰白霓虹 */
.origin-dark { 
    color: #dfe6e9 !important; 
    border-color: rgba(223, 230, 233, 0.5) !important;
    text-shadow: 0 0 4px rgba(223, 230, 233, 0.8) !important;
}

/* ================= 🌟 底部版权标识 ================= */
.site-footer { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 1810px; margin: 20px auto 10px; opacity: 0.6; }
.footer-line { flex: 1; height: 1px; background: rgba(255,255,255,0.15); }
.footer-text { padding: 0 20px; font-family: monospace, sans-serif; font-size: 12px; color: #888; letter-spacing: 2px; white-space: nowrap; text-transform: uppercase; }
.footer-text span { color: var(--gold); font-weight: 900; }
body.theme-cute .footer-line { background: rgba(0,0,0,0.1); }
body.theme-cute .footer-text { color: #aaa; }
body.theme-cute .footer-text span { color: #fd79a8; }
/* ================================================================= */
/* 🌟 终极整合重构版 CSS (全场景自适应，防误触冲突) */
/* 请直接复制这段完整代码，完全替换你 css/bidding.css 文件最底部的那一整大段测试代码 */
/* ================================================================= */

/* 1. 默认全局/淘汰区卡片容器：强制恢复 2 列布局 (2-2-1)，确保淘汰选手大小完全一致，绝不压扁 */
.team-slots { 
    display: grid !important; 
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important; 
    gap: 8px !important; 
    min-height: 150px; 
    align-items: start; 
    align-content: start; 
    position: relative; 
}

/* 默认卡片尺寸重置 */
.team-slots .bidding-card {
    grid-column: auto !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    aspect-ratio: auto !important; /* 高度自适应，不挤压文字 */
    opacity: 0.8 !important; /* 淘汰选手轻微暗化 */
}

/* 增加对战区域与顶部标题的间距 */
.teams-container {
    margin-top: 35px; 
}

/* 🌟 当屏幕大于 1400px 时，对不同赛区和状态进行精准自适应排版 */
@media (min-width: 1400px) {
    
    /* [A. 活跃交战区排版] */
    .alive-zone-default, .alive-zone-8, .alive-zone-6 {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px;
        width: 100%;
    }
    /* 🌟【修复点1】通过：not(.champion-box) 排除并列冠军大盒，只把普通活跃队伍框限制在 420px！ */
    .alive-zone-default .team-box:not(.champion-box),
    .alive-zone-8 .team-box:not(.champion-box),
    .alive-zone-6 .team-box:not(.champion-box) {
        width: 420px !important;
        flex-shrink: 0;
    }
    /* 仅对活跃队伍里的卡片开启 3-2 拼图 */
    .alive-zone-default .team-slots,
    .alive-zone-8 .team-slots,
    .alive-zone-6 .team-slots {
        grid-template-columns: repeat(6, 1fr) !important;
    }
    .alive-zone-default .team-slots .bidding-card:nth-child(1),
    .alive-zone-default .team-slots .bidding-card:nth-child(2),
    .alive-zone-default .bidding-card:nth-child(3),
    .alive-zone-8 .team-slots .bidding-card:nth-child(1),
    .alive-zone-8 .team-slots .bidding-card:nth-child(2),
    .alive-zone-8 .bidding-card:nth-child(3),
    .alive-zone-6 .team-slots .bidding-card:nth-child(1),
    .alive-zone-6 .team-slots .bidding-card:nth-child(2),
    .alive-zone-6 .bidding-card:nth-child(3) {
        grid-column: span 2 !important;
    }
    .alive-zone-default .team-slots .bidding-card:nth-child(4),
    .alive-zone-default .team-slots .bidding-card:nth-child(5),
    .alive-zone-8 .team-slots .bidding-card:nth-child(4),
    .alive-zone-8 .team-slots .bidding-card:nth-child(5),
    .alive-zone-6 .team-slots .bidding-card:nth-child(4),
    .alive-zone-6 .team-slots .bidding-card:nth-child(5) {
        grid-column: span 3 !important;
    }
    /* 限制活跃卡片最大宽度 */
    .alive-zone-default .bidding-card,
    .alive-zone-8 .bidding-card,
    .alive-zone-6 .bidding-card {
        justify-self: center;
        width: 100%;
        max-width: 125px !important; 
    }

    /* [B. 淘汰区排版] */
    .eliminated-zone {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
        width: 100%;
    }
    /* 🌟 修改：淘汰队伍盒子宽度放宽至 420px，与上方存活战队一致 (并排除复活后带冠军属性的箱子) */
    .eliminated-zone .team-box:not(.champion-box) {
        width: 420px !important;
        min-height: 150px; 
        padding: 12px;
        flex-shrink: 0;
    }
    /* 🌟 修改：淘汰队伍内部也应用 6 列拼图式网格 */
    .eliminated-zone .team-slots {
        grid-template-columns: repeat(6, 1fr) !important;
    }
    /* 前 3 个人（1,2,3号位）每个占 2 列，刚好拼满第一排的 6 列 (3 * 2 = 6) */
    .eliminated-zone .team-slots .bidding-card:nth-child(1),
    .eliminated-zone .team-slots .bidding-card:nth-child(2),
    .eliminated-zone .team-slots .bidding-card:nth-child(3) {
        grid-column: span 2 !important;
    }
    /* 后 2 个人（4,5号位）每个占 3 列，刚好拼满第二排的 6 列 (2 * 3 = 6) */
    .eliminated-zone .team-slots .bidding-card:nth-child(4),
    .eliminated-zone .team-slots .bidding-card:nth-child(5) {
        grid-column: span 3 !important;
    }
    /* 限制单张卡片最大宽度，防止横向过度拉伸 */
    .eliminated-zone .bidding-card {
        justify-self: center;
        width: 100%;
        max-width: 125px !important; 
    }

    /* [C. 🏆 最终冠军框排版 - 荣耀重置] */
    /* 🌟【修复点2】将冠军队伍外框强制拓宽至 820px（并设为 flex-shrink: 0 !important 确保不被 flex 挤扁），保证并列双冠并排时也绝对完满！ */
    .champion-box {
        width: 820px !important;
        max-width: 820px !important;
        margin: 0 auto 30px auto !important;
        flex-shrink: 0 !important;
    }
    .champion-box .team-slots {
        display: flex !important;
        flex-direction: row !important; /* 强制单排横向排列 */
        justify-content: center !important;
        flex-wrap: nowrap !important; /* 绝对禁止折行 */
        gap: 15px !important;
        padding: 15px !important;
    }
    .champion-box .team-slots .bidding-card {
        grid-column: auto !important; 
        flex-shrink: 0 !important;
        width: 130px !important; /* 5张卡片刚好均分 820px 宽度 */
        max-width: 130px !important;
        opacity: 1 !important; /* 100% 高亮 */
        height: auto !important;
        aspect-ratio: auto !important; /* 高度自适应，不压字 */
    }
}

/* 🌟 房主 C 房特权图标样式 */
.bc-img-wrap .league-btn {
    position: absolute; 
    bottom: 6px; 
    left: 6px; 
    margin: 0; 
    background: rgba(0, 0, 0, 0.75); 
    backdrop-filter: blur(4px); 
    -webkit-backdrop-filter: blur(4px); 
    border-radius: 50%; 
    width: 20px; 
    height: 20px; 
    font-size: 11px; 
    line-height: 1; 
    z-index: 20; 
    box-shadow: 0 2px 8px rgba(0,0,0,0.6); 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    border: 1px solid var(--gold); 
    color: var(--gold);
    font-weight: 900;
}

/* 🌟 新增：奥斯达 橙色霓虹户籍标 */
.origin-orange { 
    color: #ff9f43 !important; 
    border-color: rgba(255, 159, 67, 0.5) !important;
    text-shadow: 0 0 4px rgba(255, 159, 67, 0.8) !important;
}

/* ================================================================= */
/* 🌟 全局缩放同步引擎：当管理员点击大屏右上角“中图”或“小图”时 */
/* 队伍框宽度、队伍内卡片、池子卡片全部等比例完美缩小，大屏完美容纳 80 人！ */
/* ================================================================= */

/* ================== 【中图模式自适应重置】 ================== */
body.size-medium .team-slots .bidding-card {
    max-width: 95px !important; /* 卡片缩小 */
    height: auto !important;
    aspect-ratio: auto !important;
}
body.size-medium .team-box:not(.champion-box) {
    width: 330px !important; /* 队伍盒子等比例变窄 */
    min-height: 180px !important;
}
/* 重新对齐中图模式下的对决网格列宽 */
body.size-medium .alive-zone-default, 
body.size-medium .alive-zone-8, 
body.size-medium .alive-zone-6 {
    grid-template-columns: repeat(auto-fit, minmax(330px, max-content)) !important;
    gap: 15px !important;
}
/* 解放中图模式下的池子横向宽度，一排塞下更多人 */
body.size-medium .pool-grid {
    grid-template-columns: repeat(auto-fill, minmax(95px, 1fr)) !important;
    min-width: 100% !important;
}

/* ================== 【小图模式自适应重置】 ================== */
body.size-small .team-slots .bidding-card {
    max-width: 72px !important; /* 卡片深度缩小，极致紧凑 */
    height: auto !important;
    aspect-ratio: auto !important;
}
body.size-small .team-box:not(.champion-box) {
    width: 260px !important; /* 队伍盒子变得极其小巧 */
    min-height: 130px !important;
    padding: 10px !important;
}
/* 重新对齐小图模式下的对决网格列宽 */
body.size-small .alive-zone-default, 
body.size-small .alive-zone-8, 
body.size-small .alive-zone-6 {
    grid-template-columns: repeat(auto-fit, minmax(260px, max-content)) !important;
    gap: 10px !important;
}
/* 彻底解放小图模式下的池子横向宽度，一排狂塞 22 个人，高度占用极小！ */
body.size-small .pool-grid {
    grid-template-columns: repeat(auto-fill, minmax(72px, 1fr)) !important;
    min-width: 100% !important;
}/* ================================================================= */
/* 🌟 极简无图模式 (size-minimalist) 终极扁平横排长条重置 */
/* ================================================================= */

/* 1. 选手池网格：格子变扁变长，容纳扁平横条卡片 */
body.size-minimalist .pool-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)) !important; /* 每个格子 130px 宽 */
    gap: 6px !important;
    padding: 10px !important;
    min-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 2. 核心：卡片彻底扁平化，高度锁死在 30px，成为一个横着的扁平方块 */
body.size-minimalist .bidding-card {
    height: 30px !important; 
    min-height: 30px !important;
    max-height: 30px !important;
    width: 100% !important;
    max-width: 130px !important; /* 限制大池卡片最大宽度 */
    aspect-ratio: auto !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: row !important; /* 🌟 强制卡片内部横向排布 */
    align-items: center !important;
    justify-content: space-between !important;
    gap: 4px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    position: relative !important;
    justify-self: center !important;
}

/* 彻底屏蔽：头像图片、位置圆圈、户籍图标、音频与联赛特权建房小按钮，不占任何空间 */
body.size-minimalist .bc-bg,
body.size-minimalist .audio-btn,
body.size-minimalist .league-btn,
body.size-minimalist .player-origin-tag,
body.size-minimalist .bc-stats {
    display: none !important;
}

/* 头像外壳彻底归零 */
body.size-minimalist .bc-img-wrap {
    order: 4 !important; /* 🌟 强制将分数挪到卡片最右侧展示 */
    position: static !important;
    margin: 0 !important;
    padding-bottom: 0 !important;
    height: auto !important;
    min-height: unset !important;
    max-height: unset !important;
    width: auto !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    overflow: visible !important;
    flex-shrink: 0 !important;
}
body.size-minimalist .bc-img-wrap::after {
    display: none !important;
}

/* 分数标签：扁平文字化，整齐排在卡片最右边 */
body.size-minimalist .bc-pts {
    position: static !important;
    display: inline-block !important;
    background: none !important;
    color: var(--gold) !important;
    font-size: 11px !important;
    font-weight: bold !important;
    line-height: 30px !important; /* 与长条高度一致 */
    text-align: right !important;
    clip-path: none !important;
    border-radius: 0 !important;
    text-shadow: none !important;
    box-shadow: none !important;
    width: auto !important;
}
body.size-minimalist .bc-pts span {
    font-size: 8px !important;
    display: inline !important;
}

/* 评级标签（S/A/B）：强制排列在卡片最左侧 */
body.size-minimalist .bc-tier-tl {
    order: 2 !important; /* 🌟 强制将评级排在左边第二位 */
    position: static !important;
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    padding: 0 4px !important;
    border-radius: 3px !important;
    background: rgba(0,0,0,0.4) !important;
    box-shadow: none !important;
    z-index: 10 !important;
    line-height: 18px !important;
    height: 18px !important;
    text-align: center !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}

/* 队长标识：退化为一个极为精致的小圆标，并列排在评级最左侧 */
body.size-minimalist .bc-cap {
    order: 1 !important; /* 🌟 队长圆标排在最左边第一位 */
    position: static !important;
    transform: none !important;
    display: inline-block !important;
    font-size: 8px !important;
    width: 14px !important;
    height: 14px !important;
    line-height: 14px !important;
    border-radius: 50% !important;
    background: var(--gold) !important;
    color: #000 !important;
    box-shadow: none !important;
    z-index: 10 !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}

/* 选手名字：居中排版，自动占用除去评级和分数后的所有中间空间 */
body.size-minimalist .bc-name {
    order: 3 !important; /* 🌟 名字排在评级和分数的中间 */
    font-size: 11px !important;
    height: 30px !important;
    line-height: 30px !important;
    margin: 0 !important;
    padding: 0 4px !important;
    flex: 1 !important; /* 弹性拉伸，填满卡片中间区域 */
    box-shadow: none !important;
    border-radius: 0 !important;
    background: none !important;
    color: var(--text-main) !important;
    text-align: center !important;
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* 特殊：重置妹妹卡片高亮背景，保持扁平 */
body.size-minimalist .card-female .bc-stats {
    background: none !important;
    border-top: none !important;
}

/* 3. 🌟 队伍展示区核心重构：一律由横排改为【垂直竖列表】，大省空间 */
body.size-minimalist .team-slots {
    display: flex !important;
    flex-direction: column !important; /* 🌟 强制改回直立列表，卡片一行行叠放 */
    gap: 4px !important;
    min-height: unset !important;
    width: 100% !important;
}

body.size-minimalist .team-box {
    width: 100% !important;
    max-width: 160px !important; /* 🌟 队伍卡片横向仅占 160px，一排能并列排下非常多战队 */
    min-height: unset !important;
    padding: 8px 10px !important;
    box-sizing: border-box !important;
}

/* 宽屏下的队伍区排版对齐 */
@media (min-width: 1400px) {
    body.size-minimalist .alive-zone-default,
    body.size-minimalist .alive-zone-8,
    body.size-minimalist .alive-zone-6,
    body.size-minimalist .eliminated-zone {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 12px !important;
        width: 100% !important;
    }

    body.size-minimalist .alive-zone-default .team-box,
    body.size-minimalist .alive-zone-8 .team-box,
    body.size-minimalist .alive-zone-6 .team-box,
    body.size-minimalist .eliminated-zone .team-box {
        width: 160px !important; /* 🌟 强制拉窄队伍框，实现多列并行布局 */
        flex-shrink: 0 !important;
    }

    body.size-minimalist .alive-zone-default .team-slots,
    body.size-minimalist .alive-zone-8 .team-slots,
    body.size-minimalist .alive-zone-6 .team-slots,
    body.size-minimalist .eliminated-zone .team-slots {
        display: flex !important;
        flex-direction: column !important;
    }

    body.size-minimalist .alive-zone-default .team-slots .bidding-card,
    body.size-minimalist .alive-zone-8 .team-slots .bidding-card,
    body.size-minimalist .alive-zone-6 .team-slots .bidding-card,
    body.size-minimalist .eliminated-zone .team-slots .bidding-card {
        grid-column: span 1 !important; /* 强制取消拼图跨列，返回单列堆叠 */
        max-width: 100% !important; /* 选手条完美占满队伍格子 */
    }
}

/* ================================================================= */
/* 🌟 选手电竞 Lv. 等级勋章样式与自适应控制 */
/* ================================================================= */

/* 默认隐藏等级勋章，保障中图、小图、极简模式下不显示且不占地方 */
.bc-level-badge {
    display: none !important;
}

/* 🌟 自适应控制：仅在大图模式下（即 body 标签不含任何尺寸类时）显示等级 */
body:not(.size-medium):not(.size-small):not(.size-minimalist) .bc-level-badge {
    display: inline-block !important;
    font-family: 'Arial Black', Impact, sans-serif;
    font-weight: 900;
    font-size: 11px;
    margin-left: 6px;
    vertical-align: baseline;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);
}

/* --- 每 10 级阶段色彩渐进 --- */

/* Lv.1 - 10：初涉赛场（灰岩色） */
.bc-level-badge.lvl-tier-1 {
    color: #95a5a6;
}

/* Lv.11 - 20：渐入佳境（纯白色） */
.bc-level-badge.lvl-tier-2 {
    color: #ffffff;
}

/* Lv.21 - 30：崭露头角（霓虹绿） */
.bc-level-badge.lvl-tier-3 {
    color: #2ecc71;
    text-shadow: 0 0 5px rgba(46, 204, 113, 0.6);
}

/* Lv.31 - 40：中流砥柱（电光蓝） */
.bc-level-badge.lvl-tier-4 {
    color: #3498db;
    text-shadow: 0 0 5px rgba(52, 152, 219, 0.6);
}

/* Lv.41 - 50：三界游侠（幻境紫） */
.bc-level-badge.lvl-tier-5 {
    color: #9b59b6;
    text-shadow: 0 0 6px rgba(155, 89, 182, 0.7);
}

/* Lv.51 - 60：赛场猛将（魅惑粉） */
.bc-level-badge.lvl-tier-6 {
    color: #ff7675;
    text-shadow: 0 0 6px rgba(255, 118, 117, 0.7);
}

/* Lv.61 - 70：炉火纯青（熔岩橙） */
.bc-level-badge.lvl-tier-7 {
    color: #e67e22;
    text-shadow: 0 0 8px rgba(230, 126, 34, 0.8);
}

/* Lv.71 - 80：不朽宗师（不朽纯金） */
.bc-level-badge.lvl-tier-8 {
    color: #f1c40f;
    text-shadow: 0 0 8px rgba(241, 196, 15, 0.9), 0 0 15px rgba(241, 196, 15, 0.3);
}

/* Lv.81 - 90：傲视群雄（冰晶超凡蓝） */
.bc-level-badge.lvl-tier-9 {
    color: #00f5ff;
    text-shadow: 0 0 10px rgba(0, 245, 255, 0.9), 0 0 20px rgba(0, 245, 255, 0.4);
}

/* Lv.91 - 100：冠绝天下（🌟 终极神格渐变流光） */
.bc-level-badge.lvl-tier-10 {
    background: linear-gradient(90deg, #ff7675, #feca57, #54a0ff, #5f27cd, #ff7675);
    background-size: 400% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 11px;
    font-weight: 950;
    animation: levelChromaStream 4s linear infinite;
    filter: drop-shadow(0 0 2px rgba(254, 202, 87, 0.8));
    display: inline-block;
}

/* 幻彩流光动画效果 */
@keyframes levelChromaStream {
    0% { background-position: 0% 50%; }
    100% { background-position: 400% 50%; }
}

/* ================================================================= */
/* 🏆 最终冠军框在不同尺寸（大图/中图/小图/极简）下的排版自适应修复 */
/* ================================================================= */

/* 中图模式下：等比例缩小冠军框外围尺寸，使其完美契合 95px 卡片 */
body.size-medium .champion-box {
    width: 600px !important;
    max-width: 600px !important;
    min-height: unset !important;
}
body.size-medium .champion-box .team-slots {
    padding: 10px !important;
    gap: 10px !important;
}
body.size-medium .champion-box .team-slots .bidding-card {
    width: 95px !important;
    max-width: 95px !important;
}

/* 小图模式下：等比例缩小冠军框外围尺寸，使其完美契合 72px 卡片 */
body.size-small .champion-box {
    width: 460px !important;
    max-width: 460px !important;
    min-height: unset !important;
}
body.size-small .champion-box .team-slots {
    padding: 8px !important;
    gap: 8px !important;
}
body.size-small .champion-box .team-slots .bidding-card {
    width: 72px !important;
    max-width: 72px !important;
}

/* 极简模式下：冠军队伍宽度和排列完全与普通队伍对齐，保持极度紧凑 */
body.size-minimalist .champion-box {
    width: 390px !important;
    max-width: 390px !important;
    min-height: unset !important;
}
body.size-minimalist .champion-box .team-slots {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    padding: 8px 10px 10px 10px !important;
    gap: 4px !important;
}
body.size-minimalist .champion-box .team-slots .bidding-card {
    width: 100% !important;
    max-width: 72px !important;
}

/* 🌟 方案 A：暗黑之礁标题重置为金橙色 + 强力黑色背影 */
body.region-darkreef .hype-title {
    --title-gradient: linear-gradient(to right, #ff9f43, #f1c40f, #ff9f43) !important;
    filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.9)) drop-shadow(0 0 15px rgba(0, 0, 0, 0.6)) !important;
}

/* 🌟 麻辣烫 红色霓虹户籍标（专属字号与发光增强） */
.origin-red { 
    color: #ff4757 !important; 
    border-color: rgba(255, 71, 87, 0.8) !important;
    /* 🌟 双层霓虹红光，防止黑底“吞”笔画 */
    text-shadow: 0 0 4px rgba(255, 71, 87, 0.9), 0 0 8px rgba(255, 71, 87, 0.5) !important; 
    /* 🌟 专属字号补偿：从默认的 11px 放大至 12.5px，饱满且显眼 */
    font-size: 12.5px !important; 
    font-weight: 950 !important;
    background: rgba(0, 0, 0, 0.75) !important;
}

/* 🌟 新增：自由池位置筛选按钮组样式 */
.pos-filter-group { display: inline-flex; gap: 4px; margin-left: 10px; vertical-align: middle; }
.pos-filter-btn {
    background: rgba(0,0,0,0.4); border: 1px solid rgba(255,255,255,0.2);
    color: #fff; border-radius: 12px; padding: 2px 10px; font-size: 11px;
    cursor: pointer; font-weight: bold; transition: 0.2s; outline: none;
}
.pos-filter-btn:hover { transform: scale(1.08); }
/* 选中高亮状态 */
.pos-btn-1.active { background: #ff4757 !important; border-color: #ff4757 !important; box-shadow: 0 0 8px #ff4757; }
.pos-btn-2.active { background: #00a8ff !important; border-color: #00a8ff !important; box-shadow: 0 0 8px #00a8ff; }
.pos-btn-3.active { background: #00b894 !important; border-color: #00b894 !important; box-shadow: 0 0 8px #00b894; }
.pos-btn-4.active { background: #f1c40f !important; border-color: #f1c40f !important; color: #000 !important; box-shadow: 0 0 8px #f1c40f; }
.pos-btn-5.active { background: #9b59b6 !important; border-color: #9b59b6 !important; box-shadow: 0 0 8px #9b59b6; }

/* 🌟 6号位专属色彩（电光粉紫） */
.pos-6 { background: #e056fd; box-shadow: 0 0 6px #e056fd; }
.pos-btn-6.active { background: #e056fd !important; border-color: #e056fd !important; box-shadow: 0 0 8px #e056fd; }