/**
 * 斯图尔特官网风格（对齐 www.steuart.top 观感：顶栏热线 + 青蓝主色 + 深色页脚）
 * 依赖 body.steuart-corporate
 */
:root {
  --st-teal: #5ab3a8;
  --st-blue: #187a90;
  --st-blue-dark: #0d4a5c;
  --st-topbar: #0a0f14;
  --st-hero-1: #0c1220;
  --st-hero-2: #0f3d45;
  --st-hero-3: #155e75;
}

body.steuart-corporate {
  font-family: "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  color: #1e293b;
}

.site-topbar {
  background: linear-gradient(90deg, var(--st-topbar) 0%, #111827 55%, #0f172a 100%);
  border-bottom: 1px solid rgba(90, 179, 168, 0.35);
}

body.steuart-corporate header.steuart-header {
  background: #fff;
  box-shadow: 0 1px 0 rgba(24, 122, 144, 0.14), 0 10px 28px rgba(15, 23, 42, 0.06);
}

body.steuart-corporate header.steuart-header nav a {
  position: relative;
}

body.steuart-corporate header.steuart-header nav a:hover {
  color: var(--st-blue) !important;
}

body.steuart-corporate header.steuart-header nav a.text-primary {
  color: var(--st-blue) !important;
}

@media (min-width: 768px) {
  body.steuart-corporate header.steuart-header nav a:hover::after,
  body.steuart-corporate header.steuart-header nav a.text-primary::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6px;
    height: 2px;
    border-radius: 1px;
    background: linear-gradient(90deg, var(--st-teal), var(--st-blue));
  }
}

body.steuart-corporate .hero-bg {
  background: linear-gradient(118deg, var(--st-hero-1) 0%, var(--st-hero-2) 42%, var(--st-hero-3) 100%) !important;
}

.hero-slogan {
  font-size: 0.8125rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(167, 243, 208, 0.88);
}

/* 首页全宽大图横幅：叠字可读性（略偏青绿阴影，与底图协调） */
.hero-banner-static h1 {
  text-shadow: 0 2px 24px rgba(2, 28, 34, 0.55);
}

.hero-banner-static p {
  text-shadow: 0 1px 14px rgba(2, 28, 34, 0.45);
}

/**
 * 左侧加宽渐变「字帘」：盖住底图里衬板外、上下的印刷字（与衬板宽度解耦）。
 */
.st-page-hero-left-veil {
  position: absolute;
  inset-block: 0;
  left: 0;
  width: min(98vw, 42rem);
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(
    90deg,
    rgba(3, 28, 34, 0.97) 0%,
    rgba(8, 52, 62, 0.92) 38%,
    rgba(12, 72, 82, 0.62) 68%,
    transparent 100%
  );
}

@media (min-width: 640px) {
  .st-page-hero-left-veil {
    width: min(85vw, 48rem);
  }
}

@media (min-width: 1024px) {
  .st-page-hero-left-veil {
    width: min(62vw, 52rem);
  }
}

/**
 * 头图底图常带印刷标题/按钮，与 HTML 文案会「重影」。衬板与品牌青绿同一色相，避免灰蓝跳色。
 */
.st-page-hero-readout {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: min(36rem, 100%);
  padding: 1.35rem 1.35rem 1.2rem;
  border-radius: 0.875rem;
  background: linear-gradient(155deg, rgba(6, 42, 50, 0.9) 0%, rgba(12, 72, 86, 0.88) 55%, rgba(14, 80, 92, 0.82) 100%);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(90, 179, 168, 0.22);
  box-shadow:
    0 24px 56px rgba(0, 18, 24, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

@media (min-width: 768px) {
  .st-page-hero-readout {
    max-width: min(42rem, 100%);
    padding: 1.5rem 1.5rem 1.25rem;
  }
}

.st-section-head {
  text-align: center;
  margin-bottom: 2.5rem;
}

.st-section-head h2 {
  position: relative;
  display: inline-block;
  padding-bottom: 0.65rem;
  color: #0f172a;
}

.st-section-head h2::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 52px;
  height: 3px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--st-teal), var(--st-blue));
}

.st-section-head .sub {
  margin-top: 0.35rem;
  color: #64748b;
  font-size: 0.9375rem;
}

body.steuart-corporate footer.bg-gray-900 {
  background: linear-gradient(180deg, #0b1220 0%, #050810 100%) !important;
  border-top: 3px solid var(--st-blue-dark);
}

body.steuart-corporate .border-gray-800 {
  border-color: rgba(90, 179, 168, 0.15) !important;
}

body.steuart-corporate footer a:hover {
  color: var(--st-teal) !important;
}

/* 横幅区与 CTA 与主按钮统一为品牌渐变 */
body.steuart-corporate .bg-gradient-to-r.from-primary.to-secondary {
  background: linear-gradient(95deg, var(--st-blue-dark) 0%, var(--st-blue) 45%, #1a9aaa 100%) !important;
}

body.steuart-corporate .text-blue-100 {
  color: rgba(204, 251, 241, 0.92) !important;
}