R524809
67 lines
899 B
CSS
67 lines
899 B
CSS
.word-detail-header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
.word-detail-content {
|
|
padding: 0;
|
|
}
|
|
|
|
.word-detail-row {
|
|
display: flex;
|
|
gap: 24px;
|
|
margin-bottom: 24px;
|
|
padding-bottom: 24px;
|
|
border-bottom: 1px solid #f0f0f0;
|
|
}
|
|
|
|
.word-detail-tianzige {
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.word-detail-pinyin-section {
|
|
flex: 1;
|
|
}
|
|
|
|
.word-detail-pinyin {
|
|
font-size: 18px;
|
|
color: #666;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.word-detail-strokes {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 8px;
|
|
}
|
|
|
|
.stroke-item {
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
|
|
.word-detail-section {
|
|
margin-bottom: 24px;
|
|
}
|
|
|
|
.word-detail-section h3 {
|
|
margin-bottom: 16px;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.word-detail-images {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 16px;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.image-item {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: 8px;
|
|
}
|