:root, [data-bs-theme=light] {
  --bs-app-theme: #c6a054;
  --bs-app-theme-rgb: 198, 160, 84;
  --bs-app-theme-color: #FFFFFF;
  --bs-app-theme-color-rgb: 255, 255, 255;
  --bs-app-theme-hover: #c6a054;
  --bs-app-theme-hover-border-color: #c6a054;
  --bs-app-theme-hover-color: #FFFFFF;
  --bs-app-theme-active: #c6a054;
  --bs-app-theme-active-border-color: #c6a054;
  --bs-app-theme-active-color: #FFFFFF;
  --bs-app-theme-disabled: #c6a054;
  --bs-app-theme-disabled-border-color: #c6a054;
  --bs-app-theme-disabled-color: #FFFFFF;
  --bs-border-color: #ced4da;
  --bs-border-color-rgb: 206, 212, 218;
  --bs-app-header-bg: #FFFFFF;
  --bs-app-header-bg-rgb: 255, 255, 255;
  --bs-app-header-color: #20252a;
  --bs-app-header-color-rgb: 32, 37, 42;
  --bs-app-header-input-bg: #f2f3f4;
  --bs-app-header-input-border: #f2f3f4;
  --bs-app-header-mobile-divider-bg: #edf0f2;
  --bs-app-header-divider-bg: #dee2e6;
  --bs-component-bg: #FFFFFF;
  --bs-component-bg-rgb: 255, 255, 255;
  --bs-component-secondary-bg: #dee2e6;
  --bs-component-secondary-bg-rgb: 222, 226, 230;
  --bs-component-tertiary-bg: #adb5bd;
  --bs-component-tertiary-bg-rgb: 173, 181, 189;
  --bs-component-dropdown-bg: #FFFFFF;
  --bs-component-dropdown-bg-rgb: 255, 255, 255;
  --bs-component-dropdown-hover-bg: #eff1f3;
  --bs-component-dropdown-hover-bg-rgb: 239, 241, 243;
  --bs-component-dropdown-border-color: #ced4da;
  --bs-component-dropdown-border-color-rgb: 206, 212, 218;
  --bs-component-modal-bg: #FFFFFF;
  --bs-component-modal-bg-rgb: 255, 255, 255;
  --bs-component-modal-border-color: #ced4da;
  --bs-component-modal-border-color-rgb: 206, 212, 218;
  --bs-component-secondary-bg: #dee2e6;
  --bs-component-color: #20252a;
  --bs-component-color-rgb: 32, 37, 42;
  --bs-component-border-color: #ced4da;
  --bs-component-border-color-rgb: 206, 212, 218;
  --bs-component-active-bg: #348fe2;
  --bs-component-active-bg-rgb: 52, 143, 226;
  --bs-component-active-color: #FFFFFF;
  --bs-component-active-color-rgb: 255, 255, 255;
  --bs-component-hover-bg: #eff1f3;
  --bs-component-hover-color: #20252a;
  --bs-component-hover-border-color: #ced4da;
  --bs-component-focus-border-color: #67abe9;
  --bs-component-disabled-bg: #e9ecef;
  --bs-component-disabled-color: #adb5bd;
  --bs-component-disabled-border-color: #ced4da;
  --bs-component-table-border-color: #ced4da;
  --bs-component-table-separator-color: currentColor;
}

.text-theme {
 --bs-text-opacity: 1;
 color: rgba(var(--bs-app-theme-rgb), var(--bs-text-opacity)) !important;
}

/* 使用更具体的选择器来确保优先级 */
.header .navbar-brand .brand-logo {
 width: 50px;
 height: 50px;
 background: none;
 background-image: url('../img/logo/logo.png');
 background-size: contain;
 background-repeat: no-repeat;
 background-position: center;
 border-radius: 0;
 overflow: hidden;
 position: relative;
 float: left;
 margin-top: -5px;
 margin-bottom: -5px;
 margin-inline-end: 12px;
}

/* 取消 :before 伪元素的样式 */
.header .navbar-brand .brand-logo:before {
 content: none !important;
}

/* 或者更彻底地覆盖所有 :before 样式 */
.header .navbar-brand .brand-logo:before {
 content: none !important;
 position: static !important;
 top: auto !important;
 inset-inline-start: auto !important;
 width: auto !important;
 height: auto !important;
 border: none !important;
 border-color: transparent !important;
}

