/* ===== 河州时代科技 — 视觉增强样式 ===== */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;500;600;700&family=ZCOOL+XiaoWei&display=swap');

/* ── 全局变量覆盖 ── */
:root {
  --brand-primary: #0d7a6b;
  --brand-dark: #084f46;
  --brand-light: #e6f7f4;
  --brand-accent: #43ba7f;
  --brand-gold: #c8a84b;
  --text-primary: #1a2332;
  --text-secondary: #4a6274;
  --surface-1: #f8fcfb;
  --surface-card: #ffffff;
  --border-subtle: rgba(13,122,107,0.12);
  --shadow-sm: 0 2px 12px rgba(13,122,107,0.08);
  --shadow-md: 0 6px 28px rgba(13,122,107,0.13);
  --shadow-lg: 0 16px 48px rgba(13,122,107,0.18);
  --radius-card: .16rem;
  --transition: 0.28s cubic-bezier(0.4,0,0.2,1);
}

/* ── 基础字体 ── */
body, .div, .div98, .div111, .div136, .div162, .div187 {
  font-family: 'Noto Serif SC', 'Alibaba PuHuiTi 20', serif !important;
  color: var(--text-primary);
  -webkit-font-smoothing: antialiased;
}

/* ── 页面入场动画 ── */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(.18rem); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes slideRight {
  from { opacity: 0; transform: translateX(-.2rem); }
  to   { opacity: 1; transform: translateX(0); }
}
@keyframes shimmer {
  0%   { background-position: -200% center; }
  100% { background-position: 200% center; }
}
@keyframes pulse-ring {
  0%   { box-shadow: 0 0 0 0 rgba(13,122,107,0.3); }
  70%  { box-shadow: 0 0 0 .08rem rgba(13,122,107,0); }
  100% { box-shadow: 0 0 0 0 rgba(13,122,107,0); }
}

.topnavigation-parent { animation: fadeIn .4s ease both; }
.frame-group          { animation: fadeUp .6s .1s ease both; }
.component-6-parent   { animation: fadeUp .6s .2s ease both; }
.frame-parent1        { animation: fadeUp .6s .3s ease both; }
.frame-parent6_wrap   { animation: fadeUp .6s .4s ease both; }
.frame-parent22       { animation: fadeIn .6s .5s ease both; }

/* ── 顶部导航栏（早期规则已合并到下方统一导航区，此处清空） ── */
.x-1-icon:hover { transform: scale(1.04); }

