/* =========================================
   dashboard.css - 整理去重版
   ========================================= */

/* ===== 1. 页面基础布局 ===== */
#dashboard-view {
    padding-top: 15px;
    padding-bottom: 0; /* ✅ 改成 0 */
    animation: fadeIn 0.3s ease-out;
}

.spacer-bottom {
    height: 120px;
    width: 100%;
    clear: both;
}

.hidden-data-container,
.hidden-file-input {
    display: none;
}

/* ===== 2. 玩家面板 ===== */
.player-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px; /* 从16px改为12px */
    margin-top: 5px;
}

.player-panel {
    background: transparent;
    border: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding: 0 5px -30px 5px;
    position: relative;
}

/* 装饰条 */
.hero-panel::before {
    content: '';
    position: absolute;
    top: 5px;
    bottom: 25px;
    left: -10px;
    width: 4px;
    background: #2ecc71;
    opacity: 1;
    border-radius: 2px;
    box-shadow: 0 0 8px #2ecc71;
}

.villain-panel::before {
    content: '';
    position: absolute;
    top: 5px;
    bottom: 25px;
    left: -10px;
    width: 3px;
    background: #e74c3c;
    opacity: 0.8;
    border-radius: 2px;
}

/* Hero 面板提亮 */
.hero-panel {
    background: transparent !important;
    border-radius: 8px;
    padding: 10px 8px 15px 8px !important;
}

.hero-panel .ph-name {
    color: #2ecc71 !important;
    font-weight: 700;
    text-shadow: 0 0 10px rgba(46, 204, 113, 0.3);
}

.hero-panel .ph-avatar-btn {
    opacity: 1;
    text-shadow: 0 0 8px rgba(46, 204, 113, 0.5);
}

/* 头部布局 */
.player-header-compact {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.ph-left {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ph-avatar-btn {
    font-size: 18px;
    cursor: pointer;
    opacity: 0.9;
}

.ph-name {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    letter-spacing: 0.5px;
}

/* =========================================
   DEL 按钮样式 (低调灰色版)
   ========================================= */
.ph-action-btn {
    /* 平时状态：极低调，像个标签 */
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important; /* 淡淡的边框 */
    color: #64748b !important; /* 深灰色文字 */
    
    font-size: 10px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* 悬停状态：变红示警 */
.ph-action-btn:hover {
    background: rgba(239, 68, 68, 0.1) !important; /* 淡淡红背景 */
    border-color: rgba(239, 68, 68, 0.4) !important; /* 红边框 */
    color: #ef4444 !important; /* 红文字 */
    transform: translateY(-1px);
}

/* 点击状态 */
.ph-action-btn:active {
    transform: translateY(0);
    opacity: 0.8;
}
/* ===== 3. 输入框布局 ===== */
.symmetric-input-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start !important;
    gap: 15px;
    width: 100%;
}

.input-group {
    flex: 1 1 0px;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.input-group label {
    display: block;
    font-size: 10px;
    color: #888;
    margin-bottom: 8px !important;
    height: 12px !important;
    line-height: 12px !important;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 500;
    text-transform: uppercase;
}

/* 请替换这一整块代码 */
.symmetric-input-row select,
.symmetric-input-row input {
    display: block;
    width: 100% !important;
    height: 32px !important;
    line-height: 32px; /* 确保垂直居中 */
    box-sizing: border-box !important;
    margin: 0 !important;
    
    /* 🔥 [修改 1] 强制去掉内边距，防止文字被挤歪 */
    padding: 0 !important; 
    
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(255,255,255,0.15);
    border-radius: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 500;
    
    /* 🔥 [修改 2] 核心修复：强制 iOS 下拉框文字居中 */
    text-align: center !important;
    text-align-last: center !important; 
    
    outline: none;
    transition: border-color 0.2s;
    
    /* 🔥 [修改 3] 去掉默认下拉箭头，确保完全居中 */
    appearance: none;
    -webkit-appearance: none;
}

.symmetric-input-row select:focus,
.symmetric-input-row input:focus {
    border-bottom-color: #58a6ff;
}

/* Hero 输入框增强 */
.hero-panel .symmetric-input-row input,
.hero-panel .symmetric-input-row select {
    color: #fff !important;
    border-bottom-color: rgba(46, 204, 113, 0.5) !important;
}

.hero-panel .symmetric-input-row input:focus,
.hero-panel .symmetric-input-row select:focus {
    border-bottom-color: #2ecc71 !important;
}

.symmetric-input-row select {
    appearance: none;
    -webkit-appearance: none;
    background-image: none;
    cursor: pointer;
}

/* ===== 4. Hero 手牌 ===== */
.hero-hand-display {
    margin-top: 5px !important;
    margin-bottom: -8px !important;
    display: flex;
    justify-content: center;
    gap: 8px;
    width: 100%;
}

.hero-panel .hero-hand-display {
    background: transparent;
    border-radius: 6px;
    padding: 8px;
}

/* 基础卡片样式 - 统一 */
.selected-card {
    width: 36px;
    height: 50px;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px dashed rgba(255, 255, 255, 0.2);
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    /* ✅ 添加基础阴影 */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

/* ===== 5. 注额区域修复 ===== */
.amount-wrapper {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* V1 注额区域修复 */
#villain-v1-panel .amount-wrapper {
    position: relative;
    min-height: 20px;
}

#villain-v1-panel #v1-amount {
    width: 100% !important;
    margin-bottom: 8px !important;
}

.chip-quick-row {
    display: flex;
    gap: 6px;
    margin-top: 4px;
    justify-content: center;
}

#villain-v1-panel .chip-quick-row {
    display: flex !important;
    gap: 8px !important;
    margin-top: 8px !important;
    padding-left: 0 !important;
    position: relative;
    justify-content: center;
}

.chip-btn {
    flex: 1;
    height: 20px;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.1);
    color: #666;
    border-radius: 10px;
    font-size: 10px;
    cursor: pointer;
}

.chip-btn:active {
    background: #fff;
    color: #000;
}

#villain-v1-panel .chip-btn {
    flex: 0 0 auto;
    width: 45px;
    height: 24px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    color: #666;
    font-size: 10px;
    cursor: pointer;
}



