{"product_id":"blue-ringed-octopus-pen-2201791422178","title":"Stylo Pieuvre à Anneaux Bleus – Achetez-en 3, le 4ème est offert !","description":"\u003cstyle\u003e\n  .oct-landing,\n  .oct-landing * {\n    box-sizing: border-box;\n  }\n\n  .oct-landing {\n    --navy: #09283d;\n    --blue: #087ea4;\n    --light-blue: #eaf7fa;\n    --gold: #d8aa54;\n    --text: #23303c;\n    --muted: #65717c;\n    --border: #dce7eb;\n    --white: #ffffff;\n\n    width: 100%;\n    margin: 0 auto;\n    overflow: hidden;\n    background: var(--white);\n    color: var(--text);\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;\n    font-size: 16px;\n    line-height: 1.65;\n  }\n\n  .oct-landing img {\n    display: block;\n    width: 100%;\n    height: auto;\n    margin: 0;\n  }\n\n  .oct-wrap {\n    width: min(1080px, calc(100% - 32px));\n    margin: 0 auto;\n  }\n\n  .oct-section {\n    padding: 64px 0;\n  }\n\n  .oct-label {\n    margin: 0 0 10px;\n    color: var(--blue);\n    font-size: 13px;\n    font-weight: 800;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n  }\n\n  .oct-title {\n    margin: 0 0 18px;\n    color: var(--navy);\n    font-size: clamp(30px, 5vw, 48px);\n    font-weight: 800;\n    letter-spacing: -1.3px;\n    line-height: 1.08;\n  }\n\n  .oct-text {\n    margin: 0;\n    color: var(--muted);\n    font-size: 17px;\n    line-height: 1.7;\n  }\n\n  \/* 顶部横幅 *\/\n\n  .oct-banner {\n    background: var(--navy);\n  }\n\n  .oct-banner img {\n    width: 100%;\n    max-height: 190px;\n    object-fit: cover;\n  }\n\n  \/* 首屏 *\/\n\n  .oct-hero {\n    padding: 64px 0;\n    background:\n      radial-gradient(circle at 90% 10%, rgba(41, 190, 211, 0.25), transparent 35%),\n      linear-gradient(135deg, #061c2d, #075572);\n  }\n\n  .oct-hero-grid {\n    display: grid;\n    grid-template-columns: 0.95fr 1.05fr;\n    gap: 48px;\n    align-items: center;\n  }\n\n  .oct-hero h1 {\n    margin: 0 0 20px;\n    color: #ffffff;\n    font-size: clamp(38px, 6vw, 62px);\n    font-weight: 850;\n    letter-spacing: -2px;\n    line-height: 1.02;\n  }\n\n  .oct-hero h1 span {\n    color: #65e3ef;\n  }\n\n  .oct-hero p {\n    margin: 0 0 24px;\n    color: rgba(255, 255, 255, 0.82);\n    font-size: 18px;\n    line-height: 1.7;\n  }\n\n  .oct-points {\n    display: grid;\n    gap: 12px;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .oct-points li {\n    display: flex;\n    gap: 10px;\n    align-items: flex-start;\n    color: #ffffff;\n    font-size: 15px;\n    font-weight: 650;\n  }\n\n  .oct-points li::before {\n    display: inline-flex;\n    flex: 0 0 21px;\n    width: 21px;\n    height: 21px;\n    margin-top: 2px;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background: #55d7e6;\n    color: #062238;\n    font-size: 13px;\n    font-weight: 900;\n    content: \"✓\";\n  }\n\n  .oct-hero-image {\n    overflow: hidden;\n    padding: 9px;\n    border: 1px solid rgba(255, 255, 255, 0.18);\n    border-radius: 24px;\n    background: rgba(255, 255, 255, 0.08);\n    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.25);\n  }\n\n  .oct-hero-image img {\n    min-height: 430px;\n    border-radius: 17px;\n    object-fit: cover;\n  }\n\n  \/* 三个核心卖点 *\/\n\n  .oct-benefits {\n    padding: 28px 0;\n    border-bottom: 1px solid var(--border);\n    background: #ffffff;\n  }\n\n  .oct-benefit-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 0;\n  }\n\n  .oct-benefit {\n    padding: 14px 26px;\n    border-right: 1px solid var(--border);\n    text-align: center;\n  }\n\n  .oct-benefit:last-child {\n    border-right: 0;\n  }\n\n  .oct-benefit span {\n    display: block;\n    margin-bottom: 8px;\n    font-size: 27px;\n  }\n\n  .oct-benefit strong {\n    display: block;\n    margin-bottom: 5px;\n    color: var(--navy);\n    font-size: 16px;\n  }\n\n  .oct-benefit p {\n    margin: 0;\n    color: var(--muted);\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n  \/* 图文模块 *\/\n\n  .oct-split {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 56px;\n    align-items: center;\n  }\n\n  .oct-split-image img {\n    min-height: 440px;\n    border-radius: 22px;\n    background: #edf5f7;\n    box-shadow: 0 18px 45px rgba(9, 40, 61, 0.12);\n    object-fit: cover;\n  }\n\n  .oct-list {\n    display: grid;\n    gap: 16px;\n    margin: 26px 0 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .oct-list li {\n    padding: 16px 18px;\n    border-left: 3px solid var(--blue);\n    border-radius: 0 10px 10px 0;\n    background: var(--light-blue);\n  }\n\n  .oct-list strong {\n    display: block;\n    margin-bottom: 3px;\n    color: var(--navy);\n    font-size: 15px;\n  }\n\n  .oct-list span {\n    color: var(--muted);\n    font-size: 14px;\n  }\n\n  \/* 礼物模块 *\/\n\n  .oct-gift {\n    background: #f3f8fa;\n  }\n\n  .oct-gift-card {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    overflow: hidden;\n    border: 1px solid var(--border);\n    border-radius: 24px;\n    background: #ffffff;\n  }\n\n  .oct-gift-copy {\n    display: flex;\n    padding: 48px;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  .oct-gift-image img {\n    width: 100%;\n    height: 100%;\n    min-height: 430px;\n    object-fit: cover;\n  }\n\n  .oct-tags {\n    display: flex;\n    gap: 8px;\n    flex-wrap: wrap;\n    margin-top: 24px;\n  }\n\n  .oct-tag {\n    padding: 7px 11px;\n    border: 1px solid #c8e2e7;\n    border-radius: 999px;\n    background: #f2fbfc;\n    color: #18556a;\n    font-size: 13px;\n    font-weight: 700;\n  }\n\n  \/* 包装与保障 *\/\n\n  .oct-package {\n    padding: 62px 0;\n    color: #ffffff;\n    background: linear-gradient(135deg, #071f33, #07516d);\n  }\n\n  .oct-package-grid {\n    display: grid;\n    grid-template-columns: 0.9fr 1.1fr;\n    gap: 46px;\n    align-items: center;\n  }\n\n  .oct-package-image {\n    overflow: hidden;\n    border-radius: 20px;\n    background: rgba(255, 255, 255, 0.08);\n  }\n\n  .oct-package-image img {\n    min-height: 330px;\n    object-fit: cover;\n  }\n\n  .oct-package h2 {\n    margin: 0 0 16px;\n    color: #ffffff;\n    font-size: clamp(30px, 5vw, 44px);\n    line-height: 1.1;\n  }\n\n  .oct-package \u003e div p,\n  .oct-package-copy \u003e p {\n    color: rgba(255, 255, 255, 0.75);\n  }\n\n  .oct-box-item {\n    margin: 24px 0;\n    padding: 17px 18px;\n    border: 1px solid rgba(255, 255, 255, 0.16);\n    border-radius: 13px;\n    background: rgba(255, 255, 255, 0.08);\n  }\n\n  .oct-box-item strong {\n    display: block;\n    color: #ffffff;\n    font-size: 16px;\n  }\n\n  .oct-box-item span {\n    color: rgba(255, 255, 255, 0.65);\n    font-size: 13px;\n  }\n\n  .oct-trust-list {\n    display: grid;\n    gap: 10px;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .oct-trust-list li {\n    color: rgba(255, 255, 255, 0.82);\n    font-size: 14px;\n  }\n\n  \/* 结尾 *\/\n\n  .oct-final {\n    padding: 55px 0;\n    text-align: center;\n    background: #ffffff;\n  }\n\n  .oct-final-inner {\n    max-width: 780px;\n    margin: 0 auto;\n  }\n\n  .oct-final h2 {\n    margin: 0 0 15px;\n    color: var(--navy);\n    font-size: clamp(30px, 5vw, 45px);\n    line-height: 1.1;\n  }\n\n  .oct-final p {\n    margin: 0;\n    color: var(--muted);\n    font-size: 17px;\n  }\n\n  \/* 移动端 *\/\n\n  @media (max-width: 850px) {\n    .oct-hero-grid,\n    .oct-split,\n    .oct-gift-card,\n    .oct-package-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .oct-hero-grid,\n    .oct-split,\n    .oct-package-grid {\n      gap: 34px;\n    }\n\n    .oct-gift-image {\n      order: -1;\n    }\n\n    .oct-gift-copy {\n      padding: 38px 30px;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .oct-wrap {\n      width: calc(100% - 24px);\n    }\n\n    .oct-section {\n      padding: 46px 0;\n    }\n\n    .oct-banner img {\n      min-height: 68px;\n      object-fit: cover;\n    }\n\n    .oct-hero {\n      padding: 44px 0 52px;\n    }\n\n    .oct-hero h1 {\n      font-size: 39px;\n      letter-spacing: -1.4px;\n    }\n\n    .oct-hero p {\n      font-size: 16px;\n    }\n\n    .oct-hero-image {\n      padding: 6px;\n      border-radius: 18px;\n    }\n\n    .oct-hero-image img {\n      min-height: 310px;\n      border-radius: 13px;\n    }\n\n    .oct-benefit-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .oct-benefit {\n      padding: 20px;\n      border-right: 0;\n      border-bottom: 1px solid var(--border);\n    }\n\n    .oct-benefit:last-child {\n      border-bottom: 0;\n    }\n\n    .oct-title {\n      font-size: 31px;\n    }\n\n    .oct-text {\n      font-size: 16px;\n    }\n\n    .oct-split-image img,\n    .oct-gift-image img {\n      min-height: 315px;\n      border-radius: 17px;\n    }\n\n    .oct-gift-card {\n      border-radius: 18px;\n    }\n\n    .oct-gift-copy {\n      padding: 30px 21px;\n    }\n\n    .oct-package {\n      padding: 48px 0;\n    }\n\n    .oct-package-image img {\n      min-height: 270px;\n    }\n\n    .oct-final {\n      padding: 46px 0;\n    }\n\n    .oct-final h2 {\n      font-size: 31px;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"oct-landing\"\u003e\n\n\u003c!-- 顶部横幅 --\u003e\n\u003cdiv class=\"oct-banner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 首屏 --\u003e\n\u003csection class=\"oct-hero\"\u003e\n\u003cdiv class=\"oct-wrap\"\u003e\n\n\u003cdiv class=\"oct-hero-grid\"\u003e\n\n\u003cdiv\u003e\n\n\u003ch1\u003eLe Mystère de l'Océan, \u003cspan\u003eCapturé dans un Stylo\u003c\/span\u003e\n\n\u003c\/h1\u003e\n\n\u003cp\u003eUn instrument d'écriture saisissant inspiré du poulpe à anneaux bleus, avec des tentacules sculptées, des détails bleus éclatants et un corps bleu océan profond.\u003c\/p\u003e\n\n\u003cul class=\"oct-points\"\u003e\n\n\u003cli\u003eConception tridimensionnelle détaillée du poulpe\u003c\/li\u003e\n\n\u003cli\u003ePièce de collection distinctive inspirée de la marine\u003c\/li\u003e\n\n\u003cli\u003eIdéal pour les bureaux, les collections et les cadeaux inoubliables\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"oct-hero-image\"\u003e\u003cimg src=\"https:\/\/img.abeloo.top\/uploader\/cabb7b27b39c8933eec3e0e1a7cd0caf.jpg\" alt=\"Blue-Ringed Octopus Masterpiece Pen\" loading=\"eager\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!-- 三个核心卖点 --\u003e\n\u003csection class=\"oct-benefits\"\u003e\n\u003cdiv class=\"oct-wrap\"\u003e\n\n\u003cdiv class=\"oct-benefit-grid\"\u003e\n\n\u003cdiv class=\"oct-benefit\"\u003e\n\n\u003cspan\u003e🐙\u003c\/span\u003e \u003cstrong\u003eDesign sculpté en 3D\u003c\/strong\u003e\n\u003cp\u003eTentacules courbées et détails de surface réalistes.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"oct-benefit\"\u003e\n\n\u003cspan\u003e🌊\u003c\/span\u003e \u003cstrong\u003eArt inspiré de l'océan\u003c\/strong\u003e\n\u003cp\u003eAnneaux bleus éclatants, coraux et accents marins.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"oct-benefit\"\u003e\n\n\u003cspan\u003e🎁\u003c\/span\u003e \u003cstrong\u003eCadeau mémorable\u003c\/strong\u003e\n\u003cp\u003eParfait pour les écrivains, les collectionneurs et les amoureux de l'océan.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!-- 工艺细节 --\u003e\n\u003csection class=\"oct-section\"\u003e\n\u003cdiv class=\"oct-wrap\"\u003e\n\n\u003cdiv class=\"oct-split\"\u003e\n\n\u003cdiv class=\"oct-split-image\"\u003e\u003cimg src=\"https:\/\/img.abeloo.top\/uploader\/426cc9811245f0c64539fa30a4a90f9d.jpg\" alt=\"Detailed octopus pen sculpture\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\n\u003cdiv\u003e\n\n\u003cp class=\"oct-label\"\u003eDétaillé sous Tous les Angles\u003c\/p\u003e\n\n\u003ch2 class=\"oct-title\"\u003ePlus qu'un Simple Instrument d'Écriture\u003c\/h2\u003e\n\n\u003cp class=\"oct-text\"\u003eLe poulpe sculpté semble s'enrouler autour du corps du stylo, créant un design dimensionnel qui est artistique, spectaculaire et plein de caractère.\u003c\/p\u003e\n\n\u003cul class=\"oct-list\"\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003eDétails vibrants des anneaux bleus\u003c\/strong\u003e \u003cspan\u003eDes marques audacieuses créent un look reconnaissable inspiré de la marine.\u003c\/span\u003e\n\n\u003c\/li\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003eTentacules sculptées courbées\u003c\/strong\u003e \u003cspan\u003eDes formes superposées ajoutent de la profondeur au lieu d'être plates ou imprimées.\u003c\/span\u003e\n\n\u003c\/li\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003eAccents marins métalliques\u003c\/strong\u003e \u003cspan\u003eCoraux, bulles et détails décoratifs complètent le design.\u003c\/span\u003e\n\n\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!-- 送礼场景 --\u003e\n\u003csection class=\"oct-section oct-gift\"\u003e\n\u003cdiv class=\"oct-wrap\"\u003e\n\n\u003cdiv class=\"oct-gift-card\"\u003e\n\n\u003cdiv class=\"oct-gift-copy\"\u003e\n\n\u003cp class=\"oct-label\"\u003eUn Cadeau Qu'Ils N'Oublieront Jamais\u003c\/p\u003e\n\n\u003ch2 class=\"oct-title\"\u003eOffrez Quelque Chose Qu'Ils N'ont Jamais Vu\u003c\/h2\u003e\n\n\u003cp class=\"oct-text\"\u003eIdéal pour les anniversaires, les fêtes, les remises de diplômes ou les étapes professionnelles. Il est suffisamment pratique pour être utilisé et suffisamment distinctif pour être exposé.\u003c\/p\u003e\n\n\u003cdiv class=\"oct-tags\"\u003e\n\n\u003cspan class=\"oct-tag\"\u003eAmoureux de l'océan\u003c\/span\u003e \u003cspan class=\"oct-tag\"\u003eCollectionneurs de stylos\u003c\/span\u003e \u003cspan class=\"oct-tag\"\u003eÉcrivains\u003c\/span\u003e \u003cspan class=\"oct-tag\"\u003eProfessionnels\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"oct-gift-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/cabb7b27b39c8933eec3e0e1a7cd0caf.jpg?v=1784271886\" alt=\"\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!-- 包装与保障 --\u003e\n\u003csection class=\"oct-package\"\u003e\n\u003cdiv class=\"oct-wrap\"\u003e\n\n\u003cdiv class=\"oct-package-grid\"\u003e\n\n\u003cdiv class=\"oct-package-image\"\u003e\u003cimg src=\"https:\/\/img.abeloo.top\/uploader\/f54394c280703e0544c1f0cf27244caf.gif\" alt=\"Blue-Ringed Octopus Pen rotating view\" width=\"465\" height=\"262\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"oct-package-copy\"\u003e\n\n\u003ch2\u003eQue Contient la Boîte ?\u003c\/h2\u003e\n\n\u003cp\u003eVotre commande comprend l'instrument d'écriture inspiré du collectionneur présenté sur cette page.\u003c\/p\u003e\n\n\u003cdiv class=\"oct-box-item\"\u003e\n\n\u003cstrong\u003e📦 1 × Stylo Poulpe à Anneaux Bleus\u003c\/strong\u003e \u003cspan\u003eDesign sculptural inspiré de la marine\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cul class=\"oct-trust-list\"\u003e\n\n\u003cli\u003e🌎 Options de livraison mondiale\u003c\/li\u003e\n\n\u003cli\u003e📍 Suivi fourni si disponible\u003c\/li\u003e\n\n\u003cli\u003e🔒 Paiement sécurisé et crypté\u003c\/li\u003e\n\n\u003cli\u003e✉️ Support client pour l'aide à la commande\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!-- 结尾 --\u003e\n\u003csection class=\"oct-final\"\u003e\n\u003cdiv class=\"oct-wrap\"\u003e\n\n\u003cdiv class=\"oct-final-inner\"\u003e\n\n\u003ch2\u003eApportez le Mystère de l'Océan à Votre Bureau\u003c\/h2\u003e\n\n\u003cp\u003eUne combinaison audacieuse de fonction d'écriture, d'art marin et de caractère de collection.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\u003cstyle\u003e\n  \/* =====================================================\n     PC 窄容器错版修复\n     根据模块自身宽度判断，而不是浏览器宽度\n  ====================================================== *\/\n\n  .oct-landing {\n    width: 100% !important;\n    max-width: 100% !important;\n    min-width: 0 !important;\n    container-name: octProductPage;\n    container-type: inline-size;\n  }\n\n  .oct-landing *,\n  .oct-landing .oct-wrap,\n  .oct-landing .oct-hero-grid,\n  .oct-landing .oct-split,\n  .oct-landing .oct-gift-card,\n  .oct-landing .oct-package-grid {\n    min-width: 0;\n    max-width: 100%;\n  }\n\n  \/*\n    默认使用单栏。\n    当代码放在产品右侧窄栏时，不再强行左右排列。\n  *\/\n\n  .oct-landing .oct-hero-grid,\n  .oct-landing .oct-split,\n  .oct-landing .oct-gift-card,\n  .oct-landing .oct-package-grid {\n    grid-template-columns: minmax(0, 1fr) !important;\n  }\n\n  .oct-landing .oct-benefit-grid {\n    grid-template-columns: minmax(0, 1fr) !important;\n  }\n\n  .oct-landing .oct-benefit {\n    border-right: 0 !important;\n    border-bottom: 1px solid var(--border) !important;\n  }\n\n  .oct-landing .oct-benefit:last-child {\n    border-bottom: 0 !important;\n  }\n\n  \/* 防止英文标题被拆成单个字母或短词 *\/\n\n  .oct-landing h1,\n  .oct-landing h2,\n  .oct-landing h3,\n  .oct-landing p,\n  .oct-landing li,\n  .oct-landing span,\n  .oct-landing strong {\n    max-width: 100%;\n    word-break: normal !important;\n    overflow-wrap: normal !important;\n    hyphens: none !important;\n    white-space: normal !important;\n  }\n\n  .oct-landing .oct-hero h1 {\n    font-size: 39px !important;\n    line-height: 1.07 !important;\n    letter-spacing: -1.2px !important;\n  }\n\n  .oct-landing .oct-hero {\n    padding: 44px 0 48px !important;\n  }\n\n  .oct-landing .oct-hero-grid {\n    gap: 30px !important;\n  }\n\n  .oct-landing .oct-hero p {\n    font-size: 16px !important;\n    line-height: 1.65 !important;\n  }\n\n  .oct-landing .oct-wrap {\n    width: calc(100% - 28px) !important;\n    margin-right: auto !important;\n    margin-left: auto !important;\n  }\n\n  \/* 产品主图左侧已经存在，窄栏状态下隐藏重复首屏图片 *\/\n\n  .oct-landing .oct-hero-image {\n    display: none !important;\n  }\n\n  \/* 其他详情图片保持正常比例 *\/\n\n  .oct-landing .oct-split-image img,\n  .oct-landing .oct-gift-image img,\n  .oct-landing .oct-package-image img {\n    width: 100% !important;\n    min-height: 0 !important;\n    height: auto !important;\n    aspect-ratio: auto !important;\n    object-fit: contain !important;\n  }\n\n  .oct-landing .oct-gift-image {\n    order: -1;\n  }\n\n  .oct-landing .oct-gift-copy {\n    padding: 30px 22px !important;\n  }\n\n  .oct-landing .oct-section {\n    padding: 46px 0 !important;\n  }\n\n  .oct-landing .oct-title {\n    font-size: 31px !important;\n    line-height: 1.14 !important;\n    letter-spacing: -0.7px !important;\n  }\n\n  \/*\n    只有当详情模块自身宽度超过 820px，\n    才恢复真正的 PC 双栏布局。\n  *\/\n\n  @container octProductPage (min-width: 820px) {\n    .oct-landing .oct-wrap {\n      width: min(1080px, calc(100% - 40px)) !important;\n    }\n\n    .oct-landing .oct-hero {\n      padding: 64px 0 !important;\n    }\n\n    .oct-landing .oct-hero-grid {\n      grid-template-columns:\n        minmax(0, 0.95fr)\n        minmax(0, 1.05fr) !important;\n      gap: 48px !important;\n    }\n\n    .oct-landing .oct-hero-image {\n      display: block !important;\n    }\n\n    .oct-landing .oct-hero-image img {\n      width: 100% !important;\n      min-height: 430px !important;\n      object-fit: cover !important;\n    }\n\n    .oct-landing .oct-hero h1 {\n      font-size: clamp(38px, 5vw, 62px) !important;\n      line-height: 1.02 !important;\n      letter-spacing: -2px !important;\n    }\n\n    .oct-landing .oct-hero p {\n      font-size: 18px !important;\n    }\n\n    .oct-landing .oct-benefit-grid {\n      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n    }\n\n    .oct-landing .oct-benefit {\n      border-right: 1px solid var(--border) !important;\n      border-bottom: 0 !important;\n    }\n\n    .oct-landing .oct-benefit:last-child {\n      border-right: 0 !important;\n    }\n\n    .oct-landing .oct-split {\n      grid-template-columns:\n        minmax(0, 1fr)\n        minmax(0, 1fr) !important;\n      gap: 56px !important;\n    }\n\n    .oct-landing .oct-gift-card {\n      grid-template-columns:\n        minmax(0, 1fr)\n        minmax(0, 1fr) !important;\n    }\n\n    .oct-landing .oct-package-grid {\n      grid-template-columns:\n        minmax(0, 0.9fr)\n        minmax(0, 1.1fr) !important;\n      gap: 46px !important;\n    }\n\n    .oct-landing .oct-gift-image {\n      order: initial;\n    }\n\n    .oct-landing .oct-gift-copy {\n      padding: 48px !important;\n    }\n\n    .oct-landing .oct-section {\n      padding: 64px 0 !important;\n    }\n\n    .oct-landing .oct-title {\n      font-size: clamp(30px, 4vw, 48px) !important;\n      line-height: 1.08 !important;\n      letter-spacing: -1.3px !important;\n    }\n  }\n\u003c\/style\u003e","brand":"mysite","offers":[{"title":"Pieuvre à anneaux bleus","offer_id":52320857882926,"sku":"WBK2607174299-章鱼","price":22.99,"currency_code":"USD","in_stock":true},{"title":"Requin","offer_id":52320857915694,"sku":"WBK2607174299-鲨鱼","price":22.99,"currency_code":"USD","in_stock":true},{"title":"Tortue de mer","offer_id":52320857948462,"sku":"WBK2607174299-海龟","price":22.99,"currency_code":"USD","in_stock":true},{"title":"Hippocampe","offer_id":52320857981230,"sku":"WBK2607174299-海马","price":22.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/cabb7b27b39c8933eec3e0e1a7cd0caf.jpg?v=1784271886","url":"https:\/\/cotitoc.com\/fr\/products\/blue-ringed-octopus-pen-2201791422178","provider":"cotitoc","version":"1.0","type":"link"}