/* ========== 洽润智能官网 - 科技蓝强化版 ========== */
/* 色系: 深蓝暗色(#011627~#042C53) + 电光蓝(#00B4D8~#48CAE4) */
/* 装饰: 六边形纹理 / 电路路径 / 方形角标 / 描边按钮 / 菱形标记 / 信号衰减线 */

:root {
  --bg-deep:    #011627;
  --bg-primary: #042C53;
  --bg-card:    #0A2540;
  --bg-card-alt:#0D2F4F;
  --accent:     #00B4D8;
  --accent-l:   #48CAE4;
  --accent-g:   #90E0EF;
  --text-white: #FFFFFF;
  --text-light: #E8F4F8;
  --text-muted: #8EAFC0;
  --border-blue:#1B4B6E;
  --border-accent:#00B4D8;
  --hex-opacity: 0.04;
  --font-main:  'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --transition: 0.3s ease;
}

/* ---------- 全局 ---------- */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html {
  scroll-behavior: smooth;
  font-size: 16px;
}

body {
  font-family: var(--font-main);
  color: var(--text-light);
  background: var(--bg-deep);
  line-height: 1.7;
  overflow-x: hidden;
}

img { max-width: 100%; height: auto; display: block; }
a { color: var(--accent-l); text-decoration: none; transition: color var(--transition); }
a:hover { color: var(--accent-g); }

/* ---------- 六边形网格背景 ---------- */
.hex-grid-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: var(--hex-opacity);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpolygon points='30,2 56,15 56,37 30,50 4,37 4,15' fill='none' stroke='%2300B4D8' stroke-width='0.5'/%3E%3C/svg%3E");
  background-size: 60px 52px;
  pointer-events: none;
}
.hex-grid-bg.hex-light { opacity: 0.03; }

