/* 公共样式文件 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 10px; /* 375px 屏幕下基准值，可通过 JS 动态适配不同屏幕 */
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  background-color: #000;
  color: #fff;
  line-height: 1.6;
  padding: 1.6rem;
  font-size: 1.4rem;
}

/* 标题样式 */
h1 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 2.4rem;
  text-align: center;
}

h2 {
  font-size: 1.8rem;
  font-weight: 600;
  margin: 2rem 0 1.2rem;
}

h3 {
  font-size: 1.6rem;
  font-weight: 600;
  margin: 1.6rem 0 1rem;
}

/* 段落样式 */
p {
  margin-bottom: 1.2rem;
  text-align: justify;
}
li,
dd,
dt,
p {
  opacity: 0.7;
  font-weight: normal;
  font-size: 1.2rem;
}

/* 列表样式 */
ul,
ol {
  margin: 0.5rem 0 0.5rem 1.4rem;
  list-style-type: number;
}

/* 给dd标签设置圆点项目符号 */
dl dd {
  list-style-type: disc; /* 指定为实心圆点 */
  display: list-item; /* 让dd具备列表项特性以显示符号 */
  margin-left: 2rem; /* 调整缩进，避免圆点贴边 */
}
/* 可选：给dt标签加粗，区分标题与内容 */
dl dt {
  font-weight: bold;
  margin: 1rem 0;
}
/*contactUs 企业微信样式*/
.contact-box {
  display: flex;
  align-items: center;
  width: fit-content;
  border: 0.1rem dashed #fff;
  padding: 1rem;
}
.contact-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
}
.contact-icon img {
  width: 1.8rem;
  height: 1.8rem;
}
.contact-text {
  font-size: 1.2rem;
}

/* 卡片样式 */
.card-container {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
}
.card-container img {
  width: 100%; /* 宽度铺满父容器（card-container） */
  max-width: 100%; /* 限制最大宽度不超过自身原始宽度，避免模糊 */
  height: auto; /* 高度自动计算，保持图片原始比例 */
  object-fit: contain; /* 确保图片完整显示，不裁剪 */
  border-radius: 8px; /* 可选：添加圆角，和页面卡片风格统一 */
  margin: 0 auto; /* 水平居中（父容器是flex，可配合居中） */
}
.card {
  flex: 1;
  box-sizing: border-box;
  padding: 1rem;
  border: 0.1rem dotted #eee;
  text-align: center;
}
.card p,
.card li {
  font-weight: 300;
  font-size: 1.2rem;
}
.card ul {
  margin: 0;
}
.card li {
  padding: 0.5rem;
  border: 0.1rem dotted #eee;
  list-style-type: none;
  margin: 1rem 0;
}
.card-icon {
  width: 3.2rem;
  height: 3.2rem;
  margin: 0 auto 1.2rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.card-icon-green {
  background-color: #2dfd5b;
  color: #333;
}

.card-icon-yellow {
  background-color: #fcff00;
  color: #333;
}

.card-title {
  font-weight: 600;
  margin-bottom: 1rem;
}

/*使用手册的表格样式*/
.data-safe {
  display: flex;
  flex-direction: column;
  gap: 1.5rem; /* 各模块之间的间距 */
}
.data-item {
  display: flex;
  flex-wrap: row;
  gap: 1rem;
}
.data-item .flex-item-left {
  font-size: 1.4rem;
  flex: 20%;
  font-size: 1.4rem;
}
.data-item .flex-item-right {
  flex: 80%;
  margin: 0;
}
.data-item li {
  margin-left: 0; /* 清除默认缩进 */
  list-style-type: disc;
}

/*常见问题样式*/
.faq-header {
  color: #0077ff;
}
.faq-item {
  box-sizing: border-box;
  padding: 1rem 0;
  border-bottom: 0.1rem solid #333;
}
.faq-cnt :last-child {
  border-bottom: none;
}
.faq-title {
  background-image: url(../images/ask.png);
  background-repeat: no-repeat;
  background-size: 2rem;
  padding-left: 3rem;
}

.faq-content {
  background-image: url(../images/answer.png);
  background-repeat: no-repeat;
  background-size: 2rem;
  padding-left: 3rem;
}
.faq-content ul {
  list-style-type: disc;
}
/* 页面容器样式 */
.page-container {
  position: relative;
  max-width: 60rem;
  margin: 0 auto;
  padding-top: 1.6rem;
}

/* 条款内容样式 */
.terms-content {
  margin-bottom: 2.4rem;
}

/* 强调文本样式 */
.highlight {
  color: #1e88e5;
}