/* 医疗科技官网的展示层；沿用现有品牌、内容和业务脚本。 */
.medical-layout {
  --ink: #243b46;
  --text-body: #566973;
  --text-secondary: #657b85;
  --line: #dfe7ea;
}
.medical-layout .title { font-size: clamp(28px, 2.7vw, 38px); font-weight: 500; letter-spacing: -.7px; }
.medical-layout .eyebrow { color: #607e8a; font-size: 11px; letter-spacing: 2.6px; }
.medical-layout .section-heading { margin-bottom: 38px; }
.medical-layout .primary-link { border-radius: 8px; box-shadow: none; background: var(--orange); }
.medical-layout .primary-link:hover { background: var(--orange-hover); }
.medical-layout .primary-link span { font-size: 15px; }
/* 整屏背景使用 100vw，旧版浏览器会将纵向滚动条计入宽度，需在根滚动区域裁切横向溢出。 */
html.company-document { scroll-padding-top: 0; overflow-x: hidden; }
.medical-layout .site-header { background: rgba(255, 255, 255, .95); border-color: rgba(219, 230, 234, .8); }

/* 连续场景铺满首屏，渐变仅压低文字区细节，不形成独立卡片。 */
.medical-layout.home-page .hero { min-height: clamp(670px, 43vw, 840px); isolation: isolate; }
.medical-layout.home-page .hero-inner { min-height: calc(clamp(670px, 43vw, 840px) - 72px); z-index: 2; }
.medical-layout.home-page .hero-photo { inset: 0; z-index: 0; background-size: cover; background-position: center 25%; }
.medical-layout.home-page .hero::after {
  display: block; z-index: 1;
  background: linear-gradient(90deg, rgba(248, 250, 251, .95) 0%, rgba(248, 250, 251, .92) 28%, rgba(248, 250, 251, .82) 40%, rgba(248, 250, 251, .6) 50%, rgba(248, 250, 251, .16) 62%, rgba(248, 250, 251, 0) 74%);
}
.medical-layout.home-page .hero-copy {
  padding: 48px 0; margin: 0; width: 540px; max-width: 50%;
  border: 0; border-radius: 0; background: transparent; box-shadow: none;
  backdrop-filter: none; -webkit-backdrop-filter: none;
}
.medical-layout .hero h1 { font-size: clamp(44px, 4.4vw, 64px); font-weight: 600; letter-spacing: -1px; line-height: 1.34; }
.medical-layout .hero-description { font-size: 16px; line-height: 1.9; color: #53646d; }
.medical-layout .hero-actions { margin-top: 30px; gap: 28px; }
.medical-layout .hero-actions .primary-link { padding: 16px 24px; gap: 24px; }
.medical-layout .hero-business-tags { margin-top: 22px; }
.medical-layout .hero-brand-note { margin-top: 22px; }
@media (min-width: 701px) and (max-width: 1199px) {
  .medical-layout.home-page .hero-copy { width: 480px; max-width: 60%; }
  .medical-layout.home-page .hero-photo { background-position: 58% 25%; }
  .medical-layout.home-page .hero::after { background: linear-gradient(90deg, rgba(248, 250, 251, .97), rgba(248, 250, 251, .92) 36%, rgba(248, 250, 251, .65) 52%, rgba(248, 250, 251, 0) 80%); }
}
.medical-layout .intro-strip { padding-top: 78px; padding-bottom: 78px; grid-template-columns: 1fr 1.15fr; gap: 100px; }
.medical-layout .intro-heading .eyebrow { margin-bottom: 18px; }
.medical-layout .intro-strip h2 { font-size: 32px; font-weight: 500; line-height: 1.5; }
.medical-layout .intro-strip > p:last-child { padding: 0; border: 0; font-size: 15px; line-height: 2; color: var(--text-body); }

/* 从 PPT 原始图片中展示相应区域，保留原图，不把幻灯片文字当网页正文。 */
.medical-layout .ppt-window { position: relative; isolation: isolate; overflow: hidden; background: #edf3f5; }
.medical-layout .ppt-window img {
  position: absolute; top: 0; left: var(--photo-left, 0%); width: var(--photo-width, 100%);
  max-width: none; height: auto; display: block; z-index: 1; transform: translateY(var(--photo-top, 0%));
}
.medical-layout .crop-prescription { --photo-width: 100%; --photo-top: -36%; aspect-ratio: 3.6; }
.medical-layout .crop-diagnostics { --photo-width: 200%; --photo-top: -35.2%; aspect-ratio: 1.8; }
.medical-layout .crop-pharmacy { --photo-width: 300%; --photo-top: -19.4%; aspect-ratio: 2.45; }
.medical-layout .crop-county { --photo-width: 200%; --photo-top: -19.4%; aspect-ratio: 2; }
.medical-layout .crop-chest { --photo-width: 400%; --photo-left: -200%; --photo-top: -61.3%; aspect-ratio: 2.1; }
.medical-layout .crop-plasma { --photo-width: 570%; --photo-left: -399%; --photo-top: -24.8%; aspect-ratio: .76; }

/* 两项核心业务采用大图，接入与行业方案采用紧凑的介绍。 */
.medical-layout .business-con:not(.ask-con) { background: #f4f7f8; padding: 84px 0; }
.medical-layout .business-list { grid-template-columns: 1fr 1fr; gap: 24px; }
.medical-layout .business-list > li { border-radius: 5px; background: #fff; border: 1px solid #e0e8eb; box-shadow: none; }
.medical-layout .business-list .service-link { padding: 30px 32px 24px; }
.medical-layout .business-list .solution-photo {
  order: -1; width: calc(100% + 64px); margin: -30px -32px 28px;
  aspect-ratio: 2.15; border-radius: 0; transition: none;
}
.medical-layout .business-list .crop-prescription { --photo-width: 200%; }
.medical-layout .business-list .crop-diagnostics { --photo-top: -37%; }
.medical-layout .business-list .service-number { margin-bottom: 9px; color: #64818e; }
.medical-layout .business-list .business-title { font-size: 26px; line-height: 1.5; font-weight: 500; color: var(--ink); }
.medical-layout .business-list .business-desc { font-size: 14px; line-height: 1.9; color: var(--text-body); max-width: 100%; }
.medical-layout .solution-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 0; font-size: 11px; line-height: 1.8; }
.medical-layout .solution-tags > span { padding: 3px 10px; background: #f1f5f6; color: #536e7a; border-radius: 2px; }
.medical-layout .business-list .service-more { margin-top: auto; padding-top: 18px; border-color: #dfe8ec; }
.medical-layout .business-list .solution-tags { margin-bottom: 24px; }
.medical-layout .business-list > .service-prescription { background: #eaf1f4; border-color: #eaf1f4; }
.medical-layout .business-list > .service-supply { background: #fff8f1; border-color: #f3e7dd; }
.medical-layout .business-list .service-supply .business-title { color: var(--ink); }
.medical-layout .business-list .service-supply .business-desc { color: var(--text-body); }
.medical-layout .service-supply .solution-tags > span { background: #f6ece1; color: #876647; }
.medical-layout .service-supply .service-more { color: #425d69; }
.medical-layout .service-supply .service-more span { color: var(--orange); }
@media (hover: hover) {
  .medical-layout .business-list li:hover { transform: translateY(-3px); border-color: #b7ccd5; box-shadow: 0 10px 24px rgba(40,67,80,.06); }
  .medical-layout .business-list li:hover .service-visual { transform: none; }
}

/* 业务区标语与「了解方案」按钮统一为标签加圆形箭头。 */
.medical-layout #services .section-caption { display: flex; align-items: center; gap: 14px; margin-top: 20px; text-align: left; }
.medical-layout #services .caption-brand { color: #e85f23; font-size: 12px; font-weight: 500; letter-spacing: 2px; }
.medical-layout #services .caption-desc { padding-left: 14px; border-left: 1px solid #d8e2e8; color: var(--text-secondary); font-size: 12px; letter-spacing: .5px; }
.medical-layout .service-more .more-label { color: #5d7079; font-size: 12px; line-height: 30px; }
.medical-layout .service-more .more-arrow { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #fff1e7; color: #e85f23; font-size: 12px; transition: background .25s ease, color .25s ease; }
.medical-layout .service-more .more-arrow .ui-icon { width: 15px; height: 15px; }
.medical-layout .service-link:hover .more-arrow { background: #ff6925; color: #fff; }

/* 03/04 支撑业务卡片：左文案右示意，延续主业务卡片的圆角与悬浮。 */
.medical-layout .business-support-list { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 24px 0 0; padding: 0; list-style: none; }
.medical-layout .business-support-list > li { border: 1px solid #e0e8eb; border-radius: 5px; background: #fff; transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.medical-layout .business-support-list > .service-prescription { background: #eaf1f4; border-color: #eaf1f4; }
.medical-layout .business-support-list > .service-supply { background: #fff8f1; border-color: #f3e7dd; }
.medical-layout .business-support-list .service-link { display: flex; flex-flow: row wrap; align-items: center; height: 100%; padding: 30px 32px 24px; }
.medical-layout .business-support-list .support-copy { flex: 1; min-width: 0; }
.medical-layout .business-support-list .service-number { margin-bottom: 9px; color: #64818e; }
.medical-layout .business-support-list .business-title { margin: 0 0 12px; font-size: 24px; line-height: 1.5; font-weight: 500; color: var(--ink); }
.medical-layout .business-support-list .business-desc { font-size: 13px; line-height: 1.9; color: var(--text-body); }
.medical-layout .business-support-list .service-more { width: 100%; align-items: center; margin-top: 24px; padding-top: 18px; border-color: #dfe8ec; }
.medical-layout .business-support-list .service-supply .service-more { border-color: #ecdfd2; }
.medical-layout .support-schematic { position: relative; flex: 0 0 132px; height: 132px; margin-left: 24px; }
.medical-layout .schematic-core { position: absolute; left: 50%; top: 50%; width: 15px; height: 15px; border-radius: 50%; background: linear-gradient(135deg,#ff8a4c,#ff5c1a); box-shadow: 0 0 0 8px rgba(255,105,37,.12); transform: translate(-50%,-50%); }
.medical-layout .schematic-line { position: absolute; left: 50%; top: 50%; width: 2px; height: 54px; margin-left: -1px; border-radius: 1px; background: #c3d5de; transform-origin: center top; }
.medical-layout .schematic-line-a { transform: rotate(180deg); }
.medical-layout .schematic-line-b { transform: rotate(50deg); }
.medical-layout .schematic-line-c { transform: rotate(-50deg); }
.medical-layout .schematic-node { position: absolute; width: 11px; height: 11px; border: 2px solid #7fa3b5; border-radius: 50%; background: #fff; }
.medical-layout .schematic-node-a { left: 50%; top: 6px; transform: translateX(-50%); }
.medical-layout .schematic-node-b { left: 19px; bottom: 26px; }
.medical-layout .schematic-node-c { right: 19px; bottom: 26px; }
@media (hover: hover) {
  .medical-layout .business-support-list > li:hover { transform: translateY(-3px); border-color: #b7ccd5; box-shadow: 0 10px 24px rgba(40,67,80,.06); }
}

/* 规模数据集中成一处视觉重点，数字及来源保持原口径。 */
.medical-layout .reach-band {
  padding: 96px 0 88px; margin-top: 86px; margin-bottom: 0;
  background: #fff;
}
.medical-layout .reach-inner { display: grid; grid-template-columns: .95fr 2.05fr; gap: 20px 90px; align-items: center; }
.medical-layout .reach-heading .eyebrow { margin-bottom: 22px; font-size: 11px; letter-spacing: 3.5px; color: #7c97a4; }
.medical-layout .reach-heading .title { font-size: clamp(34px, 3vw, 40px); line-height: 1.25; font-weight: 500; letter-spacing: 0; color: #1a1a1a; }
.medical-layout .reach-description { margin-top: 22px; color: #607d8b; font-size: 14px; line-height: 1.8; }
.medical-layout .service-metrics { grid-template-columns: repeat(3, minmax(0,1fr)); margin: 0; gap: 56px 40px; }
.medical-layout .service-metrics > div { padding: 0; border-bottom: 0; }
.medical-layout .service-metrics strong { display: block; font-family: 'Segoe UI', sans-serif; font-size: clamp(40px, 3.4vw, 50px); line-height: 1.15; letter-spacing: -1px; color: #1a1a1a; font-weight: 500; white-space: nowrap; }
.medical-layout .service-metrics strong em { font-style: normal; margin-left: 3px; color: #f97316; font-size: 20px; line-height: 1; vertical-align: super; }
.medical-layout .service-metrics span { margin-top: 14px; font-size: 13px; font-weight: 400; color: #607d8b; }
/* 滚动进入时文案与数据轻微淡入上移，配合计数动画。 */
.medical-layout .reach-anim .reach-heading, .medical-layout .reach-anim .service-metrics > div { opacity: 0; transform: translateY(10px); transition: opacity .7s ease, transform .7s ease; }
.medical-layout .reach-anim.is-visible .reach-heading, .medical-layout .reach-anim.is-visible .service-metrics > div { opacity: 1; transform: none; }
.medical-layout .reach-anim .service-metrics > div:nth-child(2) { transition-delay: .07s; }
.medical-layout .reach-anim .service-metrics > div:nth-child(3) { transition-delay: .14s; }
.medical-layout .reach-anim .service-metrics > div:nth-child(4) { transition-delay: .21s; }
.medical-layout .reach-anim .service-metrics > div:nth-child(5) { transition-delay: .28s; }
.medical-layout .reach-anim .service-metrics > div:nth-child(6) { transition-delay: .35s; }
.medical-layout .brand-connection { padding-top: 90px; padding-bottom: 64px; }
.medical-layout .connection-heading { text-align: left; }
.medical-layout .connection-heading .title { text-align: left; }
.medical-layout .connection-heading p { margin-left: 0; }
.medical-layout .connection-visual { margin-top: 15px; }

/* 实拍案例使用一个主案例与三个横向案例，形成清楚的阅读顺序。 */
.medical-layout #cases { padding-top: 70px; padding-bottom: 82px; border-top: 1px solid var(--line); }
.medical-layout .cases-heading { margin-bottom: 38px; }
.medical-layout .cases-heading .eyebrow { margin-bottom: 14px; }
.medical-layout .cases-subtitle { margin-top: 16px; font-size: 14px; line-height: 1.9; color: var(--text-body); }
.medical-layout .cases-layout { display: grid; grid-template-columns: 1.08fr 1fr; gap: 24px; align-items: stretch; }
.medical-layout .case-featured { position: relative; overflow: hidden; display: flex; flex-direction: column; border: 1px solid #e3ebef; border-radius: 16px; background: #fff; transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.medical-layout .case-photo { aspect-ratio: 2.35; }
.medical-layout .case-featured .case-body { display: flex; flex-direction: column; flex: 1; padding: 26px 30px 30px; }
.medical-layout .case-meta { display: flex; align-items: center; margin-bottom: 12px; }
.medical-layout .case-category { display: inline-flex; align-items: center; gap: 9px; font-size: 12px; font-weight: 500; letter-spacing: 1.5px; color: #e85f23; }
.medical-layout .case-category::before { content: ''; width: 16px; height: 2px; border-radius: 1px; background: currentColor; opacity: .55; }
.medical-layout .case-title { font-size: 21px; line-height: 1.5; font-weight: 600; color: #22333c; }
.medical-layout .case-desc { margin-top: 10px; font-size: 13px; line-height: 1.95; color: var(--text-body); }
.medical-layout .case-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 0; padding: 0; }
.medical-layout .case-tags > span { padding: 3px 12px; border: 1px solid #e4ecf0; border-radius: 999px; color: #5a7280; font-size: 11px; line-height: 1.8; }
.medical-layout .case-cta { display: inline-flex; align-items: center; gap: 10px; margin-top: auto; padding-top: 22px; color: #e85f23 !important; font-size: 13px; font-weight: 500; }
.medical-layout .case-cta .ui-icon { width: 16px; height: 16px; transition: transform .25s ease; }
.medical-layout .case-cta:hover .ui-icon { transform: translateX(4px); }
.medical-layout .case-stack { display: grid; grid-auto-rows: 1fr; gap: 24px; }
.medical-layout .case-item { display: grid; grid-template-columns: 176px 1fr; gap: 22px; align-items: center; padding: 18px 22px 18px 18px; border: 1px solid #e3ebef; border-radius: 14px; background: #fff; transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.medical-layout .case-thumb { border-radius: 10px; }
.medical-layout .case-thumb.crop-county { --photo-width: 400%; --photo-left: -45%; --photo-top: -20%; aspect-ratio: 1.5; }
.medical-layout .case-thumb.crop-chest { --photo-width: 740%; --photo-left: -400%; aspect-ratio: 1.5; }
.medical-layout .case-thumb.crop-plasma { --photo-width: 510%; --photo-left: -357%; aspect-ratio: 1.5; }
.medical-layout .case-item .case-meta { margin-bottom: 6px; }
.medical-layout .case-item .case-category { font-size: 11px; letter-spacing: 1px; }
.medical-layout .case-item .case-title { font-size: 16px; }
.medical-layout .case-item .case-desc { margin-top: 6px; font-size: 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (hover: hover) {
  .medical-layout .case-featured:hover, .medical-layout .case-item:hover { transform: translateY(-4px); border-color: #d5e2e9; box-shadow: 0 16px 34px rgba(43,66,79,.09); }
}
.medical-layout .cases-footer { margin-top: 34px; text-align: center; }
.medical-layout .cases-more { display: inline-flex; align-items: center; gap: 12px; padding: 12px 26px; border: 1px solid #d8e4ea; border-radius: 999px; background: #fff; color: #3b6071 !important; font-size: 13px; transition: border-color .25s ease, color .25s ease, background .25s ease, transform .25s ease; }
.medical-layout .cases-more:hover { border-color: #ffc9a3; background: #fffcfa; color: #e85f23 !important; transform: translateY(-2px); }
.medical-layout .cases-more .ui-icon { width: 15px; height: 15px; }
.medical-layout .cooperation-con { background: #f5f8f9; }
.medical-layout .cooperation-list { background: #fff; border-radius: 3px; }
.medical-layout .ask-con { background: #edf3f5; }
.medical-layout .consultation-panel { border-radius: 5px; }

/* 产品页用图文导读、协作流程和分组内容承接首页。 */
.medical-layout .solution-overview { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 64px; margin-bottom: 46px; }
.medical-layout .solution-overview-copy { min-width: 0; }
.medical-layout .detail-section { padding: 88px 0; }
.medical-layout .detail-section h2 { font-size: clamp(27px,2.6vw,36px); line-height: 1.45; font-weight: 600; color: #293f4a; letter-spacing: .5px; }
.medical-layout .detail-number { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 22px; color: var(--text-secondary); font-size: 18px; line-height: 1.5; letter-spacing: .6px; font-weight: 600; }
.medical-layout .detail-number::before { content: ''; flex: 0 0 auto; width: 5px; height: 5px; border-radius: 50%; background: #ff6925; }
.medical-layout .detail-description { font-size: 14px; line-height: 2; }
.medical-layout .detail-lead { color: #3b6071; margin: 18px 0; }
.medical-layout .solution-scene { position: relative; margin: 0; min-width: 0; }
.medical-layout .solution-scene::before { content: ''; position: absolute; inset: 8% 0 -6% 8%; border-radius: 22px; background: linear-gradient(135deg,#ffedde,#fbe3d1); }
.medical-layout .detail-diagnostics .solution-scene::before { inset: 8% 8% -6% 0; background: linear-gradient(225deg,#e4eff4,#d8e7ee); }
.medical-layout .solution-scene > .ppt-window { position: relative; aspect-ratio: auto; border: 1px solid #e3ebef; border-radius: 16px; box-shadow: 0 26px 52px rgba(43,66,79,.13); }
/* 图片绝对定位时由占位元素撑开高度，避免部分内核虽识别 aspect-ratio 却将容器算成零高。 */
.medical-layout .solution-scene > .ppt-window::before { content: ''; display: block; padding-top: 54.054%; }
.medical-layout .solution-scene .crop-prescription { --photo-width: 200%; }
/* 远程诊断配图微调：放大裁切，避开源图顶部白边与右侧相邻小图的深色边缘。 */
.medical-layout .solution-scene .crop-diagnostics { --photo-width: 206%; --photo-top: -36.5%; }
.medical-layout .solution-scene .crop-plasma { --photo-width: 340%; --photo-left: -239%; }
.medical-layout .solution-scene .crop-industry-workstation { --photo-width: 105%; --photo-left: -2.5%; }
.medical-layout .solution-scene figcaption { position: relative; display: flex; align-items: center; justify-content: center; gap: 9px; padding-top: 18px; font-size: 11px; color: var(--text-secondary); letter-spacing: 1.5px; }
.medical-layout .solution-scene figcaption::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: #ff6925; }
.medical-layout .solution-grid { counter-reset: service; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; margin-top: 42px; }
.medical-layout .solution-grid article { position: relative; padding: 30px 28px 28px; border: 1px solid #e3ebef; background: #fff; border-radius: 16px; overflow: hidden; transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.medical-layout .solution-grid article::after { content: ''; position: absolute; top: 0; right: 0; left: 0; height: 3px; background: linear-gradient(90deg,#ff9a5c,#ff6925); transform: scaleX(0); transform-origin: left; transition: transform .35s ease; }
.medical-layout .solution-grid article::before { counter-increment: service; content: '0' counter(service); display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 20px; border-radius: 13px; background: #fff1e7; color: #e85f23; font-family: 'Segoe UI',sans-serif; font-size: 13px; font-weight: 600; letter-spacing: .5px; }
.medical-layout .solution-grid h3 { font-size: 19px; line-height: 1.5; font-weight: 600; color: #2b4552; }
.medical-layout .solution-grid p { font-size: 13px; line-height: 1.95; }
@media (hover: hover) {
  .medical-layout .solution-grid article:hover { transform: translateY(-6px); border-color: #ffd2b6; box-shadow: 0 18px 38px rgba(43,66,79,.1); }
  .medical-layout .solution-grid article:hover::after { transform: scaleX(1); }
}
/* 药店数字化经营：Hero 主次强化、四步闭环 Stepper、4×2 分组能力卡与服务保障模块。 */
.medical-layout #pharmacy { background: radial-gradient(620px 300px at 3% -8%,rgba(255,105,37,.07),transparent 70%); }
.medical-layout #pharmacy .solution-overview { grid-template-columns: 1.08fr 1fr; gap: 56px; margin-bottom: 0; }
.medical-layout #pharmacy h2 { font-size: clamp(30px,3vw,38px); font-weight: 700; color: #22303a; }
.medical-layout #pharmacy .detail-lead { margin: 16px 0 18px; color: #2f4c5c; font-size: 18px; font-weight: 600; }
.medical-layout #pharmacy .detail-description { line-height: 1.9; }
.medical-layout #pharmacy .solution-scene figcaption::before { display: none; }
/* 四步处方闭环：浅橙衬底容器内的连续 Stepper，橙色节点 + 灰蓝连接线。 */
.medical-layout #pharmacy .process-band { margin-top: 44px; padding: 28px 36px 32px; border: 1px solid #fce8d6; border-radius: 18px; background: #fff9f5; }
.medical-layout #pharmacy .process-band-label { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 12px; letter-spacing: 2px; color: #b0561f; }
.medical-layout #pharmacy .process-band-label::before { content: ''; width: 16px; height: 2px; border-radius: 1px; background: #ff6925; }
.medical-layout #pharmacy .diagnosis-process { gap: 0; margin: 20px 0 0; }
.medical-layout #pharmacy .diagnosis-process li { flex-direction: column; align-items: center; gap: 12px; padding: 0 8px; border: 0; background: none; text-align: center; }
.medical-layout #pharmacy .diagnosis-process li:not(:last-child)::after { top: 15px; right: auto; left: calc(50% + 25px); width: calc(100% - 50px); height: 2px; border: 0; border-radius: 1px; background: #dce3e8; transform: none; }
.medical-layout #pharmacy .diagnosis-process span { position: relative; z-index: 1; width: 30px; height: 30px; font-size: 11px; box-shadow: 0 4px 10px rgba(255,105,37,.28); }
/* 8 项能力：4 列分组卡片，图标为主、编号退场，分组标签辅助业务理解。 */
.medical-layout #pharmacy .solution-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; margin-top: 40px; }
.medical-layout #pharmacy .solution-grid article { padding: 24px; border-color: #e8edf2; border-radius: 14px; box-shadow: none; }
.medical-layout #pharmacy .solution-grid article::before { content: none; }
.medical-layout #pharmacy .card-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 16px; }
.medical-layout #pharmacy .card-icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 11px; background: #fff1e7; color: #e85f23; }
.medical-layout #pharmacy .card-icon .ui-icon { width: 20px; height: 20px; }
.medical-layout #pharmacy .card-tag { flex-shrink: 0; padding: 3px 10px; border-radius: 999px; font-size: 11px; letter-spacing: .5px; }
.medical-layout #pharmacy .card-tag--rx { background: #fff1e7; color: #d95a1c; }
.medical-layout #pharmacy .card-tag--collab { background: #eef4f8; color: #3b6071; }
.medical-layout #pharmacy .card-tag--erp { background: #f2f4f6; color: #66788a; }
.medical-layout #pharmacy .solution-grid h3 { font-size: 16px; font-weight: 600; color: #24333d; margin-bottom: 8px; }
.medical-layout #pharmacy .solution-grid p { font-size: 13px; line-height: 1.85; }
@media (hover: hover) {
  .medical-layout #pharmacy .solution-grid article:hover { transform: translateY(-2px); border-color: #ffc9a3; box-shadow: 0 10px 24px rgba(43,66,79,.08); }
}
/* 服务保障模块：无边框大卡片 + 左侧橙色强调条 + 右上角橙色装饰，品牌口号独立成行。 */
.medical-layout #pharmacy .solution-note { position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center; gap: 24px; margin-top: 40px; padding: 24px 34px 24px 38px; border: 0; border-radius: 18px; background: linear-gradient(105deg, #fff 0%, #fff 72%, #fffaf7 100%); box-shadow: 0 18px 38px rgba(239, 103, 26, .1), 0 8px 22px rgba(35, 55, 74, .06); }
.medical-layout #pharmacy .solution-note::before { content: ''; position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; width: 6px; background: linear-gradient(180deg, #ff7b18, #f45a00); }
.medical-layout #pharmacy .solution-note::after { content: ''; position: absolute; z-index: 0; top: 0; right: 0; width: 270px; height: 150px; background: radial-gradient(circle at 100% 0, rgba(255, 222, 201, .62) 0 64px, transparent 65px 91px, rgba(255, 239, 228, .8) 92px 128px, transparent 129px); pointer-events: none; }
.medical-layout #pharmacy .note-icon { position: relative; z-index: 1; flex-shrink: 0; display: grid; place-items: center; width: 68px; height: 68px; border: 1px solid rgba(255, 255, 255, .92); border-radius: 20px; background: linear-gradient(150deg, #ffede2, #fff8f3); color: #f2600f; box-shadow: 0 9px 20px rgba(244, 105, 24, .13), inset 0 1px 0 #fff; }
.medical-layout #pharmacy .note-icon .ui-icon { width: 36px; height: 36px; stroke-width: 2; }
.medical-layout #pharmacy .solution-note > div { position: relative; z-index: 1; }
.medical-layout #pharmacy .solution-note strong { display: block; margin-bottom: 6px; font-size: 20px; font-weight: 700; line-height: 1.4; color: #13263a; }
.medical-layout #pharmacy .solution-note p { margin: 0; font-size: 14px; line-height: 1.75; color: #4f6377; }
.medical-layout #pharmacy .solution-slogan { display: flex; align-items: center; justify-content: center; gap: 16px; margin: 24px 0 0; font-size: 13px; font-weight: 500; letter-spacing: 1.5px; color: #ef6a25; }
.medical-layout #pharmacy .solution-slogan::before,.medical-layout #pharmacy .solution-slogan::after { content: ''; width: 34px; height: 1px; background: #ffb98f; }
@media (max-width: 1100px) {
  .medical-layout #pharmacy .solution-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .medical-layout #pharmacy .solution-note { gap: 22px; padding: 23px 30px; }
  .medical-layout #pharmacy .note-icon { width: 64px; height: 64px; border-radius: 18px; }
  .medical-layout #pharmacy .note-icon .ui-icon { width: 34px; height: 34px; }
  .medical-layout #pharmacy .solution-note strong { font-size: 19px; }
}
@media (max-width: 700px) {
  .medical-layout #pharmacy .process-band { margin-top: 34px; padding: 22px 20px 24px; }
  .medical-layout #pharmacy .diagnosis-process { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px 12px; }
  .medical-layout #pharmacy .diagnosis-process li { flex-direction: row; gap: 10px; padding: 0; text-align: left; }
  .medical-layout #pharmacy .solution-note { gap: 16px; padding: 22px; border-radius: 17px; }
  .medical-layout #pharmacy .note-icon { width: 58px; height: 58px; border-radius: 17px; }
  .medical-layout #pharmacy .note-icon .ui-icon { width: 31px; height: 31px; }
  .medical-layout #pharmacy .solution-note strong { font-size: 18px; }
  .medical-layout #pharmacy .solution-note::after { width: 180px; height: 110px; background: radial-gradient(circle at 100% 0, rgba(255, 222, 201, .56) 0 44px, transparent 45px 63px, rgba(255, 239, 228, .74) 64px 88px, transparent 89px); }
}
/* 远程诊断与行业方案：与药店方案一致，去除场景衬底与图注圆点，仅保留图片圆角投影。 */
.medical-layout #check .solution-scene::before,
.medical-layout #industry .solution-scene::before { display: none; }
.medical-layout #check .solution-scene figcaption::before,
.medical-layout #industry .solution-scene figcaption::before { display: none; }
.medical-layout #check .solution-grid { grid-template-columns: repeat(6,minmax(0,1fr)); }
.medical-layout #check .solution-grid article { grid-column: span 2; }
.medical-layout #check .solution-grid article:nth-last-child(-n+2) { grid-column: span 3; }
.medical-layout #industry .solution-grid,.medical-layout #open-platform .solution-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.medical-layout .diagnosis-process { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; margin: 38px 0; padding: 0; border: 0; list-style: none; }
.medical-layout .diagnosis-process li { position: relative; display: flex; align-items: center; gap: 12px; padding: 13px 20px; border: 1px solid #e3ebef; border-radius: 999px; background: #fff; font-size: 14px; font-weight: 500; color: #33505d; }
.medical-layout .diagnosis-process li:not(:last-child)::after { content: ''; position: absolute; right: -14px; top: 50%; z-index: 1; width: 8px; height: 8px; border-top: 2px solid #b9cdd7; border-right: 2px solid #b9cdd7; transform: translateY(-50%) rotate(45deg); }
.medical-layout .diagnosis-process span { flex-shrink: 0; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: linear-gradient(135deg,#ff8a4c,#ff5c1a); color: #fff; font-size: 11px; font-weight: 600; }
.medical-layout .platform-flow { position: relative; overflow: hidden; padding: 38px 34px; border: 1px solid #dde9ef; border-radius: 18px; background: linear-gradient(155deg,#f2f8fb 0%,#e6f0f5 100%); text-align: center; }
.medical-layout .platform-flow::before { content: ''; position: absolute; top: -110px; right: -80px; width: 300px; height: 300px; border-radius: 50%; background: radial-gradient(circle,rgba(255,105,37,.1),transparent 68%); }
.medical-layout .flow-label { position: relative; font-size: 11px; color: #607a85; letter-spacing: 3px; }
.medical-layout .flow-clients { position: relative; display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-top: 16px; }
.medical-layout .flow-clients span { padding: 10px 18px; border: 1px solid #dce8ee; border-radius: 999px; background: #fff; box-shadow: 0 4px 12px rgba(43,66,79,.05); font-size: 12px; font-weight: 500; color: #3b5966; }
.medical-layout .flow-connector { position: relative; display: flex; flex-direction: column; align-items: center; gap: 9px; padding: 14px 0; font-size: 11px; font-weight: 500; letter-spacing: 2px; color: #e85f23; }
.medical-layout .flow-connector::before,.medical-layout .flow-connector::after { content: ''; width: 2px; height: 18px; border-radius: 1px; background: linear-gradient(180deg,#ffc49e,#ff8a4c); }
.medical-layout .flow-brand { position: relative; display: flex; flex-direction: column; align-items: center; padding: 28px 18px; border: 1px solid #e0eaf0; border-radius: 16px; background: #fff; box-shadow: 0 16px 34px rgba(43,66,79,.08); }
.medical-layout .flow-brand img { width: 138px; height: auto; margin-bottom: 16px; }
.medical-layout .flow-brand strong { font-size: 20px; font-weight: 600; color: #2b4552; }
.medical-layout .flow-brand > span { font-size: 11px; color: var(--text-body); margin-top: 10px; letter-spacing: 1px; }
.medical-layout .auxiliary-services { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 24px; margin-top: 34px; }
.medical-layout .auxiliary-services details { padding: 24px 26px; border: 1px solid #e3ebef; border-radius: 16px; background: #fff; transition: border-color .3s ease, box-shadow .3s ease; }
.medical-layout .auxiliary-services details[open] { border-color: #ffd2b6; box-shadow: 0 14px 30px rgba(43,66,79,.07); }
.medical-layout .auxiliary-services summary { position: relative; padding-right: 44px; font-size: 17px; font-weight: 600; color: #2b4552; list-style: none; }
.medical-layout .auxiliary-services summary::-webkit-details-marker { display: none; }
.medical-layout .auxiliary-services summary::after { content: '+'; position: absolute; right: 0; top: 50%; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #fff1e7; color: #e85f23; font-size: 17px; font-weight: 400; line-height: 1; transform: translateY(-50%); transition: transform .3s ease; }
.medical-layout .auxiliary-services details[open] summary::after { transform: translateY(-50%) rotate(45deg); }
.medical-layout .detail-section .content-source-note { display: inline-flex; align-items: center; gap: 8px; margin-top: 26px; padding: 8px 14px; border-radius: 8px; background: #f4f8fa; }

/* 关于我们正文沿用产品服务页的克制留白、浅色场景分区与品牌橙强调。 */
.medical-layout .about-hero { background: linear-gradient(180deg,rgba(237,244,248,0) 72%,#edf6fb 100%),#edf4f8 url('../img/about-hero-bg.webp') center / cover no-repeat; min-height: 500px; }
.medical-layout .about-hero .company-emblem { background: none; }
.medical-layout .about-hero .emblem-core { box-shadow: 0 22px 52px rgba(68,105,127,.13), inset 0 1px 0 #fff; border-radius: 17px; }
/* 章节导航与产品服务导航保持一致的胶囊形态与滑动高亮动画。 */
.company-page { --company-header-height: 88px; overflow-x: clip; }
/* 全宽章节渐变在旧版内核中会因 100vw 包含滚动条宽度而撑出横向滚动；只裁切正文，保留顶部导航的粘性定位。 */
.company-page #company-profile { overflow-x: hidden; overflow-x: clip; }
.medical-layout .company-jumpbar { position: sticky; top: var(--company-header-height); z-index: 90; margin-top: 0; height: 72px; padding: 8px 0; box-sizing: border-box; background: linear-gradient(193deg, rgba(255, 253, 250, .94) 0%, rgba(255, 252, 249, .88) 42%, rgb(241 247 251 / 90%) 100%); -webkit-backdrop-filter: blur(24px) saturate(125%); backdrop-filter: blur(24px) saturate(125%); border-bottom: 0; box-shadow: 0 8px 22px rgba(126,85,54,.018); transition: background .38s ease-out, border-color .38s ease-out, box-shadow .38s ease-out; }
.medical-layout .company-jumpbar .container { position: relative; width: min(780px, calc(100% - 40px)); height: 55px; display: grid; grid-template-columns: 1.12fr 1fr 1.08fr 1fr; align-items: center; gap: 10px; padding: 4px; border: 1px solid transparent; border-radius: 32px; box-sizing: border-box; transform: translateY(0); transition: width .4s cubic-bezier(.22,1,.36,1), height .4s ease-out, padding .4s ease-out, gap .4s ease-out, border-radius .4s ease-out, transform .4s ease-out, background .4s ease-out, border-color .4s ease-out, box-shadow .4s ease-out; }
.medical-layout .company-jumpbar a { position: relative; min-width: 0; min-height: 45px; display: flex; align-items: center; justify-content: center; gap: 9px; padding: 0 12px; color: var(--text-secondary); background: rgba(255,255,255,.88); font-size: 13px; border: 1px solid transparent; border-radius: 28px; box-sizing: border-box; box-shadow: 0 4px 16px rgba(44,64,79,.035); transition: min-height .4s ease-out, border-radius .4s ease-out, background .4s ease-out, color .4s ease-out, border-color .4s ease-out, box-shadow .4s ease-out; white-space: nowrap; }
.medical-layout .company-jumpbar a + a::before { content: ''; position: absolute; left: -2px; top: 13px; bottom: 13px; width: 1px; background: rgba(97,117,135,.12); opacity: 0; transition: opacity .35s; }
.medical-layout .company-jumpbar a span { flex-shrink: 0; display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: #eff2f6; color: var(--text-secondary); font-size: 10px; letter-spacing: .5px; font-variant-numeric: tabular-nums; transition: color .35s, background .35s; }
.medical-layout .company-jumpbar a[aria-current] { color: #fff; font-weight: 500; background: #ff6925; border-color: #ff6925; box-shadow: 0 4px 16px rgba(255,105,37,.14); }
.medical-layout .company-jumpbar a[aria-current] span { color: #fff; background: rgba(255,255,255,.18); }
.medical-layout .company-jumpbar a:hover { color: #e65d22; background: rgba(255,255,255,.8); }
.medical-layout .company-jumpbar a[aria-current]:hover { color: #fff; background: #ff6925; }
.medical-layout .company-jumpbar a:focus-visible { outline-offset: -3px; }
.medical-layout .company-jumpbar.is-compact { background: transparent; border-color: transparent; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; pointer-events: none; }
.medical-layout .company-jumpbar.is-compact .container { width: min(680px, calc(100% - 40px)); height: 50px; padding: 2px; gap: 0; border-radius: 25px; transform: translateY(-6px); background: rgba(255,255,255,.91); border-color: rgba(222,230,237,.45); box-shadow: 0 2px 8px rgba(44,64,79,.025); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); pointer-events: auto; }
.medical-layout .company-jumpbar.is-compact a { z-index: 1; min-height: 44px; border-radius: 22px; background: transparent; box-shadow: none; }
.medical-layout .company-jumpbar.is-compact a + a::before { opacity: 1; }
.medical-layout .company-jumpbar.is-compact a[aria-current] { color: #fff; background: transparent; border-color: transparent; box-shadow: none; }
.medical-layout .company-jumpbar.is-compact a[aria-current] span { color: #fff; background: rgba(255,255,255,.2); }
.medical-layout .company-jumpbar.is-compact a[aria-current]::before,
.medical-layout .company-jumpbar.is-compact a[aria-current] + a::before { opacity: 0; }
.medical-layout .company-jumpbar.is-compact a:hover:not([aria-current]) { background: #fff3ec; color: #e65d22; }
.medical-layout .company-jumpbar-highlight { position: absolute; z-index: 0; left: 0; top: 0; border-radius: 22px; background: #ff6925; box-shadow: 0 2px 8px rgba(255,105,37,.14); pointer-events: none; opacity: 0; transition: opacity .3s ease-out; }
.medical-layout .company-jumpbar-trail { position: absolute; z-index: 0; left: 0; top: 0; border-radius: 22px; filter: blur(5px); pointer-events: none; opacity: 0; visibility: hidden; }
.medical-layout .company-jumpbar.is-compact .company-jumpbar-trail { visibility: visible; }
.medical-layout .company-jumpbar.is-compact .company-jumpbar-highlight { opacity: 1; }
.medical-layout #company-profile > section { scroll-margin-top: calc(var(--company-header-height) + 72px); }
/* 三个介绍章节按蓝、白、蓝交替，并在相邻章节边缘完成颜色渐变。 */
.medical-layout #company-profile { background: #fff; }
.medical-layout .company-section { grid-template-columns: minmax(280px,.82fr) minmax(0,1.45fr); gap: 92px; padding-top: 74px; padding-bottom: 74px; }
.medical-layout .company-intro,.medical-layout .company-group { position: relative; isolation: isolate; }
.medical-layout .company-intro::before,.medical-layout .company-group::before { content: ''; position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%); pointer-events: none; }
.medical-layout .company-intro::before { background: linear-gradient(180deg,#edf6fb 0%,#f4f9fc 38%,#fff 100%); }
.medical-layout .company-group::before { background: linear-gradient(180deg,#fff 0%,#f4f9fc 45%,#edf6fb 100%); }
/* 公司介绍以更舒展的双栏比例呈现品牌主张，正文卡片与左侧标题形成清晰对照。 */
.medical-layout .company-intro { width: min(1240px, calc(100% - 112px)); grid-template-columns: minmax(330px,.83fr) minmax(0,1.83fr); gap: clamp(72px, 12.5vw, 180px); padding-top: 72px; padding-bottom: 58px; align-items: center; }
.medical-layout .company-heading h2 { color: #172b3b; font-size: 34px; line-height: 1.34; font-weight: 600; letter-spacing: -.5px; }
.medical-layout .company-section-copy { max-width: 350px; margin-top: 22px; color: #70818b; font-size: 14px; line-height: 1.9; }
.medical-layout .company-prose h3 { font-size: 18px; font-weight: 600; color: #263d4b; }
.medical-layout .company-prose p { font-size: 14px; line-height: 2; }
.medical-layout .company-intro .company-prose { position: relative; padding: 42px 48px 40px; border: 0; border-radius: 20px; background: #fff; box-shadow: 0 1px 2px rgba(24,54,77,.04), 0 10px 22px -14px rgba(24,54,77,.1), 0 26px 52px -30px rgba(24,54,77,.12); }
.medical-layout .company-intro .company-prose h3 { position: relative; padding-left: 16px; }
.medical-layout .company-intro .company-prose h3 { margin-bottom: 24px; color: #17364d; }
.medical-layout .company-intro .company-prose h3::before { content: ''; position: absolute; left: 0; top: 4px; bottom: 4px; width: 3px; border-radius: 2px; background: linear-gradient(180deg,#ff8a4c,#ff5c1a); }
.medical-layout .company-intro .company-prose p { color: #5b7282; }
.medical-layout .company-intro .company-prose p + p { margin-top: 26px; }
.medical-layout .company-since { display: inline-flex; align-items: baseline; gap: 10px; margin-top: 22px; padding: 10px 18px; border: 0; border-radius: 8px; background: #fff4ec; color: #8a8f94; }
.medical-layout .company-since strong { font-family: 'Segoe UI',sans-serif; font-size: 31px; font-weight: 500; color: #f2672b; }
.medical-layout .company-capabilities { position: relative; overflow: hidden; padding: 92px 0 100px; background: linear-gradient(110deg,#fff 0%,#fdfefe 50%,#fff 100%); }
.medical-layout .capability-layout { position: relative; z-index: 1; width: min(1240px, calc(100% - 112px)); grid-template-columns: minmax(340px,.78fr) minmax(0,1.7fr); gap: clamp(64px,5.5vw,110px); align-items: start; }
.medical-layout .capability-layout .company-heading { padding-top: 28px; }
.medical-layout .capability-tags { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: clamp(18px,3.8vw,72px); margin-bottom: 48px; }
.medical-layout .capability-tags > span { min-height: 142px; display: grid; grid-template-rows: 60px auto; place-content: center; justify-items: center; gap: 14px; padding: 18px 18px 16px; border: 0; border-radius: 16px; background: #fff7f2; text-align: center; transition: transform .25s ease, box-shadow .25s ease; }
.medical-layout .capability-tags > span:nth-child(2) { background: #f3f8ff; }
.medical-layout .capability-tags > span:nth-child(3) { background: #f0faf7; }
.medical-layout .capability-tags > span:nth-child(4) { background: #f5f4ff; }
.medical-layout .capability-tags b { display: grid; place-items: center; width: 60px; height: 60px; margin: 0; border-radius: 50%; background: rgba(255,237,226,.82); color: #ff6b2b; }
.medical-layout .capability-tags > span:nth-child(2) b { background: rgba(228,238,255,.86); color: #4f83ef; }
.medical-layout .capability-tags > span:nth-child(3) b { background: rgba(220,245,237,.86); color: #22ad85; }
.medical-layout .capability-tags > span:nth-child(4) b { background: rgba(232,230,255,.88); color: #6868ea; }
.medical-layout .capability-tags svg { width: 32px; height: 32px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.medical-layout .capability-tags strong { color: #223746; font-size: 17px; line-height: 1.2; font-weight: 600; }
.medical-layout .capability-tags small { display: none; }
@media (hover: hover) { .medical-layout .capability-tags > span:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(43,66,79,.07); } }
.medical-layout .network-highlights { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; padding: 0; margin: 4px 0 28px; border: 0; }
.medical-layout .network-highlights > div { position: relative; padding: 0 26px; border: 0; border-radius: 0; background: transparent; text-align: center; }
.medical-layout .network-highlights > div:first-child { padding-left: 0; }
.medical-layout .network-highlights > div:last-child { padding-right: 0; }
.medical-layout .network-highlights > div + div::before { content: ''; position: absolute; left: 0; top: 4px; bottom: 2px; width: 1px; background: #d9e2e7; }
.medical-layout .network-highlights strong { display: block; font-family: 'Segoe UI',sans-serif; font-size: clamp(46px, 4vw, 58px); font-weight: 600; line-height: 1.18; color: #172b3b; }
.medical-layout .network-highlights small { position: relative; top: -0.34em; margin-left: 3px; font-size: clamp(25px, 2.1vw, 30px); line-height: 1; vertical-align: baseline; color: var(--orange); }
.medical-layout .network-highlights span { display: block; margin-top: 10px; font-size: 12px; color: #73848d; letter-spacing: 0; }
.medical-layout .company-values { position: relative; isolation: isolate; grid-template-columns: 1fr 1fr; gap: 24px; padding-top: 0; padding-bottom: 74px; }
.medical-layout .company-values::before { content: ''; position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%); background: linear-gradient(180deg,#edf6fb 0%,#f7fbfd 56%,#fff 100%); pointer-events: none; }
.medical-layout .company-values article { padding: 34px 38px 32px; border: 0; border-radius: 10px; box-shadow: 0 8px 20px rgba(43,66,79,.05), 0 20px 44px -16px rgba(43,66,79,.12); transition: transform .25s ease, box-shadow .25s ease; }
@media (hover: hover) { .medical-layout .company-values article:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(43,66,79,.07), 0 26px 54px -18px rgba(43,66,79,.15); } }
.medical-layout .value-icon { display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: 18px; border-radius: 50%; background: #fff; color: #69a7ed; box-shadow: 0 6px 18px rgba(59,126,198,.1); }
.medical-layout .value-icon svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.medical-layout .company-values h2 { color: #172b3b; font-size: 25px; line-height: 1.35; font-weight: 600; }
.medical-layout .company-values p { margin-top: 12px; }
.medical-layout .value-mission { background: #fff; color: #2a5164; box-shadow: 0 1px 2px rgba(24,54,77,.04), 0 12px 24px -14px rgba(24,54,77,.1), 0 28px 54px -30px rgba(24,54,77,.12); }
.medical-layout .value-mission p { color: #667d89; }
.medical-layout .value-mission .value-line { display: none; }
.medical-layout .value-vision { background: linear-gradient(135deg,#fff8f1,#fdf2e8); }
.medical-layout .value-vision .value-icon { color: #ff6a25; }
.medical-layout .value-vision::after { display: none; }
.medical-layout .company-cta { position: relative; overflow: hidden; margin-top: 8px; margin-bottom: 90px; padding: 60px 68px; border: 0; border-radius: 22px; background: linear-gradient(118deg,#ff8a45 0%,#ff6a25 52%,#f5560f 100%); box-shadow: 0 26px 54px rgba(245,86,15,.22); }
.medical-layout .company-cta::before { content: ''; position: absolute; top: -110px; right: -70px; width: 300px; height: 300px; border-radius: 50%; background: rgba(255,255,255,.12); }
.medical-layout .company-cta::after { content: ''; position: absolute; bottom: -140px; left: 12%; width: 240px; height: 240px; border-radius: 50%; background: rgba(255,255,255,.07); }
.medical-layout .company-cta > div, .medical-layout .company-cta .primary-link { position: relative; z-index: 1; }
.medical-layout .company-cta h2 { color: #fff; }
.medical-layout .company-cta p { color: rgba(255,255,255,.88); }
.medical-layout .company-cta .primary-link { flex-shrink: 0; border-radius: 999px; background: #fff; color: #e85f23 !important; }
.medical-layout .company-cta .primary-link:hover { background: #fff3ea; }
.medical-layout .company-text-link { gap: 12px; padding: 11px 22px; border: 1px solid #d8e4ea; border-radius: 999px; background: #fff; color: #3b6071 !important; font-size: 13px; font-weight: 500; transition: border-color .25s ease, color .25s ease, background .25s ease, transform .25s ease; }
.medical-layout .company-text-link:hover { border-color: #ffc9a3; background: #fffcfa; color: #e85f23 !important; transform: translateY(-2px); }
.medical-layout .news-section-heading { align-items: baseline; }
.medical-layout .news-article:first-child { background: #f1f6f8; margin-top: 30px; padding: 0 28px; border: 0; }
.medical-layout .news-picture { border-radius: 3px; }
.medical-layout .news-article:first-child > a,.medical-layout .news-article:first-child > .news-unlinked { padding: 28px 0; }

@media (max-width: 1100px) {
  .medical-layout .intro-strip { gap: 48px; }
  .medical-layout .reach-band { padding: 64px 0 58px; }
  .medical-layout .reach-inner { grid-template-columns: 1fr; gap: 44px; }
  .medical-layout .reach-heading { display: grid; grid-template-columns: 1fr 1fr; gap: 0 24px; }
  .medical-layout .reach-heading .eyebrow { grid-column: 1 / -1; }
  .medical-layout .reach-description { margin-top: 0; align-self: end; }
  .medical-layout .service-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 44px 32px; }
  .medical-layout .service-metrics strong { font-size: clamp(36px,4.4vw,46px); }
  .medical-layout .business-support-list .service-link { padding: 26px; }
  .medical-layout .cases-layout { grid-template-columns: 1fr; }
  .medical-layout .case-stack { grid-auto-rows: auto; }
  .medical-layout .case-item { grid-template-columns: 150px 1fr; gap: 16px; }
  .medical-layout .solution-overview { gap: 32px; }
  .medical-layout .solution-grid article { padding: 24px 22px; }
  .medical-layout .company-section,.medical-layout .capability-layout { gap: 40px; }
  .medical-layout .company-intro { width: calc(100% - 64px); gap: 56px; }
  .medical-layout .capability-layout { width: calc(100% - 64px); grid-template-columns: minmax(280px,.72fr) minmax(0,1.45fr); gap: 56px; }
  .medical-layout .capability-tags { gap: 18px; }
  .medical-layout .capability-tags > span { min-height: 156px; }
  .medical-layout .company-intro .company-prose { padding: 32px 28px; }
  .medical-layout .network-highlights strong { font-size: clamp(42px, 5.4vw, 52px); }
  .medical-layout .network-highlights small { font-size: clamp(23px, 2.8vw, 28px); }
  .medical-layout .company-cta { padding: 48px 44px; }
}
@media (max-width: 700px) {
  .medical-layout.home-page .hero { min-height: 0; padding-bottom: 300px; }
  .medical-layout.home-page .hero-inner { min-height: 0; align-items: flex-start; }
  .medical-layout.home-page .hero-copy { padding: 36px 0 24px; width: 100%; max-width: 100%; margin: 0; }
  .medical-layout .hero h1 { font-size: clamp(38px,10vw,50px); line-height: 1.35; letter-spacing: 0; }
  .medical-layout .hero-description { font-size: 14px; margin-top: 18px; }
  .medical-layout .hero-eyebrow { font-size: 10px; letter-spacing: 1px; margin-bottom: 20px; }
  /* 窄屏将场景焦点放到文案下方，用纵向渐变衔接同一张背景图。 */
  .medical-layout.home-page .hero::after { background: linear-gradient(180deg, #f8fafb 0%, #f8fafb calc(100% - 340px), rgba(248,250,251,.6) calc(100% - 270px), rgba(248,250,251,0) calc(100% - 180px)); }
  .medical-layout.home-page .hero-photo { background-color: #f8fafb; background-size: auto 420px; background-position: right bottom; mask-image: none; -webkit-mask-image: none; }
  .medical-layout .hero-actions { gap: 20px; margin-top: 22px; flex-wrap: wrap; }
  .medical-layout .hero-actions .primary-link { padding: 14px 18px; gap: 18px; }
  .medical-layout .hero-actions .text-link { gap: 12px; font-size: 13px; }
  .medical-layout .hero-actions .hero-link-label { margin-left: 0; }
  .medical-layout .hero-brand-note { margin-top: 16px; }
  .medical-layout .intro-strip { grid-template-columns: 1fr; gap: 24px; padding-top: 48px; padding-bottom: 48px; }
  .medical-layout .intro-strip h2 { font-size: 28px; }
  .medical-layout .intro-strip > p:last-child { font-size: 14px; }
  .medical-layout .section-heading { margin-bottom: 28px; }
  .medical-layout .business-con:not(.ask-con) { padding: 48px 0; }
  .medical-layout .business-list { grid-template-columns: 1fr; gap: 20px; }
  .medical-layout .business-list .service-link { padding: 24px; }
  .medical-layout .business-list .solution-photo { width: calc(100% + 48px); margin: -24px -24px 24px; }
  .medical-layout .business-list .business-title { font-size: 23px; }
  .medical-layout .business-list .business-desc { font-size: 13px; }
  .medical-layout .reach-band { margin-top: 48px; padding: 52px 0 48px; }
  .medical-layout .reach-inner { gap: 36px; }
  .medical-layout .reach-heading { display: block; }
  .medical-layout .reach-heading .title { font-size: 30px; }
  .medical-layout .reach-description { margin-top: 18px; }
  .medical-layout .service-metrics { grid-template-columns: 1fr 1fr; gap: 36px 20px; }
  .medical-layout .service-metrics strong { font-size: clamp(30px,8.5vw,38px); letter-spacing: -1px; }
  .medical-layout .service-metrics strong em { font-size: 15px; }
  .medical-layout .service-metrics span { margin-top: 12px; font-size: 12px; }
  .medical-layout .brand-connection { padding-top: 54px; padding-bottom: 42px; }
  .medical-layout #cases { padding-top: 48px; padding-bottom: 48px; }
  .medical-layout .cases-heading { margin-bottom: 28px; }
  .medical-layout #services .section-caption { flex-wrap: wrap; gap: 8px; margin-top: 14px; }
  .medical-layout #services .caption-desc { padding-left: 0; border-left: 0; }
  .medical-layout .business-support-list { grid-template-columns: 1fr; gap: 20px; margin-top: 20px; }
  .medical-layout .support-schematic { display: none; }
  .medical-layout .case-featured .case-body { padding: 22px 22px 24px; }
  .medical-layout .case-title { font-size: 19px; }
  .medical-layout .case-item { grid-template-columns: 1fr; gap: 16px; padding: 16px; }
  .medical-layout .case-thumb.crop-county,.medical-layout .case-thumb.crop-chest,.medical-layout .case-thumb.crop-plasma { aspect-ratio: 2.1; }
  .medical-layout .solution-overview { grid-template-columns: 1fr; gap: 28px; margin-bottom: 28px; }
  .medical-layout .detail-number { font-size: 16px; }
  .medical-layout .detail-section { padding: 20px 0 50px; }
  .medical-layout .solution-grid,.medical-layout #check .solution-grid,.medical-layout #industry .solution-grid,.medical-layout #open-platform .solution-grid { grid-template-columns: 1fr; gap: 16px; margin-top: 28px; }
  .medical-layout #check .solution-grid article,.medical-layout #check .solution-grid article:nth-last-child(-n+2) { grid-column: auto; }
  .medical-layout #pharmacy .solution-grid article { padding: 24px 22px; }
  .medical-layout #pharmacy .solution-note { flex-direction: column; align-items: flex-start; gap: 16px; padding: 22px 20px 24px 24px; border-radius: 17px; }
  .medical-layout .diagnosis-process { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin: 26px 0; }
  .medical-layout .diagnosis-process li { padding: 11px 14px; font-size: 13px; }
  .medical-layout .diagnosis-process li::after { display: none; }
  .medical-layout .platform-flow { padding: 26px 16px; }
  .medical-layout .flow-clients { gap: 8px; }
  .medical-layout .flow-clients span { font-size: 11px; padding: 8px 12px; }
  .medical-layout .auxiliary-services { grid-template-columns: 1fr; }
  .medical-layout .auxiliary-services details { padding: 20px 22px; }
  .medical-layout .about-hero { min-height: 0; background-position: 65% center; }
  .medical-layout .company-jumpbar { height: 72px; padding: 8px 0; }
  .medical-layout .company-jumpbar .container,
  .medical-layout .company-jumpbar.is-compact .container { width: calc(100% - 24px); display: flex; overflow-x: auto; scrollbar-width: none; }
  .medical-layout .company-jumpbar .container::-webkit-scrollbar { display: none; }
  .medical-layout .company-jumpbar a { flex-shrink: 0; min-width: 154px; padding: 0 10px; gap: 7px; font-size: 12px; }
  .medical-layout .company-jumpbar a span { width: 24px; height: 24px; }
  .medical-layout .company-section,
  .medical-layout .capability-layout { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .medical-layout .company-section { padding-top: 48px; padding-bottom: 48px; }
  .medical-layout .company-intro { width: calc(100% - 40px); gap: 28px; padding-top: 48px; padding-bottom: 48px; }
  .medical-layout .company-prose { min-width: 0; }
  .medical-layout .company-heading h2 { font-size: 29px; }
  .medical-layout .company-section-copy { margin-top: 16px; font-size: 13px; }
  .medical-layout .company-intro .company-prose { padding: 26px 22px; border-radius: 14px; }
  .medical-layout .company-prose h3 { font-size: 20px; }
  .medical-layout .company-prose p { font-size: 14px; }
  .medical-layout .company-since { margin-top: 26px; padding: 12px 18px; }
  .medical-layout .company-since strong { font-size: 38px; }
  .medical-layout .company-capabilities { padding: 54px 0 60px; }
  .medical-layout .capability-layout { width: calc(100% - 40px); gap: 36px; }
  .medical-layout .capability-layout .company-heading { padding-top: 0; }
  .medical-layout .capability-tags { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .medical-layout .capability-tags > span { min-height: 116px; padding: 16px 0 14px; gap: 10px; }
  .medical-layout .capability-tags b { width: 50px; height: 50px; font-size: 21px; }
  .medical-layout .capability-tags svg { width: 26px; height: 26px; }
  .medical-layout .capability-tags small { font-size: 10px; }
  .medical-layout .network-highlights { gap: 0; }
  .medical-layout .network-highlights > div { min-width: 0; padding: 20px 8px; }
  /* 三列数据在窄屏保持各自边界，避免较长的“4,800+”越过分隔线。 */
  .medical-layout .network-highlights strong { font-size: clamp(28px, 8vw, 34px); white-space: nowrap; }
  .medical-layout .network-highlights small { margin-left: 2px; font-size: clamp(16px, 4.5vw, 19px); }
  .medical-layout .company-values { grid-template-columns: minmax(0,1fr); }
  .medical-layout .company-values article { padding: 34px 26px; }
  .medical-layout .company-cta { margin-bottom: 64px; padding: 46px 28px; border-radius: 18px; }
  .medical-layout .news-article:first-child { padding: 0 18px; margin-top: 24px; }
  .medical-layout .news-article:first-child > a,.medical-layout .news-article:first-child > .news-unlinked { padding: 18px 0 24px; }
}
@media (max-width: 500px) {
  /* 窄屏缩小场景并贴右铺满，避免屏幕裁切和图片边缘留白。 */
  .medical-layout.home-page .hero-photo { background-size: auto 340px; background-position: right bottom; }
}
@media (max-width: 380px) {
  .medical-layout .company-values article { padding-right: 22px; padding-left: 22px; }
  .medical-layout .company-cta { padding-right: 22px; padding-left: 22px; }
}
@media (min-width: 320px) and (max-width: 700px) {
  .medical-layout .company-values p { font-size: clamp(10px, 3.3vw, 14px); white-space: nowrap; }
}
@media (prefers-reduced-motion: reduce) {
  .medical-layout .business-list li,.medical-layout .service-visual { transition: none; }
  .medical-layout .business-list li:hover { transform: none; }
  .medical-layout .business-support-list > li,.medical-layout .service-more .more-arrow,.medical-layout .case-featured,.medical-layout .case-item,.medical-layout .cases-more { transition: none; }
  .medical-layout .reach-anim .reach-heading,.medical-layout .reach-anim .service-metrics > div { opacity: 1; transform: none; transition: none; }
  .medical-layout .business-support-list > li:hover,.medical-layout .case-featured:hover,.medical-layout .case-item:hover,.medical-layout .cases-more:hover { transform: none; }
  .medical-layout .solution-grid article,.medical-layout .solution-grid article::after,.medical-layout .auxiliary-services details,.medical-layout .auxiliary-services summary::after { transition: none; }
  .medical-layout .solution-grid article:hover { transform: none; }
  .medical-layout .company-jumpbar a,.medical-layout .company-jumpbar .container,.medical-layout .company-jumpbar a span,.medical-layout .company-jumpbar a::before,.medical-layout .company-jumpbar-highlight,.medical-layout .company-jumpbar-trail,.medical-layout .capability-tags > span,.medical-layout .network-highlights > div,.medical-layout .company-values article,.medical-layout .company-text-link { transition: none; }
  .medical-layout .capability-tags > span:hover,.medical-layout .network-highlights > div:hover,.medical-layout .company-values article:hover,.medical-layout .company-text-link:hover { transform: none; }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { .medical-layout .company-jumpbar { background: #fffaf6; } }