1 line
7.3 KiB
Plaintext
1 line
7.3 KiB
Plaintext
.settings-page{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh;padding:0 32rpx calc(24rpx + env(safe-area-inset-bottom))}.page-header.settings-header{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;margin:0;min-height:88rpx;padding-bottom:24rpx;padding-left:0;padding-right:0}.settings-header .back-btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-card);border:1rpx solid var(--border-strong);border-radius:50%;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:88rpx;-webkit-justify-content:center;justify-content:center;width:88rpx}.settings-header .back-btn:active{-webkit-transform:scale(.96);-ms-transform:scale(.96);transform:scale(.96)}.settings-header .back-arrow{color:var(--text-primary);font-size:36rpx;line-height:1}.settings-header .page-title{color:var(--text-primary);-webkit-flex:1;-ms-flex:1;flex:1;font-size:34rpx;font-weight:600;letter-spacing:0;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.header-spacer{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:88rpx}.settings-user{margin-top:24rpx;padding:32rpx}.settings-user .flex-center{-ms-flex-pack:start;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-justify-content:flex-start;justify-content:flex-start;min-width:0}.settings-avatar{-ms-flex-negative:0;background:var(--bg-input);border:1rpx solid var(--border);border-radius:50%;-webkit-flex-shrink:0;flex-shrink:0;height:112rpx;width:112rpx}.settings-avatar-placeholder{-ms-flex-align:center;-ms-flex-pack:center;-ms-flex-negative:0;-webkit-align-items:center;align-items:center;background:var(--bg-input);border:1rpx solid var(--border);border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;flex-shrink:0;height:112rpx;-webkit-justify-content:center;justify-content:center;padding:24rpx;width:112rpx}.settings-avatar-icon{height:64rpx;width:64rpx}.settings-meta{-webkit-flex:1;-ms-flex:1;flex:1;margin-left:24rpx;min-width:0}.settings-name{color:var(--text-primary);display:block;font-size:32rpx;font-weight:700;line-height:1.3;margin-bottom:8rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-id{color:var(--text-secondary);display:block;font-size:24rpx;line-height:1.4}.arrow{-ms-flex-negative:0;color:var(--text-muted);-webkit-flex-shrink:0;flex-shrink:0;font-size:36rpx;line-height:1}.settings-section{margin-top:24rpx;padding:32rpx}.section-label{color:var(--text-primary);display:block;font-size:28rpx;font-weight:700;letter-spacing:0;margin-bottom:24rpx}.theme-options{background:var(--bg-muted);border-radius:999rpx;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8rpx;padding:8rpx}.theme-option{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:transparent;border:1rpx solid transparent;border-radius:999rpx;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--text-secondary);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;font-size:26rpx;font-weight:500;gap:12rpx;height:80rpx;-webkit-justify-content:center;justify-content:center;min-width:0;padding:0 16rpx;-webkit-transition:background .16s ease,border-color .16s ease,color .16s ease,-webkit-box-shadow .16s ease;transition:background .16s ease,border-color .16s ease,color .16s ease,-webkit-box-shadow .16s ease;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,-webkit-box-shadow .16s ease}.theme-option.active{background:var(--bg-card);border-color:var(--border-strong);-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);color:var(--text-primary);font-weight:600}.theme-option-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-check{-ms-flex-negative:0;background:var(--accent-primary);border-radius:50%;-webkit-flex-shrink:0;flex-shrink:0;height:16rpx;width:16rpx}.theme-hint{color:var(--text-secondary);display:block;font-size:24rpx;margin-top:24rpx;text-align:center}.settings-list{margin-top:24rpx;padding:0 32rpx}.settings-item{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:112rpx;padding:24rpx 0}.settings-item.bordered{border-bottom:1rpx solid var(--border)}.settings-item-icon-img{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;height:48rpx;margin-right:24rpx;width:48rpx}.settings-item-label{color:var(--text-primary);-webkit-flex:1;-ms-flex:1;flex:1;font-size:30rpx;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:transparent;border:1rpx solid var(--danger);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--danger);display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:28rpx;font-weight:600;height:88rpx;-webkit-justify-content:center;justify-content:center}.settings-page .modal-overlay{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding:48rpx;z-index:1000}.settings-page .modal-card{background:var(--bg-card);border:1rpx solid var(--border);border-radius:32rpx;-webkit-box-shadow:var(--shadow-elevated);box-shadow:var(--shadow-elevated);-webkit-box-sizing:border-box;box-sizing:border-box;max-width:640rpx;padding:40rpx;width:100%}.settings-page .modal-title{color:var(--text-primary);display:block;font-size:36rpx;font-weight:700;letter-spacing:0;margin-bottom:32rpx;text-align:center}.avatar-btn{background:var(--bg-input);border:1rpx solid var(--border);border-radius:50%;height:128rpx;line-height:1;margin:0 auto 32rpx;overflow:hidden;padding:0;width:128rpx}.avatar-img,.avatar-placeholder-img{height:100%;width:100%}.nickname-input{background:var(--bg-input);border:1rpx solid var(--border);border-radius:16rpx;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--text-primary);font-size:28rpx;height:88rpx;padding:0 24rpx;width:100%}.nickname-input::-webkit-input-placeholder{color:var(--text-muted);font-size:26rpx}.nickname-input::-moz-placeholder{color:var(--text-muted);font-size:26rpx}.nickname-input:-ms-input-placeholder{color:var(--text-muted);font-size:26rpx}.nickname-input::-ms-input-placeholder{color:var(--text-muted);font-size:26rpx}.nickname-input::placeholder{color:var(--text-muted);font-size:26rpx}.form-actions{display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20rpx;margin-top:32rpx}.form-actions .btn-primary,.form-actions .btn-secondary{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;font-size:28rpx;font-weight:600;height:80rpx;-webkit-justify-content:center;justify-content:center} |