31 lines
2.3 KiB
Plaintext
31 lines
2.3 KiB
Plaintext
.detail-screen {padding-bottom:calc(50rpx + env(safe-area-inset-bottom));}
|
|
.breed-cover {display:flex;flex-direction:column;align-items:center;text-align:center;padding:46rpx 30rpx;background:linear-gradient(130deg,#fff0df,#eee8f7);border-radius:34rpx;margin-bottom:24rpx;}
|
|
.breed-name {font-size:37rpx;font-weight:600;margin:20rpx 0 10rpx;}
|
|
.english,.aliases {font-size:23rpx;color:#9d8779;line-height:1.7;}
|
|
.section-heading {font-size:29rpx;font-weight:600;margin-bottom:20rpx;}
|
|
.paragraph {font-size:26rpx;line-height:1.9;white-space:pre-wrap;}
|
|
.facts {display:grid;grid-template-columns:1fr 1fr;gap:26rpx;margin:30rpx 0;}
|
|
.facts view {padding:22rpx;background:#fff9f3;border-radius:20rpx;}
|
|
.facts text {display:block;font-size:22rpx;color:#9d8779;margin-bottom:8rpx;}
|
|
.facts strong {font-size:25rpx;font-weight:500;}
|
|
.group,.footnote {display:block;font-size:22rpx;color:#9d8779;}
|
|
.trait {display:flex;align-items:center;gap:18rpx;font-size:23rpx;margin:22rpx 0;}
|
|
.trait>text:first-child {width:140rpx;flex:none;}
|
|
.trait-meter {flex:1;height:12rpx;background:#f4e8de;border-radius:99rpx;overflow:hidden;}
|
|
.trait-meter view {height:100%;background:#e5a47b;border-radius:99rpx;}
|
|
.source {display:flex;flex-direction:column;gap:10rpx;padding:24rpx;color:#9d8779;font-size:22rpx;}
|
|
.source-link {color:#b95738;}
|
|
.individual-note {text-align:center;color:#a48d7e;font-size:22rpx;margin-top:20rpx;}
|
|
.facts text.fact-value{font-size:25rpx;color:#675146;font-weight:500;line-height:1.5;margin-bottom:6rpx}
|
|
.facts text.fact-source{font-size:19rpx;color:#ba9f8d;margin:0}
|
|
.care-item{display:flex;gap:18rpx;padding:22rpx 0;border-bottom:1rpx solid #f3e9df}
|
|
.care-item>view:last-child{flex:1;min-width:0}
|
|
.care-title{display:block;font-size:25rpx;color:#aa6e4e;margin-bottom:8rpx}
|
|
.care-circle{height:28rpx;width:28rpx;border:4rpx solid #d8af92;border-radius:50%;flex:none;box-sizing:border-box;margin-top:4rpx}
|
|
.care-note{display:block;margin:24rpx 0}
|
|
.source{background:#fff4e8;border-radius:28rpx;margin-top:24rpx}
|
|
.source-row{display:flex;align-items:center;justify-content:space-between;gap:20rpx;padding:18rpx 0;border-bottom:1rpx solid #efdfcf}
|
|
.source-name{display:block;font-size:25rpx;color:#735e51}
|
|
.source-date{display:block;font-size:20rpx;line-height:1.8;color:#b49a88}
|
|
.source-link{flex:none;font-size:23rpx}
|