1 line
7.0 KiB
Plaintext
1 line
7.0 KiB
Plaintext
.profile-page{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh;padding:0 32rpx calc(220rpx + env(safe-area-inset-bottom))}.profile-page .profile-header{margin:0 0 32rpx;padding:32rpx 32rpx 16rpx}.profile-page .user-info{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24rpx;margin-bottom:24rpx}.profile-page .avatar,.profile-page .avatar-placeholder{-ms-flex-align:center;-ms-flex-pack:center;-ms-flex-negative:0;-webkit-align-items:center;align-items:center;background:var(--bg-muted);border:1rpx solid var(--border);border-radius:50%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;flex-shrink:0;height:112rpx;-webkit-justify-content:center;justify-content:center;margin-right:0;overflow:hidden;width:112rpx}.profile-page .avatar-icon-img{height:44rpx;width:44rpx}.profile-page .user-meta{-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.profile-page .user-name{color:var(--text-primary);display:block;font-size:36rpx;font-weight:700;line-height:1.2;margin-bottom:8rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-page .user-level{color:var(--text-secondary);display:block;font-size:24rpx;line-height:1.4}.profile-page .status-grid{border-top:1rpx solid var(--border);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-top:16rpx}.profile-page .status-row{-ms-flex-align:center;-ms-flex-pack:distribute;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;justify-content:space-around}.profile-page .status-group{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-justify-content:center;justify-content:center;min-width:0}.profile-page .status-item{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;min-height:112rpx;padding:8rpx 0;-webkit-transition:-webkit-transform .18s ease;transition:-webkit-transform .18s ease;transition:transform .18s ease;transition:transform .18s ease,-webkit-transform .18s ease}.profile-page .status-item:active{-webkit-transform:scale(.97);-ms-transform:scale(.97);transform:scale(.97)}.profile-page .status-icon-img{height:32rpx;margin-bottom:10rpx;width:32rpx}.profile-page .status-num{color:var(--accent-primary);font-size:32rpx;font-variant-numeric:tabular-nums;font-weight:800;line-height:1.2;margin-bottom:6rpx}.profile-page .status-label{color:var(--text-secondary);font-size:24rpx;line-height:1.2}.profile-page .status-divider{-ms-flex-negative:0;background:var(--border);-webkit-flex-shrink:0;flex-shrink:0;height:56rpx;width:1rpx}.profile-page .status-divider-h{background:var(--border);height:1rpx;margin:4rpx 16rpx 12rpx}.profile-page .section-title{color:var(--text-primary);display:block;font-size:32rpx;font-weight:700;line-height:1.25;margin:0 0 24rpx}.profile-page .menu-grid{display:grid;gap:16rpx;grid-template-columns:repeat(3,minmax(0,1fr))}.profile-page .menu-card{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;border-radius:24rpx;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;min-height:148rpx;padding:28rpx 16rpx;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.profile-page .menu-card:active{-webkit-transform:scale(.97);-ms-transform:scale(.97);transform:scale(.97)}.profile-page .menu-icon-img{height:44rpx;margin-bottom:16rpx;width:44rpx}.profile-page .menu-label{color:var(--text-primary);display:block;font-size:26rpx;font-weight:600;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-page .enterprise-section{margin:0 0 48rpx;padding:28rpx 32rpx}.profile-page .enterprise-icon{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;height:32rpx;margin-right:12rpx;width:32rpx}.profile-page .enterprise-title{color:var(--text-primary);display:block;font-size:30rpx;font-weight:700;line-height:1.3;margin-bottom:6rpx}.profile-page .enterprise-desc{color:var(--text-secondary);display:block;font-size:24rpx;line-height:1.4}.profile-page .enterprise-btn{-ms-flex-align:center;-ms-flex-pack:center;-ms-flex-negative:0;-webkit-align-items:center;align-items:center;border-radius:999rpx;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;flex-shrink:0;font-size:26rpx;font-weight:600;height:80rpx;-webkit-justify-content:center;justify-content:center;line-height:1.2;padding:0 32rpx}.profile-page .modal-overlay{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;bottom:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;left:0;padding:48rpx;position:fixed;right:0;top:0;z-index:1000}.profile-page .login-card{border-radius:32rpx;max-width:640rpx;padding:40rpx;text-align:center;width:100%}.profile-page .login-title{color:var(--text-primary);display:block;font-size:36rpx;font-weight:700;margin-bottom:12rpx}.profile-page .login-desc{color:var(--text-secondary);display:block;font-size:26rpx;margin-bottom:32rpx}.profile-page .avatar-btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-input);border:1rpx solid var(--border);border-radius:50%;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:0;height:160rpx;-webkit-justify-content:center;justify-content:center;line-height:1;margin:0 auto 24rpx;overflow:hidden;padding:0;width:160rpx}.profile-page .avatar-img{border-radius:50%;height:100%;width:100%}.profile-page .avatar-placeholder-img{height:64rpx;width:64rpx}.profile-page .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;margin-bottom:32rpx;padding:0 24rpx;text-align:center;width:100%}.profile-page .login-actions{display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20rpx}.profile-page .login-actions .btn-primary,.profile-page .login-actions .btn-secondary{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;border-radius:999rpx;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;font-size:28rpx;font-weight:600;height:88rpx;-webkit-justify-content:center;justify-content:center;padding:0;text-align:center} |