.container { position: relative; background-color: #f5f5f5; } .progress { position: fixed; top: 10px; right: 10px; background: rgba(0,0,0,0.5); color: white; padding: 5px 10px; border-radius: 10px; font-size: 12px; z-index: 100; } .scroll-view { width: 100%; } .question-item { /* min-height: 100vh; */ padding: 20px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-start; background-color: #f5f5f5; } .question { font-size: 16px; margin-bottom: 20px; color: #333; } .option { padding: 15px; margin: 10px 0; border: 1px solid #eee; border-radius: 5px; background-color: #fff; color: #333; } .option.selected { background-color: #f0f0f0; border-color: #007AFF; } .submit-btn { margin-top: 20px; background-color: #4F4FFF; color: white; border-radius: 5px; font-size: 14px; width: 80px; height: 36px; line-height: 36px; text-align: center; align-self: flex-end; }