/* ---------- 电路装饰线 ---------- */
.circuit-decor {
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
.circuit-left {
  top: 10%; left: 0; width: 120px; height: 60vh;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='400'%3E%3Cpath d='M0,0 L40,0 L40,60 L80,60 L80,120 L40,120 L40,180 L80,180 L80,240 L40,240 L40,300 L80,300 L80,360 L0,360' fill='none' stroke='%2300B4D8' stroke-width='1' stroke-opacity='0.15'/%3E%3Ccircle cx='40' cy='60' r='3' fill='%2300B4D8' fill-opacity='0.3'/%3E%3Ccircle cx='80' cy='120' r='3' fill='%2300B4D8' fill-opacity='0.3'/%3E%3Ccircle cx='40' cy='180' r='3' fill='%2300B4D8' fill-opacity='0.3'/%3E%3Ccircle cx='80' cy='240' r='3' fill='%2300B4D8' fill-opacity='0.3'/%3E%3C/svg%3E") no-repeat;
}
.circuit-right {
  top: 30%; right: 0; width: 120px; height: 60vh;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='400'%3E%3Cpath d='M120,20 L80,20 L80,80 L40,80 L40,140 L80,140 L80,200 L40,200 L40,260 L80,260 L80,320 L120,320' fill='none' stroke='%2300B4D8' stroke-width='1' stroke-opacity='0.15'/%3E%3Ccircle cx='80' cy='80' r='3' fill='%2300B4D8' fill-opacity='0.3'/%3E%3Ccircle cx='40' cy='140' r='3' fill='%2300B4D8' fill-opacity='0.3'/%3E%3Ccircle cx='80' cy='200' r='3' fill='%2300B4D8' fill-opacity='0.3'/%3E%3C/svg%3E") no-repeat;
}
.circuit-bottom-left {
  bottom: 10%; left: 0; width: 200px; height: 200px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M0,200 L0,160 L40,160 L40,120 L80,120 L80,80 L120,80 L120,40 L160,40 L160,0' fill='none' stroke='%2300B4D8' stroke-width='1' stroke-opacity='0.1'/%3E%3C/svg%3E") no-repeat;
}
.circuit-bottom-right {
  bottom: 10%; right: 0; width: 200px; height: 200px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M200,200 L200,160 L160,160 L160,120 L120,120 L120,80 L80,80 L80,40 L40,40 L40,0' fill='none' stroke='%2300B4D8' stroke-width='1' stroke-opacity='0.1'/%3E%3C/svg%3E") no-repeat;
}

/* ---------- 信号衰减下划线 ---------- */
.signal-line {
  width: 200px;
  height: 4px;
  margin: 16px auto 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='4'%3E%3Ccircle cx='4' cy='2' r='2' fill='%2300B4D8'/%3E%3Ccircle cx='20' cy='2' r='1.8' fill='%2300B4D8' opacity='0.9'/%3E%3Ccircle cx='36' cy='2' r='1.6' fill='%2300B4D8' opacity='0.8'/%3E%3Ccircle cx='52' cy='2' r='1.4' fill='%2300B4D8' opacity='0.7'/%3E%3Ccircle cx='68' cy='2' r='1.2' fill='%2300B4D8' opacity='0.6'/%3E%3Ccircle cx='84' cy='2' r='1' fill='%2300B4D8' opacity='0.5'/%3E%3Ccircle cx='100' cy='2' r='0.8' fill='%2300B4D8' opacity='0.4'/%3E%3Ccircle cx='116' cy='2' r='0.7' fill='%2300B4D8' opacity='0.35'/%3E%3Ccircle cx='132' cy='2' r='0.6' fill='%2300B4D8' opacity='0.3'/%3E%3Ccircle cx='148' cy='2' r='0.5' fill='%2300B4D8' opacity='0.25'/%3E%3C/svg%3E") repeat-x;
  background-size: 200px 4px;
}

/* ---------- 方形角标 ---------- */
.card-corner {
  position: absolute;
  top: -1px; left: -1px;
  width: 12px; height: 12px;
  border-top: 2px solid var(--accent);
  border-left: 2px solid var(--accent);
}
.card-corner::after {
  content: '';
  position: absolute;
  bottom: -1px; right: -1px;
  width: 12px; height: 12px;
  border-bottom: 2px solid var(--accent);
  border-right: 2px solid var(--accent);
}

/* ---------- 导航栏 ---------- */
.nav-bar {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1000;
  background: rgba(4, 44, 83, 0.85);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--border-blue);
  transition: background var(--transition);
}
.nav-bar.scrolled { background: rgba(1, 22, 39, 0.95); }
.nav-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 24px;
}
.nav-logo {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text-white);
  font-weight: 700;
  font-size: 1.1rem;
}
.logo-img {
  height: 48px !important;
  width: auto !important;
  max-width: 200px;
  object-fit: contain;
}
.logo-icon { color: var(--accent); font-size: 1.2rem; }
.nav-links {
  display: flex;
  gap: 32px;
  list-style: none;
}
.nav-links a {
  color: var(--text-muted);
  font-size: 0.9rem;
  font-weight: 500;
  padding: 4px 0;
  border-bottom: 2px solid transparent;
  transition: all var(--transition);
}
.nav-links a:hover,
.nav-links a.active {
  color: var(--accent-l);
  border-bottom-color: var(--accent);
}
.nav-menu-btn {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  gap: 5px;
  flex-direction: column;
}
.nav-menu-btn span {
  width: 22px; height: 2px;
  background: var(--text-light);
  transition: all var(--transition);
}

