/* ========== 导航栏：故宫红 ========== */
.navbar-default {
  background-color: #C41E3A !important;
  border-color: #8B0000 !important;
}
.navbar-default .navbar-brand,
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-text {
  color: #fff !important;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  background-color: #8B0000 !important;
  color: #fff !important;
}
.navbar-default .navbar-toggle {
  border-color: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #8B0000;
}

/* ========== 按钮：故宫红 ========== */
.btn-primary {
  background-color: #C41E3A !important;
  border-color: #8B0000 !important;
  color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  background-color: #8B0000 !important;
  border-color: #5C0000 !important;
  color: #fff !important;
}

/* authText 区域：红色卡片（与登录框同宽） */
.auth-text-card {
  background: linear-gradient(160deg, #C41E3A 0%, #A01830 45%, #8B0000 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 16px !important;
  padding: 40px 32px 36px !important;
  text-align: center;
  box-shadow: 0 10px 28px rgba(139, 0, 0, 0.25);
  margin-bottom: 40px;
}

.auth-text-card h1,
.auth-text-card h2,
.auth-text-card h3,
.auth-text-card h4,
.auth-text-card p,
.auth-text-card li {
  color: #fff !important;
}

.auth-text-card h1 {
  margin: 0 0 12px;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.5px;
}

.auth-text-card h3 {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.92) !important;
}

.auth-text-card p {
  margin: 0 0 10px;
  font-size: 14px;
  color: rgba(255, 240, 240, 0.9) !important;
}

/* 卡片内链接做成白色胶囊按钮 */
.auth-text-card a {
  display: inline-block;
  margin-top: 12px;
  padding: 11px 26px;
  background: #fff;
  color: #C41E3A !important;
  border-radius: 999px;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
}
.auth-text-card a:hover {
  background: #fff5f5;
  color: #8B0000 !important;
}

@media (max-width: 767px) {
  .auth-text-card {
    padding: 28px 16px 26px !important;
    border-radius: 12px !important;
  }
  .auth-text-card h1 {
    font-size: 20px;
  }
  .auth-text-card h3 {
    font-size: 13px;
  }
}