@charset "UTF-8";
/* ==========================================================================
   人工智能拟人化安全评估一站式服务 — 单页样式
   设计基准：1920px 视口 / 1176px 内容宽度 / 18px 正文
   ========================================================================== */

/* ---------- 变量 ---------- */
:root {
  --blue: #0137B1;          /* 主蓝色 */
  --blue-strong: #1560A8;   /* 标签蓝 */
  --blue-ink: #000E49;      /* 按钮文字 */
  --yellow: #FFF94D;        /* 强调黄 */
  --ink: #333333;           /* 正文 */
  --ink-2: #666666;         /* 次级文字 */
  --ink-title: #1A1A1A;     /* 卡片标题 */
  --muted: #999999;         /* 段落说明 */
  --line: #D9D9D9;          /* 卡片描边 */
  --card-bg: #F7F8FC;       /* 浅色卡片底 */
  --chip-bg: #DEE4F4;       /* 标签底 */
  --hint-bg: #E9F6FE;       /* 提示框底 */
  --hint-line: #B9DCF2;     /* 提示框虚线 */
  --container: 1176px;
}

/* ---------- 基础 ---------- */
* { box-sizing: border-box; }

.rgznnrh-container {
  width: var(--container);
  margin: 0 auto;
}

/* ---------- 通用标题 ---------- */
.rgznnrh-sec-title {
  color: var(--blue);
  font-size: 36px;
  line-height: 44px;
  font-weight: 700;
  text-align: center;
}

.rgznnrh-sec-sub {
  margin-top: 8px;
  color: var(--muted);
  font-size: 18px;
  line-height: 26px;
  text-align: center;
}

/* ---------- 通用按钮 ---------- */
.rgznnrh-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  border-radius: 8px;
  font-size: 22px;
  font-weight: 700;
  color: var(--blue-ink);
  transition: transform .2s, box-shadow .2s, opacity .2s;
}
.rgznnrh-btn:hover { transform: translateY(-2px); }
.rgznnrh-btn--yellow { width: 295px; background: var(--yellow); }
.rgznnrh-btn--white  { width: 222px; background: #fff; }
.rgznnrh-btn--blue   { width: 243px; height: 60px; background: var(--blue); color: #fff; font-size: 20px; }
.rgznnrh-btn--plain  { width: 163px; height: 60px; background: #fff; font-size: 20px; }

/* ---------- 提示框 ---------- */
.rgznnrh-hint {
  width: 1108px;
  margin: 30px auto 0;
  padding: 9px 30px;
  border: 1px dashed var(--hint-line);
  border-radius: 10px;
  background: var(--hint-bg);
  font-size: 18px;
  line-height: 24px;
}
.rgznnrh-hint__label { color: var(--muted); }

/* ==========================================================================
   1. 顶部 Banner
   ========================================================================== */
.rgznnrh-hero {
  position: relative;
  height: 486px;
  background: #fff url("../images/rgznnrh/banner-bg.png");
  overflow: hidden;
}
.rgznnrh-hero__inner {
  position: relative;
  z-index: 1;
  padding-top: 82px;
  text-align: center;
}

.rgznnrh-hero__title {
  background: url("../images/rgznnrh/gradient-bar.png") left no-repeat;
  color: #fff;
  font-size: 44px;
  line-height: 53px;
  font-weight: 700;
  margin: 0 auto;
  width: 751px;
  text-shadow: 7px 6px 13px rgba(18, 71, 121, 0.41);
}
.rgznnrh-hero__title em { font-style: normal; color: var(--yellow); }

.rgznnrh-hero__desc {
  width: 982px;
  margin: 24px auto 0;
  color: #fff;
  font-size: 22px;
  line-height: 30px;
  text-shadow: 7px 6px 13px rgba(18,71,121,0.41);
}

.rgznnrh-hero__stats {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 20px;
}
.rgznnrh-stat {
  padding-left: 11px;
  width: 246px;
  height: 82px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 4px;
  background: rgba(0, 90, 200, .45);
  color: #fff;
  font-size: 20px;
  line-height: 32px;
  text-align: left;
}
.rgznnrh-stat:nth-child(3) {
  width: 262px;
}
.rgznnrh-stat:nth-child(1) {
  padding-left: 45px;
}

.rgznnrh-stat__num {
  font-style: normal;
  font-size: 24px;
  font-weight: 700;
  color: var(--yellow);
}

.rgznnrh-hero__actions {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 28px;
}

/* ==========================================================================
   2. 为什么要做人工智能拟人化安全评估
   ========================================================================== */
.rgznnrh-section--why { padding: 40px 0 41px; }

.rgznnrh-law-card {
  margin-top: 32px;
  padding: 20px 20px 21px;
  border-radius: 16px;
  background: #EAF7FE url("../images/rgznnrh/regulation-card-bg.png") center / 100% 100% no-repeat;
}
.rgznnrh-law-card__title {
  color: var(--ink-title);
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
  text-align: center;
}
.rgznnrh-law-card__meta {
  color: var(--ink-2);
  font-size: 18px;
  line-height: 26px;
  text-align: center;
}
.rgznnrh-law-card__title + .rgznnrh-law-card__meta { margin-top: 3px; }
.rgznnrh-law-card__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 21px;
  margin-top: 24px;
}

.rgznnrh-inner-card {
  padding: 30px 16px 11px 22px;
  border-radius: 12px;
  background: #fff;
}
.rgznnrh-inner-card__title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 9px;
  color: var(--ink-title);
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
.rgznnrh-inner-card__title .rgznnrh-ico-gavel { width: 18px; height: 18px; }

.rgznnrh-dot-list li {
  position: relative;
  padding-left: 17px;
  font-size: 18px;
  line-height: 24px;
}
.rgznnrh-dot-list li + li { margin-top: 12px; }
.rgznnrh-dot-list li::before {
  content: "";
  position: absolute;
  left: 1px;
  top: 9px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--blue);
}
.rgznnrh-dot-list b { font-weight: 400; }

/* ---------- 参照法规 ---------- */
.rgznnrh-ref-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 24px;
}
.rgznnrh-ref-card {
  padding: 22px 25px 23px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--card-bg);
}
.rgznnrh-ref-card__title {
  margin-top: 18px;
  color: var(--ink-title);
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
}
.rgznnrh-ref-card__meta {
  margin-top: 12px;
  color: var(--ink-2);
  font-size: 18px;
  line-height: 24px;
}
.rgznnrh-ref-card__meta + .rgznnrh-tag { margin-top: 19px; }
.rgznnrh-tag + .rgznnrh-ref-card__text { margin-top: 12px; }
.rgznnrh-ref-card__text + .rgznnrh-tag { margin-top: 22px; }
.rgznnrh-ref-card__text {
  font-size: 18px;
  line-height: 24px;
}

