/* ============================================================
   公司团队列表
   ============================================================ */
html { font-size: calc(min(100vw, 480px) / 37.5); }
* { box-sizing: border-box; }
html, body { min-height: 100%; margin: 0; padding: 0; background: #fff7e6; }
body { min-height: 100vh; display: flex; justify-content: center;
       font-family: "PingFang SC", "Noto Sans SC", "Microsoft YaHei", Arial, sans-serif; color: #2a1308; }

.phone {
    position: relative;
    width: 37.5rem;
    min-height: 100vh;
    padding-bottom: 7.5rem;
    background: #fff7e6;
}

/* 顶部红条 */
.team-hero {
    position: relative;
    z-index: 1;                                /* 兜底：让红条不主动盖住下面 */
    background: linear-gradient(180deg, #d8131c 0%, #8c0a12 100%);
    color: #fff;
    padding: 3.4rem 1.6rem 1.8rem;             /* 收紧底部 padding，减少与规则卡重叠 */
    border-radius: 0 0 1.6rem 1.6rem;
    text-align: center;
}
.team-hero__back {
    position: absolute;
    top: 1.4rem;
    left: 1rem;
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255,255,255,0.15);
    color: #fff;
    text-decoration: none;
}
.team-hero__title {
    margin: 0.4rem 0 0.6rem;
    font-size: 2rem;
    letter-spacing: 0.2rem;
    font-weight: 800;
    text-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.25);
}
.team-hero__sub {
    color: #fff5dc;
    font-size: 1.25rem;
}
.team-hero__sub b { color: #ffeb8a; font-size: 1.5rem; margin: 0 0.2rem; }

/* 邀请规则 */
.team-rule {
    position: relative;
    z-index: 2;                                /* 关键：浮在红条之上，避免被遮挡 */
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
    margin: -1rem 1.4rem 1.4rem;
    padding: 1rem 1.2rem;
    background: linear-gradient(180deg, #fff8e0 0%, #ffeebd 100%);
    border: 0.1rem solid #f3d8a5;
    border-radius: 0.8rem;
    box-shadow: 0 0.4rem 0.8rem rgba(180, 60, 0, 0.12);
}
.team-rule__icon {
    flex: 0 0 3rem;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: linear-gradient(180deg, #ea1c25, #ad0810);
    display: flex;
    align-items: center;
    justify-content: center;
}
.team-rule__body { flex: 1; color: #6b3a0d; font-size: 1.2rem; line-height: 1.6; }
.team-rule__body b { color: #d8131c; font-weight: 800; }

/* 列表 */
.team-list { padding: 0 1.4rem; display: flex; flex-direction: column; gap: 0.8rem; }
.team-item {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    padding: 1.2rem 1.4rem;
    background: #fff;
    border: 0.1rem solid #f3d8a5;
    border-radius: 0.8rem;
    box-shadow: 0 0.2rem 0.6rem rgba(180, 60, 0, 0.05);
}
.team-item__avatar {
    flex: 0 0 4.4rem;
    width: 4.4rem; height: 4.4rem;
    border-radius: 50%;
    background: linear-gradient(180deg, #ea1c25, #ad0810);
    color: #fff;
    font-size: 1.8rem;
    font-weight: 800;
    display: flex; align-items: center; justify-content: center;
}
.team-item__body { flex: 1; min-width: 0; }
.team-item__name { color: #2a1308; font-size: 1.5rem; font-weight: 700; line-height: 1.2; }
.team-item__meta { color: #8b6a3a; font-size: 1.1rem; margin-top: 0.3rem; }
.team-item__no { color: #d8a85a; font-family: monospace; font-size: 1.4rem; font-weight: 700; }

/* 空态 */
.team-empty {
    text-align: center;
    margin: 0 1.4rem;
    padding: 2.4rem 2rem 2rem;
    background: #fff;
    border-radius: 1rem;
    border: 0.1rem solid #f3d8a5;
    box-shadow: 0 0.2rem 0.6rem rgba(180, 60, 0, 0.05);
    color: #6b3a0d;
}
.team-empty__icon {
    width: 6rem; height: 6rem;
    margin: 0 auto 0.6rem;
    border-radius: 50%;
    background: linear-gradient(135deg, #fff7e6, #ffe6b8);
    display: flex; align-items: center; justify-content: center;
    font-size: 2.6rem;
    box-shadow: inset 0 0 0 0.2rem #fff, 0 0.2rem 0.4rem rgba(180, 60, 0, 0.08);
}
.team-empty__title { font-size: 1.55rem; font-weight: 800; margin: 0.4rem 0 0.4rem; color: #b14406; letter-spacing: 0.05rem; }
.team-empty__sub { font-size: 1.2rem; line-height: 1.65; color: #8b6a3a; max-width: 26rem; margin: 0 auto 1.4rem; }

/* 三步进度引导（仅空态展示） */
.team-empty__steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.6rem;
    margin: 0 0 1.4rem;
    padding: 0.8rem 0.6rem;
    background: linear-gradient(180deg, #fff8e0 0%, #ffeebd 100%);
    border-radius: 0.8rem;
    border: 0.05rem solid #f3d8a5;
}
.team-empty__step {
    display: flex; flex-direction: column; align-items: center;
    gap: 0.3rem;
    color: #6b3a0d;
}
.team-empty__step-num {
    width: 2.2rem; height: 2.2rem;
    border-radius: 50%;
    background: #d8131c;
    color: #fff;
    font-size: 1.2rem; font-weight: 800;
    display: flex; align-items: center; justify-content: center;
}
.team-empty__step-text {
    font-size: 1.05rem;
    line-height: 1.4;
    text-align: center;
}
.team-empty__step-text b { color: #d8131c; font-weight: 800; }

.team-empty__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22rem;
    max-width: calc(100% - 1rem);
    height: 4.4rem;
    padding: 0.5rem 2.4rem 0 2.6rem; /* 上 0.5rem 让汉字视觉居中 */
    box-sizing: border-box;
    border-radius: 999px;
    background: linear-gradient(180deg, #ea1c25, #ad0810);
    color: #fff;
    font-size: 1.45rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.2rem;
    text-decoration: none;
    text-indent: 0.2rem;             /* 抵消最后一个字符 letter-spacing 让文字真正居中 */
    white-space: nowrap;
    box-shadow: 0 0.4rem 0.9rem rgba(180, 10, 16, 0.32);
    isolation: isolate;              /* 独立 stacking context，防被相邻元素裁切阴影 */
}
.team-empty__cta:active {
    transform: translateY(0.1rem);
    box-shadow: 0 0.2rem 0.5rem rgba(180, 10, 16, 0.32);
}
.team-empty__hint {
    margin-top: 0.8rem;
    font-size: 1.05rem;
    color: #b89880;
    letter-spacing: 0.05rem;
}

/* 底部继续邀请 */
.team-foot { padding: 1.6rem 1.4rem 1rem; text-align: center; }
.team-foot__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22rem;
    max-width: calc(100% - 1rem);
    height: 4.4rem;
    padding: 0.5rem 2.4rem 0 2.6rem; /* 上 0.5rem 让汉字视觉居中 */
    box-sizing: border-box;
    border-radius: 999px;
    background: linear-gradient(180deg, #ea1c25, #ad0810);
    color: #fff;
    font-size: 1.45rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.2rem;
    text-decoration: none;
    text-indent: 0.2rem;
    white-space: nowrap;
    box-shadow: 0 0.4rem 0.9rem rgba(180, 10, 16, 0.32);
    isolation: isolate;
}
.team-foot__cta:active {
    transform: translateY(0.1rem);
    box-shadow: 0 0.2rem 0.5rem rgba(180, 10, 16, 0.32);
}