/* Scoped to the six anonymized case pages; shared case templates stay unchanged. */
.iot-case-page { font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif; }
.iot-case-page .body_container { width: 100%; }
.iot-case-page main [id] { scroll-margin-top: 160px; }
.iot-case-page .case_content_title,
.iot-case-page .case_content_detail,
.iot-case-page .iot-case-leader .title,
.iot-case-page .iot-case-leader .content,
.iot-case-page .contact_us_bootom .title,
.iot-case-page .contact_us_bootom .detail { font-family: inherit; }
.iot-case-page .iot-case-banner {
  height: 400px;
  background-image: linear-gradient(90deg, rgba(9, 18, 29, .84), rgba(9, 18, 29, .12)), var(--iot-case-image);
  background-position: center;
}
.iot-case-page .iot-case-banner--gas { --iot-case-image: url('/pictures/case_study/iot-2026/banners/banner-gas.jpg'); --iot-case-focus: 77%; }
.iot-case-page .iot-case-banner--medical { --iot-case-image: url('/pictures/case_study/iot-2026/banners/banner-medical.jpg'); --iot-case-focus: 76%; }
.iot-case-page .iot-case-banner--vision { --iot-case-image: url('/pictures/case_study/iot-2026/banners/banner-vision.jpg'); --iot-case-focus: 82%; }
.iot-case-page .iot-case-banner--operation { --iot-case-image: url('/pictures/case_study/iot-2026/banners/banner-operation.jpg'); --iot-case-focus: 80%; }
.iot-case-page .iot-case-banner--ai-medical { --iot-case-image: url('/pictures/case_study/iot-2026/banners/banner-ai-medical.jpg'); --iot-case-focus: 76%; }
.iot-case-page .iot-case-banner--ai-search { --iot-case-image: url('/pictures/case_study/iot-2026/banners/banner-ai-search.jpg'); --iot-case-focus: 78%; }
.iot-case-page .case_banner_content { padding-top: 66px; }
.iot-case-page .iot-case-category { margin: 0 0 14px; color: #e1e6ec; font-size: 16px; letter-spacing: 1px; }
.iot-case-page .pages-title { margin: 0; padding: 0 0 24px; font-size: 38px; line-height: 1.5; }
.iot-case-page .pages-content { line-height: 1.8; }
.iot-case-page .case_content { gap: 70px; align-items: flex-start; }
.iot-case-page .case_content_left { width: 800px; min-width: 0; flex: 1 1 800px; }
.iot-case-page .case_content_right { margin-left: 0; flex: 0 0 300px; align-self: stretch; }
.iot-case-page .case_content_title { margin: 0 0 28px; font-size: 23px; line-height: 1.5; }
.iot-case-page .case_content_detail { margin-bottom: 54px; width: auto; font-size: 16px; line-height: 1.95; }
.iot-case-page .case_content_detail p { margin-bottom: 18px; }
.iot-case-page .case_content_detail p:last-child { margin-bottom: 0; }
.iot-case-page .iot-case-needs { margin: 0; padding-left: 22px; list-style: disc; }
.iot-case-page .iot-case-needs li { margin: 0 0 14px; padding-left: 4px; }
.iot-case-page .iot-case-needs li::marker { color: #e10e13; }
.iot-case-page .iot-case-figure { margin: 30px 0 0; }
.iot-case-page .iot-case-figure img { display: block; width: 100%; height: auto; border: 1px solid #e7e9ed; border-radius: 4px; }
.iot-case-page .iot-case-figure figcaption { margin-top: 12px; color: #888; font-size: 13px; line-height: 1.6; text-align: center; }
.iot-case-page .iot-case-figure figcaption a { color: #777; text-decoration: underline; margin-left: 8px; }
.iot-case-page .iot-case-functions { width: 100%; border-collapse: collapse; margin: 0; table-layout: fixed; }
.iot-case-page .iot-case-functions th, .iot-case-page .iot-case-functions td { padding: 18px 20px; border: 1px solid #e1e5ea; vertical-align: top; line-height: 1.85; overflow-wrap: anywhere; }
.iot-case-page .iot-case-functions thead th { background: #f4f5f7; color: #333; font-weight: 600; }
.iot-case-page .iot-case-functions th:first-child { width: 29%; }
.iot-case-page .iot-case-functions tbody th { background: #fafafa; font-weight: 500; }
.iot-case-page .iot-case-leader { display: flex; gap: 28px; margin: 0 0 54px; align-items: flex-start; }
.iot-case-page .iot-case-leader > img { flex: 0 0 102px; width: 102px; height: 102px; border-radius: 50%; }
.iot-case-page .iot-case-leader > div { flex: 1; min-width: 0; }
.iot-case-page .iot-case-leader .title { width: auto; margin: 2px 0 15px; padding: 0; font-size: 18px; line-height: 1.6; }
.iot-case-page .iot-case-leader .title span { color: #e10e13; margin-right: 16px; }
.iot-case-page .iot-case-leader .title small { color: #555; font-size: 15px; }
.iot-case-page .iot-case-leader .content { width: auto; margin: 0; padding: 0; font-size: 15px; line-height: 1.9; }
.iot-case-page .iot-case-related { border-top: 1px solid #e7e9ed; padding-top: 36px; }
.iot-case-page .iot-case-related a { display: block; padding: 13px 0; border-bottom: 1px solid #eee; color: #555; font-size: 15px; line-height: 1.7; text-decoration: none; }
.iot-case-page .iot-case-related a:hover, .iot-case-page .iot-case-related a:focus-visible { color: #e10e13; }
.iot-case-page .iot-case-related a span { float: right; margin-left: 16px; }
.iot-case-page .iot-case-related .iot-case-back { margin-top: 18px; color: #e10e13; border: 0; }
.iot-case-page .iot-case-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.iot-case-page .contact_us_bootom_main { width: calc(100% - 48px); max-width: 1200px; }
.iot-case-page #iot-case-inquiry { width: 900px; max-width: 100%; }
.iot-case-page .contact_us_bootom_input_group { width: 100%; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 15px 0 30px; }
.iot-case-page .contact_us_bootom_input_group input { width: 100%; margin: 0; min-width: 0; }
.iot-case-page #iot-case-description { width: 100%; }
.iot-case-page #iot-case-form-status { margin-top: 20px; color: #777; line-height: 1.7; }
@media (max-width: 1260px) {
  .iot-case-page .shine_footer .shine_footer_main { width: calc(100% - 60px); }
  .iot-case-page .shine_footer .shine_footer_main .shine_footerCenter { display: flex; gap: 35px; height: auto; padding-bottom: 35px; }
  .iot-case-page .shine_footer .shine_footer_main .shine_footerCenter > div { float: none; min-width: 0; width: auto; flex: 1; margin-right: 0; }
  .iot-case-page .shine_footer .shine_footer_main .shine_footerCenter p { width: auto; height: auto; }
  .iot-case-page .shine_footer .redTitle { width: auto; max-width: 100%; }
  .iot-case-page .shine_footer .shine_footer_main .footerCenter_img { width: auto; display: flex; flex-wrap: wrap; gap: 10px; }
  .iot-case-page .shine_footer .shine_footer_main .shine_footerBottom { display: flex; flex-wrap: wrap; gap: 25px; }
  .iot-case-page .shine_footer .shine_footer_main .shine_footerBottom > div { margin-left: 0; width: auto; height: auto; }
  .iot-case-page .header_top .inner, .iot-case-page .headerNavInner { width: calc(100% - 60px); }
  .iot-case-page .header_2024 .menu-list-2024 { padding-left: 20px; }
  .iot-case-page .header_2024 .menu-list-2024 .menu-item { padding-left: 20px; padding-right: 20px; }
  .iot-case-page .case_banner_content { width: auto; max-width: 1200px; margin: 0 30px; }
  .iot-case-page .case_content { width: auto; margin: 75px 30px; padding: 0; gap: 40px; }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .iot-case-page .headerNavInner .logo img { width: 160px; }
  .iot-case-page .header_2024 .menu-list-2024 { padding-left: 10px; font-size: 16px; }
  .iot-case-page .header_2024 .menu-list-2024 .menu-item { padding-left: 12px; padding-right: 12px; }
  .iot-case-page .case_content { gap: 28px; }
  .iot-case-page .case_content_right { flex-basis: 250px; }
  .iot-case-page .case-card .case-card-content { padding: 50px 22px 25px; }
  .iot-case-page .case-card .case-card-model { padding: 0 20px; }
}
@media (max-width: 768px) {
  .iot-case-page .nav_fixed { top: 0; left: 0; }
  .iot-case-page main [id] { scroll-margin-top: 80px; }
  .iot-case-page .iot-case-banner {
    height: auto;
    min-height: 330px;
    background-image: linear-gradient(90deg, rgba(9, 18, 29, .74), rgba(9, 18, 29, .48)), var(--iot-case-image);
    background-position: center, var(--iot-case-focus, 75%) center;
  }
  .iot-case-page .case_banner_content { margin: 0; padding: 54px 24px 46px; text-align: left; }
  .iot-case-page .iot-case-category { font-size: 13px; margin-bottom: 15px; letter-spacing: .5px; }
  .iot-case-page .pages-title { font-size: 27px; line-height: 1.6; padding: 0 0 18px; text-wrap: balance; }
  .iot-case-page .pages-content { display: block; width: auto; margin: 0; font-size: 15px; line-height: 1.85; text-align: left; }
  .iot-case-page .case_content { margin: 0; padding: 42px 24px 52px; gap: 40px; }
  .iot-case-page .case_content_left { flex: auto; width: 100%; }
  .iot-case-page .case_content_title { font-size: 21px; margin-bottom: 22px; text-align: left; }
  .iot-case-page .case_content_detail { font-size: 15px; margin-bottom: 42px; text-align: left; }
  .iot-case-page .case_content_detail p, .iot-case-page .case_content_detail li { font-size: inherit; }
  .iot-case-page .iot-case-functions th, .iot-case-page .iot-case-functions td { padding: 12px 10px; font-size: 14px; line-height: 1.85; }
  .iot-case-page .iot-case-functions th:first-child { width: 31%; }
  .iot-case-page .iot-case-leader { gap: 20px; flex-direction: column; margin-bottom: 42px; }
  .iot-case-page .iot-case-leader .title { margin-top: 0; }
  .iot-case-page .case_content_right { display: block; width: 100%; flex: auto; }
  .iot-case-page .case-card { padding-top: 20px; }
  .iot-case-page .case-card .case-card-model { max-width: 350px; left: 50%; transform: translateX(-50%); }
  .iot-case-page .contact_us_bootom_main { box-sizing: border-box; max-width: 100%; }
  .iot-case-page .contact_us_bootom_main .title { font-size: 24px; }
  .iot-case-page .contact_us_bootom_input_group { grid-template-columns: 1fr; gap: 18px; }
}