71 lines
2.1 KiB
Plaintext
71 lines
2.1 KiB
Plaintext
.page { min-height: 100vh; padding-bottom: calc(48rpx + env(safe-area-inset-bottom)); }
|
|
|
|
.avatar-block {
|
|
display: flex; flex-direction: column; align-items: center;
|
|
padding: 36rpx 0 8rpx;
|
|
}
|
|
.avatar {
|
|
width: 156rpx; height: 156rpx; border-radius: 50%;
|
|
background: var(--surface-2);
|
|
display: flex; align-items: center; justify-content: center;
|
|
font-size: 72rpx;
|
|
border: 1rpx solid var(--line);
|
|
}
|
|
.avatar-tip { margin-top: 16rpx; font-size: 22rpx; color: var(--ink-2); }
|
|
|
|
.field {
|
|
padding: 22rpx 32rpx;
|
|
border-bottom: 1rpx solid var(--line);
|
|
}
|
|
.field.last { border-bottom: none; }
|
|
.flabel { font-size: var(--form-label-size); color: var(--ink-2); margin-bottom: 12rpx; }
|
|
.req { color: var(--danger); }
|
|
|
|
.finput {
|
|
height: var(--input-height);
|
|
min-height: var(--input-height);
|
|
font-size: var(--input-font-size);
|
|
color: var(--ink);
|
|
background: var(--surface-2);
|
|
border-radius: var(--input-radius);
|
|
padding: var(--input-padding-y) var(--input-padding-x);
|
|
line-height: 1.4;
|
|
}
|
|
.fpicker {
|
|
min-height: var(--input-height);
|
|
font-size: var(--input-font-size);
|
|
color: var(--ink);
|
|
background: var(--surface-2);
|
|
border-radius: var(--input-radius);
|
|
padding: var(--input-padding-y) var(--input-padding-x);
|
|
line-height: 1.4;
|
|
display: flex; align-items: center; justify-content: space-between;
|
|
}
|
|
.fpicker.placeholder { color: var(--ink-3); }
|
|
.fpicker .chev { color: var(--ink-3); font-size: var(--icon-size-sm); line-height: 1; }
|
|
|
|
.chips { display: flex; flex-wrap: wrap; gap: 16rpx; }
|
|
.chip {
|
|
font-size: var(--chip-font-size);
|
|
padding: var(--chip-padding-y) var(--chip-padding-x);
|
|
border-radius: var(--radius-pill);
|
|
border: 1rpx solid var(--line-2);
|
|
background: var(--surface-2);
|
|
color: var(--ink);
|
|
line-height: 1.4;
|
|
}
|
|
.chip.sel {
|
|
background: var(--accent-soft);
|
|
border-color: var(--accent);
|
|
color: var(--accent-deep);
|
|
font-weight: 600;
|
|
}
|
|
|
|
.size-tip { font-size: 21rpx; color: var(--ink-3); margin-top: 12rpx; }
|
|
|
|
.weight-row { display: flex; align-items: center; gap: 16rpx; }
|
|
.weight-row .finput { flex: 1; }
|
|
.weight-row .unit { font-size: var(--input-font-size); color: var(--ink-2); }
|
|
|
|
.submit { padding: 40rpx 32rpx 0; }
|