/* 内页共用白底蓝色视觉；各栏目保留独立的信息结构。 */
.page-hero { padding-block: 58px; border-bottom: 1px solid var(--line); background: linear-gradient(110deg, #fff, #f0f8ff); position: relative; overflow: hidden; isolation: isolate; }
.page-hero::after { content: ""; position: absolute; z-index: -1; width: 390px; height: 280px; right: 3%; top: -15px; background: url("../assets/tech-platform.svg") center / contain no-repeat; opacity: .22; }
.page-hero.with-art { padding-block: 0; }
.page-hero.with-art::after { display: none; }
.page-hero-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 48px; min-height: 310px; }
.page-hero-grid > div { padding-block: 42px; }
.page-hero-figure { padding-block: 18px; }
.page-hero-art { width: 100%; height: auto; max-height: 280px; object-fit: contain; mix-blend-mode: multiply; }
.page-hero-figure figcaption { text-align: right; font-size: 11px; color: var(--muted); }
.page-hero h1 { font-size: clamp(38px, 4.5vw, 56px); margin-bottom: 16px; }
.page-lead { color: var(--muted); font-size: 16px; max-width: 780px; }
.about-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 96px; }
.about-grid p:not(.eyebrow) { color: var(--muted); font-size: 16px; }
.about-grid p + p { margin-top: 20px; }
.about-grid .about-lead { color: var(--ink); font-size: 21px; }
.about-photo img { width: 100%; height: 400px; object-fit: cover; object-position: center 43%; }
.belief-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px; }
.belief-grid article { border-top: 2px solid var(--blue); padding-top: 24px; }
.belief-grid p { color: var(--muted); font-size: 15px; margin-top: 16px; }
/* 单一平台中的模块与能力结构。 */
.product-hero { background: linear-gradient(115deg, #fbfdff, #edf7ff); overflow: hidden; }
.product-hero-grid { display: grid; grid-template-columns: 1.25fr 1fr; gap: 40px; min-height: 340px; align-items: center; }
.product-hero-grid > div { padding-block: 42px; }
.product-hero .tech-art { max-height: 330px; object-fit: contain; }
.product-hero h1 { font-size: clamp(28px, 3vw, 42px); font-weight: 600; margin-bottom: 20px; }
.product-hero .page-lead { font-size: 16px; line-height: 1.9; }
.product-hero .btn { margin-top: 26px; }
.section-nav { border-bottom: 1px solid var(--line); background: #fff; }
.section-nav .container { display: flex; align-items: center; justify-content: center; gap: 70px; }
.section-nav a { padding: 19px 4px; font-size: 15px; border-bottom: 2px solid transparent; }
.section-nav a:hover { color: var(--blue); border-bottom-color: var(--blue); }
.platform-overview { border: 1px solid #c9def8; border-radius: 8px; overflow: hidden; }
.platform-title { display: flex; align-items: center; justify-content: center; gap: 20px; padding: 27px; background: var(--blue); color: #fff; text-align: center; }
.platform-title .line-icon { color: white; }
.platform-title h2 { font-size: 28px; }
.platform-title p { font-size: 14px; margin-top: 6px; color: #e1eeff; letter-spacing: 2px; }
.platform-body { padding: 32px; background: #f7fbff; }
.diagram-label { text-align: center; font-size: 17px; color: var(--muted); font-weight: 400; }
.module-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-top: 24px; }
.module-grid article { background: white; border: 1px solid #d8e7fa; border-radius: 4px; text-align: center; padding: 28px 22px; }
.module-grid .line-icon { margin: 0 auto 15px; }
.module-grid h3 { font-size: 22px; margin-bottom: 13px; }
.module-grid p { font-size: 14px; color: var(--muted); }
.capability-strip { border: 1px solid #d8e7fa; border-radius: 4px; margin-top: 24px; padding: 18px 24px; background: white; display: flex; align-items: center; gap: 30px; }
.capability-strip h3 { font-size: 16px; color: var(--blue); flex-shrink: 0; }
.capability-strip ul { list-style: none; display: flex; flex: 1; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
.capability-strip li { font-size: 14px; }
.platform-support { display: flex; gap: 30px; align-items: center; justify-content: center; padding: 18px; border-top: 1px solid #d8e7fa; color: var(--blue); font-size: 14px; }
.platform-support b { font-weight: normal; margin-inline: 16px; color: #8aadd8; }
.benefit-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 50px; }
.benefit-grid article { padding: 10px 20px; text-align: center; }
.benefit-grid .line-icon { margin: 0 auto 20px; }
.benefit-grid h3 { margin-bottom: 16px; }
.benefit-grid p { color: var(--muted); font-size: 15px; }
.ability-list { list-style: none; max-width: 1000px; margin: auto; }
.ability-list li { display: grid; grid-template-columns: 50px 190px 1fr; align-items: center; gap: 20px; border-top: 1px solid var(--line); padding: 25px 10px; }
.ability-list li:last-child { border-bottom: 1px solid var(--line); }
.ability-list span { color: var(--blue); font-size: 25px; }
.ability-list h3 { font-size: 20px; }
.ability-list p { font-size: 15px; color: var(--muted); }
.module-details article { display: grid; grid-template-columns: 50px 1.5fr 1fr; gap: 28px; align-items: start; padding-block: 36px; border-top: 1px solid var(--line); }
.module-details article > .capability-no { font-size: 24px; }
.module-details h2 { font-size: 28px; margin-bottom: 18px; }
.module-details p:not(.eyebrow) { color: var(--muted); font-size: 15px; }
.discussion { border-left: 2px solid var(--line); padding-left: 28px; margin-top: 28px; }
.discussion h3 { font-size: 16px; margin-bottom: 12px; }
.experience-layout { display: grid; grid-template-columns: .7fr 1.3fr; gap: 90px; align-items: start; }
.experience-intro { border-left: 3px solid var(--blue); padding-left: 26px; }
.experience-intro h2 { font-size: 30px; margin-bottom: 24px; }
.experience-intro p:not(.eyebrow) { color: var(--muted); font-size: 15px; }
.experience-list article { border-top: 1px solid var(--line); padding: 30px 0; }
.experience-list h2 { font-size: 30px; margin: 14px 0; }
.experience-list p { color: var(--muted); font-size: 15px; }
.industry-label { display: inline-block; margin-top: 18px; color: var(--blue); font-size: 12px; }
.service-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.service-grid article { padding: 28px 24px; border: 1px solid var(--line); border-top: 3px solid var(--blue); }
.service-grid h2 { font-size: 23px; min-height: 66px; margin: 26px 0 20px; }
.service-grid p { font-size: 14px; color: var(--muted); }
.delivery-list { list-style: none; }
.delivery-list li { display: grid; grid-template-columns: 65px 1fr 240px; gap: 25px; padding: 30px 0; border-top: 1px solid var(--line); align-items: start; }
.delivery-list h3 { font-size: 22px; margin-bottom: 12px; }
.delivery-list p { color: var(--muted); font-size: 15px; }
.delivery-focus { padding-left: 24px; border-left: 1px solid var(--line); }
.contact-grid { display: grid; grid-template-columns: 1fr .9fr; gap: 84px; align-items: start; }
.contact-lines { margin-top: 32px; }
.contact-lines div { display: grid; grid-template-columns: 85px 1fr; gap: 16px; border-top: 1px solid var(--line); padding-block: 15px; font-size: 14px; }
.contact-lines dt { color: var(--muted); }
.contact-note { font-size: 14px; color: var(--muted); border-left: 3px solid var(--blue); padding-left: 16px; margin-top: 28px; }
.consultation-guide { padding: 32px; border: 1px solid var(--line); }
.consultation-guide h2 { font-size: 28px; }
.consultation-guide ol { list-style-position: inside; color: var(--blue); margin-top: 26px; }
.consultation-guide li { border-top: 1px solid var(--line); padding-top: 20px; margin-top: 20px; }
.consultation-guide h3 { display: inline; font-size: 17px; color: var(--ink); }
.consultation-guide p { font-size: 14px; color: var(--muted); margin-top: 10px; }
@media (max-width: 1050px) {
  .about-grid, .experience-layout, .contact-grid { gap: 44px; }
  .product-hero-grid { gap: 24px; }
  .service-grid { gap: 14px; }
  .service-grid article { padding: 24px 18px; }
  .service-grid h2 { font-size: 20px; }
}
@media (max-width: 800px) {
  .page-hero-grid { grid-template-columns: 1fr; gap: 0; min-height: 0; }
  .page-hero-grid > div { padding-block: 36px 0; }
  .page-hero-figure { width: min(100%, 480px); margin-inline: auto; padding-block: 16px 24px; }
  .page-hero-art { max-height: 240px; }
  .page-hero-figure figcaption { text-align: center; }
  .page-hero { padding-block: 44px; }
  .page-hero::after { right: -220px; }
  .page-lead { font-size: 15px; }
  .about-grid, .belief-grid, .module-grid, .experience-layout, .service-grid, .contact-grid, .benefit-grid { grid-template-columns: 1fr; gap: 28px; }
  .about-photo img { height: 260px; }
  .about-grid .about-lead { font-size: 19px; }
  .product-hero-grid { grid-template-columns: 1fr; gap: 0; }
  .product-hero-grid > div { padding-block: 38px 0; }
  .product-hero .tech-art { max-height: 240px; margin: -5px auto 10px; width: min(100%, 370px); }
  .product-hero h1 { font-size: 29px; }
  .product-hero .eyebrow { font-size: 10px; letter-spacing: 1px; }
  .section-nav .container { gap: 22px; justify-content: space-between; }
  .section-nav a { font-size: 13px; padding: 16px 0; }
  .platform-title { padding: 25px 16px; gap: 12px; }
  .platform-title h2 { font-size: 21px; }
  .platform-title p { font-size: 12px; letter-spacing: 0; }
  .platform-title .line-icon { width: 34px; height: 34px; }
  .platform-body { padding: 22px 16px; }
  .module-grid { gap: 16px; }
  .module-grid article { padding: 24px 20px; }
  .capability-strip { display: block; padding: 20px; }
  .capability-strip ul { margin-top: 14px; justify-content: flex-start; column-gap: 22px; }
  .platform-support { display: block; text-align: center; }
  .platform-support p { margin-top: 8px; }
  .platform-support b { margin-inline: 7px; }
  .benefit-grid { gap: 30px; }
  .ability-list li { grid-template-columns: 35px 1fr; gap: 12px; padding-inline: 0; }
  .ability-list p { grid-column: 2; }
  .module-details article { grid-template-columns: 32px 1fr; gap: 18px; }
  .discussion { grid-column: 2; padding-left: 18px; margin-top: 0; }
  .service-grid { gap: 20px; }
  .service-grid article { padding: 28px; }
  .service-grid h2 { min-height: 0; font-size: 25px; margin: 20px 0 16px; }
  .delivery-list li { grid-template-columns: 40px 1fr; gap: 20px; }
  .delivery-focus { grid-column: 2; padding-left: 0; border-left: 0; }
  .consultation-guide { padding: 24px; }
}

/* 三项核心业务入口：平台与两类服务各有独立页面。 */
.business-nav { border-bottom: 1px solid var(--line); background: #fff; }
.business-nav .container { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.business-nav a { display: flex; align-items: center; justify-content: center; min-height: 64px; padding: 14px 16px; text-align: center; border-bottom: 3px solid transparent; color: var(--muted); font-size: 16px; }
.business-nav a:hover, .business-nav .selected { color: var(--blue); background: #f3f9ff; border-bottom-color: var(--blue); }
.business-nav .selected { font-weight: 600; }
@media (max-width: 800px) {
  .business-nav a { min-height: 62px; padding: 12px 6px; font-size: 13px; }
}