Files
gym-manage/gym-manage-uniapp/common/style/memberInfo/pages/user-info-pixso.css
T
2026-06-04 14:18:53 +08:00

1036 lines
22 KiB
CSS

.Pixso-frame-2_791 {
width: 100%;
height: auto;
min-height: 100%;
overflow-x: hidden;
overflow-y: visible;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
background-color: var(--bg-light);
}
.Pixso-frame-2_792 {
width: 100%;
height: 62px;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
background-color: var(--bg-white);
}
.frame-content-2_792 {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 0px 20px 0px 20px;
width: 100%;
height: 100%;
position: relative;
}
.Pixso-paragraph-2_793 {
font-size: var(--font-size-md);
font-family: var(--font-family);
font-weight: 600;
color: var(--text-dark);
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
white-space: nowrap;
flex-grow: 0;
}
.Pixso-paragraph-2_794 {
font-size: var(--font-size-sm);
font-family: var(--font-family);
font-weight: 400;
color: var(--text-dark);
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
white-space: nowrap;
flex-grow: 0;
}
.Pixso-frame-2_795 {
width: 100%;
height: 100%;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
align-items: center;
background-color: var(--bg-white);
}
.frame-content-2_795 {
display: flex;
flex-direction: row;
align-items: center;
padding: 0px 16px 0px 16px;
width: 100%;
height: 100%;
position: relative;
}
.stroke-wrapper-2_795 {
position: relative;
width: 100%;
height: 52px;
display: flex;
flex-shrink: 0;
}
.stroke-2_795 {
position: absolute;
inset: 0px;
border-radius: 0px 0px 0px 0px;
pointer-events: none;
border-width: 0px 0px 1px 0px;
border-style: solid;
box-sizing: border-box;
border-color: var(--border-light);
}
.Pixso-frame-2_796 {
width: 32px;
height: 32px;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
border-radius: 8px 8px 8px 8px;
background-color: var(--bg-light);
}
.frame-content-2_796 {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
position: relative;
}
.Pixso-vector-2_797 {width: 20px;
height: 20px;
position: relative;
flex-shrink: 0;
display: block;
}
.Pixso-paragraph-2_799 {
font-size: var(--font-size-md);
font-family: var(--font-family);
font-weight: 700;
text-align: center;
color: var(--primary-dark);
width: 100%;
height: auto;
position: relative;
flex-shrink: 1;
flex-grow: 1;
flex-basis: 0;
}
.Pixso-frame-2_800 {
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 6px 14px 6px 14px;
border-radius: 8px 8px 8px 8px;
background-color: var(--accent-orange);
}
.Pixso-paragraph-2_801 {
font-size: var(--font-size-base);
font-family: var(--font-family);
font-weight: 600;
color: var(--text-inverse);
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
white-space: nowrap;
flex-grow: 0;
}
.Pixso-frame-2_802 {
width: 100%;
height: auto;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.frame-content-2_802 {
display: flex;
flex-direction: column;
gap: 12px;
align-items: flex-start;
padding: 16px 16px 40px 16px;
width: 100%;
position: relative;
}
.Pixso-frame-2_803 {
width: 100%;
height: 120px;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: column;
align-items: center;
border-radius: 14px 14px 14px 14px;
box-shadow: 0px 2px 10px 0px rgba(26, 25, 24, 0.03137254901960784);
background-color: var(--bg-white);
}
.frame-content-2_803 {
display: flex;
flex-direction: column;
align-items: center;
padding: 20px 0px 20px 0px;
width: 100%;
position: relative;
}
.Pixso-vector-2_804 {
width: 80px;
height: 80px;
position: relative;
flex-shrink: 0;
}
.Pixso-frame-2_805 {
width: 80px;
height: 26px;
position: absolute;
left: 139px;
top: 74px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
border-radius: 0px 0px 40px 53px;
background-color: rgba(0, 0, 0, 0.501960813999176);
}
.frame-content-2_805 {
display: flex;
flex-direction: row;
gap: 4px;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
position: relative;
}
.Pixso-vector-2_806 {
width: 12px;
height: 12px;
position: relative;
flex-shrink: 0;
}
.Pixso-paragraph-2_809 {
font-size: var(--font-size-xs);
font-family: var(--font-family);
font-weight: 400;
color: var(--text-inverse);
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
white-space: nowrap;
flex-grow: 0;
}
.Pixso-frame-2_810 {
width: 100%;
height: auto;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
border-radius: 14px 14px 14px 14px;
box-shadow: 0px 2px 10px 0px rgba(26, 25, 24, 0.03137254901960784);
background-color: var(--bg-white);
}
.frame-content-2_810 {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
position: relative;
}
.Pixso-frame-2_811 {
width: 100%;
height: 56px;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
align-items: center;
}
.frame-content-2_811 {
display: flex;
flex-direction: row;
gap: 10px;
align-items: center;
padding: 0px 16px 0px 16px;
width: 100%;
height: 100%;
position: relative;
}
.Pixso-paragraph-2_812 {
font-size: var(--font-size-base);
font-family: var(--font-family);
font-weight: 500;
color: var(--text-muted);
width: 60px;
height: auto;
position: relative;
flex-shrink: 0;
}
.Pixso-paragraph-2_813 {
font-size: var(--font-size-base);
font-family: var(--font-family);
font-weight: 400;
color: var(--text-dark);
width: 100%;
height: auto;
position: relative;
flex-shrink: 1;
flex-grow: 1;
flex-basis: 0;
}
.Pixso-vector-2_814 {width: 16px;
height: 16px;
position: relative;
flex-shrink: 0;
display: block;
}
.Pixso-frame-2_816 {
width: 100%;
height: 1px;
position: relative;
flex-shrink: 0;
background-color: var(--bg-light);
}
.Pixso-frame-2_817 {
width: 100%;
height: 56px;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
align-items: center;
}
.frame-content-2_817 {
display: flex;
flex-direction: row;
gap: 10px;
align-items: center;
padding: 0px 16px 0px 16px;
width: 100%;
height: 100%;
position: relative;
}
.Pixso-paragraph-2_818 {
font-size: var(--font-size-base);
font-family: var(--font-family);
font-weight: 500;
color: var(--text-muted);
width: 60px;
height: auto;
position: relative;
flex-shrink: 0;
}
.Pixso-frame-2_819 {
width: 100%;
height: auto;
position: relative;
flex-shrink: 1;
display: flex;
flex-direction: row;
align-items: center;
flex-grow: 1;
flex-basis: 0;
}
.frame-content-2_819 {
display: flex;
flex-direction: row;
gap: 6px;
align-items: center;
width: 100%;
position: relative;
}
.Pixso-paragraph-2_820 {
font-size: var(--font-size-base);
font-family: var(--font-family);
font-weight: 400;
color: var(--text-dark);
width: 100%;
height: auto;
position: relative;
flex-shrink: 1;
flex-grow: 1;
flex-basis: 0;
}
.Pixso-frame-2_821 {
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 2px 8px 2px 8px;
border-radius: 6px 6px 6px 6px;
background-color: rgba(240, 250, 245, 1);
}
.Pixso-paragraph-2_822 {
font-size: var(--font-size-xs);
font-family: var(--font-family);
font-weight: 500;
color: var(--success-green);
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
white-space: nowrap;
flex-grow: 0;
}
.Pixso-vector-2_823 {width: 16px;
height: 16px;
position: relative;
flex-shrink: 0;
display: block;
}
.Pixso-frame-2_825 {
width: 100%;
height: 1px;
position: relative;
flex-shrink: 0;
background-color: var(--bg-light);
}
.Pixso-frame-2_826 {
width: 100%;
height: 56px;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
align-items: center;
}
.frame-content-2_826 {
display: flex;
flex-direction: row;
gap: 10px;
align-items: center;
padding: 0px 16px 0px 16px;
width: 100%;
height: 100%;
position: relative;
}
.Pixso-paragraph-2_827 {
font-size: var(--font-size-base);
font-family: var(--font-family);
font-weight: 500;
color: var(--text-muted);
width: 60px;
height: auto;
position: relative;
flex-shrink: 0;
}
.Pixso-frame-2_828 {
width: 100%;
height: auto;
position: relative;
flex-shrink: 1;
display: flex;
flex-direction: row;
align-items: flex-start;
flex-grow: 1;
flex-basis: 0;
}
.frame-content-2_828 {
display: flex;
flex-direction: row;
gap: 8px;
align-items: flex-start;
width: 100%;
position: relative;
}
.Pixso-frame-2_829 {
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
gap: 4px;
align-items: center;
padding: 6px 14px 6px 14px;
border-radius: 8px 8px 8px 8px;
background-color: var(--accent-orange);
}
.Pixso-vector-2_830 {width: 14px;
height: 14px;
position: relative;
flex-shrink: 0;
display: block;
}
.Pixso-paragraph-2_834 {
font-size: var(--font-size-base);
font-family: var(--font-family);
font-weight: 500;
color: var(--text-inverse);
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
white-space: nowrap;
flex-grow: 0;
}
.Pixso-frame-2_835 {
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
gap: 4px;
align-items: center;
padding: 6px 14px 6px 14px;
border-radius: 8px 8px 8px 8px;
background-color: var(--bg-light);
}
.Pixso-vector-2_836 {width: 14px;
height: 14px;
position: relative;
flex-shrink: 0;
display: block;
}
.Pixso-paragraph-2_840 {
font-size: var(--font-size-base);
font-family: var(--font-family);
font-weight: 500;
color: var(--text-light);
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
white-space: nowrap;
flex-grow: 0;
}
.Pixso-frame-2_841 {
width: 100%;
height: 1px;
position: relative;
flex-shrink: 0;
background-color: var(--bg-light);
}
.Pixso-frame-2_842 {
width: 100%;
height: 56px;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
align-items: center;
}
.frame-content-2_842 {
display: flex;
flex-direction: row;
gap: 10px;
align-items: center;
padding: 0px 16px 0px 16px;
width: 100%;
height: 100%;
position: relative;
}
.Pixso-paragraph-2_843 {
font-size: var(--font-size-base);
font-family: var(--font-family);
font-weight: 500;
color: var(--text-muted);
width: 60px;
height: auto;
position: relative;
flex-shrink: 0;
}
.Pixso-paragraph-2_844 {
font-size: var(--font-size-base);
font-family: var(--font-family);
font-weight: 400;
color: var(--text-dark);
width: 100%;
height: auto;
position: relative;
flex-shrink: 1;
flex-grow: 1;
flex-basis: 0;
}
.Pixso-vector-2_845 {width: 16px;
height: 16px;
position: relative;
flex-shrink: 0;
display: block;
}
.Pixso-frame-2_847 {
width: 100%;
height: 1px;
position: relative;
flex-shrink: 0;
background-color: var(--bg-light);
}
.Pixso-frame-2_848 {
width: 100%;
height: 56px;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
align-items: center;
}
.frame-content-2_848 {
display: flex;
flex-direction: row;
align-items: center;
padding: 0px 16px 0px 16px;
width: 100%;
height: 100%;
position: relative;
}
.Pixso-paragraph-2_849 {
font-size: var(--font-size-base);
font-family: var(--font-family);
font-weight: 500;
color: var(--text-muted);
width: 60px;
height: auto;
position: relative;
flex-shrink: 0;
}
.Pixso-frame-2_850 {
width: 100%;
height: 36px;
position: relative;
flex-shrink: 1;
display: flex;
flex-direction: row;
align-items: center;
flex-grow: 1;
flex-basis: 0;
border-radius: 8px 8px 8px 8px;
background-color: var(--bg-light);
}
.frame-content-2_850 {
display: flex;
flex-direction: row;
gap: 4px;
align-items: center;
padding: 0px 12px 0px 12px;
width: 100%;
height: 100%;
position: relative;
}
.Pixso-paragraph-2_851 {
font-size: var(--font-size-base);
font-family: var(--font-family);
font-weight: 400;
color: var(--text-dark);
width: 100%;
height: auto;
position: relative;
flex-shrink: 1;
flex-grow: 1;
flex-basis: 0;
}
.Pixso-paragraph-2_852 {
font-size: var(--font-size-base);
font-family: var(--font-family);
font-weight: 400;
color: var(--text-light);
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
white-space: nowrap;
flex-grow: 0;
}
.Pixso-frame-2_853 {
width: 12px;
height: 1px;
position: relative;
flex-shrink: 0;
background-color: rgba(249, 250, 254, 0);
}
.Pixso-paragraph-2_854 {
font-size: var(--font-size-base);
font-family: var(--font-family);
font-weight: 500;
color: var(--text-muted);
width: 60px;
height: auto;
position: relative;
flex-shrink: 0;
}
.Pixso-frame-2_855 {
width: 100%;
height: 36px;
position: relative;
flex-shrink: 1;
display: flex;
flex-direction: row;
align-items: center;
flex-grow: 1;
flex-basis: 0;
border-radius: 8px 8px 8px 8px;
background-color: var(--bg-light);
}
.frame-content-2_855 {
display: flex;
flex-direction: row;
gap: 4px;
align-items: center;
padding: 0px 12px 0px 12px;
width: 100%;
height: 100%;
position: relative;
}
.Pixso-paragraph-2_856 {
font-size: var(--font-size-base);
font-family: var(--font-family);
font-weight: 400;
color: var(--text-dark);
width: 100%;
height: auto;
position: relative;
flex-shrink: 1;
flex-grow: 1;
flex-basis: 0;
}
.Pixso-paragraph-2_857 {
font-size: var(--font-size-base);
font-family: var(--font-family);
font-weight: 400;
color: var(--text-light);
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
white-space: nowrap;
flex-grow: 0;
}
.Pixso-frame-2_858 {
width: 100%;
height: 1px;
position: relative;
flex-shrink: 0;
background-color: var(--bg-light);
}
.Pixso-frame-2_859 {
width: 100%;
height: 56px;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
align-items: center;
}
.frame-content-2_859 {
display: flex;
flex-direction: row;
gap: 10px;
align-items: center;
padding: 0px 16px 0px 16px;
width: 100%;
height: 100%;
position: relative;
}
.Pixso-paragraph-2_860 {
font-size: var(--font-size-base);
font-family: var(--font-family);
font-weight: 500;
color: var(--text-muted);
width: 60px;
height: auto;
position: relative;
flex-shrink: 0;
}
.Pixso-paragraph-2_861 {
font-size: var(--font-size-base);
font-family: var(--font-family);
font-weight: 400;
color: var(--success-green);
width: 100%;
height: auto;
position: relative;
flex-shrink: 1;
flex-grow: 1;
flex-basis: 0;
}
.Pixso-frame-2_862 {
width: 100%;
height: 100%;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 2px 8px 2px 8px;
border-radius: 6px 6px 6px 6px;
background-color: rgba(240, 250, 245, 1);
}
.stroke-wrapper-2_862 {
position: relative;
width: auto;
height: auto;
display: flex;
flex-shrink: 0;
}
.stroke-2_862 {
position: absolute;
inset: 0px;
border-radius: 6px 6px 6px 6px;
pointer-events: none;
border-width: 1px 1px 1px 1px;
border-style: solid;
box-sizing: border-box;
border-color: rgba(200, 240, 216, 1);
}
.Pixso-paragraph-2_863 {
font-size: var(--font-size-xs);
font-family: var(--font-family);
font-weight: 500;
color: var(--success-green);
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
white-space: nowrap;
flex-grow: 0;
}
.Pixso-frame-2_864 {
width: 100%;
height: auto;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
border-radius: 14px 14px 14px 14px;
box-shadow: 0px 2px 10px 0px rgba(26, 25, 24, 0.03137254901960784);
background-color: var(--bg-white);
}
.frame-content-2_864 {
display: flex;
flex-direction: column;
gap: 12px;
align-items: flex-start;
padding: 16px 16px 16px 16px;
width: 100%;
position: relative;
}
.Pixso-paragraph-2_865 {
font-size: var(--font-size-base);
font-family: var(--font-family);
font-weight: 600;
color: var(--text-dark);
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
white-space: nowrap;
flex-grow: 0;
}
.Pixso-frame-2_866 {
width: 100%;
height: auto;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
align-items: flex-start;
}
.frame-content-2_866 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px 8px;
align-items: flex-start;
align-content: flex-start;
width: 100%;
position: relative;
}
.Pixso-frame-2_867 {
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 7px 16px 7px 16px;
border-radius: 100px 100px 100px 100px;
background-color: var(--accent-orange);
}
.Pixso-paragraph-2_868 {
font-size: var(--font-size-base);
font-family: var(--font-family);
font-weight: 500;
color: var(--text-inverse);
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
white-space: nowrap;
flex-grow: 0;
}
.Pixso-frame-2_869 {
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 7px 16px 7px 16px;
border-radius: 100px 100px 100px 100px;
background-color: var(--accent-orange);
}
.Pixso-paragraph-2_870 {
font-size: var(--font-size-base);
font-family: var(--font-family);
font-weight: 500;
color: var(--text-inverse);
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
white-space: nowrap;
flex-grow: 0;
}
.Pixso-frame-2_871 {
width: 100%;
height: 100%;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 7px 16px 7px 16px;
border-radius: 100px 100px 100px 100px;
background-color: var(--bg-light);
}
.stroke-wrapper-2_871 {
position: relative;
width: auto;
height: auto;
display: flex;
flex-shrink: 0;
}
.stroke-2_871 {
position: absolute;
inset: 0px;
border-radius: 100px 100px 100px 100px;
pointer-events: none;
border-width: 1px 1px 1px 1px;
border-style: solid;
box-sizing: border-box;
border-color: rgba(209, 208, 205, 1);
}
.Pixso-paragraph-2_872 {
font-size: var(--font-size-base);
font-family: var(--font-family);
font-weight: 500;
color: var(--text-muted);
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
white-space: nowrap;
flex-grow: 0;
}
.Pixso-frame-2_873 {
width: 100%;
height: 100%;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 7px 16px 7px 16px;
border-radius: 100px 100px 100px 100px;
background-color: var(--bg-light);
}
.stroke-wrapper-2_873 {
position: relative;
width: auto;
height: auto;
display: flex;
flex-shrink: 0;
}
.stroke-2_873 {
position: absolute;
inset: 0px;
border-radius: 100px 100px 100px 100px;
pointer-events: none;
border-width: 1px 1px 1px 1px;
border-style: solid;
box-sizing: border-box;
border-color: rgba(209, 208, 205, 1);
}
.Pixso-paragraph-2_874 {
font-size: var(--font-size-base);
font-family: var(--font-family);
font-weight: 500;
color: var(--text-muted);
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
white-space: nowrap;
flex-grow: 0;
}
.Pixso-frame-2_875 {
width: 100%;
height: 100%;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 7px 16px 7px 16px;
border-radius: 100px 100px 100px 100px;
background-color: var(--bg-light);
}
.stroke-wrapper-2_875 {
position: relative;
width: auto;
height: auto;
display: flex;
flex-shrink: 0;
}
.stroke-2_875 {
position: absolute;
inset: 0px;
border-radius: 100px 100px 100px 100px;
pointer-events: none;
border-width: 1px 1px 1px 1px;
border-style: solid;
box-sizing: border-box;
border-color: rgba(209, 208, 205, 1);
}
.Pixso-paragraph-2_876 {
font-size: var(--font-size-base);
font-family: var(--font-family);
font-weight: 500;
color: var(--text-muted);
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
white-space: nowrap;
flex-grow: 0;
}