/* ============================================================
   style-inner.css —— 内页公共组件（ic- 前缀）
   供以下页面共用：
     partner-center.html  合作伙伴
     news-center.html     新闻中心（列表）
     news-detail.html     新闻详情
     case-detail.html     项目案例详情（文章区）
   依赖 style2.css + style-product1.css（头部/页脚/容器 pc1-wrap）
   数值按设计稿 1920 宽实测
   ============================================================ */

/* ---------------- 高版 Banner：475 高，左侧纯色青色面板 ---------------- */
.ic-hero {
  position: relative;
  height: 475px;
  overflow: hidden;
  background: var(--gc-teal);
}
.ic-hero__bg {
  position: absolute;
  inset: 0;
  background: center center / cover no-repeat;
}
/* 面板：设计稿 x 0–821（占宽 42.76%），纯色 #2fa1b9 */
.ic-hero__panel {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 42.76%;
  background: #2fa1b9;
}
.ic-hero__inner {
  position: relative;
  z-index: 2;
  height: 100%;
}
.ic-hero__copy {
  padding-top: 93px;
}
.ic-hero h2 {
  margin: 0;
  font-size: 44px;
  font-weight: 400;
  line-height: 1.2;
  color: #fff;
}
.ic-hero p {
  max-width: 560px;
  margin: 25px 0 0;
  font-size: 16px;
  line-height: 35px;
  color: #fff;
}

/* ---------------- 左右对半分 Banner（左文右图，ic-hero--split） ----------------
   供关于我们 / 新闻中心 / 合作伙伴 banner 共用 */
.ic-hero--split {
  display: flex;
  align-items: stretch;
  background: var(--gc-teal);
}
.ic-hero--split .ic-hero__copy {
  flex: 0 0 50%;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* 左侧距对齐到 pc1-wrap 内容区左边界：屏宽≤1660 时留 40px，更宽时随内容居中 */
  padding: 40px 60px 40px max(40px, calc((100% - 1580px) / 2));
  z-index: 2;
}
.ic-hero--split .ic-hero__pic {
  flex: 0 0 50%;
  width: 50%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* 窄屏改为上下堆叠：文字在上、图片在下 */
@media (max-width: 768px) {
  .ic-hero--split { flex-direction: column; height: auto; }
  .ic-hero--split .ic-hero__copy {
    flex: none;
    width: 100%;
    padding: 40px 20px;
  }
  .ic-hero--split .ic-hero__pic {
    flex: none;
    width: 100%;
    height: 240px;
  }
}

/* ---------------- 文章正文（案例详情 / 新闻详情） ---------------- */
.ic-art__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.ic-art__title {
  margin: 0;
  font-size: 36px;
  font-weight: 400;
  line-height: 53px;
  color: #666;
}
.ic-art__share {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-top: 10px;
}
.ic-art__share a {
  display: block;
  line-height: 0;
  opacity: .9;
  transition: opacity .3s;
}
.ic-art__share a:hover { opacity: 1; }
.ic-art__share a:hover svg path{
  fill: var(--gc-teal);
}

.ic-art__meta {
  margin: 21px 0 0;
  font-size: 16px;
  line-height: 24px;
  color: #999;
}
.ic-art__rule {
  display: block;
  height: 2px;
  margin-top: 19px;
  background: var(--gc-teal);
}

.ic-art__content p {
  font-size: 16px;
  line-height: 30px;
  color: #666;
}
.ic-art__content p:last-child { margin-bottom: 0; }

/* 文章底部：上下篇 + 返回按钮 */
.ic-art__foot { margin-top: 77px; }
.ic-art__foot .ic-art__rule { margin-top: 0; }

.ic-navrow {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  margin-top: 17px;
  font-size: 16px;
  line-height: 26px;
  color: #999;
}
.ic-navrow a { color: var(--gc-teal); }
.ic-navrow a:hover { text-decoration: underline; }

.ic-back {
  display: block;
  width: 140px;
  height: 40px;
  margin: 54px auto 0;
  border-radius: 26px;
  background: var(--gc-teal);
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  transition: background .3s;
}
.ic-back:hover { background: var(--gc-teal-deep); }

/* ---------------- 响应式 ---------------- */
@media (max-width: 1500px) {
  .ic-hero { height: 420px; }
  .ic-hero__panel { width: 46%; }
  .ic-hero__copy { padding-top: 76px; }
  .ic-hero h2 { font-size: 46px; }
  .ic-hero p { font-size: 17px; line-height: 32px; max-width: 500px; }

  .ic-art__title { font-size: 38px; line-height: 46px; }
  .ic-art__content p { font-size: 17px; line-height: 28px; }
  .ic-art__foot { margin-top: 64px; }
}

@media (max-width: 1024px) {
  .ic-hero { height: 380px; }
  .ic-hero__panel { width: 62%; }
  .ic-hero__copy { padding-top: 62px; }
  .ic-art__title { font-size: 32px; line-height: 40px; }
  .ic-art__share { gap: 12px; padding-top: 4px; }
  .ic-navrow { flex-direction: column; gap: 10px; font-size: 16px; }
  .ic-back { margin-top: 40px; }
}

@media (max-width: 640px) {
  .ic-hero { height: 340px; }
  .ic-hero__panel { width: 100%; }
  .ic-hero__copy { padding-top: 54px; }
  .ic-hero h2 { font-size: 30px; }
  .ic-hero p { font-size: 15px; line-height: 27px; margin-top: 16px; }

  .ic-art__head { flex-direction: column; gap: 12px; }
  .ic-art__title { font-size: 24px; line-height: 32px; }
  .ic-art__meta { font-size: 14px; line-height: 22px; }
  .ic-art__content p { font-size: 15px; line-height: 26px; margin-bottom: 22px; }
  .ic-art__foot { margin-top: 40px; }
  .ic-back { width: 140px; height: 44px; line-height: 44px; font-size: 16px; margin-top: 32px; }
}