/* 360智见 GEO - 首页（老项目嵌入版）
 * 说明：为避免影响老项目已有的头部/尾部样式，所有重置只在 .geo-scope 内生效，
 * 并用 :where() 让重置的特异度为 0，保证 tailwind 工具类仍能正常覆盖。
 */
.geo-scope {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  /* 锁死基础字号，避免继承老项目 body 上的小字号 */
  font-size: 16px;
  line-height: 1.5;
  color: #0f172a;
}

.geo-scope ::selection {
  background: #a7f3d0;
  color: #064e3b;
}

/* ===== 局部重置（等价于 tailwind preflight 的常用部分） ===== */
.geo-scope :where(h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd) {
  margin: 0;
}
.geo-scope :where(h1, h2, h3, h4, h5, h6) {
  font-size: inherit;
  font-weight: inherit;
}
/* 防御老项目类似 div{font-size:12px} 的全局标签样式渗进来；
   特异性低于后加载的 tailwind 工具类，因此带类名的元素仍以工具类为准 */
.geo-scope :where(div, span, p, li, td, th, section, article, main, a, label, figcaption) {
  font-size: inherit;
  line-height: inherit;
}
.geo-scope :where(ul, ol) {
  margin: 0;
  padding: 0;
  list-style: none;
}
.geo-scope :where(a) {
  color: inherit;
  text-decoration: none;
}
.geo-scope :where(button, input, select, textarea) {
  font-family: inherit;
  font-size: 100%;
  line-height: inherit;
  margin: 0;
}
.geo-scope :where(button) {
  background: none;
  border: 0;
  padding: 0;
  color: inherit;
  cursor: pointer;
}
.geo-scope :where(img, svg, video, canvas) {
  display: block;
  max-width: 100%;
}
.geo-scope :where(table) {
  border-collapse: collapse;
}

/* ===== 页面自有样式 ===== */
.geo-scope .ico {
  display: inline-block;
  vertical-align: middle;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* 英雄区柱状图容器 */
.geo-scope #hero-chart > div {
  position: relative;
}
.geo-scope #hero-chart > div > span {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #10b981;
  border-radius: 2px 2px 0 0;
  transition: background 0.3s;
}
.geo-scope #hero-chart > div:hover > span {
  background: #34d399;
}

/* CTA 背景光晕（不依赖外部图片） */
.geo-scope .cta-glow {
  background: radial-gradient(ellipse at center, rgba(16, 185, 129, 0.18) 0%, transparent 70%);
}