/* ── Hero 区域 ── */
.frame-group {
  background: linear-gradient(160deg, #e8f7f4 0%, #f0faf7 40%, #f8fcfb 70%, #fff 100%) !important;
  position: relative;
  overflow: hidden;
}
.frame-group::before {
  content: '';
  position: absolute;
  top: -.5rem; right: -.3rem;
  width: 2rem; height: 2rem;
  background: radial-gradient(circle, rgba(67,186,127,0.12) 0%, transparent 70%);
  pointer-events: none;
}
.frame-group::after {
  content: '';
  position: absolute;
  bottom: -.3rem; left: -.2rem;
  width: 1.5rem; height: 1.5rem;
  background: radial-gradient(circle, rgba(13,122,107,0.08) 0%, transparent 70%);
  pointer-events: none;
}

/* Hero 主标题 */
.frame-div .div5 {
  font-family: 'Noto Serif SC', serif !important;
  font-weight: 600 !important;
  font-size: .3rem !important;
  color: var(--brand-dark) !important;
  letter-spacing: -.01em;
  line-height: 1.3;
}
.frame-div .div7 {
  font-family: 'Noto Serif SC', serif !important;
  font-size: .22rem !important;
  color: var(--text-secondary) !important;
  font-weight: 300 !important;
}

/* 视频容器圆角增强 */
.video1, .video2, .video3 {
  box-shadow: var(--shadow-md);
}

/* ── 行业解决方案标语 ── */
.component-6-parent {
  padding: .3rem .2rem .25rem !important;
}
.div9 {
  font-family: 'Noto Serif SC', serif !important;
  font-size: .15rem !important;
  color: var(--text-secondary) !important;
  letter-spacing: .04em;
  position: relative;
  text-align: center;
}
.div9::after {
  content: '';
  display: block;
  width: .4rem;
  height: 2px;
  background: linear-gradient(90deg, var(--brand-primary), var(--brand-accent));
  margin: .1rem auto 0;
  border-radius: 2px;
}

/* ── 平台服务卡片 ── */
.frame-parent1 {
  padding: 0 .16rem !important;
  gap: .14rem !important;
}

.container .div5 {
  font-family: 'Noto Serif SC', serif !important;
  font-size: .22rem !important;
  font-weight: 600 !important;
  color: var(--brand-dark) !important;
  padding: .1rem .16rem .06rem;
  position: relative;
}
.container .div5::before {
  content: '';
  position: absolute;
  left: .16rem; bottom: 0;
  width: .28rem; height: .03rem;
  background: linear-gradient(90deg, var(--brand-primary), var(--brand-accent));
  border-radius: 2px;
}

/* 政府卡片 */
.frame-wrapper1 {
  background: linear-gradient(135deg, #fff9fb 0%, #fff 100%) !important;
  border-radius: var(--radius-card) !important;
  border: 1px solid rgba(236,143,162,0.2) !important;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition);
}
.frame-wrapper1:hover {
  transform: translateY(-.04rem);
  box-shadow: var(--shadow-md);
  border-color: rgba(236,143,162,0.4) !important;
}

/* 企业卡片 */
.frame-parent3 {
  background: linear-gradient(135deg, #edfffe 0%, #f5fffe 100%) !important;
  border-radius: var(--radius-card) !important;
  border: 1px solid rgba(157,234,229,0.3) !important;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition);
}
.frame-parent3:hover {
  transform: translateY(-.04rem);
  box-shadow: var(--shadow-md);
}

/* 个人卡片 */
.frame-parent5 {
  background: linear-gradient(135deg, #ffffec 0%, #fefffa 100%) !important;
  border-radius: var(--radius-card) !important;
  border: 1px solid rgba(225,225,153,0.3) !important;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition);
}
.frame-parent5:hover {
  transform: translateY(-.04rem);
  box-shadow: var(--shadow-md);
}

/* 卡片小标题 */
.div12, .div6 {
  font-family: 'Noto Serif SC', serif !important;
  font-weight: 600 !important;
  color: var(--brand-dark) !important;
}
.hro {
  font-family: 'Noto Serif SC', serif !important;
  font-weight: 500 !important;
  color: var(--text-primary) !important;
}
.div13 {
  font-family: 'Noto Serif SC', serif !important;
  font-weight: 500 !important;
  color: var(--text-primary) !important;
}
.div14, .div16, .div20, .div21, .div23, .div24, .div27 {
  color: var(--text-secondary) !important;
  line-height: 1.7 !important;
}

/* 左侧装饰线增强 */
.frame { border-left-width: 2px !important; border-left-color: rgba(236,143,162,0.6) !important; }
.wrapper4 { border-left-width: 2px !important; border-left-color: rgba(157,234,229,0.8) !important; }
.wrapper8 { border-left-width: 2px !important; border-left-color: rgba(225,225,153,0.8) !important; }

/* ── 成功案例区 ── */
.frame-parent6_wrap {
  padding: 0 .16rem !important;
  gap: .2rem !important;
}
.frame-parent6 {
  background: linear-gradient(145deg, #f8fcfb 0%, #ffffff 100%) !important;
  border-radius: var(--radius-card) !important;
  border: 1px solid var(--border-subtle) !important;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition);
  overflow: hidden;
  position: relative;
}
.frame-parent6::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: .03rem;
  background: linear-gradient(90deg, var(--brand-primary), var(--brand-accent));
  border-radius: var(--radius-card) var(--radius-card) 0 0;
}
.frame-parent6:hover {
  transform: translateY(-.04rem);
  box-shadow: var(--shadow-md);
  border-color: rgba(13,122,107,0.22) !important;
}

/* 区域标题 */
.div5 {
  font-family: 'Noto Serif SC', serif !important;
}
.div29 {
  font-family: 'Noto Serif SC', serif !important;
  color: var(--text-secondary) !important;
  font-size: .14rem !important;
  line-height: 1.6;
}

/* call-made 列表 */
.call-made-parent {
  border-top-color: var(--border-subtle) !important;
}
.call-made-icon {
  filter: drop-shadow(0 1px 2px rgba(13,122,107,0.2));
}
.div30, .div32 {
  color: var(--text-secondary) !important;
  line-height: 1.7 !important;
  font-size: .13rem !important;
}

