.action-panel { padding: 22rpx; } .notice-row { border-left: 6rpx solid #1463ff; } .notice-content { display: -webkit-box; overflow: hidden; margin-top: 18rpx; color: #344054; font-size: 26rpx; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18rpx; } .notice-textarea { min-height: 180rpx; } .switch-row { display: flex; align-items: center; justify-content: space-between; min-height: 78rpx; padding: 0 6rpx 0 20rpx; border: 1rpx solid #ccd8e6; border-radius: 14rpx; background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%); box-shadow: inset 0 4rpx 8rpx rgba(22, 34, 50, 0.05), 0 6rpx 0 rgba(205, 216, 229, 0.48), 0 10rpx 18rpx rgba(22, 34, 50, 0.06); box-sizing: border-box; } .status-form-item { margin-bottom: 0; } .add-btn { margin-top: 0; } .modal-mask { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 50; display: flex; align-items: center; justify-content: center; padding: 32rpx; background: rgba(15, 23, 42, 0.48); box-sizing: border-box; } .modal-panel { width: 100%; max-height: 82vh; overflow-y: auto; padding: 30rpx; border: 1rpx solid #e4e9f1; border-radius: 18rpx; background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%); box-shadow: 0 16rpx 0 rgba(170, 184, 204, 0.62), 0 30rpx 64rpx rgba(15, 23, 42, 0.24), inset 0 2rpx 0 rgba(255, 255, 255, 0.96); box-sizing: border-box; } .modal-head { display: flex; align-items: center; justify-content: space-between; gap: 18rpx; margin-bottom: 24rpx; } .modal-title { color: #162232; font-size: 34rpx; font-weight: 700; } .modal-close { flex: 0 0 auto; margin: 0; } .checkbox-grid { display: flex; flex-direction: column; gap: 14rpx; } .checkbox-chip { display: flex; align-items: center; gap: 12rpx; min-height: 72rpx; padding: 0 18rpx; border: 2rpx solid #cbd6e6; border-radius: 14rpx; background: linear-gradient(180deg, #ffffff 0%, #f5f8fc 100%); color: #162232; font-size: 25rpx; font-weight: 700; box-shadow: 0 6rpx 0 rgba(166, 181, 203, 0.42), inset 0 2rpx 0 rgba(255, 255, 255, 0.92); box-sizing: border-box; } .checkbox-chip.checked { border-color: #7aa7f5; background: linear-gradient(180deg, #eef5ff 0%, #ddeaff 100%); color: #1456c2; }