.privacy-container {
  width: 1920px; /* 基础宽度 */
  max-width: 100%; /* 小屏幕下不超出视口，避免横向滚动 */
  margin: 0 auto; /* 核心：水平居中，屏幕超1920px时两侧自动留白 */
  box-sizing: border-box;
}
.logo-img {
  width: 40px;
  height: 40px;
  background: #13e1bd;
  border-radius: 13px;
  margin-right: 4px;
}

.logo-title {
  font-weight: 900;
  font-size: 24px;
  color: #ffffff;
  line-height: 29px;
}
.logo-wrap {
  display: flex;
  align-items: center;
}
.header > .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
}

.header-r {
  display: flex;
}
.nav-container {
  padding: 16px 20px;
}

/* 导航列表：Flex布局分散项 */
.nav-list {
  position: relative;
  display: flex;
  gap: 40px; /* 导航项间距 */
  align-items: center;
}

/* 导航项通用样式 */
.nav-list a {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.35);
  padding: 8px 0; /* 上下内边距，给下划线留空间 */
  transition: color 0.3s ease;
}

/* Home激活态样式：白色文字+青色下划线 */
.nav-list a.active {
  color: #ffffff;
}
.nav-list a.active::after {
  content: '';
  position: absolute;
  bottom: -4px; /* 与文字的间距 */
  left: 24px;
  transform: translateX(-50%); /* 水平居中 */
  width: 20px;
  height: 3px;
  background: #13e1bd;
  border-radius: 2px;
}
/* 非激活项hover效果（增强交互） */
.nav-list a:hover:not(.active) {
  color: #d1d5db;
}
.main-bg {
  width: 1920px;
  height: 820px;
  background-image: url(../images/home/banner.png);
}
.chat {
  width: 1200px;
  height: 500px;
  position: absolute;
  top: 500px;
  left: 360px;
}
.chat-img {
  width: 1200px;
  height: 500px;
}
.sub-title {
  width: 678px;
  height: 42px;
  font-weight: 400;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 21px;
  position: absolute;
  top: 377px;
  left: 360px;
}
.hero-banner {
  position: absolute;
  top: 160px;
  left: 360px;
  width: 808px;
  height: 177px;
  font-family: Helvetica;
  font-weight: bold;
  font-size: 50px;
  color: #13e1bd;
  line-height: 59px;
}
.hero-banner p {
  font-family: WorkSans, WorkSans;
  font-family: Helvetica;
  font-weight: bold;
  font-size: 50px;
  line-height: 59px;
  color: #ffffff; /* 主文字白色 */
}

/* "ALPHA NET" 特殊颜色（匹配之前的#13E1BD） */
.hero-banner .brand-name {
  font-family: Helvetica;
  font-weight: bold;
  font-size: 50px;
  line-height: 59px;
  color: #13e1bd; /* 青绿色突出品牌名 */
}

/* 双列容器：控制并排布局 */
.feature-container {
  display: flex;
  gap: 40px; /* 两个文本块的间距 */
  max-width: 1200px;
  margin: 210px 360px 80px;
  flex-wrap: wrap; /* 小屏幕自动换行 */
}

/* 单个文本项：图标+文字的组合 */
.feature-item {
  display: flex;
  align-items: flex-start; /* 图标与文字顶部对齐 */
  gap: 16px; /* 图标与文字的间距 */
  flex: 1 1 400px; /* 自适应宽度，最小400px */
}

/* 图标容器：匹配截图的线条风格 */
.icon-wrap {
  width: 30px;
  height: 30px;
}

/* 文字内容样式 */
.text-content {
  font-weight: 400;
  font-size: 14px;
  color: #a3a6a6;
  line-height: 17px;
}
.story {
  width: 1920px;
  height: 790px;
  background: #f5faf9;
  position: relative;
}
.star {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 70px;
  left: 360px;
}
.people {
  width: 342.74px;
  height: 572px;
  position: absolute;
  bottom: 0px;
  right: 437px;
}
.story-section {
  max-width: 1000px;
  margin: 0 auto;
  padding: 40px 20px;
  color: #374151; /* 统一深灰文字主色 */
}

/* 描述文本样式 */
.story-desc {
  width: 570px;
  height: 80px;
  font-weight: 400;
  font-size: 16px;
  color: #001f1a;
  line-height: 20px;
  margin-top: 60px;
  margin-bottom: 69px;
}

/* 标题样式 */
.story-info {
  font-weight: normal;
  font-size: 28px;
  color: #001f1a;
  line-height: 34px;
  margin-bottom: 30px;
}