/* 成功案例标签卡片 */
.parent6 {
  background: linear-gradient(120deg, rgba(230,247,244,0.6) 0%, rgba(240,255,250,0.8) 100%) !important;
  border: 1px solid rgba(13,122,107,0.15) !important;
  border-radius: .1rem !important;
  transition: all var(--transition);
}
.parent6:hover {
  background: linear-gradient(120deg, rgba(13,122,107,0.08) 0%, rgba(67,186,127,0.08) 100%) !important;
  border-color: rgba(13,122,107,0.3) !important;
}
.div34 {
  font-family: 'Noto Serif SC', serif !important;
  font-weight: 600 !important;
  color: var(--brand-dark) !important;
}

/* 了解更多按钮 */
.component-8 {
  background: linear-gradient(135deg, var(--brand-primary), var(--brand-accent)) !important;
  border: none !important;
  border-radius: .22rem !important;
  box-shadow: 0 4px 14px rgba(13,122,107,0.35) !important;
  transition: all var(--transition) !important;
}
.component-8:hover {
  transform: translateY(-.03rem) scale(1.03) !important;
  box-shadow: 0 6px 20px rgba(13,122,107,0.45) !important;
}
.component-8 .div5 {
  color: #fff !important;
  font-size: .12rem !important;
}

/* 图片圆角增强 */
.image-7-icon {
  box-shadow: var(--shadow-md);
  transition: transform var(--transition);
}
.image-8:hover .image-7-icon {
  transform: scale(1.02);
}

/* ── 页脚 ── */
.frame-parent22 {
  background: linear-gradient(160deg, #0d2e28 0%, #082b24 50%, #041c18 100%) !important;
  padding: .44rem .2rem .28rem !important;
  position: relative;
  overflow: hidden;
}
.frame-parent22::before {
  content: '';
  position: absolute;
  top: -.8rem; right: -.5rem;
  width: 2.5rem; height: 2.5rem;
  background: radial-gradient(circle, rgba(67,186,127,0.1) 0%, transparent 65%);
  pointer-events: none;
}
.frame-parent22::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: .03rem;
  background: linear-gradient(90deg, transparent, var(--brand-accent), transparent);
}
.parent11 { color: rgba(255,255,255,0.85) !important; }
.frame-parent23 .div5,
.frame-parent23 .div71 {
  color: rgba(255,255,255,0.85) !important;
  font-family: 'Noto Serif SC', serif !important;
}
.distance-icon, .call-parent .distance-icon {
  filter: brightness(0) invert(1) opacity(0.75);
}
.recruitworkaicomcn {
  color: rgba(67,186,127,0.85) !important;
  transition: color var(--transition);
}
.recruitworkaicomcn:hover {
  color: var(--brand-accent) !important;
}
.div73 {
  color: rgba(255,255,255,0.7) !important;
  font-size: .12rem !important;
  font-family: 'Noto Serif SC', serif !important;
}
.image-16-icon {
  border-radius: .1rem;
  border: 2px solid rgba(255,255,255,0.15);
  transition: border-color var(--transition);
}
.image-16-icon:hover {
  border-color: rgba(67,186,127,0.5);
}
.icp17035120 {
  color: rgba(255,255,255,0.35) !important;
  font-size: .11rem !important;
  line-height: 1.7 !important;
  border-top: 1px solid rgba(255,255,255,0.08);
  padding-top: .16rem;
  margin-top: .08rem;
  width: 100% !important;
  text-align: center !important;
}

/* ── 统一单行顶部导航 ── */

