.promotion-wrap[data-v-e59e27f0] {
    padding: calc(var(--navbar-height) + 10px) 0 calc(var(--tabbar-height) + 10px)
}

.promotion-wrap .team-wrap-content[data-v-e59e27f0] {
    position: relative
}

.promotion-wrap .team-wrap-content .invite-card[data-v-e59e27f0] {
    background: linear-gradient(to right, #b25af7, #684cfc)
}

.promotion-wrap .team-wrap-content .share-card[data-v-e59e27f0] {
    margin-top: var(--mg);
    padding: 16px 14px;
    position: relative;
    color: var(--text-white);
    border-radius: var(--card-radius);
    overflow: hidden;
    background: var(--bg-card);
    background-size: 100% 100%;
    height: 220px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    text-align: center
}

.promotion-wrap .team-wrap-content .share-card .item[data-v-e59e27f0] {
    background: #0000001a;
    padding: 10px 5px 0;
    border-radius: 5px;
    min-height: 90px
}

.promotion-wrap .team-wrap-content .team-info[data-v-e59e27f0] {
    margin-top: var(--mg);
    box-shadow: none;
    background: var(--bg-input)
}

.promotion-wrap .team-wrap-content .team-info .other-num[data-v-e59e27f0] {
    display: flex;
    justify-content: space-around;
    text-align: center;
    margin-bottom: 12px;
    z-index: 1
}

.promotion-wrap .team-wrap-content .team-info .other-num[data-v-e59e27f0]:last-child {
    margin-bottom: 0
}

.promotion-wrap .team-wrap-content .team-info .other-num .item[data-v-e59e27f0] {
    width: 33.3%
}

.promotion-wrap .team-wrap-content .team-info .other-num .item .text-df[data-v-e59e27f0] {
    line-height: 14px;
    font-size: 13px;
    color: var(--text-gray6);
    margin-bottom: 5px
}

.promotion-wrap .team-wrap-content .team-card[data-v-e59e27f0] {
    margin: var(--mg) auto 0;
    box-sizing: border-box;
    line-height: 24px;
    width: 100%;
    border-radius: var(--radius)
}

.promotion-wrap .team-wrap-content .team-card .level-content[data-v-e59e27f0] {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding: 5px 5px 0;
    border-radius: 5px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr)
}

.promotion-wrap .team-wrap-content .team-card .level-content .level-count[data-v-e59e27f0] {
    width: 100%;
    text-align: center;
    color: var(--text-white)
}

.promotion-wrap .team-wrap-content .team-card .level-content .level-count .text-sm[data-v-e59e27f0] {
    line-height: 16px;
    font-size: 13px;
    margin-bottom: 5px;
    color: #eee
}

.promotion-wrap .team-wrap-content .team-card .level-content .level-count .text-df[data-v-e59e27f0] {
    font-size: 14px;
    font-weight: 700
}

.promotion-wrap .team-wrap-content .team-card .team-item[data-v-e59e27f0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    border-radius: var(--card-radius);
    background: var(--bg-card);
    padding: 12px;
    box-sizing: border-box;
    min-width: 0;
    position: relative
}

.promotion-wrap .team-wrap-content .team-card .team-item .icon-img[data-v-e59e27f0] {
    position: absolute;
    top: -16px;
    left: -10px
}