/* 列表容器：清除默认列表样式 */
.story-list {
  list-style: none;
}

/* 列表项：图标+文字组合 */
.story-list li {
  height: 40px;
  display: flex;
  align-items: center;
  gap: 20px; /* 图标与文字间距 */
  font-size: 16px;
  margin-bottom: 20px; /* 列表项之间的间距 */
}

/* 勾选图标容器：匹配截图的边框+勾选样式 */
.check-icon {
  width: 30px;
  height: 30px;
}
.story-list span {
  width: 502px;
  font-weight: 400;
  font-size: 16px;
  color: #001f1a;
}
.story-title {
  width: 1053px;
  height: 98px;
  font-weight: normal;
  font-size: 40px;
  color: #001f1a;
  line-height: 49px;
}
.story-title p {
  font-size: 40px;
}
.story-name {
  font-size: 40px;
  color: #13e1bd;
}
.content-wrap {
  position: absolute;
  top: 130px;
  left: 360px;
}
.believe-bg {
  width: 1920px;
  height: 630px;
  margin-top: 0px;
  background-image: url(../images/home/believe.png);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.believe-title {
  font-weight: normal;
  font-size: 40px;
  color: #ffffff;
  line-height: 49px;
  margin-top: 80px;
}
.believe-sub-title {
  margin-top: 20px;
  margin-bottom: 80px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.6);
}
.cards-container {
  display: flex;
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 1; /* 卡片置于曲线上层 */
}

/* 单个卡片样式 */
.value-card {
  width: 380px;
  height: 260px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 30px;
  padding: 50px 40px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
}

/* 卡片左侧青绿色竖条 */
.card-bar {
  position: absolute;
  left: 0;
  top: 40px;
  width: 4px;
  height: 40px;
  width: 10px;
  height: 100px;
  background: #13e1bd;
  border-radius: 8px;
}

/* 图标容器（虚线框+圆形背景） */
.card-icon-wrap {
  margin-bottom: 40px;
}
.card-icon-circle {
  width: 80px;
  height: 80px;
}

/* 卡片文字样式 */
.card-text {
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
}

.vision-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
}

/* 标题区域样式 */
.vision-header {
  text-align: center;
  margin-top: 100px;
  margin-bottom: 20px;
}
.vision-header h2 {
  font-size: 40px;
  color: #001f1a;
  line-height: 49px;
}
.vision-header .highlight {
  color: #13e1bd; /* 青绿色高亮（匹配品牌色） */
  font-size: 40px;
  line-height: 49px;
}
.vision-header p {
  color: rgba(0, 31, 26, 0.6);
  font-size: 16px;
  margin-top: 20px;
}

/* Vision Includes 区域 */
.vision-includes h3 {
  color: #001f1a;
  font-size: 20px;
  text-align: center;
  margin-top: 80px;
  margin-bottom: 40px;
}
.items-container {
  display: flex;
  justify-content: space-around;
  gap: 94px;
  flex-wrap: wrap; /* 小屏幕自动换行 */
}
.vision-item {
  width: 200px; /* 自适应宽度 */
  height: 40px;
  color: rgba(0, 31, 26, 0.6);
  text-align: left;
  position: relative;
  font-size: 16px;
}
/* 项之间的竖线分隔（除第一个项） */
.vision-item:not(:first-child)::before {
  content: '';
  position: absolute;
  left: -56px;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 40px;
  background: linear-gradient(180deg, #ffffff 0%, #d3dede 48.59%, #ffffff 100%);
}

/* 底部引用条样式 */
.quote-bar {
  width: 600px;
  height: 60px;
  margin-top: 100px;
}
.quote {
  width: 600px;
  height: 60px;
}
.footer-bg {
  margin-top: 100px;
  width: 1920px;
  height: 362px;
  background-image: url(../images/home/footer.png);
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Logo区域：青色方块+文字 */
.logo-area {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin-bottom: 40px;
  margin-top: 80px;
}
.logo-square {
  width: 40px;
  height: 40px;
  background-color: #13e1bd; /* 品牌青绿色 */
  border-radius: 13px;
}
.logo-text {
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
}

/* 页脚导航 */
.footer-nav ul {
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 40px; /* 导航项间距 */
  flex-wrap: wrap; /* 小屏幕自动换行 */
  margin-bottom: 40px;
}
.footer-nav a {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  font-size: 18px;
}
.footer-nav a:hover {
  color: #fff; /* hover时品牌色 */
}

/* 分隔线 */
.divider {
  width: 1200px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2);
  margin: 0 auto 40px;
}

/* 版权信息 */
.copyright {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 21px;
}