26 lines
2.0 KiB
Plaintext
26 lines
2.0 KiB
Plaintext
.knowledge-hero { position:relative;overflow:hidden;padding:34rpx;background:#eee8f7;border-radius:34rpx;color:#79658c; }
|
|
.knowledge-hero .eyebrow {color:#9782aa;letter-spacing:1rpx;}
|
|
.hero-title {font-size:37rpx;font-weight:600;line-height:1.5;margin:16rpx 0 12rpx;}
|
|
.hero-copy {font-size:23rpx;}
|
|
.hero-book {position:absolute;right:45rpx;top:70rpx;width:106rpx;height:94rpx;border:5rpx solid #b4a3c5;border-radius:20rpx 20rpx 8rpx 8rpx;transform:rotate(9deg);background:#fff9f380;}
|
|
.book-middle {position:absolute;left:48rpx;height:100%;border-left:4rpx solid #b4a3c5;}
|
|
.book-stripe {position:absolute;left:14rpx;right:14rpx;top:26rpx;height:24rpx;border-top:3rpx solid #b4a3c5;border-bottom:3rpx solid #b4a3c5;}
|
|
.knowledge-search {height:92rpx;padding:0 28rpx;background:#fff;border-radius:24rpx;margin:28rpx 0 16rpx;font-size:26rpx;}
|
|
.alphabet-scroll {width:100%;white-space:nowrap;}
|
|
.alphabet {display:inline-flex;gap:10rpx;padding:4rpx 0 12rpx;}
|
|
.alphabet text {display:inline-block;padding:10rpx 20rpx;border-radius:16rpx;color:#9d8779;background:#fff;}
|
|
.alphabet .selected {color:#b95738;background:#ffeadc;}
|
|
.catalog-heading {display:flex;align-items:center;justify-content:space-between;margin:30rpx 0 8rpx;font-size:32rpx;font-weight:600;}
|
|
.catalog-count {font-size:23rpx;color:#9d8779;font-weight:400;}
|
|
.group-letter {color:#b95738;font-size:29rpx;font-weight:600;padding:20rpx 8rpx 12rpx;}
|
|
.breed-entry {display:flex;align-items:center;gap:20rpx;padding:26rpx;background:#fff;border-radius:26rpx;margin-bottom:14rpx;}
|
|
.entry-letter {width:66rpx;height:66rpx;display:flex;align-items:center;justify-content:center;flex:none;background:#fff0e2;border-radius:22rpx;color:#ba7355;font-size:30rpx;}
|
|
.entry-copy {flex:1;min-width:0;}
|
|
.entry-name {display:block;font-size:27rpx;font-weight:600;}
|
|
.entry-alias {display:block;color:#9d8779;font-size:21rpx;margin-top:6rpx;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
|
|
.entry-arrow {color:#bfa697;font-size:36rpx;}
|
|
|
|
.entry-status{display:block;font-size:19rpx;color:#bc9c85;margin-top:6rpx}
|
|
|
|
.hero-title>text{display:block}
|