.records-box[data-v-5fbe09f0]{background-color:#f8f8f8;min-height:100vh;padding:20px;font-size:16px;padding-bottom:0}.page-header[data-v-5fbe09f0]{display:flex;align-items:center;margin-bottom:20px}.back-icon[data-v-5fbe09f0]{font-size:20px;margin-right:10px;cursor:pointer}.page-title[data-v-5fbe09f0]{font-size:18px;font-weight:700;color:#333}.difficulty-filter[data-v-5fbe09f0]{min-width:200px}.filter-title[data-v-5fbe09f0]{font-weight:700;margin-bottom:10px;color:#333}.date-inputs[data-v-5fbe09f0]{display:flex;flex-direction:row;gap:20px;justify-content:flex-start;align-items:center}.date-input[data-v-5fbe09f0],.difficulty-input[data-v-5fbe09f0]{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:100%;height:36px;background-color:#fff}.date-input-group[data-v-5fbe09f0]{flex:1;display:flex;flex-direction:column;gap:5px}.date-input-group label[data-v-5fbe09f0]{font-size:14px;color:#666}.date-input[data-v-5fbe09f0]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;height:36px}.date-separator[data-v-5fbe09f0]{margin:0 10px;color:#666}.records-section[data-v-5fbe09f0]{border-radius:10px;margin-bottom:20px;max-height:60vh;overflow-y:auto}.loading-box[data-v-5fbe09f0]{display:flex;justify-content:center;align-items:center;height:200px}.loading-spinner[data-v-5fbe09f0]{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#3498db;animation:spin-data-v-5fbe09f0 1s ease-in-out infinite}@keyframes spin-data-v-5fbe09f0{to{transform:rotate(1turn)}}.empty-box[data-v-5fbe09f0]{text-align:center;padding:50px 0;color:#999;font-size:16px}.records-list[data-v-5fbe09f0]{display:flex;flex-direction:column;gap:15px}.record-item[data-v-5fbe09f0]{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08)}.record-time[data-v-5fbe09f0]{margin-bottom:10px;color:#333;font-size:14px}.record-stats[data-v-5fbe09f0]{display:flex;flex-wrap:wrap;gap:10px;color:#666}.record-stats span[data-v-5fbe09f0]{background-color:#f0f0f0;padding:4px 8px;border-radius:4px;font-size:14px}.pagination[data-v-5fbe09f0]{display:flex;flex-direction:column;align-items:center;margin-top:20px;gap:10px}.pagination-info[data-v-5fbe09f0]{color:#666;font-size:14px}.pagination-controls[data-v-5fbe09f0]{display:flex;gap:10px}.pagination-btn[data-v-5fbe09f0]{padding:8px 16px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.pagination-btn.disabled[data-v-5fbe09f0]{background-color:#ccc;cursor:not-allowed}.difficulty-filter[data-v-5fbe09f0]{margin-top:0}.filter-section[data-v-5fbe09f0]{background:#fff;border-radius:10px;padding:15px;margin-bottom:20px;box-shadow:0 2px 12px rgba(0,0,0,.08)}.filter-header[data-v-5fbe09f0]{display:flex;justify-content:space-between;align-items:flex-start}.export-button[data-v-5fbe09f0]{margin-left:20px}.export-btn[data-v-5fbe09f0]{padding:8px 16px;background-color:#67c23a;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;height:36px}.export-btn[data-v-5fbe09f0]:disabled{background-color:#ccc;cursor:not-allowed}.date-filter[data-v-5fbe09f0]{width:100%}.difficulty-input[data-v-5fbe09f0]{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:200px;height:36px;background-color:#fff;cursor:pointer}.difficulty-input[data-v-5fbe09f0]:focus{outline:none;border-color:#3498db}