/* ---------- Hero 首页 ---------- */
.hero-section {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--bg-deep) 0%, var(--bg-primary) 50%, #063766 100%);
  overflow: hidden;
}
.hero-content {
  position: relative;
  z-index: 2;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  max-width: 900px;
  margin: 0 auto;
  padding: 120px 24px 80px;
}
.hero-badge {
  display: inline-block;
  padding: 6px 20px;
  border: 1px solid var(--accent);
  color: var(--accent-l);
  font-size: 0.85rem;
  letter-spacing: 3px;
  margin-bottom: 24px;
}
.hero-title .title-line {
  display: block;
  font-size: 2.8rem;
  font-weight: 900;
  color: var(--text-white);
  letter-spacing: 4px;
  line-height: 1.3;
}
.hero-title .title-sub {
  display: block;
  font-size: 0.95rem;
  font-weight: 300;
  color: var(--text-muted);
  letter-spacing: 2px;
  margin-top: 8px;
}
.hero-desc {
  font-size: 1.15rem;
  color: var(--accent-l);
  margin: 32px 0;
  line-height: 1.8;
  text-align: center !important;
  width: auto !important;
}
.hero-section .section-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
.hero-section .hero-stats {
  width: 100%;
  max-width: 700px;
}
.hero-stats {
  display: flex;
  justify-content: center;
  gap: 48px;
  margin: 40px 0;
  text-align: center !important;
}
.stat-item { text-align: center !important; }
.stat-num {
  display: block;
  font-size: 2.2rem;
  font-weight: 900;
  color: var(--text-white);
}
.stat-unit {
  font-size: 1rem;
  color: var(--accent);
  font-weight: 500;
}
.stat-label {
  font-size: 0.85rem;
  color: var(--text-muted);
  margin-top: 4px;
}
.hero-tags {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin: 24px 0;
  text-align: center !important;
}
.tag {
  padding: 6px 14px;
  background: rgba(0, 180, 216, 0.1);
  border: 1px solid rgba(0, 180, 216, 0.3);
  color: var(--accent-l);
  font-size: 0.8rem;
  border-radius: 2px;
}
.btn-outline {
  display: inline-block;
  padding: 12px 32px;
  border: 2px solid var(--accent);
  color: var(--accent-l);
  font-size: 0.95rem;
  font-weight: 500;
  letter-spacing: 2px;
  transition: all var(--transition);
  cursor: pointer;
  margin-top: 16px;
}
.hero-btn {
  display: inline-block;
  text-align: center !important;
}
.btn-outline:hover {
  background: var(--accent);
  color: var(--bg-deep);
}

