/* ============================================================
   白皮书列表页 + 留资下载页  whitepaper-2.0
   作用域统一在 .wp-* 前缀，不污染全局
   ============================================================ */

.wp-page {
  background: #fff;
}

.wp-container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
#wpSubmitBtn {
  align-items: center;
  justify-content: center;
  border: none;
}
/* ---------- 通用：箭头图标 ---------- */
.wp-arrow-down {
  display: block;
  background: url(../images/download-icon.svg);
  width: 20px;
  height: 20px;
  background-size: cover;
}
.wp-arrow-down-white {
  display: block;
  background: url(../images/download-icon-white.svg);
  width: 20px;
  height: 20px;
  background-size: cover;
}
.wp-arrow-left {
  display: block;
  background: url(../images/back-icon.png);
  width: 16px;
  height: 16px;
  background-size: cover;
}

/* ---------- 双文案切换：移动端专属文案默认隐藏，H5 媒询内互换 ---------- */
.wp-t-m {
  display: none;
}

/* ---------- 分类标签（渐变小药丸） ---------- */
.wp-cat-tag,
.wp-card-cat {
  border-radius: 20px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  display: flex;
  flex-direction: row;
  padding: 8px 18px;
  width: fit-content;
  background:
    linear-gradient(111deg, #2dd4bf -8%, #2563eb 50%, #f43f5e 107%),
    linear-gradient(109deg, #2dd4bf 0%, #2563eb 50%, #f43f5e 99%),
    linear-gradient(90deg, #3a7cf5 0%, #3c8ef3 34%, #a68ae5 64%, #dd5961 100%),
    linear-gradient(94deg, #c4e0fd 0%, #caf0f8 26%, #ffe2b2 66%, #f1ac8f 98%);
}

.wp-card-cat {
  font-size: 12px;
  padding: 3px 10px;
}

/* ---------- 封面占位 ---------- */
.wp-cover-placeholder {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #dbe7ff, #eef2fa);
}

/* ============================================================
   1. Banner / Hero
   ============================================================ */
.wp-hero {
  background: url("/download/public/images/banner-bg.png");
  background-size: 100% 100%;
  padding: 160px 0 60px;
  text-align: center;
}

.wp-hero-title {
  font-size: 52px;
  line-height: normal;
  font-weight: 700;
  color: rgb(16, 28, 47);
  margin: 0px 0px 24px;
  white-space: pre-line;
}

.wp-hero-desc {
  margin: 0 auto;
  /* max-width: 880px; */
  font-size: 20px;
  line-height: 32px;
  color: #101c2f;

  max-width: 800px;
}

/* ============================================================
   通用区块标题
   ============================================================ */
.wp-section-title {
  margin: 0 0 34px;
  font-size: 44px;
  line-height: normal;
  font-weight: 700;
  color: rgb(16, 28, 47);
}

/* ============================================================
   2. 精选推荐
   ============================================================ */
.wp-featured {
  padding: 56px 0 60px;
}

.wp-featured-card {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: #fff;
  border-radius: 24px;
  overflow: hidden;
  /* box-shadow: 0 10px 40px rgba(15, 31, 61, 0.08); */
  margin-bottom: 24px;
}

.wp-featured-cover {
  /* 高度由右侧 .wp-featured-body 决定（grid 行等高拉伸），封面始终与正文等高、不固定高度 */
  position: relative;
  overflow: hidden;
}

.wp-featured-cover img,
.wp-featured-cover .wp-cover-placeholder {
  /* 绝对定位铺满封面，固有高度不参与行高计算，封面不会把卡片撑高 */
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.wp-featured-body {
  padding: 40px;
  background:
    linear-gradient(0deg, #eef2fa, #eef2fa),
    linear-gradient(0deg, rgba(16, 28, 47, 0.06), rgba(16, 28, 47, 0.06)),
    #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

.wp-featured-title,
.wp-preview-title {
  margin: 16px 0 14px;
  font-size: 24px;
  line-height: 40px;
  font-weight: 600;
  color: #101c2f;
}

.wp-featured-title a {
  color: inherit;
  text-decoration: none;
}

.wp-featured-desc,
.wp-preview-desc {
  /* margin: 0 0 24px; */
  font-size: 16px;
  line-height: 28px;
  color: #101c2f;
  overflow-wrap: anywhere;
}

.wp-preview-desc {
  /* 最多展示 2 行，超出省略；hover 通过 title 提示完整内容 */
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.wp-featured-stats {
  list-style: none;
  margin: 0 0 20px;
  padding: 20px 0;
  display: flex;
  gap: 36px;
  justify-content: space-around;
}

.wp-featured-stats li {
  display: flex;
  flex-direction: column;
  min-width: 0;
  align-items: center;
}

.wp-stat-num {
  font-size: 24px;
  font-weight: 600;
  line-height: 44px;
  text-align: center;
  color: #101c2f;
}

.wp-stat-label {
  margin-top: 8px;
  font-size: 16px;
  color: #101c2f;
}

.wp-download-btn,
.wp-card-download {
  align-self: flex-end;
  margin-top: 8px;
  display: inline-flex;
  align-items: center;
  gap: 16px;
  padding: 11px 24px;
  background: transparent;
  border: 0;
  border-radius: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
  transition: opacity 0.2s ease;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 11px 24px;
  gap: 10px;
  box-sizing: border-box;
  text-align: center;
  border: 1px solid #011870;
  color: #011870;
  /* background: white; */
  /* box-shadow: 0px 0.6px 0.6px -1.25px rgba(0, 0, 0, 0.18), 0px 2.29px 2.29px -2.5px rgba(0, 0, 0, 0.16), 0px 10px 10px -3.75px rgba(0, 0, 0, 0.063); */
  position: relative;
  background-clip: padding-box;
  transition: all 0.3s ease;
}

.wp-download-btn span,
.wp-card-download span {
  background: linear-gradient(113deg, #2dd4bf -68%, #002e93 41%, #f43f5e 148%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
}
.wp-card-download {
  padding: 11px 24px;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}
.wp-download-btn:hover {
  opacity: 0.85;
}

/* 精选推荐底部：日期元信息 + 下载按钮（桌面隐藏日期，移动端按 MasterGo 规范展示） */
.wp-featured-foot {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}

.wp-featured-foot .wp-download-btn {
  margin-top: 0;
  margin-left: auto;
}

.wp-featured-foot .wp-card-meta {
  display: none;
}

/* 精选推荐 eyebrow 胶囊（桌面隐藏，移动端显示） */
.wp-featured-eyebrow {
  display: none;
}

/* .wp-download-btn .wp-arrow-down {
  animation: wp-icon-bounce 1.6s ease-in-out infinite;
} */

@keyframes wp-icon-bounce {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(3px);
  }
}

/* ============================================================
   3. 更多白皮书
   ============================================================ */
.wp-more {
  padding: 60px 0 0px;
}

.wp-more-head {
  margin-bottom: 40px;
}

.wp-more .wp-section-title {
  margin-bottom: 20px;
}

.wp-more-desc {
  margin: 0;
  font-size: 20px;
  font-weight: normal;
  line-height: 32px;
  color: rgb(16, 28, 47);
}

.wp-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 40px;
}

.wp-tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  border: 1px solid #d0d8e4;
  border-radius: 100px;
  background: #ffffff;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 16px;
  font-weight: 500;
  color: #101c2f;
  white-space: nowrap;
}

.wp-tab:hover {
  background: rgba(16, 28, 47, 0.06);
  border: 1px solid rgba(0, 0, 0, 0);
}

.wp-tab.is-active {
  background:
    linear-gradient(0deg, #101c2f, #101c2f),
    linear-gradient(117deg, #2dd4bf -71%, #002e93 41%, #f43f5e 150%),
    linear-gradient(117deg, #2dd4bf -71%, #124bc7 41%, #f43f5e 150%), #101c2f;
  background-blend-mode: soft-light, normal, normal, normal;
  border: 1px solid #ffffff;
  color: #fff;
  box-shadow:
    0px 6px 8px -4px rgba(25, 54, 63, 0.15),
    0px 2px 4px -4px rgba(25, 54, 63, 0.15);
}

.wp-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.wp-card {
  display: flex;
  flex-direction: column;
  /* background: #fff; */
  border-radius: 24px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  border: 1px solid #eef2fa;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease;
  min-width: 0;
}

.wp-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(15, 31, 61, 0.12);
  /* border-color: #d7e3ff; */
}

.wp-card-cover {
  aspect-ratio: 16 / 10;
  background: linear-gradient(164deg, #3a7cf5cc 13%, #a68ae5cc 90%), #ffffff;
  overflow: hidden;
}

.wp-card-cover img,
.wp-card-cover .wp-cover-placeholder {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.wp-card-body {
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1;
  min-width: 0;
  margin-top: -36px;
  border-radius: 24px;
  background:
    linear-gradient(0deg, #eef2fa, #eef2fa),
    linear-gradient(0deg, rgba(16, 28, 47, 0.06), rgba(16, 28, 47, 0.06)),
    #ffffff;
}

.wp-card-title {
  font-size: 24px;
  font-weight: 600;
  color: #101c2f;
  line-height: 40px;
  margin: 0 0 12px 0;
}

.wp-card-desc {
  font-size: 16px;
  color: #101c2f;
  line-height: 28px;
  margin: 0 0 24px 0;
  flex: 1;
  /* 最多展示 3 行，超出省略；hover 通过 title 提示完整内容 */
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.wp-card-foot {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* 覆盖共享按钮规则的 margin-top / align-self，使按钮在 foot 内右对齐并与 meta 垂直居中 */
.wp-card-foot .wp-card-download {
  margin-top: 0;
  margin-left: auto;
  align-self: center;
}

.wp-card-meta {
  font-size: 14px;
  line-height: 28px;
  color: rgba(16, 28, 47, 0.5);
  white-space: nowrap;
}

.wp-card-download .wp-arrow-down {
  width: 16px;
  height: 16px;
}

.wp-card:hover .wp-card-download {
  opacity: 0.85;
}

.wp-empty {
  margin: 0;
  padding: 48px 0;
  text-align: center;
  color: rgba(15, 31, 61, 0.45);
  font-size: 15px;
}

/* ============================================================
   留资下载页 detail
   ============================================================ */
.wp-detail {
  background: url("/industry/images/banner-bg.png");
  padding: 160px 0 40px;
  background-size: cover;
  background-position: center;
  z-index: 1;
  position: relative;
}
.wp-detail::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 30%,
    rgba(255, 255, 255, 0.7) 60%,
    rgba(255, 255, 255, 0.95) 85%,
    rgba(255, 255, 255, 1) 100%
  );
  pointer-events: none;
  z-index: 1000;
}

.wp-back {
  display: inline-flex;
  align-items: center;
  margin-bottom: 28px;
  gap: 10px;
  padding: 8px 18px 8px 12px;
  background:
    linear-gradient(0deg, rgb(16, 28, 47), rgb(16, 28, 47)),
    linear-gradient(
      117deg,
      rgb(45, 212, 191) -70%,
      rgb(0, 46, 147) 41%,
      rgb(244, 63, 94) 149%
    );
  background-blend-mode: soft-light, normal;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.05);
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
  /* box-shadow: 0 4px 14px rgba(15, 31, 61, 0.04); */
  transition:
    border-color 0.2s ease,
    color 0.2s ease;
}

.wp-detail-layout {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 80px;
}

/* 左：预览 */

.wp-preview-cover {
  margin-bottom: 40px;
  border-radius: 16px;
  overflow: hidden;
  border-radius: 24px;
  height: 350px;
}

.wp-preview-cover img {
  width: 100%;
  height: auto;
  display: block;
}

.wp-preview .wp-cat-tag {
  margin-bottom: 16px;
}

/* 右：留资表单 */
.wp-lead-card {
  background: #fff;
  border-radius: 20px;
  padding: 36px 32px;
  box-shadow: 0 12px 36px rgba(15, 31, 61, 0.1);
  position: sticky;
  top: 100px;
  min-width: 600px;
}

.wp-lead-title {
  margin: 0 0 8px;
  font-size: 24px;
  line-height: 40px;
  font-weight: 600;
  color: #0f1f3d;
}

.wp-lead-desc {
  margin: 0 0 24px;
  font-size: 14px;
  line-height: 22px;
  color: rgba(15, 31, 61, 0.6);
}

.wp-lead-form {
  display: flex;
  flex-direction: column;
}

.wp-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
  font-size: 13px;
  color: #4a5a75;
}

.wp-field span em {
  color: #ef4444;
  font-style: normal;
  margin-right: 4px;
}

.wp-field input {
  height: 46px;
  border: 1px solid #d7deea;
  border-radius: 10px;
  padding: 0 14px;
  font-size: 14px;
  color: #0f1f3d;
  outline: none;
  transition: border-color 0.2s ease;
}

.wp-field input:focus {
  border-color: #1d4ed8;
}

.wp-field input.is-invalid {
  border-color: #ef4444;
}

.wp-agree {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 6px 0 18px;
  font-size: 12px;
  line-height: 20px;
  color: rgba(15, 31, 61, 0.6);
  cursor: pointer;
}

.wp-agree input {
  margin-top: 3px;
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  accent-color: #1d4ed8;
}

.wp-agree a {
  color: #1d4ed8;
  text-decoration: none;
}

.wp-agree a:hover {
  text-decoration: underline;
}

.wp-form-error {
  margin: 0 0 12px;
  color: #ef4444;
  font-size: 13px;
}

.wp-submit-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #2f6bff 0%, #7a4cff 100%);
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.wp-submit-btn:hover {
  opacity: 0.92;
}

.wp-submit-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
/* ============================================================
   响应式
   ============================================================ */
@media (max-width: 1024px) {
  .wp-featured-card {
    grid-template-columns: 1fr;
  }

  .wp-featured-cover {
    min-height: 220px;
  }

  .wp-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wp-detail-layout {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .wp-lead-card {
    position: static;
  }

  /* 单栏布局（≤1024）下下载按钮统一移动端 ghost 配色：
     白底 + 100deg 渐变描边 + 渐变文字 + 渐变箭头（PC >1024 保持 main-btn 深底） */
  #wpSubmitBtn {
    border: 1px solid transparent;
    border-radius: 7px;
    background:
      linear-gradient(#fff, #fff) padding-box,
      linear-gradient(100deg, #2dd4bf -63%, #002e93 41%, #f43f5e 143%)
        border-box;
    background-blend-mode: normal;
    color: #101c2f;
    box-shadow: none;
  }

  #wpSubmitBtn span {
    background: linear-gradient(
      100deg,
      #2dd4bf -63%,
      #002e93 41%,
      #f43f5e 143%
    );
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
  }

  #wpSubmitBtn .wp-arrow-down-white {
    background: url(../images/download-icon.svg);
    background-size: cover;
  }
}

@media only screen and (min-width: 320px) and (max-width: 499px) {
  /* ========== H5移动端样式 - 基于MasterGo移动端规范 ========== */
  /* 设计口径与新闻卡片一致：#101C2F文字、16px圆角、16:10图片、上文下图 */

  body {
    min-width: 320px;
    max-width: 100%;
    overflow-x: hidden;
  }

  /* .wp-page {
    background: #fff;
  } */

  .wp-container {
    width: 92%;
    margin: 0 auto;
    padding: 0;
  }

  /* H5 Banner区域（MasterGo 规范：标题 28 SemiBold lh36 + 描述 16/24，居中） */
  .wp-hero {
    padding: 150px 0 40px;
    background-size: cover;
    background-position: center;
  }

  .wp-hero-title {
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
    margin-bottom: 12px;
    text-align: center;
  }

  .wp-hero-desc {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    padding: 0;
  }

  /* H5区块标题（规范 容器7168/7161）：28 SemiBold lh36 左对齐 #101C2F；
     精选区标题移动端显示（「精选白皮书」），标题距卡片 20px（容器7293 gap 20） */
  .wp-t-pc {
    display: none;
  }

  .wp-t-m {
    display: inline;
  }

  .wp-featured .wp-section-title {
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #101c2f;
    text-align: left;
  }

  .wp-more .wp-section-title {
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #101c2f;
    text-align: left;
  }

  /* H5精选推荐卡片（规范 容器6348）：封面 358x240 在上，正文上滑重叠 21px
     布局：eyebrow 14/500 → 标题 20 SemiBold lh28 → 摘要 16/22 → 满宽下载按钮（无统计/日期） */
  .wp-featured {
    padding: 0 0 40px;
  }

  .wp-featured-card {
    grid-template-columns: 1fr;
    border-radius: 16px;
    margin-bottom: 0;
    overflow: hidden;
    position: relative;
  }

  .wp-featured-cover {
    min-height: auto;
    aspect-ratio: 358 / 240;
    order: 1;
    border-radius: 0;
    margin: 0;
  }

  .wp-featured-cover img,
  .wp-featured-cover .wp-cover-placeholder {
    border-radius: 0;
  }

  .wp-featured-body {
    order: 2;
    position: relative;
    margin-top: -21px;
    padding: 24px;
    background:
      linear-gradient(0deg, rgba(16, 28, 47, 0.06), rgba(16, 28, 47, 0.06)),
      linear-gradient(0deg, #eef2fa, #eef2fa), #ffffff;
    border: 1px solid rgba(16, 28, 47, 0.02);
    border-radius: 16px 16px 0 0;
  }

  .wp-featured-title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: left;
    color: #101c2f;
  }

  .wp-featured-desc {
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    color: #101c2f;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* 规范卡片内无统计条，移动端隐藏（PC 保留） */
  .wp-featured-stats {
    display: none;
  }

  /* 底部：满宽渐变描边 ghost 下载按钮（组48 → Link 310x41 r7），无日期 meta */
  .wp-featured-foot {
    margin-top: 21px;
  }

  .wp-featured-foot .wp-card-meta,
  .wp-card-foot .wp-card-meta {
    display: none;
  }

  /* 精选推荐 eyebrow（规范 span.text-size-eyebrow：84x29 r20，14/500 白字，110deg 渐变） */
  .wp-featured .wp-cat-tag {
    display: none;
  }

  .wp-featured-eyebrow {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 6px 14px;
    border-radius: 20px;
    background: linear-gradient(110deg, #2dd4bf -8%, #2563eb 50%, #f43f5e 107%);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: normal;
    position: absolute;
    z-index: 1000;
    right: 12px;
    top: 12px;
  }

  /* H5更多白皮书区域（规范 Frame 95631：标题 28/600 + 描述 16/24 左对齐，间距 9.4 → tabs 18.8 → 卡片 40） */
  .wp-more {
    padding: 0 0 40px;
  }

  .wp-more-head {
    margin-bottom: 19px;
  }

  .wp-more-desc {
    font-size: 16px;
    line-height: 24px;
    color: #101c2f;
    text-align: left;
  }

  /* H5分类标签 - 横向滚动（规范 容器7172：胶囊 h34 r47 gap7.5；
     未选中 16/500 #3F4D62 + rgba(16,28,47,.3) 描边透明底；
     选中 133deg 渐变填充 + 白字 16/600） */
  .wp-tabs {
    gap: 7.5px;
    margin-bottom: 40px;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 8px;
    -webkit-overflow-scrolling: touch;
    justify-content: flex-start;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .wp-tabs::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
  }
  .wp-lead-title {
    margin-left: 12px;
  }
  .wp-tab {
    padding: 6.5px 15px;
    font-size: 16px;
    line-height: 20px;
    flex-shrink: 0;
    border-radius: 47px;
    background: transparent;
    border: 1px solid rgba(16, 28, 47, 0.3);
    color: #3f4d62;
    font-weight: 500;
  }

  .wp-tab.is-active {
    font-weight: 600;
    color: #fff;
    border-color: transparent;
    background: linear-gradient(
      133deg,
      #2dd4bf -84%,
      #002e93 40%,
      #f43f5e 161%
    );
  }

  /* H5白皮书网格（规范：卡片间距 40px，容器6352/6353 gap 40） */
  .wp-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  /* H5白皮书卡片（规范 容器6352 列表项）：封面 358×240 在上，正文上滑重叠 21px */
  .wp-card {
    border-radius: 16px;
    overflow: hidden;
    border: none;
    background: #fff;
  }

  .wp-card:hover {
    transform: none;
    box-shadow: none;
  }

  .wp-card-cover {
    aspect-ratio: 358 / 240;
    min-height: 0;
  }

  /* 正文卡（div.jsx-1911087506）：分层底色 rgba(16,28,47,.06)+#EEF2FA+#FFF，r16，内边距 24 */
  .wp-card-body {
    position: relative;
    padding: 24px;
    margin-top: -21px;
    border-radius: 16px 16px 0 0;
    background:
      linear-gradient(0deg, rgba(16, 28, 47, 0.06), rgba(16, 28, 47, 0.06)),
      linear-gradient(0deg, #eef2fa, #eef2fa), #ffffff;
    border: 1px solid rgba(16, 28, 47, 0.02);
  }

  .wp-card-title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #101c2f;
  }

  .wp-card-desc {
    font-size: 16px;
    line-height: 22px;
    color: #101c2f;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0;
  }

  /* 底行（规范 组48）：仅满宽按钮，日期 meta 已隐藏 */
  .wp-card-foot {
    flex-direction: row;
    align-items: center;
    gap: 8px;
    margin-top: 21px;
  }

  /* 满宽下载按钮（规范 Link 310x41 r6.97）：底色同卡片灰底（.06黑叠#eef2fa） + 渐变描边 + 渐变文字 16/500 + 17px 渐变箭头 */
  .wp-download-btn,
  .wp-card-download {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 14px;
    width: 100%;
    height: 41px;
    margin-top: 0;
    padding: 0 20px;
    border: 1px solid transparent;
    border-radius: 7px;
    background:
      linear-gradient(0deg, rgba(16, 28, 47, 0.06), rgba(16, 28, 47, 0.06))
        padding-box,
      linear-gradient(0deg, #eef2fa, #eef2fa) padding-box,
      linear-gradient(102deg, #2dd4bf -63%, #002e93 41%, #f43f5e 144%)
        border-box;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    box-shadow: none;
  }

  .wp-download-btn span,
  .wp-card-download span {
    background: linear-gradient(
      102deg,
      #2dd4bf -63%,
      #002e93 41%,
      #f43f5e 144%
    );
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
  }

  .wp-download-btn .wp-arrow-down,
  .wp-card-download .wp-arrow-down {
    width: 17px;
    height: 17px;
    flex-shrink: 0;
  }

  .wp-download-btn:hover,
  .wp-card-download:hover {
    opacity: 0.85;
  }

  /* H5留资下载页（MasterGo layer 120:52614 短链 VLnGBQy3，2026-09-02 更新版）
     结构：封面卡(358x375：240图 + 上叠21px白卡156高：标题20/600/28 + 简介16/24三行)
     → 表单卡(r12.6 pad13：标题行 + 3字段[28高输入框 r2] + agree) → 满宽按钮(下方20px)
     背景图只画顶部 banner 区（封面卡一带），360→500px 白色渐隐，下方纯白 */
  .wp-detail {
    padding: 80px 0 0;
    background:
      linear-gradient(to bottom, rgba(255, 255, 255, 0) 320px, #ffffff 440px),
      url("/industry/images/banner-bg.png") no-repeat top center / 100% 440px,
      #ffffff;
    background-size: cover;
    /* 渐变坐标以元素顶为基准（padding 40px 会使 padding-box 坐标偏移） */
    background-origin: border-box;
  }

  .wp-detail::after {
    display: none;
  }

  /* 规范无返回按钮（Nav 下 40px 直接到封面卡），移动端隐藏（PC 保留） */
  .wp-back {
    display: none;
  }

  .wp-detail-layout {
    flex-direction: column;
    gap: 40px;
  }

  /* 封面 358×240、16px 圆角，底部与白卡重叠 21px（容器 6346/6348） */
  .wp-preview-cover {
    height: 240px;
    margin-bottom: 0;
    border-radius: 16px;
  }

  /* 封面白卡：上叠 21px，16px 圆角，内边距 24px（div.jsx-1911087506）
     分层底色按 paint 序：rgba(16,28,47,.06) 顶 → #EEF2FA → #FFF（与列表卡一致） */
  .wp-preview-body {
    position: relative;
    margin-top: -21px;
    padding: 24px;
    background:
      linear-gradient(0deg, rgba(16, 28, 47, 0.06), rgba(16, 28, 47, 0.06)),
      linear-gradient(0deg, #eef2fa, #eef2fa), #ffffff;
    border-radius: 16px;
  }

  /* 标题 Montserrat 20 SemiBold/28 行高 #101C2F */
  .wp-preview-title {
    margin: 0 0 8px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #101c2f;
  }

  /* 简介 Montserrat 16 Regular/24 行高 #101C2F（3行截断，规范 font_142:6382） */
  .wp-preview-desc {
    font-size: 16px;
    line-height: 24px;
    color: #101c2f;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* 下载卡：白底 + 淡描边 rgba(0,0,0,.06) + 13px 圆角 + 柔和双层投影（浮于纯白页底） */
  .wp-lead-card {
    min-width: auto;
    padding: 0;
    border-radius: 0;
    border: none;
    box-shadow: none;
  }

  /* 标题行（容器4593：space-between，文字左 + 8.4px 操作图标ⓘ 右） */
  .wp-lead-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #101c2f;
    margin-bottom: 4px;
  }

  /* 设计稿无描述段落，移动端隐藏 */
  .wp-lead-desc {
    display: none;
  }

  /* 表单与标题行间距 12.6px，无分隔线（容器 4596 column gap 12.6） */
  .wp-lead-form {
    border-top: none;
    padding-top: 0;
    margin-top: 16px;
  }

  /* 字段间距 16px（容器4596 column gap 16：52+16+52+16+52+16+44=248≈249） */
  .wp-field {
    margin-bottom: 16px;
  }

  /* 字段名 Montserrat 16 Regular lh18 #101C2F（font_142:6469），label→输入框间距 6px */
  .wp-field span {
    font-size: 16px;
    line-height: 18px;
    color: #101c2f;
    margin-bottom: 6px;
  }

  .wp-field span em {
    color: #fd4147;
    font-style: normal;
    margin-right: 4px;
  }

  /* 输入框 358x28 r2 白底，占位 16/400 #929CA9（容器 4807/4808, font_142:6602） */
  .wp-field input {
    height: 28px;
    font-size: 16px;
    color: #101c2f;
    background: #fff;
    border: 1px solid #d5d9de;
    border-radius: 2px;
    padding: 0 10px;
  }

  .wp-field input::placeholder {
    color: #929ca9;
  }

  /* 同意勾选：文案 16/400 lh22 #101C2F（font_142:6591）；勾选框 8.4px 自绘（组件 5），选中 133deg 渐变填充 */
  .wp-agree {
    gap: 6px;
    margin: 0;
    font-size: 16px;
    line-height: 22px;
    color: #101c2f;
  }

  .wp-agree input {
    appearance: none;
    -webkit-appearance: none;
    width: 8.4px;
    height: 8.4px;
    margin: 7px 0 0;
    flex-shrink: 0;
    border: 1px solid rgba(16, 28, 47, 0.4);
    border-radius: 50%;
    background: #fff;
    padding: 0;
  }

  .wp-agree input:checked {
    border-color: transparent;
    background: linear-gradient(
      133deg,
      #2dd4bf -84%,
      #002e93 40%,
      #f43f5e 161%
    );
  }

  .wp-submit-btn {
    height: 48px;
    font-size: 15px;
  }

  /* 下载按钮：表单卡下方满宽（组48：358x41 r7 gap14）
     白底 + 渐变描边(100deg) + 渐变文字 + 渐变箭头（ghost 样式，PC 保持 main-btn 深底不动） */
  .wp-lead {
    position: relative;
    padding-bottom: 61px;
  }

  #wpSubmitBtn {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 41px;
    gap: 14px;
    border: 1px solid transparent;
    border-radius: 7px;
    background:
      linear-gradient(#fff, #fff) padding-box,
      linear-gradient(100deg, #2dd4bf -63%, #002e93 41%, #f43f5e 143%)
        border-box;
    background-blend-mode: normal;
    color: #101c2f;
    font-size: 16px;
    line-height: 24px;
    box-shadow: none;
  }

  #wpSubmitBtn span {
    background: linear-gradient(
      100deg,
      #2dd4bf -63%,
      #002e93 41%,
      #f43f5e 143%
    );
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
  }

  #wpSubmitBtn:hover {
    background:
      linear-gradient(#fff, #fff) padding-box,
      linear-gradient(100deg, #2dd4bf -63%, #002e93 41%, #f43f5e 143%)
        border-box;
    opacity: 0.85;
  }

  /* 渐变下载箭头缩至规范 17px（download-icon.svg 为青→蓝→红渐变版） */
  #wpSubmitBtn .wp-arrow-down-white {
    width: 17px;
    height: 17px;
    background: url(../images/download-icon.svg);
    background-size: cover;
  }

  /* H5分类标签 */
  .wp-cat-tag,
  .wp-card-cat {
    font-size: 11px;
    padding: 3px 10px;
  }

  /* H5空状态 */
  .wp-empty {
    padding: 32px 0;
    font-size: 14px;
  }

  /* H5 CTA区域 */
  .wp-cta {
    padding: 30px 0;
  }
}