.check-in-page[data-v-62c9975c]{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;background:linear-gradient(135deg,#f5f7fa,#fef5f5 50%,#fff5eb);min-height:100vh;overflow-x:hidden}.breadcrumb-container[data-v-62c9975c]{max-width:1200px;margin:0 auto;padding:24px 32px;width:100%}.breadcrumb-nav[data-v-62c9975c]{gap:8px;font-size:14px}.breadcrumb-link[data-v-62c9975c],.breadcrumb-nav[data-v-62c9975c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#6b7280}.breadcrumb-link[data-v-62c9975c]{gap:4px;text-decoration:none;-webkit-transition:color .2s;transition:color .2s;min-height:44px}.breadcrumb-link[data-v-62c9975c]:hover{color:#c5302e}.breadcrumb-icon[data-v-62c9975c]{width:16px;height:16px}.breadcrumb-separator[data-v-62c9975c]{width:16px;height:16px;color:#9ca3af}.breadcrumb-current[data-v-62c9975c]{color:#c5302e;font-weight:500}.main-container[data-v-62c9975c]{max-width:1200px;margin:0 auto;padding:0 32px 48px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:32px;width:100%}.left-section[data-v-62c9975c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;min-width:0;max-width:100%}.page-title[data-v-62c9975c]{text-align:center;margin-bottom:16px}.page-title h1[data-v-62c9975c]{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:8px}.title-highlight[data-v-62c9975c]{color:#c5302e}.subtitle[data-v-62c9975c]{font-size:16px;color:#6b7280}.section-card[data-v-62c9975c]{background:#fff;border-radius:24px;padding:32px;-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.section-header[data-v-62c9975c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;margin-bottom:8px}.section-icon[data-v-62c9975c]{width:24px;height:24px;color:#c5302e}.section-header h3[data-v-62c9975c]{font-size:20px;font-weight:600;color:#1f2937}.section-desc[data-v-62c9975c]{font-size:14px;color:#6b7280;margin-bottom:24px}.template-grid[data-v-62c9975c]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.template-item[data-v-62c9975c]{cursor:pointer;border-radius:16px;overflow:hidden;border:2px solid transparent;-webkit-transition:all .3s;transition:all .3s}.template-item[data-v-62c9975c]:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 10px 20px rgba(0,0,0,.1);box-shadow:0 10px 20px rgba(0,0,0,.1)}.template-active[data-v-62c9975c]{border-color:#c5302e;-webkit-box-shadow:0 0 0 3px rgba(197,48,46,.1);box-shadow:0 0 0 3px rgba(197,48,46,.1)}.template-preview[data-v-62c9975c]{height:150px;position:relative;overflow:hidden}.template-preview img[data-v-62c9975c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.template-overlay[data-v-62c9975c]{position:absolute;inset:0}.template-info[data-v-62c9975c]{padding:16px;background:#f9fafb}.template-name[data-v-62c9975c]{font-weight:600;color:#1f2937;margin-bottom:4px}.template-desc[data-v-62c9975c]{font-size:12px;color:#6b7280}.form-group[data-v-62c9975c]{margin-bottom:24px}.form-label[data-v-62c9975c]{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.form-input[data-v-62c9975c]{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:12px;font-size:14px;-webkit-transition:all .2s;transition:all .2s}.form-input[data-v-62c9975c]:focus{outline:none;border-color:#c5302e;-webkit-box-shadow:0 0 0 3px rgba(197,48,46,.1);box-shadow:0 0 0 3px rgba(197,48,46,.1)}.form-textarea[data-v-62c9975c]{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:12px;font-size:14px;resize:none;-webkit-transition:all .2s;transition:all .2s}.form-textarea[data-v-62c9975c]:focus{outline:none;border-color:#c5302e;-webkit-box-shadow:0 0 0 3px rgba(197,48,46,.1);box-shadow:0 0 0 3px rgba(197,48,46,.1)}.char-count[data-v-62c9975c]{text-align:right;font-size:12px;color:#9ca3af;margin-top:8px}.upload-area[data-v-62c9975c]{border:2px dashed #d1d5db;border-radius:16px;padding:32px;text-align:center;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;min-height:200px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.upload-area[data-v-62c9975c]:hover{border-color:#c5302e;background:#fef5f5}.upload-placeholder[data-v-62c9975c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.upload-icon[data-v-62c9975c]{width:48px;height:48px;color:#9ca3af;margin-bottom:16px}.upload-text[data-v-62c9975c]{color:#6b7280;font-weight:500;margin-bottom:8px}.upload-hint[data-v-62c9975c]{font-size:12px;color:#9ca3af}.upload-preview[data-v-62c9975c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;width:100%}.upload-preview img[data-v-62c9975c]{max-height:200px;max-width:100%;border-radius:12px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);-o-object-fit:contain;object-fit:contain}.upload-actions[data-v-62c9975c]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.remove-btn[data-v-62c9975c],.reupload-btn[data-v-62c9975c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.remove-btn[data-v-62c9975c]{background:#ef4444;color:#fff}.remove-btn[data-v-62c9975c]:hover{background:#dc2626;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 8px rgba(239,68,68,.3);box-shadow:0 4px 8px rgba(239,68,68,.3)}.reupload-btn[data-v-62c9975c]{background:#3b82f6;color:#fff}.reupload-btn[data-v-62c9975c]:hover{background:#2563eb;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 8px rgba(59,130,246,.3);box-shadow:0 4px 8px rgba(59,130,246,.3)}.hidden[data-v-62c9975c]{display:none}.action-buttons[data-v-62c9975c]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.action-buttons button[data-v-62c9975c]{padding:14px 16px;border-radius:12px;font-weight:600;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;border:none}.btn-preview[data-v-62c9975c]{background:#fff;color:#6b7280;border:1px solid #d1d5db}.btn-preview[data-v-62c9975c]:hover{background:#f9fafb;color:#374151}.btn-favorite[data-v-62c9975c]{background:#fff;color:#6b7280;border:1px solid #d1d5db}.btn-favorite[data-v-62c9975c]:hover{background:#fef5f5;color:#c5302e}.btn-submit[data-v-62c9975c]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-submit[data-v-62c9975c]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 10px 20px rgba(59,130,246,.3);box-shadow:0 10px 20px rgba(59,130,246,.3)}.btn-submit[data-v-62c9975c]:disabled{opacity:.5;cursor:not-allowed;-webkit-transform:none;transform:none}.btn-save[data-v-62c9975c]{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.btn-save[data-v-62c9975c]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 10px 20px rgba(107,114,128,.3);box-shadow:0 10px 20px rgba(107,114,128,.3)}.right-section[data-v-62c9975c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;position:sticky;top:32px;-ms-flex-item-align:start;align-self:flex-start;min-width:0;max-width:100%}.preview-card[data-v-62c9975c]{background:#fff;border-radius:24px;padding:20px;-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.preview-header[data-v-62c9975c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin-bottom:16px;font-weight:600;color:#1f2937}.preview-icon[data-v-62c9975c]{width:20px;height:20px;color:#f59e0b}.card-preview[data-v-62c9975c]{margin-bottom:16px}.card-template[data-v-62c9975c]{aspect-ratio:3/4;background-size:cover;background-position:50%;border-radius:16px;padding:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;overflow:hidden}.card-template[data-v-62c9975c]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(197,48,46,.8),rgba(232,82,79,.6))}.generated-card-image[data-v-62c9975c]{width:100%;border-radius:16px;overflow:hidden;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15);position:relative;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.generated-card-image[data-v-62c9975c]:hover{-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-box-shadow:0 8px 20px rgba(0,0,0,.2);box-shadow:0 8px 20px rgba(0,0,0,.2)}.generated-card-image:hover .preview-hint[data-v-62c9975c]{opacity:1}.generated-card-image img[data-v-62c9975c]{width:100%;height:auto;display:block}.preview-hint[data-v-62c9975c]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:rgba(0,0,0,.7);color:#fff;padding:12px 24px;border-radius:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:14px;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;pointer-events:none}.preview-hint i[data-v-62c9975c]{width:20px;height:20px}.card-content[data-v-62c9975c]{position:relative;z-index:1;text-align:center;color:#fff}.card-avatar[data-v-62c9975c]{width:60px;height:60px;margin:0 auto 12px;border-radius:50%;overflow:hidden;border:2px solid #fff;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.2);box-shadow:0 4px 12px rgba(0,0,0,.2)}.card-avatar img[data-v-62c9975c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card-name[data-v-62c9975c]{font-size:20px;font-weight:700;margin-bottom:8px}.card-badge[data-v-62c9975c]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;background:hsla(0,0%,100%,.2);backdrop-filter:blur(10px);padding:6px 14px;border-radius:32px;font-size:12.8px;margin-bottom:12px}.card-message[data-v-62c9975c]{font-size:12.8px;line-height:1.4;margin-bottom:12px;opacity:.95}.card-date[data-v-62c9975c]{font-size:12px;opacity:.8}.btn-generate[data-v-62c9975c]{width:100%;padding:16px;background:linear-gradient(135deg,#c5302e,#e8524f);color:#fff;border:none;border-radius:12px;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;position:relative;overflow:hidden}.btn-generate[data-v-62c9975c]:hover:not(:disabled){-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 10px 20px rgba(197,48,46,.3);box-shadow:0 10px 20px rgba(197,48,46,.3)}.btn-generate[data-v-62c9975c]:disabled{opacity:.6;cursor:not-allowed;-webkit-transform:none;transform:none}.btn-checked-in[data-v-62c9975c]{background:linear-gradient(135deg,#10b981,#059669)!important}.btn-content[data-v-62c9975c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;width:100%}.btn-spinner[data-v-62c9975c]{width:20px;height:20px;border:3px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;-webkit-animation:spin-62c9975c .8s linear infinite;animation:spin-62c9975c .8s linear infinite;display:inline-block}@-webkit-keyframes spin-62c9975c{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.stats-card[data-v-62c9975c]{background:#fff;border-radius:24px;padding:20px;-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.stats-header[data-v-62c9975c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin-bottom:16px;font-weight:600;color:#1f2937}.stats-icon[data-v-62c9975c]{width:20px;height:20px;color:#10b981}.stats-link[data-v-62c9975c]{margin-left:auto;font-size:12px;color:#c5302e;text-decoration:none}.stats-list[data-v-62c9975c]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.stat-item[data-v-62c9975c],.stats-list[data-v-62c9975c]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.stat-item[data-v-62c9975c]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px;border-radius:12px;background:#f9fafb}.stat-thumb[data-v-62c9975c]{width:48px;height:48px;border-radius:8px;overflow:hidden;-ms-flex-negative:0;flex-shrink:0}.stat-thumb img[data-v-62c9975c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.stat-highlight[data-v-62c9975c]{background:linear-gradient(135deg,#fef5f5,#fff5eb);border:1px solid #fed7d7}.stat-rank[data-v-62c9975c]{width:32px;height:32px;background:#e5e7eb;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:700;color:#6b7280;-ms-flex-negative:0;flex-shrink:0}.stat-highlight .stat-rank[data-v-62c9975c]{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}.stat-info[data-v-62c9975c]{-webkit-box-flex:1;-ms-flex:1;flex:1}.stat-name[data-v-62c9975c]{font-weight:600;color:#1f2937;font-size:14px;margin-bottom:2px}.stat-date[data-v-62c9975c]{font-size:12px;color:#6b7280}.stat-medal[data-v-62c9975c]{width:20px;height:20px;color:#f59e0b}.stat-lock[data-v-62c9975c]{width:20px;height:20px;color:#9ca3af}.stat-check[data-v-62c9975c]{width:20px;height:20px;color:#10b981}.stat-empty[data-v-62c9975c]{text-align:center;padding:24px;color:#9ca3af}.stat-empty .stat-info[data-v-62c9975c]{width:100%}.stat-empty .stat-name[data-v-62c9975c]{color:#9ca3af}.back-container[data-v-62c9975c]{max-width:1200px;margin:0 auto;padding:0 32px 48px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px}.btn-back[data-v-62c9975c]{padding:14px 24px;background:#fff;color:#6b7280;border:1px solid #d1d5db;border-radius:12px;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.btn-back[data-v-62c9975c]:hover{background:#f9fafb;color:#374151}.btn-generate-bottom[data-v-62c9975c]{padding:14px 24px;background:linear-gradient(135deg,#c5302e,#e8524f);color:#fff;border:none;border-radius:12px;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.btn-generate-bottom[data-v-62c9975c]:hover:not(:disabled){-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 10px 20px rgba(197,48,46,.3);box-shadow:0 10px 20px rgba(197,48,46,.3)}.btn-generate-bottom[data-v-62c9975c]:disabled{opacity:.6;cursor:not-allowed;-webkit-transform:none;transform:none}@media (max-width:1024px){.main-container[data-v-62c9975c]{grid-template-columns:1fr}.action-buttons[data-v-62c9975c],.template-grid[data-v-62c9975c]{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.back-container[data-v-62c9975c],.breadcrumb-container[data-v-62c9975c],.main-container[data-v-62c9975c]{padding-left:14px!important;padding-right:14px!important}.breadcrumb-container[data-v-62c9975c]{padding-top:14px!important;padding-bottom:12px!important}.breadcrumb-nav[data-v-62c9975c]{overflow-x:auto;-ms-flex-wrap:wrap;flex-wrap:wrap;white-space:normal;scrollbar-width:none;font-size:13px!important;max-width:100%;padding-bottom:2px}.breadcrumb-link[data-v-62c9975c]{min-width:44px;min-height:44px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.breadcrumb-current[data-v-62c9975c]{width:100%;min-height:44px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.breadcrumb-icon[data-v-62c9975c],.breadcrumb-separator[data-v-62c9975c]{width:14px!important;height:14px!important;-webkit-box-flex:0;-ms-flex:0 0 14px;flex:0 0 14px}.breadcrumb-nav[data-v-62c9975c]::-webkit-scrollbar{display:none}.main-container[data-v-62c9975c]{display:grid;grid-template-columns:1fr!important;gap:18px!important;padding-bottom:22px!important;width:100%!important;max-width:100%!important;overflow-x:hidden}.left-section[data-v-62c9975c],.right-section[data-v-62c9975c]{gap:18px!important;width:100%!important;max-width:100%!important;min-width:0}.page-title[data-v-62c9975c]{margin-bottom:4px!important;max-width:100%}.page-title h1[data-v-62c9975c]{font-size:24px!important;line-height:32px!important;margin-bottom:8px!important}.subtitle[data-v-62c9975c]{font-size:14px!important;line-height:22px!important}.preview-card[data-v-62c9975c],.section-card[data-v-62c9975c],.stats-card[data-v-62c9975c]{padding:14px!important;border-radius:16px!important}.section-header[data-v-62c9975c]{gap:8px!important}.section-icon[data-v-62c9975c]{width:28px!important;height:28px!important;-webkit-box-flex:0;-ms-flex:0 0 28px;flex:0 0 28px}.section-header h3[data-v-62c9975c]{font-size:18px!important;line-height:26px!important}.section-desc[data-v-62c9975c]{font-size:13px!important;line-height:20px!important;margin-bottom:14px!important}.template-grid[data-v-62c9975c]{grid-template-columns:1fr!important;gap:12px!important}.template-preview[data-v-62c9975c]{height:138px!important}.template-info[data-v-62c9975c]{padding:12px!important}.form-group[data-v-62c9975c]{margin-bottom:16px!important}.form-label[data-v-62c9975c]{font-size:15px!important;line-height:22px!important;font-weight:600!important;margin-bottom:8px!important}.form-input[data-v-62c9975c],.form-textarea[data-v-62c9975c]{font-size:14px!important;line-height:22px!important;padding:10px 12px!important;border-radius:10px!important}.upload-area[data-v-62c9975c]{min-height:150px!important;padding:18px!important;border-radius:14px!important}.upload-icon[data-v-62c9975c]{width:38px!important;height:38px!important;-webkit-box-flex:0;-ms-flex:0 0 38px;flex:0 0 38px}.upload-text[data-v-62c9975c]{font-size:15px!important;line-height:22px!important;margin-bottom:6px!important}.upload-hint[data-v-62c9975c]{font-size:12px!important;line-height:18px!important}.card-template[data-v-62c9975c]{aspect-ratio:4/3!important;max-height:none;min-height:260px;padding:16px!important;border-radius:14px!important}.card-content[data-v-62c9975c]{width:100%}.card-name[data-v-62c9975c]{font-size:18px!important;line-height:26px!important;margin-bottom:10px!important}.card-badge[data-v-62c9975c]{max-width:88%;padding:8px 12px!important;border-radius:14px!important;font-size:14px!important;line-height:20px!important;white-space:normal!important}.card-badge i[data-v-62c9975c],.card-badge svg[data-v-62c9975c]{width:16px!important;height:16px!important;-webkit-box-flex:0;-ms-flex:0 0 16px;flex:0 0 16px}.card-date[data-v-62c9975c]{margin-top:14px!important;font-size:22px!important;line-height:30px!important}.btn-back[data-v-62c9975c],.btn-generate-bottom[data-v-62c9975c],.btn-generate[data-v-62c9975c]{width:100%;min-height:44px;padding:10px 14px!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:none!important;transform:none!important;font-size:14px!important;line-height:20px!important}.btn-back i[data-v-62c9975c],.btn-back svg[data-v-62c9975c],.btn-content i[data-v-62c9975c],.btn-content svg[data-v-62c9975c]{width:18px!important;height:18px!important;-webkit-box-flex:0;-ms-flex:0 0 18px;flex:0 0 18px}.stats-header[data-v-62c9975c]{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important;gap:8px!important}.preview-icon[data-v-62c9975c],.stats-icon[data-v-62c9975c]{width:20px!important;height:20px!important;-webkit-box-flex:0;-ms-flex:0 0 20px;flex:0 0 20px}.stats-header span[data-v-62c9975c],.stats-link[data-v-62c9975c]{font-size:14px!important;line-height:20px!important}.stat-item[data-v-62c9975c]{padding:12px!important;gap:10px!important}.stat-check[data-v-62c9975c],.stat-lock[data-v-62c9975c],.stat-medal[data-v-62c9975c]{width:18px!important;height:18px!important;-webkit-box-flex:0;-ms-flex:0 0 18px;flex:0 0 18px}.stat-empty[data-v-62c9975c]{padding:18px!important}.stat-empty .stat-name[data-v-62c9975c]{font-size:18px!important;line-height:26px!important}.stat-empty .stat-date[data-v-62c9975c]{font-size:15px!important;line-height:23px!important;white-space:normal!important}.back-container[data-v-62c9975c]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px!important;padding-bottom:24px!important}.action-buttons[data-v-62c9975c]{grid-template-columns:1fr}.preview-actions[data-v-62c9975c]{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px!important}.preview-action-btn[data-v-62c9975c]{width:100%;min-width:0!important}}.loading-overlay[data-v-62c9975c]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:9999}.loading-overlay .loading-content[data-v-62c9975c]{background:#fff;padding:30px;border-radius:12px;text-align:center;width:80%;max-width:300px}.loading-overlay .spinner[data-v-62c9975c]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #c5302e;border-radius:50%;margin:0 auto 15px;-webkit-animation:spin-62c9975c 1s linear infinite;animation:spin-62c9975c 1s linear infinite}.loading-overlay .loading-text[data-v-62c9975c]{font-size:16px;font-weight:700;color:#333;margin-bottom:8px}.loading-overlay .loading-subtext[data-v-62c9975c]{font-size:12px;color:#999}@keyframes spin-62c9975c{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.image-preview-modal[data-v-62c9975c]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:10000;-webkit-animation:fadeIn-62c9975c .3s ease;animation:fadeIn-62c9975c .3s ease}@-webkit-keyframes fadeIn-62c9975c{0%{opacity:0}to{opacity:1}}@keyframes fadeIn-62c9975c{0%{opacity:0}to{opacity:1}}.preview-modal-content[data-v-62c9975c]{position:relative;max-width:90%;max-height:90%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:24px;-webkit-animation:zoomIn-62c9975c .3s ease;animation:zoomIn-62c9975c .3s ease}@-webkit-keyframes zoomIn-62c9975c{0%{-webkit-transform:scale(.8);transform:scale(.8);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes zoomIn-62c9975c{0%{-webkit-transform:scale(.8);transform:scale(.8);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.preview-modal-content img[data-v-62c9975c]{max-width:100%;max-height:80vh;border-radius:16px;-webkit-box-shadow:0 20px 60px rgba(0,0,0,.5);box-shadow:0 20px 60px rgba(0,0,0,.5);-o-object-fit:contain;object-fit:contain}.preview-close-btn[data-v-62c9975c]{position:absolute;top:-48px;right:0;width:40px;height:40px;background:hsla(0,0%,100%,.2);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3);border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;color:#fff}.preview-close-btn[data-v-62c9975c]:hover{background:hsla(0,0%,100%,.3);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.preview-close-btn i[data-v-62c9975c]{width:24px;height:24px}.preview-actions[data-v-62c9975c]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px}.preview-action-btn[data-v-62c9975c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;padding:14px 28px;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3);border-radius:12px;font-weight:600;font-size:14.4px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;min-width:140px}.preview-download-btn[data-v-62c9975c]{background:hsla(0,0%,100%,.2);color:#fff}.preview-download-btn[data-v-62c9975c]:hover{background:hsla(0,0%,100%,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.preview-checkin-btn[data-v-62c9975c]{background:linear-gradient(135deg,rgba(197,48,46,.9),rgba(232,82,79,.9));color:#fff;border:1px solid hsla(0,0%,100%,.5)}.preview-checkin-btn[data-v-62c9975c]:hover:not(:disabled){background:linear-gradient(135deg,#c5302e,#e8524f);-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 8px 20px rgba(197,48,46,.4);box-shadow:0 8px 20px rgba(197,48,46,.4)}.preview-checkin-btn[data-v-62c9975c]:disabled{opacity:.6;cursor:not-allowed;-webkit-transform:none;transform:none}.preview-action-btn i[data-v-62c9975c]{width:20px;height:20px}.btn-spinner-small[data-v-62c9975c]{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;-webkit-animation:spin-62c9975c .8s linear infinite;animation:spin-62c9975c .8s linear infinite;display:inline-block}.all-records-modal[data-v-62c9975c]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:10000;-webkit-animation:fadeIn-62c9975c .3s ease;animation:fadeIn-62c9975c .3s ease}.all-records-content[data-v-62c9975c]{background:#fff;border-radius:24px;width:90%;max-width:900px;max-height:85vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-animation:zoomIn-62c9975c .3s ease;animation:zoomIn-62c9975c .3s ease;overflow:hidden}.all-records-header[data-v-62c9975c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:24px 32px;border-bottom:1px solid #e5e7eb}.all-records-header h3[data-v-62c9975c]{font-size:24px;font-weight:700;color:#1f2937;margin:0}.modal-close-btn[data-v-62c9975c]{width:40px;height:40px;background:#f3f4f6;border:none;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;color:#6b7280}.modal-close-btn[data-v-62c9975c]:hover{background:#e5e7eb;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.modal-close-btn i[data-v-62c9975c]{width:24px;height:24px}.all-records-grid[data-v-62c9975c]{padding:32px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px;overflow-y:auto;max-height:calc(85vh - 100px)}.record-card[data-v-62c9975c]{background:#f9fafb;border-radius:16px;overflow:hidden;-webkit-transition:all .3s;transition:all .3s;cursor:pointer;border:2px solid transparent}.record-card[data-v-62c9975c]:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 10px 20px rgba(0,0,0,.1);box-shadow:0 10px 20px rgba(0,0,0,.1);border-color:#c5302e}.record-image[data-v-62c9975c]{width:100%;aspect-ratio:3/4;overflow:hidden;background:#e5e7eb;position:relative;cursor:pointer}.record-image img[data-v-62c9975c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;cursor:pointer}.record-card:hover .record-image img[data-v-62c9975c]{-webkit-transform:scale(1.05);transform:scale(1.05)}.record-overlay[data-v-62c9975c]{position:absolute;inset:0;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.6)),to(transparent));background:linear-gradient(0deg,rgba(0,0,0,.6),transparent);opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:16px;pointer-events:none}.record-card:hover .record-overlay[data-v-62c9975c]{opacity:1}.record-download-btn[data-v-62c9975c]{background:hsla(0,0%,100%,.95);border:none;border-radius:50%;width:40px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;color:#c5302e;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.2);box-shadow:0 4px 12px rgba(0,0,0,.2);pointer-events:auto}.record-download-btn[data-v-62c9975c]:hover{background:#c5302e;color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 6px 16px rgba(197,48,46,.4);box-shadow:0 6px 16px rgba(197,48,46,.4)}.record-download-btn i[data-v-62c9975c]{width:20px;height:20px}.record-info[data-v-62c9975c]{padding:16px}.record-content[data-v-62c9975c]{font-weight:600;color:#1f2937;margin-bottom:8px;font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.record-time[data-v-62c9975c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;font-size:12px;color:#6b7280}.record-time i[data-v-62c9975c]{width:14px;height:14px}.no-records[data-v-62c9975c]{grid-column:1/-1;text-align:center;padding:48px;color:#9ca3af}.no-records i[data-v-62c9975c]{width:64px;height:64px;margin-bottom:16px}.no-records p[data-v-62c9975c]{font-size:16px;margin:0}@media (max-width:768px){.all-records-modal[data-v-62c9975c]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:14px}.all-records-content[data-v-62c9975c]{width:100%;max-width:420px;max-height:82vh;border-radius:22px;-webkit-animation:zoomIn-62c9975c .2s ease;animation:zoomIn-62c9975c .2s ease}.all-records-header[data-v-62c9975c]{min-height:64px;padding:14px 16px}.all-records-header h3[data-v-62c9975c]{font-size:22px;line-height:30px;letter-spacing:0}.modal-close-btn[data-v-62c9975c]{width:36px;height:36px;-webkit-box-flex:0;-ms-flex:0 0 36px;flex:0 0 36px}.modal-close-btn i[data-v-62c9975c],.modal-close-btn svg[data-v-62c9975c]{width:18px;height:18px}.all-records-grid[data-v-62c9975c]{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;max-height:calc(82vh - 64px);padding:14px}.record-card[data-v-62c9975c]{border-radius:14px}.record-info[data-v-62c9975c]{padding:10px}.record-content[data-v-62c9975c]{font-size:13px;line-height:19px;margin-bottom:6px}.record-time[data-v-62c9975c]{font-size:12px;line-height:18px}.record-time i[data-v-62c9975c],.record-time svg[data-v-62c9975c]{width:13px;height:13px;min-width:13px}.no-records[data-v-62c9975c]{min-height:260px;padding:42px 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.no-records i[data-v-62c9975c],.no-records svg[data-v-62c9975c]{width:34px;height:34px;margin-bottom:12px}.no-records p[data-v-62c9975c]{font-size:16px;line-height:24px}}