:root {
  --header-brand-text: #172B4D;
  --header-page-text: #315B8A;
  --header-divider: #D7E0EA;
}

/* 首次自适应完成前隐藏固定画布，避免页面先按 1920×1080 闪现后再缩放。 */
html,
body {
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.canvas {
  visibility: hidden !important;
}

.canvas.viewport-fit-ready {
  visibility: visible !important;
}

.global-titlebar {
  position: absolute !important;
  inset: auto !important;
  left: 18px !important;
  top: 6px !important;
  width: 1884px !important;
  height: 70px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: hidden !important;
}

.global-titlebar::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 480px;
  bottom: 0;
  width: 310px;
  height: 58px;
  background: url("./标题栏装饰.svg") center bottom / contain no-repeat;
  opacity: .42;
  pointer-events: none;
}

.global-titlebar .brand,
.global-titlebar .brand-lockup {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  min-width: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

.global-titlebar .brand::before,
.global-titlebar .brand-lockup::before {
  content: "";
  width: 52px;
  height: 52px;
  margin-right: 12px;
  flex: 0 0 auto;
  background: url("./集团标志.svg") center / contain no-repeat;
}

.global-titlebar .brand > .logo,
.global-titlebar .brand > .brand-logo,
.global-titlebar .brand > .brand-mark,
.global-titlebar .brand > .finance-brand-logo,
.global-titlebar .brand-lockup > .logo,
.global-titlebar .brand-lockup > .brand-logo,
.global-titlebar .brand-lockup > .brand-mark,
.global-titlebar .brand-lockup > .finance-brand-logo {
  display: none !important;
}

.global-titlebar .brand-name {
  margin: 0 !important;
  color: var(--header-brand-text) !important;
  font-size: 29px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.global-titlebar .divider,
.global-titlebar .brand-divider {
  display: none !important;
}

.global-titlebar .page-title {
  position: relative !important;
  margin: 0 0 0 41px !important;
  padding-left: 0 !important;
  border-left: 0 !important;
  color: var(--header-page-text) !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.global-titlebar .page-title::before {
  content: "";
  position: absolute;
  left: -21px;
  top: 50%;
  width: 1px;
  height: 24px;
  background: var(--header-divider);
  transform: translateY(-50%);
}

.global-titlebar > .skyline,
.global-titlebar > .header-decoration {
  display: none !important;
}

.global-titlebar .filters,
.global-titlebar .header-controls {
  position: absolute !important;
  z-index: 4 !important;
  left: auto !important;
  right: 24px !important;
  top: 13px !important;
  width: 1048px !important;
  height: 44px !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: 330px 140px 130px 190px 92px 86px !important;
  gap: 16px !important;
  align-items: center !important;
  color: #273A55 !important;
  font-size: 16px !important;
  white-space: nowrap !important;
}

.global-titlebar:has(#data-filter) .filters {
  grid-template-columns: 330px 180px 150px 150px 72px 86px !important;
}

.global-titlebar:has(.brand-lockup) .filters,
.global-titlebar:has(.filter-control[aria-label="选择单位口径"]) .filters {
  grid-template-columns: 330px 130px 120px 160px 142px 86px !important;
}

.global-titlebar .filter-label,
.global-titlebar .control-label {
  height: 44px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
  font-weight: 500 !important;
}

.global-titlebar select {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 42px !important;
  box-sizing: border-box !important;
}

.global-titlebar select[aria-label="期间"] {
  padding-right: 30px !important;
}

.global-titlebar .filter-control {
  width: 100% !important;
  height: 42px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.global-titlebar .unit-label,
.global-titlebar .header-unit {
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 部分高密度单文件页面把原样式写在 link 之后，用更高 specificity 保证统一规范生效。 */
html body .global-titlebar {
  left: 18px !important;
  top: 6px !important;
  width: 1884px !important;
  height: 70px !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body .global-titlebar .filters,
html body .global-titlebar .header-controls {
  top: 13px !important;
  grid-template-columns: 330px 140px 130px 190px 92px 86px !important;
}

html body .global-titlebar:has(#data-filter) .filters {
  grid-template-columns: 330px 180px 150px 150px 72px 86px !important;
}

html body .global-titlebar:has(.brand-lockup) .filters,
html body .global-titlebar:has(.filter-control[aria-label="选择单位口径"]) .filters {
  grid-template-columns: 330px 130px 120px 160px 142px 86px !important;
}

html body .global-titlebar .filter-label,
html body .global-titlebar .control-label {
  height: 44px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
}

html body .global-titlebar select {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 42px !important;
}

html body .global-titlebar .unit-label,
html body .global-titlebar .header-unit {
  height: 44px !important;
}

/* 精简标题层级，保留原有标题栏和筛选区位置。 */
html body .global-titlebar::after { display: none; }
html body .global-titlebar .brand::before,
html body .global-titlebar .brand-lockup::before {
  width: 40px;
  height: 40px;
  margin-right: 14px;
}
html body .global-titlebar .brand-name {
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-size: 26px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  color: #203753 !important;
}
html body .global-titlebar .page-title {
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif !important;
  margin-left: 34px !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  letter-spacing: .5px !important;
  color: #526b88 !important;
}
html body .global-titlebar .page-title::before {
  left: -18px;
  height: 20px;
  background: #dce5ee;
}
html body .global-titlebar .update-pill {
  border-color: transparent !important;
  background: transparent !important;
  color: #718198 !important;
  font-weight: 400 !important;
}

/* 半透明玻璃标题栏与统一蓝白光影底图；不改变原有元素尺寸和定位。 */
html body .canvas {
  background:
    radial-gradient(ellipse 780px 320px at 18% -5%, rgba(75,146,235,.32), transparent 75%),
    radial-gradient(ellipse 720px 300px at 65% -3%, rgba(141,188,255,.34), transparent 74%),
    radial-gradient(ellipse 620px 360px at 104% 7%, rgba(77,194,218,.25), transparent 72%),
    radial-gradient(ellipse 880px 490px at -12% 85%, rgba(132,184,248,.19), transparent 74%),
    linear-gradient(155deg, #edf5ff 0%, #f6faff 44%, #edf7ff 78%, #f8fcff 100%) !important;
}
html body .canvas > .blob { opacity: .28; }
html body .canvas > .skyline { display: none; }
html body .canvas::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 330px;
  pointer-events: none;
  background:
    radial-gradient(ellipse 850px 155px at 56% -22%, transparent 97.5%, rgba(255,255,255,.52) 98%, transparent 99%),
    radial-gradient(ellipse 920px 200px at 63% -25%, transparent 97.8%, rgba(255,255,255,.30) 98.2%, transparent 99%),
    linear-gradient(112deg, transparent 27%, rgba(255,255,255,.3) 42%, transparent 60%);
}
html body .global-titlebar {
  background: linear-gradient(115deg, rgba(255,255,255,.52), rgba(248,252,255,.35) 52%, rgba(255,255,255,.49)) !important;
  backdrop-filter: blur(26px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(26px) saturate(140%) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.78), inset 0 1px 0 rgba(255,255,255,.92), 0 6px 24px rgba(54,104,170,.07) !important;
}
html body .global-titlebar select,
html body .global-titlebar .filter-control {
  background: rgba(255,255,255,.43) !important;
  border-color: rgba(255,255,255,.82) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 1px 4px rgba(41,88,150,.035);
}
html body .global-titlebar select:focus-visible {
  outline: 2px solid rgba(35,116,226,.6) !important;
  outline-offset: 2px;
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  html body .global-titlebar { background: rgba(244,249,255,.88) !important; }
}

/* 全站统一楷体：覆盖各单页、表单控件、SVG图表和悬浮提示的字体声明。 */
:root {
  --tjt-font-kaiti: "Kaiti SC", "KaiTi", "楷体", "STKaiti", "华文楷体", "Kaiti TC", serif;
  --qianse-font-sans: var(--tjt-font-kaiti);
  --qianse-font-num: var(--tjt-font-kaiti);
}
:root:root:root body,
:root:root:root body *,
:root:root:root body *::before,
:root:root:root body *::after {
  font-family: var(--tjt-font-kaiti) !important;
}