.rgznnrh-tag {
  display: inline-block;
  border-radius: 6px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: var(--blue-strong);
}
.rgznnrh-tag--outline {
  padding: 1px 12px;
  border: 1px solid #CCD7ED;
}
.rgznnrh-tag--solid {
  padding: 2px 12px;
  background: var(--chip-bg);
}

/* ==========================================================================
   3 + 4. 评估标准 / 典型服务场景（共用背景带）
   ========================================================================== */
.rgznnrh-band--standard {
  background: #fff url("../images/rgznnrh/section-standard-bg.png") center top / cover no-repeat;
}

.rgznnrh-section--standard { padding: 78px 0 0; }
.rgznnrh-section--scenes   { padding: 84px 0 58px; }

/* ---------- 通用卡片栅格 ---------- */
.rgznnrh-card-grid {
  display: grid;
  gap: 16px;
}
.rgznnrh-card-grid--3 {
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 36px;
}

/* 评估标准三张卡 */
.rgznnrh-std-card {
  height: 342px;
  padding: 34px 36px 0;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  text-align: center;
}
.rgznnrh-std-card__num {
  color: var(--blue);
  font-size: 50px;
  line-height: 54px;
  font-weight: 700;
}
.rgznnrh-std-card__title {
  margin-top: 17px;
  color: var(--ink-title);
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
}
.rgznnrh-std-card__text {
  margin-top: 15px;
  font-size: 18px;
  line-height: 24px;
  text-align: left;
}

