.solutions-showcase { background: radial-gradient(52% 40% at 88% 2%, rgba(255, 138, 61, .14), rgba(255, 138, 61, 0) 70%), #fbfcfd; }
.solutions-heading { margin-bottom: 40px; }
.solutions-heading .eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 14px; color: #f0662a; font-weight: 600; }
.solutions-heading .eyebrow::before { content: ''; width: 22px; height: 3px; border-radius: 2px; background: #ff6a26; }
.solutions-heading .title { color: #1f2d36; font-size: 34px; font-weight: 700; line-height: 1.3; }
.solutions-subtitle { margin: 14px 0 0; color: #6d7f88; font-size: 15px; line-height: 1.8; }
/* 未选中项保留轻透的浅色胶囊，选中项用品牌橙色突出。 */
.solution-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; margin-bottom: 30px; padding: 10px 0; }
.solution-tabs button { position: relative; display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 62px; padding: 12px 20px; border: 0; border-radius: 999px; background: linear-gradient(135deg, rgba(250, 252, 255, .95), rgba(237, 245, 254, .72)); box-shadow: 0 8px 22px rgba(71, 104, 143, .06); color: #52677a; font: inherit; font-size: 16px; font-weight: 500; cursor: pointer; transition: color .2s ease, box-shadow .2s ease; }
.solution-tabs button svg { width: 26px; height: 26px; flex: none; color: #526b8b; transition: color .2s ease; }
.solution-tabs button:hover { color: #f0591d; }
.solution-tabs button:hover svg { color: #ff6a26; }
.solution-tabs button[aria-selected="true"] { color: #fff; font-weight: 600; background: linear-gradient(110deg, #ff9e50, #ff6927); box-shadow: 0 11px 24px rgba(246, 105, 40, .27); }
.solution-tabs button[aria-selected="true"] svg { color: #fff; }
.solution-tabs button[aria-selected="true"]::after { content: ''; position: absolute; right: 22px; width: 7px; height: 7px; border-top: 1.5px solid currentColor; border-right: 1.5px solid currentColor; transform: rotate(45deg); }
.solution-tabs button:focus-visible, .solution-panel:focus-visible, .solution-panel-cta:focus-visible { outline: 2px solid #ec6427; outline-offset: 4px; }
/* 所有面板共用网格占位，以最长内容确定高度，切换时下方页面不跳动。 */
.solution-panels { display: grid; border: 1px solid #eef1f3; border-radius: 20px; background: #fff; overflow: hidden; box-shadow: 0 30px 60px -40px rgba(31, 45, 54, .18); }
.solution-panel { grid-area: 1 / 1; display: grid; grid-template-columns: minmax(0, 42fr) minmax(0, 58fr); align-items: center; column-gap: 56px; padding: 48px 56px; min-width: 0; }
.solution-panel[aria-hidden="true"] { visibility: hidden; pointer-events: none; }
.solution-panel-number { position: relative; display: inline-block; padding-bottom: 10px; color: #f0662a; font-size: 13px; font-weight: 600; letter-spacing: 1px; }
.solution-panel-number::after { content: ''; position: absolute; left: 0; bottom: 0; width: 26px; height: 3px; border-radius: 2px; background: #ff6a26; }
.solution-panel-copy h3 { margin: 18px 0 14px; color: #1f2d36; font-size: 30px; line-height: 1.4; font-weight: 700; }
.solution-panel-copy > p { margin: 0; color: #67787f; font-size: 15px; line-height: 1.9; max-width: 420px; }
/* 左侧只保留三项能力名称，详细说明由方案页承接。 */
.solution-features { display: grid; gap: 10px; margin: 26px 0 30px; padding: 0; list-style: none; }
/* 无边框卡片：以浅色底与柔和投影形成层次，不使用描边。 */
.solution-features li { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border: 0; border-radius: 14px; background: #fafcfd; }
.solution-feature-icon { flex: none; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: linear-gradient(140deg, #fff2e8, #ffead9); color: #f4661f; }
.solution-feature-icon svg { width: 18px; height: 18px; }
.solution-features strong { display: block; color: #26333a; font-size: 14px; font-weight: 600; }
.solution-panel-actions { display: flex; align-items: center; }
.solution-panel-cta { display: inline-flex; align-items: center; gap: 10px; padding: 13px 26px; border-radius: 999px; background: linear-gradient(120deg, #ff8a3d, #ff5e1a); color: #fff !important; font-size: 15px; font-weight: 600; box-shadow: 0 12px 24px -10px rgba(255, 105, 37, .55); transition: transform .2s ease, box-shadow .2s ease; }
.solution-panel-cta:hover { transform: translateY(-2px); box-shadow: 0 16px 28px -10px rgba(255, 105, 37, .6); }
/* 产品视觉：暖色光晕衬托截图卡片 */
.solution-panel-visual { position: relative; min-width: 0; margin: 0; }
.solution-panel-visual::before { content: ''; position: absolute; inset: -10% -8%; background: radial-gradient(58% 58% at 62% 42%, rgba(255, 166, 110, .38), rgba(255, 166, 110, 0) 72%); }
.solution-preview { position: relative; display: flex; align-items: center; aspect-ratio: 1.5; border: 1px solid #f3ece6; border-radius: 14px; background: #f6f8fa; overflow: hidden; box-shadow: 0 24px 50px -24px rgba(200, 90, 30, .3); }
/* 旧版极速内核不支持 aspect-ratio 时，用内边距维持图片卡片的 3:2 比例。 */
@supports not (aspect-ratio: 1) {
  .solution-preview::before { content: ''; display: block; padding-top: 66.667%; }
}
.solution-preview > img { position: absolute; top: 0; left: 0; inset: 0; width: 100%; height: 100%; display: block; object-fit: contain; }
/* 前三个方案的图片铺满卡片，保留原图比例并裁去超出部分。 */
.solution-panel:not(#solution-panel-industry) .solution-preview > img { object-fit: cover; }
/* 从已有资料展示产品屏幕与阅片场景，保持来源内容一致。 */
.solution-dashboard-image { width: 100%; aspect-ratio: 524 / 296; background: #f6f8fa url('../img/ppt/pharmacy.webp') no-repeat 16.404% 59.813% / 390.84% auto; }
.solution-diagnostic-image { width: 100%; height: 100%; background: url('../img/ppt/diagnostics.jpg') no-repeat right 83% / 400% auto; }
.solution-connection { padding: 24px; width: 100%; text-align: center; }
.solution-endpoints { display: flex; justify-content: center; gap: 8px; }
.solution-endpoints span { flex: 1; padding: 12px 6px; background: #fff; border: 1px solid #dde6eb; border-radius: 6px; font-size: 12px; color: #4a6472; }
.solution-connector { margin: 18px 0 12px; color: #748c98; font-size: 11px; }
.solution-connector > span { display: block; margin-top: 6px; font-size: 20px; color: #ec763a; }
.solution-hub { padding: 20px 12px; border: 1px solid #f2d4c2; border-radius: 8px; background: #fffaf6; }
.solution-hub img { width: 98px; height: auto; margin: 0 auto 12px; display: block; }
.solution-hub strong { display: block; font-size: 18px; font-weight: 500; color: #324e5e; }
.solution-hub > span { display: block; margin-top: 10px; font-size: 11px; color: #6e8490; }
.solution-implementation { margin-top: 20px; color: #667e8a; font-size: 11px; }
@media (max-width: 1050px) {
  .solutions-heading .title { font-size: 28px; }
  .solution-tabs { gap: 20px; padding: 8px 0; }
  .solution-tabs button { font-size: 14px; padding: 10px 8px; }
  .solution-tabs button svg { width: 22px; height: 22px; }
  .solution-tabs button[aria-selected="true"]::after { right: 14px; }
  .solution-panel { padding: 36px 32px 28px; column-gap: 32px; }
  .solution-panel-copy h3 { font-size: 25px; }
  .solution-connection { padding: 16px; }
  .solution-preview { aspect-ratio: auto; min-height: 330px; }
  .solution-diagnostic-image { min-height: 330px; }
}
@media (max-width: 700px) {
  .medical-layout .business-con.solutions-showcase { padding-bottom: 24px; }
  .solutions-heading .title { font-size: 24px; }
  .solutions-subtitle { font-size: 14px; }
  .solution-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 24px; margin-bottom: 20px; }
  .solution-tabs button { min-height: 54px; font-size: 13px; gap: 8px; }
  .solution-tabs button[aria-selected="true"]::after { display: none; }
  .solution-panel { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 22px 20px; align-content: start; }
  .solution-panel-copy h3 { font-size: 22px; margin-top: 14px; }
  .solution-features { gap: 8px; margin: 18px 0 20px; }
  .solution-features li { gap: 10px; padding: 10px 12px; }
  .solution-feature-icon { width: 32px; height: 32px; }
  .solution-preview { aspect-ratio: 3 / 2; min-height: 0; }
  /* 行业方案插图为 3:2，窄屏按原比例展示，避免 contain 产生上下留白。 */
  #solution-panel-industry .solution-preview { aspect-ratio: 3 / 2; min-height: 0; }
  .solution-diagnostic-image { min-height: 280px; }
  .solution-endpoints span { font-size: 10px; padding: 10px 4px; }
  .solution-connection { padding: 12px; }
  .solution-hub strong { font-size: 16px; }
}
@media (max-width: 380px) {
  .solution-tabs button { gap: 4px; padding: 8px 5px; font-size: 11.5px; white-space: nowrap; }
  .solution-tabs button svg { width: 18px; height: 18px; }
}