/* navwrap 作为全宽背景底色栏，固定在 top:0 */
.navwrap {
  display: flex !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: .54rem !important;
  z-index: 160 !important;
  flex-direction: row !important;
  align-items: center !important;
  padding: 0 !important;
  background: linear-gradient(90deg, var(--brand-dark) 0%, var(--brand-primary) 60%, #12a08e 100%) !important;
  box-shadow: 0 3px 18px rgba(13,122,107,0.38) !important;
  border-bottom: 1px solid rgba(255,255,255,0.10) !important;
}

/* topnavigation-parent 全宽覆盖，透明，logo 左 / 联系我们 右 */
.topnavigation-parent {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: .54rem !important;
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: none !important;
  z-index: 161 !important;
  display: flex !important;
  align-items: center !important;
  pointer-events: none !important;
}
.div2 {
  background: transparent !important;
  height: .54rem !important;
  padding: 0 .16rem !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  gap: 0 !important;
  pointer-events: none !important; /* 整行不拦截，让点击穿透到菜单项 */
}
/* 只有 logo 和联系我们按钮响应点击 */
.div3, .frame-parent, .wrapper {
  pointer-events: auto !important;
}

/* logo 容器：透明背景，不加修饰 */
.div3 {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  width: auto !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
}
/* logo 本身取消 absolute 定位，正常显示 */
.x-1-icon {
  filter: none !important;
  width: 1.1rem !important;
  height: .32rem !important;
  object-fit: contain !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
}

/* 联系我们按钮改为白色描边风格 */
.wrapper {
  background: rgba(255,255,255,0.15) !important;
  border: 1px solid rgba(255,255,255,0.5) !important;
  box-shadow: none !important;
  animation: none !important;
  border-radius: .22rem !important;
  padding: .05rem .12rem !important;
}
.wrapper:hover {
  background: rgba(255,255,255,0.28) !important;
  transform: none !important;
}
.wrapper .div4 {
  color: rgba(255,255,255,0.95) !important;
  font-size: .14rem !important;
}

/* 隐藏汉堡图标 */
.component-13 { display: none !important; }

/* 隐藏关闭按钮 */
.navwrap .navdel { display: none !important; }

/* 菜单列表横向居中 */
.navwrap .component-2-parent {
  display: flex !important;
  flex-direction: row !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  /* 绝对居中：脱离左侧 logo 影响 */
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: auto !important;
  padding: 0 !important;
  gap: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  min-width: unset !important;
  align-items: center !important;
  height: .54rem !important;
  scrollbar-width: none;
  -ms-overflow-style: none;
  justify-content: center !important;
}
.navwrap .component-2-parent::-webkit-scrollbar { display: none; }

/* 隐藏分割线 */
.navwrap .line-div { display: none !important; }

/* 每个菜单项 */
.navwrap .wrappernav {
  flex-shrink: 0 !important;
  width: auto !important;
  padding: .16rem .14rem !important;
  border-radius: 0 !important;
  position: relative !important;
  cursor: pointer !important;
  transition: background var(--transition) !important;
  height: .54rem !important;
  display: flex !important;
  align-items: center !important;
}
.navwrap .wrappernav::after {
  content: '';
  position: absolute;
  bottom: 0; left: .08rem; right: .08rem;
  height: .025rem;
  background: rgba(255,255,255,0.8);
  border-radius: 2px;
  transform: scaleX(0);
  transition: transform var(--transition);
}
.navwrap .wrappernav:hover { background: rgba(255,255,255,0.12) !important; }
.navwrap .wrappernav:hover::after { transform: scaleX(1); }
.navwrap .wrappernav:active { background: rgba(255,255,255,0.22) !important; }

.divnav {
  font-family: 'Noto Serif SC', serif !important;
  font-size: .145rem !important;
  color: rgba(255,255,255,0.92) !important;
  font-weight: 400 !important;
  letter-spacing: .03em !important;
  white-space: nowrap !important;
}

/* 页面内容整体下移，避免被固定导航栏遮住，并留出呼吸间距 */
.div, .div98, .div111, .div136, .div162, .div187 {
  padding-top: .78rem !important;
}

/* 清除之前单独加在子元素上的 margin-top，避免双重偏移 */
.frame-group, .vector-parent, .component-parent,
.instance-parent4, .frame-parent30 {
  margin-top: 0 !important;
}

/* ── 内页 Hero 横幅 ── */
.vector-parent, .component-parent, .instance-parent4 {
  position: relative;
}
.div116, .div141, .div167, .div192 {
  font-family: 'Noto Serif SC', serif !important;
  color: var(--text-secondary) !important;
  font-size: .15rem !important;
  font-weight: 300 !important;
  letter-spacing: .03em;
}
.div117, .div142, .div168, .div193 {
  font-family: 'Noto Serif SC', serif !important;
  font-weight: 700 !important;
  color: var(--brand-dark) !important;
  line-height: 1.2 !important;
  letter-spacing: -.02em;
}
.frame-child6, .frame-child8, .frame-child10, .frame-child12 {
  box-shadow: var(--shadow-lg);
  transition: transform var(--transition);
}

/* ── 内页服务卡片 ── */
.frame-parent37, .frame-parent45, .frame-parent53,
.frame-parent54, .frame-parent55, .frame-parent61, .frame-parent62 {
  background: #ffffff !important;
  border-radius: var(--radius-card) !important;
  border: 1px solid var(--border-subtle) !important;
  box-shadow: var(--shadow-sm) !important;
  transition: all var(--transition) !important;
  position: relative;
  overflow: hidden;
}
.frame-parent37::before, .frame-parent45::before, .frame-parent53::before,
.frame-parent54::before, .frame-parent55::before, .frame-parent61::before,
.frame-parent62::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: .03rem;
  background: linear-gradient(90deg, var(--brand-primary), var(--brand-accent));
}
.frame-parent37:hover, .frame-parent45:hover, .frame-parent53:hover,
.frame-parent54:hover, .frame-parent55:hover, .frame-parent61:hover,
.frame-parent62:hover {
  transform: translateY(-.05rem) !important;
  box-shadow: var(--shadow-md) !important;
  border-color: rgba(13,122,107,0.2) !important;
}