.chip-btn-add:hover {
    border-color: #58a6ff !important;
    color: #58a6ff !important;
    background: rgba(88, 166, 255, 0.05) !important;
}

.chip-btn-add:active {
    transform: scale(0.95) !important;
    background: rgba(88, 166, 255, 0.1) !important;
}

/* ===== 6. 公共牌区域 ===== */
.board-section {
    margin-top: -20px; /* 改为-70px或更大负数 */
    background: transparent;
    padding: 0 5px;
    border: none;
    box-shadow: none;
    display: flex;
    flex-direction: column;
}
.section-header-row {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10px;
}

.section-title {
    font-size: 11px;
    color: #666;
    
    /* 👇 修改这里：原本是 margin: 0; */
    margin: 0; 
    
    /* 🔥 [新增] 添加上边距让文字下移 */
    margin-top: 9px !important; /* 你可以调整这个数字，比如 5px, 8px, 12px */
    
    font-weight: 700;
    letter-spacing: 1px;
}

.board-cards-all-display {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-bottom: 15px;
}




/* 街道按钮 */
.street-control-group {
    background: transparent;
    padding: 0;
    margin-top: 5px;
    border: none;
    padding-top: 0;
}

.street-control-buttons {
    display: flex;
    gap: 20px;
    justify-content: center;
    background: transparent;
    border: none;
    padding: 0;
}

.street-button {
    flex: 0 0 auto;
    background: transparent;
    color: #555;
    border: none;
    border-radius: 0;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 0;
    transition: all 0.2s;
    cursor: pointer;
    text-transform: uppercase;
}

.street-button.active-street {
    background-color: transparent;
    color: #fff;
    box-shadow: none;
    border-bottom: 2px solid #fff;
}

.btn-street-refresh {
    margin-left: 20px;
    color: #777 !important;
    font-size: 16px;
}


/* ADD ROW 按钮 */
.btn-unified-add {
    background: transparent;
    color: #58a6ff !important;
    border: 1px dashed #58a6ff !important;
    border-radius: 4px;
    font-weight: 700 !important;
    font-size: 10px;
    padding: 4px 10px;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
    top: -3px !important;
    background: rgba(88, 166, 255, 0.1) !important;
}

.btn-unified-add:hover {
    background: rgba(88, 166, 255, 0.2) !important;
    box-shadow: 0 0 10px rgba(88, 166, 255, 0.3) !important;
}

/* ===== 10. 清理旧样式 ===== */
.btn-add-player-fixed {
    display: none !important;
}

.btn-inline-add-player {
    display: none !important;
}