/* ---------- 通用Section ---------- */
.section-business,
.section-team,
.section-cases,
.section-contact {
  position: relative;
  padding: 100px 0;
  overflow: hidden;
}
.section-business { background: linear-gradient(180deg, #021B33 0%, var(--bg-deep) 100%); }
.section-team     { background: linear-gradient(180deg, var(--bg-deep) 0%, #021B33 100%); }
.section-cases    { background: linear-gradient(180deg, #021B33 0%, var(--bg-deep) 100%); }
.section-contact  { background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-deep) 100%); }

.section-inner {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}
.section-header { text-align: center; margin-bottom: 48px; }
.section-num {
  display: inline-block;
  font-size: 0.85rem;
  color: var(--accent);
  border: 1px solid var(--accent);
  padding: 4px 12px;
  letter-spacing: 2px;
  margin-bottom: 16px;
}
.section-title {
  font-size: 2.2rem;
  font-weight: 700;
  color: var(--text-white);
  letter-spacing: 4px;
}
.section-subtitle {
  font-size: 1rem;
  color: var(--text-muted);
  margin-top: 8px;
}
.mini-title {
  font-size: 0.95rem;
  color: var(--accent-l);
  font-weight: 600;
  margin: 32px 0 16px;
  letter-spacing: 1px;
}

/* ---------- 业务范围 Tab ---------- */
.biz-tabs {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.biz-tab {
  padding: 10px 22px;
  background: transparent;
  border: 1px solid var(--border-blue);
  color: var(--text-muted);
  font-size: 0.9rem;
  font-family: var(--font-main);
  cursor: pointer;
  transition: all var(--transition);
}
.biz-tab .tab-icon {
  color: var(--accent);
  margin-right: 4px;
}
.biz-tab:hover { border-color: var(--accent); color: var(--accent-l); }
.biz-tab.active {
  border-color: var(--accent);
  background: rgba(0, 180, 216, 0.15);
  color: var(--text-white);
}
.biz-panel { display: none; }
.biz-panel.active { display: block; }
.biz-panel-header { margin-bottom: 32px; text-align: center; }
.biz-panel-header h3 {
  font-size: 1.5rem;
  color: var(--text-white);
  margin-bottom: 12px;
}
.biz-panel-header p {
  color: var(--text-muted);
  font-size: 0.95rem;
  line-height: 1.8;
}
.biz-gov-highlight {
  text-align: center;
  margin: 24px 0;
}
.gov-ai-label {
  display: inline-block;
  padding: 8px 24px;
  border: 1px solid var(--accent);
  color: var(--accent-l);
  font-size: 0.9rem;
  letter-spacing: 2px;
}

/* ---------- 业务功能卡片 ---------- */
.biz-features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 20px;
}
.biz-feature-card {
  position: relative;
  background: var(--bg-card);
  border: 1px solid var(--border-blue);
  padding: 24px 20px;
  text-align: center;
  transition: all var(--transition);
}
.biz-feature-card:hover {
  border-color: var(--accent);
  background: var(--bg-card-alt);
  transform: translateY(-2px);
}
.biz-feature-card h4 {
  color: var(--text-white);
  font-size: 1rem;
  margin-bottom: 8px;
}
.biz-feature-card p {
  color: var(--text-muted);
  font-size: 0.85rem;
  line-height: 1.7;
}
.biz-feature-card.highlight-card {
  border-color: rgba(0, 180, 216, 0.4);
  background: linear-gradient(135deg, var(--bg-card) 0%, rgba(0,180,216,0.08) 100%);
}

/* ---------- 截图展示 ---------- */
.biz-screenshots {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
  margin-top: 32px;
}
.screen-item {
  position: relative;
  background: var(--bg-card);
  border: 1px solid var(--border-blue);
  overflow: hidden;
}
.screen-item img {
  width: 100%;
  aspect-ratio: 16/10;
  object-fit: cover;
  opacity: 0.85;
  transition: opacity var(--transition);
}
.screen-item:hover img { opacity: 1; }
.screen-label {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  background: rgba(4,44,83,0.8);
  color: var(--accent-l);
  padding: 8px 12px;
  font-size: 0.8rem;
}

/* ---------- 可信知识模型案例 ---------- */
.biz-knowledge-cases {
  margin-top: 32px;
  background: var(--bg-card);
  border: 1px solid var(--border-blue);
  padding: 24px;
  position: relative;
}
.knowledge-case-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 16px;
}
.kc-item {
  padding: 12px;
  border-left: 2px solid var(--accent);
}
.kc-name {
  display: block;
  color: var(--text-white);
  font-size: 0.95rem;
  font-weight: 600;
}
.kc-desc {
  color: var(--text-muted);
  font-size: 0.8rem;
}
.platform-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 12px;
}
.platform-badge {
  padding: 6px 16px;
  border: 1px solid var(--accent);
  color: var(--accent-l);
  font-size: 0.85rem;
  transition: all var(--transition);
}
.platform-badge:hover {
  background: var(--accent);
  color: var(--bg-deep);
}

/* ---------- 档案流程 ---------- */
.biz-archive-flow {
  margin-top: 32px;
  text-align: center;
}
.flow-label { text-align: center; }
.flow-label {
  color: var(--accent-l);
  font-size: 0.9rem;
  margin-bottom: 16px;
}
.flow-steps {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.flow-step {
  padding: 8px 16px;
  border: 1px solid var(--border-accent);
  color: var(--accent-l);
  font-size: 0.85rem;
}
.flow-arrow {
  color: var(--accent);
  font-size: 0.9rem;
}

/* ---------- 团队 ---------- */
.team-overview {
  display: flex;
  gap: 40px;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}
.team-desc {
  flex: 1;
  text-align: center;
}
.team-desc p {
  color: var(--text-muted);
  font-size: 0.95rem;
  line-height: 1.8;
}
.team-ratio { flex: 1; }
.ratio-bar {
  display: flex;
  height: 32px;
  background: var(--bg-card);
  border: 1px solid var(--border-blue);
  overflow: hidden;
}
.ratio-fill {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-white);
  font-size: 0.85rem;
  font-weight: 600;
  transition: width 0.5s ease;
}
.ratio-fill.tech { background: var(--accent); }
.ratio-fill.func { background: var(--border-blue); }
.ratio-labels {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  font-size: 0.8rem;
  color: var(--text-muted);
}

/* ---------- 资质卡片 ---------- */
.team-qual-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 20px;
  margin-bottom: 40px;
}
.qual-card {
  position: relative;
  background: var(--bg-card);
  border: 1px solid var(--border-blue);
  padding: 24px 20px;
  text-align: center;
  transition: all var(--transition);
}
.qual-card:hover {
  border-color: var(--accent);
  transform: translateY(-2px);
}
.qual-badge {
  font-size: 1.5rem;
  color: var(--accent);
  margin-bottom: 8px;
}
.qual-card h4 {
  color: var(--text-white);
  font-size: 1rem;
}
.qual-card p {
  color: var(--text-muted);
  font-size: 0.85rem;
}

/* ---------- 证书行 ---------- */
.team-cert-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 40px;
}
.cert-item {
  background: var(--bg-card);
  border: 1px solid var(--border-blue);
  padding: 16px;
  text-align: center;
}
.cert-item img {
  max-height: 200px;
  object-fit: contain;
  margin-bottom: 8px;
  opacity: 0.8;
}
.cert-item span {
  color: var(--accent-l);
  font-size: 0.8rem;
}

