.barcode-container[data-v-12c33a94]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:24px}.barcode-layout[data-v-12c33a94]{max-width:1200px;margin:0 auto}.barcode-layout .page-header[data-v-12c33a94]{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px 24px;border-radius:12px;margin-bottom:24px;box-shadow:0 4px 12px rgba(102,126,234,.3);display:flex;align-items:center;gap:12px}.barcode-layout .page-header i[data-v-12c33a94]{font-size:24px;color:#fff}.barcode-layout .page-header .title[data-v-12c33a94]{font-size:20px;font-weight:600;color:#fff}.barcode-layout .main-card[data-v-12c33a94]{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 12px rgba(0,0,0,.08);min-height:500px}.barcode-layout .upload-section[data-v-12c33a94]{margin-bottom:32px}.barcode-layout .upload-section .upload-wrapper[data-v-12c33a94]{display:flex;justify-content:center}.barcode-layout .upload-section .upload-box[data-v-12c33a94]{width:100%;max-width:500px}.barcode-layout .upload-section .upload-box[data-v-12c33a94] .el-upload{width:100%;border:2px dashed #667eea;border-radius:12px;background:linear-gradient(135deg,#f5f7fa,#e8eaf6);transition:all .3s ease;cursor:pointer}.barcode-layout .upload-section .upload-box[data-v-12c33a94] .el-upload:hover{border-color:#764ba2;background:linear-gradient(135deg,#667eea,#764ba2)}.barcode-layout .upload-section .upload-box[data-v-12c33a94] .el-upload:hover .upload-content .upload-hint,.barcode-layout .upload-section .upload-box[data-v-12c33a94] .el-upload:hover .upload-content .upload-text,.barcode-layout .upload-section .upload-box[data-v-12c33a94] .el-upload:hover .upload-content i{color:#fff}.barcode-layout .upload-section .upload-box .upload-content[data-v-12c33a94]{padding:60px 40px;text-align:center}.barcode-layout .upload-section .upload-box .upload-content i[data-v-12c33a94]{font-size:64px;color:#667eea;margin-bottom:16px;transition:color .3s ease}.barcode-layout .upload-section .upload-box .upload-content .upload-text[data-v-12c33a94]{font-size:18px;font-weight:600;color:#333;margin-bottom:8px;transition:color .3s ease}.barcode-layout .upload-section .upload-box .upload-content .upload-hint[data-v-12c33a94]{font-size:14px;color:#999;transition:color .3s ease}.barcode-layout .upload-section .canvas[data-v-12c33a94]{display:none}.barcode-layout .result-section[data-v-12c33a94]{animation:fadeIn-12c33a94 .5s ease}.barcode-layout .result-section .result-card[data-v-12c33a94],.barcode-layout .result-section .usage-card[data-v-12c33a94]{background:linear-gradient(135deg,#f5f7fa,#e8eaf6);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.barcode-layout .result-section .result-card .card-header[data-v-12c33a94],.barcode-layout .result-section .usage-card .card-header[data-v-12c33a94]{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#333;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #667eea}.barcode-layout .result-section .result-card .card-header i[data-v-12c33a94],.barcode-layout .result-section .usage-card .card-header i[data-v-12c33a94]{font-size:20px;color:#667eea}.barcode-layout .result-section .result-item[data-v-12c33a94]{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px;padding:16px;background:#fff;border-radius:8px;transition:all .3s ease}.barcode-layout .result-section .result-item[data-v-12c33a94]:hover{transform:translateX(4px);box-shadow:0 2px 8px rgba(102,126,234,.2)}.barcode-layout .result-section .result-item[data-v-12c33a94]:last-child{margin-bottom:0}.barcode-layout .result-section .result-item .item-label[data-v-12c33a94]{display:flex;align-items:center;gap:8px;min-width:120px;font-weight:600;color:#666}.barcode-layout .result-section .result-item .item-label i[data-v-12c33a94]{font-size:16px;color:#667eea}.barcode-layout .result-section .result-item .item-value[data-v-12c33a94]{flex:1;color:#333;word-break:break-all}.barcode-layout .result-section .result-item .link-btn[data-v-12c33a94]{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:6px;text-decoration:none;font-weight:500;transition:all .3s ease}.barcode-layout .result-section .result-item .link-btn i[data-v-12c33a94]{font-size:14px}.barcode-layout .result-section .result-item .link-btn[data-v-12c33a94]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.barcode-layout .result-section .info-grid[data-v-12c33a94]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.barcode-layout .result-section .info-grid .info-item[data-v-12c33a94]{background:#fff;padding:16px;border-radius:8px;transition:all .3s ease}.barcode-layout .result-section .info-grid .info-item[data-v-12c33a94]:hover{box-shadow:0 2px 8px rgba(102,126,234,.2)}.barcode-layout .result-section .info-grid .info-item.full-width[data-v-12c33a94]{grid-column:1/-1}.barcode-layout .result-section .info-grid .info-item .info-label[data-v-12c33a94]{font-size:13px;color:#999;margin-bottom:8px}.barcode-layout .result-section .info-grid .info-item .info-value[data-v-12c33a94]{font-size:15px;font-weight:600;color:#333}.barcode-layout .result-section .unbind-section[data-v-12c33a94]{margin-top:24px;padding-top:24px;border-top:1px solid #e0e0e0;display:flex;justify-content:center}.barcode-layout .result-section .unbind-section .unbind-btn[data-v-12c33a94]{min-width:150px;height:40px;font-size:15px;display:flex;align-items:center;gap:8px;transition:all .3s ease}.barcode-layout .result-section .unbind-section .unbind-btn[data-v-12c33a94]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(245,108,108,.4)}@keyframes fadeIn-12c33a94{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-v-12c33a94] .el-tag{border-radius:4px;padding:6px 12px;font-weight:500}[data-v-12c33a94] .el-button--danger{border:none}[data-v-12c33a94] .el-button--danger,[data-v-12c33a94] .el-button--danger:hover{background:linear-gradient(135deg,#f56c6c,#e85d75)}