/* ===== 11. V1 面板调整 ===== */
#villain-v1-panel {
    padding-bottom: 10px !important;
}
/* 1. V1面板ADD按钮换成和ADD ROW一样款式 */
#villain-v1-panel .chip-btn-add {
    background: rgba(88, 166, 255, 0.1) !important;
    border: 1px dashed #58a6ff !important;
    color: #58a6ff !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    left: -220px !important;
    width: 55px !important;
    height: 22px !important;
    font-size: 9px !important;
}

#villain-v1-panel .chip-btn-add:hover {
    background: rgba(88, 166, 255, 0.2) !important;
    box-shadow: 0 0 8px rgba(88, 166, 255, 0.3) !important;
}

/* 2. 公共牌悬停效果 */
.board-card-slot:hover {
    transform: translateY(-3px) scale(1.03) !important;
    box-shadow: 
        0 8px 20px rgba(0, 0, 0, 0.5),
        0 4px 12px rgba(255, 215, 0, 0.4),
        inset 0 1px 2px rgba(255, 255, 255, 0.2),
        0 0 0 2px rgba(255, 215, 0, 0.3) !important;
    border-color: rgba(255, 215, 0, 0.6) !important;
    filter: brightness(1.1);
}



/* 悬停效果 */
#villain-v1-panel .chip-btn:nth-child(1):hover {
    background: rgba(46, 204, 113, 0.2) !important;
    box-shadow: 0 0 8px rgba(46, 204, 113, 0.3) !important;
}

/* 精确修改 V1 的 8 按钮 */
button.chip-btn[onclick="setAmount('v1', 8)"] {
    background: rgba(231, 126, 34, 0.15) !important;
    border-color: rgba(231, 126, 34, 0.4) !important;
    color: #e67e22 !important;
    font-weight: 700 !important;
    border-width: 1.5px !important;
}

button.chip-btn[onclick="setAmount('v1', 8)"]:hover {
    background: rgba(231, 126, 34, 0.25) !important;
    box-shadow: 0 0 12px rgba(231, 126, 34, 0.4) !important;
    transform: translateY(-1px) !important;
}

/* 同时修改 Hero 的 8 按钮保持一致性 */
button.chip-btn[onclick="setAmount('hero', 8)"] {
    background: rgba(231, 126, 34, 0.15) !important;
    border-color: rgba(231, 126, 34, 0.4) !important;
    color: #e67e22 !important;
    font-weight: 700 !important;
    border-width: 1.5px !important;
}

button.chip-btn[onclick="setAmount('hero', 8)"]:hover {
    background: rgba(231, 126, 34, 0.25) !important;
    box-shadow: 0 0 12px rgba(231, 126, 34, 0.4) !important;
    transform: translateY(-1px) !important;
}

/* 修复V1面板布局 */
#villain-v1-panel .symmetric-input-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    flex-wrap: nowrap;
    min-height: 120px; /* 确保足够高度 */
}

/* 确保每个输入组均匀分布 */
#villain-v1-panel .input-group {
    flex: 1;
    min-width: 0;
}

/* 注额区域特殊处理 */
#villain-v1-panel .input-group:last-child {
    flex: 0.9; /* 注额区域稍微宽一点 */
}

/* 修复底线高度 */
#villain-v1-panel.player-panel {
    margin-bottom: -20px; /* 负的margin让V1面板更靠近Board */
    padding-bottom: 1px !important;
    min-height: 50px !important;
}
/* ===== 滑动选择器极简样式 ===== */

/* 滑动激活状态 */
.swipe-active {
    background: rgba(88, 166, 255, 0.08) !important;
    border-bottom: 2px solid #58a6ff !important;
    transition: none !important;
}

/* 滑动反馈颜色 */
.swipe-feedback-raise {
    color: #f1c40f !important;
    border-bottom-color: #f1c40f !important;
    background: rgba(241, 196, 15, 0.08) !important;
}

.swipe-feedback-3bet {
    color: #e74c3c !important;
    border-bottom-color: #e74c3c !important;
    background: rgba(231, 76, 60, 0.08) !important;
    font-weight: 700 !important;
}

.swipe-feedback-call {
    color: #3498db !important;
    border-bottom-color: #3498db !important;
    background: rgba(52, 152, 219, 0.08) !important;
}

.swipe-feedback-call3bet {
    color: #9b59b6 !important;
    border-bottom-color: #9b59b6 !important;
    background: rgba(155, 89, 182, 0.08) !important;
    font-weight: 700 !important;
}

