:root{
  --bg1:#eef3ff; --bg2:#dfeaff;
  --fg:#111827; --muted:#6b7280;
  --card:#ffffff; --line:#e5e7eb; --head:#f8f9fb;
  --row1:#fafafa; --row2:#f5f7fa; --hover:#eef2ff;
  --accent:#3b82f6; --shadow:rgba(15,23,42,.08);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;height:100%}
body{
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,"PingFang SC","Microsoft YaHei",sans-serif;
  color:var(--fg);
  background:linear-gradient(135deg,var(--bg1),var(--bg2));
}
header{text-align:center;padding:28px 16px 16px;}
h1{margin:0;font-size:clamp(22px,3.2vw,34px);font-weight:800;}

.main{max-width:1200px;margin:0 auto;padding:0 16px 28px;}

/* 控件区 */
.controls-card{
  background:rgba(255,255,255,.9);
  border:1px solid var(--line);
  border-radius:14px;
  padding:14px;
  box-shadow:0 4px 14px var(--shadow);
}
.controls{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:center;}
.input,.select{
  height:46px;line-height:46px;
  padding:0 14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;color:#111827;
  font-size:16px;outline:none;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
}
.input{width:clamp(320px,50vw,560px);}
.select{width:240px;}
.input:focus,.select:focus{
  border-color:var(--accent);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 28%, transparent);
}

/* 广告位 */
#ad-slot {
  margin: 14px auto 0;
  padding: 0; /* 移除内边距，避免与广告内容冲突 */
  background: transparent; /* 设置为透明背景，让广告自己决定背景 */
  text-align: center;
}

/* 响应式调整 */
@media (max-width: 768px) {
  #ad-slot {
    margin: 10px auto 0;
  }
}

/* 加载和错误状态样式 - 保留基本状态提示 */
#ad-slot.loading {
  background-color: #f5f5f5;
}

#ad-slot.error {
  background-color: #fff5f5;
}

/* 表格 */
.table-container{
  margin-top:18px;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:14px;
  box-shadow:0 10px 28px var(--shadow);
  overflow-x:auto; overflow-y:visible; /* 允许横向滚动 */
}
table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  min-width:860px;
}
th,td{
  padding:12px 16px;
  border-bottom:1px solid var(--line);
  text-align:left;
  vertical-align:top;
}
td{ /* 数据允许换行，避免小屏溢出 */
  overflow-wrap:anywhere;
  white-space:normal;
}
th{ /* 表头强制单行显示（PC 不会“Alpha-2”断成两行） */
  white-space:nowrap;
  word-break:keep-all;
  hyphens:none;
  overflow-wrap:normal;
}
th:first-child,td:first-child{text-align:center;}

/* 斑马纹 & hover */
tbody tr:nth-child(odd){background:var(--row1);}
tbody tr:nth-child(even){background:var(--row2);}
tbody tr:hover{background:var(--hover);}

/* 英文界面隐藏“英文简称”列 */
.table-container.hide-short th:nth-child(3),
.table-container.hide-short td:nth-child(3){display:none;}

/* 小屏 */
@media (max-width:768px){
  table{table-layout:fixed;width:100%;min-width:auto;}
  th:nth-child(3),td:nth-child(3){display:none;} /* 小屏也隐藏英文简称 */
  th,td{padding:10px 12px;}
  .controls{flex-direction:column;align-items:stretch;}
  .input,.select{width:100%;}
}

/* 浮动表头（V2思路：固定在页面顶端，列宽 & 横向滚动同步） */
.floating-header{
  position:fixed;
  top:0; /* 页面最顶端 */
  z-index:1000;
  background:var(--head);
  box-shadow:0 2px 4px rgba(0,0,0,0.08);
  display:none;
  overflow:hidden; /* 结合 translateX 做横向对齐 */
  border-bottom:1px solid var(--line);
  border-radius:0 0 10px 10px;
}
.floating-header .fh-inner{
  will-change:transform;
}
.floating-header table{
  border-collapse:separate;
  border-spacing:0;
}
.floating-header th{
  padding:12px 16px;
  border-bottom:1px solid var(--line);
  background:var(--head);
  white-space:nowrap;
  word-break:keep-all;
  hyphens:none;
  overflow-wrap:normal;
}

.floating-header.hide-short th:nth-child(3){display:none;}

.flag-rail{
  position:fixed; top:50%; transform:translateY(-50%);
  display:flex; flex-direction:column; gap:10px;
  z-index:1100; pointer-events:auto;
}
.flag-rail.left{ left:10px; }
.flag-rail.right{ right:10px; }
.flag-btn{
  width:36px; height:26px; padding:0; border:1px solid rgba(0,0,0,.1);
  border-radius:6px; background:#fff; cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,.1); display:grid; place-items:center;
}
.flag-btn img{ width:100%; height:100%; display:block; border-radius:4px; }
.flag-btn.active{ outline:2px solid #3b82f6; outline-offset:2px; }
.flag-btn:focus-visible{ outline:2px solid #3b82f6; outline-offset:2px; }
@media (max-width: 768px){ .flag-rail{ display:none; } }

/* Small-screen title + table header tweaks */
@media (max-width: 768px) {
  h1, .page-title, .title {
    font-size: 1.25rem !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    margin: 0.6rem 0 !important;
  }
  table thead th {
    font-weight: 500 !important;
    font-size: 0.9rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    position: static !important; /* avoid sticky header overlap on very small screens */
  }
  table {
    table-layout: auto !important;
  }
}

.flag-rail{
  position:fixed; top:50%; transform:translateY(-50%);
  display:flex; flex-direction:column; gap:10px;
  z-index:1100; pointer-events:auto;
}
.flag-rail.left{ left:10px; }
.flag-rail.right{ right:10px; }
.flag-btn{
  width:36px; height:26px; padding:0; border:1px solid rgba(0,0,0,.1);
  border-radius:6px; background:#fff; cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,.1); display:grid; place-items:center;
}
.flag-btn img{ width:100%; height:100%; display:block; border-radius:4px; }
.flag-btn.active{ outline:2px solid #3b82f6; outline-offset:2px; }
@media (max-width: 768px){
  .flag-rail{ display:none; } /* hide rails on very small screens */
}

@media (max-width: 768px) {
  table { font-size: 0.85rem !important; }
  thead th, tbody td { padding: 4px 6px !important; }
  thead th:first-child, tbody td:first-child { display: none !important; } /* hide SN col */
  thead th, tbody td { white-space: normal !important; }
  h1, .page-title, .title { font-size: 1.2rem !important; font-weight: normal !important; line-height: 1.3 !important; }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* 修复序号列换行问题 */
table tbody td:first-child {
  white-space: nowrap !important;
  width: 40px;
  min-width: 40px;
  text-align: center;
}

/* 小屏幕样式调整 */
@media (max-width: 768px) {
  /* 保留现有的其他样式 */
  
  /* 修改小屏幕下的序号列样式 */
  table tbody td:first-child {
    white-space: nowrap !important;
    width: 35px;
    min-width: 35px;
    padding: 4px 2px !important;
  }
  
  /* 原有的white-space样式改为不影响序号列 */
  thead th:not(:first-child), tbody td:not(:first-child) { 
    white-space: normal !important; 
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Override: enable global sticky header on full page scroll (>=481px) === */
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}
@media (min-width: 481px){
  thead th{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: var(--head) !important;
  }
}

/* === Over