.promotion-wrap .team-wrap-content .team-card .team-item .level-name[data-v-e59e27f0] {
    text-align: left;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.promotion-wrap .team-wrap-content .team-card .team-item .level-name .level-num[data-v-e59e27f0] {
    font-size: 18px;
    color: var(--text-white);
    font-weight: 700
}

.promotion-wrap .team-wrap-content .team-card .team-item .level-name img[data-v-e59e27f0] {
    width: 35px
}

.promotion-wrap .team-wrap-content .team-card .team-item .tools[data-v-e59e27f0] {
    width: 100%;
    margin-top: 10px
}

.promotion-wrap .team-wrap-content .team-card .team-item .btn[data-v-e59e27f0] {
    padding: 6px 12px;
    flex-shrink: 0;
    margin-left: 10px;
    border-radius: 28px;
    line-height: 17px;
    font-size: 12px;
    font-weight: 700;
    background: var(--btn-bg5);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end
}

.team-wrap2 .count-card[data-v-e59e27f0] {
    width: 100%;
    border-radius: var(--card-radius);
    background: var(--bg-input);
    border: 1px solid var(--border-color2);
    padding: 12px
}

.team-wrap2 .count-card .label[data-v-e59e27f0] {
    font-size: 12px
}

.team-wrap2 .count-card .value[data-v-e59e27f0] {
    font-size: 18px;
    margin-top: 7px;
    font-weight: 500;
    color: #5bcb9a
}

.team-wrap2 .lh[data-v-e59e27f0] {
    line-height: 1.4
}

.team-wrap2 .team-item[data-v-e59e27f0] {
    padding: 14px;
    background: var(--bg-input);
    margin-bottom: 12px
}

.team-wrap2 .team-item[data-v-e59e27f0]:last-child {
    border-bottom: none
}

.team-wrap2 .team-item .top-title[data-v-e59e27f0] {
    font-weight: 600;
    margin-bottom: 7px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.team-wrap2 .team-item-info[data-v-e59e27f0] {
    width: 100%;
    text-align: center
}

.team-wrap2 .team-item-info .label[data-v-e59e27f0] {
    font-size: 12px;
    color: var(--text-gray)
}

.team-wrap2 .team-item-info .value[data-v-e59e27f0] {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500
}

.promotion-wrap[data-v-cb86d9dc] {
    padding: 30px 0 calc(var(--tabbar-height) + 70px)
}

.promotion-wrap .team-wrap-content[data-v-cb86d9dc] {
    position: relative
}

.promotion-wrap .team-wrap-content .share-card[data-v-cb86d9dc] {
    margin-top: var(--mg);
    padding: 16px 14px;
    position: relative;
    color: var(--text-white);
    border-radius: var(--card-radius);
    overflow: hidden;
    background: var(--bg-card);
    background-size: 100% 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    text-align: center
}

.promotion-wrap .team-wrap-content .share-card .item[data-v-cb86d9dc] {
    background: #000;
    padding: 10px 5px 0;
    border-radius: 5px;
    min-height: 90px
}

.promotion-wrap .team-wrap-content .team-info[data-v-cb86d9dc] {
    margin-top: var(--mg);
    box-shadow: none;
    background: var(--bg-input)
}

.promotion-wrap .team-wrap-content .team-info .other-num[data-v-cb86d9dc] {
    display: flex;
    justify-content: space-around;
    text-align: center;
    margin-bottom: 12px;
    z-index: 1
}

.promotion-wrap .team-wrap-content .team-info .other-num[data-v-cb86d9dc]:last-child {
    margin-bottom: 0
}

.promotion-wrap .team-wrap-content .team-info .other-num .item[data-v-cb86d9dc] {
    width: 33.3%
}

.promotion-wrap .team-wrap-content .team-info .other-num .item .text-df[data-v-cb86d9dc] {
    line-height: 14px;
    font-size: 13px;
    color: var(--text-gray6);
    margin-bottom: 5px
}

.promotion-wrap .team-wrap-content .team-card[data-v-cb86d9dc] {
    margin: var(--mg) auto 0;
    box-sizing: border-box;
    line-height: 24px;
    width: 100%;
    border-radius: var(--radius)
}

.promotion-wrap .team-wrap-content .team-card .level-content[data-v-cb86d9dc] {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding: 5px 5px 0;
    border-radius: 5px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr)
}

.promotion-wrap .team-wrap-content .team-card .level-content .level-count[data-v-cb86d9dc] {
    width: 100%;
    text-align: center;
    color: var(--text-white)
}

.promotion-wrap .team-wrap-content .team-card .level-content .level-count .text-sm[data-v-cb86d9dc] {
    line-height: 16px;
    font-size: 13px;
    margin-bottom: 5px;
    color: #eee
}

.promotion-wrap .team-wrap-content .team-card .level-content .level-count .text-df[data-v-cb86d9dc] {
    font-size: 14px;
    font-weight: 700
}

.promotion-wrap .team-wrap-content .team-card .team-item[data-v-cb86d9dc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    border-radius: var(--card-radius);
    background: var(--bg-card);
    padding: 12px;
    box-sizing: border-box;
    min-width: 0;
    position: relative
}

.promotion-wrap .team-wrap-content .team-card .team-item .icon-img[data-v-cb86d9dc] {
    position: absolute;
    top: -16px;
    left: -10px
}

.promotion-wrap .team-wrap-content .team-card .team-item .level-name[data-v-cb86d9dc] {
    text-align: left;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.promotion-wrap .team-wrap-content .team-card .team-item .level-name .level-num[data-v-cb86d9dc] {
    font-size: 18px;
    color: var(--btn-text);
    font-weight: 700
}

.promotion-wrap .team-wrap-content .team-card .team-item .level-name img[data-v-cb86d9dc] {
    width: 35px
}

.promotion-wrap .team-wrap-content .team-card .team-item .tools[data-v-cb86d9dc] {
    width: 100%;
    margin-top: 10px
}

.promotion-wrap .team-wrap-content .team-card .team-item .btn[data-v-cb86d9dc] {
    padding: 6px 12px;
    flex-shrink: 0;
    margin-left: 10px;
    border-radius: 28px;
    line-height: 17px;
    font-size: 12px;
    font-weight: 700;
    background: var(--btn-bg5);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end
}

.no-2 .share-card .item[data-v-cb86d9dc] {
    background: var(--bg) !important;
    color: #000
}

.promotion-wrap[data-v-722adf5d] {
    padding: calc(var(--navbar-height) + 20px) 0 calc(var(--tabbar-height) + 90px)
}

.promotion-wrap .team-wrap-content[data-v-722adf5d] {
    position: relative
}

.promotion-wrap .team-wrap-content .share-card[data-v-722adf5d] {
    width: 100%;
    border-radius: var(--card-radius);
    overflow: hidden;
    border-bottom: 2px solid #666fe9
}

.promotion-wrap .team-wrap-content .record-btn[data-v-722adf5d] {
    height: 30px;
    line-height: 30px;
    padding: 0 18px;
    border: 0;
    border-radius: 0;
    color: var(--btn-text);
    color: var(--primary-btn-text);
    border-radius: var(--radius);
    cursor: pointer
}

.promotion-wrap .team-wrap-content .invite-data-card[data-v-722adf5d] {
    background: linear-gradient(180deg, #7a5be4, #371ad5)
}

.promotion-wrap .team-wrap-content .team-card[data-v-722adf5d] {
    margin: var(--mg) auto 0;
    box-sizing: border-box;
    line-height: 24px;
    width: 100%;
    border-radius: var(--radius);
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px
}

.promotion-wrap .team-wrap-content .team-card .level-content[data-v-722adf5d] {
    display: grid;
    grid-template-columns: repeat(1, 1fr)
}

.promotion-wrap .team-wrap-content .team-card .level-content .level-count[data-v-722adf5d] {
    width: 100%;
    text-align: center;
    border-radius: var(--radius);
    display: flex;
    align-items: center;
    justify-content: center
}

.promotion-wrap .team-wrap-content .team-card .level-content .level-count .text-sm[data-v-722adf5d] {
    line-height: 16px;
    font-size: 16px;
    margin-bottom: 5px
}

.promotion-wrap .team-wrap-content .team-card .level-content .level-count .text-df[data-v-722adf5d] {
    font-size: 16px;
    font-weight: 700
}

.promotion-wrap .team-wrap-content .team-card .team-item[data-v-722adf5d] {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--card-radius);
    padding: 12px;
    box-sizing: border-box;
    min-width: 0;
    position: relative
}

.promotion-wrap .team-wrap-content .team-card .team-item .icon-img[data-v-722adf5d] {
    position: absolute;
    top: -16px;
    left: -10px
}

.promotion-wrap .team-wrap-content .team-card .team-item .level-name[data-v-722adf5d] {
    text-align: left;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center
}

.promotion-wrap .team-wrap-content .team-card .team-item .level-name .level-num[data-v-722adf5d] {
    font-size: 18px;
    font-weight: 700
}

.promotion-wrap .team-wrap-content .team-card .team-item .level-name img[data-v-722adf5d] {
    width: 35px
}

.promotion-wrap .team-wrap-content .team-card .team-item .tools[data-v-722adf5d] {
    width: 100%;
    margin-top: 10px
}

.promotion-wrap .team-wrap-content .team-card .team-item .detail-btn[data-v-722adf5d] {
    flex-shrink: 0;
    border-radius: 28px;
    line-height: 17px;
    font-size: 14px;
    padding: 0;
    font-weight: 700;
    display: inline-flex;
    align-items: center
}

.promotion-wrap .btn[data-v-722adf5d] {
    display: flex;
    justify-content: center;
    align-items: center;
    display: inline-block;
    padding: 5px 14px;
    border-radius: var(--radius);
    font-size: 12px
}

.promotion-wrap[data-v-d27043be] {
    padding: calc(var(--navbar-height) + 20px) 0 calc(var(--tabbar-height) + 90px)
}

.promotion-wrap .team-wrap-content[data-v-d27043be] {
    position: relative
}

.promotion-wrap .team-wrap-content .share-card[data-v-d27043be] {
    width: 100%;
    min-height: 300px;
    border-radius: var(--card-radius);
    overflow: hidden;
    background: url(/assets/invite-bg-DX6ej8z0.png) no-repeat center center/cover;
    background-size: 100% 100%;
    padding-top: 80px
}

.promotion-wrap .team-wrap-content .record-btn[data-v-d27043be] {
    background: var(--btn-bg);
    height: 30px;
    line-height: 30px;
    padding: 0 18px;
    border: 0;
    border-radius: 0;
    color: var(--btn-text);
    color: var(--primary-btn-text);
    border-radius: var(--radius);
    cursor: pointer
}

.promotion-wrap .team-wrap-content .invite-data-card[data-v-d27043be] {
    background: url("data:image/svg+xml,%3csvg%20width='343'%20height='164'%20viewBox='0%200%20343%20164'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M342.614%20-96.017L338.815%20-95.8017L315.225%20-94.4562L312.756%20-81.7971L307.757%20-95.2204L304.824%20-94.693L285.29%20-91.1945L279.056%20-90.075L264.882%20-76.7809L241.489%20-68.6214L219.065%20-86.1567L172.64%20-101.593L165.72%20-101.668L161.596%20-101.722L142.096%20-101.938L139.095%20-87.1578L129.868%20-85.5432L126.627%20-73.1101L91.1179%20-75.0155L86.9333%20-98.1915L74.9969%20-97.7932L46.9395%20-96.8459L44.024%20-85.963L42.189%20-96.6844L4.7677%20-91.3883L0.3773%20-90.7639L0%20-90.215V-14.9926V325.93H343V-14.9926V-96.0386L342.614%20-96.017Z'%20fill='%23B38F6B'/%3e%3cpath%20d='M343%20-91.9565V330.012H0V-86.1329L0.3773%20-86.6819L4.7677%20-87.3063L42.189%20-92.6024L44.024%20-81.8809L46.9395%20-92.7638L74.9969%20-93.7111L86.9333%20-94.1094L91.1179%20-70.9334L126.627%20-69.0281L129.86%20-81.4611L139.095%20-83.0758L142.096%20-97.8555L161.596%20-97.6402L165.72%20-97.5864L172.64%20-97.511L219.057%20-82.0747L241.48%20-64.5285L264.882%20-72.6881L279.056%20-85.993L285.29%20-87.1125L304.824%20-90.6109L307.757%20-91.1384L312.756%20-77.7151L315.225%20-90.3741L338.815%20-91.7197L342.614%20-91.935L343%20-91.9565Z'%20fill='%23402E26'/%3e%3cpath%20d='M343%20-91.9565V-10.9105L315.371%20-0.0814438L256.581%20-31.5246L234.74%202.6312L149.917%2031.6523L114.665%202.6312L61.3712%20-15.4747L0%2048.3373V-86.1329L0.3773%20-86.6819L4.7677%20-87.3062L42.189%20-92.6024L44.024%20-81.8809L46.9395%20-92.7638L74.9969%20-93.7111L86.9333%20-94.1094L91.1179%20-70.9334L126.627%20-69.0281L129.86%20-81.4611L139.095%20-83.0758L142.096%20-97.8555L161.596%20-97.6402L165.72%20-97.5864L172.64%20-97.511L219.057%20-82.0747L241.48%20-64.5285L264.882%20-72.688L279.056%20-85.993L285.29%20-87.1125L304.824%20-90.6109L307.757%20-91.1384L312.756%20-77.7151L315.225%20-90.3741L338.815%20-91.7197L342.614%20-91.935L343%20-91.9565Z'%20fill='%2347342B'/%3e%3cpath%20d='M0%20184.108L65.9846%20194.927L122.442%20143.472L211.991%20150.878L285.29%20101.318L343%20148.241V330.01H0V184.108Z'%20fill='%233B2923'/%3e%3cpath%20d='M257.593%20157.314L231.594%20187.498L236.473%20232.784L282.615%20251.138L311.213%20215.658L280.017%20189.952L291.061%20167.11L257.593%20157.314Z'%20fill='%2333231E'/%3e%3cpath%20d='M295.94%20167.919L291.387%20185.056L314.136%20204.228L327.779%20183.829L329.734%20162.225L295.94%20167.919Z'%20fill='%2333231E'/%3e%3cpath%20d='M134.781%20109.941L194.18%20127.283L229.689%2092.5997L232.202%2056.431L194.18%2053.0078L139.275%2079.3701L134.781%20109.941Z'%20fill='%23382721'/%3e%3cpath%20d='M114.287%2075.052L151.554%2061.4564L139.274%2042.963L95.2246%2023.1133L74.2158%2049.088L114.287%2075.052Z'%20fill='%23382721'/%3e%3cpath%20d='M112.881%2083.2094L127.724%2076.4062L134.781%2081.5732L128.153%20103.059L117.537%20100.067L112.881%2083.2094Z'%20fill='%23382721'/%3e%3cpath%20d='M343%2012.1016L307.8%2036.171L304.087%2054.5245L318.356%2076.4087L342.734%2079.4013L343%2012.1016Z'%20fill='%23382721'/%3e%3cpath%20d='M0%2012.1031L24.0529%20-15.4756L22.3121%20-37.6612L31.1101%20-56.6498L15.555%20-74.8203L0%20-71.1173V12.1031Z'%20fill='%233D2C24'/%3e%3cpath%20d='M0%20172.817L17.1328%20146.713L14.183%20113.267L15.555%2089.7362L0%2082.2656V172.817Z'%20fill='%23382721'/%3e%3c/svg%3e") no-repeat center center/cover;
    background-size: 100% 100%
}

.promotion-wrap .team-wrap-content .team-card[data-v-d27043be] {
    margin: var(--mg) auto 0;
    box-sizing: border-box;
    line-height: 24px;
    width: 100%;
    border-radius: var(--radius);
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px
}

.promotion-wrap .team-wrap-content .team-card .level-content[data-v-d27043be] {
    display: grid;
    grid-template-columns: repeat(1, 1fr)
}

.promotion-wrap .team-wrap-content .team-card .level-content .level-count[data-v-d27043be] {
    width: 100%;
    text-align: center;
    border-radius: var(--radius);
    display: flex;
    align-items: center;
    justify-content: center
}

.promotion-wrap .team-wrap-content .team-card .level-content .level-count .text-sm[data-v-d27043be] {
    line-height: 16px;
    font-size: 16px;
    margin-bottom: 5px
}

.promotion-wrap .team-wrap-content .team-card .level-content .level-count .text-df[data-v-d27043be] {
    font-size: 16px;
    font-weight: 700
}

.promotion-wrap .team-wrap-content .team-card .team-item[data-v-d27043be] {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--card-radius);
    color: var(--primary);
    padding: 12px;
    box-sizing: border-box;
    min-width: 0;
    position: relative
}

.promotion-wrap .team-wrap-content .team-card .team-item .icon-img[data-v-d27043be] {
    position: absolute;
    top: -16px;
    left: -10px
}

.promotion-wrap .team-wrap-content .team-card .team-item .level-name[data-v-d27043be] {
    text-align: left;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center
}

.promotion-wrap .team-wrap-content .team-card .team-item .level-name .level-num[data-v-d27043be] {
    font-size: 18px;
    color: var(--primary);
    font-weight: 700
}

.promotion-wrap .team-wrap-content .team-card .team-item .level-name img[data-v-d27043be] {
    width: 35px
}

.promotion-wrap .team-wrap-content .team-card .team-item .tools[data-v-d27043be] {
    width: 100%;
    margin-top: 10px
}

.promotion-wrap .team-wrap-content .team-card .team-item .detail-btn[data-v-d27043be] {
    flex-shrink: 0;
    border-radius: 28px;
    line-height: 17px;
    font-size: 14px;
    padding: 0;
    font-weight: 700;
    display: inline-flex;
    align-items: center
}

.promotion-wrap .btn[data-v-d27043be] {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--btn-bg);
    display: inline-block;
    padding: 5px 14px;
    border-radius: var(--radius);
    font-size: 12px
}

