/**
 * Flecustom 统一视觉 — 注入 Vue SPA，使顶栏/底栏与营销站一致
 * Brand tokens mirror flecustom_web/src/app/globals.css
 */
:root {
  --fc-ink: #2a1f18;
  --fc-ink-soft: #4a3b30;
  --fc-brand: #c97a1a;
  --fc-brand-deep: #a86212;
  --fc-accent: #f5a623;
  --fc-paper: #f7f5f2;
  --fc-muted: #6b5e54;
  --fc-line: rgba(42, 31, 24, 0.1);
}

/* 顶栏：白底、细边线、品牌色激活态 */
.saas-header.dev-default,
.saas-header {
  height: 64px !important;
  background-color: rgba(255, 255, 255, 0.96) !important;
  box-shadow: none !important;
  border-bottom: 1px solid var(--fc-line) !important;
  backdrop-filter: blur(8px);
}

.saas-header .el-menu.el-menu--horizontal {
  top: 2px !important;
  background: transparent !important;
}

.saas-header .el-menu-item,
.saas-header .el-submenu__title,
.saas-header .dropdown-title span,
.saas-header a {
  color: var(--fc-ink-soft) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

.saas-header .el-menu-item:hover,
.saas-header .el-menu-item.is-active,
.saas-header .el-submenu__title:hover {
  color: var(--fc-brand) !important;
  border-bottom-color: var(--fc-brand) !important;
  background: transparent !important;
}

.saas-header .el-menu-item.is-active {
  border-bottom: 2px solid var(--fc-brand) !important;
}

.saas-header img,
.saas-header .logo img,
.saas-header .logo-img {
  height: 36px !important;
  width: auto !important;
  object-fit: contain;
}

/* 主按钮 / Element 主题偏向品牌橙 */
.el-button--primary {
  background-color: var(--fc-brand) !important;
  border-color: var(--fc-brand) !important;
}
.el-button--primary:hover,
.el-button--primary:focus {
  background-color: var(--fc-brand-deep) !important;
  border-color: var(--fc-brand-deep) !important;
}

/* 底栏：纸色背景 + 品牌色顶栏条 */
.m_footer_page {
  margin-top: 64px !important;
  box-shadow: none !important;
  border-top: 1px solid var(--fc-line) !important;
  background: var(--fc-paper) !important;
}

.m_footer_page .menuBox .firstMenu {
  color: var(--fc-ink) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.m_footer_page .menuBox .itemSecond,
.m_footer_page .menuBox .itemSecond .el-button {
  color: var(--fc-muted) !important;
  font-size: 13px !important;
}

.m_footer_page .menuBox .itemSecond:hover,
.m_footer_page .menuBox .itemSecond .el-button:hover {
  color: var(--fc-brand) !important;
}

.m_footer_page .worp {
  background-color: var(--fc-ink) !important;
}

.m_footer_page .worp .content,
.m_footer_page .worp .g_ell_1,
.m_footer_page .worp a,
.m_footer_page .worp span {
  color: rgba(255, 255, 255, 0.85) !important;
}

.m_footer_page .logo .img {
  height: 32px !important;
}

/* 页面底色贴近营销站纸色 */
body,
#app {
  background-color: #fff !important;
  color: var(--fc-ink);
}

/* 链接 hover */
a:hover {
  color: var(--fc-brand);
}