/* 蓝心科技官网 - IBM / Carbon 风格视觉层（本地资源）
   覆盖共享 LX 色彩变量，使整站切换为 IBM 式：近黑文字 + IBM 蓝主色 + 白/浅灰底 + Carbon 强调色系。 */

:root {
  --lx-primary: #0f62fe;          /* IBM Blue 60 */
  --lx-primary-hover: #0043ce;     /* Carbon Blue 70 */
  --lx-primary-subtle: #e8f0ff;    /* 浅蓝底 / hover 底 */
  --lx-accent: #0f62fe;
  --lx-surface: #ffffff;
  --lx-surface-2: #f4f4f4;
  --lx-border: #e0e0e0;
  --lx-text: #161616;              /* 近黑主文字 */
  --lx-muted: #525252;             /* Carbon Gray 60 */
  --lx-success: #24a148;
  --lx-info: #0f62fe;
  --lx-warning: #8a5a00;
  --lx-danger: #da1e28;
  --lx-critical: #8a1f11;
  --lx-disabled: #a8a8a8;
  --lx-shadow: 0 16px 40px rgba(22, 22, 22, .10);
}

.lx-public-nav { background:#fff; border-bottom:1px solid var(--lx-border); }
.lx-public-nav .nav-link { color:var(--lx-text); }
.lx-public-nav .nav-link:hover, .lx-public-nav .nav-link.active { color:var(--lx-primary); font-weight:600; }
.lx-public-nav .lx-public-mega-trigger, .lx-public-nav .lx-public-user-name { color:var(--lx-text); }

.btn { border-radius:.4rem; font-weight:500; }
.btn-primary { font-weight:600; }
.btn-primary:hover { box-shadow:0 8px 20px rgba(15,98,254,.22); }

.lx-preview-hero { background:#fff; }
.lx-preview-hero h1 { color:var(--lx-text); font-weight:700; letter-spacing:-.01em; }
.lx-preview-hero .lead { color:var(--lx-muted); }

.lx-section h2, .lx-public-section-heading h2, .lx-form-section-heading h2 { color:var(--lx-text); font-weight:700; }

.lx-public-card, .lx-rich-card, .lx-public-content-card, .lx-form-step, .lx-form-process-step {
  background:#fff; border:1px solid var(--lx-border); border-radius:.6rem;
}

.lx-status-info { color:var(--lx-info); background:#edf5ff; }
.lx-status-healthy { color:var(--lx-success); background:#e9f4ec; }
.lx-status-running { color:var(--lx-primary); background:#edf5ff; }
.lx-status-warning { color:var(--lx-warning); background:#fff6e2; }
.lx-status-danger { color:var(--lx-danger); background:#fbe7e7; }

.lx-public-footer { background:#161616; color:#d0d0d0; }
.lx-public-footer h4, .lx-public-footer h5, .lx-public-footer .lx-footer-brand-block p { color:#fff; }
.lx-public-footer a { color:#c6c6c6; }
.lx-public-footer a:hover { color:#fff; }
.lx-public-footer .lx-footer-bottom { color:#8d8d8d; border-top:1px solid #2a2a2a; }

/* 沉浸式大标题 Hero（IBM 式，仅首页） */
.lx-redhat-hero {
  position:relative;
  background: radial-gradient(120% 90% at 14% 0%, #ffffff 0%, #f4f7ff 54%, #ffffff 100%);
  border-bottom:1px solid var(--lx-border);
}
.lx-redhat-hero-inner { padding: 88px 0 64px; }
.lx-redhat-eyebrow { display:inline-flex; align-items:center; gap:.5rem; color:var(--lx-primary); font-weight:700; letter-spacing:.01em; font-size:.9rem; margin-bottom:1rem; }
.lx-redhat-eyebrow::before { content:""; width:22px; height:3px; background:var(--lx-primary); border-radius:2px; }
.lx-redhat-hero h1 { font-size:clamp(2.3rem,4.4vw,3.6rem); font-weight:700; line-height:1.12; letter-spacing:-.01em; color:var(--lx-text); margin-bottom:1.1rem; }
.lx-redhat-hero h1 .lx-redhat-accent { color:var(--lx-primary); }
.lx-redhat-hero .lead { max-width:640px; color:var(--lx-muted); font-size:1.12rem; }
.lx-redhat-cta { margin:1.6rem 0 2.2rem; }
.lx-redhat-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; max-width:760px; margin-top:.5rem; }
.lx-redhat-metrics .lx-hero-metric { background:#fff; border:1px solid var(--lx-border); border-radius:.6rem; padding:1rem 1.15rem; }
.lx-redhat-metrics .lx-hero-metric strong { font-size:1.7rem; font-weight:700; color:var(--lx-primary); line-height:1; display:block; }
.lx-redhat-metrics .lx-hero-metric span { display:block; margin-top:.35rem; color:var(--lx-muted); font-size:.9rem; }
.lx-redhat-capabilities { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:2.6rem; }
.lx-redhat-capabilities .lx-public-signal { background:#fff; border:1px solid var(--lx-border); border-radius:.6rem; padding:1rem 1.1rem; box-shadow:none; }
.lx-redhat-capabilities .lx-public-signal strong { color:var(--lx-text); }

@media (max-width:767.98px) {
  .lx-redhat-hero-inner { padding:56px 0 44px; }
  .lx-redhat-metrics, .lx-redhat-capabilities { grid-template-columns:1fr; }
}

/* ---------- 图片型沉浸式 Hero（首页） ---------- */
.lx-photo-hero { position:relative; overflow:hidden; color:#fff; }
.lx-photo-hero-bg { position:absolute; inset:0; background-size:cover; background-position:center; transform:scale(1.02); animation:lxKenburns 22s ease-in-out infinite alternate; }
@keyframes lxKenburns { from { transform:scale(1.02) translate(0,0); } to { transform:scale(1.12) translate(-1.5%,-1.5%); } }
.lx-photo-hero-overlay { position:absolute; inset:0; background:linear-gradient(180deg, rgba(9,20,42,.84) 0%, rgba(15,34,68,.80) 45%, rgba(16,46,98,.58) 100%); }
.lx-photo-hero > .container { position:relative; z-index:1; }
.lx-photo-hero-inner { position:relative; z-index:1; padding:56px 0 56px; }
.lx-photo-eyebrow { display:inline-flex; align-items:center; gap:.5rem; color:#78a9ff; font-weight:700; font-size:.9rem; letter-spacing:.02em; margin-bottom:1rem; }
.lx-photo-eyebrow::before { content:""; width:22px; height:3px; background:#78a9ff; border-radius:2px; }
.lx-photo-hero h1 { font-size:clamp(1.9rem,3.3vw,2.9rem); font-weight:700; line-height:1.2; letter-spacing:-.01em; color:#fff; margin-bottom:1rem; max-width:640px; }
.lx-photo-hero h1 .lx-photo-accent { color:#78a9ff; }
.lx-photo-hero .lead { max-width:640px; color:#cfe0f5; font-size:1.15rem; }
.lx-photo-cta { margin:1.7rem 0 2.2rem; }
.lx-photo-cta .btn-primary { background:#0f62fe; border-color:#0f62fe; }
.lx-photo-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:1.4rem; }
.lx-photo-metrics .lx-hero-metric { background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.18); border-radius:.6rem; padding:1rem 1.15rem; }
.lx-photo-metrics .lx-hero-metric strong { color:#fff; font-size:1.7rem; font-weight:700; line-height:1; display:block; }
.lx-photo-metrics .lx-hero-metric span { display:block; margin-top:.35rem; color:#bcd3f0; font-size:.9rem; }
.lx-photo-capabilities { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:1.6rem; }
.lx-photo-capabilities .lx-public-signal { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); border-radius:.6rem; padding:1rem 1.1rem; }
.lx-photo-capabilities .lx-public-signal strong { color:#fff; }
.lx-photo-capabilities .lx-public-signal span, .lx-photo-capabilities .lx-public-signal i { color:#cfe0f5; }

/* ---------- 产品图片卡 ---------- */
.lx-img-card-row { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.lx-img-card-row .lx-img-card { position:relative; display:block; border-radius:.6rem; overflow:hidden; height:240px; border:none; box-shadow:0 10px 28px rgba(15,98,254,.10); }
.lx-img-card img { width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.lx-img-card:hover img { transform:scale(1.08); }
.lx-img-card-overlay { position:absolute; left:0; right:0; bottom:0; padding:1rem 1.1rem; background:linear-gradient(180deg, rgba(11,23,44,0) 0%, rgba(11,23,44,.92) 100%); color:#fff; }
.lx-img-card-overlay strong { display:block; font-size:1.1rem; font-weight:700; }
.lx-img-card-overlay small { display:block; margin-top:.25rem; color:#bcd3f0; }
.lx-img-card-row > .col-md-4 { width:100%; }

@media (max-width:767.98px) {
  .lx-photo-hero-inner { padding:44px 0 44px; }
  .lx-photo-metrics, .lx-photo-capabilities, .lx-img-card-row { grid-template-columns:1fr; }
  .lx-img-card-row .lx-img-card { height:200px; }
}

/* ---------- 首屏右侧 文字品牌标识位 ---------- */
.lx-logo-lockup {
  display:inline-flex;
  align-items:center;
  gap:1rem;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  border-radius:1rem;
  padding:1.4rem 1.6rem;
  margin-left:auto;
}
.lx-logo-lockup .lx-brand-mark {
  width:64px; height:64px; flex:0 0 64px;
  display:flex; align-items:center; justify-content:center;
  background:var(--lx-primary); color:#fff;
  border-radius:.8rem; font-size:1.7rem; font-weight:800; letter-spacing:0;
}
.lx-logo-lockup strong { display:block; color:#fff; font-size:1.5rem; font-weight:700; line-height:1.1; }
.lx-logo-lockup small { display:block; color:#bcd3f0; margin-top:.3rem; font-size:.95rem; }

@media (max-width:991.98px) {
  .lx-logo-lockup { margin-left:0; margin-top:1rem; }
}

/* ---------- 下拉菜单：IBM 式（左精选 + 右链接列） ---------- */
.lx-ibm-mega-panel { display:grid; grid-template-columns:320px 1fr; background:#fff; }
.lx-ibm-mega-featured { padding:24px 26px; background:#f5f7fa; border-right:1px solid var(--lx-border); }
.lx-ibm-mega-eyebrow { display:block; color:var(--lx-primary); font-size:12px; font-weight:700; letter-spacing:.03em; }
.lx-ibm-mega-featured h4 { margin:.55rem 0 .4rem; color:var(--lx-text); font-weight:700; font-size:1.05rem; }
.lx-ibm-mega-featured p { margin:0 0 .9rem; color:var(--lx-muted); font-size:13px; line-height:1.5; }
.lx-ibm-mega-more { display:inline-flex; align-items:center; gap:.35rem; color:var(--lx-primary); font-weight:600; font-size:13px; }
.lx-ibm-mega-more:hover { color:var(--lx-primary-hover); text-decoration:none; }
.lx-ibm-mega-links { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:4px 8px; padding:20px 14px; }
.lx-ibm-mega-group { padding:0 12px; }
.lx-ibm-mega-group h5 { font-size:12px; color:var(--lx-muted); font-weight:700; text-transform:uppercase; letter-spacing:.02em; margin:0 0 .55rem; }
.lx-ibm-mega-link { display:block; color:var(--lx-text); padding:8px 10px; border-radius:6px; font-size:14px; }
.lx-ibm-mega-link:hover { color:var(--lx-primary); background:#f2f4f7; text-decoration:none; }

@media (max-width: 767.98px) {
  .lx-ibm-mega-panel { grid-template-columns:1fr; }
  .lx-ibm-mega-featured { border-right:none; border-bottom:1px solid var(--lx-border); padding:16px 18px; }
}

/* ---------- 下拉菜单：全宽 IBM megamenu（多列 + 图标 + 精选区） ---------- */
.lx-public-mega-menu { left:0; right:0; width:auto; transform:none; top:62px; border-radius:0; border-top:1px solid var(--lx-border); box-shadow:0 24px 60px rgba(16,24,40,.16); }
.lx-ibm-mega-wrap { max-width:1280px; margin:0 auto; }
.lx-ibm-mega-panel { display:grid; grid-template-columns:300px 1fr; background:#fff; }
.lx-ibm-mega-featured { padding:28px 26px; background:#f5f7fa; border-right:1px solid var(--lx-border); }
.lx-ibm-mega-featured-icon { display:grid; place-items:center; width:46px; height:46px; border-radius:10px; background:var(--lx-primary); color:#fff; font-size:1.4rem; margin:.55rem 0 .9rem; }
.lx-ibm-mega-featured h4 { margin:0 0 .45rem; color:var(--lx-text); font-weight:700; font-size:1.1rem; }
.lx-ibm-mega-featured p { margin:0 0 1rem; color:var(--lx-muted); font-size:13px; line-height:1.55; }
.lx-ibm-mega-more { display:inline-flex; align-items:center; gap:.4rem; color:var(--lx-primary); font-weight:600; font-size:13px; }
.lx-ibm-mega-more:hover { color:var(--lx-primary-hover); text-decoration:none; }
.lx-ibm-mega-columns { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:10px 18px; padding:26px 22px; }
.lx-ibm-mega-column h5 { display:flex; align-items:center; gap:.55rem; font-size:13px; color:var(--lx-muted); font-weight:700; text-transform:uppercase; letter-spacing:.02em; margin:0 0 .55rem; }
.lx-ibm-mega-column h5 i { color:var(--lx-primary); font-size:1.05rem; }
.lx-ibm-mega-link { display:flex; align-items:center; gap:.6rem; color:var(--lx-text); padding:9px 10px; border-radius:6px; font-size:14px; }
.lx-ibm-mega-link i { color:var(--lx-muted); font-size:1.1rem; }
.lx-ibm-mega-link:hover { color:var(--lx-primary); background:#f2f4f7; text-decoration:none; }
.lx-ibm-mega-link:hover i { color:var(--lx-primary); }

@media (max-width: 991.98px) {
  .lx-ibm-mega-panel { grid-template-columns:1fr; }
  .lx-ibm-mega-featured { border-right:none; border-bottom:1px solid var(--lx-border); }
}
@media (max-width: 767.98px) {
  .lx-public-mega-menu { position:static; width:100%; transform:none; border-radius:0; box-shadow:none; }
}

/* ---------- 产品/方案/服务页：图片型 Hero + 图文特色区 ---------- */
.lx-page-hero { position:relative; overflow:hidden; color:#fff; }
.lx-page-hero-bg { position:absolute; inset:0; background-size:cover; background-position:center; transform:scale(1.02); animation:lxKenburns 22s ease-in-out infinite alternate; }
.lx-page-hero-overlay { position:absolute; inset:0; background:linear-gradient(160deg, rgba(11,22,44,.88) 0%, rgba(15,34,68,.80) 52%, rgba(16,46,98,.62) 100%); }
.lx-page-hero-inner { position:relative; z-index:1; padding:56px 0 56px; max-width:760px; }
.lx-page-eyebrow { display:inline-flex; align-items:center; gap:.5rem; color:#78a9ff; font-weight:700; font-size:.9rem; letter-spacing:.02em; margin-bottom:1rem; }
.lx-page-eyebrow::before { content:""; width:22px; height:3px; background:#78a9ff; border-radius:2px; }
.lx-page-hero h1 { font-size:clamp(2rem,3.8vw,3.1rem); font-weight:700; line-height:1.12; letter-spacing:-.01em; color:#fff; margin-bottom:1rem; }
.lx-page-hero .lead { max-width:620px; color:#cfe0f5; font-size:1.15rem; }
.lx-page-cta { margin-top:1.7rem; display:flex; flex-wrap:wrap; gap:.75rem; }
.lx-page-cta .btn-primary { background:#0f62fe; border-color:#0f62fe; }

.lx-feature-media { border-radius:.8rem; overflow:hidden; box-shadow:0 16px 40px rgba(15,98,254,.14); }
.lx-feature-media img { width:100%; display:block; transition:transform .5s ease; }
.lx-feature-media:hover img { transform:scale(1.05); }

@media (max-width:767.98px) {
  .lx-page-hero-inner { padding:44px 0 44px; }
}

/* 首页 Hero 右侧大 logo（双色渐变光晕，无白框；光晕随容器居中，整块下移 50px） */
.lx-hero-logo {
  position:relative; display:grid; place-items:center;
  width:100%; max-width:340px; margin-inline:auto; margin-top:50px;
}
.lx-hero-logo::before {
  content:""; position:absolute; inset:-50px; border-radius:50%; z-index:0;
  background:
    radial-gradient(46% 46% at 50% 46%, rgba(48,120,255,.55), rgba(0,190,255,.30) 58%, transparent 82%),
    radial-gradient(38% 38% at 54% 62%, rgba(120,90,255,.34), transparent 74%);
}
.lx-hero-logo::after {
  content:""; position:absolute; inset:-22px; border-radius:50%; z-index:0;
  background: radial-gradient(60% 60% at 50% 50%, rgba(255,255,255,.06), transparent 78%);
}
.lx-hero-logo img { position:relative; z-index:1; width:min(66%, 204px); height:auto; filter:drop-shadow(0 18px 34px rgba(0,80,180,.45)); }
@media (max-width:767.98px){
  .lx-hero-logo { max-width:290px; margin-top:24px; padding:1rem; }
  .lx-hero-logo img { width:62%; }
}

/* 顶部导航左侧 logo 图片 */
.lx-public-nav .lx-nav-logo { height:30px; width:auto; }