.promotion-wrap[data-v-14cc199a] {
    padding: calc(var(--navbar-height) + 30px) 0 calc(var(--tabbar-height) + 90px)
}

.promotion-wrap .team-wrap-content[data-v-14cc199a] {
    position: relative
}

.promotion-wrap .team-wrap-content .invite-card[data-v-14cc199a] {
    background: linear-gradient(to right, #b25af7, #684cfc)
}

.promotion-wrap .team-wrap-content .record-btn[data-v-14cc199a] {
    background: var(--btn-bg);
    height: 30px;
    line-height: 30px;
    padding: 0 18px;
    border: 0;
    border-radius: 0;
    color: var(--btn-text);
    color: var(--primary-btn-text);
    border-radius: var(--radius);
    cursor: pointer
}

.promotion-wrap .team-wrap-content .share-card[data-v-14cc199a] {
    margin-top: var(--mg);
    position: relative;
    color: var(--text-white);
    overflow: hidden;
    gap: 10px;
    background-size: 100% 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.promotion-wrap .team-wrap-content .share-card .item[data-v-14cc199a] {
    text-align: left;
    padding: 10px;
    background: var(--bg-deep-card);
    border-radius: var(--radius);
    color: var(--primary)
}

.promotion-wrap .team-wrap-content .team-info[data-v-14cc199a] {
    margin-top: var(--mg);
    box-shadow: none;
    background: var(--bg-input)
}

.promotion-wrap .team-wrap-content .team-info .other-num[data-v-14cc199a] {
    display: flex;
    justify-content: space-around;
    text-align: center;
    margin-bottom: 12px;
    z-index: 1
}

.promotion-wrap .team-wrap-content .team-info .other-num[data-v-14cc199a]:last-child {
    margin-bottom: 0
}

.promotion-wrap .team-wrap-content .team-info .other-num .item[data-v-14cc199a] {
    width: 33.3%
}

.promotion-wrap .team-wrap-content .team-info .other-num .item .text-df[data-v-14cc199a] {
    line-height: 14px;
    font-size: 13px;
    color: var(--text-gray6);
    margin-bottom: 5px
}

.promotion-wrap .team-wrap-content .team-card[data-v-14cc199a] {
    margin: var(--mg) auto 0;
    box-sizing: border-box;
    line-height: 24px;
    width: 100%;
    border-radius: var(--radius);
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px
}

.promotion-wrap .team-wrap-content .team-card .level-content[data-v-14cc199a] {
    display: grid;
    grid-template-columns: repeat(1, 1fr)
}

.promotion-wrap .team-wrap-content .team-card .level-content .level-count[data-v-14cc199a] {
    width: 100%;
    text-align: center;
    border-radius: var(--radius);
    display: flex;
    align-items: center;
    justify-content: center
}

.promotion-wrap .team-wrap-content .team-card .level-content .level-count .text-sm[data-v-14cc199a] {
    line-height: 16px;
    font-size: 16px;
    margin-bottom: 5px
}

.promotion-wrap .team-wrap-content .team-card .level-content .level-count .text-df[data-v-14cc199a] {
    font-size: 16px;
    font-weight: 700
}

.promotion-wrap .team-wrap-content .team-card .team-item[data-v-14cc199a] {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--card-radius);
    background: #fff !important;
    color: var(--primary);
    padding: 12px;
    box-sizing: border-box;
    min-width: 0;
    position: relative
}

.promotion-wrap .team-wrap-content .team-card .team-item .icon-img[data-v-14cc199a] {
    position: absolute;
    top: -16px;
    left: -10px
}

.promotion-wrap .team-wrap-content .team-card .team-item .level-name[data-v-14cc199a] {
    text-align: left;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center
}

.promotion-wrap .team-wrap-content .team-card .team-item .level-name .level-num[data-v-14cc199a] {
    font-size: 18px;
    color: var(--primary);
    font-weight: 700
}

.promotion-wrap .team-wrap-content .team-card .team-item .level-name img[data-v-14cc199a] {
    width: 35px
}

.promotion-wrap .team-wrap-content .team-card .team-item .tools[data-v-14cc199a] {
    width: 100%;
    margin-top: 10px
}

.promotion-wrap .team-wrap-content .team-card .team-item .btn[data-v-14cc199a] {
    flex-shrink: 0;
    border-radius: 28px;
    line-height: 17px;
    font-size: 14px;
    padding: 0;
    font-weight: 700;
    display: inline-flex;
    align-items: center
}

.promotion-wrap .btn[data-v-14cc199a] {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    color: var(--primary);
    display: inline-block;
    padding: 0 14px;
    height: 24px;
    line-height: 24px;
    border-radius: var(--radius);
    font-size: 12px
}

.promotion-wrap[data-v-f6638feb] {
    padding: calc(var(--navbar-height) + 30px) 0 calc(var(--tabbar-height) + 90px)
}

.promotion-wrap .team-wrap-content[data-v-f6638feb] {
    position: relative
}

.promotion-wrap .team-wrap-content .invite-card[data-v-f6638feb] {
    background: linear-gradient(to right, #b25af7, #684cfc)
}

.promotion-wrap .team-wrap-content .record-btn[data-v-f6638feb] {
    background: var(--btn-bg);
    height: 30px;
    line-height: 30px;
    padding: 0 18px;
    border: 0;
    border-radius: 0;
    color: var(--btn-text);
    color: var(--primary-btn-text);
    border-radius: var(--radius);
    cursor: pointer
}

.promotion-wrap .team-wrap-content .share-card[data-v-f6638feb] {
    margin-top: var(--mg);
    position: relative;
    color: var(--text-white);
    overflow: hidden;
    gap: 10px;
    background-size: 100% 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.promotion-wrap .team-wrap-content .share-card .item[data-v-f6638feb] {
    text-align: left;
    padding: 10px;
    background: var(--bg-input);
    background: var(--bg-deep-card);
    box-shadow: inset -1px 2px 2px #0003;
    border-radius: 12px
}

.promotion-wrap .team-wrap-content .team-info[data-v-f6638feb] {
    margin-top: var(--mg);
    box-shadow: none;
    background: var(--bg-input)
}

.promotion-wrap .team-wrap-content .team-info .other-num[data-v-f6638feb] {
    display: flex;
    justify-content: space-around;
    text-align: center;
    margin-bottom: 12px;
    z-index: 1
}

.promotion-wrap .team-wrap-content .team-info .other-num[data-v-f6638feb]:last-child {
    margin-bottom: 0
}

.promotion-wrap .team-wrap-content .team-info .other-num .item[data-v-f6638feb] {
    width: 33.3%
}

.promotion-wrap .team-wrap-content .team-info .other-num .item .text-df[data-v-f6638feb] {
    line-height: 14px;
    font-size: 13px;
    color: var(--text-gray6);
    margin-bottom: 5px
}

.promotion-wrap .team-wrap-content .team-card[data-v-f6638feb] {
    margin: var(--mg) auto 0;
    box-sizing: border-box;
    line-height: 24px;
    width: 100%;
    border-radius: var(--radius);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px
}

.promotion-wrap .team-wrap-content .team-card .level-content[data-v-f6638feb] {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding: 5px 5px 0;
    border-radius: 5px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    width: full
}

.promotion-wrap .team-wrap-content .team-card .level-content .level-count[data-v-f6638feb] {
    width: 100%;
    text-align: center;
    color: var(--text-white);
    height: 50px;
    border-radius: var(--radius);
    margin: 10px 0
}

.promotion-wrap .team-wrap-content .team-card .level-content .level-count .text-sm[data-v-f6638feb] {
    line-height: 16px;
    font-size: 13px;
    margin-bottom: 5px;
    color: #eee
}

.promotion-wrap .team-wrap-content .team-card .level-content .level-count .text-df[data-v-f6638feb] {
    font-size: 14px;
    font-weight: 700
}

.promotion-wrap .team-wrap-content .team-card .team-item[data-v-f6638feb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    border-radius: var(--card-radius);
    padding: 12px;
    box-sizing: border-box;
    min-width: 0;
    position: relative
}

.promotion-wrap .team-wrap-content .team-card .team-item .icon-img[data-v-f6638feb] {
    position: absolute;
    top: -16px;
    left: -10px
}

.promotion-wrap .team-wrap-content .team-card .team-item .level-name[data-v-f6638feb] {
    text-align: left;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.promotion-wrap .team-wrap-content .team-card .team-item .level-name .level-num[data-v-f6638feb] {
    font-size: 18px;
    color: var(--text-white);
    font-weight: 700
}

.promotion-wrap .team-wrap-content .team-card .team-item .level-name img[data-v-f6638feb] {
    width: 35px
}

.promotion-wrap .team-wrap-content .team-card .team-item .tools[data-v-f6638feb] {
    width: 100%;
    margin-top: 10px
}

.promotion-wrap .team-wrap-content .team-card .team-item .btn[data-v-f6638feb] {
    padding: 6px 12px;
    flex-shrink: 0;
    margin-left: 10px;
    border-radius: 28px;
    line-height: 17px;
    font-size: 12px;
    font-weight: 700;
    background: var(--btn-bg5);
    display: inline-flex;
    align-items: center
}

.promotion-wrap .btn[data-v-f6638feb] {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--btn-bg);
    color: var(--primary-btn-text);
    display: inline-block;
    padding: 0 14px;
    height: 24px;
    line-height: 24px;
    border-radius: var(--radius);
    font-size: 12px
}

.promotion-wrap[data-v-6bd3d340] {
    padding: calc(var(--navbar-height) + 30px) 0 calc(var(--tabbar-height) + 90px)
}

.promotion-wrap .team-wrap-content[data-v-6bd3d340] {
    position: relative
}

.promotion-wrap .team-wrap-content .invite-card[data-v-6bd3d340] {
    background: linear-gradient(to right, #b25af7, #684cfc)
}

.promotion-wrap .team-wrap-content .record-btn[data-v-6bd3d340] {
    background: var(--btn-bg);
    height: 30px;
    line-height: 30px;
    padding: 0 18px;
    border: 0;
    border-radius: 0;
    color: var(--btn-text);
    color: var(--primary-btn-text);
    border-radius: var(--radius);
    cursor: pointer
}

.promotion-wrap .team-wrap-content .share-card[data-v-6bd3d340] {
    margin-top: var(--mg);
    padding: 14px;
    position: relative;
    color: var(--text-white);
    border-radius: var(--card-radius);
    overflow: hidden;
    gap: 10px;
    background-size: 100% 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.promotion-wrap .team-wrap-content .share-card .item[data-v-6bd3d340] {
    text-align: left;
    padding: 10px;
    background: var(--bg-input);
    border-radius: var(--radius)
}

.promotion-wrap .team-wrap-content .team-info[data-v-6bd3d340] {
    margin-top: var(--mg);
    box-shadow: none;
    background: var(--bg-input)
}

.promotion-wrap .team-wrap-content .team-info .other-num[data-v-6bd3d340] {
    display: flex;
    justify-content: space-around;
    text-align: center;
    margin-bottom: 12px;
    z-index: 1
}

.promotion-wrap .team-wrap-content .team-info .other-num[data-v-6bd3d340]:last-child {
    margin-bottom: 0
}

.promotion-wrap .team-wrap-content .team-info .other-num .item[data-v-6bd3d340] {
    width: 33.3%
}

.promotion-wrap .team-wrap-content .team-info .other-num .item .text-df[data-v-6bd3d340] {
    line-height: 14px;
    font-size: 13px;
    color: var(--text-gray6);
    margin-bottom: 5px
}

.promotion-wrap .team-wrap-content .team-card[data-v-6bd3d340] {
    margin: var(--mg) auto 0;
    box-sizing: border-box;
    line-height: 24px;
    width: 100%;
    border-radius: var(--radius);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px
}

.promotion-wrap .team-wrap-content .team-card .level-content[data-v-6bd3d340] {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding: 5px 5px 0;
    border-radius: 5px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    width: full
}

.promotion-wrap .team-wrap-content .team-card .level-content .level-count[data-v-6bd3d340] {
    width: 100%;
    text-align: center;
    color: var(--text-white);
    height: 50px;
    border-radius: var(--radius);
    margin: 10px 0
}

.promotion-wrap .team-wrap-content .team-card .level-content .level-count .text-sm[data-v-6bd3d340] {
    line-height: 16px;
    font-size: 13px;
    margin-bottom: 5px;
    color: #eee
}

.promotion-wrap .team-wrap-content .team-card .level-content .level-count .text-df[data-v-6bd3d340] {
    font-size: 14px;
    font-weight: 700
}

.promotion-wrap .team-wrap-content .team-card .team-item[data-v-6bd3d340] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    border-radius: var(--card-radius);
    padding: 12px;
    box-sizing: border-box;
    min-width: 0;
    position: relative;
    background: var(--bg-input)
}

.promotion-wrap .team-wrap-content .team-card .team-item .icon-img[data-v-6bd3d340] {
    position: absolute;
    top: -16px;
    left: -10px
}

.promotion-wrap .team-wrap-content .team-card .team-item .level-name[data-v-6bd3d340] {
    text-align: left;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.promotion-wrap .team-wrap-content .team-card .team-item .level-name .level-num[data-v-6bd3d340] {
    font-size: 18px;
    color: var(--text-white);
    font-weight: 700
}

.promotion-wrap .team-wrap-content .team-card .team-item .level-name img[data-v-6bd3d340] {
    width: 35px
}

.promotion-wrap .team-wrap-content .team-card .team-item .tools[data-v-6bd3d340] {
    width: 100%;
    margin-top: 10px
}

.promotion-wrap .team-wrap-content .team-card .team-item .btn[data-v-6bd3d340] {
    padding: 6px 12px;
    flex-shrink: 0;
    margin-left: 10px;
    border-radius: 28px;
    line-height: 17px;
    font-size: 12px;
    font-weight: 700;
    background: var(--btn-bg5);
    display: inline-flex;
    align-items: center
}

.promotion-wrap .btn[data-v-6bd3d340] {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--btn-bg);
    color: var(--primary-btn-text);
    display: inline-block;
    padding: 0 14px;
    height: 24px;
    line-height: 24px;
    border-radius: var(--radius);
    font-size: 12px
}

.promotion-wrap[data-v-6ffc1e8d] {
    padding: calc(var(--navbar-height) + 30px) 0 calc(var(--tabbar-height) + 70px)
}

.promotion-wrap .team-wrap-content[data-v-6ffc1e8d] {
    position: relative
}

.promotion-wrap .team-wrap-content .invite-card[data-v-6ffc1e8d] {
    background: linear-gradient(to right, #b25af7, #684cfc)
}

.promotion-wrap .team-wrap-content .share-card[data-v-6ffc1e8d] {
    margin-top: var(--mg);
    padding: 14px;
    position: relative;
    color: var(--text-white);
    border-radius: var(--card-radius);
    overflow: hidden;
    border: 1px solid var(--border-color);
    background: var(--bg-input);
    background-size: 100% 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    text-align: center
}

.promotion-wrap .team-wrap-content .share-card .item[data-v-6ffc1e8d] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.promotion-wrap .team-wrap-content .team-info[data-v-6ffc1e8d] {
    margin-top: var(--mg);
    box-shadow: none;
    background: var(--bg-input)
}

.promotion-wrap .team-wrap-content .team-info .other-num[data-v-6ffc1e8d] {
    display: flex;
    justify-content: space-around;
    text-align: center;
    margin-bottom: 12px;
    z-index: 1
}

.promotion-wrap .team-wrap-content .team-info .other-num[data-v-6ffc1e8d]:last-child {
    margin-bottom: 0
}

.promotion-wrap .team-wrap-content .team-info .other-num .item[data-v-6ffc1e8d] {
    width: 33.3%
}

.promotion-wrap .team-wrap-content .team-info .other-num .item .text-df[data-v-6ffc1e8d] {
    line-height: 14px;
    font-size: 13px;
    color: var(--text-gray6);
    margin-bottom: 5px
}

.promotion-wrap .team-wrap-content .team-card[data-v-6ffc1e8d] {
    margin: var(--mg) auto 0;
    box-sizing: border-box;
    line-height: 24px;
    width: 100%;
    border-radius: var(--radius)
}

.promotion-wrap .team-wrap-content .team-card .level-content[data-v-6ffc1e8d] {
    padding: 5px 5px 0;
    border-radius: 5px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr)
}

.promotion-wrap .team-wrap-content .team-card .level-content .level-count[data-v-6ffc1e8d] {
    width: 100%;
    text-align: center;
    color: var(--text-white)
}

.promotion-wrap .team-wrap-content .team-card .level-content .level-count .text-sm[data-v-6ffc1e8d] {
    line-height: 16px;
    font-size: 13px;
    margin-bottom: 5px;
    color: #eee
}

.promotion-wrap .team-wrap-content .team-card .level-content .level-count .text-df[data-v-6ffc1e8d] {
    font-size: 14px;
    font-weight: 700
}

.promotion-wrap .team-wrap-content .team-card .team-item[data-v-6ffc1e8d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    border-radius: var(--card-radius);
    padding: 12px;
    box-sizing: border-box;
    min-width: 0;
    position: relative
}

.promotion-wrap .team-wrap-content .team-card .team-item .icon-img[data-v-6ffc1e8d] {
    position: absolute;
    top: -16px;
    left: -10px
}

.promotion-wrap .team-wrap-content .team-card .team-item[data-v-6ffc1e8d]:nth-child(1) {
    background-image: linear-gradient(to right, #b8cbb8, #b8cbb8, #b465da 0%, #cf6cc9, #ee609c 66%, #ee609c)
}

.promotion-wrap .team-wrap-content .team-card .team-item[data-v-6ffc1e8d]:nth-child(2) {
    background-image: linear-gradient(to top, #0ba360, #3cba92)
}

.promotion-wrap .team-wrap-content .team-card .team-item[data-v-6ffc1e8d]:nth-child(3) {
    background-image: linear-gradient(to top, #330867, #30cfd0)
}

.promotion-wrap .team-wrap-content .team-card .team-item[data-v-6ffc1e8d]:nth-child(4) {
    background-image: linear-gradient(to top, #764ba2, #667eea)
}

.promotion-wrap .team-wrap-content .team-card .team-item[data-v-6ffc1e8d]:nth-child(5) {
    background-image: linear-gradient(to top, #2575fc, #6a11cb)
}

.promotion-wrap .team-wrap-content .team-card .team-item[data-v-6ffc1e8d]:nth-child(6) {
    background-image: linear-gradient(to top, #09203f, #537895)
}

.promotion-wrap .team-wrap-content .team-card .team-item .level-name[data-v-6ffc1e8d] {
    text-align: left;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.promotion-wrap .team-wrap-content .team-card .team-item .level-name .level-num[data-v-6ffc1e8d] {
    font-size: 18px;
    color: var(--text-white);
    font-weight: 700
}

.promotion-wrap .team-wrap-content .team-card .team-item .level-name img[data-v-6ffc1e8d] {
    width: 35px
}

.promotion-wrap .team-wrap-content .team-card .team-item .tools[data-v-6ffc1e8d] {
    width: 100%;
    margin-top: 10px
}

.promotion-wrap .team-wrap-content .team-card .team-item .btn[data-v-6ffc1e8d] {
    padding: 6px 12px;
    flex-shrink: 0;
    margin-left: 10px;
    border-radius: 28px;
    line-height: 17px;
    font-size: 12px;
    font-weight: 700;
    background: var(--btn-bg5);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end
}

.promotion-wrap .btn[data-v-6ffc1e8d] {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--btn-bg);
    color: var(--primary-btn-text);
    display: inline-block;
    padding: 0 14px;
    height: 24px;
    line-height: 24px;
    border-radius: 28px;
    font-size: 12px
}

.promotion-wrap[data-v-2094d4a4] {
    padding: calc(var(--navbar-height) + 10px) 0 calc(var(--tabbar-height) + 10px)
}

.promotion-wrap .team-wrap-content[data-v-2094d4a4] {
    position: relative
}

.promotion-wrap .team-wrap-content .invite-card[data-v-2094d4a4] {
    background: linear-gradient(to right, #b25af7, #684cfc)
}

.promotion-wrap .team-wrap-content .share-card[data-v-2094d4a4] {
    margin-top: var(--mg);
    padding: 16px 14px;
    position: relative;
    color: var(--text-white);
    border-radius: var(--card-radius);
    overflow: hidden;
    background: var(--bg-card);
    background-size: 100% 100%;
    height: 220px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    text-align: center
}

.promotion-wrap .team-wrap-content .share-card .item[data-v-2094d4a4] {
    background: #0000001a;
    padding: 10px 5px 0;
    border-radius: 5px;
    min-height: 90px
}

.promotion-wrap .team-wrap-content .team-info[data-v-2094d4a4] {
    margin-top: var(--mg);
    box-shadow: none;
    background: var(--bg-input)
}

.promotion-wrap .team-wrap-content .team-info .other-num[data-v-2094d4a4] {
    display: flex;
    justify-content: space-around;
    text-align: center;
    margin-bottom: 12px;
    z-index: 1
}

.promotion-wrap .team-wrap-content .team-info .other-num[data-v-2094d4a4]:last-child {
    margin-bottom: 0
}

.promotion-wrap .team-wrap-content .team-info .other-num .item[data-v-2094d4a4] {
    width: 33.3%
}

.promotion-wrap .team-wrap-content .team-info .other-num .item .text-df[data-v-2094d4a4] {
    line-height: 14px;
    font-size: 13px;
    color: var(--text-gray6);
    margin-bottom: 5px
}

.promotion-wrap .team-wrap-content .team-card[data-v-2094d4a4] {
    margin: var(--mg) auto 0;
    box-sizing: border-box;
    line-height: 24px;
    width: 100%;
    border-radius: var(--radius)
}

.promotion-wrap .team-wrap-content .team-card .level-content[data-v-2094d4a4] {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding: 5px 5px 0;
    border-radius: 5px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr)
}

.promotion-wrap .team-wrap-content .team-card .level-content .level-count[data-v-2094d4a4] {
    width: 100%;
    text-align: center;
    color: var(--text-white)
}

.promotion-wrap .team-wrap-content .team-card .level-content .level-count .text-sm[data-v-2094d4a4] {
    line-height: 16px;
    font-size: 13px;
    margin-bottom: 5px;
    color: #eee
}

.promotion-wrap .team-wrap-content .team-card .level-content .level-count .text-df[data-v-2094d4a4] {
    font-size: 14px;
    font-weight: 700
}

.promotion-wrap .team-wrap-content .team-card .team-item[data-v-2094d4a4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    border-radius: var(--card-radius);
    background: var(--bg-card);
    padding: 12px;
    box-sizing: border-box;
    min-width: 0;
    position: relative
}

.promotion-wrap .team-wrap-content .team-card .team-item .icon-img[data-v-2094d4a4] {
    position: absolute;
    top: -16px;
    left: -10px
}

.promotion-wrap .team-wrap-content .team-card .team-item .level-name[data-v-2094d4a4] {
    text-align: left;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.promotion-wrap .team-wrap-content .team-card .team-item .level-name .level-num[data-v-2094d4a4] {
    font-size: 18px;
    color: var(--text-white);
    font-weight: 700
}

.promotion-wrap .team-wrap-content .team-card .team-item .level-name img[data-v-2094d4a4] {
    width: 35px
}

.promotion-wrap .team-wrap-content .team-card .team-item .tools[data-v-2094d4a4] {
    width: 100%;
    margin-top: 10px
}

.promotion-wrap .team-wrap-content .team-card .team-item .btn[data-v-2094d4a4] {
    padding: 6px 12px;
    flex-shrink: 0;
    margin-left: 10px;
    border-radius: 28px;
    line-height: 17px;
    font-size: 12px;
    font-weight: 700;
    background: var(--btn-bg5);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end
}

.promotion-wrap[data-v-4c8ab1fb] {
    padding: calc(var(--navbar-height) + 10px) 0 calc(var(--tabbar-height) + 10px)
}

.promotion-wrap .team-wrap-content[data-v-4c8ab1fb] {
    position: relative
}

.promotion-wrap .team-wrap-content .share-card[data-v-4c8ab1fb] {
    margin-top: var(--mg);
    padding: 16px 14px;
    position: relative;
    color: var(--text-white);
    border-radius: var(--card-radius);
    overflow: hidden;
    background: var(--bg-card);
    background-size: 100% 100%;
    height: 220px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px
}

.promotion-wrap .team-wrap-content .share-card .item[data-v-4c8ab1fb] {
    background: #0000001a;
    padding: 10px 5px 0;
    border-radius: 5px;
    min-height: 90px
}

.promotion-wrap .team-wrap-content .team-info[data-v-4c8ab1fb] {
    margin-top: var(--mg);
    box-shadow: none;
    background: var(--bg-input)
}

.promotion-wrap .team-wrap-content .team-info .other-num[data-v-4c8ab1fb] {
    display: flex;
    justify-content: space-around;
    text-align: center;
    margin-bottom: 12px;
    z-index: 1
}

.promotion-wrap .team-wrap-content .team-info .other-num[data-v-4c8ab1fb]:last-child {
    margin-bottom: 0
}

.promotion-wrap .team-wrap-content .team-info .other-num .item[data-v-4c8ab1fb] {
    width: 33.3%
}

.promotion-wrap .team-wrap-content .team-info .other-num .item .text-df[data-v-4c8ab1fb] {
    line-height: 14px;
    font-size: 13px;
    color: var(--text-gray6);
    margin-bottom: 5px
}

.promotion-wrap .team-wrap-content .team-card[data-v-4c8ab1fb] {
    margin: var(--mg) auto 0;
    box-sizing: border-box;
    line-height: 24px;
    width: 100%;
    border-radius: var(--radius)
}

.promotion-wrap .team-wrap-content .team-card .level-content[data-v-4c8ab1fb] {
    background: #0000001a;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding: 5px 5px 0;
    border-radius: 5px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr)
}

.promotion-wrap .team-wrap-content .team-card .level-content .level-count[data-v-4c8ab1fb] {
    width: 100%;
    text-align: center;
    color: var(--text-white)
}

.promotion-wrap .team-wrap-content .team-card .level-content .level-count .text-sm[data-v-4c8ab1fb] {
    line-height: 16px;
    font-size: 13px;
    margin-bottom: 5px;
    color: #eee
}

.promotion-wrap .team-wrap-content .team-card .level-content .level-count .text-df[data-v-4c8ab1fb] {
    font-size: 14px;
    font-weight: 700
}

.promotion-wrap .team-wrap-content .team-card .team-item[data-v-4c8ab1fb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    border-radius: var(--card-radius);
    padding: 12px;
    box-sizing: border-box;
    min-width: 0;
    position: relative
}

.promotion-wrap .team-wrap-content .team-card .team-item .icon-img[data-v-4c8ab1fb] {
    position: absolute;
    top: -16px;
    left: -10px
}

.promotion-wrap .team-wrap-content .team-card .team-item[data-v-4c8ab1fb]:nth-child(1) {
    background-image: linear-gradient(to right, #b8cbb8, #b8cbb8, #b465da 0%, #cf6cc9, #ee609c 66%, #ee609c)
}

.promotion-wrap .team-wrap-content .team-card .team-item[data-v-4c8ab1fb]:nth-child(2) {
    background-image: linear-gradient(to top, #0ba360, #3cba92)
}

.promotion-wrap .team-wrap-content .team-card .team-item[data-v-4c8ab1fb]:nth-child(3) {
    background-image: linear-gradient(to top, #330867, #30cfd0)
}

.promotion-wrap .team-wrap-content .team-card .team-item[data-v-4c8ab1fb]:nth-child(4) {
    background-image: linear-gradient(to top, #764ba2, #667eea)
}

.promotion-wrap .team-wrap-content .team-card .team-item[data-v-4c8ab1fb]:nth-child(5) {
    background-image: linear-gradient(to top, #2575fc, #6a11cb)
}

.promotion-wrap .team-wrap-content .team-card .team-item[data-v-4c8ab1fb]:nth-child(6) {
    background-image: linear-gradient(to top, #09203f, #537895)
}

.promotion-wrap .team-wrap-content .team-card .team-item .level-name[data-v-4c8ab1fb] {
    text-align: center;
    white-space: nowrap;
    width: 100%
}

.promotion-wrap .team-wrap-content .team-card .team-item .level-name .level-num[data-v-4c8ab1fb] {
    font-size: 18px;
    color: var(--text-white);
    font-weight: 700
}

.promotion-wrap .team-wrap-content .team-card .team-item .level-name img[data-v-4c8ab1fb] {
    width: 35px
}

.promotion-wrap .team-wrap-content .team-card .team-item .tools[data-v-4c8ab1fb] {
    width: 100%;
    margin-top: 10px
}

.promotion-wrap .team-wrap-content .team-card .team-item .btn[data-v-4c8ab1fb] {
    padding: 6px 12px;
    flex-shrink: 0;
    margin-left: 10px;
    text-align: center;
    border-radius: 28px;
    line-height: 17px;
    color: var(--btn-text2);
    font-size: 12px;
    font-weight: 700;
    background: var(--btn-bg5);
    display: inline-flex;
    align-items: center
}

.promotion-wrap[data-v-337c130f] {
    padding: calc(var(--navbar-height) + 10px) 0 calc(var(--tabbar-height) + 10px)
}

.promotion-wrap .team-wrap-content[data-v-337c130f] {
    position: relative
}

.promotion-wrap .team-wrap-content .share-card[data-v-337c130f] {
    margin-top: var(--mg);
    padding: 16px 14px;
    position: relative;
    color: var(--text-white);
    border-radius: var(--radius);
    overflow: hidden;
    background: #011553;
    background: url(/assets/team-rHBRqi-G.png) center no-repeat;
    background-size: 100% 100%;
    height: 220px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px
}

.promotion-wrap .team-wrap-content .share-card .item[data-v-337c130f] {
    background: #0000001a;
    padding: 10px 5px 0;
    border-radius: 5px;
    min-height: 90px
}

.promotion-wrap .team-wrap-content .team-info[data-v-337c130f] {
    margin-top: var(--mg);
    box-shadow: none;
    background: var(--bg-input)
}

.promotion-wrap .team-wrap-content .team-info .other-num[data-v-337c130f] {
    display: flex;
    justify-content: space-around;
    text-align: center;
    margin-bottom: 12px;
    z-index: 1
}

.promotion-wrap .team-wrap-content .team-info .other-num[data-v-337c130f]:last-child {
    margin-bottom: 0
}

.promotion-wrap .team-wrap-content .team-info .other-num .item[data-v-337c130f] {
    width: 33.3%
}

.promotion-wrap .team-wrap-content .team-info .other-num .item .text-df[data-v-337c130f] {
    line-height: 14px;
    font-size: 13px;
    color: var(--text-gray6);
    margin-bottom: 5px
}

.promotion-wrap .team-wrap-content .team-card[data-v-337c130f] {
    margin: var(--mg) auto 0;
    box-sizing: border-box;
    line-height: 24px;
    width: 100%;
    border-radius: var(--radius)
}

.promotion-wrap .team-wrap-content .team-card .level-content[data-v-337c130f] {
    background: #0000001a;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding: 5px 5px 0;
    border-radius: 5px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr)
}

.promotion-wrap .team-wrap-content .team-card .level-content .level-count[data-v-337c130f] {
    width: 100%;
    text-align: center;
    color: var(--text-white)
}

.promotion-wrap .team-wrap-content .team-card .level-content .level-count .text-sm[data-v-337c130f] {
    line-height: 16px;
    font-size: 13px;
    margin-bottom: 5px;
    color: #eee
}

.promotion-wrap .team-wrap-content .team-card .level-content .level-count .text-df[data-v-337c130f] {
    font-size: 14px;
    font-weight: 700
}

.promotion-wrap .team-wrap-content .team-card .team-item[data-v-337c130f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    border-radius: var(--card-radius);
    padding: 12px;
    box-sizing: border-box;
    min-width: 0;
    position: relative
}

.promotion-wrap .team-wrap-content .team-card .team-item .icon-img[data-v-337c130f] {
    position: absolute;
    top: -16px;
    left: -10px
}

.promotion-wrap .team-wrap-content .team-card .team-item[data-v-337c130f]:nth-child(1) {
    background-image: linear-gradient(to right, #b8cbb8, #b8cbb8, #b465da 0%, #cf6cc9, #ee609c 66%, #ee609c)
}

.promotion-wrap .team-wrap-content .team-card .team-item[data-v-337c130f]:nth-child(2) {
    background-image: linear-gradient(to top, #0ba360, #3cba92)
}

.promotion-wrap .team-wrap-content .team-card .team-item[data-v-337c130f]:nth-child(3) {
    background-image: linear-gradient(to top, #330867, #30cfd0)
}

.promotion-wrap .team-wrap-content .team-card .team-item[data-v-337c130f]:nth-child(4) {
    background-image: linear-gradient(to top, #764ba2, #667eea)
}

.promotion-wrap .team-wrap-content .team-card .team-item[data-v-337c130f]:nth-child(5) {
    background-image: linear-gradient(to top, #2575fc, #6a11cb)
}

.promotion-wrap .team-wrap-content .team-card .team-item[data-v-337c130f]:nth-child(6) {
    background-image: linear-gradient(to top, #09203f, #537895)
}

.promotion-wrap .team-wrap-content .team-card .team-item .level-name[data-v-337c130f] {
    text-align: center;
    white-space: nowrap;
    width: 100%
}

.promotion-wrap .team-wrap-content .team-card .team-item .level-name .level-num[data-v-337c130f] {
    font-size: 18px;
    color: var(--text-white);
    font-weight: 700
}

.promotion-wrap .team-wrap-content .team-card .team-item .level-name img[data-v-337c130f] {
    width: 35px
}

.promotion-wrap .team-wrap-content .team-card .team-item .tools[data-v-337c130f] {
    width: 100%;
    margin-top: 10px
}

.promotion-wrap .team-wrap-content .team-card .team-item .btn[data-v-337c130f] {
    padding: 6px 12px;
    flex-shrink: 0;
    margin-left: 10px;
    text-align: center;
    border-radius: 28px;
    line-height: 17px;
    color: var(--btn-text2);
    font-size: 12px;
    font-weight: 700;
    background: var(--btn-bg5);
    display: inline-flex;
    align-items: center
}