1 line
2.4 KiB
Plaintext
1 line
2.4 KiB
Plaintext
.settings-page{padding:0 24rpx 24rpx}.settings-area{padding-top:calc(env(safe-area-inset-top, 0rpx))}.settings-user{padding:24rpx}.settings-avatar{border:3rpx dashed var(--line-star);border-radius:50%;height:100rpx;width:100rpx}.settings-avatar-placeholder{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-input);border:3rpx dashed var(--line-star);border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100rpx;-webkit-justify-content:center;justify-content:center;padding:30rpx;width:100rpx}.settings-name{color:var(--text-primary);display:block;font-size:32rpx;font-weight:700;margin-bottom:8rpx}.settings-id{color:var(--text-secondary);font-size:24rpx}.arrow{color:var(--text-secondary);font-size:36rpx}.settings-list{padding:0 24rpx}.settings-item{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:28rpx 0}.settings-item.bordered{border-bottom:1rpx dashed rgba(0,0,0,.06)}.settings-item-icon-img{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;height:32rpx;margin-right:16rpx;width:32rpx}.settings-item-label{color:var(--text-primary);-webkit-flex:1;-ms-flex:1;flex:1;font-size:30rpx}.logout-btn{border:3rpx dashed #ff6b6b;color:#ff6b6b;padding:24rpx 0;text-align:center}.settings-section{padding:32rpx}.section-label{color:var(--text-primary);display:block;font-size:30rpx;font-weight:600;margin-bottom:24rpx}.theme-options{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16rpx}.theme-option{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-input);border:3rpx dashed transparent;border-radius:20rpx;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;gap:12rpx;-webkit-justify-content:center;justify-content:center;min-width:160rpx;padding:24rpx 16rpx;-webkit-transition:all .2s ease;transition:all .2s ease}.theme-option.active{background:rgba(255,154,158,.08);border-color:var(--accent-pink)}.theme-option-text{color:var(--text-primary);font-size:28rpx;font-weight:500}.theme-check{background:var(--accent-pink);border-radius:50%;height:16rpx;width:16rpx}.theme-hint{color:var(--text-secondary);display:block;font-size:24rpx;margin-top:20rpx;text-align:center} |