/* ==================== 合并说明 ==================== */
/* 1. 导航栏：统一用ztstyle.css基准（静态定位、无额外padding） */
/* 2. 卡片/按钮：统一ztstyle的28px高度，舍弃common/win的26px */
/* 3. 表单/表格：保留common/win的交互样式（聚焦、下拉定位、hover） */
/* 4. 类名：统一layui-前缀，win-类映射到layui样式（兼容旧页面） */
/* 5. 全局：统一字体、背景、滚动条样式 + 统一导航与主体的间距 */
/* ================================================= */

/* 1. 全局基础样式（合并去重+统一） */
body, .win-body {
  background-color: #e0e0e0;
  font-family: "Microsoft YaHei", Arial, sans-serif;
  font-size: 12px; /* 统一字体大小 */
  margin: 0;
  padding: 0 !important; /* 取消全局上下padding，避免布局偏移 */
  box-sizing: border-box;
}

/* 2. 导航栏（核心统一：ztstyle.css基准） */
.x-nav, .win-nav { /* 兼容win-nav类，映射到统一导航样式 */
  /* 静态定位（非fixed，避免遮挡），如需fixed请解开下方注释+加body padding-top:40px */
  /* position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999; */
  background-color: #fff;
  border-bottom: 1px solid #808080;
  height: 40px !important;
  line-height: 40px !important;
  padding: 0 15px !important; /* 舍弃common/win的8px 10px，统一ztstyle的0 15px */
  margin: 0 !important;
  box-sizing: border-box;
}

/* ==================== 新增：全局统一导航与主体的间距 ==================== */
/* 核心：导航栏后第一个核心容器（tab/card/fluid）统一加10px顶部间距 */
/* 覆盖所有页面，包括配血/回收/其他页面 */
.x-nav + .layui-tab,
.x-nav + .layui-fluid,
.x-nav + .win-container,
.layui-fluid > .layui-card,
.win-container > .layui-card {
  margin-top: 10px !important; /* 和回收页面原有tab间距一致 */
}
/* ===================================================================== */

/* 3. 容器样式（统一顶格布局） */
.layui-fluid, .win-container {
  padding: 0 15px !important;
  margin: 0 !important; /* 移除common/win的50px top间距（静态导航无需） */
}