/* 卡片标题渐变文字 */
.div119, .div124, .div144, .div149, .div170, .div195, .div199 {
  background: linear-gradient(90deg, var(--brand-primary), var(--brand-accent)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-family: 'Noto Serif SC', serif !important;
  font-weight: 600 !important;
}

/* call-made 图标 */
.call-made-icon14, .call-made-icon24, .call-made-icon35, .call-made-icon45 {
  filter: drop-shadow(0 1px 3px rgba(13,122,107,0.25));
  flex-shrink: 0;
  margin-top: .01rem;
}
.div120, .div123, .div145, .div171, .div196 {
  color: var(--text-secondary) !important;
  line-height: 1.75 !important;
  font-family: 'Noto Serif SC', serif !important;
  font-size: .13rem !important;
}
.call-made-parent10, .call-made-parent20, .call-made-parent31, .call-made-parent41 {
  border-top-color: var(--border-subtle) !important;
  padding-top: .12rem !important;
}

/* 截图/图片增强 */
.icon25, .icon26, .icon29, .icon33, .icon37 {
  border-radius: .12rem !important;
  box-shadow: var(--shadow-md) !important;
}

/* 联系页面 */
.div103 {
  font-family: 'Noto Serif SC', serif !important;
  font-size: .3rem !important;
  font-weight: 700 !important;
  color: var(--brand-dark) !important;
}
.div104 {
  font-family: 'Noto Serif SC', serif !important;
  color: var(--brand-primary) !important;
  font-weight: 600 !important;
}
.frame-parent30 {
  background: linear-gradient(160deg, #e6f7f4 0%, #f8fcfb 100%) !important;
  padding: .3rem .2rem !important;
  border-radius: 0 0 var(--radius-card) var(--radius-card);
}
.child {
  box-shadow: var(--shadow-md);
}

/* 媒体报道卡片 */
a[href*="peopleapp"], a[href*="chinadevelopment"], a[href*="gs.people"] {
  border-radius: .1rem !important;
  border: 1px solid var(--border-subtle) !important;
  background: linear-gradient(145deg, #f8fcfb, #fff) !important;
  box-shadow: var(--shadow-sm) !important;
  transition: all var(--transition) !important;
  text-decoration: none !important;
}
a[href*="peopleapp"]:hover, a[href*="chinadevelopment"]:hover, a[href*="gs.people"]:hover {
  transform: translateY(-.03rem) !important;
  box-shadow: var(--shadow-md) !important;
  border-color: rgba(13,122,107,0.25) !important;
}

/* 渐变背景 — 各页面 */
.div { background: linear-gradient(175deg, #e8f7f4 0%, #f5fbf9 20%, #fff 60%) !important; }
.div98 { background: linear-gradient(175deg, #def7ff 0%, #f0faff 20%, #fff 60%) !important; }
.div111 { background: linear-gradient(175deg, #f1fff1 0%, #f5fff5 20%, #fff 60%) !important; }
.div136 { background: linear-gradient(175deg, #edfffe 0%, #f3fffe 20%, #fff 60%) !important; }
.div162 { background: linear-gradient(175deg, #f1fbff 0%, #f5faff 20%, #fff 60%) !important; }
.div187 { background: linear-gradient(175deg, #fff9fb 0%, #fffbfc 20%, #fff 60%) !important; }

/* 全局链接颜色 */
a { color: var(--brand-primary); }
a:hover { color: var(--brand-dark); }

/* 滚动条美化 */
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(13,122,107,0.25); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: rgba(13,122,107,0.45); }