/* 基础Tab样式 */
.tab {
    -fx-background-color: transparent; /* 改为透明 */
    -fx-background-insets: 0;
    -fx-padding: 0;
    -fx-cursor: hand;
}

/* 默认Tab形状容器 */
.tab .tab-container {
    -fx-background-color: #7BB0D9;
    -fx-shape: "M0,5 L65,5 L75,15 L65,25 L0,25 L10,15 Z";
    -fx-background-insets: 0;
    -fx-border-width: 0; /* 确保无边框 */
    -fx-padding: 8 25 8 20;
}

/* 起始Tab特殊形状 */
#startTab .tab-container {
    -fx-shape: "M0,5 L75,5 L85,15 L75,25 L0,25 Z";
    -fx-padding: 8 20 8 25;
}

/* 结束Tab特殊形状 */
#endTab .tab-container {
    -fx-shape: "M0,5 L65,5 L65,15 L65,25 L0,25 L10,15 Z";
    -fx-padding: 8 20 8 25;
}

/* 选中状态 - 完全移除蓝色边框 */
.tab:selected,
.tab:selected:focused {
    -fx-background-color: transparent; /* 关键设置 */
    -fx-background-insets: 0;
    -fx-border-width: 0;
    -fx-border-color: transparent;
}

.tab:selected .tab-container {
    -fx-background-color: #0063b0; /* 只改变背景色 */
    -fx-effect: null; /* 移除所有效果 */
}

/* 文字标签样式 */
.tab .tab-label {
    -fx-text-fill: #000000;
    -fx-font-size: 16px;
    -fx-alignment: CENTER;
    -fx-padding: 0 10 0 10;
    -fx-max-width: 100px;
    -fx-translate-x: 6px;
    -fx-text-overrun: ellipsis;
}

.tab:selected .tab-label {
    -fx-text-fill: #ffffff;
    -fx-font-weight: bold;
}

/* TabPane整体设置 */
.tab-pane {
    -fx-tab-min-height: 30px;
    -fx-tab-min-width: 80px;
    -fx-background-color: transparent;
    -fx-focus-color: transparent; /* 移除焦点边框 */
    -fx-faint-focus-color: transparent;
}

/* Tab重叠调整 */
/* 文字少的标签页样式 */
.tab-pane > .tab-header-area > .headers-region > .tab {
    -fx-background-insets: 0 -15 0 0;
    -fx-min-width: 80px;
    -fx-pref-width: 180px;
    -fx-max-height: 300px;
}

/* 文字多的标签页样式 */
.tab-pane > .tab-header-area > .headers-region > .tab.long-text-tab {
    -fx-background-insets: 0 -15 0 0;
    -fx-pref-width: 300px;
    -fx-max-height: 300px;
}


/* 下拉菜单面板 - 增强视觉效果 */
.context-menu {
    -fx-background-color: #ffffff;
    -fx-border-color: #b0b0b0;
    -fx-border-width: 1.5px;
    -fx-border-radius: 4px;
    -fx-background-radius: 4px;
    -fx-padding: 5px 0;
    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.2), 8, 0.2, 0, 2);
}

/* 菜单项基础样式 */
.context-menu .menu-item {
    -fx-background-color: transparent;
    -fx-padding: 8px 20px;
    -fx-cursor: hand;
    -fx-background-radius: 2px;
    -fx-border-width: 0;
}

/* 菜单项悬停效果 */
.context-menu .menu-item:hover {
    -fx-background-color: #f0f0f0;
    -fx-text-fill: #333333;
}

/* 当前选中菜单项 */
.context-menu .menu-item:selected {
    -fx-background-color: #9b0e0e; /* 与选中Tab相同颜色 */
    -fx-text-fill: white;
}

/* 菜单项文本样式 */
.context-menu .menu-item .label {
    -fx-text-fill: #333333;
    -fx-font-size: 14px;
    -fx-font-weight: normal;
}

/* 选中菜单项文本样式 */
.context-menu .menu-item:selected .label {
    -fx-text-fill: white;
    -fx-font-weight: bold;
}

/* 分隔线样式 */
.context-menu .separator:horizontal .line {
    -fx-border-color: #e0e0e0;
    -fx-border-width: 1px;
    -fx-padding: 3px 0;
}

/* 下拉箭头按钮增强样式 */
.tab-pane > .tab-header-area > .control-buttons-tab > .tab-down-button {
    -fx-background-color: #f5f5f5;
    -fx-background-radius: 0 3px 3px 0;
    -fx-padding: 5px 8px;
    -fx-border-color: #c0c0c0;
    -fx-border-width: 1px;
    -fx-border-radius: 0 3px 3px 0;
}

/* 下拉箭头图标样式 */
.tab-pane > .tab-header-area > .control-buttons-tab > .tab-down-button .arrow {
    -fx-background-color: #666666;
    -fx-shape: "M 0 0 L 5 5 L 10 0 Z";
    -fx-padding: 4px;
}

/* 悬停时箭头按钮效果 */
.tab-pane > .tab-header-area > .control-buttons-tab > .tab-down-button:hover {
    -fx-background-color: #e0e0e0;
    -fx-border-color: #a0a0a0;
}

.tab-pane > .tab-header-area > .control-buttons-tab > .tab-down-button:hover .arrow {
    -fx-background-color: #333333;
}