.contact-info-container {
  width: 100%;
  color: #333;
  line-height: 1.6;
  font-size: 14px;
}

.contact-info-main-title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #111;
}

.contact-info-section {
  margin-bottom: 30px;
}

.contact-info-section-title {
  font-size: 16px;
  font-weight: 600;
  color: #222;
  margin-bottom: 8px;
}

.contact-info-divider {
  border: none;
  border-top: 1px solid #e5e5e5;
  margin: 0 0 16px 0;
}

.contact-info-content p {
  margin-bottom: 14px;
  color: #555;
}

/* 链接统一处理 */
.contact-info-link {
  color: #0066cc;
  text-decoration: underline;
  transition: color 0.2s;
}

.contact-info-link:hover {
  color: #004080;
}

/* 邮箱区块 */
.contact-info-email-box {
  margin: 18px 0;
  font-size: 14px;
}

.contact-info-email-box .email-label {
  font-weight: bold;
  color: #111;
  margin-right: 6px;
}

.contact-info-email-box .email-address {
  font-weight: bold;
  color: #111;
  text-decoration: none;
}

.contact-info-email-box .email-address:hover {
  text-decoration: underline;
}

/* 垃圾邮件提示框 */
.contact-info-notice {
  margin-top: 12px;
  padding: 12px 16px;
  background-color: #f9f9f9;
  border-left: 3px solid #666;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
  border-radius: 0 4px 4px 0;
}

.contact-info-notice .notice-tag {
  color: #222;
}

/* richtext 里的链接不带 .contact-info-link 类，这里统一按同样风格上色 */
.contact-info-content a {
  color: #0066cc;
  text-decoration: underline;
  transition: color 0.2s;
}

.contact-info-content a:hover {
  color: #004080;
}

/* notice 用 richtext 输出会被 <p> 包裹，设为 inline 让 notice-tag 与正文同一行，
   并去掉段落外边距避免撑开提示框 */
.contact-info-notice p {
  display: inline;
  margin: 0;
}

/* ============ 联系表单 ============ */
/* 表单本体复用主题全局的 .field / .field__input / .button 等样式；
   这里只补：嵌在侧栏页里的分隔线+标题，以及 contact-form.css 里那两条本页未加载的布局类 */
.contact-form-block {
  margin-top: 40px;
  padding-top: 30px;
  border-top: 1px solid #eee;
}

.contact-form-title {
  font-size: 22px;
  font-weight: 600;
  color: #111;
  margin-bottom: 20px;
}

/* name/email 两列间距（.field__group 的 flex 布局由全局 index.css 提供） */
.contact-form__group {
  gap: 20px;
}

@media (max-width: 959px) {
  .contact-form__group {
    display: block;
  }
}

.contact-form__button {
  margin-block-start: 24px;
}

/* 移动端间距微调 */
@media (max-width: 768px) {
  .contact-info-container {
    padding: 0 5px;
  }
}