.barcode-qrcode-tools[data-v-e77383a9]{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:40px 20px}.barcode-qrcode-tools .tool-header[data-v-e77383a9]{max-width:1200px;margin:0 auto 40px;text-align:center;color:#fff}.barcode-qrcode-tools .tool-header h1[data-v-e77383a9]{margin:0 0 10px;font-size:36px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.barcode-qrcode-tools .tool-header p[data-v-e77383a9]{margin:0 0 30px;font-size:16px;opacity:.95}.barcode-qrcode-tools .tool-header .tool-nav[data-v-e77383a9]{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.barcode-qrcode-tools .tool-header .tool-nav .nav-btn[data-v-e77383a9]{padding:10px 20px;border:none;border-radius:24px;background:#ffffff4d;color:#fff;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.barcode-qrcode-tools .tool-header .tool-nav .nav-btn[data-v-e77383a9]:hover{background:#ffffff80;transform:translateY(-2px)}.barcode-qrcode-tools .tool-header .tool-nav .nav-btn.active[data-v-e77383a9]{background:#fff;color:#667eea}.barcode-qrcode-tools .tool-content[data-v-e77383a9]{max-width:1200px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;padding:40px}.barcode-qrcode-tools .tool-content .tool-section[data-v-e77383a9]{margin-bottom:40px}.barcode-qrcode-tools .tool-content .tool-section[data-v-e77383a9]:last-child{margin-bottom:0}.barcode-qrcode-tools .tool-content .tool-section h2[data-v-e77383a9]{margin:0 0 24px;font-size:24px;color:#333;border-bottom:2px solid #667eea;padding-bottom:12px}.barcode-qrcode-tools .tool-content .tool-section h3[data-v-e77383a9]{margin:20px 0 12px;font-size:16px;color:#555}.barcode-qrcode-tools .tool-content .tool-section .two-column[data-v-e77383a9]{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 768px){.barcode-qrcode-tools .tool-content .tool-section .two-column[data-v-e77383a9]{grid-template-columns:1fr}}.barcode-qrcode-tools .tool-content .tool-section .two-column .column label[data-v-e77383a9]{display:block;margin-bottom:8px;font-weight:600;color:#333}.barcode-qrcode-tools .tool-content .tool-section .two-column .column .textarea[data-v-e77383a9],.barcode-qrcode-tools .tool-content .tool-section .two-column .column .text-input[data-v-e77383a9],.barcode-qrcode-tools .tool-content .tool-section .two-column .column .select[data-v-e77383a9]{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-family:Monaco,Menlo,monospace;font-size:13px;margin-bottom:12px}.barcode-qrcode-tools .tool-content .tool-section .two-column .column .textarea[data-v-e77383a9]:focus,.barcode-qrcode-tools .tool-content .tool-section .two-column .column .text-input[data-v-e77383a9]:focus,.barcode-qrcode-tools .tool-content .tool-section .two-column .column .select[data-v-e77383a9]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.barcode-qrcode-tools .tool-content .tool-section .two-column .column .textarea[data-v-e77383a9]{min-height:120px;resize:vertical}.barcode-qrcode-tools .tool-content .tool-section .two-column .column .preview-container[data-v-e77383a9]{min-height:200px;padding:20px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.barcode-qrcode-tools .tool-content .tool-section .two-column .column .preview-container .qrcode-preview[data-v-e77383a9],.barcode-qrcode-tools .tool-content .tool-section .two-column .column .preview-container .barcode-preview[data-v-e77383a9],.barcode-qrcode-tools .tool-content .tool-section .two-column .column .preview-container .image-preview[data-v-e77383a9]{max-width:100%;max-height:400px}.barcode-qrcode-tools .tool-content .tool-section .two-column .column .preview-container .placeholder[data-v-e77383a9]{color:#999;font-size:14px;text-align:center;width:100%}.barcode-qrcode-tools .tool-content .tool-section .two-column .column .upload-area[data-v-e77383a9]{border:2px dashed #ddd;border-radius:6px;padding:30px;text-align:center;cursor:pointer;transition:all .3s;margin-bottom:12px}.barcode-qrcode-tools .tool-content .tool-section .two-column .column .upload-area[data-v-e77383a9]:hover,.barcode-qrcode-tools .tool-content .tool-section .two-column .column .upload-area.drag-active[data-v-e77383a9]{border-color:#667eea;background:#667eea0d}.barcode-qrcode-tools .tool-content .tool-section .two-column .column .upload-area .upload-icon[data-v-e77383a9]{font-size:32px;margin-bottom:8px}.barcode-qrcode-tools .tool-content .tool-section .two-column .column .upload-area p[data-v-e77383a9]{margin:4px 0;color:#666;font-size:14px}.barcode-qrcode-tools .tool-content .tool-section .two-column .column .upload-area .hidden-input[data-v-e77383a9]{display:none}.barcode-qrcode-tools .tool-content .tool-section .two-column .column .recognition-result[data-v-e77383a9]{padding:16px;background:#e8f5e9;border:1px solid #4caf50;border-radius:6px;margin-top:12px}.barcode-qrcode-tools .tool-content .tool-section .two-column .column .recognition-result h3[data-v-e77383a9]{margin:0 0 12px;color:#2e7d32}.barcode-qrcode-tools .tool-content .tool-section .two-column .column .recognition-result .result-box[data-v-e77383a9]{padding:12px;background:#fff;border-radius:4px;margin-bottom:12px}.barcode-qrcode-tools .tool-content .tool-section .two-column .column .recognition-result .result-box p[data-v-e77383a9]{margin:4px 0}.barcode-qrcode-tools .tool-content .tool-section .two-column .column .recognition-result .result-box .result-text[data-v-e77383a9]{word-break:break-all;color:#333;font-size:14px}.barcode-qrcode-tools .tool-content .tool-section .two-column .column .loading-hint[data-v-e77383a9]{text-align:center;padding:20px}.barcode-qrcode-tools .tool-content .tool-section .two-column .column .loading-hint .spinner[data-v-e77383a9]{display:inline-block;width:30px;height:30px;border:3px solid #f0f0f0;border-top-color:#667eea;border-radius:50%;animation:spin-e77383a9 1s linear infinite}.barcode-qrcode-tools .tool-content .tool-section .two-column .column .loading-hint p[data-v-e77383a9]{margin-top:12px;color:#666}@keyframes spin-e77383a9{to{transform:rotate(360deg)}}.barcode-qrcode-tools .tool-content .tool-section .options-group[data-v-e77383a9]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.barcode-qrcode-tools .tool-content .tool-section .options-group .option-item label[data-v-e77383a9]{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:#555}.barcode-qrcode-tools .tool-content .tool-section .options-group .option-item .select[data-v-e77383a9],.barcode-qrcode-tools .tool-content .tool-section .options-group .option-item .range-input[data-v-e77383a9]{width:100%}.barcode-qrcode-tools .tool-content .tool-section .options-group .option-item .range-input[data-v-e77383a9]{cursor:pointer}.barcode-qrcode-tools .tool-content .tool-section .options-group .option-item span[data-v-e77383a9]{display:inline-block;margin-left:8px;font-size:13px;color:#667eea;font-weight:600}.barcode-qrcode-tools .tool-content .tool-section .action-buttons[data-v-e77383a9]{display:flex;gap:8px;flex-wrap:wrap}.barcode-qrcode-tools .tool-content .tool-section .batch-section[data-v-e77383a9]{padding:20px;background:#f8f9fa;border-radius:6px}.barcode-qrcode-tools .tool-content .tool-section .batch-section .option-item[data-v-e77383a9]{margin-bottom:16px}.barcode-qrcode-tools .tool-content .tool-section .batch-section .option-item label[data-v-e77383a9]{display:block;margin-bottom:8px;font-weight:600;color:#333}.barcode-qrcode-tools .tool-content .tool-section .batch-section .option-item .select[data-v-e77383a9],.barcode-qrcode-tools .tool-content .tool-section .batch-section .option-item .textarea[data-v-e77383a9]{width:100%}.barcode-qrcode-tools .tool-content .tool-section .batch-results[data-v-e77383a9]{margin-top:24px;padding:20px;background:#f8f9fa;border-radius:6px}.barcode-qrcode-tools .tool-content .tool-section .batch-results h3[data-v-e77383a9]{margin:0 0 16px}.barcode-qrcode-tools .tool-content .tool-section .batch-results .results-grid[data-v-e77383a9]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin-bottom:16px}.barcode-qrcode-tools .tool-content .tool-section .batch-results .results-grid .result-item[data-v-e77383a9]{padding:12px;background:#fff;border:1px solid #ddd;border-radius:6px;text-align:center}.barcode-qrcode-tools .tool-content .tool-section .batch-results .results-grid .result-item .item-label[data-v-e77383a9]{font-size:12px;color:#666;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.barcode-qrcode-tools .tool-content .tool-section .batch-results .results-grid .result-item .item-image[data-v-e77383a9]{margin-bottom:8px;min-height:100px;display:flex;align-items:center;justify-content:center}.barcode-qrcode-tools .tool-content .tool-section .batch-results .results-grid .result-item .item-image img[data-v-e77383a9]{max-width:100%;max-height:100px}.barcode-qrcode-tools .tool-content .tool-section .error-message[data-v-e77383a9]{padding:12px;background:#ffebee;border-left:4px solid #f44336;border-radius:4px;color:#c62828;font-size:13px;margin-top:12px}.barcode-qrcode-tools .copy-toast[data-v-e77383a9]{position:fixed;bottom:20px;right:20px;padding:16px 24px;border-radius:6px;color:#fff;font-weight:500;z-index:1000;animation:slideIn-e77383a9 .3s ease}.barcode-qrcode-tools .copy-toast.success[data-v-e77383a9]{background:#4caf50}.barcode-qrcode-tools .copy-toast.error[data-v-e77383a9]{background:#f44336}.barcode-qrcode-tools .copy-toast.warning[data-v-e77383a9]{background:#ff9800}@keyframes slideIn-e77383a9{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.btn[data-v-e77383a9]{padding:10px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn.btn-primary[data-v-e77383a9]{background:#667eea;color:#fff}.btn.btn-primary[data-v-e77383a9]:hover{background:#5568d3}.btn.btn-danger[data-v-e77383a9]{background:#ffebee;color:#f44336}.btn.btn-danger[data-v-e77383a9]:hover{background:#ffcdd2}.btn.btn-small[data-v-e77383a9]{padding:6px 12px;font-size:12px;background:#f0f0f0;color:#333}.btn.btn-small[data-v-e77383a9]:hover{background:#e0e0e0}.seo-intro[data-v-0a9361e4]{margin-bottom:var(--ce-space-5);padding:var(--ce-space-4);background:var(--ce-bg-subtle);border:1px solid var(--ce-border);border-radius:var(--ce-radius-lg)}.seo-intro h1[data-v-0a9361e4]{margin:0 0 var(--ce-space-2) 0;font-size:1.25rem;font-weight:700;color:var(--ce-text)}.seo-intro p[data-v-0a9361e4]{margin:0;line-height:1.7;color:var(--ce-text-secondary)}