1 line
6.5 KiB
Plaintext
1 line
6.5 KiB
Plaintext
.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}.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;gap:12rpx;-ms-flex-align:center;align-items:center}.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:72rpx;width:72rpx;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;color:#c7b9e0;justify-content:center}.nearby-pet-card__btn--like{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-page{background:#0e0a22;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} |