31 lines
2.5 KiB
Plaintext
31 lines
2.5 KiB
Plaintext
:host { display:block; }
|
|
.breed-field { box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:18rpx;min-height:104rpx;padding:26rpx;background:#fff;border-radius:20rpx;color:#604a40;font-size:28rpx; }
|
|
.breed-field text { flex:1;min-width:0; }
|
|
.placeholder { color:#999; }
|
|
.chevron { width:12rpx;height:12rpx;border-right:3rpx solid #a48d7e;border-bottom:3rpx solid #a48d7e;transform:rotate(45deg);flex:none; }
|
|
.overlay { position:fixed;top:0;bottom:0;left:0;right:0;z-index:100;background:#604a4066;display:flex;align-items:flex-end; }
|
|
.sheet { width:100%;box-sizing:border-box;padding:30rpx 32rpx calc(env(safe-area-inset-bottom) + 24rpx);border-radius:36rpx 36rpx 0 0;background:#fff9f3; }
|
|
.sheet-head { display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24rpx;gap:12rpx; }
|
|
.title { display:block;font-size:32rpx;font-weight:600;color:#604a40; }
|
|
.subtitle { display:block;font-size:21rpx;color:#9d8779;margin-top:8rpx; }
|
|
.close { font-size:40rpx;color:#9d8779;line-height:1;padding:8rpx; }
|
|
.search,.custom-input { box-sizing:border-box;width:100%;height:92rpx;padding:0 24rpx;border-radius:20rpx;background:#fff;color:#604a40;font-size:26rpx; }
|
|
.catalog { position:relative;margin-top:16rpx; }
|
|
.breed-list { height:48vh; }
|
|
.letter { font-size:24rpx;font-weight:600;color:#b95738;padding:14rpx 20rpx;background:#fff0e2;border-radius:12rpx;margin:10rpx 38rpx 6rpx 0; }
|
|
.breed-row { padding:23rpx 46rpx 23rpx 20rpx;font-size:26rpx;color:#604a40;display:flex;gap:12rpx;justify-content:space-between;border-bottom:1rpx solid #eee3da; }
|
|
.selected { color:#b95738;background:#fff2e6; }
|
|
.selected-label { font-size:21rpx;flex:none; }
|
|
.letter-rail { position:absolute;top:0;right:-12rpx;bottom:0;display:flex;flex-direction:column;justify-content:center;width:40rpx; }
|
|
.letter-rail text { font-size:19rpx;color:#b95738;text-align:center;line-height:1.25; }
|
|
.hint { padding:60rpx 24rpx;text-align:center;color:#9d8779;font-size:24rpx; }
|
|
.retry { display:block;margin-top:20rpx;color:#b95738; }
|
|
.footer { margin-top:20rpx; }
|
|
button { border:0; }
|
|
button::after { border:0; }
|
|
.manual-button,.confirm { border-radius:20rpx;background:#fff0e2;color:#b95738;font-size:26rpx;line-height:1.4;padding:22rpx; }
|
|
.skip,.back { display:block;text-align:center;font-size:23rpx;color:#9d8779;margin-top:20rpx;padding:6rpx; }
|
|
.manual-note { display:block;font-size:23rpx;color:#9d8779;margin:20rpx 0 30rpx; }
|
|
.confirm { background:#b95738;color:#fff; }
|
|
::-webkit-scrollbar { display:none;width:0;height:0; }
|