/* 推广员 — 邀请好友页：四板块紫 / 蓝 / 红 / 粉底色 + 标题色 */
.fenxiao-share-page .fx-guide {
    margin-top: 28px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.fenxiao-share-page .fx-block {
    border-radius: 12px;
    padding: 18px 20px;
    border: 1.5px solid transparent;
    box-sizing: border-box;
}

.fenxiao-share-page .fx-block__title {
    margin: 0 0 12px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
}

.fenxiao-share-page .fx-block__lead {
    margin: 0;
    line-height: 1.75;
    color: #475569;
}

/* 1. 紫色 — 推广概览 */
.fenxiao-share-page .fx-block--purple {
    background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 55%, #faf5ff 100%);
    border-color: #c4b5fd;
}

.fenxiao-share-page .fx-block--purple .fx-block__title,
.fenxiao-share-page .fx-block--purple .fx-guide__hero-title {
    color: #7c3aed;
}

/* 2. 蓝色 — 推广四步走 */
.fenxiao-share-page .fx-block--blue {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 55%, #f0f9ff 100%);
    border-color: #93c5fd;
}

.fenxiao-share-page .fx-block--blue .fx-block__title {
    color: #2563eb;
}

.fenxiao-share-page .fx-block--blue .fx-step-card {
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid #bfdbfe;
}

.fenxiao-share-page .fx-block--blue .fx-step-card__label {
    color: #2563eb;
}

.fenxiao-share-page .fx-block--blue .fx-step-card__text {
    color: #334155;
}

/* 3. 红色 — 收益与规则 */
.fenxiao-share-page .fx-block--red {
    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 55%, #fff1f2 100%);
    border-color: #fca5a5;
}

.fenxiao-share-page .fx-block--red .fx-block__title {
    color: #dc2626;
}

.fenxiao-share-page .fx-block--red .fx-rules-list {
    margin: 0;
    padding-left: 20px;
    line-height: 2;
    color: #475569;
}

/* 4. 粉红色 — 合伙人等级 + 进阶提示 */
.fenxiao-share-page .fx-block--pink {
    background: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 55%, #fff1f2 100%);
    border-color: #f9a8d4;
}

.fenxiao-share-page .fx-block--pink .fx-block__title,
.fenxiao-share-page .fx-block--pink .fx-guide__tip-title {
    color: #db2777;
}

.fenxiao-share-page .fx-block--pink .fx-block__desc {
    margin: 0 0 14px;
    color: #64748b;
}

.fenxiao-share-page .fx-block--pink .fx-tier-table {
    background: rgba(255, 255, 255, 0.88);
    margin-bottom: 16px;
}

.fenxiao-share-page .fx-block--pink .fx-tier-table thead tr {
    background: rgba(252, 231, 243, 0.75);
}

.fenxiao-share-page .fx-block--pink .fx-tier-table th {
    color: #be185d;
}

.fenxiao-share-page .fx-guide__tip {
    border-radius: 10px;
    padding: 14px 16px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid #fbcfe8;
}

.fenxiao-share-page .fx-guide__tip-title {
    margin: 0 0 6px;
    font-size: 15px;
    font-weight: 700;
}

.fenxiao-share-page .fx-guide__tip-text {
    margin: 0;
    color: #64748b;
}

.fenxiao-share-page .fx-step-card {
    height: 100%;
    padding: 16px 14px;
    border-radius: 10px;
    box-sizing: border-box;
}

.fenxiao-share-page .fx-step-card__label {
    font-size: 13px;
    font-weight: 700;
}

.fenxiao-share-page .fx-step-card__text {
    margin-top: 6px;
}

.fenxiao-share-page .fx-steps > [class*="col-"] {
    margin-bottom: 14px;
}

@media (max-width: 767px) {
    .fenxiao-share-page .fx-block {
        padding: 16px 14px;
    }
}