完善样式系统与调试链路底座

This commit is contained in:
2026-03-30 18:19:05 +08:00
parent 2c0fd4c549
commit 3b9117427e
40 changed files with 7526 additions and 389 deletions

View File

@@ -1783,6 +1783,17 @@
font-size: 22rpx;
}
.control-row--wrap {
flex-wrap: wrap;
}
.control-row--wrap .control-chip {
flex: none;
width: calc(25% - 12rpx);
font-size: 22rpx;
padding: 18rpx 8rpx;
}
.control-row--single .control-chip {
flex: none;
width: 100%;
@@ -2068,6 +2079,13 @@
justify-content: space-between;
}
.game-content-card__cta-group {
display: flex;
align-items: center;
gap: 14rpx;
flex-wrap: wrap;
}
.game-content-card__action {
display: inline-flex;
align-items: center;
@@ -2094,6 +2112,91 @@
font-weight: 600;
}
.game-content-quiz {
position: fixed;
inset: 0;
z-index: 75;
display: flex;
align-items: center;
justify-content: center;
background: rgba(18, 28, 24, 0.26);
}
.game-content-quiz__panel {
width: 500rpx;
max-width: calc(100vw - 96rpx);
padding: 30rpx 30rpx 26rpx;
border-radius: 30rpx;
background: rgba(250, 252, 251, 0.98);
box-shadow: 0 20rpx 52rpx rgba(18, 38, 31, 0.18);
display: flex;
flex-direction: column;
gap: 20rpx;
}
.game-content-quiz__header {
display: flex;
align-items: center;
justify-content: space-between;
}
.game-content-quiz__title {
font-size: 34rpx;
font-weight: 700;
color: #17372e;
}
.game-content-quiz__countdown {
min-width: 88rpx;
padding: 8rpx 18rpx;
border-radius: 999rpx;
background: rgba(227, 238, 231, 0.96);
text-align: center;
font-size: 28rpx;
font-weight: 600;
color: #33584d;
}
.game-content-quiz__question {
font-size: 44rpx;
line-height: 1.25;
font-weight: 700;
color: #17372e;
text-align: center;
}
.game-content-quiz__options {
display: flex;
flex-direction: column;
gap: 14rpx;
}
.game-content-quiz__option {
min-height: 76rpx;
border-radius: 22rpx;
background: rgba(233, 241, 236, 0.98);
color: #1d5a46;
display: flex;
align-items: center;
justify-content: center;
font-size: 34rpx;
font-weight: 600;
}
.game-content-quiz__feedback {
text-align: center;
font-size: 30rpx;
font-weight: 700;
}
.game-content-quiz__feedback--success {
color: #1f8e53;
}
.game-content-quiz__feedback--error {
color: #bf4b3a;
}
.game-content-card--fx-pop {
animation: content-card-pop 0.5s cubic-bezier(0.18, 0.88, 0.2, 1);
}