.exercise-record-page[data-v-7ec6a8d4]{width:100%;height:848px;display:flex;flex-direction:column;padding:24px;overflow:hidden;background-color:#fff}.title-section[data-v-7ec6a8d4]{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;border-bottom:1px dashed #e5e5e5;margin-bottom:24px}.title-section-left[data-v-7ec6a8d4]{display:flex;align-items:center;gap:12px;flex:1}.title-decoration[data-v-7ec6a8d4]{width:4px;height:20px;background:#1890ff;border-radius:2px}.page-title[data-v-7ec6a8d4]{font-family:PingFang SC;font-weight:500;font-size:20px;color:#333;margin:0}.clear-button[data-v-7ec6a8d4]{margin-left:auto;display:flex;align-items:center;gap:4px;background:transparent;border:none;font-family:PingFang SC;font-weight:400;font-size:18px;color:#333;cursor:pointer;transition:all .3s ease;padding:4px 8px}.clear-button[data-v-7ec6a8d4]:hover{color:#666}.clear-icon[data-v-7ec6a8d4]{width:24px;height:24px;margin-right:6px}.tabs-search-section[data-v-7ec6a8d4]{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:24px}.tabs-container[data-v-7ec6a8d4]{flex:1;overflow-x:auto;overflow-y:hidden}.tabs-container[data-v-7ec6a8d4]::-webkit-scrollbar{height:4px}.tabs-container[data-v-7ec6a8d4]::-webkit-scrollbar-track{background:#f5f5f5;border-radius:2px}.tabs-container[data-v-7ec6a8d4]::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.tabs-container[data-v-7ec6a8d4]::-webkit-scrollbar-thumb:hover{background:#999}.tabs-wrapper[data-v-7ec6a8d4]{display:flex;align-items:center;gap:32px;min-width:-moz-fit-content;min-width:fit-content}.tab-item[data-v-7ec6a8d4]{font-family:PingFang SC;font-weight:400;font-size:20px;color:#333;cursor:pointer;padding:8px 0;white-space:nowrap;position:relative;transition:all .3s ease}.tab-item.active[data-v-7ec6a8d4],.tab-item[data-v-7ec6a8d4]:hover{font-weight:600;font-size:20px;color:#1890ff}.tab-item.active[data-v-7ec6a8d4]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#1890ff;border-radius:1px}.search-container[data-v-7ec6a8d4]{display:flex;align-items:center;flex-shrink:0;border:1px solid #3f87fb;border-radius:4px;background-color:#fff}.search-input[data-v-7ec6a8d4]{width:240px;height:40px;background:#fff;border-radius:4px 0 0 4px;padding:0 12px;font-family:PingFang SC;font-weight:400;font-size:14px;color:#333;border:none;outline:none;transition:all .3s ease}.search-input[data-v-7ec6a8d4]:focus{border-color:#1890ff}.search-input[data-v-7ec6a8d4]::-moz-placeholder{color:#ccc}.search-input[data-v-7ec6a8d4]::placeholder{color:#ccc}.search-button[data-v-7ec6a8d4]{height:40px;padding:0 16px;background:#3f87fb;border-radius:0 4px 4px 0;border:none;font-family:PingFang SC;font-weight:400;font-size:14px;color:#fff;cursor:pointer;vertical-align:middle;transition:all .3s ease}.search-button[data-v-7ec6a8d4]:hover{background:#5a9dff}.search-button[data-v-7ec6a8d4]:active{background:#2d6fd9}.search-icon[data-v-7ec6a8d4]{font-weight:500;font-size:16px;color:#fff;vertical-align:middle;margin-right:4px}.list-container[data-v-7ec6a8d4]{flex:1;overflow-y:auto;overflow-x:hidden}.list-container[data-v-7ec6a8d4]::-webkit-scrollbar{width:6px}.list-container[data-v-7ec6a8d4]::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.list-container[data-v-7ec6a8d4]::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.list-container[data-v-7ec6a8d4]::-webkit-scrollbar-thumb:hover{background:#999}.record-card[data-v-7ec6a8d4]{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border:1px solid #ededed;border-radius:8px;margin-bottom:16px;background:#fff;transition:all .3s ease}.record-card[data-v-7ec6a8d4]:hover{background:#fafafa;box-shadow:0 2px 8px rgba(0,0,0,.05)}.record-content[data-v-7ec6a8d4]{flex:1;display:flex;flex-direction:column;gap:10px;min-width:0}.record-top-line[data-v-7ec6a8d4]{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.record-title[data-v-7ec6a8d4]{font-family:PingFang SC;font-weight:500;font-size:16px;color:#333;line-height:1.5;white-space:nowrap}.record-info-inline[data-v-7ec6a8d4],.record-info[data-v-7ec6a8d4]{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.record-count[data-v-7ec6a8d4],.record-date[data-v-7ec6a8d4],.record-marked[data-v-7ec6a8d4],.record-progress[data-v-7ec6a8d4],.record-time[data-v-7ec6a8d4]{font-family:PingFang SC;font-weight:400;font-size:13px;color:#999;white-space:nowrap}.record-course[data-v-7ec6a8d4]{font-family:PingFang SC;font-weight:400;font-size:12px;color:#a0a0a0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.5}.record-actions[data-v-7ec6a8d4]{display:flex;align-items:center;gap:16px;flex-shrink:0}.record-score[data-v-7ec6a8d4]{font-family:PingFang SC;font-weight:500;font-size:14px;color:#333;white-space:nowrap}.action-buttons[data-v-7ec6a8d4]{display:flex;align-items:center;gap:12px}.continue-button[data-v-7ec6a8d4],.retake-button[data-v-7ec6a8d4],.view-button[data-v-7ec6a8d4]{height:40px;padding:0 20px;border-radius:4px;border:none;font-family:PingFang SC;font-weight:400;font-size:14px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.continue-button[data-v-7ec6a8d4],.retake-button[data-v-7ec6a8d4]{background:#3f87fb;color:#fff}.continue-button[data-v-7ec6a8d4]:hover,.retake-button[data-v-7ec6a8d4]:hover{background:#5a9dff}.continue-button[data-v-7ec6a8d4]:active,.retake-button[data-v-7ec6a8d4]:active{background:#2d6fd9}.view-button[data-v-7ec6a8d4]{background:transparent;color:#3f87fb;border:1px solid #3f87fb}.view-button[data-v-7ec6a8d4]:hover{background:rgba(63,135,251,.1)}.view-button[data-v-7ec6a8d4]:active{background:rgba(63,135,251,.2)}.empty-state[data-v-7ec6a8d4]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:200px}.empty-icon[data-v-7ec6a8d4]{font-size:48px;color:#999}.loading-more[data-v-7ec6a8d4],.no-more[data-v-7ec6a8d4]{text-align:center;padding:20px 0;font-family:PingFang SC;font-weight:400;font-size:14px;color:#999}@media(max-width:768px){.exercise-record-page[data-v-7ec6a8d4]{padding:16px}.title-section[data-v-7ec6a8d4]{flex-direction:column;align-items:flex-start;gap:12px}.tabs-search-section[data-v-7ec6a8d4]{flex-direction:column;align-items:stretch;gap:16px}.search-container[data-v-7ec6a8d4]{width:100%}.search-input[data-v-7ec6a8d4]{flex:1}.record-card[data-v-7ec6a8d4]{flex-direction:column;align-items:flex-start;gap:16px}.record-actions[data-v-7ec6a8d4]{width:100%;flex-direction:column;align-items:stretch}.action-buttons[data-v-7ec6a8d4]{width:100%}.retake-button[data-v-7ec6a8d4],.view-button[data-v-7ec6a8d4]{flex:1}}