1 line
28 KiB
Plaintext
1 line
28 KiB
Plaintext
.bottom-tabbar{background:rgba(20,16,43,.88);border-top:2rpx solid rgba(216,180,255,.06);bottom:0;display:-ms-flexbox;display:flex;height:176rpx;left:0;position:fixed;right:0;z-index:60;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;-webkit-box-sizing:border-box;box-sizing:border-box;justify-content:space-around}.bottom-tabbar__item{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex-align:center;align-items:center;color:#8a7aab;gap:8rpx}.bottom-tabbar__fab:active .bottom-tabbar__fab-inner,.bottom-tabbar__item:active .bottom-tabbar__icon{-webkit-transform:scale(.96);-ms-transform:scale(.96);transform:scale(.96)}.bottom-tabbar__label{color:#8a7aab;font:500 20rpx/1 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:0}.bottom-tabbar__label--active{color:#d8b4ff}.bottom-tabbar__fab{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;margin-top:-36rpx}.bottom-tabbar__fab-inner{background:linear-gradient(135deg,#d8b4ff,#ffb3c8);border-radius:32rpx;display:-ms-flexbox;display:flex;height:104rpx;width:104rpx;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-webkit-box-shadow:0 20rpx 48rpx rgba(216,180,255,.3);box-shadow:0 20rpx 48rpx rgba(216,180,255,.3);color:#2a1d10;justify-content:center;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.bottom-tabbar__icon-wrap{position:relative}.bottom-tabbar__fab-icon,.bottom-tabbar__icon{background-position:50%;background-repeat:no-repeat;background-size:48rpx 48rpx;height:48rpx;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:48rpx}.bottom-tabbar__icon--plaza{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%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m16.24 7.76-2.12 6.36-6.36 2.12 2.12-6.36z'/%3E%3C/svg%3E")}.bottom-tabbar__item--active .bottom-tabbar__icon--plaza{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23d8b4ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m16.24 7.76-2.12 6.36-6.36 2.12 2.12-6.36z'/%3E%3C/svg%3E")}.bottom-tabbar__icon--nearby{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 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E")}.bottom-tabbar__item--active .bottom-tabbar__icon--nearby{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23d8b4ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E")}.bottom-tabbar__icon--messages{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")}.bottom-tabbar__item--active .bottom-tabbar__icon--messages{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23d8b4ff' 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")}.bottom-tabbar__icon--profile{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 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E")}.bottom-tabbar__item--active .bottom-tabbar__icon--profile{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23d8b4ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E")}.bottom-tabbar__fab-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%232a1d10' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.4' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}.bottom-tabbar__dot{background:#ffb3c8;border:3rpx solid #14102b;border-radius:50%;height:16rpx;position:absolute;right:-2rpx;top:0;width:16rpx}.custom-nav{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:108rpx;padding-left:40rpx;position:relative;z-index:20}.custom-nav__row{display:-ms-flexbox;display:flex;height:108rpx;-ms-flex-align:end;align-items:flex-end;-webkit-box-sizing:border-box;box-sizing:border-box;gap:24rpx;padding-bottom:16rpx}.custom-nav__left{-ms-flex:0 0 0px;flex:0 0 0;height:0;min-width:0;overflow:hidden;pointer-events:none;visibility:hidden;width:0}.custom-nav__leading{display:-ms-flexbox;display:flex;min-width:76rpx;-ms-flex-align:center;align-items:center}.custom-nav__title{color:#f0e9ff;-ms-flex:1;flex:1;font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:60rpx;font-weight:700;letter-spacing:0;line-height:1}.custom-nav__title--compact{font-size:36rpx;font-weight:600;text-align:center}.page-shell{color:#f0e9ff;min-height:100vh;overflow:hidden}.page-shell__scroll{height:100vh}.page-shell__inner{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh}.search-bar{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,.06);border-radius:24rpx;-webkit-box-sizing:border-box;box-sizing:border-box;color:#8a7aab;gap:20rpx;margin:0 40rpx 24rpx;padding:20rpx 28rpx}.search-bar__input{color:#f0e9ff;-ms-flex:1;flex:1;font:400 26rpx/1 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.search-bar__placeholder{color:#8a7aab}.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}.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}.chip__prefix{font-weight:700}.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}.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__search-result{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;background:rgba(45,34,85,.35);border:2rpx solid rgba(216,180,255,.08);border-radius:20rpx;-webkit-box-sizing:border-box;box-sizing:border-box;gap:24rpx;justify-content:space-between;margin:0 40rpx 24rpx;padding:20rpx 24rpx}.plaza-page__search-copy{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;gap:10rpx;min-width:0}.plaza-page__search-title{color:#f0e9ff;font:600 26rpx/1.2 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.plaza-page__search-count{color:#8a7aab;font:400 22rpx/1 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.plaza-page__search-clear{-ms-flex-negative:0;color:#d8b4ff;flex-shrink:0;font:600 24rpx/1 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.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}.nearby-map{height:100%;inset:0;position:absolute;width:100%}.map-controls{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:24rpx;position:absolute;right:32rpx;top:424rpx;z-index:12}.map-controls__btn:active{background:rgba(45,34,85,.9)}.map-controls__stack{border:2rpx solid rgba(216,180,255,.08);border-radius:28rpx;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.map-controls__btn{background:rgba(20,16,43,.72);display:-ms-flexbox;display:flex;height:88rpx;width:88rpx;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-webkit-box-shadow:0 16rpx 40rpx rgba(0,0,0,.3);box-shadow:0 16rpx 40rpx rgba(0,0,0,.3);color:#f0e9ff;justify-content:center}.map-controls__stack .map-controls__btn + .map-controls__btn{border-top:2rpx solid rgba(216,180,255,.08)}.nearby-pet-card{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,.06);border-radius:32rpx;gap:24rpx;padding:24rpx;-webkit-transition:background .2s,border-color .2s;transition:background .2s,border-color .2s}.nearby-pet-card--active{background:rgba(216,180,255,.12);border-color:#d8b4ff}.nearby-pet-card__photo{position:relative;-ms-flex-negative:0;border-radius:24rpx;flex-shrink:0;height:144rpx;overflow:hidden;width:144rpx}.nearby-pet-card__photo-img{height:100%;inset:0;position:absolute;width:100%;z-index:1}.photo-gold{background:radial-gradient(circle at 50% 30%,rgba(255,217,168,.5) 0,transparent 50%),linear-gradient(160deg,#6b4f9a,#2a1f4a)}.photo-green{background:radial-gradient(circle at 50% 30%,rgba(143,229,181,.5) 0,transparent 50%),linear-gradient(160deg,#4a7a6a,#1a3a2a)}.photo-pink{background:radial-gradient(circle at 50% 30%,rgba(255,179,200,.5) 0,transparent 50%),linear-gradient(160deg,#7a4a6a,#3a1a2a)}.photo-blue{background:radial-gradient(circle at 50% 30%,rgba(216,180,255,.5) 0,transparent 50%),linear-gradient(160deg,#4a4a8a,#1a1a3a)}.nearby-pet-card__photo::after{background:radial-gradient(ellipse at 50% 35%,hsla(0,0%,100%,.18) 0,transparent 60%);content:"";inset:0;position:absolute}.nearby-pet-card__distance{background:rgba(0,0,0,.55);border-radius:12rpx;bottom:12rpx;color:#f0e9ff;font:600 18rpx/1.2 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;left:12rpx;padding:4rpx 12rpx;position:absolute;z-index:2}.nearby-pet-card__info{-ms-flex:1;flex:1;min-width:0}.nearby-pet-card__title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12rpx}.nearby-pet-card__name{font:700 28rpx/1.2 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.nearby-pet-card__online{background:#8fe5b5;border-radius:50%;-webkit-box-shadow:0 0 8rpx #8fe5b5;box-shadow:0 0 8rpx #8fe5b5;height:12rpx;width:12rpx}.nearby-pet-card__meta,.nearby-pet-card__mood{color:#c7b9e0;display:block;font:400 22rpx/1.3 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;margin-top:8rpx}.nearby-pet-card__tags{display:-ms-flexbox;display:flex;gap:12rpx;margin-top:16rpx}.nearby-pet-card__tag{background:rgba(255,217,168,.14);border:2rpx solid rgba(255,217,168,.18);border-radius:19998rpx;color:#ffd9a8;font:500 18rpx/1.4 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;padding:4rpx 16rpx}.nearby-pet-card__actions{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:16rpx;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;width:156rpx}.nearby-pet-card__friend{border-radius:19998rpx;display:-ms-flexbox;display:flex;height:60rpx;width:152rpx;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;background:linear-gradient(135deg,#d8b4ff,#ffb3c8);-webkit-box-shadow:0 12rpx 32rpx rgba(216,180,255,.22);box-shadow:0 12rpx 32rpx rgba(216,180,255,.22);-webkit-box-sizing:border-box;box-sizing:border-box;color:#2a1d10;gap:8rpx;justify-content:center;-webkit-transition:opacity .18s,background .18s,-webkit-transform .18s;transition:opacity .18s,background .18s,-webkit-transform .18s;transition:transform .18s,opacity .18s,background .18s;transition:transform .18s,opacity .18s,background .18s,-webkit-transform .18s}.nearby-pet-card__friend:active{-webkit-transform:scale(.98);-ms-transform:scale(.98);transform:scale(.98)}.nearby-pet-card__friend--friend{background:rgba(143,229,181,.16);border:2rpx solid rgba(143,229,181,.32);-webkit-box-shadow:none;box-shadow:none;color:#8fe5b5}.nearby-pet-card__friend--mine,.nearby-pet-card__friend--pending{background:rgba(216,180,255,.08);border:2rpx solid rgba(216,180,255,.18);-webkit-box-shadow:none;box-shadow:none;color:#8a7aab}.nearby-pet-card__friend-text{font:600 20rpx/1 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;white-space:nowrap}.nearby-pet-card__btn{background:rgba(20,16,43,.5);border:2rpx solid rgba(216,180,255,.08);border-radius:50%;display:-ms-flexbox;display:flex;height:68rpx;width:68rpx;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;color:#c7b9e0;justify-content:center}.nearby-pet-card__btn--like{background:rgba(20,16,43,.5);border:2rpx solid rgba(216,180,255,.08);-webkit-box-shadow:none;box-shadow:none;color:#c7b9e0}.nearby-pet-card__btn--liked{background:linear-gradient(135deg,#ffb3c8,#ff8aab);border:0;-webkit-box-shadow:0 12rpx 32rpx rgba(255,138,171,.35);box-shadow:0 12rpx 32rpx rgba(255,138,171,.35);color:#fff}.nearby-sheet{background:rgba(31,23,66,.9);border-radius:48rpx 48rpx 0 0;border-top:2rpx solid rgba(216,180,255,.1);bottom:176rpx;-webkit-box-shadow:0 -40rpx 80rpx rgba(0,0,0,.3);box-shadow:0 -40rpx 80rpx rgba(0,0,0,.3);-webkit-box-sizing:border-box;box-sizing:border-box;left:0;overflow:hidden;position:fixed;right:0;-webkit-transition:height .28s cubic-bezier(.2,0,0,1);transition:height .28s cubic-bezier(.2,0,0,1);z-index:50}.nearby-sheet--dragging{-webkit-transition:none;transition:none}.nearby-sheet__handle{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:24rpx 0 20rpx}.nearby-sheet__bar{background:rgba(216,180,255,.3);border-radius:4rpx;height:8rpx;-webkit-transition:background .2s,width .2s;transition:background .2s,width .2s;width:80rpx}.nearby-sheet--min .nearby-sheet__bar{background:rgba(216,180,255,.5);height:10rpx;width:96rpx}.nearby-sheet--min .nearby-sheet__chips,.nearby-sheet--min .nearby-sheet__header,.nearby-sheet--min .nearby-sheet__list{display:none}.nearby-sheet__header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:0 40rpx 24rpx}.nearby-sheet__count,.nearby-sheet__title{display:block}.nearby-sheet__title{color:#f0e9ff;font:700 40rpx/1.2 Space Grotesk,Inter,system-ui,sans-serif}.nearby-sheet__count{color:#8a7aab;font:500 24rpx/1.4 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;margin-top:4rpx}.nearby-sheet__chips{display:-ms-flexbox;display:flex;gap:16rpx;overflow-x:auto;padding:0 40rpx 24rpx}.nearby-sheet__list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:20rpx;padding:0 32rpx 56rpx}.nearby-sheet__empty{color:#8a7aab;font:500 26rpx/1.6 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;padding:64rpx 48rpx;text-align:center}.nearby-page{color:#f0e9ff;min-height:100vh;overflow:hidden;position:relative}.nearby-page__search{display:-ms-flexbox;display:flex;left:40rpx;position:absolute;right:40rpx;z-index:12;-ms-flex-align:center;align-items:center;background:rgba(20,16,43,.82);border:2rpx solid rgba(216,180,255,.14);border-radius:19998rpx;-webkit-box-shadow:0 16rpx 40rpx rgba(0,0,0,.3);box-shadow:0 16rpx 40rpx rgba(0,0,0,.3);-webkit-box-sizing:border-box;box-sizing:border-box;gap:16rpx;height:80rpx;padding:0 28rpx}.nearby-page__search .icon{color:#d8b4ff}.nearby-page__search-input{color:#f0e9ff;-ms-flex:1;flex:1;font:500 26rpx/80rpx Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;height:80rpx;min-width:0}.nearby-page__search-ph{color:#8a7aab}.nearby-page__search-clear{-ms-flex-negative:0;display:-ms-flexbox;display:flex;flex-shrink:0;height:44rpx;width:44rpx;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;background:rgba(216,180,255,.12);border-radius:50%;color:#c7b9e0;justify-content:center}.active-user-row{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.active-user-row__inner{display:-ms-flexbox;display:flex;gap:24rpx;padding:24rpx 40rpx 16rpx}.active-user-row__item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:12rpx}.active-user-row__avatar-wrap{position:relative}.active-user-row__add{border-radius:50%;display:-ms-flexbox;display:flex;height:108rpx;width:108rpx;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;background:rgba(216,180,255,.08);border:2rpx dashed rgba(216,180,255,.35);color:#d8b4ff;justify-content:center}.active-user-row__live{background:-webkit-gradient(linear,left top,right top,from(#d8b4ff),to(#ffb3c8));background:linear-gradient(90deg,#d8b4ff,#ffb3c8);border:3rpx solid #14102b;border-radius:12rpx;bottom:-4rpx;color:#2a1d10;font:700 18rpx/1.2 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;padding:4rpx 12rpx;position:absolute;right:-8rpx}.active-user-row__name{color:#c7b9e0;font:500 22rpx/1.2 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;max-width:120rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:24rpx;padding:24rpx 40rpx;-webkit-transition:background .2s;transition:background .2s}.conversation-item:active{background:rgba(216,180,255,.06)}.conversation-item__main{-ms-flex:1;flex:1;min-width:0}.conversation-item__bottom,.conversation-item__name-row,.conversation-item__top{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.conversation-item__top{-ms-flex-pack:justify;justify-content:space-between}.conversation-item__name-row{gap:8rpx;min-width:0}.conversation-item__name{color:#f0e9ff;font:600 28rpx/1.2 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item__pet{color:#d8b4ff;font:500 22rpx/1 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.conversation-item__time{color:#8a7aab;font:400 22rpx/1 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.conversation-item__bottom{-ms-flex-pack:justify;gap:16rpx;justify-content:space-between;margin-top:12rpx}.conversation-item__preview{color:#c7b9e0;-ms-flex:1;flex:1;font:400 24rpx/1.3 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item__badge{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;min-width:36rpx;padding:0 12rpx;text-align:center}.conversation-item__muted{background:#8a7aab;border-radius:50%;height:16rpx;opacity:.4;width:16rpx}.conversation-item__pin{color:#ffd9a8}.messages-page__divider{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:#8a7aab;font:500 20rpx/1 Space Grotesk,Inter,system-ui,sans-serif;gap:20rpx;letter-spacing:.18em;padding:24rpx 40rpx 12rpx}.messages-page__divider::after{background:rgba(216,180,255,.08);content:"";-ms-flex:1;flex:1;height:2rpx}.messages-page__list{padding-bottom:24rpx}.messages-page__empty{color:#8a7aab;display:block;font:400 26rpx/1.6 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;padding:80rpx 48rpx;text-align:center}.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__card--limit{min-height:260rpx}.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}.home{background:var(--app-bg);min-height:100vh}.home__tab{min-height:100vh} |