.swipe-feedback-fold {
    color: #7f8c8d !important;
    border-bottom-color: #7f8c8d !important;
    background: rgba(127, 140, 141, 0.08) !important;
    opacity: 0.8;
}

/* Hero 特殊颜色 */
.hero-panel .swipe-feedback-raise,
.hero-panel .swipe-feedback-3bet {
    color: #2ecc71 !important;
    border-bottom-color: #2ecc71 !important;
    background: rgba(46, 204, 113, 0.08) !important;
}

.hero-panel .swipe-feedback-call,
.hero-panel .swipe-feedback-call3bet {
    color: #27ae60 !important;
    border-bottom-color: #27ae60 !important;
    background: rgba(39, 174, 96, 0.08) !important;
}

/* V1 特殊颜色 */
#villain-v1-panel .swipe-feedback-raise,
#villain-v1-panel .swipe-feedback-3bet {
    color: #e67e22 !important;
    border-bottom-color: #e67e22 !important;
    background: rgba(230, 126, 34, 0.08) !important;
}

#villain-v1-panel .swipe-feedback-call,
#villain-v1-panel .swipe-feedback-call3bet {
    color: #d35400 !important;
    border-bottom-color: #d35400 !important;
    background: rgba(211, 84, 0, 0.08) !important;
}
/* ===== 新表格结构：3列 + 删除按钮 ===== */

/* 表格整体 */
.action-table {
    width: 100% !important;
    border-collapse: collapse !important;
    table-layout: fixed !important;
}

/* Street Header 行 */
.street-header-row {
    background: rgba(52, 152, 219, 0.1) !important;
}

.street-header-row td {
    padding: 8px 10px !important;
    color: #3498db !important;
    font-size: 12px !important;
    font-weight: bold !important;
    text-align: left !important;
    border-top: 2px solid rgba(52, 152, 219, 0.3) !important;
}

/* ===== 核心修改：列宽分配 ===== */

/* 第1列：Player列 */
.action-table tbody td:nth-child(1) {
    width: 38% !important;
    text-align: left !important;
    padding-left: 10px !important;
}

/* 第2列：Action列 */
.action-table tbody td:nth-child(2) {
    width: 38% !important;
    text-align: center !important;
}

/* 第3列：Amount列 */
.action-table tbody td:nth-child(3) {
    width: 21% !important;
    text-align: center !important;
}

/* 第4列：Delete按钮列 - 强制缩小 */
.action-table tbody td:nth-child(4) {
    width: 3% !important;
    max-width: 50px !important;
    min-width: 40px !important;
    text-align: center !important;
    padding: 4px 2px !important;
}

/* ===== 删除按钮样式 ===== */
.btn-row-del {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    padding: 3px !important;
    margin: 0 auto !important;
    font-size: 11px !important;
    line-height: 18px !important;
}

/* ===== 统一居中样式 ===== */

/* 所有选择框和输入框 */
.action-table select,
.action-table input[type="number"] {
    width: 100% !important;
    box-sizing: border-box !important;
    font-size: 12px !important;
    text-align: center !important;
}

/* 特别针对select的居中（需要这个属性） */
.action-table select {
    text-align-last: center !important;
}

/* Hero行特殊样式 - 保持绿色 */
.hero-row td:nth-child(1) select {
    color: #2ecc71 !important;
    font-weight: bold !important;
    text-align: center !important;
    text-align-last: center !important;
}

/* ===== 街道标题样式 ===== */
.street-header-row {
    background: rgba(255, 255, 255, 0.05) !important;
    border-top: 2px solid rgba(52, 152, 219, 0.3) !important;
}

.street-header-row td {
    padding: 10px 15px !important;
    color: #f1c40f !important;
    font-size: 12px !important;
    font-weight: bold !important;
    text-align: left !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

/* 不同街道的颜色区分 */
.street-header-row[data-street="Flop"] td {
    color: #3498db !important;
    border-top-color: rgba(52, 152, 219, 0.3) !important;
}

.street-header-row[data-street="Turn"] td {
    color: #9b59b6 !important;
    border-top-color: rgba(155, 89, 182, 0.3) !important;
}

.street-header-row[data-street="River"] td {
    color: #e74c3c !important;
    border-top-color: rgba(231, 76, 60, 0.3) !important;
}
/* 强制所有删除按钮列 */
#action-table-body tr td:nth-child(4) {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    padding: 0 !important;
}
/* ===== 修复select下拉框对齐问题 ===== */

