/* ========== cooperate-v2.css 合作答疑页面新样式 ========== */

/* ---- Hero Banner ---- */
.banner2 {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 320px;
}
.banner2::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 2;
}
.banner2 .img-box {
  list-style: none;
  padding: 0;
  margin: 0;
}
.banner2 .img-box img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  display: block;
}
.banner2-caption {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
}
.banner2-caption .hero-title {
  font-size: 44px;
  font-weight: 700;
  letter-spacing: 4px;
  margin: 0 0 12px;
}
.banner2-caption .hero-sub {
  font-size: 16px;
  opacity: 0.85;
  letter-spacing: 3px;
}

/* ---- 面包屑 ---- */
.breadcrumb {
  width: 100%;
  background: #f7f7f7;
  border-bottom: 1px solid #eee;
}
.breadcrumb-inner {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
  padding: 18px 20px;
  font-size: 14px;
  color: #999;
}
.breadcrumb-inner a {
  color: #666;
}
.breadcrumb-inner a:hover {
  color: #d6336c;
}
.breadcrumb-inner b {
  margin: 0 10px;
  color: #ccc;
  font-weight: normal;
}

/* ---- 主体 ---- */
.main-wrap {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
  padding: 60px 20px 80px;
  box-sizing: border-box;
}
.page-title {
  font-size: 32px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 8px;
}
.page-sub {
  font-size: 13px;
  color: #999;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

/* ---- Q&A 列表 ---- */
.qa-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.qa-item {
  background: #fff;
  border: 1px solid #eee;
  border-left: 3px solid #d6336c;
  border-radius: 4px;
  padding: 24px 28px;
  transition: box-shadow 0.2s;
}
.qa-item:hover {
  box-shadow: 0 4px 16px rgba(228, 0, 130, 0.1);
}
.qa-item .q-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 10px;
}
.qa-item .label {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  background: #d6336c;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.qa-item .question {
  font-size: 16px;
  font-weight: 600;
  color: #1a1a1a;
  line-height: 26px;
}
.qa-item .a-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding-left: 38px;
}
.qa-item .a-row .label {
  background: #f0f0f0;
  color: #666;
  font-size: 12px;
}
.qa-item .answer {
  font-size: 14px;
  color: #666;
  line-height: 26px;
}

/* ---- 清理旧样式 ---- */
html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font: 14px "microsoft yahei", Arial, Helvetica, sans-serif;
  color: #333;
}
ul, li { margin: 0; padding: 0; list-style: none; }
a { color: #666; text-decoration: none; }
img { border: 0; display: block; }