/* how-to-join.css - 加入页专属样式 */

.join-steps{display:flex;flex-direction:column;gap:12px}
.join-step{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:.15s}
.join-step:hover{border-color:var(--primary-light,#c7d2fe);box-shadow:0 4px 12px rgba(var(--primary-rgb,139,92,246),.06)}
.join-step-num{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary,#8b5cf6),#a855f7);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}
.join-step-text{flex:1}
.join-step-text h3{font-size:15px;font-weight:600;color:#111827;margin-bottom:4px}
.join-step-text p{font-size:13px;color:#6b7280;line-height:1.6}
.join-criteria{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-top:16px}
.join-criteria h3{font-size:16px;font-weight:600;color:#111827;margin-bottom:12px}
.join-criteria ul{list-style:none;padding:0;margin:0}
.join-criteria li{padding:8px 0;font-size:13px;color:#374151;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;gap:8px}
.join-criteria li:last-child{border-bottom:none}
.join-criteria li::before{content:'✓';color:var(--accent,#10b981);font-weight:700}

/* 暗色模式 */

/* 移动端 */
@media(max-width:768px){
  .join-step{padding:14px}
  .join-criteria{padding:16px}
}

/* 暗色模式 - 如何加入页 */