/* 所有select元素 */
.action-table select {
    width: 100% !important;
    box-sizing: border-box !important;
    font-size: 12px !important;
    text-align: center !important;
    text-align-last: center !important;
    /* 添加以下样式优化下拉框 */
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    padding: 4px 20px 4px 4px !important; /* 右边留出下拉箭头空间 */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8.825L1.175 4 2.238 2.938 6 6.7l3.763-3.763L10.825 4z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 8px center !important;
    background-size: 12px !important;
}

/* 下拉选项的样式（需要JavaScript辅助或使用自定义下拉） */
.action-table select option {
    text-align: center !important;
    padding: 8px !important;
}

/* 输入框保持简单 */
.action-table input[type="number"] {
    width: 100% !important;
    box-sizing: border-box !important;
    font-size: 12px !important;
    text-align: center !important;
    padding: 4px !important;
}

/* Hero行特殊样式 */
.hero-row td:nth-child(1) select {
    color: #2ecc71 !important;
    font-weight: bold !important;
}
/* ===== 9. Active Session Bar ===== */
.active-session-container {
    width: 100%;
    margin-bottom: 15px;
}

.active-session-bar {
    background: rgba(35, 134, 54, 0.1);
    border: 1px solid rgba(35, 134, 54, 0.3);
    border-radius: 12px;
    padding: 8px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: background 0.2s;
}

.active-session-bar:active {
    background: rgba(35, 134, 54, 0.2);
}

.as-left {
    display: flex;
    align-items: center;
    gap: 8px;
}

.as-icon {
    font-size: 10px;
    animation: pulse 2s infinite;
}

.as-label {
    color: #4ade80;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.as-right {
    display: flex;
    align-items: center;
    gap: 8px;
}

.as-info {
    color: #e2e8f0;
    font-size: 12px;
    font-weight: 600;
}

.as-arrow {
    color: #4ade80;
    font-size: 12px;
    opacity: 0.6;
}

@keyframes pulse {
    0% { opacity: 0.5; }
    50% { opacity: 1; }
    100% { opacity: 0.5; }
}

/* 移除V1面板的底部横线 */
#villain-v1-panel.player-panel {
    border-bottom: none !important;
    margin-bottom: 0; /* 移除底部间距 */
}



/* 完全复制公共牌区域的样式 */
.hero-panel .hero-hand-display {
    display: flex;
    justify-content: center;
    gap: 3px; /* 使用相同的间隙 */
    padding: 6px 0;
    margin: 2px 0 8px 0;
    min-height: 50px;
    border-radius: var(--radius-lg);
    background: rgba(0, 0, 0, 0.2); /* 完全相同的背景 */
}

/* 如果 var(--radius-lg) 未定义，可以直接用像素值 */
.hero-panel .hero-hand-display {
    border-radius: 8px; /* 或者 12px */
}
/* 添加到现有CSS中，或者如果已有 .btn-dash-fab-sub 的定义，则覆盖背景颜色 */

#btn-save-hand.btn-dash-fab-sub {
    background-color: #2ecc71;  /* 绿色背景 */
    background: linear-gradient(135deg, #27ae60, #2ecc71);
    border-color: #27ae60;
    color: white;
}

#btn-add-villain.btn-dash-fab-sub {
    background-color: #e67e22;  /* 橙色背景 */
    background: linear-gradient(135deg, #d35400, #e67e22);
    border-color: #d35400;
    color: white;
}
/* 红色重置按钮悬停效果 */
.btn-reset-all:hover,
#btn-reset-V1:hover {
    opacity: 1 !important;
    transform: scale(1.2) !important;
    color: #ff0000 !important; /* 更亮的红色 */
}

.btn-reset-all:active,
#btn-reset-V1:active {
    transform: scale(0.9) !important;
    color: #cc0000 !important; /* 深红色 */
}
/* =========================================
   玩家选择器弹窗 - 统一风格版
   ========================================= */

/* 卡片容器 - 与player-modal统一 */
.player-selector-card {
    background: #161b22;
    border: 1px solid #30363d;
    border-radius: 12px;
    width: 90%;
    max-width: 380px;
    max-height: 70vh; /* 稍矮一点，更紧凑 */
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 50px rgba(0,0,0,0.8);
    overflow: hidden;
}

