154 lines
2.3 KiB
Plaintext
154 lines
2.3 KiB
Plaintext
.match-header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin-bottom: 20rpx;
|
|
}
|
|
|
|
.match-name {
|
|
font-size: 36rpx;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.match-status {
|
|
padding: 8rpx 16rpx;
|
|
border-radius: 20rpx;
|
|
font-size: 24rpx;
|
|
}
|
|
|
|
.status-0 { background: #E3F2FD; color: #2196F3; }
|
|
.status-1 { background: #FFF3E0; color: #FF9800; }
|
|
.status-2 { background: #E8F5E9; color: #4CAF50; }
|
|
|
|
.match-info {
|
|
margin-bottom: 20rpx;
|
|
}
|
|
|
|
.info-row {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 12rpx 0;
|
|
border-bottom: 1rpx solid var(--border-color);
|
|
}
|
|
|
|
.info-row:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.info-row .label {
|
|
color: var(--text-secondary);
|
|
}
|
|
|
|
.info-row .value {
|
|
font-weight: 500;
|
|
}
|
|
|
|
.my-status {
|
|
margin-bottom: 20rpx;
|
|
}
|
|
|
|
.card-title {
|
|
font-size: 28rpx;
|
|
font-weight: 600;
|
|
margin-bottom: 16rpx;
|
|
padding-bottom: 12rpx;
|
|
border-bottom: 1rpx solid var(--border-color);
|
|
}
|
|
|
|
.status-info {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin-bottom: 16rpx;
|
|
}
|
|
|
|
.status-label {
|
|
font-size: 30rpx;
|
|
font-weight: 500;
|
|
color: var(--primary-color);
|
|
}
|
|
|
|
.win-lose {
|
|
font-size: 26rpx;
|
|
color: var(--text-secondary);
|
|
}
|
|
|
|
.current-game {
|
|
background: var(--light-bg);
|
|
border-radius: 12rpx;
|
|
padding: 16rpx;
|
|
}
|
|
|
|
.vs-label {
|
|
font-size: 24rpx;
|
|
color: var(--text-secondary);
|
|
margin-bottom: 8rpx;
|
|
display: block;
|
|
}
|
|
|
|
.opponent-info {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
.opponent-name {
|
|
font-size: 28rpx;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.opponent-level {
|
|
font-size: 24rpx;
|
|
color: var(--text-secondary);
|
|
}
|
|
|
|
.players-section {
|
|
margin-bottom: 20rpx;
|
|
}
|
|
|
|
.players-list {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.player-item {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 16rpx 0;
|
|
border-bottom: 1rpx solid var(--border-color);
|
|
}
|
|
|
|
.player-item:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.player-rank {
|
|
width: 48rpx;
|
|
height: 48rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background: var(--light-bg);
|
|
border-radius: 50%;
|
|
font-size: 24rpx;
|
|
font-weight: 500;
|
|
margin-right: 16rpx;
|
|
}
|
|
|
|
.player-info {
|
|
flex: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 12rpx;
|
|
}
|
|
|
|
.player-name {
|
|
font-size: 28rpx;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.player-stats {
|
|
font-size: 24rpx;
|
|
color: var(--text-secondary);
|
|
}
|