/* ============================================================
   留言-提交成功 (page-success) — 设计稿 1166:22102, 1920×1200
   白色头部 + 居中成功提示 + 底部
   ============================================================ */

/* ---------- 顶部导航: 设计稿「顶部-白色底子」= 常驻白底深字 ---------- */
body.page-success .site-header {
  background: #fff;
  box-shadow: inset 0 -1px 0 0 #EBEBEB;
}
body.page-success .site-header .logo .logo-dark { display: block; }
body.page-success .site-header .logo .logo-light { display: none; }
body.page-success .site-header .navbar > li > a { color: #2E3033; }
body.page-success .site-header .navbar > li > a:hover { color: #2168E5; }
body.page-success .site-header .vr-pill { border-color: #5C6066; color: #2E3033; }
body.page-success .site-header:not(.is-scrolled):not(.dd-open) .icon-btn img { filter: none; }
body.page-success .site-header:not(.is-scrolled):not(.dd-open) .nav-toggle span { background: #2E3033; }

/* ============================================================
   区块: 提交成功 (插图 + 标题 + 副标题 + 返回)
   ============================================================ */
.sc-success {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 610px;               /* 头部64 + 内容 + 底部526 = 1200 */
  padding: 80px 24px;
  background: #fff;
}
.sc-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.sc-illustration {
  display: block;
  width: 240px;
  height: 134px;
}
.sc-title {
  margin-top: 48px;
  font-size: 20px;
  font-weight: 666;
  line-height: 30px;
  color: #2E3033;
}
.sc-sub {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 513;
  line-height: 20px;
  color: rgba(46, 48, 51, .85);
}
.sc-btn {
  margin-top: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 124px;
  height: 48px;
  border-radius: 6px;
  background: #2168E5;
  color: #fff;
  font-size: 16px;
  font-weight: 666;
  font-family: inherit;
  transition: background .3s var(--ease);
}
.sc-btn:hover { background: #1a56c4; }

/* ============================================================
   响应式
   ============================================================ */
@media (max-width: 767px) {
  .sc-success { min-height: 420px; padding: 56px 24px; }
  .sc-illustration { width: 180px; height: 100px; }
  .sc-title { margin-top: 32px; }
}
@media (max-width: 400px) {
  .sc-success { padding: 48px 16px; }
  .sc-illustration { width: 150px; height: 84px; }
}