/* ==========================================================================
 * Falixer 前台统一视觉层（wwwCSS · 网站主题）
 * --------------------------------------------------------------------------
 * 只覆盖「弹层 / 下拉 / 模块容器」这类浮在页面上的块：
 * 圆角与阴影对齐后台，页面骨架（导航条、banner、栅格）完全不动。
 * ========================================================================== */

/* 顶栏下拉菜单：原来直角贴边，改成后台那种圆角浮层 */
.Submenu-background,
.Submenu-container {
  border-radius: var(--fx-r-lg) !important;
  border: 1px solid var(--fx-hairline);
  box-shadow: var(--fx-shadow) !important;
  overflow: hidden;
}

.Submenu-item {
  border-radius: var(--fx-r-sm);
  transition: background-color 0.18s ease;
}
.Submenu-item:hover {
  background: var(--fx-bg-soft);
}

/* 顶部搜索框 */
.sk-sousuo1,
.sk-sousuo1 input,
.nav-search-tab {
  border-radius: var(--fx-r) !important;
}

/* 模块标题：收紧字距，和后台标题的观感一致 */
.comp_container h1,
.comp_container h2,
.comp_container h3,
.comp_container_auto h1,
.comp_container_auto h2,
.comp_container_auto h3 {
  letter-spacing: -0.01em;
}

/* 首页卡片式模块：只给「白底、带边框」的块补圆角，纯布局容器不碰 */
.comp_container_auto > .white,
.comp_container_auto .comp-card {
  border-radius: var(--fx-r-lg);
  box-shadow: var(--fx-shadow-sm);
}

/* ------------------------------------------------------------ 首页信息块 */
/* 注意：.bannerbelow-content-container 是「每张卡片里的文字块」，
   不是外层容器（外层是 .bannerbelow-layoutcontainer）。
   这里不要给它加背景/圆角/阴影，否则每段标题文字都会变成一个浮起来的小卡片。 */
.bannerbelow-item-icon {
  border-radius: var(--fx-r-sm);
  overflow: hidden;
}

/* 产品区左右两块（深色渐变 + 右侧列表） */
.systemproduct-left-top,
.systemproduct-right-container,
.systemproduct-right-gradient {
  border-radius: var(--fx-r-lg);
  overflow: hidden;
}
.systemproduct-right-product {
  border-radius: var(--fx-r);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.systemproduct-right-product:hover {
  box-shadow: var(--fx-shadow);
  transform: translateY(-2px);
}

/* 区块标题 */
.sk-title {
  letter-spacing: -0.01em;
  font-weight: 700;
}
.sk-desc {
  color: var(--fx-text-sub);
}

/* --------------------------------------------------- server 产品页（tab） */
.et-hero-tabs-container {
  border-radius: 999px;
  background: var(--fx-bg-soft);
  padding: 6px;
  overflow: hidden;
}
.et-hero-tab {
  border-radius: 999px;
  transition: color 0.18s ease, background-color 0.18s ease;
}
.et-hero-tab.active {
  color: var(--fx-primary);
}
.et-hero-tab:hover {
  color: var(--fx-primary);
}

/* 产品页内容区：内容块统一圆角 */
.et-slide .comp_container_auto {
  border-radius: var(--fx-r-lg);
}