.header[data-v-bbfedfdc]{background:#fff;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.header-container[data-v-bbfedfdc]{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:64px}.logo-link[data-v-bbfedfdc]{display:flex;align-items:center;text-decoration:none;color:inherit;gap:8px}.logo-icon[data-v-bbfedfdc]{width:32px;height:50px;flex-shrink:0}.logo-text[data-v-bbfedfdc]{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#2563eb,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav[data-v-bbfedfdc]{display:flex;gap:24px}.nav-link[data-v-bbfedfdc]{text-decoration:none;color:#495057;font-weight:500;padding:8px 16px;border-radius:6px;transition:all .3s ease}.nav-link[data-v-bbfedfdc]:hover{background:#f8f9fa;color:#2563eb}.nav-link.active[data-v-bbfedfdc]{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff}.customer-service-mobile[data-v-bbfedfdc]{display:none;flex-direction:row;align-items:center;justify-content:center;gap:6px;border-radius:8px;padding:6px 8px;cursor:pointer;transition:all .3s ease;min-width:110px;height:50px;box-sizing:border-box}.customer-service-mobile[data-v-bbfedfdc]:active{transform:scale(.95);background:linear-gradient(135deg,#e9ecef,#dee2e6)}.customer-icon-mobile[data-v-bbfedfdc]{width:24px;height:24px;border-radius:4px}.customer-text-mobile[data-v-bbfedfdc]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;flex-shrink:0;height:100%}.text-line-1[data-v-bbfedfdc],.text-line-2[data-v-bbfedfdc]{font-size:9px;color:#2563eb;font-weight:600;line-height:1.1;white-space:nowrap}.text-line-1[data-v-bbfedfdc]{font-size:8px}.text-line-2[data-v-bbfedfdc]{font-size:9px}.modal-overlay[data-v-bbfedfdc]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn-bbfedfdc .3s ease-out}.modal-content[data-v-bbfedfdc]{background:#fff;border-radius:16px;padding:0;max-width:90%;max-height:90%;overflow:hidden;box-shadow:0 8px 32px #0000004d;animation:slideIn-bbfedfdc .3s ease-out}.modal-header[data-v-bbfedfdc]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e9ecef}.modal-header h3[data-v-bbfedfdc]{margin:0;font-size:18px;color:#333}.close-btn[data-v-bbfedfdc]{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-btn[data-v-bbfedfdc]:hover{background-color:#f5f5f5}.modal-body[data-v-bbfedfdc]{padding:20px;text-align:center}.modal-image[data-v-bbfedfdc]{width:240px;height:240px;border-radius:12px;margin-bottom:16px;border:1px solid #e9ecef;object-fit:cover}.modal-text[data-v-bbfedfdc]{color:#666;font-size:14px;margin:0;line-height:1.4}.modal-hint[data-v-bbfedfdc]{color:#999;font-size:12px;margin:8px 0 0;line-height:1.3}@keyframes fadeIn-bbfedfdc{0%{opacity:0}to{opacity:1}}@keyframes slideIn-bbfedfdc{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (min-width: 769px){.modal-overlay[data-v-bbfedfdc],.customer-service-mobile[data-v-bbfedfdc]{display:none!important}}@media (max-width: 768px){.header-container[data-v-bbfedfdc]{padding:0 15px}.logo-text[data-v-bbfedfdc]{font-size:1.3rem}.nav[data-v-bbfedfdc]{gap:16px}.nav-link[data-v-bbfedfdc]{padding:6px 12px;font-size:.9rem}.customer-service-mobile[data-v-bbfedfdc]{display:flex}.text-line-1[data-v-bbfedfdc],.text-line-2[data-v-bbfedfdc]{font-size:8px}.text-line-1[data-v-bbfedfdc]{font-size:7px}.text-line-2[data-v-bbfedfdc]{font-size:8px}.modal-image[data-v-bbfedfdc]{width:200px;height:200px}.modal-hint[data-v-bbfedfdc]{font-size:11px}}@media (max-width: 480px){.header-container[data-v-bbfedfdc]{padding:0 10px}.logo-text[data-v-bbfedfdc]{font-size:1.1rem}.customer-icon-mobile[data-v-bbfedfdc]{width:40px;height:40px}.text-line-1[data-v-bbfedfdc],.text-line-2[data-v-bbfedfdc]{font-size:7px}.text-line-1[data-v-bbfedfdc]{font-size:6px}.text-line-2[data-v-bbfedfdc]{font-size:7px}.customer-service-mobile[data-v-bbfedfdc]{padding:4px 6px;gap:4px;min-width:95px;height:44px}}.footer[data-v-d444cc7d]{background:#f8fafc;color:#334155;margin-top:auto;border-top:1px solid #e2e8f0}.footer-container[data-v-d444cc7d]{max-width:1200px;margin:0 auto;padding:40px 20px 20px}.footer-content[data-v-d444cc7d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:30px}.footer-section h4[data-v-d444cc7d]{margin-bottom:16px;color:#1e293b;font-size:1.1rem}.footer-section p[data-v-d444cc7d]{color:#64748b;line-height:1.6;margin:0}.footer-section ul[data-v-d444cc7d]{list-style:none;padding:0;margin:0}.footer-section li[data-v-d444cc7d]{color:#64748b;position:relative;padding:4px 0 4px 16px}.footer-section li[data-v-d444cc7d]:before{content:"•";color:#2563eb;position:absolute;left:0}.footer-bottom[data-v-d444cc7d]{border-top:1px solid #e2e8f0;padding-top:20px;text-align:center}.footer-bottom p[data-v-d444cc7d]{margin:4px 0;color:#64748b;font-size:.9rem}.tech-info[data-v-d444cc7d]{font-size:.8rem!important;opacity:.8}.like-button[data-v-d444cc7d]{background:none;border:none;cursor:pointer;padding:2px;display:inline-flex;align-items:center;transition:all .3s ease;margin-left:8px;color:#94a3b8;vertical-align:middle}.like-button[data-v-d444cc7d]:hover{transform:scale(1.1);color:#64748b}.like-button.liked[data-v-d444cc7d]{color:#ef4444}.like-button.liked[data-v-d444cc7d]:hover{color:#dc2626}@media (max-width: 768px){.footer-container[data-v-d444cc7d]{padding:30px 15px 15px}.footer-content[data-v-d444cc7d]{grid-template-columns:1fr;gap:20px;margin-bottom:20px}.footer-section h4[data-v-d444cc7d]{font-size:1rem}.like-button[data-v-d444cc7d]{margin-left:6px}.hide-on-mobile[data-v-d444cc7d]{display:none}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;min-height:100vh}#app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:20px;max-width:1200px;margin:0 auto;width:100%}@media (max-width: 768px){.main-content{padding:15px}}@media (max-width: 480px){.main-content{padding:10px}}.btn{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2563eb4d}.btn-secondary{background:#f8f9fa;color:#495057;border:1px solid #e9ecef}.btn-secondary:hover{background:#e9ecef;transform:translateY(-1px)}.card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb;margin-bottom:20px}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;font-weight:500;color:#495057}.input-group input,.input-group textarea{width:100%;padding:12px 16px;border:1px solid #e9ecef;border-radius:8px;font-size:16px;transition:border-color .3s ease}.input-group input:focus,.input-group textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.loading{display:flex;align-items:center;justify-content:center;padding:20px}.loading-spinner{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.type-selector-section h3[data-v-bbd30f38],.direction-section h3[data-v-bbd30f38],.generator-section h3[data-v-bbd30f38]{color:#495057;margin-bottom:8px;font-size:1.3rem}.description[data-v-bbd30f38]{color:#6c757d;margin-bottom:24px;font-size:.95rem;line-height:1.5}.type-options[data-v-bbd30f38]{display:flex;gap:8px;margin-bottom:15px;flex-wrap:wrap;justify-content:flex-start}.type-option[data-v-bbd30f38]{border:1px solid #e9ecef;border-radius:6px;padding:8px 12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;position:relative;width:auto;min-width:80px}.type-option[data-v-bbd30f38]:hover{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 8px 25px #2563eb26}.type-option.selected[data-v-bbd30f38]{border-color:#2563eb;background:linear-gradient(135deg,#2563eb1a,#3b82f61a)}.type-icon[data-v-bbd30f38]{width:20px;height:20px;flex-shrink:0}.type-content[data-v-bbd30f38]{flex:1;min-width:0}.type-name[data-v-bbd30f38]{margin:0;color:#495057;font-size:.9rem;font-weight:500;white-space:nowrap}.type-check[data-v-bbd30f38]{position:absolute;top:15px;right:8px;width:20px;height:20px;border-radius:50%;background:#28a745;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.divider[data-v-bbd30f38]{height:1px;background:linear-gradient(90deg,transparent 0%,#e9ecef 50%,transparent 100%);margin:32px 0}.direction-section[data-v-bbd30f38]{margin-top:0}.input-group[data-v-bbd30f38]{position:relative}.char-count[data-v-bbd30f38]{position:absolute;bottom:8px;right:12px;font-size:.8rem;color:#6c757d;background:#fff;padding:2px 4px}.suggestions[data-v-bbd30f38]{margin-top:20px}.suggestions h4[data-v-bbd30f38]{font-size:1rem;color:#495057;margin-bottom:12px}.suggestion-tags[data-v-bbd30f38]{display:flex;flex-wrap:wrap;gap:8px}.suggestion-tag[data-v-bbd30f38]{background:#f8f9fa;color:#495057;padding:6px 12px;border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .3s ease;border:1px solid #e9ecef}.suggestion-tag[data-v-bbd30f38]:hover{background:#2563eb;color:#fff;transform:translateY(-1px)}.count-selection[data-v-bbd30f38]{margin-bottom:20px;display:flex;align-items:center;gap:12px}.count-label[data-v-bbd30f38]{font-weight:500;color:#495057;font-size:.95rem}.count-input-wrapper[data-v-bbd30f38]{display:flex;align-items:center;gap:8px;position:relative}.count-input[data-v-bbd30f38]{padding:8px 12px;border:1px solid #e9ecef;border-radius:6px;background:#fff;color:#495057;font-size:.9rem;transition:all .3s ease;width:120px;text-align:center}.count-input[data-v-bbd30f38]:hover{border-color:#2563eb}.count-input[data-v-bbd30f38]:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.count-input[data-v-bbd30f38]::-webkit-outer-spin-button,.count-input[data-v-bbd30f38]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.count-input[type=number][data-v-bbd30f38]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.count-unit[data-v-bbd30f38]{font-size:.9rem;color:#6c757d;font-weight:500}.count-error[data-v-bbd30f38]{font-size:.8rem;color:#dc3545;margin-top:-16px;margin-bottom:16px;margin-left:92px;display:flex;align-items:center;gap:4px}.generator-section[data-v-bbd30f38]{margin-top:0}.current-settings[data-v-bbd30f38]{background:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:20px}.setting-item[data-v-bbd30f38]{display:flex;margin-bottom:8px}.setting-item[data-v-bbd30f38]:last-child{margin-bottom:0}.setting-label[data-v-bbd30f38]{font-weight:500;color:#495057;min-width:80px}.setting-value[data-v-bbd30f38]{color:#2563eb;font-weight:500}.error-message[data-v-bbd30f38]{background:#f8d7da;color:#721c24;padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:8px;position:relative}.error-close[data-v-bbd30f38]{position:absolute;top:8px;right:12px;background:none;border:none;font-size:1.2rem;cursor:pointer;color:#721c24;opacity:.7}.error-close[data-v-bbd30f38]:hover{opacity:1}.generate-section[data-v-bbd30f38]{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.generate-btn[data-v-bbd30f38]{flex:1;min-width:200px;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;font-size:1rem}.generate-btn[data-v-bbd30f38]:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.reset-btn[data-v-bbd30f38]{display:flex;align-items:center;gap:6px}.generate-icon[data-v-bbd30f38]{font-size:1.1rem}.generate-tips[data-v-bbd30f38]{text-align:center;margin-bottom:16px}.tip-text[data-v-bbd30f38]{color:#6c757d;font-size:.9rem;margin:0}.loading-text[data-v-bbd30f38]{color:#2563eb;font-weight:500}.error-tip[data-v-bbd30f38]{color:#dc3545!important;font-weight:500}.loading-progress[data-v-bbd30f38]{margin-top:20px}.progress-bar[data-v-bbd30f38]{width:100%;height:6px;background:#e9ecef;border-radius:3px;overflow:hidden;margin-bottom:16px}.progress-fill[data-v-bbd30f38]{height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:3px;animation:progress-animation-bbd30f38 3s ease-in-out infinite}@keyframes progress-animation-bbd30f38{0%{width:0%}50%{width:70%}to{width:100%}}.loading-steps[data-v-bbd30f38]{display:flex;justify-content:space-between;gap:8px}.loading-step[data-v-bbd30f38]{flex:1;text-align:center;padding:8px 4px;font-size:.85rem;color:#6c757d;border-radius:4px;transition:all .3s ease}.loading-step.active[data-v-bbd30f38]{color:#1976d2;font-weight:500}.loading-spinner[data-v-bbd30f38]{width:16px;height:16px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin-bbd30f38 1s linear infinite}@keyframes spin-bbd30f38{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.type-options[data-v-bbd30f38]{gap:6px}.type-option[data-v-bbd30f38]{padding:6px 8px;gap:5px;min-width:auto;flex:1}.type-icon[data-v-bbd30f38]{width:18px;height:18px}.type-name[data-v-bbd30f38]{font-size:.85rem}.direction-input[data-v-bbd30f38]{margin-top:16px}.suggestion-tags[data-v-bbd30f38]{gap:6px}.suggestion-tag[data-v-bbd30f38]{font-size:.8rem;padding:4px 8px}.divider[data-v-bbd30f38]{margin:24px 0}.generate-section[data-v-bbd30f38]{flex-wrap:nowrap}.generate-btn[data-v-bbd30f38]{min-width:140px;font-size:.9rem;padding:12px 16px}.reset-btn[data-v-bbd30f38]{font-size:.9rem;padding:12px 16px;white-space:nowrap}.count-selection[data-v-bbd30f38]{margin-bottom:16px;gap:8px}.count-label[data-v-bbd30f38]{font-size:.9rem}.count-input[data-v-bbd30f38]{font-size:.85rem;padding:6px 10px;width:100px}.count-unit[data-v-bbd30f38]{font-size:.85rem}.count-error[data-v-bbd30f38]{margin-left:78px}}@media (max-width: 480px){.type-options[data-v-bbd30f38]{gap:4px}.type-option[data-v-bbd30f38]{padding:5px 6px;gap:4px;min-width:auto;flex:1}.type-icon[data-v-bbd30f38]{width:14px;height:14px}.type-name[data-v-bbd30f38]{font-size:.75rem}.type-check[data-v-bbd30f38]{top:6px;right:6px;width:16px;height:16px;font-size:.6rem}.divider[data-v-bbd30f38]{margin:20px 0}.count-selection[data-v-bbd30f38]{margin-bottom:12px;gap:6px}.count-label[data-v-bbd30f38]{font-size:.85rem}.count-input[data-v-bbd30f38]{font-size:.8rem;padding:5px 8px;width:80px}.count-unit[data-v-bbd30f38]{font-size:.8rem}.count-error[data-v-bbd30f38]{font-size:.75rem;margin-left:66px;margin-top:1px}}@media (max-width: 360px){.type-options[data-v-bbd30f38]{gap:3px}.type-option[data-v-bbd30f38]{padding:4px 5px;gap:3px;border-radius:4px}.type-icon[data-v-bbd30f38]{width:12px;height:12px}.type-name[data-v-bbd30f38]{font-size:.7rem}}.result-display[data-v-9d6edfb4]{margin-top:20px;animation:slideIn-9d6edfb4 .5s ease-out}@keyframes slideIn-9d6edfb4{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-header[data-v-9d6edfb4]{margin-bottom:16px}.result-header h3[data-v-9d6edfb4]{color:#495057;margin:0;font-size:1.3rem}.result-info[data-v-9d6edfb4]{background:#e8f5e8;padding:12px 16px;border-radius:8px;margin-bottom:20px}.result-info p[data-v-9d6edfb4]{margin:0;color:#155724;font-size:.95rem}.names-display[data-v-9d6edfb4]{margin-bottom:24px}.names-content[data-v-9d6edfb4]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.name-line[data-v-9d6edfb4]{color:#495057;font-size:1rem;line-height:1.6;margin-bottom:8px;padding:4px 0}.name-line[data-v-9d6edfb4]:last-child{margin-bottom:0}.usage-tips[data-v-9d6edfb4]{background:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:20px}.usage-tips h4[data-v-9d6edfb4]{margin:0 0 12px;color:#495057;font-size:1rem}.usage-tips ul[data-v-9d6edfb4]{margin:0;padding-left:20px}.usage-tips li[data-v-9d6edfb4]{color:#6c757d;margin-bottom:6px;font-size:.9rem;line-height:1.4}.copy-all-section[data-v-9d6edfb4]{text-align:center;margin-bottom:16px}.copy-icon[data-v-9d6edfb4]{width:16px;height:16px;flex-shrink:0}.copy-success[data-v-9d6edfb4]{position:fixed;top:20px;right:20px;background:#28a745;color:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 4px 20px #28a7454d;display:flex;align-items:center;gap:8px;z-index:1000;animation:slideInRight-9d6edfb4 .3s ease-out}@keyframes slideInRight-9d6edfb4{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.names-content[data-v-9d6edfb4]{padding:16px;font-size:.9rem}.copy-success[data-v-9d6edfb4]{left:20px;right:20px;text-align:center}}.history-section[data-v-21874c58]{margin-top:40px}.history-header[data-v-21874c58]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.header-left[data-v-21874c58]{display:flex;align-items:center;gap:8px}.history-header h3[data-v-21874c58]{color:#495057;margin:0;font-size:1.3rem}.history-count[data-v-21874c58]{color:#6c757d;font-size:.9rem;font-weight:500}.history-actions[data-v-21874c58]{display:flex;gap:8px}.btn-sm[data-v-21874c58]{padding:6px 12px;font-size:.85rem;display:flex;align-items:center;gap:4px}.history-stats[data-v-21874c58]{background:#fff3cd;padding:12px 16px;border-radius:8px;margin-bottom:20px}.history-stats p[data-v-21874c58]{margin:0;color:#856404;font-size:.95rem}.history-list[data-v-21874c58]{display:grid;gap:16px}.history-item[data-v-21874c58]{border:1px solid #e9ecef;border-radius:12px;padding:20px;background:#f8f9fa;transition:all .3s ease}.history-item[data-v-21874c58]:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb1a}.history-meta[data-v-21874c58]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.history-type[data-v-21874c58]{display:flex;align-items:center;gap:8px}.type-icon img[data-v-21874c58]{width:16px;height:16px}.type-name[data-v-21874c58]{font-weight:600;color:#495057}.history-time[data-v-21874c58]{font-size:.85rem;color:#6c757d}.history-direction[data-v-21874c58]{margin-bottom:16px;color:#495057;font-size:.95rem;line-height:1.4}.history-names[data-v-21874c58]{margin-bottom:16px}.names-header[data-v-21874c58]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.names-title[data-v-21874c58]{font-weight:500;color:#495057;font-size:.9rem}.expand-btn[data-v-21874c58]{background:none;border:none;color:#2563eb;cursor:pointer;font-size:.85rem;padding:4px 8px;border-radius:4px;transition:background .3s ease}.expand-btn[data-v-21874c58]:hover{background:#2563eb1a}.names-list[data-v-21874c58]{display:grid;gap:8px}.history-name-item[data-v-21874c58]{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e9ecef}.name-number[data-v-21874c58]{width:20px;height:20px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;flex-shrink:0}.name-text[data-v-21874c58]{flex:1;font-size:.9rem;color:#495057}.copy-name-btn[data-v-21874c58]{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;font-size:.8rem;opacity:.7;transition:all .3s ease}.copy-name-btn[data-v-21874c58]:hover{opacity:1;background:#f8f9fa}.copy-icon[data-v-21874c58]{width:12px;height:12px;flex-shrink:0}.names-preview[data-v-21874c58]{padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e9ecef;display:flex;align-items:center;gap:8px}.preview-text[data-v-21874c58]{flex:1;font-size:.9rem;color:#495057}.more-indicator[data-v-21874c58]{font-size:.8rem;color:#6c757d;font-style:italic}.history-actions-bottom[data-v-21874c58]{display:flex;gap:8px;justify-content:flex-end}.copy-success[data-v-21874c58]{position:fixed;top:20px;right:20px;background:#28a745;color:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 4px 20px #28a7454d;display:flex;align-items:center;gap:8px;z-index:1000;animation:slideInRight-21874c58 .3s ease-out}@keyframes slideInRight-21874c58{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.success-icon[data-v-21874c58]{font-size:1.1rem}@media (max-width: 768px){.history-header[data-v-21874c58]{flex-direction:column;align-items:flex-start;gap:8px}.header-left[data-v-21874c58]{flex-direction:column;align-items:flex-start;gap:4px}.history-actions[data-v-21874c58]{width:100%;justify-content:flex-end}.history-meta[data-v-21874c58]{flex-direction:column;align-items:flex-start;gap:4px}.names-header[data-v-21874c58]{flex-direction:column;align-items:flex-start;gap:8px}.history-actions-bottom[data-v-21874c58]{flex-direction:column}.copy-success[data-v-21874c58]{left:20px;right:20px;text-align:center}}.home[data-v-bdeafd46]{max-width:800px;margin:0 auto;padding:20px;position:relative}.customer-service[data-v-bdeafd46]{position:fixed;left:20px;top:30%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;background:#fffffff2;border-radius:16px;padding:24px 20px;border:1px solid #e9ecef;z-index:1000;transition:all .3s ease;cursor:pointer}.customer-service[data-v-bdeafd46]:hover{transform:translateY(-50%) scale(1.05);box-shadow:0 6px 25px #00000026}.customer-icon[data-v-bdeafd46]{width:120px;height:120px;margin-bottom:12px;border-radius:12px}.customer-text[data-v-bdeafd46]{font-size:14px;color:#495057;text-align:center;line-height:1.4;font-weight:500;max-width:110px;word-wrap:break-word}.hero-section[data-v-bdeafd46]{text-align:center;margin-bottom:40px}.main-title[data-v-bdeafd46]{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#2563eb,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:12px}.hero-icon[data-v-bdeafd46]{width:48px;height:48px;flex-shrink:0}.subtitle[data-v-bdeafd46]{font-size:1.2rem;color:#6c757d;margin-bottom:0}.generator-container[data-v-bdeafd46]{margin-bottom:40px}.steps-indicator[data-v-bdeafd46]{display:flex;justify-content:center;margin-bottom:40px;gap:40px}.step[data-v-bdeafd46]{display:flex;flex-direction:column;align-items:center;opacity:.5;transition:all .3s ease}.step.active[data-v-bdeafd46]{opacity:1}.step-number[data-v-bdeafd46]{width:40px;height:40px;border-radius:50%;background:#e9ecef;color:#6c757d;display:flex;align-items:center;justify-content:center;font-weight:600;margin-bottom:8px;transition:all .3s ease}.step.active .step-number[data-v-bdeafd46]{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff}.step-label[data-v-bdeafd46]{font-size:.9rem;color:#6c757d;font-weight:500}.step.active .step-label[data-v-bdeafd46]{color:#495057}.action-section[data-v-bdeafd46]{margin-top:30px}.tips-section[data-v-bdeafd46]{margin-top:40px}.tips-section h3[data-v-bdeafd46]{color:#495057;margin-bottom:16px;font-size:1.3rem}.tips-list[data-v-bdeafd46]{list-style:none;padding:0}.tips-list li[data-v-bdeafd46]{color:#6c757d;position:relative;padding:8px 0 8px 20px}.tips-list li[data-v-bdeafd46]:before{content:"";position:absolute;left:0;top:11px;width:16px;height:16px;background-image:url(/images/%E6%8F%90%E7%A4%BA.svg);background-size:contain;background-repeat:no-repeat;background-position:center}@media (max-width: 768px){.home[data-v-bdeafd46]{padding:15px}.customer-service[data-v-bdeafd46]{display:none}.main-title[data-v-bdeafd46]{font-size:2rem}.hero-icon[data-v-bdeafd46]{width:40px;height:40px}.subtitle[data-v-bdeafd46]{font-size:1rem}.steps-indicator[data-v-bdeafd46]{gap:20px;margin-bottom:30px}.step-number[data-v-bdeafd46]{width:35px;height:35px}.step-label[data-v-bdeafd46]{font-size:.8rem}}@media (max-width: 480px){.main-title[data-v-bdeafd46]{font-size:1.8rem}.hero-icon[data-v-bdeafd46]{width:36px;height:36px}.steps-indicator[data-v-bdeafd46]{gap:15px}.step-number[data-v-bdeafd46]{width:30px;height:30px;font-size:.9rem}}.modal-overlay[data-v-bdeafd46]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn-bdeafd46 .3s ease-out}.modal-content[data-v-bdeafd46]{background:#fff;border-radius:16px;padding:0;max-width:90%;max-height:90%;overflow:hidden;box-shadow:0 8px 32px #0000004d;animation:slideIn-bdeafd46 .3s ease-out}.modal-header[data-v-bdeafd46]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e9ecef}.modal-header h3[data-v-bdeafd46]{margin:0;font-size:18px;color:#333}.close-btn[data-v-bdeafd46]{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-btn[data-v-bdeafd46]:hover{background-color:#f5f5f5}.modal-body[data-v-bdeafd46]{padding:20px;text-align:center}.modal-image[data-v-bdeafd46]{width:300px;height:300px;border-radius:12px;margin-bottom:16px;border:1px solid #e9ecef;object-fit:cover}.modal-text[data-v-bdeafd46]{color:#666;font-size:14px;margin:0;line-height:1.4}.modal-hint[data-v-bdeafd46]{color:#999;font-size:12px;margin:8px 0 0;line-height:1.3}@keyframes fadeIn-bdeafd46{0%{opacity:0}to{opacity:1}}@keyframes slideIn-bdeafd46{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (min-width: 769px){.modal-image[data-v-bdeafd46]{width:360px;height:360px}}@media (max-width: 768px){.modal-image[data-v-bdeafd46]{width:240px;height:240px}}@media (max-width: 480px){.modal-image[data-v-bdeafd46]{width:200px;height:200px}.modal-hint[data-v-bdeafd46]{font-size:11px}}