@charset "utf-8";
/* 解决方案总览专用：二级分类介绍与三级方案卡片，与产品中心保持一致。 */
/* 共用方案样式在 body 上隐藏了全部溢出；总览仅裁切横向装饰，保留文档纵向滚动。 */
.solution-page.solution-overview-page { --solution-primary-soft: color-mix(in srgb, var(--solution-primary) 8%, #fff); overflow-x: clip; overflow-y: visible; }
.solution-hub-section-heading.solution-directory-heading { display: block; width: 100%; margin-bottom: 4rem; text-align: center; }
.solution-directory-heading > div { width: 100%; margin-inline: auto; }
.solution-directory-heading h2 { font-size: clamp(2rem, 3.5vw, 3.25rem); letter-spacing: -.04em; }
.solution-hub-section-heading.solution-directory-heading p { display: block; line-height: 1.9; }
.solution-hub-group { display: grid; grid-template-columns: minmax(19rem, .82fr) minmax(0, 2.18fr); align-items: stretch; gap: 2rem; scroll-margin-top: 6.25rem; }
.solution-category-intro { position: relative; min-width: 0; min-height: 25rem; overflow: hidden; padding: 2.25rem 2.25rem 13rem; border: 1px solid var(--solution-primary-line); border-radius: 1.25rem; background: radial-gradient(ellipse at 85% 88%, color-mix(in srgb, var(--solution-primary) 20%, transparent), transparent 58%), linear-gradient(155deg, #fff 7%, var(--solution-primary-soft)); box-shadow: 0 1rem 2.5rem rgba(38,63,115,.075); isolation: isolate; }
.solution-category-intro::before { position: absolute; z-index: -1; right: -3rem; bottom: -4rem; width: 18rem; aspect-ratio: 1; border-radius: 50%; background: repeating-radial-gradient(circle, transparent 0 1.3rem, color-mix(in srgb, var(--solution-primary) 9%, transparent) 1.34rem 1.4rem); content: ''; }
.solution-category-title-row { position: relative; z-index: 1; display: flex; align-items: center; gap: .8rem; }
.solution-category-title-row > div { min-width: 0; }
.solution-category-symbol { display: grid; width: 3.5rem; height: 3.5rem; flex: 0 0 3.5rem; place-items: center; border: 1px solid var(--solution-primary-line); border-radius: 1rem; background: linear-gradient(145deg, #fff, var(--solution-primary-soft)); color: var(--solution-primary); font-size: 1.65rem; }
.solution-category-intro .solution-hub-section-label { font-size: .7rem; letter-spacing: .08em; }
.solution-category-intro h3 { margin: .35rem 0 0; color: var(--solution-ink); font-size: clamp(1.5rem, 2vw, 2rem); line-height: 1.3; font-weight: 700; }
.solution-category-intro p { position: relative; z-index: 1; margin: 1.35rem 0 0; color: var(--solution-ink); font-size: 1rem; line-height: 1.9; overflow-wrap: anywhere; }
.solution-category-artwork { position: absolute; z-index: 0; right: -.35rem; bottom: -.25rem; width: min(98%, 23rem); height: 13rem; object-fit: contain; object-position: right bottom; filter: drop-shadow(0 .8rem 1.2rem rgba(36,107,253,.12)); pointer-events: none; }
.solution-hub-group-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-content: start; gap: 1rem; }
.solution-hub-group-list .solution-hub-card { min-height: 8.75rem; height: auto; gap: .85rem; padding: 1rem 2.5rem 1rem 1.1rem; border-radius: .95rem; background: linear-gradient(145deg, #fff 8%, color-mix(in srgb, var(--solution-primary) 4%, #fff)); }
.solution-hub-card .solution-card-icon { width: 2.7rem; height: 2.7rem; flex-basis: 2.7rem; border-radius: .75rem; font-size: 1.25rem; }
.solution-hub-card .solution-card-icon img { width: 2.25rem; height: 2.25rem; }
.solution-hub-card .solution-card-title { flex-wrap: wrap; font-size: 1rem; line-height: 1.6; }
.solution-hub-card .solution-card-desc { margin-top: .5rem; font-size: .8rem; line-height: 1.75; }
.solution-hub-card .solution-card-arrow { top: 1.45rem; right: 1rem; font-size: .9rem; }
.solution-hub-card.is-disabled { opacity: .6; cursor: default; box-shadow: none; }
.solution-hub-card.is-disabled:hover { transform: none; border-color: var(--solution-primary-line); box-shadow: none; }
@media (max-width: 1399.98px) {
  .solution-hub-group { grid-template-columns: minmax(17rem, .85fr) minmax(0, 2.15fr); gap: 1.5rem; }
  .solution-category-intro { padding: 1.75rem 1.5rem 13rem; }
  .solution-hub-group-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 991.98px) {
  .solution-hub-group { grid-template-columns: 1fr; gap: 1rem; }
  .solution-category-intro { min-height: 15rem; padding: 1.5rem 48% 1.5rem 1.5rem; }
  .solution-category-artwork { width: 46%; height: 13rem; }
}
@media (max-width: 575.98px) {
  .solution-hub-group-stack { gap: 2.5rem; }
  .solution-category-intro { min-height: 20rem; padding: 1.5rem 1.5rem 10rem; }
  .solution-category-intro p { font-size: .875rem; }
  .solution-category-artwork { width: 62%; height: 10rem; }
  .solution-hub-group-list { grid-template-columns: 1fr; gap: .75rem; }
  .solution-hub-group-list .solution-hub-card { min-height: 7rem; }
}

.solution-category-symbol img { width: 2.75rem; height: 2.75rem; object-fit: contain; }
.solution-directory-heading p { color: #64748b; }
.solution-hub-card { text-decoration: none; }
@media (min-width: 1400px) {
  .solution-overview-page .solution-hub-hero > .container,
  .solution-overview-page .solution-hub-groups > .container,
  .solution-overview-page .solution-hub-cta > .container { width: calc(100% - (var(--tncms-channel-gutter) * 2)); max-width: var(--tncms-channel-wide); }
}