/* 4. 选项卡样式（保留ztstyle完整样式 + 调整margin为上下左右统一10px） */
.layui-tab {
  margin: 10px !important; /* 调整：原margin:10px 改为带!important，确保优先级 */
  border: 1px solid #808080;
  border-radius: 2px;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
  background-color: #fff;
}
.layui-tab-title {
  background: linear-gradient(to bottom, #f0f0f0, #e0e0e0);
  border-bottom: 1px solid #808080;
}
.layui-tab-title li {
  line-height: 30px;
  height: 30px;
  padding: 0 15px;
}
.layui-tab-title .layui-this {
  background-color: #005a9e;
  color: #fff;
}
.layui-tab-content {
  padding: 15px;
}

/* 5. 卡片样式（统一ztstyle的28px高度，保留实用交互 + 新增顶部间距） */
.layui-card, .win-card { /* 兼容win-card */
  border: 1px solid #808080;
  border-radius: 2px;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
  background-color: #fff;
  margin-top: 10px !important; /* 新增：卡片顶部统一10px间距，和tab一致 */
  margin-bottom: 15px !important; /* 统一ztstyle的15px间距 */
}
.layui-card-header, .win-card-header { /* 兼容win-card-header */
  height: 28px !important; /* 统一ztstyle的28px，舍弃common/win的26px */
  line-height: 28px !important;
  background: linear-gradient(to bottom, #005a9e, #003c6b);
  color: #fff !important;
  font-weight: bold;
  font-size: 13px !important;
  padding: 0 10px !important;
  border-bottom: none !important;
}
.layui-card-body, .win-card-body { /* 兼容win-card-body */
  padding: 10px !important;
  overflow: visible !important; /* 保留win.css的下拉框溢出兼容 */
}

/* 6. 表单样式（合并ztstyle+common/win的交互） */
.layui-form-label, .win-form-label { /* 兼容win-form-label */
  padding: 5px 10px !important; /* 统一ztstyle的padding */
  color: #333 !important;
  font-weight: 500;
  width: 100px !important; /* 统一ztstyle的标签宽度 */
}
.layui-form-item, .win-form-item { /* 兼容win-form-item */
  margin-bottom: 12px !important;
}
.layui-form-item .layui-inline, .win-form-inline { /* 兼容win-form-inline */
  margin-right: 10px !important;
  margin-bottom: 5px !important;
}
/* 输入框/下拉框/文本域（统一ztstyle的28px高度，保留common/win的聚焦效果） */
.layui-input, .layui-select, .layui-textarea, 
.win-input, .win-select, .win-textarea { /* 兼容win-输入类 */
  height: 28px !important;
  border: 1px solid #808080 !important;
  border-radius: 2px !important;
  padding: 0 5px !important;
  font-size: 12px;
}
.layui-input:focus, .layui-select:focus, 
.win-input:focus, .win-select:focus { /* 保留common/win的聚焦样式 */
  border-color: #005a9e !important;
  box-shadow: 0 0 0 2px rgba(0, 90, 158, 0.2) !important;
}
/* 必填项标记（保留ztstyle） */
.required::after {
  content: "*";
  color: #ff0000;
  margin-left: 2px;
}

/* 7. 下拉框样式（保留common/win的精准定位） */
.layui-form-select {
  width: 100% !important;
}
.layui-form-select dl, .win-select-dropdown { /* 兼容win-select-dropdown */
  border: 1px solid #808080 !important;
  border-radius: 0 !important;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2) !important;
  max-height: 200px !important;
  overflow-y: auto !important;
  position: absolute !important;
  z-index: 9999 !important;
  left: 0 !important;
  right: 0 !important;
  top: 100% !important;
  margin-top: 2px !important;
}
.layui-form-select dl dd, .win-select-dropdown dd {
  padding: 3px 10px !important;
  line-height: 24px !important;
}
.layui-form-select dl dd:hover, .win-select-dropdown dd:hover {
  background-color: #005a9e !important;
  color: #fff !important;
}

/* 8. 按钮样式（统一ztstyle的28px高度，保留hover/active） */
.layui-btn, .win-btn { /* 兼容win-btn */
  height: 28px !important; /* 统一ztstyle的28px，舍弃common/win的26px */
  line-height: 28px !important;
  padding: 0 12px !important;
  border-radius: 2px !important;
  font-size: 12px;
  border: 1px solid #808080 !important;
  cursor: pointer;
}
/* 按钮基础色（保留ztstyle的渐变） */
.layui-btn {
  background: linear-gradient(to bottom, #fff, #e6e6e6);
  color: #333;
}
/* 正常按钮（统一ztstyle） */
.layui-btn-normal, .win-btn-normal {
  background: linear-gradient(to bottom, #0078d7, #005a9e);
  color: #fff;
  border-color: #004b8d !important;
}
/* 危险按钮（统一ztstyle） */
.layui-btn-danger, .win-btn-danger {
  background: linear-gradient(to bottom, #e81123, #c40011);
  color: #fff;
  border-color: #a8000f !important;
}
/* 重置按钮（保留win.css） */
.layui-btn-primary, .win-btn-primary {
  background: linear-gradient(to bottom, #e6e6e6, #d0d0d0);
  color: #333;
  border-color: #808080 !important;
}
/* 按钮hover/active（保留win.css） */
.layui-btn:hover, .win-btn:hover {
  background: linear-gradient(to bottom, #f0f0f0, #d9d9d9);
  border-color: #666 !important;
}
.layui-btn:active, .win-btn:active {
  background: linear-gradient(to bottom, #b0b0b0, #e0e0e0);
}

/* 9. 表格样式（合并ztstyle+common/win的hover/奇偶行） */
.layui-table, .win-table { /* 兼容win-table */
  border-collapse: collapse;
  width: 100%;
  font-size: 12px;
  margin: 0 !important;
  border: 1px solid #808080 !important;
}
.layui-table th, .win-table th {
  background-color: #d0d0d0 !important;
  color: #333 !important;
  font-weight: 600;
  border: 1px solid #808080 !important;
  padding: 5px 6px !important;
}
.layui-table td, .win-table td {
  border: 1px solid #808080 !important;
  padding: 5px 6px !important;
}
/* 奇偶行背景（保留win.css） */
.layui-table tr:nth-child(even), .win-table tr:nth-child(even) {
  background-color: #f0f0f0 !important;
}
.layui-table tr:nth-child(odd), .win-table tr:nth-child(odd) {
  background-color: #ffffff !important;
}
/* hover效果（保留win.css） */
.layui-table tr:hover, .win-table tr:hover {
  background-color: #e6f2ff !important;
}
/* 表格滚动（保留win.css） */
.layui-table-main, .win-table-main {
  overflow-x: auto !important;
  padding-bottom: 5px !important;
}

/* 10. 布局样式（保留ztstyle的响应式+win的紧凑布局） */
/* 网格布局（ztstyle） */
.recycle-form-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  margin-bottom: 15px;
}
/* 弹性布局（ztstyle） */
.form-column {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.form-column > div {
  flex: 1;
  min-width: 300px;
}
/* 紧凑布局（win.css） */
.win-compact .win-form-inline {
  margin-right: 1px !important;
}
.win-compact .win-input-inline {
  width: auto !important;
  min-width: 10px !important;
}
.win-compact .win-form-item {
  margin-bottom: 2px !important;
}
/* 日期范围容器（common.css） */
.date-range-container {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}
.date-range-item {
  flex: 1;
}
/* 局部控制（合并） */
.layui-btn-container, .win-btn-container {
  margin-bottom: 10px !important;
}
.layui-input-inline, .win-input-inline {
  min-width: 120px !important;
}
.aa.bold-text {
  font-weight: 500 !important;
}

/* 11. 状态样式（ztstyle） */
.status-success { color: #5cb85c; }
.status-warning { color: #f0ad4e; }
.status-danger { color: #d9534f; }

/* 12. 滚动条样式（统一win.css） */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #f0f0f0;
}
::-webkit-scrollbar-thumb {
  background: #808080;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* 保留你自定义的.win-tab-title尺寸规则 + 调整为灰色系样式 */
.layui-tab-title.win-tab-title {
  border-bottom: 1px solid #808080 !important; /* 改为灰色边框（匹配原生） */
  padding-left: 10px !important;
  background: linear-gradient(to bottom, #f0f0f0, #e0e0e0) !important; /* 灰色渐变背景（原生样式） */
}

.layui-tab-title.win-tab-title li {
  padding: 0 20px !important;
  height: 40px !important;
  line-height: 40px !important;
  font-size: 13px !important;
  margin: 0 !important;
  color: #333 !important; /* 灰色系文字 */
}

.layui-tab-title.win-tab-title li.layui-this {
  background-color: #005a9e !important; /* 保留选中态蓝色 */
  color: #fff !important;
}

.layui-tab-title.win-tab-title li i {
  margin-right: 5px !important;
}

.layui-tab-content {
  padding: 15px 10px !important; /* 保留你自定义的内边距 */
}


/* ==================== 表单分组差异化视觉样式（输血评价/通用复用） ==================== */
/* 基础信息分组：浅蓝主题（提高优先级） */
.layui-elem-field.layui-fieldset-basic {
    background-color: #f0f8ff !important; /* 浅蓝背景 */
    border: 1px solid #b8d8ff !important; /* 浅蓝色边框（覆盖原生） */
}
.layui-elem-field.layui-fieldset-basic legend i {
    color: #1890ff !important; /* 蓝色图标 */
}

/* 输血反应分组：浅绿主题（提高优先级） */
.layui-elem-field.layui-fieldset-reaction {
    background-color: #f0fff4 !important; /* 浅绿背景 */
    border: 1px solid #b8f0c8 !important; /* 浅绿色边框（覆盖原生） */
}
.layui-elem-field.layui-fieldset-reaction legend i {
    color: #52c41a !important; /* 绿色图标 */
}

/* 实验室指标分组：浅紫主题（提高优先级） */
.layui-elem-field.layui-fieldset-lab {
    background-color: #f9f0ff !important; /* 浅紫背景 */
    border: 1px solid #e8c8ff !important; /* 浅紫色边框（覆盖原生） */
}
.layui-elem-field.layui-fieldset-lab legend i {
    color: #722ed1 !important; /* 紫色图标 */
}

/* 疗效评价分组：浅橙主题（提高优先级） */
.layui-elem-field.layui-fieldset-effect {
    background-color: #fff7e6 !important; /* 浅橙背景 */
    border: 1px solid #ffd88c !important; /* 浅橙色边框（覆盖原生） */
}
.layui-elem-field.layui-fieldset-effect legend i {
    color: #fa8c16 !important; /* 橙色图标 */
}

/* 通用分组标题样式（复用 + 提高优先级） */
.layui-elem-field legend {
    padding: 0 10px !important;
    margin-bottom: 10px !important;
    margin-left: 5px !important;
    font-size: 12px !important;
    font-weight: bold !important;
    color: #000 !important;
}
.layui-elem-field .layui-field-box {
    padding: 0 !important;
}
/* ========== 新增1：基础款 - 黑体加粗（所有需要加粗的标签都加这个） ========== */
.font-bold-hei {
    font-family: "SimHei", "Microsoft YaHei", Arial, sans-serif !important;
    font-weight: bold !important;
}

/* ========== 新增2：必填款 - 右侧红五星（仅必填项叠加这个，依赖加粗样式） ========== */
.font-bold-hei.required-star {
    position: relative;
    padding-right: 12px !important; /* 预留五星位置，避免重叠 */
}
.font-bold-hei.required-star::after {
    content: "★";
    color: #ff0000 !important; /* 红色五星 */
    font-size: 12px !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important; /* 垂直居中 */
    font-weight: normal !important; /* 五星不加粗，仅文字加粗 */
}
/* ======================================================= */
/* ================================================================================== */
/* ================================================================================== */
/* 13. 响应式适配（ztstyle） */
@media (max-width: 1200px) { .recycle-form-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 992px) { .recycle-form-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) { .recycle-form-grid { grid-template-columns: 1fr; } }