/* 会员专享页专属样式（伍佰艺沉香） */
.member-grid { margin-top: 14px; }
.mb-card {
  background: #fffdf9;
  border: 1px solid #ece2d2;
  border-radius: 14px;
  padding: 30px 24px 26px;
  text-align: left;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.mb-card:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(42,29,20,.10); border-color: #d9c4a0; }
.mb-ico {
  width: 52px; height: 52px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: #f4ead6; color: #b9914f; margin-bottom: 16px;
}
.mb-card h3 { font-size: 19px; color: #2a1d14; margin: 0 0 8px; font-family: "Noto Serif SC", serif; }
.mb-card p { margin: 0; color: #6b5b4c; font-size: 14.5px; line-height: 1.7; }

.join-section { background: #faf5ec; }
.join-box {
  display: grid; grid-template-columns: 1.3fr .9fr; gap: 34px;
  align-items: center;
  background: linear-gradient(135deg, #2a1d14, #3a281c);
  border-radius: 18px; padding: 40px 38px; color: #f3e9d8;
}
.join-text h2 { color: #fff; margin: 0 0 12px; font-family: "Noto Serif SC", serif; font-size: 25px; }
.join-text p { color: #e4d6c2; line-height: 1.8; margin: 0 0 18px; font-size: 15px; }
.join-text strong { color: #e9c98a; }
.join-steps { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }
.join-steps li { display: flex; align-items: center; gap: 12px; color: #ecdfca; font-size: 14.5px; }
.join-steps span {
  flex: 0 0 26px; width: 26px; height: 26px; border-radius: 50%;
  background: #b9914f; color: #2a1d14; font-weight: 700;
  display: flex; align-items: center; justify-content: center; font-size: 14px;
}
.join-cta { display: flex; flex-direction: column; gap: 16px; align-items: stretch; }
.join-wx {
  background: rgba(255,255,255,.06); border: 1px dashed #b9914f;
  border-radius: 14px; padding: 20px; text-align: center;
}
.join-wx-label { display: block; color: #c9b48f; font-size: 13px; letter-spacing: 2px; }
.join-wx-id { display: block; color: #fff; font-size: 26px; font-weight: 700; margin: 6px 0 12px; letter-spacing: 1px; }
.join-copy {
  border: 1px solid #b9914f; background: transparent; color: #e9c98a;
  padding: 8px 18px; border-radius: 999px; font-size: 14px; cursor: pointer;
  transition: background .15s ease, color .15s ease;
}
.join-copy:hover { background: #b9914f; color: #2a1d14; }
.join-copy.done { background: #5a8f5a; border-color: #5a8f5a; color: #fff; }
.join-btn {
  display: block; text-align: center; text-decoration: none;
  background: #b9914f; color: #2a1d14; font-weight: 700;
  padding: 14px; border-radius: 999px; font-size: 15px;
  transition: background .15s ease;
}
.join-btn:hover { background: #cda968; }

.shaidan-grid { margin-top: 14px; }
.shaidan-card {
  margin: 0; background: #fffdf9; border: 1px solid #ece2d2;
  border-radius: 14px; overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease;
}
.shaidan-card:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(42,29,20,.10); }
.shaidan-card img { width: 100%; height: 190px; object-fit: cover; display: block; }
.shaidan-card figcaption { padding: 18px 20px 20px; }
.shaidan-text { margin: 0 0 12px; color: #4f4236; font-size: 14.5px; line-height: 1.75; font-style: normal; }
.shaidan-by { margin: 0; color: #b9914f; font-size: 13px; font-weight: 600; }
.shaidan-tip {
  display: flex; align-items: flex-start; gap: 12px;
  margin-top: 26px; padding: 18px 22px;
  background: #f4ead6; border-radius: 12px; color: #5a4a39; font-size: 14.5px; line-height: 1.75;
}
.shaidan-tip svg { flex: 0 0 auto; margin-top: 2px; color: #b9914f; }
.shaidan-tip strong { color: #2a1d14; }

@media (max-width: 768px) {
  .join-box { grid-template-columns: 1fr; padding: 30px 24px; gap: 26px; }
  .join-text h2 { font-size: 22px; }
  .mb-card { padding: 26px 20px 22px; }
}