1 line
8.9 KiB
Plaintext
1 line
8.9 KiB
Plaintext
.profile-hero{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:28rpx;padding:40rpx 40rpx 32rpx}.profile-hero__info{-ms-flex:1;flex:1;min-width:0}.profile-hero__name-row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12rpx}.profile-hero__name{color:#f0e9ff;font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:44rpx;font-weight:700;letter-spacing:0;line-height:1}.profile-hero__level{background:-webkit-gradient(linear,left top,right top,from(#d8b4ff),to(#ffb3c8));background:linear-gradient(90deg,#d8b4ff,#ffb3c8);border-radius:12rpx;color:#2a1d10;font:700 20rpx/1.2 Space Grotesk,Inter,system-ui,sans-serif;padding:4rpx 16rpx}.profile-hero__sub{color:#c7b9e0;display:block;font:400 24rpx/1.4 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;margin-top:12rpx}.profile-hero__badges{display:-ms-flexbox;display:flex;gap:16rpx;margin-top:20rpx}.profile-hero__badge{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background:rgba(45,34,85,.4);border:2rpx solid rgba(216,180,255,.08);border-radius:19998rpx;color:#c7b9e0;font:500 20rpx/1 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;gap:8rpx;padding:8rpx 16rpx}.profile-hero__badge .icon{color:#d8b4ff}.stats-row{display:-ms-flexbox;display:flex;padding:0 40rpx 36rpx}.stats-row__item{-ms-flex:1;flex:1;text-align:center}.stats-row__label,.stats-row__num{display:block}.stats-row__num{color:#f0e9ff;font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:36rpx;font-weight:700;letter-spacing:0;line-height:1}.stats-row__label{color:#8a7aab;font:400 22rpx/1 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;margin-top:8rpx}.pet-shelf{padding:0 40rpx 44rpx}.pet-shelf__head{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20rpx}.pet-shelf__title{color:#c7b9e0;font:600 26rpx/1 Space Grotesk,Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}.pet-shelf__more{color:#d8b4ff;font:500 22rpx/1 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.pet-shelf__list{display:-ms-flexbox;display:flex;gap:20rpx}.pet-shelf__card{background:rgba(45,34,85,.4);border:2rpx solid rgba(216,180,255,.08);border-radius:32rpx;-ms-flex:1;flex:1;min-width:0;padding:24rpx}.pet-shelf__photo{border-radius:20rpx;height:156rpx;overflow:hidden;position:relative}.pet-shelf__photo-img{border-radius:20rpx;height:156rpx;width:100%}.pet-shelf__label{background:rgba(0,0,0,.4);border-radius:19998rpx;bottom:16rpx;color:#f0e9ff;font:500 18rpx/1 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;left:16rpx;padding:6rpx 16rpx;position:absolute}.pet-shelf__name{color:#f0e9ff;display:block;font:600 26rpx/1.2 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;margin-top:20rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pet-shelf__meta{color:#8a7aab;display:block;font:400 20rpx/1.3 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;margin-top:6rpx}.pet-shelf__card--add{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;background:rgba(45,34,85,.22);color:#8a7aab;justify-content:center}.pet-shelf__add-icon{border:2rpx solid rgba(216,180,255,.12);border-radius:50%;display:-ms-flexbox;display:flex;height:80rpx;width:80rpx;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.pet-shelf__add-label{font:500 22rpx/1 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;margin-top:16rpx}.switch{background:#8a7aab;border-radius:22rpx;height:44rpx;position:relative;-webkit-transition:background .2s;transition:background .2s;width:72rpx;-ms-flex-negative:0;flex-shrink:0}.switch::after{background:#f0e9ff;border-radius:50%;content:"";height:36rpx;left:4rpx;position:absolute;top:4rpx;-webkit-transition:-webkit-transform .2s cubic-bezier(.2,0,0,1);transition:-webkit-transform .2s cubic-bezier(.2,0,0,1);transition:transform .2s cubic-bezier(.2,0,0,1);transition:transform .2s cubic-bezier(.2,0,0,1),-webkit-transform .2s cubic-bezier(.2,0,0,1);width:36rpx}.switch--checked{background:#d8b4ff}.switch--checked::after{-webkit-transform:translateX(28rpx);-ms-transform:translateX(28rpx);transform:translateX(28rpx)}.preference-list{padding:0 40rpx}.preference-list__title{color:#c7b9e0;display:block;font:600 26rpx/1 Space Grotesk,Inter,system-ui,sans-serif;letter-spacing:.08em;margin-bottom:20rpx;text-transform:uppercase}.preference-list__panel{background:rgba(31,23,66,.68);border:2rpx solid rgba(216,180,255,.08);border-radius:32rpx;overflow:hidden}.preference-list__row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-bottom:2rpx solid rgba(216,180,255,.04);gap:24rpx;padding:28rpx 32rpx}.preference-list__row:last-child{border-bottom:0}.preference-list__row:active{background:rgba(216,180,255,.05)}.preference-list__icon{border-radius:20rpx;display:-ms-flexbox;display:flex;height:64rpx;width:64rpx;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;background:linear-gradient(135deg,#d8b4ff,#ffb3c8);color:#2a1d10;justify-content:center}.preference-list__icon--notifications{background:linear-gradient(135deg,#ffd9a8,#ffb3c8)}.preference-list__icon--help{background:linear-gradient(135deg,#8fe5b5,#d8b4ff)}.preference-list__label{color:#f0e9ff;-ms-flex:1;flex:1;font:500 28rpx/1.2 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.preference-list__value{color:#8a7aab;font:400 36rpx/1 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.preference-list__logout{background:rgba(255,138,155,.1);border:2rpx solid rgba(255,138,155,.2);border-radius:32rpx;color:#ff8a9b;font:600 28rpx/1 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;margin-top:28rpx;padding:26rpx;text-align:center}.preference-list__logout:active{background:rgba(255,138,155,.16)}.login-card{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;background:linear-gradient(160deg,rgba(45,34,85,.7),rgba(31,23,66,.7));border:2rpx solid rgba(216,180,255,.12);border-radius:48rpx;margin:48rpx 40rpx;padding:64rpx 48rpx 48rpx}.login-card__title{color:#f0e9ff;font:700 44rpx/1.1 Space Grotesk,Inter,system-ui,sans-serif}.login-card__sub{color:#c7b9e0;font:400 26rpx/1.5 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;margin-top:16rpx;text-align:center}.login-card__avatar-btn{background:#251c4a;border:2rpx dashed rgba(216,180,255,.3);border-radius:50%;display:-ms-flexbox;display:flex;height:176rpx;margin:48rpx 0 40rpx;overflow:hidden;padding:0;width:176rpx;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;line-height:normal}.login-card__avatar-btn::after{border:none}.login-card__avatar-img{border-radius:50%;height:176rpx;width:176rpx}.login-card__avatar-empty{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:8rpx}.login-card__avatar-plus{color:#d8b4ff;font:300 52rpx/1 Space Grotesk,Inter,system-ui,sans-serif}.login-card__avatar-hint{color:#8a7aab;font:400 22rpx/1 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.login-card__field{background:rgba(20,16,43,.6);border:2rpx solid rgba(216,180,255,.1);border-radius:24rpx;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:32rpx;padding:0 32rpx;width:100%}.login-card__input{color:#f0e9ff;font:400 28rpx/92rpx Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;height:92rpx}.login-card__placeholder{color:#8a7aab}.login-card__submit{background:-webkit-gradient(linear,left top,right top,from(#d8b4ff),to(#ffb3c8));background:linear-gradient(90deg,#d8b4ff,#ffb3c8);border-radius:24rpx;-webkit-box-sizing:border-box;box-sizing:border-box;color:#2a1d10;font:700 28rpx/1 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;padding:26rpx;text-align:center;width:100%}.login-card__submit--disabled{opacity:.45}.login-card__tip{color:#8a7aab;font:400 22rpx/1.4 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;margin-top:28rpx;text-align:center}.profile-page__actions{display:-ms-flexbox;display:flex;gap:20rpx;padding:0 40rpx 48rpx}.profile-page__primary,.profile-page__secondary{border-radius:24rpx;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1;flex:1;font:600 26rpx/1 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;padding:22rpx;text-align:center}.profile-page__primary{background:-webkit-gradient(linear,left top,right top,from(#d8b4ff),to(#ffb3c8));background:linear-gradient(90deg,#d8b4ff,#ffb3c8);color:#2a1d10}.profile-page__secondary{background:rgba(45,34,85,.4);border:2rpx solid rgba(216,180,255,.1);color:#f0e9ff;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;gap:12rpx;justify-content:center} |