1 line
6.1 KiB
Plaintext
1 line
6.1 KiB
Plaintext
.feed-ad-card{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background:linear-gradient(135deg,rgba(255,179,200,.12),rgba(255,217,168,.08));border:2rpx solid rgba(255,217,168,.12);border-radius:32rpx;gap:24rpx;margin:0 32rpx 28rpx;padding:28rpx}.feed-ad-card__mark{background:linear-gradient(135deg,#ffb3c8,#ffd9a8);border-radius:28rpx;display:-ms-flexbox;display:flex;height:100rpx;width:100rpx;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;color:#2a1d10;font:700 36rpx/1 Space Grotesk,Inter,system-ui,sans-serif;justify-content:center}.feed-ad-card__text{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;gap:8rpx}.feed-ad-card__title{color:#f0e9ff;font:600 26rpx/1.3 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.feed-ad-card__sub{color:#c7b9e0;font:400 22rpx/1.4 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.feed-ad-card__cta{background:#ffd9a8;border-radius:19998rpx;color:#2a1d10;font:600 22rpx/1 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;padding:12rpx 24rpx}.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__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__more{display:-ms-flexbox;display:flex;height:56rpx;width:56rpx;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;color:#8a7aab;justify-content:center}.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__media{border-radius:24rpx;height:356rpx;margin-top:24rpx;overflow:hidden;position:relative}.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__media--pet-1{background:radial-gradient(circle at 30% 40%,rgba(255,217,168,.6),transparent 50%),linear-gradient(135deg,#6b4f9a,#3a2a6a)}.post-card__media--pet-2{background:radial-gradient(circle at 70% 50%,rgba(255,179,200,.5),transparent 60%),linear-gradient(135deg,#4a3a7a,#251c4a)}.post-card__media--pet-3{background:radial-gradient(circle at 50% 30%,rgba(143,229,181,.4),transparent 60%),linear-gradient(135deg,#5a4a8a,#2a1f4a)}.post-card__silhouette{background:radial-gradient(ellipse at 50% 30%,hsla(0,0%,100%,.18) 0,transparent 60%);border-radius:55% 55% 45% 45%;bottom:20%;height:180rpx;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:240rpx}.post-card__sticker{background:rgba(0,0,0,.4);border-radius:19998rpx;bottom:24rpx;color:#f0e9ff;font:500 20rpx/1 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;left:24rpx;padding:8rpx 20rpx;position:absolute}.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")}.plaza-page__chips{padding-bottom:24rpx;width:100%}.plaza-page__chips-inner{display:-ms-flexbox;display:flex;gap:16rpx;padding:0 40rpx}.plaza-page__feed{padding-top:4rpx}.plaza-page__empty{color:#8a7aab;display:block;font:400 24rpx/1 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;padding:16rpx 0 40rpx;text-align:center} |