/* 如果需要覆盖其他可能的brand-logo样式 */
.header .header-logo .brand-logo {
 width: 50px;
 height: 50px;
 background: none;
 background-image: url('../img/logo/logo.png');
 background-size: contain;
 background-repeat: no-repeat;
 background-position: center;
 border-radius: 0;
 overflow: hidden;
 position: relative;
 float: left;
 margin-top: -5px;
 margin-bottom: -5px;
 margin-inline-end: 12px;
}

/* 同样取消 header-logo 的 :before 样式 */
.header .header-logo .brand-logo:before {
 content: none !important;
}

/* 最通用的选择器作为后备 */
.brand-logo {
 width: 50px;
 height: 50px;
 background: none;
 background-image: url('../img/logo/logo.png');
 background-size: contain;
 background-repeat: no-repeat;
 background-position: center;
 border-radius: 0;
 overflow: hidden;
 position: relative;
 float: left;
 margin-top: -5px;
 margin-bottom: -5px;
 margin-inline-end: 12px;
}

/* 通用的 :before 样式取消 */
.brand-logo:before {
 content: none !important;
}

/* Footer logo 样式 */
.footer .footer-brand-logo {
 width: 90px;
 height: 90px;
 background: none;
 background-image: url('../img/logo/logo.png');
 background-size: contain;
 background-repeat: no-repeat;
 background-position: center;
 border-radius: 0;
 overflow: hidden;
 position: relative;
 display: block;
 margin: 0 auto 10px;
 border: 0;
}

/* 取消 footer-brand-logo 的 :before 样式 */
.footer .footer-brand-logo:before {
 content: none !important;
}

/* .content {
  height: 800px;
} */

#about {
  height: 100%;
}

/* Page Title 样式 - 从blog模板移植 */
.page-title {
  padding: 165px 0 100px;
  text-align: center;
  position: relative;
  z-index: 1020;
}

.page-title .h1,
.page-title h1 {
  color: #fff;
  font-weight: 700;
  font-size: 3rem;
}

.page-title p {
  font-size: 1.3125rem;
  font-style: italic;
  font-family: Times New Roman;
  margin: 0;
  color: rgba(255, 255, 255, 0.8);
}

.page-title + .content {
  margin-top: 0;
  padding-top: 60px;
}

.page-title.has-bg {
  position: relative;
  overflow: hidden;
}

.page-title.has-bg .bg-cover {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.page-title.has-bg .bg-cover:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
}

.page-title.has-bg .bg-cover.bottom {
  background-position: bottom;
}

.page-title.has-bg .bg-cover.top {
  background-position: top;
}

.page-title.has-bg .bg-cover img {
  max-width: 100%;
  max-height: 100%;
}

.page-title.has-bg .container {
  position: relative;
}

/* 响应式设计 */
@media (max-width: 767.98px) {
  .page-title {
    padding: 125px 0 60px;
  }
  
  .page-title .h1,
  .page-title h1 {
    font-size: 2.625rem;
  }
  
  .page-title p {
    font-size: 1.21875rem;
  }
  
  .page-title + .content {
    padding-top: 30px;
  }
}

/* Section 样式 - 从corporate模板移植 */
.section {
  position: relative;
  padding: 4.6875rem 0;
}

.section .section-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.section .section-container {
  position: relative;
}

.section .section-logo {
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.2;
}

.section .section-logo .logo-brand {
  width: 80px;
  height: 80px;
  border: 40px solid transparent;
  border-color: #adb5bd #6c757d #495057;
  border-radius: 0 40px 0;
}

.section .section-logo-title {
  font-size: 1.09375rem;
  color: #2d353c;
  font-weight: 400;
}

.section .section-logo-desc {
  font-size: 0.875rem;
  color: #adb5bd;
  font-weight: 600;
}

.section .section-subtitle {
  font-size: 1.09375rem;
  color: #adb5bd;
  font-weight: 600;
  margin-bottom: 1.40625rem;
}

.section .section-title {
  font-size: 2.1875rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0.9375rem;
}

.section .section-desc {
  font-size: 1.09375rem;
  margin-bottom: 1.875rem;
}

.section .section-btn {
  text-decoration: none;
  color: var(--bs-component-color);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  transition: color 0.2s linear;
}

.section .section-btn i {
  border: 2px solid rgba(var(--bs-component-color-rgb), 0.5);
  width: 40px;
  height: 40px;
  margin-inline-end: 0.9375rem;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section .section-btn:hover {
  color: rgba(var(--bs-component-color-rgb), 0.5);
}

/* 自定义home高度 - 覆盖JavaScript设置的高度 */

/* 方法1: 使用视口高度单位 */
#home {
  height: 100vh !important; /* 100%视口高度 */
  min-height: 600px; /* 最小高度 */
  max-height: 800px; /* 最大高度 */
}