/* Front color refresh only: keep original layout, sizes and image resources. */
:root {
  --fr-primary: #1d4ed8;
  --fr-teal: #0f766e;
  --fr-violet: #6d28d9;
  --fr-cyan: #0891b2;
  --fr-orange: #ea580c;
  --fr-soft-blue: #dbeafe;
  --fr-soft-teal: #ccfbf1;
  --fr-ink: #0f172a;
}

html.front-refresh {
  background: linear-gradient(180deg, #f8fbff 0%, #ecfeff 46%, #f9fafb 100%) !important;
}

html.front-refresh body {
  background: transparent !important;
  color: var(--fr-ink);
}

html.front-refresh a { color: #1d4ed8; }
html.front-refresh a:hover { color: var(--fr-orange); }

/* Header/nav: color only, original fixed position/height/width retained. */
html.front-refresh .header {
  background: #0f766e !important;
  background-image: linear-gradient(90deg, #0f766e, #2563eb 55%, #6d28d9) !important;
  box-shadow: 0 6px 18px rgba(15, 23, 42, .18);
}

html.front-refresh .nav {
  background: #1d4ed8 !important;
  background-image: linear-gradient(90deg, #0f766e, #2563eb 60%, #6d28d9) !important;
  border-top-color: rgba(255,255,255,.25) !important;
}

html.front-refresh .nav a,
html.front-refresh .header .bank a {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.25);
}

html.front-refresh .nav a:hover {
  background: rgba(255,255,255,.16) !important;
}

/* Section cards: color only, original spacing/radius/overflow retained. */
html.front-refresh .box {
  background: #0f766e !important;
  background-image: linear-gradient(90deg, #0f766e, #2563eb 56%, #6d28d9) !important;
  box-shadow: 0 6px 18px rgba(15, 23, 42, .10);
}

html.front-refresh .news-title {
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.25);
}

html.front-refresh .txtMarquee-left {
  color: #ffffff !important;
}

html.front-refresh .riqi {
  background: #f8fafc !important;
  color: #0f172a !important;
}

html.front-refresh .list-title,
html.front-refresh #yxym .list-title {
  color: #ffffff !important;
  background: #1d4ed8 !important;
  background-image: linear-gradient(90deg, #0f766e, #2563eb 55%, #6d28d9) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.25);
}

/* Re-tint the original inline green blocks without changing DOM/layout. */
html.front-refresh .box [style*="background: #008040" i],
html.front-refresh .box [style*="background:#008040" i],
html.front-refresh .box [style*="background-color: #008040" i],
html.front-refresh .box [style*="background-color:#008040" i],
html.front-refresh .box [style*="background-color: rgb(0, 128, 0)" i],
html.front-refresh .box [style*="background-color: #1fb61d" i],
html.front-refresh .box [style*="background-color:#1fb61d" i],
html.front-refresh .box [style*="background-color: rgb(0, 188, 0)" i],
html.front-refresh .box [style*="background-color: #00BC00" i],
html.front-refresh .box [style*="background-color:#00BC00" i],
html.front-refresh .amplIMG [style*="background-color: #92D050" i],
html.front-refresh .amplIMG [style*="background-color:#92D050" i],
html.front-refresh .amplIMG [style*="background-color: #00B050" i],
html.front-refresh .amplIMG [style*="background-color:#00B050" i] {
  background: #dbeafe !important;
  background-image: linear-gradient(90deg, #dbeafe, #ccfbf1) !important;
}

html.front-refresh .box th,
html.front-refresh .box td {
  border-color: rgba(15, 23, 42, .25) !important;
}

/* Bottom fixed nav / popup ad colors only; dimensions unchanged. */
html.front-refresh .cgi-foot-links {
  background: #ffffff !important;
  background-image: linear-gradient(180deg, #ffffff, #eff6ff) !important;
  border-top-color: rgba(37,99,235,.18) !important;
}

html.front-refresh .cgi-foot-links ul li a { color: #475569 !important; }
html.front-refresh .cgi-foot-links ul li a.hover { color: #2563eb !important; }
html.front-refresh #bar { background: #2563eb !important; }

html.front-refresh .amplBox { background-color: #ffffff !important; color: #0f172a !important; }
html.front-refresh .amplTop { background-color: #2563eb !important; }
html.front-refresh .amplTop:before { border-right-color: #2563eb !important; border-top-color: #2563eb !important; }
html.front-refresh .amplTop:after { border-left-color: #2563eb !important; border-top-color: #2563eb !important; }
html.front-refresh .amplTable { border-color: #2563eb !important; }
html.front-refresh .amplTable > div { border-bottom-color: #2563eb !important; }
html.front-refresh .amplButton { background-color: #2563eb !important; border-color: #2563eb !important; }


/* ziliao entry: paired with official-site button */
html.front-refresh .header .bank-group {
  float: right;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 8px;
  height: 54px;
  margin-top: 6px;
}
html.front-refresh .header .bank-group .bank {
  float: none !important;
  margin-top: 0 !important;
}
html.front-refresh .header .bank-link {
  display: block;
  width: 56px;
  height: 44px;
  color: #fff !important;
  font-size: 8pt;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 2px rgba(0,0,0,.25);
}
html.front-refresh .header .bank-link img {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 auto;
}
@media (max-width: 420px) {
  html.front-refresh .header .bank-group { gap: 3px; }
  html.front-refresh .header .bank-link,
  html.front-refresh .header .bank-group .bank { width: 50px; }
}