.preview_box[data-v-78b70c54]{width:100%;background:#fffefd;margin:0 auto;padding-bottom:0}.preview_box .title_box[data-v-78b70c54]{font-size:24px;font-family:PingFang SC;font-weight:400;color:#333;text-align:center;padding:0 0 15px 0;border-bottom:2px solid #f2f2f2}.select_box[data-v-78b70c54]{width:97%;background:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.18);border-radius:10px;margin:0 auto;padding-bottom:10px}.select_box .titel_ti[data-v-78b70c54]{font-size:20px;font-family:PingFang SC;font-weight:400;color:#333;line-height:26px;text-align:center;padding:25px 0 15px 0;border-bottom:2px solid #f2f2f2;margin-bottom:20px}.flex_row[data-v-78b70c54]{display:flex;flex-direction:row;align-items:center}.flex_row[data-v-78b70c54] .el-input__inner{border:none;background:#fffefd}.border_row[data-v-78b70c54]{border:1px solid #ccc;border-radius:6px;width:215px}.border_row[data-v-78b70c54],.flex_rowx[data-v-78b70c54]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.flex_rowx[data-v-78b70c54]{width:100%;margin:20px auto 0 auto}.select_index[data-v-78b70c54]{border:1px solid #ccc;border-radius:6px;width:123px;background:#fff}.select_index[data-v-78b70c54] .el-input__inner{border:none;background:#fff}.select_flex[data-v-78b70c54]{display:flex;flex-direction:row;align-items:center;width:219px;border:1px solid #ccc;border-radius:6px;background:#fff}.select_flex[data-v-78b70c54] .el-input__inner{border:none;background:#fff}.select_index_flex[data-v-78b70c54]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:400px;margin:20px auto}.but_box[data-v-78b70c54]{width:32%;background:#ffa83a;margin:20px auto}.answer[data-v-78b70c54],.but_box[data-v-78b70c54]{cursor:pointer;height:48px;box-shadow:0 3px 8px 0 rgba(0,0,0,.18);border-radius:6px;font-size:16px;font-family:PingFang SC;font-weight:700;color:#fff;line-height:48px;text-align:center}.answer[data-v-78b70c54]{width:30%;background:#2e9adb;margin:20px auto 0 auto}.moduleQuestionType13[data-v-78b70c54]{width:400px;margin:0 auto;color:#ffaa30;font-size:16px;font-family:PingFang SC}.preview_box[data-v-78b70c54]{--primary-color:#42b983;--secondary-color:#3490dc;--text-color:#2c3e50;--light-gray:#f8f9fa;--medium-gray:#e9ecef;--dark-gray:#6c757d;--border-radius:12px;--box-shadow:0 4px 6px rgba(0,0,0,0.1);--transition-time:0.3s}.quiz-container[data-v-78b70c54]{font-family:Helvetica Neue,Arial,sans-serif;max-width:900px;margin:0 auto;padding:20px;color:var(--text-color)}.quiz-title[data-v-78b70c54]{text-align:center;font-size:28px;margin-bottom:40px;font-weight:600}.mode-cards[data-v-78b70c54]{display:flex;justify-content:center;margin-bottom:30px;padding-top:20px}@media(max-width:768px){.mode-cards[data-v-78b70c54]{flex-direction:column;align-items:center}}.mode-card[data-v-78b70c54]{position:relative;width:216px;padding:8px;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);cursor:pointer;transition:transform var(--transition-time),box-shadow var(--transition-time);display:flex;flex-direction:row;align-items:center;justify-content:space-around;border:2px solid transparent}.mode-cardLeft01[data-v-78b70c54]{margin-left:44px}.mode-cardLeft02[data-v-78b70c54]{margin-left:77px}.mode-card[data-v-78b70c54]:hover{transform:translateY(-5px);box-shadow:0 10px 15px rgba(0,0,0,.1)}.mode-card.selected[data-v-78b70c54]{border-color:var(--primary-color);background-color:rgba(66,185,131,.05)}.mode-card:nth-child(2).selected[data-v-78b70c54]{border-color:var(--secondary-color);background-color:rgba(52,144,220,.05)}.icon-container[data-v-78b70c54]{margin-bottom:10px;display:flex;justify-content:center;align-items:center}.mode-icon[data-v-78b70c54]{width:40px;height:40px;stroke:var(--primary-color);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke var(--transition-time)}.mode-card:nth-child(2) .mode-icon[data-v-78b70c54]{stroke:var(--secondary-color)}.mode-title[data-v-78b70c54]{font-size:16px;font-weight:600;text-align:center}.mode-description[data-v-78b70c54]{color:var(--dark-gray);text-align:center;font-size:16px;line-height:1.5;margin-bottom:20px}.radio-indicator[data-v-78b70c54]{width:16px;height:16px;border-radius:50%;border:2px solid var(--medium-gray);display:flex;justify-content:center;align-items:center;transition:border-color var(--transition-time)}.radio-dot[data-v-78b70c54]{width:10px;height:10px;border-radius:50%;background-color:transparent;transition:background-color var(--transition-time)}.mode-card.selected .radio-indicator[data-v-78b70c54]{border-color:var(--primary-color)}.mode-card.selected .radio-dot[data-v-78b70c54]{background-color:var(--primary-color)}.mode-card:nth-child(2).selected .radio-indicator[data-v-78b70c54]{border-color:var(--secondary-color)}.mode-card:nth-child(2).selected .radio-dot[data-v-78b70c54]{background-color:var(--secondary-color)}.start-button[data-v-78b70c54]{display:block;margin:0 auto;padding:12px 40px;font-size:18px;font-weight:500;color:#fff;background-color:var(--text-color);border:none;border-radius:30px;cursor:pointer;transition:background-color var(--transition-time),transform var(--transition-time)}.start-button[data-v-78b70c54]:hover:not(.disabled){background-color:#1a2533;transform:translateY(-2px)}.start-button[data-v-78b70c54]:active:not(.disabled){transform:translateY(0)}.start-button.disabled[data-v-78b70c54]{background-color:var(--medium-gray);color:var(--dark-gray);cursor:not-allowed}