/*__UI_PATCH_HEADER_SPACING__*/
html,body{margin:0;padding:0;}

/* ===== Header overall ===== */
.header{
  margin:0 !important;
  padding:10px 16px !important;
  min-height:64px !important;
}
.header .brand{align-items:center !important;}

/* Logo size (make a bit smaller than now) */
.header img{max-height:48px; height:auto; width:auto;}
@media (max-width: 600px){
  .header img{max-height:42px;}
}

/* ===== Desktop: reduce extra whitespace ===== */
@media (min-width: 901px){
  .header{
    padding-top:6px !important;
    padding-bottom:6px !important;
    min-height:56px !important;
  }
  /* reduce big blank area under header */
  .container{padding-top:14px !important;}
}

/* ===== Mobile: show some blue background under header (gap) ===== */
@media (max-width: 900px){
  .container{padding-top:10px !important;}
  .container > *:first-child{margin-top:10px !important;} /* blue background shows here */
}

/* ===== Mobile: language dropdown narrower + buttons smaller ===== */
@media (max-width: 600px){
  /* try to match your language select id */
  #langSelect,
  select[id*="lang"],
  .lang-select select{
    min-width:72px !important;
    padding:8px 22px 8px 10px !important;
    font-size:13px !important;
  }

  .header .btn,
  .header button{
    padding:8px 10px !important;
    font-size:13px !important;
  }
}

/*__UI_PATCH_BLUE_ACCENT__*/
:root{
  --hc-blue:#2f6fe4;          /* 主蓝色 */
  --hc-blue-soft:rgba(47,111,228,.18);
}

/* 1) 语言下拉框：边框/文字/箭头显示蓝色 */
#langSelect,
select[id*="lang"],
.lang-select select,
.header select{
  border:1px solid var(--hc-blue) !important;
  color:var(--hc-blue) !important;
  background-color:#fff !important;
}
#langSelect:focus,
select[id*="lang"]:focus,
.lang-select select:focus,
.header select:focus{
  outline:none !important;
  box-shadow:0 0 0 3px var(--hc-blue-soft) !important;
}

/* 尽量覆盖不同实现的下拉箭头颜色（不同浏览器支持不同） */
.header select{
  accent-color: var(--hc-blue);
}

/* 2) 滑块圆点：用 accent-color（现代浏览器） */
input[type="range"]{
  accent-color: var(--hc-blue);
}

/* 兜底：WebKit (Chrome/Safari) 滑块 thumb */
input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  width:18px; height:18px;
  border-radius:50%;
  background:var(--hc-blue) !important;
  border:2px solid #fff !important;
  box-shadow:0 0 0 2px var(--hc-blue-soft) !important;
}

/* 兜底：Firefox thumb */
input[type="range"]::-moz-range-thumb{
  width:18px; height:18px;
  border-radius:50%;
  background:var(--hc-blue) !important;
  border:2px solid #fff !important;
  box-shadow:0 0 0 2px var(--hc-blue-soft) !important;
}

/* 让滑轨也稍微带点蓝（可选） */
input[type="range"]::-webkit-slider-runnable-track{
  height:4px;
  border-radius:999px;
}
input[type="range"]::-moz-range-track{
  height:4px;
  border-radius:999px;
}