/* 保留这些 */
body {
  font-family: 'Noto Sans SC', sans-serif;
}

.heading {
  font-family: 'Noto Serif SC', serif;
}

/* 移除数字输入框的箭头 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* 修复 Remix Icon 显示问题 */
[class^="ri-"]::before, 
[class*=" ri-"]::before {
  display: inline-block;
  font-family: 'remixicon' !important;
}

/* 图标内容定义 */
.ri-time-line::before { content: "\f1df"; }
.ri-map-pin-line::before { content: "\ee66"; }
.ri-group-line::before { content: "\ed99"; }
.ri-download-line::before { content: "\ec50"; }
.ri-calendar-line::before { content: "\eb3a"; }
.ri-menu-line::before { content: "\ee92"; }
.ri-checkbox-circle-line::before { content: "\eb80"; }
.ri-check-line::before { content: "\eb7b"; }
.ri-arrow-right-line::before { content: "\ea6c"; }
.ri-mail-check-line::before { content: "\ee49"; }
.ri-close-line::before { content: "\eb99"; }
.ri-message-3-line::before { content: "\ee8b"; }
.ri-phone-line::before { content: "\ef0c"; }
.ri-user-3-line::before { content: "\f25a"; }
.ri-file-list-3-line::before { content: "\ecb9"; }
.ri-instagram-line::before { content: "\edf2"; }
.ri-facebook-fill::before { content: "\ec87"; }
.ri-twitter-x-line::before { content: "\f24d"; }
.ri-linkedin-fill::before { content: "\ee32"; }
.ri-building-line::before { content: "\eb2d"; }
.ri-brush-line::before { content: "\eb26"; }
.ri-cup-line::before { content: "\ec0c"; }
.ri-restaurant-line::before { content: "\ef5a"; }
.ri-user-heart-line::before { content: "\f25f"; }
.ri-graduation-cap-line::before { content: "\ed8e"; }
.ri-calendar-event-line::before { content: "\eb39"; }
.ri-chat-1-line::before { content: "\eb7e"; }
.ri-star-fill::before { content: "\f186"; }
.ri-wechat-line::before { content: "\f2a0"; }

/* 导航链接活动状态样式 */
.nav-link {
  transition: all 0.3s ease;
  position: relative;
}

.nav-link.active::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: currentColor;
  transform: scaleX(1);
  transition: transform 0.3s ease;
}

.nav-link:not(.active)::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: currentColor;
  transform: scaleX(0);
  transition: transform 0.3s ease;
}

.nav-link:hover::after {
  transform: scaleX(1);
}

/* 语言切换按钮活动状态 */
.lang-switch {
  transition: all 0.3s ease;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid transparent;
  width: 48px !important;  /* 固定宽度 */
  height: 36px !important; /* 固定高度 */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.lang-switch.active {
  color: #9A2827;  /* primary color */
  font-weight: 500;
  background-color: rgba(255, 255, 255, 0.2);
}

/* 滚动后的样式 */
.nav-scrolled .lang-switch {
  background-color: transparent;
  border: 1px solid #e5e7eb;
}

.nav-scrolled .lang-switch.active {
  background-color: rgba(154, 40, 39, 0.1);
  color: #9A2827;
  font-weight: 600;
}

.nav-scrolled .lang-switch:not(.active) {
  color: #1f2937;
}

/* 修复按钮连接处的边框 */
.lang-switch:first-child {
  border-right: none;
}

.nav-link.active::after {
  background-color: rgba(255, 255, 255, 0.2);
  font-weight: bold;
}

/* 定义主题色变量 */
:root {
  --primary-color: #9A2827;
}

.nav-link.font-bold {
  transform: translateY(-2px);
}