/* ================================= 全局基础样式 ================================= */
/* 主容器VBox样式：统一背景与内边距 */
VBox {
    -fx-background-color: #F8F9FA; /* 浅灰背景，避免刺眼 */
    -fx-padding: 0; /* 移除默认内边距，子组件自行控制 */
    -fx-spacing: 0; /* 消除组件间默认间距，保持紧凑 */
}

/* 所有文本组件统一字体（避免系统字体混乱） */
* {
    -fx-font-family: "Microsoft YaHei", "SimHei", "sans-serif"; /* 适配中文显示 */
}


/* ================================= 菜单栏（MenuBar）样式 ================================= */
MenuBar {
    -fx-background-color: #343A40; /* 深灰背景，突出菜单层级 */
    -fx-text-fill: white; /* 菜单文本白色 */
    -fx-pref-height: 36px; /* 固定高度，避免拉伸 */
}

/* 一级菜单样式 */
Menu {
    -fx-text-fill: white;
    -fx-font-size: 14px;
    -fx-padding: 0 15px; /* 菜单内边距，增加点击区域 */
    -fx-cursor: hand; /* 鼠标悬浮为手型，提示可点击 */
}

/* 一级菜单 hover 效果 */
Menu:hover {
    -fx-background-color: #495057; /* 深灰加深，反馈明显 */
}

/* 菜单项（MenuItem）样式 */
MenuItem {
    -fx-background-color: white;
    -fx-text-fill: #212529;
    -fx-font-size: 13px;
    -fx-padding: 8px 25px; /* 上下8px、左右25px，优化点击区域 */
}

/* 菜单项 hover 效果 */
MenuItem:hover {
    -fx-background-color: #E9ECEF; /* 浅灰背景，区分选中状态 */
    -fx-text-fill: #0D6EFD; /* 蓝色文本，突出选中项 */
}

/* 分隔线（SeparatorMenuItem）样式 */
SeparatorMenuItem .line {
    -fx-background-color: #DEE2E6; /* 浅灰分隔线，不突兀 */
    -fx-pref-height: 1px;
}


/* ================================= 标签页（TabPane）样式 ================================= */
/* 标签容器整体样式 */
TabPane {
    -fx-background-color: white;
    -fx-border-color: #DEE2E6; /* 浅灰边框，区分区域 */
    -fx-border-width: 1px 0; /* 仅上下边框，左右无边框 */
    -fx-pref-height: 700px; /* 固定高度，适配1000px主容器 */
}

/* 标签栏（TabHeaderArea）样式：标签所在的顶部栏 */
TabPane .tab-header-area {
    -fx-background-color: white;

    -fx-border-color: #DEE2E6;
    -fx-border-width: 0 0 1px 0; /* 仅底部边框，分隔标签与内容区 */
}

/* 单个标签（Tab）基础样式 */
Tab {
    -fx-background-color: transparent; /* 透明背景，hover时显示效果 */
    -fx-text-fill: #6C757D; /* 未选中标签文本：浅灰 */
    -fx-font-size: 15px;
    -fx-padding: 8px 25px; /* 上下8px、左右25px，增加点击区域 */
    -fx-cursor: hand;
}

/* 未选中标签 hover 效果 */
Tab:hover {
    -fx-text-fill: #0D6EFD; /* 蓝色文本，提示可点击 */
}

/* 选中标签（.selected）样式 */
Tab:selected {
    -fx-text-fill: #0D6EFD; /* 蓝色文本，突出选中状态 */
    -fx-underline: true; /* 下划线标识，替代默认背景 */
    -fx-underline-color: #0D6EFD; /* 下划线与文本同色 */
    -fx-underline-width: 2px; /* 下划线加粗，更明显 */
}

/* 标签内容区（TabContentArea）样式：标签对应的内容容器 */
TabPane .tab-content-area {
    -fx-background-color: white;
    -fx-padding: 20px; /* 内边距20px，内容不贴边 */
}

/* 长文本标签（自定义styleClass="long-text-tab"）：适配“2. 查遗漏、存储路径和命名规范” */
Tab.long-text-tab {
    -fx-padding: 8px 20px; /* 左右内边距缩减为20px，避免文本溢出 */
    -fx-font-size: 14px; /* 字体稍小，适配长文本 */
}

/* 首尾标签（id="startTab"、id="endTab"）：可选，突出首尾步骤 */
Tab#startTab:selected,
Tab#endTab:selected {
    -fx-text-fill: #28A745; /* 绿色文本，区分首尾步骤 */
    -fx-underline-color: #28A745;
}


/* ================================= 导航按钮（HBox + Button）样式 ================================= */
/* 按钮容器（HBox）样式：右对齐布局 */
HBox {
    -fx-background-color: white;
    -fx-padding: 0 20px; /* 左右20px，按钮不贴边 */
}

/* 导航按钮（上一步/下一步）基础样式 */
Button {
    -fx-background-color: #0D6EFD; /* 蓝色主按钮 */
    -fx-text-fill: white;
    -fx-font-size: 19px; /* 按FXML要求，保持19px粗体 */
    -fx-font-weight: bold;
    -fx-border-radius: 6px; /* 圆角，避免尖锐 */
    -fx-background-radius: 6px;
    -fx-cursor: hand;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.1), 5, 0, 0, 2); /* 轻微阴影，增加立体感 */
}

/* 按钮 hover 效果：加深背景色 */
Button:hover {
    -fx-background-color: #0B5ED7; /* 深蓝色，反馈明显 */
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.2), 5, 0, 0, 2); /* 阴影加深 */
}

/* 按钮按压效果：移除阴影+背景色再加深 */
Button:pressed {
    -fx-background-color: #0A58CA;
    -fx-effect: none; /* 按压时无阴影，模拟“按下”质感 */
}

/* 上一步按钮（可选）：区分颜色，避免与下一步混淆 */
Button#prevB {
    -fx-background-color: #6C757D; /* 浅灰按钮，次要操作 */
}

Button#prevB:hover {
    -fx-background-color: #5A6268; /* 深灰 hover 色 */
}

Button#prevB:pressed {
    -fx-background-color: #495057;
}
