/* ==========================================================================
   旧站版式复刻公共样式（.lg-*）—— 用于按 WordPress/Elementor 旧页面重做的产品页
   实测值来源：各页旧站 elementor post CSS；单页文案在 content/pages/<slug>.json
   ========================================================================== */

.lg-wrap { max-width: 1244px; margin: 0 auto; padding: 0 22px; }
.lg-sec { padding: 80px 0; }
.lg-h2 {
  color: #333;
  font-size: 32px;
  line-height: 42px;
  font-weight: 600;
  text-align: center;
  margin: 0 0 10px;
}
.lg-sub {
  color: #666;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  margin: 0 0 20px;
}
.lg-sub p { margin: 0; }

/* ---------- 按钮 ---------- */
.lg-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 16px 26px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  transition: background .2s, box-shadow .2s, transform .2s;
}
.lg-btn-blue { background: #4481ff; color: #fff; box-shadow: 0 4px 20px rgba(0, 62, 188, .2); }
.lg-btn-blue:hover { background: #3573f5; color: #fff; }
.lg-btn-white { background: #fff; color: #2f76ff; box-shadow: 0 4px 20px rgba(0, 62, 188, .2); }
.lg-btn-white:hover { background: #f4f8ff; color: #2f76ff; }

/* ---------- 首屏 ---------- */
.lg-hero {
  position: relative;
  min-height: 540px;
  background-color: #111954;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}
.lg-hero::after { display: none; }
.lg-hero-in {
  max-width: 1244px;
  margin: 0 auto;
  padding: 72px 22px 0;
  min-height: 540px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: center;
}
.lg-hero-copy { padding-left: 30px; }
.lg-hero h1 {
  color: #fff;
  font-size: 48px;
  line-height: 72px;
  font-weight: 700;
  margin: 0 0 6px;
}
.lg-hero-sub {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  margin: 0 0 12px;
}
.lg-hero-lead { color: rgba(255, 255, 255, .82); font-size: 15px; line-height: 26px; margin: 0 0 28px; max-width: 520px; }
.lg-hero-lead p { margin: 0; }
.lg-hero-lead strong { color: #fff; }
.lg-hero-art img { display: block; width: 100%; max-width: 520px; height: auto; margin: 0 auto; }

/* ---------- 卡片组 ---------- */
.lg-cards { display: grid; gap: 0; margin-top: 30px; }
.lg-cols-2 { grid-template-columns: repeat(2, 1fr); }
.lg-cols-3 { grid-template-columns: repeat(3, 1fr); }
.lg-cols-4 { grid-template-columns: repeat(4, 1fr); }
.lg-cols-5 { grid-template-columns: repeat(5, 1fr); }

/* circle 型：图标在浅蓝圆里居中排布 */
.lg-v-circle .lg-card { text-align: center; padding: 0 20px; }
.lg-v-circle .lg-ico { display: block; width: 70px; height: 70px; margin: 0 auto 18px; }
.lg-v-circle h3 { color: #333; font-size: 18px; font-weight: 600; line-height: 1.5; margin: 0 0 12px; }
.lg-v-circle p { color: #666; font-size: 15px; line-height: 26px; margin: 0; }

/* outline 型：浅底细边框卡，左对齐 */
.lg-v-outline { gap: 10px; }
.lg-v-outline .lg-card {
  background: #f7faff;
  border: 1px solid #e4ebf6;
  border-radius: 4px;
  padding: 18px 16px 22px;
}
.lg-v-outline .lg-ico { display: block; width: 38px; height: 38px; margin: 0 0 10px; }
.lg-v-outline h3 { color: #333; font-size: 17px; font-weight: 700; line-height: 1.4; margin: 0 0 8px; }
.lg-v-outline p { color: #666; font-size: 14px; line-height: 22px; margin: 0; }

/* shadowcard 型：白卡 + 圆角 12 + 柔和阴影，图标/文字居中（痛点卡） */
.lg-v-shadowcard { gap: 0; }
.lg-v-shadowcard .lg-card {
  text-align: center;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 0 24px rgba(0, 0, 0, .1);
  margin: 10px;
  padding: 24px 20px;
}
.lg-v-shadowcard .lg-ico { display: block; width: 54px; height: 54px; margin: 0 auto 16px; }
.lg-v-shadowcard h3 { color: #333; font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 12px; }
.lg-v-shadowcard p { color: #666; font-size: 14px; line-height: 26px; margin: 0; text-align: center; }

/* advcard 型：左上图标 + 标题/正文/描边按钮，右下角水印 */
.lg-v-advcard { gap: 0; }
.lg-v-advcard .lg-card {
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 120px auto;
  box-shadow: 0 4px 20px rgba(0, 0, 0, .08);
  margin: 20px;
  padding: 30px;
}
.lg-v-advcard .lg-ico { display: block; width: 50px; height: 50px; margin: 0 0 16px; }
.lg-v-advcard h3 { color: #333; font-size: 18px; font-weight: 700; line-height: 1.5; margin: 0 0 12px; }
.lg-v-advcard p { color: #666; font-size: 15px; line-height: 26px; margin: 0 0 18px; }

/* 描边小按钮（免费测试 / 了解更多） */
.lg-btn-ghost {
  display: inline-block;
  padding: 12px 18px;
  border: 1px solid #407bf5;
  border-radius: 4px;
  color: #407bf5;
  font-size: 14px;
  line-height: 1;
  background: #fff;
  transition: background .2s, color .2s;
}
.lg-btn-ghost:hover { background: #407bf5; color: #fff; }

/* ---------- 对比表格 ---------- */
.lg-table-scroll { overflow-x: auto; margin-top: 30px; -webkit-overflow-scrolling: touch; }
.lg-table { width: 100%; border-collapse: collapse; min-width: 720px; }
.lg-table th {
  background: #5d91f5;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  padding: 14px 16px;
  border: 1px solid #d1d2d5;
}
.lg-table td {
  border: 1px solid #e2e3e6;
  padding: 14px 16px;
  font-size: 15px;
  line-height: 24px;
  color: #333;
  text-align: center;
  background: #fff;
}
.lg-table tbody tr:nth-child(even) td { background: #f8fafd; }
.lg-table td:first-child { font-weight: 600; color: #333; background: #f4f6fa; }
.lg-table .lg-td-hi { font-weight: 600; }

/* ---------- 传输要求三列矩阵 ---------- */
.lg-matrix { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 30px; }
.lg-matrix-head {
  background: #f4f6fe;
  border: 1px solid #e5e6e9;
  color: #333;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  padding: 18px 12px;
}
.lg-matrix-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid #e5e6e9;
  border-top: 0;
  padding: 14px 12px;
  font-size: 16px;
  color: #333;
}
.lg-matrix-col > .lg-matrix-row:nth-child(even) { background: #fafbfd; }

/* ---------- 客户反馈 ---------- */
.lg-tt { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin-top: 30px; }
.lg-tt-card {
  position: relative;
  margin: 12px;
  padding: 30px 24px 24px;
  background: linear-gradient(180deg, #f1f4f9 0%, #fff 100%);
  box-shadow: 0 8px 20px rgba(0, 0, 0, .1);
  overflow: hidden;
}
.lg-tt-card::after {
  content: "";
  position: absolute;
  right: -18px;
  top: -18px;
  width: 96px;
  height: 96px;
  background: var(--wm) no-repeat center/contain;
  opacity: .16;
}
.lg-tt-card blockquote { position: relative; z-index: 1; margin: 0 0 18px; color: #666; font-size: 15px; line-height: 26px; }
.lg-tt-card figcaption { position: relative; z-index: 1; color: #333; font-size: 16px; font-weight: 700; text-align: right; }

/* ---------- 图片背景 + 悬浮白卡（我们的建议） ---------- */
.lg-photo-card { background: #fff; padding-bottom: 20px; }
.lg-pc-band {
  height: 300px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 42px;
}
.lg-pc-title { position: relative; z-index: 1; color: #fff; font-size: 32px; font-weight: 600; text-align: center; margin: 0; }
.lg-pc-card {
  position: relative;
  z-index: 2;
  max-width: 1080px;
  margin: -180px auto 0;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 20, 72, .12);
  padding: 40px 50px;
}
.lg-pc-block h3 { color: #333; font-size: 22px; font-weight: 700; line-height: 1.5; margin: 0 0 12px; }
.lg-pc-block + .lg-pc-block { margin-top: 26px; }
.lg-pc-block ul { margin: 0; padding-left: 22px; }
.lg-pc-block li { color: #555; font-size: 15px; line-height: 28px; margin-bottom: 6px; }
.lg-pc-cta { text-align: center; margin-top: 30px; }

/* FAQ 底部提示 */
.lg-faq-note {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 24px;
  color: #333;
  font-size: 15px;
}

/* piccard 型：白卡 + 右下角插画背景 + 底部「了解更多」 */
.lg-v-piccard { gap: 0; }
.lg-v-piccard .lg-card {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
  margin: 15px;
  padding: 24px;
  min-height: 370px;
  transition: box-shadow .25s;
}
.lg-v-piccard .lg-card:hover { box-shadow: 0 8px 24px rgba(0, 20, 72, .08); background-image: var(--hover-bg, inherit) !important; }
.lg-v-piccard h3 { color: #333; font-size: 20px; font-weight: 600; line-height: 1.4; margin: 0 0 16px; }
.lg-v-piccard p { color: #555; font-size: 15px; line-height: 26px; margin: 0; }
.lg-card-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: auto;
  padding-top: 18px;
  color: #4481ff;
  font-size: 15px;
  font-weight: 600;
}
.lg-card-link:hover { color: #2f6ff0; }
.lg-card-link .ar { font-size: 14px; }

/* ---------- 视频 + 右侧清单（应用与架构） ---------- */
.lg-split2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin-top: 30px; align-items: start; }
.lg-split2-media { margin: 20px; }
.lg-split2-media video, .lg-split2-media img { display: block; width: 100%; height: auto; }
.lg-split2-aside { margin: 20px; }
.lg-split2-aside h3 { color: #333; font-size: 24px; font-weight: 700; line-height: 36px; margin: 0 0 8px; }
.lg-split2-aside p { color: #666; font-size: 15px; line-height: 26px; margin: 0; }

/* 勾选清单（浅蓝描边小卡） */
.lg-checklist { list-style: none; margin: 12px 0 0; padding: 0; }
.lg-checklist li {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #f7faff;
  border: 1px solid #c6d3e9;
  border-radius: 4px;
  margin-top: 12px;
  padding: 12px 24px;
  color: #333;
  font-size: 18px;
}
.lg-checklist li img { flex: 0 0 auto; }
.lg-checklist-green li { background: none; border: 0; border-radius: 0; margin-top: 10px; padding: 0; font-size: 15px; color: #444; }

/* ---------- 场景卡（图片头 + 标题 + 绿色勾选） ---------- */
.lg-scenecards { display: grid; gap: 0; margin-top: 30px; }
.lg-scenecard {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 16px rgba(0, 20, 72, .1);
  margin: 15px;
  overflow: hidden;
}
.lg-scenecard-img { display: block; width: 100%; height: auto; }
.lg-scenecard-body { padding: 24px; }
.lg-scenecard-body h3 { color: #333; font-size: 22px; font-weight: 700; line-height: 1.4; margin: 0 0 12px; }
.lg-scenecard-body p { color: #666; font-size: 15px; line-height: 26px; margin: 0; }

/* topline 型：白卡 + 顶部 4px 蓝线，旧站 6 大优势用 */
.lg-v-topline { gap: 0; }
.lg-v-topline .lg-card {
  background: #fff;
  border-top: 4px solid #407bf5;
  margin: 20px;
  padding: 30px 24px;
  transition: box-shadow .25s;
}
.lg-v-topline .lg-card:hover { box-shadow: 0 4px 20px rgba(0, 0, 0, .1); }
.lg-v-topline .lg-ico { display: block; width: 46px; height: 46px; margin: 0 0 18px; }
.lg-v-topline h3 { color: #333; font-size: 20px; font-weight: 600; line-height: 30px; margin: 0 0 12px; }
.lg-v-topline p { color: #666; font-size: 15px; line-height: 26px; margin: 0; }

/* iconbox 型：浅底细边框卡，图标在标题左侧、正文占满整行 */
.lg-v-iconbox { gap: 0; }
.lg-v-iconbox .lg-card {
  display: grid;
  grid-template-columns: 50px 1fr;
  column-gap: 24px;
  align-items: start;
  background: #f7faff;
  border: 1px solid #c5d3eb;
  margin: 20px;
  padding: 30px;
}
.lg-v-iconbox .lg-ico { grid-row: 1; grid-column: 1; width: 50px; height: 50px; }
.lg-v-iconbox h3 { grid-row: 1; grid-column: 2; color: #333; font-size: 18px; font-weight: 700; line-height: 50px; margin: 0 0 12px; }
.lg-v-iconbox p { grid-row: 2; grid-column: 1 / -1; color: #666; font-size: 15px; line-height: 26px; margin: 0; }

/* boxed 型：白卡带阴影，图标在左上 */
.lg-v-boxed { gap: 24px; }
.lg-v-boxed .lg-card {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, .1);
  padding: 24px 26px;
}
.lg-v-boxed .lg-ico { display: block; width: 56px; height: 56px; margin: 0 0 14px; }
.lg-v-boxed h3 { color: #333; font-size: 18px; font-weight: 600; line-height: 1.4; margin: 0 0 10px; }
.lg-v-boxed p { color: #666; font-size: 15px; line-height: 24px; margin: 0; }

/* ---------- 行列表（白卡内含分隔线的条目） ---------- */
.lg-rows {
  max-width: 1000px;
  margin: 30px auto 0;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 24px rgba(18, 45, 100, .06);
  overflow: hidden;
}
.lg-row {
  display: flex;
  gap: 26px;
  align-items: flex-start;
  padding: 26px 30px;
  border-bottom: 1px solid #eef1f6;
}
.lg-row:last-child { border-bottom: 0; }
.lg-row-ico { flex: 0 0 auto; width: 72px; height: 72px; }
.lg-row h3 { color: #333; font-size: 18px; font-weight: 700; line-height: 1.5; margin: 0 0 8px; }
.lg-row p { color: #666; font-size: 16px; line-height: 26px; margin: 0; }
.lg-rows-cta { text-align: center; margin-top: 40px; }

/* ---------- 图文区块 ---------- */
.lg-media-fig { margin: 30px auto 0; }
.lg-media-img { display: block; max-width: 100%; height: auto; margin: 0 auto; }

/* ---------- 图文左右分栏 ---------- */
.lg-split { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
.lg-split h2 { color: #333; font-size: 18px; font-weight: 700; line-height: 30px; margin: 0 0 18px; }
.lg-split p { color: #666; font-size: 15px; line-height: 26px; margin: 0 0 14px; }
.lg-split p:last-child { margin-bottom: 0; }
.lg-split p b { color: #333; }
.lg-split-art img { display: block; width: 100%; height: auto; }

/* ---------- 核心技术双卡（图片头 + 居中标题） ---------- */
.lg-tech { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 30px; }
.lg-tech-media {
  position: relative;
  aspect-ratio: 580 / 370;
  border-radius: 12px;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  padding: 20px;
}
.lg-tech-big { font-size: 44px; font-weight: 600; line-height: 1.2; letter-spacing: 1px; text-shadow: 0 2px 12px rgba(0, 0, 0, .25); }
.lg-tech-small { display: flex; align-items: center; gap: 14px; margin-top: 14px; font-size: 14px; letter-spacing: 1px; }
.lg-tech-small::before, .lg-tech-small::after { content: ""; width: 96px; height: 1px; background: rgba(255, 255, 255, .75); }
.lg-tech-body { text-align: center; padding: 26px 16px 0; }
.lg-tech-body h4 { color: #333; font-size: 20px; font-weight: 700; line-height: 30px; margin: 0 0 10px; }
.lg-tech-body p { color: #666; font-size: 15px; line-height: 26px; margin: 0; }

/* ---------- FAQ 折叠 ---------- */
.lg-faq { display: grid; gap: 24px; margin-top: 30px; align-items: start; }
.lg-faq-2 { grid-template-columns: 1fr 1fr; }
.lg-faq-col { border: 1px solid #e2e3e6; background: #f8f8f8; }
.lg-faq-white .lg-faq-col { background: #fff; }
.lg-faq-item { border-bottom: 1px solid #e2e3e6; }
.lg-faq-item:last-child { border-bottom: 0; }
.lg-faq-item summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 30px;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}
.lg-faq-item summary::-webkit-details-marker { display: none; }
.lg-faq-item summary .lg-caret { color: #9aa4b5; font-size: 13px; transition: transform .2s; }
.lg-faq-item[open] summary { color: #4481ff; }
.lg-faq-item[open] summary .lg-caret { transform: rotate(90deg); }
.lg-faq-a { padding: 0 30px 22px; color: #666; font-size: 15px; line-height: 26px; }
.lg-faq-a p { margin: 0 0 10px; }
.lg-faq-a a { color: #4481ff; text-decoration: underline; }

/* FAQ tk 变体：左三角、白条 + 浅灰答案块、条间留白 */
.lg-faq-tk { max-width: 1060px; margin: 30px auto 0; gap: 0; }
.lg-faq-tk .lg-faq-col { border: 0; background: transparent; }
.lg-faq-tk .lg-faq-item { background: #fff; border: 0; margin-bottom: 13px; }
.lg-faq-tk .lg-faq-item:last-child { margin-bottom: 0; }
.lg-faq-tk summary { justify-content: flex-start; gap: 14px; padding: 20px 24px; font-size: 17px; font-weight: 600; }
.lg-faq-tk .lg-caret { order: -1; color: #5b6474; font-size: 11px; }
.lg-faq-tk .lg-faq-item[open] summary { color: #4272f5; }
.lg-faq-tk .lg-faq-item[open] .lg-caret { color: #4272f5; transform: rotate(-90deg); }
.lg-faq-tk .lg-faq-a {
  border: 1px solid #e5e6e9;
  background: #f7f8fa;
  padding: 18px 24px;
  color: #333;
  font-size: 16px;
  line-height: 28px;
}
.lg-faq-tk .lg-faq-a strong { color: #111; font-weight: 700; }

/* ---------- 深色 CTA（背景图 + 压暗） ---------- */
.lg-darkcta {
  position: relative;
  background-color: #0b1020;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  text-align: center;
  padding: 80px 0 80px;
}
.lg-darkcta::before { content: ""; position: absolute; inset: 0; background: rgba(6, 10, 24, .62); }
.lg-darkcta-in { position: relative; z-index: 1; }
.lg-darkcta h2 { color: #fff; font-size: 32px; font-weight: 600; line-height: 1.4; margin: 0 0 18px; }
.lg-darkcta p { color: #fff; font-size: 16px; line-height: 28px; margin: 0 0 6px; }
.lg-darkcta p a, .lg-darkcta p b ~ a { color: #4481ff; text-decoration: underline; }
.lg-darkcta .lg-btn { margin-top: 26px; color: #fff; text-decoration: none; }

/* ---------- 响应式 ---------- */
@media (max-width: 1080px) {
  .lg-cols-5 { grid-template-columns: repeat(3, 1fr); }
  .lg-cols-5 .lg-card { margin-bottom: 18px; }
  .lg-hero h1 { font-size: 40px; line-height: 56px; }
}
@media (max-width: 900px) {
  .lg-matrix, .lg-tt { grid-template-columns: 1fr; }
  .lg-matrix { gap: 12px; }
  .lg-matrix-head { font-size: 17px; padding: 14px 10px; }
  .lg-matrix-row { font-size: 15px; padding: 12px 10px; }
  .lg-tt-card { margin: 0 0 16px; }
  .lg-v-shadowcard .lg-card { margin: 0 0 16px; }
  .lg-v-advcard .lg-card { margin: 0 0 16px; padding: 22px; background-size: 88px auto; }
  .lg-photo-card { padding: 40px 0 46px; }
  .lg-pc-title { font-size: 24px; margin-bottom: -22px; }
  .lg-pc-card { margin: 0 14px; padding: 24px 20px; }
  .lg-pc-block h3 { font-size: 18px; }
  .lg-split2 { grid-template-columns: 1fr; }
  .lg-split2-media { margin: 0 0 20px; }
  .lg-split2-aside { margin: 0; }
  .lg-split2-aside h3 { font-size: 20px; line-height: 30px; }
  .lg-checklist li { font-size: 16px; padding: 12px 16px; }
  .lg-v-piccard .lg-card { min-height: 0; margin: 0 0 16px; padding: 20px; }
  .lg-scenecard { margin: 0 0 20px; }
  .lg-scenecard-body { padding: 20px; }
  .lg-scenecard-body h3 { font-size: 19px; }
  .lg-split, .lg-tech { grid-template-columns: 1fr; gap: 26px; }
  .lg-split-art { order: 0; }
  .lg-v-topline .lg-card, .lg-v-iconbox .lg-card { margin: 0 0 16px; padding: 22px 18px; }
  .lg-v-iconbox .lg-card { grid-template-columns: 42px 1fr; column-gap: 14px; }
  .lg-v-iconbox .lg-ico { width: 42px; height: 42px; }
  .lg-v-iconbox h3 { line-height: 42px; font-size: 16px; }
  .lg-tech-big { font-size: 28px; }
  .lg-tech-small::before, .lg-tech-small::after { width: 48px; }
  .lg-hero { min-height: 0; }
  .lg-hero-in { grid-template-columns: 1fr; min-height: 0; padding: 96px 22px 40px; }
  .lg-hero-copy { padding-left: 0; }
  .lg-hero h1 { font-size: 30px; line-height: 42px; margin-bottom: 10px; }
  .lg-hero-sub { font-size: 15px; line-height: 24px; }
  .lg-hero-art img { max-width: 320px; margin-top: 24px; }
  .lg-sec { padding: 48px 0; }
  .lg-h2 { font-size: 24px; line-height: 34px; }
  .lg-sub { font-size: 15px; line-height: 24px; }
  .lg-cols-3, .lg-cols-4 { grid-template-columns: repeat(2, 1fr); }
  .lg-v-circle .lg-card { padding: 0 10px 26px; }
  .lg-faq-2 { grid-template-columns: 1fr; }
  .lg-row { padding: 22px; gap: 18px; }
  .lg-row-ico { width: 56px; height: 56px; }
  .lg-darkcta { padding: 56px 0; }
  .lg-darkcta h2 { font-size: 24px; }
}
@media (max-width: 620px) {
  .lg-cols-2, .lg-cols-3, .lg-cols-4, .lg-cols-5 { grid-template-columns: 1fr; }
  .lg-row { flex-direction: column; }
  .lg-faq-item summary { padding: 16px 18px; font-size: 15px; }
  .lg-faq-a { padding: 0 18px 18px; }
}

/* ---------- 热门服务卡（图标 88 + 居中标题/正文 + 绿勾清单） ---------- */
.lg-cards.lg-v-svc { gap: 24px; margin-top: 30px; }
.lg-v-svc .lg-card {
  text-align: center;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 24px rgba(0, 20, 72, .08);
  padding: 30px 26px;
}
.lg-v-svc .lg-ico { display: block; width: 88px; height: 88px; margin: 0 auto 18px; }
.lg-v-svc h3 { color: #333; font-size: 18px; font-weight: 700; line-height: 1.4; margin: 0 0 10px; }
.lg-v-svc p { color: #666; font-size: 14px; line-height: 24px; margin: 0 auto 16px; text-align: center; max-width: 200px; }
.lg-card-list { list-style: none; margin: 0; padding: 0; text-align: left; }
.lg-card-list li { display: flex; align-items: center; gap: 8px; font-size: 14px; color: #333; line-height: 40px; }
.lg-check { flex: 0 0 18px; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #52c41a; position: relative; }
.lg-check::after {
  content: ""; position: absolute; left: 5px; top: 2.5px; width: 5px; height: 9px;
  border: solid #52c41a; border-width: 0 1.5px 1.5px 0; transform: rotate(45deg);
}

/* ---------- 文字环绕中心图（我们的优势） ---------- */
.lg-around { display: grid; grid-template-columns: 300px 380px 300px; justify-content: space-between; gap: 0; align-items: center; margin-top: 34px; }
.lg-around-col { display: flex; flex-direction: column; gap: 46px; }
.lg-around-copy h3 { color: #333; font-size: 20px; font-weight: 700; line-height: 1.4; margin: 0 0 10px; }
.lg-around-copy p { color: #666; font-size: 14px; line-height: 26px; margin: 0; }
.lg-around-art img { display: block; width: 100%; height: auto; }

/* ---------- 照片背景 CTA ---------- */
.lg-photocta { position: relative; min-height: 360px; background-size: cover; background-position: center center; display: flex; align-items: center; justify-content: center; text-align: center; }
.lg-photocta::before { content: ""; position: absolute; inset: 0; background: rgba(8, 12, 40, .28); }
.lg-photocta-in { position: relative; z-index: 1; max-width: 900px; padding: 40px 22px; }
.lg-photocta h2 { color: #fff; font-size: 36px; font-weight: 600; line-height: 1.4; margin: 0 0 14px; }
.lg-photocta p { color: rgba(255, 255, 255, .9); font-size: 15px; line-height: 26px; margin: 0 0 26px; }

@media (max-width: 900px) {
  .lg-around { grid-template-columns: 1fr; gap: 26px; justify-content: stretch; }
  .lg-around-col { gap: 26px; }
  .lg-v-svc .lg-card { padding: 24px 18px; }
  .lg-photocta { min-height: 260px; }
  .lg-photocta h2 { font-size: 24px; }
}

/* ---------- 图片在顶的核心能力卡 ---------- */
.lg-cards.lg-v-mediatop { gap: 30px; margin-top: 32px; }
.lg-v-mediatop .lg-card { background: transparent; padding: 0; }
.lg-v-mediatop .lg-ico { display: block; width: 100%; height: auto; border-radius: 10px; margin: 0 0 18px; }
.lg-v-mediatop h3 { color: #333; font-size: 18px; font-weight: 700; line-height: 1.5; margin: 0 0 10px; text-align: center; }
.lg-v-mediatop p { color: #666; font-size: 14px; line-height: 24px; margin: 0; text-align: center; }

/* ---------- 顶部蓝条 + 图标的能力卡 ---------- */
.lg-cards.lg-v-barline { gap: 45px; margin-top: 32px; }
.lg-cards.lg-v-barline.lg-cols-2 { gap: 64px; }
.lg-v-barline .lg-card {
  background: #fff;
  border-top: 4px solid #407bf5;
  border-radius: 0;
  padding: 22px 24px 26px;
}
.lg-v-barline .lg-ico { display: block; width: 44px; height: 44px; margin: 0 0 16px; }
.lg-v-barline h3 { color: #333; font-size: 20px; font-weight: 700; line-height: 1.4; margin: 0 0 12px; }
.lg-v-barline p { color: #666; font-size: 15px; line-height: 28px; margin: 0; }
.it-bars2 { margin-top: 30px !important; }

/* ---------- 客户案例卡（蓝渐变头 + 列表） ---------- */
.lg-cases { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 32px; align-items: start; }
.lg-case { background: #fff; border-radius: 4px; overflow: hidden; box-shadow: 0 4px 18px rgba(0, 20, 72, .06); }
.lg-case-head {
  background: linear-gradient(120deg, #689aff 0%, #407bf5 100%);
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  padding: 20px 12px;
}
.lg-case-body { padding: 24px 22px 26px; }
.lg-case-body h3 { color: #333; font-size: 20px; font-weight: 700; line-height: 1.4; text-align: center; margin: 0 0 16px; }
.lg-case-body ul { list-style: disc; margin: 0; padding-left: 18px; }
.lg-case-body li { color: #666; font-size: 14px; line-height: 26px; margin-bottom: 10px; }
.lg-case-body li strong { color: #333; font-weight: 700; }

@media (max-width: 900px) {
  .lg-cases { grid-template-columns: 1fr; }
  .lg-case-head { font-size: 20px; padding: 16px 12px; }
  .lg-v-barline .lg-card { padding: 18px 18px 22px; }
  .lg-v-barline h3 { font-size: 18px; }
  .lg-v-mediatop .lg-card { margin-bottom: 24px; }
}

/* ---------- 首屏要点列表（关于诺必达） ---------- */
.lg-hero-bullets { list-style: none; margin: 0 0 22px; padding: 0; }
.lg-hero-bullets li { position: relative; padding-left: 18px; color: #fff; font-size: 16px; line-height: 34px; }
.lg-hero-bullets li::before {
  content: ""; position: absolute; left: 0; top: 15px;
  width: 6px; height: 6px; border-radius: 50%; background: #fff;
}

/* ---------- 优势卡（共享底图 + 标题正文） ---------- */
.lg-cards.lg-v-advbg { gap: 24px; margin-top: 32px; }
.lg-v-advbg .lg-card {
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  border-radius: 0;
  min-height: 364px;
  padding: 26px 22px 0;
}
.lg-v-advbg h3 { color: #333; font-size: 20px; font-weight: 700; line-height: 1.4; margin: 0 0 12px; }
.lg-v-advbg p { color: #555; font-size: 15px; line-height: 28px; margin: 0; }

/* ---------- 许可证 ---------- */
.lg-certs { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; margin-top: 34px; }
.lg-cert {
  margin: 0; padding: 14px; background: #fff; box-shadow: 0 8px 26px rgba(0, 20, 72, .1);
  width: 46%; max-width: 510px;
}
.lg-cert img { display: block; width: 100%; height: auto; }

/* ---------- 相关产品四列（白色面板 + 竖分隔） ---------- */
.lg-prodcols {
  display: grid; grid-template-columns: repeat(4, 1fr);
  background: #fff; border-radius: 10px; box-shadow: 0 4px 20px rgba(0, 20, 72, .06);
  margin-top: 32px; padding: 30px 10px;
}
.lg-prod { padding: 6px 26px; }
.lg-prod + .lg-prod { border-left: 1px solid #e9ebf0; }
.lg-prod h3 { color: #333; font-size: 20px; font-weight: 700; line-height: 1.4; margin: 0 0 12px; }
.lg-prod p { color: #666; font-size: 15px; line-height: 26px; margin: 0 0 14px; }
.lg-prod .lg-card-link { color: #407bf5; font-size: 14px; }

@media (max-width: 900px) {
  .lg-certs { gap: 20px; }
  .lg-cert { width: 100%; padding: 8px; }
  .lg-prodcols { grid-template-columns: 1fr; padding: 18px 6px; }
  .lg-prod { padding: 16px 18px; }
  .lg-prod + .lg-prod { border-left: 0; border-top: 1px solid #e9ebf0; }
  .lg-v-advbg .lg-card { padding: 22px 18px 0; min-height: 300px; margin-bottom: 18px; }
  .lg-hero-bullets li { font-size: 15px; line-height: 30px; }
}

/* 纯文字链 CTA（联系我们>>） */
.lg-textlink { color: #407bf5; font-size: 15px; font-weight: 600; }
.lg-textlink:hover { text-decoration: underline; }

/* 关于诺必达：公司简介标题更大 */
.ab-intro .lg-split h2 { font-size: 32px; line-height: 42px; margin: 0 0 22px; }
.ab-intro .lg-split p { font-size: 15px; line-height: 28px; margin: 0 0 12px; }

/* 发展历程横幅段：旧站总高 120 */
.ab-devband { padding: 39px 22px; }
.ab-devband .lg-h2 { font-size: 32px; }

/* ---------- 小节标题左侧蓝条 ---------- */
.lg-h2-bar { position: relative; padding-left: 16px; font-size: 24px; line-height: 34px; }
.lg-h2-bar::before {
  content: ""; position: absolute; left: 0; top: 6px; width: 4px; height: 22px;
  background: #407bf5; border-radius: 2px;
}

/* ---------- 业务经理联系卡 ---------- */
.lg-cards.lg-v-contactcard { gap: 24px; margin-top: 24px; }
.lg-v-contactcard .lg-card {
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 4px 18px rgba(0, 20, 72, .08);
  margin: 0;
  padding: 22px 24px;
}
.lg-v-contactcard h3 { color: #333; font-size: 18px; font-weight: 700; line-height: 1.5; margin: 0 0 12px; }
.lg-v-contactcard p { color: #555; font-size: 15px; line-height: 24px; margin: 0; }

/* ---------- 公司信息（照片 + 白卡 + 地图） ---------- */
.lg-company { display: grid; grid-template-columns: 488px 1fr; gap: 20px; margin-top: 24px; align-items: stretch; }
.lg-company-photo {
  position: relative;
  min-height: 383px;
  background-size: cover; background-position: center;
  display: flex; align-items: flex-end;
}
.lg-company-card {
  background: rgba(255, 255, 255, .95);
  width: 378px; max-width: 100%;
  margin: 0 0 0 0;
  padding: 40px 40px 30px;
}
.lg-company-card h3 { color: #333; font-size: 18px; font-weight: 700; line-height: 1.5; margin: 0 0 12px; }
.lg-company-card p { color: #555; font-size: 14px; line-height: 26px; margin: 0; }
.lg-company-map { min-height: 383px; }
.lg-company-map img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* ---------- 表单 ---------- */
.lg-formsec { padding: 60px 22px 70px; }
.lg-formsec-title { color: #333; font-size: 32px; font-weight: 600; text-align: center; margin: 0 0 36px; }
.lg-form { max-width: 980px; margin: 0 auto; }
.lg-field { margin-bottom: 18px; }
.lg-field label { display: block; color: #333; font-size: 15px; font-weight: 700; margin-bottom: 8px; }
.lg-field .req { color: #e0484a; }
.lg-field input, .lg-field textarea {
  width: 100%; box-sizing: border-box;
  background: #fff; border: 1px solid #e3e6ec; border-radius: 4px;
  padding: 12px 14px; font-size: 14px; color: #333;
  font-family: inherit;
}
.lg-field textarea { min-height: 120px; resize: vertical; }
.lg-field input:focus, .lg-field textarea:focus { outline: none; border-color: #407bf5; }
.lg-form-submit { margin-top: 10px; }

@media (max-width: 900px) {
  .lg-company { grid-template-columns: 1fr; }
  .lg-company-photo { min-height: 280px; }
  .lg-company-card { width: 100%; padding: 24px 20px; }
  .lg-company-map { min-height: 200px; }
  .lg-formsec { padding: 40px 18px 50px; }
  .lg-formsec-title { font-size: 24px; margin-bottom: 24px; }
  .lg-h2-bar { font-size: 20px; }
}

.lg-h2-bar { text-align: left; }
.lg-wx { vertical-align: -3px; margin-right: 6px; }
.lg-v-contactcard p { display: flex; align-items: center; }

/* ===== 最新资讯 / 科技新闻 列表（旧站 /news/ /news2/ /news3/ /technology-news/） ===== */
.lg-nb-hero{background:linear-gradient(90deg,#5b96fe 0%,#4c75fe 100%)}
.lg-nb-hero-in{max-width:1140px;margin:0 auto;height:540px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:90px 30px 0}
.lg-nb-hero-txt{max-width:600px}
.lg-nb-hero-txt h1{font-size:50px;line-height:85px;font-weight:700;color:#fff;margin:0 0 14px}
.lg-nb-hero-txt p{font-size:16px;line-height:30px;color:rgba(255,255,255,.92);margin:0}
.lg-nb-art{width:500px;height:auto;flex:0 0 auto}
.lg-nb-main{background:#f6f6f6;padding:0 0 60px}
.lg-nb-wrap{max-width:1140px;margin:0 auto;background:#fff}
.lg-nb-main .lg-nb-wrap{margin-top:0}
.lg-nb-tabbar{background:#fff;padding-top:44px}
.lg-nb-tabs{max-width:1140px;margin:0 auto;display:flex;align-items:stretch}
.lg-nb-tab{display:flex;align-items:center;justify-content:center;min-width:142px;height:54px;font-size:16px;font-weight:600;color:#333;text-decoration:none}
.lg-nb-tab.is-on{background:#4a81f8;color:#fff}
.lg-nb-tab:last-of-type{border-right:1px solid #e9e9e9}
.lg-nb-list{padding:0 40px}
.lg-nb-item{display:flex;gap:34px;padding:40px 0;border-bottom:1px solid #eee}
.lg-nb-thumb{flex:0 0 auto;width:260px}
.lg-nb-thumb img{display:block;width:260px;height:auto}
.lg-nb-body{flex:1;min-width:0}
.lg-nb-title{font-size:20px;line-height:34px;font-weight:700;margin:0}
.lg-nb-title a{color:#1177dc;text-decoration:none}
.lg-nb-title a:hover{color:#4481ff}
.lg-nb-date{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:16px;line-height:16px;color:#888}
.lg-nb-text{font-size:14px;line-height:26px;color:#666;margin:14px 0 0}
.lg-nb-pg{display:flex;justify-content:center;align-items:center;gap:6px;padding:20px 0 40px}
.lg-nb-pg-btn{display:inline-flex;align-items:center;justify-content:center;min-width:39px;height:36px;padding:0 14px;border:1px solid #ddd;border-radius:2px;background:#fff;font-size:14px;line-height:14px;color:#666;text-decoration:none}
.lg-nb-pg-btn:hover{border-color:#4481ff;color:#4481ff}
.lg-nb-pg-btn.is-on{border-color:#4481ff;color:#4481ff}
.lg-nb-pg-btn.is-dis{color:#d8d8d8;background:#f9f9f9}
@media (max-width:900px){
 .lg-nb-hero-in{height:auto;flex-direction:column;align-items:flex-start;padding:90px 20px 34px;gap:10px}
 .lg-nb-hero-txt h1{font-size:30px;line-height:44px;margin-bottom:8px}
 .lg-nb-hero-txt p{font-size:14px;line-height:24px}
 .lg-nb-art{width:100%;max-width:320px}
 .lg-nb-wrap{margin:0}
 .lg-nb-tabs{overflow-x:auto}
 .lg-nb-tab{min-width:104px;height:46px;font-size:15px}
 .lg-nb-list{padding:0 20px}
 .lg-nb-item{flex-direction:column;gap:16px;padding:24px 0}
 .lg-nb-thumb,.lg-nb-thumb img{width:100%}
 .lg-nb-title{font-size:17px;line-height:26px}
 .lg-nb-text{font-size:14px;line-height:24px}
}

/* ===== 博客列表（旧站 /blog/ 左栏 + 大卡片） ===== */
.lg-bl{background:#f5f5f5;padding:60px 0 40px}
.lg-bl-wrap{max-width:1200px;margin:0 auto;display:flex;align-items:flex-start;gap:0}
.lg-bl-side{width:264px;flex:0 0 auto;padding-right:30px}
.lg-bl-main{flex:1;min-width:0}
.lg-bl-w{background:#fff;padding:30px;margin-bottom:30px}
.lg-bl-search{position:relative}
.lg-bl-search input{width:100%;height:51px;padding:16px 45px 16px 15px;border:1px solid #eaeaea;border-radius:2px;background:#fafafa;font-size:15px;color:#666;line-height:15px}
.lg-bl-search input::placeholder{color:#999}
.lg-bl-search button{position:absolute;right:0;top:0;width:45px;height:51px;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}
.lg-bl-ht{font-size:21px;line-height:31.5px;font-weight:400;color:#3a3a3a;margin:0 0 21px}
.lg-bl-list,.lg-bl-cats{list-style:none;margin:0;padding:0}
.lg-bl-list li{margin:0 0 6px}
.lg-bl-list a{font-size:15px;line-height:30px;color:#0274be;text-decoration:none}
.lg-bl-list a:hover{color:#e05414}
.lg-bl-cats li{font-size:15px;line-height:30px;color:#3a3a3a;margin:0 0 3.75px}
.lg-bl-cats a{color:#3a3a3a;text-decoration:none}
.lg-bl-cats a:hover{color:#0274be}
.lg-bl-art{background:#fff;padding:80px 100px;border-bottom:1px solid #eee}
.lg-bl-title{font-size:30px;line-height:39px;font-weight:400;color:#3a3a3a;margin:0 0 6px}
.lg-bl-title a{color:#3a3a3a;text-decoration:none}
.lg-bl-title a:hover{color:#0274be}
.lg-bl-meta{font-size:15px;line-height:21.75px;color:#0274be;margin-bottom:0}
.lg-bl-meta a,.lg-bl-cats{color:#0274be}
.lg-bl-thumb{margin:7.5px 0 22.5px}
.lg-bl-thumb img{display:block;width:100%;height:auto}
.lg-bl-ex{font-size:15px;line-height:27.86px;color:#3a3a3a}
.lg-bl-ex p{margin:0 0 12px}
.lg-bl-more{margin:0}
.lg-bl-more a{color:#0274be;text-decoration:none;font-size:15px}
.lg-bl-more a:hover{color:#e05414}
.lg-bl-pg{display:flex;align-items:center;justify-content:space-between;padding:30px 50px 0;font-size:16px;color:#3a3a3a}
.lg-bl-pg-nums{display:flex;align-items:center;gap:6px}
.lg-bl-pg-n{display:inline-flex;align-items:center;justify-content:center;min-width:37px;height:37px;padding:0 8px;color:#0274be;text-decoration:none;font-size:16px}
.lg-bl-pg-n.is-on{color:#3a3a3a}
.lg-bl-pg-n.is-dots{color:#3a3a3a}
.lg-bl-pg-next{color:#0274be;text-decoration:none}
@media (max-width:900px){
 .lg-bl{padding:24px 0 30px}
 .lg-bl-wrap{flex-direction:column;padding:0 16px}
 .lg-bl-side{width:100%;padding-right:0;order:2}
 .lg-bl-main{order:1;width:100%}
 .lg-bl-art{padding:24px 18px}
 .lg-bl-title{font-size:21px;line-height:30px}
 .lg-bl-pg{padding:20px 0 0;flex-wrap:wrap;gap:10px}
}

/* ===== 站内搜索 ===== */
.lg-srch{background:#f5f5f5;padding:70px 0 90px;min-height:60vh}
.lg-srch-wrap{max-width:900px;margin:0 auto;padding:0 20px}
.lg-srch-h1{font-size:32px;line-height:1.3;font-weight:700;color:#0f2545;margin:0 0 22px}
.lg-srch-form{display:flex;gap:10px}
.lg-srch-form input{flex:1;height:52px;padding:0 16px;border:1px solid #e2e3e6;border-radius:4px;font-size:15px;background:#fff}
.lg-srch-form button{height:52px;padding:0 28px;border:0;border-radius:4px;background:#4481ff;color:#fff;font-size:15px;font-weight:600;cursor:pointer}
.lg-srch-form button:hover{background:#3a74f0}
.lg-srch-tip{font-size:14px;color:#7b8697;margin:14px 0 22px}
.lg-srch-list{display:flex;flex-direction:column;gap:12px}
.lg-srch-item{display:block;background:#fff;border-radius:6px;padding:20px 24px;text-decoration:none}
.lg-srch-item h2{font-size:18px;line-height:26px;color:#1177dc;margin:0 0 6px;font-weight:600}
.lg-srch-item p{font-size:14px;line-height:24px;color:#5b6779;margin:0}
.lg-srch-item:hover h2{color:#4481ff}
.lg-srch-empty{font-size:15px;color:#7b8697}
@media (max-width:900px){
 .lg-srch{padding:36px 0 60px}
 .lg-srch-h1{font-size:24px}
 .lg-srch-form input{height:46px}
 .lg-srch-form button{height:46px;padding:0 18px}
}

/* 分类归档标题条（旧站 category 页） */
.lg-bl-arch{background:#eee;padding:75px 100px 50px}
.lg-bl-arch-t{font-size:36px;line-height:61px;font-weight:300;color:#0274be;margin:0}
@media (max-width:900px){
 .lg-bl-arch{padding:32px 18px 26px}
 .lg-bl-arch-t{font-size:24px;line-height:36px}
}

/* ---------- 发展历程时间线 ---------- */
.lg-tl .lg-wrap { max-width: 1240px; }
.lg-tl { padding: 56px 22px 64px; background: #fff; position: relative; overflow: hidden; }
.lg-tl::before {
  content: ""; position: absolute; right: 3%; top: 10%; width: 360px; height: 260px;
  background: radial-gradient(circle at 50% 50%, rgba(68,129,255,.06), rgba(68,129,255,0) 68%);
  pointer-events: none;
}
.lg-tl-grid {
  position: relative; display: grid; grid-template-columns: repeat(var(--cols, 6), 1fr);
  grid-template-rows: 1fr auto 1fr; column-gap: 18px; align-items: center;
}
.lg-tl-line {
  position: absolute; left: 0; right: 58px; top: 50%; transform: translateY(-50%);
  height: 24px; border-radius: 12px 0 0 12px;
  background: linear-gradient(90deg, #5b96fe 0%, #4c7bf6 60%, #407bf5 100%);
  z-index: 0;
}
.lg-tl-arrow {
  position: absolute; right: 0; top: 50%; transform: translateY(-50%);
  width: 62px; height: 58px; z-index: 0;
  background: linear-gradient(90deg, #4481ff 0%, #407bf5 100%);
  clip-path: polygon(0 37%, 58% 37%, 58% 0, 100% 50%, 58% 100%, 58% 63%, 0 63%);
}
.lg-tl-item {
  position: relative; display: grid; grid-row: 1 / span 3; grid-template-rows: 1fr auto 1fr;
  align-items: center;
}
.lg-tl-item::before {
  content: ""; position: absolute; left: 25px; top: 26%; bottom: 26%; width: 1px;
  background: #dfe8fa;
}
.lg-tl-dot {
  grid-row: 2; justify-self: start; position: relative; z-index: 2;
  width: 52px; height: 52px; border-radius: 50%;
  background: linear-gradient(180deg, #5b96fe, #407bf5);
  border: 5px solid #fff; box-shadow: 0 4px 14px rgba(64,123,245,.32);
  display: flex; align-items: center; justify-content: center; color: #fff;
}
.lg-tl-dot svg { width: 23px; height: 23px; }
.lg-tl-text { position: relative; z-index: 1; padding: 0 0 24px 26px; }
.lg-tl-item.is-up .lg-tl-text:first-child { grid-row: 1; align-self: end; }
.lg-tl-item.is-down .lg-tl-text:last-child { grid-row: 3; align-self: start; padding: 24px 0 0 26px; }
.lg-tl-year {
  position: relative; margin: 0 0 24px; padding-bottom: 16px;
  font-size: 23px; font-weight: 700; color: #1b2233; letter-spacing: .2px; white-space: nowrap;
}
.lg-tl-year::after {
  content: ""; position: absolute; left: 0; bottom: 0; width: 62px; height: 2px; background: #4481ff;
}
.lg-tl-text p { margin: 0; font-size: 15px; line-height: 1.85; color: #4b5563; }

@media (max-width: 900px) {
  .lg-tl { padding: 40px 18px 46px; }
  .lg-tl-grid { grid-template-columns: 1fr; grid-template-rows: none; }
  .lg-tl-line, .lg-tl-arrow { display: none; }
  .lg-tl-grid::before {
    content: ""; position: absolute; left: 21px; top: 18px; bottom: 18px; width: 2px;
    background: linear-gradient(180deg, #5b96fe, #407bf5); border-radius: 1px;
  }
  .lg-tl-item {
    grid-row: auto; grid-template-columns: 44px 1fr; grid-template-rows: auto;
    align-items: start; padding: 18px 0; column-gap: 14px;
  }
  .lg-tl-item::before { display: none; }
  .lg-tl-dot { grid-row: 1; grid-column: 1; width: 42px; height: 42px; border-width: 4px; margin-top: 2px; }
  .lg-tl-dot svg { width: 19px; height: 19px; }
  .lg-tl-item .lg-tl-text,
  .lg-tl-item.is-up .lg-tl-text:first-child,
  .lg-tl-item.is-down .lg-tl-text:last-child {
    grid-row: 1; grid-column: 2; padding: 0; align-self: start;
  }
  .lg-tl-text:empty { display: none; }
  .lg-tl-year { font-size: 18px; margin: 0 0 18px; padding-bottom: 12px; }
  .lg-tl-year::after { width: 46px; }
  .lg-tl-text p { font-size: 14px; line-height: 1.8; }
}