body{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;color:#202124}.page-builder{display:flex;height:100vh;overflow:hidden;position:relative;z-index:1}.component-panel{background:#f5f5f5;border-right:1px solid #ddd;flex-shrink:0;max-width:320px;min-width:320px;overflow-y:auto;padding:16px;position:relative;width:320px;z-index:10}.canvas-area{background:#fafafa;display:flex;flex:1;flex-direction:column;min-width:0;overflow:hidden;position:relative;z-index:1}.property-panel{background:#fff;border-left:1px solid #ddd;flex-shrink:0;max-width:380px;min-width:380px;overflow-y:auto;padding:16px;position:relative;width:380px;z-index:10}*{box-sizing:border-box;margin:0;padding:0}:root{--color-white:#fff;--color-black:#000;--color-gray-bg:#f5f3f3;--color-primary:#206840;--color-primary-light:#3ba66f;--color-primary-dark:#154529;--color-green-success:#67c23a;--color-green-whatsapp:#25d366;--color-brown-dark:#2c2416;--color-brown-base:#5d4037;--color-brown-accent:#8d6e63;--color-brown-text:#5c4a37;--color-brown-border:#d7ccc8;--color-beige-primary:#fff;--color-beige-secondary:#e8dcc6;--color-beige-warm:#f5e9dd;--color-gold-primary:#d4af37;--color-gold-rating:#fbbf24;--color-blue-primary:#409eff;--color-blue-light:#66b1ff;--color-blue-facebook:#1877f2;--color-blue-paypal:#0070ba;--color-gray-dark:#333;--color-gray-medium:#666;--color-gray-light:#999;--color-gray-lighter:#e0e0e0;--color-gray-text:#606266;--color-gray-icon:#718096;--color-red-error:#f56c6c;--color-red-bg-light:#fff5f5;--color-orange-warning:#e6a23c;--color-orange-rating:#ffc107;--color-purple:#ab47bc;--color-text-primary:var(--color-brown-dark);--color-text-secondary:var(--color-brown-text);--color-text-tertiary:var(--color-gray-text);--color-text-light:var(--color-brown-accent);--color-text-on-primary:var(--color-white);--color-text-on-dark:var(--color-beige-primary);--color-bg-primary:var(--color-white);--color-bg-secondary:var(--color-gray-bg);--color-bg-tertiary:var(--color-gray-lighter);--color-bg-hover:#e8f5ed;--color-bg-surface:var(--color-white);--color-bg-surface-variant:var(--color-beige-primary);--color-bg-dark:var(--color-primary);--color-bg-darker:var(--color-primary-dark);--color-bg-beads-primary:var(--color-beige-primary);--color-bg-beads-secondary:var(--color-beige-secondary);--color-bg-page:var(--color-beige-primary);--color-border-light:#b8d4c4;--color-border-medium:var(--color-gray-lighter);--color-border-dark:var(--color-gray-light);--color-border-brown:var(--color-brown-border);--color-success:var(--color-green-success);--color-warning:var(--color-gold-primary);--color-error:var(--color-red-error);--color-info:var(--color-blue-primary);--color-status-pending:var(--color-orange-warning);--color-status-pending-ship:var(--color-orange-warning);--color-status-shipping:var(--color-blue-primary);--color-status-delivered:var(--color-green-success);--color-status-completed:var(--color-green-success);--color-status-cancelled:var(--color-gray-light);--color-status-refunded:var(--color-red-error);--color-status-closed:var(--color-gray-light);--color-status-aftersale:var(--color-purple);--color-status-reviewed:var(--color-green-success);--color-status-refunding:var(--color-orange-warning);--theme-color:#682020;--theme-text-color:var(--color-brown-dark);--shadow-sm:0 1px 2px 0 rgba(60,64,67,.08),0 1px 3px 1px rgba(60,64,67,.05);--shadow-md:0 1px 2px 0 rgba(60,64,67,.08),0 2px 6px 2px rgba(60,64,67,.05);--shadow-lg:0 2px 4px 0 rgba(60,64,67,.08),0 4px 8px 3px rgba(60,64,67,.05);--shadow-xl:0 4px 8px 0 rgba(60,64,67,.08),0 8px 16px 4px rgba(60,64,67,.05);--shadow-2xl:0 8px 16px 0 rgba(60,64,67,.08),0 16px 24px 8px rgba(60,64,67,.05);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1)}.shop-page-content{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Source Han Sans CN,sans-serif;line-height:1.6}.shop-page-content *{box-sizing:border-box}.shop-page-content{isolation:isolate}.pb-modal-backdrop[data-v-9eb37e5c]{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.pb-modal[data-v-9eb37e5c]{background:#fff;border-radius:8px;box-shadow:0 8px 24px #0000002e;max-width:480px;padding:20px 24px;width:90%}.pb-modal-title[data-v-9eb37e5c]{color:#333;font-size:18px;font-weight:600;margin:0 0 8px}.pb-modal-text[data-v-9eb37e5c]{color:#666;font-size:14px;line-height:1.6;margin:0 0 16px}.pb-modal-btn[data-v-9eb37e5c]{background:#409eff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 16px}.pb-modal-btn[data-v-9eb37e5c]:hover{background:#66b1ff}.auth-modal[data-v-a18f4c30]{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:2000}.auth-modal.open[data-v-a18f4c30]{opacity:1;pointer-events:auto;visibility:visible}.modal-content[data-v-a18f4c30]{background:#fff;border-radius:8px;box-shadow:0 20px 60px #0000004d;max-height:70vh;max-width:500px;overflow:hidden;position:relative;width:90%}.close-btn[data-v-a18f4c30]{background:none;border:none;border-radius:50%;cursor:pointer;padding:8px;position:absolute;right:20px;top:20px;transition:background-color .3s;z-index:10}.close-btn[data-v-a18f4c30]:hover{background:#0000001a}.modal-body[data-v-a18f4c30]{display:flex;height:auto}.form-section[data-v-a18f4c30]{display:flex;flex:1;flex-direction:column;justify-content:center;padding:40px 60px}.form-header[data-v-a18f4c30]{margin-bottom:10px;text-align:center}.title[data-v-a18f4c30]{color:var(--color-brown-dark);font-size:20px;font-weight:600}.auth-form[data-v-a18f4c30]{gap:20px}.auth-form[data-v-a18f4c30],.form-group[data-v-a18f4c30]{display:flex;flex-direction:column}.form-group[data-v-a18f4c30]{gap:0;position:relative}.form-input[data-v-a18f4c30]{background:var(--color-gray-bg);border:2px solid var(--color-gray-lighter);border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .3s}.form-input[data-v-a18f4c30]:focus{background:#fff;border-color:var(--color-gold-primary);outline:none}.form-input.error[data-v-a18f4c30]{border-color:var(--color-error)}.form-input.success[data-v-a18f4c30]{border-color:var(--color-success)}.error-message[data-v-a18f4c30]{color:var(--color-error);font-size:12px;margin-top:4px}.success-message[data-v-a18f4c30]{color:var(--color-success);font-size:12px;margin-top:4px}.verification-group[data-v-a18f4c30]{position:relative}.verification-input[data-v-a18f4c30]{padding-right:80px}.send-btn[data-v-a18f4c30]{background:none;color:var(--color-brown-dark);padding:4px 8px;position:absolute;right:8px;text-decoration:underline;top:50%;transform:translateY(-50%)}.send-btn[data-v-a18f4c30],.submit-btn[data-v-a18f4c30]{border:none;cursor:pointer;font-size:14px}.submit-btn[data-v-a18f4c30]{background:var(--color-brown-dark);border-radius:8px;color:#fff;font-weight:600;margin-top:8px;padding:14px 24px;transition:background-color .3s}.submit-btn[data-v-a18f4c30]:hover{background:var(--color-brown-accent)}.submit-btn[data-v-a18f4c30]:disabled{background:var(--color-gray-lighter);cursor:not-allowed}.checkbox-group[data-v-a18f4c30]{margin:0}.checkbox-label[data-v-a18f4c30]{align-items:flex-start;color:var(--color-gray-dark);cursor:pointer;display:flex;font-size:14px;gap:10px}.checkbox-input[data-v-a18f4c30]{accent-color:var(--color-brown-dark);height:16px;margin-top:2px;width:16px}.terms-link[data-v-a18f4c30]{color:var(--color-brown-dark);text-decoration:underline}.bottom-links[data-v-a18f4c30]{display:flex;font-size:14px;justify-content:space-between;margin-top:-5px}.forgot-link[data-v-a18f4c30],.signup-link[data-v-a18f4c30]{color:var(--color-brown-dark);text-decoration:underline}.switch-text[data-v-a18f4c30]{color:var(--color-gray-medium);font-size:14px;margin:0;text-align:center}.switch-text a[data-v-a18f4c30]{color:var(--color-orange-warning);text-decoration:underline}.back-link[data-v-a18f4c30]{color:var(--color-brown-dark);font-size:14px;text-decoration:underline}.captcha-group[data-v-a18f4c30]{align-items:center;display:flex;flex-direction:row;gap:10px;position:relative}.captcha-input[data-v-a18f4c30]{flex:1}.captcha-image-wrapper[data-v-a18f4c30]{align-items:center;background:var(--color-gray-bg);border:2px solid var(--color-gray-lighter);border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:border-color .3s;width:120px}.captcha-image-wrapper[data-v-a18f4c30]:hover{border-color:var(--color-gold-primary)}.captcha-image[data-v-a18f4c30]{border-radius:6px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.captcha-loading[data-v-a18f4c30],.captcha-placeholder[data-v-a18f4c30]{color:var(--color-gray-medium);font-size:12px}