/* 搜索框区域 - 复用筛选器样式 */
.player-selector-card .filter-input-players:focus {
    border-color: #2e8b57; /* 绿色高亮 */
    outline: none;
}

/* 玩家选择项样式 - 与PLAYERS列表风格统一 */
#selector-list .player-selector-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    margin-bottom: 8px;
    background: #1e2532; /* 与players列表项背景一致 */
    border: 1px solid rgba(255,255,255,0.05);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s ease;
    list-style: none;
}
#selector-list .player-selector-item:hover {
    background: #252d3d;
    border-color: rgba(46, 139, 87, 0.3); /* 绿色边框悬停 */
    transform: translateY(-1px);
}
#selector-list .player-selector-item:active {
    transform: translateY(0);
}

/* 玩家头像 */
.player-selector-avatar {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
    border: 1px solid;
}

/* 玩家信息 */
.player-selector-info {
    flex: 1;
    min-width: 0;
}
.player-selector-name {
    font-size: 13px;
    font-weight: 600;
    color: #e6edf3;
    margin-bottom: 2px;
}
.player-selector-stats {
    font-size: 10px;
    color: #8b949e;
    display: flex;
    gap: 8px;
}

/* 玩家类型标签 */
.player-selector-type {
    display: inline-block;
    padding: 1px 6px;
    border-radius: 3px;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
    margin-left: 6px;
    letter-spacing: 0.3px;
}

/* 空状态提示 */
.selector-empty-state {
    text-align: center;
    padding: 40px 20px;
    color: #8b949e;
    font-size: 13px;
}
/* ===== 添加Hero手牌悬停效果 ===== */
.hero-panel .selected-card:hover {
    transform: translateY(-3px) scale(1.03) !important;
    box-shadow: 
        0 8px 20px rgba(0, 0, 0, 0.5),
        0 4px 12px rgba(255, 215, 0, 0.4),
        inset 0 1px 2px rgba(255, 255, 255, 0.2),
        0 0 0 2px rgba(255, 215, 0, 0.3) !important;
    border-color: rgba(255, 215, 0, 0.6) !important;
    filter: brightness(1.1) !important;
    z-index: 10 !important;
}

/* 确保所有卡片基础阴影一致 */
.selected-card {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

/* ===== Dashboard FAB 精简版 (对齐Board + 平滑滑动) ===== */

/* =========================================================
   ⚠️ 核心布局逻辑 (保留)
   控制当玩家增加时，公共牌(Board)自动向上移动，防止被遮挡
   ========================================================= */

/* =========================================================
   ⚠️ 核心布局逻辑：控制 Board 垂直位置
   ========================================================= */

/* 
   👇 修改指南：
   想要 Board 下移（拉开距离）：把数字改小（例如 -50 改成 -30）
   想要 Board 上移（挤得更紧）：把数字改大（例如 -50 改成 -70）
*/

/* 只有 Hero + V1 时 */
.board-section.panel-2 { 
    margin-top: -30px !important;  /* 原来是 -50px，改成了 -30px (下移了20px) */
}  

/* Hero + V1 + V2 时 */
.board-section.panel-3 { 
    margin-top: -60px !important;  /* 原来是 -80px，改成了 -60px */
}  

/* Hero + V1 + V2 + V3 时 */
.board-section.panel-4 { 
    margin-top: -80px !important;  /* 原来是 -100px，改成了 -80px */
} 

/* 更多人时 */
.board-section.panel-5 { 
    margin-top: -100px !important; /* 原来是 -120px，改成了 -100px */
}

/* 添加平滑过渡 */
.board-section {
    transition: margin-top 0.3s ease !important;
}

/* 当有 Active Session 胶囊显示时，微调 Board 的位置 */
body.has-active-session .board-section {
    margin-top: -50px !important; 
}

/* ========================================= */
/* 🎤 页头麦克风增强特效 */
/* ========================================= */

/* 当 body 带有 .is-voice-recording 类时，其内部所有的麦克风自动红闪 */
body.is-voice-recording #btn-header-voice,
body.is-voice-recording .uh-mic-btn,
body.is-voice-recording .voice-btn-mini {
    color: #ffffff !important;
    background: #ef4444 !important;
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
    animation: header-pulse-strong 1.5s infinite !important;
}

/* 原有的动画保持不变 */
@keyframes header-pulse-strong {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); }
    70% { transform: scale(1.1); box-shadow: 0 0 0 10px rgba(239, 68, 68, 0); }
    100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}