/* ---------- 标准化 ---------- */
.team-standards {
  background: var(--bg-card);
  border: 1px solid var(--border-blue);
  padding: 24px;
  margin-bottom: 40px;
  position: relative;
  text-align: center;
}
.team-standards p {
  color: var(--text-muted);
  font-size: 0.9rem;
  margin-bottom: 16px;
}
.standards-grid {
  display: grid;
  gap: 12px;
}
.std-item {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
}
.std-icon { color: var(--accent); }
.std-text { color: var(--text-light); font-size: 0.85rem; }

/* ---------- 软著 ---------- */
.team-softwares {
  margin-bottom: 40px;
}
.soft-row {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 16px;
}
.soft-item {
  background: var(--bg-card);
  border: 1px solid var(--border-blue);
  padding: 12px;
  text-align: center;
}
.soft-item img {
  max-height: 140px;
  object-fit: contain;
  opacity: 0.8;
  margin-bottom: 8px;
}
.soft-item span {
  color: var(--text-muted);
  font-size: 0.75rem;
}

/* ---------- 典型案例 ---------- */
.cases-highlight-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 24px;
  margin-bottom: 48px;
}
.case-card {
  position: relative;
  background: var(--bg-card);
  border: 1px solid var(--border-blue);
  padding: 24px 20px;
  text-align: center;
  transition: all var(--transition);
}
.case-card:hover {
  border-color: var(--accent);
  transform: translateY(-2px);
}
.case-label {
  display: inline-block;
  padding: 3px 10px;
  border: 1px solid var(--accent);
  color: var(--accent-l);
  font-size: 0.75rem;
  margin-bottom: 12px;
}
.case-card h4 {
  color: var(--text-white);
  font-size: 1.15rem;
  margin-bottom: 8px;
}
.case-tag {
  color: var(--accent);
  font-size: 0.85rem;
  margin-bottom: 8px;
}
.case-card p {
  color: var(--text-muted);
  font-size: 0.85rem;
  line-height: 1.7;
}

/* ---------- 客户Logo墙 ---------- */
.clients-wall { text-align: center; }
.clients-grid {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 16px;
  margin-top: 16px;
}
.client-logo {
  background: #FFFFFF;
  border: 1px solid var(--border-blue);
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 54px;
}
.client-logo img {
  max-height: 38px;
  max-width: 80px;
  object-fit: contain;
  opacity: 1;
  filter: none;
  transition: all var(--transition);
}
.client-logo:hover img {
  opacity: 1;
  filter: grayscale(0%);
}

