{"product_id":"precision-magnetic-seam-guide-rjc","title":"Guide de couture magnétique de précision","description":"\u003cbr\u003e\n\u003c!--\n[AI Design Logic]\n产品类型：四合一磁性缝纫指南\n目标受众：缝纫初学者、爱好者、裁缝\n视觉风格：清晰、实用、专业、强调功能展示。\n配色策略：以产品主色蓝色(#00a8e8)为引导色，搭配干净的白灰背景，突出产品的工具属性。\n模块顺序：Hero (核心利益) -\u003e Compare (直观对比) -\u003e Feature 1 (四合一功能) -\u003e Feature 2 (精准磁吸) -\u003e Feature 3 (安全拆线) -\u003e Specifications (规格参数) -\u003e FAQ (常见问题)。\n详情图映射：Hero=image_4.png, Compare=image_4.png, Feature1=image_1.png, Feature2=image_2.png, Feature3=image_0.png\n规格图映射：Specs=image_3.png \u0026 image_7.png\n对比模块：已加入，根据报告要求展示使用前后对比，强调“新手也能缝直线”的核心价值。\n--\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n      --primary: #00a8e8;\n      --primary-hover: #008ac2;\n      --text-main: #222222;\n      --text-sub: #555555;\n      --bg-body: #ffffff;\n      --bg-card: #f9f9f9;\n      --bg-soft: #eef6fc;\n      --radius-md: 8px;\n      --radius-lg: 16px;\n      --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);\n      --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12);\n      --border-color: #e0e0e0;\n\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      color: var(--text-main);\n      line-height: 1.6;\n    }\n\n    .product-detail-container h1,\n    .product-detail-container h2,\n    .product-detail-container h3 {\n      font-weight: 700;\n      line-height: 1.2;\n      margin-bottom: 1rem;\n      color: var(--text-main);\n    }\n\n    .product-detail-container h1 {\n      font-size: clamp(32px, 5vw, 44px);\n    }\n\n    .product-detail-container h2 {\n      font-size: clamp(24px, 4vw, 32px);\n    }\n\n    .product-detail-container h3 {\n      font-size: 24px;\n    }\n\n    .product-detail-container p {\n      font-size: 18px;\n      color: var(--text-sub);\n      margin-bottom: 1.5rem;\n    }\n\n    .product-detail-container img {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: var(--radius-md);\n    }\n\n    .section {\n      margin-bottom: clamp(3rem, 8vw, 6rem);\n    }\n\n    \/* Hero Section *\/\n    .hero-section {\n      text-align: center;\n      padding: clamp(3rem, 8vw, 6rem) 5%;\n      background: var(--bg-soft);\n      border-radius: var(--radius-lg);\n    }\n\n    .hero-content {\n      max-width: 800px;\n      margin: 0 auto 3rem;\n    }\n\n    .trust-badge {\n      display: inline-block;\n      padding: 0.5rem 1rem;\n      background: rgba(0, 168, 232, 0.1);\n      color: var(--primary);\n      border-radius: 50px;\n      font-weight: 600;\n      font-size: 16px;\n      margin-bottom: 1.5rem;\n    }\n\n    \/* Compare Section *\/\n    .compare-container {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 2rem;\n      margin-top: 3rem;\n    }\n\n    .compare-card {\n      background: var(--bg-card);\n      padding: 2rem;\n      border-radius: var(--radius-lg);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .compare-card.our-product {\n      background: rgba(0, 168, 232, 0.05);\n      border: 2px solid var(--primary);\n    }\n\n    .compare-label {\n      position: absolute;\n      top: 1rem;\n      right: 1rem;\n      font-weight: 700;\n      font-size: 1.2rem;\n    }\n\n    .our-product .compare-label {\n      color: var(--primary);\n    }\n\n    .ordinary .compare-label {\n      color: #e74c3c;\n    }\n    \n    .compare-media {\n      margin-bottom: 1.5rem;\n      position: relative;\n      border-radius: var(--radius-md);\n      overflow: hidden;\n    }\n\n    .compare-media::after {\n      content: '';\n      position: absolute;\n      top: 0; left: 0; right: 0; bottom: 0;\n      background-size: cover;\n      background-position: center;\n    }\n\n    \/* Using specific parts of image_4 for comparison *\/\n    .compare-card.our-product .compare-media {\n        height: 250px;\n        background: url('image_4.png') no-repeat left center \/ 200% auto;\n    }\n    \n    .compare-card.ordinary .compare-media {\n        height: 250px;\n        background: url('image_4.png') no-repeat right center \/ 200% auto;\n    }\n\n    \/* Feature Section *\/\n    .feature-item {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: clamp(2rem, 5vw, 4rem);\n      align-items: center;\n      margin-bottom: clamp(3rem, 8vw, 6rem);\n    }\n\n    .feature-item.reverse {\n      direction: rtl;\n    }\n\n    .feature-item.reverse \u003e * {\n      direction: ltr;\n    }\n\n    .feature-copy ul {\n      list-style: none;\n      padding: 0;\n      margin-top: 1.5rem;\n      display: flex;\n      flex-wrap: wrap;\n      gap: 1rem;\n    }\n\n    .feature-copy li {\n      background: var(--bg-card);\n      padding: 0.5rem 1rem;\n      border-radius: 50px;\n      font-size: 16px;\n      font-weight: 500;\n      color: var(--text-sub);\n    }\n\n    \/* Specifications Section *\/\n    .spec-table {\n      width: 100%;\n      border-collapse: separate;\n      border-spacing: 0;\n      background: var(--bg-card);\n      border-radius: var(--radius-md);\n      overflow: hidden;\n      border: 1px solid var(--border-color);\n    }\n\n    .spec-table th,\n    .spec-table td {\n      padding: 1rem 1.5rem;\n      text-align: left;\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .spec-table th {\n      background: var(--bg-soft);\n      font-weight: 600;\n      width: 40%;\n    }\n\n    .spec-table tr:last-child td,\n    .spec-table tr:last-child th {\n      border-bottom: none;\n    }\n\n    \/* FAQ Section *\/\n    .faq-item {\n      border-bottom: 1px solid var(--border-color);\n      padding: 1.5rem 0;\n    }\n\n    .faq-item details summary {\n      font-weight: 600;\n      font-size: 20px;\n      cursor: pointer;\n      list-style: none;\n      position: relative;\n      padding-right: 2rem;\n    }\n\n    .faq-item details summary::-webkit-details-marker {\n      display: none;\n    }\n\n    .faq-item details summary::after {\n      content: '+';\n      position: absolute;\n      right: 0;\n      top: 50%;\n      transform: translateY(-50%);\n      font-size: 24px;\n      color: var(--primary);\n    }\n\n    .faq-item details[open] summary::after {\n      content: '-';\n    }\n\n    .faq-item details p {\n      margin-top: 1rem;\n      margin-bottom: 0;\n      color: var(--text-sub);\n    }\n\n    \/* Mobile Responsive *\/\n    @media (max-width: 768px) {\n      .compare-container,\n      .feature-item,\n      .feature-item.reverse {\n        grid-template-columns: 1fr;\n        direction: ltr;\n      }\n      \n      .compare-card.our-product .compare-media,\n      .compare-card.ordinary .compare-media {\n          height: 200px;\n      }\n\n      .feature-media {\n        order: -1;\n      }\n\n      .spec-table thead {\n        display: none;\n      }\n\n      .spec-table tr,\n      .spec-table td {\n        display: block;\n        width: 100%;\n      }\n\n      .spec-table tr {\n        margin-bottom: 1rem;\n        border: 1px solid var(--border-color);\n        border-radius: var(--radius-md);\n      }\n\n      .spec-table td {\n        text-align: right;\n        padding: 1rem;\n        border-bottom: 1px solid var(--border-color);\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n      }\n\n      .spec-table td:last-child {\n        border-bottom: none;\n      }\n\n      .spec-table td::before {\n        content: attr(data-label);\n        font-weight: 600;\n        text-align: left;\n        padding-right: 1rem;\n      }\n    }\n\u003c\/style\u003e\n\u003c!-- A. Intro \/ Hero Content Block --\u003e\n\u003cdiv class=\"section hero-section\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003cspan class=\"trust-badge\"\u003e⭐ Design 4-en-1 pour une facilité au quotidien\u003c\/span\u003e\n\u003ch1\u003eCousez des coutures droites à chaque fois, même en tant que débutant\u003c\/h1\u003e\n\n\u003cp\u003eLe guide magnétique ultime qui combine règle, découseur et assistant ourlet pour rendre la couture précise, sûre et facile sur toute machine avec plaque métallique.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"hero-media\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img50\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260528164226\/973ab06381f0cc8d167a5704f8a13bba.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- B. Compare Section --\u003e\n\n\u003cdiv class=\"section\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003eDécouvrez la différence en précision\u003c\/h2\u003e\n \n\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img46\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260528163919\/671201919e1067da60cecde2b678853d.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cspan class=\"compare-label\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- C. Feature Sections --\u003e\n\n\u003cdiv class=\"section feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img51\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260528163919\/2314a46748201ada3caea439249d2a0a.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eOutil multifonction 4-en-1\u003c\/h3\u003e\n\n\u003cp\u003eCe n’est pas qu’un guide ; c’est un compagnon de couture complet. Il intègre un guide d’angle magnétique puissant, une règle à double échelle (impérial et métrique), un découseur rétractable intégré et un assistant ourlet dans un seul appareil compact. Gagnez de la place et simplifiez votre trousse de couture avec un outil polyvalent.\u003c\/p\u003e\n\n\u003cul\u003e\n\t\u003cli\u003eGuide magnétique\u003c\/li\u003e\n\t\u003cli\u003eRègle à double échelle\u003c\/li\u003e\n\t\u003cli\u003eDécouseur rétractable\u003c\/li\u003e\n\t\u003cli\u003eAssistant ourlet\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"section feature-item reverse\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img47\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260528163919\/428b933bb90a617b7eccc69868a03988.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003ePrécision sans effort et maintien solide\u003c\/h3\u003e\n\n\u003cp\u003eAucun outil ni vis nécessaire. Le puissant aimant se fixe solidement à la plaque métallique de votre machine à coudre, offrant une barrière stable pour votre tissu. Alignez simplement le bord de votre tissu contre le guide pour des marges de couture régulières, que vous cousiez des lignes droites, des courbes ou fassiez du surpiquage.\u003c\/p\u003e\n\n\u003cul\u003e\n\t\u003cli\u003eInstallation instantanée\u003c\/li\u003e\n\t\u003cli\u003eMaintien magnétique puissant\u003c\/li\u003e\n\t\u003cli\u003eCoutures constantes\u003c\/li\u003e\n\t\u003cli\u003eUtilisation polyvalente\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"section feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img53\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260528163919\/d71d20a54d1350ec4a9da0d99ba6039b.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eDécouseur rétractable sécurisé\u003c\/h3\u003e\n\n\u003cp\u003eLes erreurs arrivent, mais les corriger est désormais plus sûr et plus facile. Le découseur en acier inoxydable tranchant est intégré de façon pratique sur le côté du guide. Il se rétracte rapidement lorsqu’il n’est pas utilisé, protégeant vos doigts et votre tissu des accrocs et blessures accidentels.\u003c\/p\u003e\n\n\u003cul\u003e\n\t\u003cli\u003eDesign intégré\u003c\/li\u003e\n\t\u003cli\u003eTranchant et efficace\u003c\/li\u003e\n\t\u003cli\u003eRétraction sécurisée\u003c\/li\u003e\n\t\u003cli\u003eToujours à portée de main\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- D. Specifications --\u003e\n\n\u003cdiv class=\"section\"\u003e\n\u003ch2\u003eSpécifications\u003c\/h2\u003e\n\n\u003ctable class=\"spec-table\"\u003e\n\t\u003cthead\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eCaractéristiques\u003c\/th\u003e\n\t\t\t\u003cth\u003eDétails\u003c\/th\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/thead\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Feature\"\u003eMatériau\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003ePlastique ABS durable, aimant puissant, acier inoxydable\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Feature\"\u003eDimensions\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003e7,3 cm L x 4,2 cm l x 2,0 cm H (2,87\" L x 1,65\" l x 0,79\" H)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Feature\"\u003eCompatibilité\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eLa plupart des machines à coudre domestiques et industrielles avec plaque d’aiguille métallique\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Feature\"\u003eFonctions\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eGuide d’angle magnétique, règle (pouces\/cm), découseur, guide d’ourlet\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Feature\"\u003eCouleurs disponibles\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eBleu, Rose\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- E. FAQ --\u003e\n\n\u003cdiv class=\"section\"\u003e\n\u003ch2\u003eQuestions fréquemment posées\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdetails\u003e\u003csummary\u003eCela fonctionnera-t-il sur ma machine à coudre ?\u003c\/summary\u003e\n\n\u003cp\u003eOui, il fonctionne avec la plupart des machines à coudre domestiques et industrielles standard, y compris de nombreux modèles pour quilting et pied marcheur. La condition essentielle est une **plaque d’aiguille métallique** pour que l’aimant adhère. Il ne fonctionne pas sur les machines avec des plaques en plastique.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdetails\u003e\u003csummary\u003eL’aimant est-il assez fort pour rester en place ?\u003c\/summary\u003e\n\n\u003cp\u003eAbsolument. Il est équipé d’un aimant puissant et de haute qualité conçu pour rester fermement fixé sur la plaque métallique, même lors de la couture à grande vitesse ou avec des tissus plus lourds. Il ne bougera pas, garantissant que vos coutures restent droites.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdetails\u003e\u003csummary\u003eComment utiliser le découseur intégré en toute sécurité ?\u003c\/summary\u003e\n\n\u003cp\u003eLe découseur est commodément situé sur le côté. Pour l'utiliser, il suffit de faire glisser le bouton pour déployer la lame. Après usage, faites-le glisser pour rétracter complètement la lame dans le boîtier. Ce design évite les piqûres accidentelles et protège le tranchant.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Bak","offers":[{"title":"1 ensemble (2 pièces au total) - Kit de démarrage","offer_id":46099857604781,"sku":"0528-18240161","price":12.95,"currency_code":"USD","in_stock":true},{"title":"2 ensembles (4 pièces au total) - Partagez avec un ami","offer_id":46099857637549,"sku":"0528-18244940","price":19.95,"currency_code":"USD","in_stock":true},{"title":"3 ensembles (6 pièces au total) - Pack cours de couture","offer_id":46099857670317,"sku":"0528-18243428","price":26.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0727\/2831\/4029\/files\/973ab06381f0cc8d167a5704f8a13bba.jpg?v=1781087886","url":"https:\/\/newjoyloo.com\/fr\/products\/precision-magnetic-seam-guide-rjc","provider":"Newjoyloo","version":"1.0","type":"link"}