.b2b-wrapper[data-v-2fd9c357]{--b2b-primary: #604539;--b2b-secondary: #8b6f47;--b2b-light: #FBF7F2;--b2b-beige: #FDF3E6;--b2b-dark: #2D241E;--b2b-mute: #9e8272;--b2b-accent: #DD876E;--b2b-border: #EADFD3;background-color:var(--b2b-light);min-height:100vh;font-family:Inter,sans-serif;color:var(--b2b-dark);padding-bottom:120px}.info-banner[data-v-2fd9c357]{background:linear-gradient(135deg,#604539,#4a3429);color:#fff;padding:10px 20px;text-align:center;font-size:13px;font-weight:500;letter-spacing:.5px;border-bottom:1px solid var(--b2b-border);animation:slideDown-2fd9c357 .5s ease-out}.banner-content[data-v-2fd9c357]{display:flex;justify-content:center;align-items:center;gap:12px;max-width:1200px;margin:0 auto}.banner-badge[data-v-2fd9c357]{background-color:var(--b2b-accent);color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:4px;letter-spacing:1px}.b2b-hero[data-v-2fd9c357]{position:relative;background-color:var(--b2b-beige);background-image:radial-gradient(circle at 10% 20%,#f3e9da66,#fbf7f2cc 90%);padding:60px 4% 50px;text-align:center;border-bottom:1px solid var(--b2b-border)}.b2b-hero-content[data-v-2fd9c357]{max-width:850px;margin:0 auto;position:relative;z-index:2}.hero-title[data-v-2fd9c357]{font-family:ZCOOL XiaoWei,serif;font-size:3rem;color:var(--b2b-primary);margin-bottom:15px;line-height:1.2}.hero-subtitle[data-v-2fd9c357]{font-size:1.1rem;line-height:1.6;color:#5d4037;margin-bottom:25px}.hero-actions[data-v-2fd9c357]{display:flex;justify-content:center;gap:15px}.btn-primary[data-v-2fd9c357]{background-color:var(--b2b-primary);color:#fff;border:none;padding:12px 24px;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 6px #60453926}.btn-primary[data-v-2fd9c357]:hover:not(:disabled){background-color:#4a3429;transform:translateY(-2px);box-shadow:0 6px 10px #60453940}.btn-primary[data-v-2fd9c357]:disabled{background-color:var(--b2b-border);color:var(--b2b-mute);cursor:not-allowed;box-shadow:none}.btn-icon[data-v-2fd9c357]{font-size:18px}.b2b-container[data-v-2fd9c357]{max-width:1300px;margin:0 auto;padding:40px 20px}.category-block[data-v-2fd9c357]{margin-bottom:50px}.category-block-header[data-v-2fd9c357]{display:flex;align-items:center;margin-bottom:25px}.category-block-title[data-v-2fd9c357]{color:var(--b2b-primary);font-size:1.5rem;font-weight:700;margin-right:20px;white-space:nowrap}.title-line[data-v-2fd9c357]{flex-grow:1;height:2px;background-color:var(--b2b-border)}.dense-grid[data-v-2fd9c357]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.b2b-card[data-v-2fd9c357]{background-color:#fff;border:1px solid var(--b2b-border);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;height:100%;transition:all .3s cubic-bezier(.165,.84,.44,1);position:relative}.b2b-card[data-v-2fd9c357]:hover{transform:translateY(-5px);box-shadow:0 10px 20px #60453914;border-color:#cbbba9}.card-selected[data-v-2fd9c357]{border-color:var(--b2b-accent);box-shadow:0 4px 15px #dd876e26}.card-img-wrap[data-v-2fd9c357]{position:relative;padding-top:80%;background-color:var(--b2b-beige);border-bottom:1px solid var(--b2b-border);display:flex;justify-content:center;align-items:center}.card-img[data-v-2fd9c357]{position:absolute;top:5%;left:5%;width:90%;height:90%;object-fit:contain;transition:transform .4s ease}.b2b-card:hover .card-img[data-v-2fd9c357]{transform:scale(1.05)}.selection-check-indicator[data-v-2fd9c357]{position:absolute;top:10px;right:10px;font-size:24px;color:var(--b2b-accent);background-color:#fff;border-radius:50%;display:flex;box-shadow:0 2px 6px #00000026;z-index:3}.card-info[data-v-2fd9c357]{padding:18px;flex-grow:1;display:flex;flex-direction:column}.card-sku[data-v-2fd9c357]{font-family:monospace;font-size:11px;color:var(--b2b-secondary);font-weight:600;text-transform:uppercase;margin-bottom:6px}.card-title[data-v-2fd9c357]{color:var(--b2b-primary);font-size:1.1rem;font-weight:700;line-height:1.3;margin-bottom:8px;min-height:2.6rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-desc[data-v-2fd9c357]{font-size:13px;color:#6b5d54;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer[data-v-2fd9c357]{padding:12px 18px 18px;border-top:1px solid var(--b2b-beige);background-color:#fff;display:flex;flex-direction:column;gap:10px}.qty-control[data-v-2fd9c357]{display:flex;align-items:center;justify-content:space-between;background-color:var(--b2b-beige);border:1px solid var(--b2b-border);border-radius:4px;padding:4px 8px;animation:fadeIn-2fd9c357 .25s ease-out}.qty-label[data-v-2fd9c357]{font-size:11px;font-weight:600;color:var(--b2b-primary);text-transform:uppercase}.qty-input[data-v-2fd9c357]{width:70px;border:1px solid var(--b2b-border);border-radius:3px;padding:2px 6px;text-align:center;font-weight:600;color:var(--b2b-dark)}.qty-input[data-v-2fd9c357]:focus{outline:none;border-color:var(--b2b-primary)}.btn-rfq-toggle[data-v-2fd9c357]{width:100%;background-color:#fff;color:var(--b2b-primary);border:1.5px solid var(--b2b-primary);padding:10px 14px;font-size:13px;font-weight:600;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .25s ease}.btn-rfq-toggle[data-v-2fd9c357]:hover{background-color:var(--b2b-beige)}.btn-rfq-added[data-v-2fd9c357]{background-color:var(--b2b-accent);color:#fff;border-color:var(--b2b-accent)}.btn-rfq-added[data-v-2fd9c357]:hover{background-color:#cf7c63}.rfq-checkbox[data-v-2fd9c357]{width:16px;height:16px;accent-color:var(--b2b-accent);cursor:pointer}.rfq-drawer[data-v-2fd9c357]{position:fixed;bottom:0;left:0;width:100%;background-color:#fff;box-shadow:0 -8px 25px #60453926;border-top:2px solid var(--b2b-primary);z-index:99}.drawer-container[data-v-2fd9c357]{max-width:1200px;margin:0 auto;padding:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.drawer-left[data-v-2fd9c357]{display:flex;align-items:center;gap:15px}.drawer-cart-icon[data-v-2fd9c357]{font-size:32px;color:var(--b2b-primary)}.drawer-info[data-v-2fd9c357]{display:flex;flex-direction:column}.drawer-count[data-v-2fd9c357]{font-size:16px;font-weight:700;color:var(--b2b-primary)}.drawer-help[data-v-2fd9c357]{font-size:12px;color:var(--b2b-mute)}.drawer-right[data-v-2fd9c357]{display:flex;align-items:center;gap:12px}.btn-secondary[data-v-2fd9c357]{background:transparent;color:var(--b2b-primary);border:1px solid var(--b2b-border);padding:10px 18px;font-size:13px;font-weight:600;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .3s}.btn-secondary[data-v-2fd9c357]:hover{background-color:var(--b2b-beige)}.btn-accent[data-v-2fd9c357]{background-color:var(--b2b-accent);color:#fff;border:none;padding:12px 24px;font-size:14px;font-weight:700;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;box-shadow:0 4px 6px #dd876e33}.btn-accent[data-v-2fd9c357]:hover{background-color:#cf7c63;transform:translateY(-2px)}.modal-overlay[data-v-2fd9c357]{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#2d241e99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:center;align-items:center;padding:20px;animation:fadeIn-2fd9c357 .3s ease}.modal-card[data-v-2fd9c357]{background-color:#fff;border-radius:12px;box-shadow:0 15px 40px #0003;width:100%;max-width:650px;max-height:90vh;overflow-y:auto;animation:scaleUp-2fd9c357 .3s cubic-bezier(.175,.885,.32,1.275)}.modal-header[data-v-2fd9c357]{padding:20px 24px;border-bottom:1px solid var(--b2b-border);display:flex;justify-content:space-between;align-items:center;background-color:var(--b2b-beige)}.modal-header h3[data-v-2fd9c357]{margin:0;color:var(--b2b-primary);font-size:1.25rem;font-weight:700}.btn-close-modal[data-v-2fd9c357]{background:transparent;border:none;font-size:24px;color:var(--b2b-primary);cursor:pointer}.modal-body[data-v-2fd9c357]{padding:24px}.modal-intro-text[data-v-2fd9c357]{font-size:13.5px;color:#6b5d54;line-height:1.5;margin-bottom:20px}.form-row[data-v-2fd9c357]{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:15px}.form-row .form-group[data-v-2fd9c357]{flex:1;min-width:250px}.form-group[data-v-2fd9c357]{display:flex;flex-direction:column;gap:6px;margin-bottom:15px}.form-group label[data-v-2fd9c357]{font-size:12px;font-weight:700;color:var(--b2b-primary);text-transform:uppercase;letter-spacing:.5px}.form-group input[data-v-2fd9c357],.form-group textarea[data-v-2fd9c357]{border:1px solid var(--b2b-border);border-radius:6px;padding:10px 12px;font-size:14px;color:var(--b2b-dark);background-color:var(--b2b-light);transition:border-color .3s}.form-group input[data-v-2fd9c357]:focus,.form-group textarea[data-v-2fd9c357]:focus{outline:none;border-color:var(--b2b-accent);background-color:#fff}.modal-error-banner[data-v-2fd9c357]{background-color:#fcebeb;border:1px solid #f7c8c8;color:#b03a3a;padding:12px;border-radius:6px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500}.quote-preview-section[data-v-2fd9c357]{margin-top:25px;border:1px solid var(--b2b-border);border-radius:6px;overflow:hidden}.preview-section-title[data-v-2fd9c357]{display:block;background-color:var(--b2b-beige);color:var(--b2b-primary);font-size:11px;font-weight:700;padding:8px 12px;border-bottom:1px solid var(--b2b-border);text-transform:uppercase}.preview-items-list[data-v-2fd9c357]{max-height:140px;overflow-y:auto;padding:5px 0;background-color:#fff}.preview-item-row[data-v-2fd9c357]{display:flex;justify-content:space-between;padding:8px 12px;font-size:13px;border-bottom:1px dashed var(--b2b-beige)}.preview-item-row[data-v-2fd9c357]:last-child{border-bottom:none}.item-sku[data-v-2fd9c357]{color:var(--b2b-secondary);font-family:monospace}.item-qty-col[data-v-2fd9c357]{font-weight:600;color:var(--b2b-primary)}.modal-footer-actions[data-v-2fd9c357]{margin-top:25px;display:flex;justify-content:flex-end;gap:12px}.btn-cancel[data-v-2fd9c357]{background-color:transparent;color:#6b5d54;border:1px solid var(--b2b-border);padding:10px 20px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600}.btn-cancel[data-v-2fd9c357]:hover{background-color:var(--b2b-light)}.btn-submit-rfq[data-v-2fd9c357]{background-color:var(--b2b-primary);color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:8px}.btn-submit-rfq[data-v-2fd9c357]:hover:not(:disabled){background-color:#4a3429}.btn-submit-rfq[data-v-2fd9c357]:disabled{background-color:var(--b2b-border);color:var(--b2b-mute);cursor:not-allowed}.success-state[data-v-2fd9c357]{text-align:center;padding:40px 20px}.success-icon[data-v-2fd9c357]{font-size:64px;color:#2e9a52;margin-bottom:15px}.success-subtitle[data-v-2fd9c357]{font-size:14px;color:#6b5d54;margin-top:8px}.order-ref-box[data-v-2fd9c357]{background-color:var(--b2b-beige);border:1px solid var(--b2b-border);padding:12px;border-radius:6px;display:inline-flex;flex-direction:column;margin:20px 0}.ref-label[data-v-2fd9c357]{font-size:11px;text-transform:uppercase;color:var(--b2b-secondary);font-weight:600}.ref-id[data-v-2fd9c357]{font-size:16px;font-weight:700;color:var(--b2b-primary);font-family:monospace;margin-top:4px}.success-footer[data-v-2fd9c357]{font-size:12px;color:var(--b2b-mute)}.btn-modal-close-action[data-v-2fd9c357]{background-color:var(--b2b-primary);color:#fff;border:none;padding:10px 30px;border-radius:6px;cursor:pointer;font-weight:600;margin-top:15px}.state-container[data-v-2fd9c357]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px}.spinner[data-v-2fd9c357]{width:40px;height:40px;border:4px solid var(--b2b-border);border-top-color:var(--b2b-primary);border-radius:50%;animation:spin-2fd9c357 1s infinite linear}.mini-spinner[data-v-2fd9c357]{width:16px;height:16px;border:2px solid var(--b2b-border);border-top-color:#fff;border-radius:50%;animation:spin-2fd9c357 .8s infinite linear}.state-text[data-v-2fd9c357]{font-size:14px;color:var(--b2b-secondary);margin-top:15px}.error-card[data-v-2fd9c357]{background-color:#fff;border:1px solid #f7c8c8;border-radius:8px;max-width:500px;margin:40px auto;box-shadow:0 4px 12px #0000000d}.error-icon[data-v-2fd9c357]{font-size:48px;color:#b03a3a}.btn-retry[data-v-2fd9c357]{background-color:var(--b2b-primary);color:#fff;border:none;padding:8px 18px;border-radius:6px;font-weight:600;cursor:pointer;margin-top:15px}.drawer-slide-enter-active[data-v-2fd9c357],.drawer-slide-leave-active[data-v-2fd9c357]{transition:transform .35s cubic-bezier(.165,.84,.44,1)}.drawer-slide-enter-from[data-v-2fd9c357],.drawer-slide-leave-to[data-v-2fd9c357]{transform:translateY(100%)}.modal-fade-enter-active[data-v-2fd9c357],.modal-fade-leave-active[data-v-2fd9c357]{transition:opacity .25s ease}.modal-fade-enter-from[data-v-2fd9c357],.modal-fade-leave-to[data-v-2fd9c357]{opacity:0}@keyframes spin-2fd9c357{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideDown-2fd9c357{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes fadeIn-2fd9c357{0%{opacity:0}to{opacity:1}}@keyframes scaleUp-2fd9c357{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.hero-title[data-v-2fd9c357]{font-size:2.2rem}.hero-subtitle[data-v-2fd9c357]{font-size:.95rem}.drawer-container[data-v-2fd9c357]{flex-direction:column;text-align:center}.drawer-left[data-v-2fd9c357]{flex-direction:column;gap:5px}.drawer-right[data-v-2fd9c357]{width:100%;justify-content:center}}