/* ============================================================
   【统一样式层】耗材二部系统中心
   统一各系统/门户的视觉基调、顶栏（深蓝）、返回主页按钮。
   各页面按需引入本文件。
   ============================================================ */

:root {
  --ui-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  --ui-brand: #ba9b61;
  --ui-brand-2: #1150c9;
  --ui-ink-deep: #c9ad79;
  --transition: .25s cubic-bezier(.4, 0, .2, 1);
}

body {
  font-family: var(--ui-font);
  -webkit-font-smoothing: antialiased;
}

/* —— 统一的"返回系统中心"按钮 —— */
.back-home {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #fff;
  background: rgba(255, 255, 255, .13);
  border: 1px solid rgba(255, 255, 255, .32);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22);
  padding: 8px 16px;
  border-radius: 999px;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
  transition: background var(--transition), color var(--transition), transform var(--transition), box-shadow var(--transition);
  cursor: pointer;
}
.back-home svg { width: 16px; height: 16px; flex-shrink: 0; }
.back-home:hover {
  background: #fff;
  color: var(--ui-brand);
  transform: translateX(-1px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, .18);
}

/* —— 品牌区（logo + 返回按钮）水平排列 —— */
.header-group {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

/* ============================================================
   深蓝渐变顶栏统一
   ============================================================ */
.site-header {
  background: linear-gradient(90deg, var(--ui-ink-deep), var(--ui-brand) 55%, var(--ui-brand-2));
  border-bottom: none !important;
}
.site-header .logo { color: #fff; }
.site-header .logo-icon { color: #8fb4ff; }
.site-header .header-nav .nav-link { color: #dbe6ff; }
.site-header .header-nav .nav-link:hover { color: #fff; }
.site-header .header-nav .search-box { background: rgba(255, 255, 255, .14); }
.site-header .header-nav .search-box .search-icon { color: #cfe0ff; }
.site-header .header-nav .search-box input { color: #fff; background: transparent; }
.site-header .header-nav .search-box input::placeholder { color: rgba(255, 255, 255, .6); }
.site-header .nav-upload.btn-primary {
  background: rgba(255, 255, 255, .16);
  color: #fff;
  box-shadow: none;
  border: 1px solid rgba(255, 255, 255, .25);
}
.site-header .nav-upload.btn-primary:hover { background: #fff; color: var(--ui-brand); }

/* —— 窄屏：返回按钮仅保留图标 —— */
@media (max-width: 768px) {
  .back-home span { display: none; }
  .back-home { padding: 7px 12px; font-size: 12.5px; }
}