/* 典型服务场景 */
.rgznnrh-scene-grid { margin-top: 32px; gap: 16px 30px; }
.rgznnrh-scene-card {
  height: 246px;
  padding: 34px 32px 21px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  text-align: center;
}
.rgznnrh-scene-card__icon {
  display: block;
  width: 66px;
  height: 54px;
  margin: 0 auto;
  object-fit: contain;
}
.rgznnrh-scene-card__title {
  margin-top: 17px;
  color: var(--ink-title);
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
}
.rgznnrh-scene-card__text {
  margin-top: 18px;
  font-size: 18px;
  line-height: 24px;
  text-align: left;
}

/* ==========================================================================
   5. 申办流程
   ========================================================================== */
.rgznnrh-section--process { padding: 54px 0 40px; }

.rgznnrh-steps {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin-top: 34px;
  text-align: center;
}
.rgznnrh-step { padding: 0 12px; }
.rgznnrh-step__no {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  margin: 0 auto;
  border-radius: 50%;
  background: var(--blue);
  color: #fff;
  font-size: 24px;
  font-weight: 700;
}
.rgznnrh-step__title {
  margin-top: 13px;
  color: var(--ink-title);
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
}
.rgznnrh-step__text {
  margin-top: 18px;
  font-size: 16px;
  line-height: 24px;
}
.rgznnrh-section--process .rgznnrh-hint { margin-top: 46px; }

/* ==========================================================================
   6. 六大难点
   ========================================================================== */
.rgznnrh-section--difficulty {
  padding: 30px 0 56px;
  background: #fff url("../images/rgznnrh/section-difficulty-bg.png") center top / cover no-repeat;
}

.rgznnrh-diff-grid {
  display: grid;
  grid-template-columns: repeat(3, 349px);
  gap: 32px 34px;
  width: 1115px;
  margin: 40px auto 0;
}
.rgznnrh-diff-card {
  min-height: 202px;
  padding: 15px 22px 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
}
.rgznnrh-diff-card__num {
  color: var(--blue);
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
}
.rgznnrh-diff-card__title {
  margin-top: 4px;
  color: var(--ink-title);
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
}
.rgznnrh-diff-card__text {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

/* ==========================================================================
   7. 天磊服务内容
   ========================================================================== */
.rgznnrh-section--services { padding: 55px 0 65px; }

.rgznnrh-service-panel {
  padding: 31px 20px 37px;
  border-radius: 16px;
  background: var(--blue);
}
.rgznnrh-service-panel__title {
  color: #fff;
  font-size: 36px;
  line-height: 44px;
  font-weight: 700;
  text-align: center;
}
.rgznnrh-service-panel__sub {
  margin-top: 10px;
  color: #fff;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  opacity: .95;
}

.rgznnrh-service-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 17px;
  margin-top: 33px;
}
.rgznnrh-service-card {
  min-height: 144px;
  padding: 25px 24px 21px;
  border-radius: 12px;
  background: #fff;
}
.rgznnrh-service-card--wide { grid-column: 1 / -1; }

.rgznnrh-service-card__title {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--ink-title);
  font-size: 22px;
  line-height: 28px;
  font-weight: 700;
}
.rgznnrh-service-card__title img { width: 24px; height: 22px; object-fit: contain; }
.rgznnrh-service-card__text {
  margin-top: 9px;
  font-size: 18px;
  line-height: 24px;
}

.rgznnrh-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}
.rgznnrh-chips li {
  padding: 5px 14px;
  border-radius: 999px;
  background: #E4E9F5;
  color: #1F5FC0;
  font-size: 16px;
  line-height: 24px;
}

/* ==========================================================================
   8. 底部 CTA
   ========================================================================== */
.rgznnrh-footer {
  background: #C9E4FB url("../images/rgznnrh/footer-bg.png") center top / cover no-repeat;
}
.rgznnrh-footer__inner { padding: 97px 0 74px; text-align: center; }

.rgznnrh-footer__title {
  color: #323232;
  font-size: 40px;
  line-height: 52px;
  font-weight: 700;
}
.rgznnrh-footer__title em { font-style: normal; color: var(--blue); }

.rgznnrh-footer__desc {
  width: 745px;
  margin: 24px auto 0;
  color: var(--ink);
  font-size: 20px;
  line-height: 24px;
}

.rgznnrh-footer__actions {
  display: flex;
  justify-content: center;
  gap: 13px;
  margin-top: 52px;
}