1 line
14 KiB
Plaintext
1 line
14 KiB
Plaintext
.icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;color:inherit;font-family:Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-weight:700;justify-content:center;line-height:1;text-align:center}.icon--info{border:2rpx solid;border-radius:50%;font-size:20rpx!important}.publish-icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;color:inherit;font-family:Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-weight:700;justify-content:center;line-height:1;text-align:center}.publish-icon--info{border:2rpx solid;border-radius:50%;font-size:20rpx!important}.publish-avatar{position:relative;-ms-flex-negative:0;display:-ms-flexbox;display:flex;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;border-radius:50%;color:#2a1d10;justify-content:center;overflow:visible}.publish-avatar--sm{height:60rpx;width:60rpx}.publish-avatar--md{height:80rpx;width:80rpx}.publish-avatar__img{border-radius:50%;height:100%;width:100%}.publish-avatar__label{font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:32rpx;font-weight:700}.publish-avatar--gradient-avatar-1{background:linear-gradient(135deg,#ffb3c8,#ffd9a8)}.publish-avatar--gradient-avatar-2{background:linear-gradient(135deg,#d8b4ff,#a4d4ff)}.publish-avatar--gradient-avatar-3{background:linear-gradient(135deg,#8fe5b5,#d8b4ff)}.publish-avatar--gradient-avatar-4{background:linear-gradient(135deg,#ffd9a8,#ffb3c8)}.publish-avatar--gradient-avatar-5{background:linear-gradient(135deg,#a4d4ff,#ffd9a8)}.publish-avatar--gradient-avatar-6{background:linear-gradient(135deg,#ffb3c8,#d8b4ff)}.publish-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}.publish-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}.publish-switch--checked{background:#d8b4ff}.publish-switch--checked::after{-webkit-transform:translateX(28rpx);-ms-transform:translateX(28rpx);transform:translateX(28rpx)}.publish-chip{-ms-flex-negative:0;display:-ms-flexbox;display:flex;flex-shrink:0;-ms-flex-align:center;align-items:center;background:rgba(45,34,85,.4);border:2rpx solid rgba(216,180,255,.1);border-radius:19998rpx;color:#c7b9e0;font:500 24rpx/1 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;gap:8rpx;padding:14rpx 24rpx;-webkit-transition:all .2s;transition:all .2s}.publish-chip--active{background:-webkit-gradient(linear,left top,right top,from(#d8b4ff),to(#ffb3c8));background:linear-gradient(90deg,#d8b4ff,#ffb3c8);border-color:transparent;color:#2a1d10}.publish-chip__prefix{font-weight:700}.publish-bottom-sheet-bg{display:-ms-flexbox;display:flex;inset:0;position:fixed;z-index:90;-ms-flex-align:end;align-items:flex-end;background:rgba(10,7,25,.6)}.publish-bottom-sheet-bg--centered{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-webkit-box-sizing:border-box;box-sizing:border-box;justify-content:center;padding:48rpx}.publish-bottom-sheet{-webkit-animation:slideUp .28s cubic-bezier(.2,0,0,1);animation:slideUp .28s cubic-bezier(.2,0,0,1);background:#251c4a;border-radius:48rpx 48rpx 0 0;border-top:2rpx solid rgba(216,180,255,.1);-webkit-box-sizing:border-box;box-sizing:border-box;padding:32rpx 32rpx 64rpx;width:100%}.publish-bottom-sheet-bg--centered .publish-bottom-sheet{border-radius:48rpx;max-width:640rpx;padding:64rpx 48rpx}.publish-visibility-sheet__grabber{background:#8a7aab;border-radius:4rpx;height:8rpx;margin:0 auto 32rpx;opacity:.4;width:72rpx}.publish-visibility-sheet__desc,.publish-visibility-sheet__title{display:block;padding:0 8rpx}.publish-visibility-sheet__title{color:#f0e9ff;font:600 32rpx/1 Space Grotesk,Inter,system-ui,sans-serif}.publish-visibility-sheet__desc{color:#8a7aab;font:400 22rpx/1.4 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;margin-bottom:20rpx;margin-top:12rpx}.publish-visibility-sheet__option{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-radius:24rpx;gap:24rpx;padding:24rpx 16rpx}.publish-visibility-sheet__option--checked{background:rgba(216,180,255,.08)}.publish-visibility-sheet__icon{border-radius:50%;display:-ms-flexbox;display:flex;height:72rpx;width:72rpx;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;color:#2a1d10;justify-content:center}.publish-visibility-sheet__icon--public{background:linear-gradient(135deg,#d8b4ff,#a4d4ff)}.publish-visibility-sheet__icon--friends{background:linear-gradient(135deg,#8fe5b5,#d8b4ff)}.publish-visibility-sheet__icon--private{background:linear-gradient(135deg,#ffb3c8,#ffd9a8)}.publish-visibility-sheet__text{-ms-flex:1;flex:1}.publish-visibility-sheet__name,.publish-visibility-sheet__sub{display:block}.publish-visibility-sheet__name{color:#f0e9ff;font:500 28rpx/1.2 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.publish-visibility-sheet__sub{color:#8a7aab;font:400 22rpx/1.4 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;margin-top:6rpx}.publish-visibility-sheet__check{border:4rpx solid #8a7aab;border-radius:50%;display:-ms-flexbox;display:flex;height:40rpx;width:40rpx;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-webkit-box-sizing:border-box;box-sizing:border-box;color:#2a1d10;justify-content:center}.publish-visibility-sheet__option--checked .publish-visibility-sheet__check{background:#d8b4ff;border-color:#d8b4ff}.seg-tabs{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:44rpx;overflow-x:auto;padding:0 40rpx 24rpx}.seg-tabs__item{color:#8a7aab;font:500 28rpx/1 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;padding:12rpx 0;position:relative;-webkit-transition:color .2s;transition:color .2s}.seg-tabs__item--active{color:#f0e9ff;font-weight:600}.seg-tabs__item--active::after{background:-webkit-gradient(linear,left top,right top,from(#d8b4ff),to(#ffb3c8));background:linear-gradient(90deg,#d8b4ff,#ffb3c8);border-radius:4rpx;bottom:-16rpx;content:"";height:6rpx;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:44rpx}.seg-tabs__badge{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;background:#ffb3c8;border-radius:18rpx;-webkit-box-sizing:border-box;box-sizing:border-box;color:#2a1d10;font:700 20rpx/36rpx Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;height:36rpx;justify-content:center;margin-left:8rpx;min-width:36rpx;padding:0 10rpx}.avatar{position:relative;-ms-flex-negative:0;display:-ms-flexbox;display:flex;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;border-radius:50%;color:#2a1d10;justify-content:center;overflow:visible}.avatar--image{background:#251c4a}.avatar__image{border-radius:50%;height:100%;width:100%}.avatar--sm{height:60rpx;width:60rpx}.avatar--md{height:80rpx;width:80rpx}.avatar--lg{height:100rpx;width:100rpx}.avatar--xl{-webkit-box-shadow:0 16rpx 40rpx rgba(216,180,255,.3);box-shadow:0 16rpx 40rpx rgba(216,180,255,.3);height:128rpx;width:128rpx}.avatar__label{font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:32rpx;font-weight:700}.avatar--xl .avatar__label{font-size:48rpx}.avatar__online{background:#8fe5b5;border:4rpx solid #14102b;border-radius:50%;bottom:0;height:28rpx;position:absolute;right:0;width:28rpx}.avatar__pet-tag{background:#14102b;border-radius:50%;bottom:-4rpx;display:-ms-flexbox;display:flex;height:44rpx;position:absolute;right:-4rpx;width:44rpx;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;border:4rpx solid #14102b;font-size:24rpx;justify-content:center}.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}.toast-overlay{color:#ffb3c8;-webkit-filter:drop-shadow(0 8rpx 40rpx rgba(255,138,171,.6));filter:drop-shadow(0 8rpx 40rpx rgba(255,138,171,.6));left:50%;pointer-events:none;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);-ms-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);-webkit-transition:-webkit-transform .28s cubic-bezier(.34,1.56,.64,1);transition:-webkit-transform .28s cubic-bezier(.34,1.56,.64,1);transition:transform .28s cubic-bezier(.34,1.56,.64,1);transition:transform .28s cubic-bezier(.34,1.56,.64,1),-webkit-transform .28s cubic-bezier(.34,1.56,.64,1);z-index:80}.toast-overlay--show{-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.post-card{-webkit-animation:softAppear .26s ease-out both;animation:softAppear .26s ease-out both;background:rgba(31,23,66,.78);border:2rpx solid rgba(216,180,255,.08);border-radius:36rpx;-webkit-box-shadow:0 28rpx 64rpx rgba(0,0,0,.16);box-shadow:0 28rpx 64rpx rgba(0,0,0,.16);margin:0 32rpx 28rpx;padding:32rpx}.post-card__head{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:20rpx}.post-card__meta{-ms-flex:1;flex:1;min-width:0}.post-card__more{-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:start;align-self:flex-start;display:-ms-flexbox;display:flex;height:56rpx;width:64rpx;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;border-radius:16rpx;color:#8a7aab;justify-content:center}.post-card__more-dots{font:700 32rpx/1 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:2rpx}.post-card__more:active{background:rgba(216,180,255,.1)}.post-card__name-row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12rpx}.post-card__name{color:#f0e9ff;font:600 28rpx/1.2 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.post-card__pet{background:rgba(216,180,255,.12);border-radius:12rpx;color:#d8b4ff;font:500 20rpx/1 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;padding:4rpx 12rpx}.post-card__pet--green{background:rgba(143,229,181,.12);color:#8fe5b5}.post-card__pet--gold{background:rgba(255,217,168,.15);color:#ffd9a8}.post-card__sub{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:#8a7aab;font:400 22rpx/1 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;gap:16rpx;margin-top:12rpx}.post-card__dot{background:#8a7aab;border-radius:50%;height:8rpx;width:8rpx}.post-card__body{color:#f0e9ff;display:block;font:400 28rpx/1.55 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;margin-top:24rpx}.post-card__photos{display:grid;gap:12rpx;grid-template-columns:repeat(3,1fr);margin-top:24rpx}.post-card__photos--1{grid-template-columns:1fr}.post-card__photos--2{grid-template-columns:repeat(2,1fr)}.post-card__photo{aspect-ratio:1;background:rgba(45,34,85,.4);border-radius:24rpx;width:100%}.post-card__photos--1 .post-card__photo{aspect-ratio:4/3}.post-card__actions{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:#8a7aab;font:500 24rpx/1 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;gap:10rpx;margin-top:24rpx;-webkit-transition:color .2s;transition:color .2s}.post-card__actions .icon--comment{margin-left:30rpx}.post-card__actions--liked .icon--heart,.post-card__actions--liked .icon--heart + text{color:#ffb3c8}.post-card__actions .icon{height:36rpx;width:36rpx;-ms-flex-negative:0;background-position:50%;background-repeat:no-repeat;background-size:36rpx 36rpx;flex-shrink:0}.post-card__actions .icon--heart{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%238a7aab' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78'/%3E%3C/svg%3E")}.post-card__actions--liked .icon--heart{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23ffb3c8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78'/%3E%3C/svg%3E")}.post-card__actions .icon--comment{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%238a7aab' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E")}.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} |