/* ---------- 联系我们 ---------- */
.contact-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  justify-content: center;
}
.contact-card {
  position: relative;
  background: var(--bg-card);
  border: 1px solid var(--border-blue);
  padding: 24px 20px;
  text-align: center;
  transition: all var(--transition);
}
.contact-card:hover {
  border-color: var(--accent);
}
.contact-icon {
  font-size: 1rem;
  color: var(--accent);
  margin-bottom: 12px;
}
.contact-card h4 {
  color: var(--text-white);
  font-size: 1rem;
  margin-bottom: 8px;
}
.contact-card p {
  color: var(--text-muted);
  font-size: 0.85rem;
}
.contact-en {
  font-size: 0.75rem;
  color: var(--text-muted);
  opacity: 0.7;
}
.contact-footer {
  text-align: center;
  margin-top: 40px;
  padding-top: 24px;
  border-top: 1px solid var(--border-blue);
}
.contact-footer p {
  color: var(--accent-l);
  font-size: 1rem;
  letter-spacing: 2px;
}

/* ---------- 页脚 ---------- */
.page-footer {
  background: var(--bg-deep);
  border-top: 1px solid var(--border-blue);
  padding: 24px;
}
.footer-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  text-align: center;
}
.footer-logo-img {
  height: 40px;
  width: auto;
  max-width: 80px;
  object-fit: contain;
  opacity: 0.85;
}
.footer-logo {
  color: var(--text-white);
  font-weight: 700;
  font-size: 0.9rem;
}
.footer-copy {
  color: var(--text-muted);
  font-size: 0.8rem;
}
.footer-site {
  color: var(--accent);
  font-size: 0.8rem;
}
.footer-icp {
  color: var(--text-muted);
  font-size: 0.75rem;
  text-decoration: none;
  transition: color var(--transition);
}
.footer-icp:hover {
  color: var(--accent-l);
}

/* ========== 响应式 ========== */
@media (max-width: 768px) {
  .nav-links { display: none; }
  .nav-links.open {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0; right: 0;
    background: rgba(4,44,83,0.95);
    padding: 16px 24px;
    gap: 16px;
    border-bottom: 1px solid var(--border-blue);
  }
  .nav-menu-btn { display: flex; }
  .nav-menu-btn.open span:nth-child(1) { transform: rotate(45deg) translate(4px, 4px); }
  .nav-menu-btn.open span:nth-child(2) { opacity: 0; }
  .nav-menu-btn.open span:nth-child(3) { transform: rotate(-45deg) translate(4px, -4px); }

  .hero-title .title-line { font-size: 1.8rem; }
  .hero-stats { flex-wrap: wrap; gap: 24px; }
  .hero-tags { flex-wrap: wrap; gap: 8px; }

  .team-overview { flex-direction: column; }
  .team-cert-row { grid-template-columns: 1fr; }
  .cases-highlight-grid { grid-template-columns: 1fr; }
  .biz-features-grid { grid-template-columns: 1fr 1fr; }
  .clients-grid { grid-template-columns: repeat(5, 1fr); }

  .circuit-left, .circuit-right { display: none; }
}

@media (max-width: 480px) {
  .hero-title .title-line { font-size: 1.4rem; }
  .biz-tabs { flex-direction: column; }
  .biz-features-grid { grid-template-columns: 1fr; }
  .biz-screenshots { grid-template-columns: 1fr; }
  .hero-stats { flex-direction: column; gap: 16px; }
  .footer-inner { flex-direction: column; text-align: center; }
}

/* ========== 动画 ========== */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}
.fade-in-up {
  animation: fadeInUp 0.6s ease forwards;
  opacity: 0;
}

@keyframes pulse-glow {
  0%, 100% { box-shadow: 0 0 0 0 rgba(0,180,216,0.3); }
  50%      { box-shadow: 0 0 12px 4px rgba(0,180,216,0.15); }
}
.pulse-glow { animation: pulse-glow 3s ease-in-out infinite; }