/* 喵数据全站界面修整 · 2026-10-19
   共享层只收敛品牌、阅读层级、控件和窄屏行为；数据图表与专题结构仍由各页负责。 */

:root{
  --page-max:1480px;
  --surface-1:#0A1120;
  --surface-2:#0D1627;
  --surface-3:#111C2F;
  --stroke-soft:rgba(149,177,220,.14);
  --stroke-strong:rgba(149,177,220,.24);
}

html{scroll-padding-top:84px}
body{
  color:var(--ink,#F2F6FC);
  background-color:var(--bg,#05070F);
  font-family:var(--font,"Inter","HarmonyOS Sans SC","PingFang SC","Microsoft YaHei",sans-serif);
}

/* 主导航统一为轻量、可读的站点框架 */
.nav{
  background:rgba(5,9,18,.92);
  border-bottom:1px solid rgba(149,177,220,.12);
  -webkit-backdrop-filter:blur(18px) saturate(1.2);
  backdrop-filter:blur(18px) saturate(1.2);
}
.nav-inner{
  width:100%;max-width:1680px;margin-inline:auto;
  padding-inline:clamp(16px,3vw,42px);
  min-height:66px;
}
.nav-brand{text-decoration:none}
.nav-logo{background:transparent!important}
.nav-logo img{filter:drop-shadow(0 2px 8px rgba(0,122,251,.2))}
.brand-txt h1{font-weight:700;letter-spacing:.01em}
.brand-txt p{letter-spacing:.02em}
.nav-link{font-size:13px;letter-spacing:0;color:#BAC6D8}
.nav-link:hover{background:rgba(82,219,253,.055);color:#F3F8FF}
.nav-link.active{color:var(--ice,#52DBFD)}
.nav-link::after{height:1px;bottom:1px;opacity:.75}
html.mm-home .nav-links{display:flex!important}
.drop-menu{
  border-color:rgba(149,177,220,.16);
  background:rgba(7,12,23,.97);
  box-shadow:0 24px 64px rgba(0,0,0,.52);
}

/* 河北频道保留原有频道链接，作为主导航下的二级目录 */
.hebei-subnav-wrap{
  position:relative;z-index:20;
  border-bottom:1px solid rgba(149,177,220,.1);
  background:rgba(8,13,24,.86);
}
.hebei-subnav{
  max-width:var(--page-max);min-height:43px;margin:auto;padding:0 clamp(16px,3vw,42px);
  display:flex;align-items:center;gap:20px;overflow-x:auto;scrollbar-width:none;
}
.hebei-subnav::-webkit-scrollbar{display:none}
.hebei-subnav-title{flex:none;color:#71829D;font-size:11px;font-weight:700;letter-spacing:.12em}
.hebei-local-links{display:flex;align-items:center;gap:4px;min-width:max-content}
.hebei-local-links a{
  display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border-radius:6px;
  color:#9EACC0;font-size:12.5px;text-decoration:none;white-space:nowrap;
  transition:color .16s ease,background .16s ease;
}
.hebei-local-links a:hover,.hebei-local-links a.active{color:#EAF6FF;background:rgba(82,219,253,.075)}
.hebei-local-links a.active{box-shadow:inset 0 -1px var(--ice,#52DBFD)}
/* 统一内容宽度与区块边界，不挪动图表内部布局 */
:is(.wrap,.container,.page-wrap,.content-wrap){max-width:var(--page-max)}
:is(.sec-head h3,.sec-title,.page-title,.section-title){text-wrap:pretty}
:is(.sec-head p,.sec-sub,.page-subtitle){color:var(--ink3,#8B99AE)}

/* 数据卡片采用平静的表面层级，避免交互时整页抖动 */
:is(.mod-card,.ph-card,.kpi-card,.news-card,.about-card,.bd-card,.bp-card,.pcard,.feat,.card){
  border-color:var(--stroke-soft);
  box-shadow:0 14px 38px rgba(0,0,0,.24);
}
:is(.mod-card,.news-card,.about-card,.bd-card,.bp-card,.pcard):hover{
  transform:none;
  border-color:var(--stroke-strong);
  box-shadow:0 18px 42px rgba(0,0,0,.32);
}
:is(.ph-card,.kpi-card):hover{border-color:var(--stroke-strong)}

/* 表格、搜索与选择控件保持足够对比度 */
:is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  color:var(--ink,#F2F6FC);
  accent-color:var(--brand,#007AFB);
}
:is(input:not([type="checkbox"]):not([type="radio"]),select,textarea)::placeholder{color:#718099}
:is(.dt,table){font-variant-numeric:tabular-nums}
.dt thead th{position:sticky;top:0;z-index:2}
:is(.dt,table) tbody tr:hover{background-color:rgba(82,219,253,.045)}

/* 宏观看板的四张分布统计卡固定为同一行列，避免中位数卡跨满整行 */
.kpis#kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.kpis#kpis>.kpi{grid-column:auto!important;min-width:0}
@media(max-width:1100px){.kpis#kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.kpis#kpis{grid-template-columns:1fr}}

/* 键盘与触屏 */
:focus-visible{outline-color:var(--ice,#52DBFD);outline-offset:3px}
button,a,[role="button"]{-webkit-tap-highlight-color:rgba(82,219,253,.12)}

@media(max-width:1000px){
  .nav-inner{gap:12px;padding-inline:16px}
  .nav-inner .nav-links{flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}
  .nav-inner .nav-links::-webkit-scrollbar{display:none}
  .nav-link{padding-inline:9px}
}
@media(max-width:1024px){
  html.mm-home .nav-links{display:flex!important}
  html.mm-home .nav-burger{display:none!important}
}
@media(max-width:640px){
  html{scroll-padding-top:72px}
  .nav-inner{min-height:60px;padding-inline:12px;gap:8px}
  .nav-logo{width:32px;height:32px}
  .brand-txt p{display:none}
  .nav-link{font-size:12px;padding:7px 8px}
  .hebei-subnav{padding-inline:12px;gap:10px}
  .hebei-local-links a{padding-inline:9px;font-size:12px}
  :is(.wrap,.container,.page-wrap,.content-wrap){padding-inline:14px}
}