{"product_id":"blue-ringed-octopus-pen","title":"🐙Blue Ringed Octopus Pen🎁Buy 3 Get 1 Free","description":"\u003cstyle\u003e  .oct-landing,  .oct-landing * {    box-sizing: border-box;  }  .oct-landing {    --navy: #09283d;    --blue: #087ea4;    --light-blue: #eaf7fa;    --gold: #d8aa54;    --text: #23303c;    --muted: #65717c;    --border: #dce7eb;    --white: #ffffff;    width: 100%;    margin: 0 auto;    overflow: hidden;    background: var(--white);    color: var(--text);    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;    font-size: 16px;    line-height: 1.65;  }  .oct-landing img {    display: block;    width: 100%;    height: auto;    margin: 0;  }  .oct-wrap {    width: min(1080px, calc(100% - 32px));    margin: 0 auto;  }  .oct-section {    padding: 64px 0;  }  .oct-label {    margin: 0 0 10px;    color: var(--blue);    font-size: 13px;    font-weight: 800;    letter-spacing: 1.2px;    text-transform: uppercase;  }  .oct-title {    margin: 0 0 18px;    color: var(--navy);    font-size: clamp(30px, 5vw, 48px);    font-weight: 800;    letter-spacing: -1.3px;    line-height: 1.08;  }  .oct-text {    margin: 0;    color: var(--muted);    font-size: 17px;    line-height: 1.7;  }  \/* 顶部横幅 *\/  .oct-banner {    background: var(--navy);  }  .oct-banner img {    width: 100%;    max-height: 190px;    object-fit: cover;  }  \/* 首屏 *\/  .oct-hero {    padding: 64px 0;    background:      radial-gradient(circle at 90% 10%, rgba(41, 190, 211, 0.25), transparent 35%),      linear-gradient(135deg, #061c2d, #075572);  }  .oct-hero-grid {    display: grid;    grid-template-columns: 0.95fr 1.05fr;    gap: 48px;    align-items: center;  }  .oct-hero h1 {    margin: 0 0 20px;    color: #ffffff;    font-size: clamp(38px, 6vw, 62px);    font-weight: 850;    letter-spacing: -2px;    line-height: 1.02;  }  .oct-hero h1 span {    color: #65e3ef;  }  .oct-hero p {    margin: 0 0 24px;    color: rgba(255, 255, 255, 0.82);    font-size: 18px;    line-height: 1.7;  }  .oct-points {    display: grid;    gap: 12px;    margin: 0;    padding: 0;    list-style: none;  }  .oct-points li {    display: flex;    gap: 10px;    align-items: flex-start;    color: #ffffff;    font-size: 15px;    font-weight: 650;  }  .oct-points li::before {    display: inline-flex;    flex: 0 0 21px;    width: 21px;    height: 21px;    margin-top: 2px;    align-items: center;    justify-content: center;    border-radius: 50%;    background: #55d7e6;    color: #062238;    font-size: 13px;    font-weight: 900;    content: \"✓\";  }  .oct-hero-image {    overflow: hidden;    padding: 9px;    border: 1px solid rgba(255, 255, 255, 0.18);    border-radius: 24px;    background: rgba(255, 255, 255, 0.08);    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.25);  }  .oct-hero-image img {    min-height: 430px;    border-radius: 17px;    object-fit: cover;  }  \/* 三个核心卖点 *\/  .oct-benefits {    padding: 28px 0;    border-bottom: 1px solid var(--border);    background: #ffffff;  }  .oct-benefit-grid {    display: grid;    grid-template-columns: repeat(3, 1fr);    gap: 0;  }  .oct-benefit {    padding: 14px 26px;    border-right: 1px solid var(--border);    text-align: center;  }  .oct-benefit:last-child {    border-right: 0;  }  .oct-benefit span {    display: block;    margin-bottom: 8px;    font-size: 27px;  }  .oct-benefit strong {    display: block;    margin-bottom: 5px;    color: var(--navy);    font-size: 16px;  }  .oct-benefit p {    margin: 0;    color: var(--muted);    font-size: 14px;    line-height: 1.5;  }  \/* 图文模块 *\/  .oct-split {    display: grid;    grid-template-columns: repeat(2, minmax(0, 1fr));    gap: 56px;    align-items: center;  }  .oct-split-image img {    min-height: 440px;    border-radius: 22px;    background: #edf5f7;    box-shadow: 0 18px 45px rgba(9, 40, 61, 0.12);    object-fit: cover;  }  .oct-list {    display: grid;    gap: 16px;    margin: 26px 0 0;    padding: 0;    list-style: none;  }  .oct-list li {    padding: 16px 18px;    border-left: 3px solid var(--blue);    border-radius: 0 10px 10px 0;    background: var(--light-blue);  }  .oct-list strong {    display: block;    margin-bottom: 3px;    color: var(--navy);    font-size: 15px;  }  .oct-list span {    color: var(--muted);    font-size: 14px;  }  \/* 礼物模块 *\/  .oct-gift {    background: #f3f8fa;  }  .oct-gift-card {    display: grid;    grid-template-columns: 1fr 1fr;    overflow: hidden;    border: 1px solid var(--border);    border-radius: 24px;    background: #ffffff;  }  .oct-gift-copy {    display: flex;    padding: 48px;    flex-direction: column;    justify-content: center;  }  .oct-gift-image img {    width: 100%;    height: 100%;    min-height: 430px;    object-fit: cover;  }  .oct-tags {    display: flex;    gap: 8px;    flex-wrap: wrap;    margin-top: 24px;  }  .oct-tag {    padding: 7px 11px;    border: 1px solid #c8e2e7;    border-radius: 999px;    background: #f2fbfc;    color: #18556a;    font-size: 13px;    font-weight: 700;  }  \/* 包装与保障 *\/  .oct-package {    padding: 62px 0;    color: #ffffff;    background: linear-gradient(135deg, #071f33, #07516d);  }  .oct-package-grid {    display: grid;    grid-template-columns: 0.9fr 1.1fr;    gap: 46px;    align-items: center;  }  .oct-package-image {    overflow: hidden;    border-radius: 20px;    background: rgba(255, 255, 255, 0.08);  }  .oct-package-image img {    min-height: 330px;    object-fit: cover;  }  .oct-package h2 {    margin: 0 0 16px;    color: #ffffff;    font-size: clamp(30px, 5vw, 44px);    line-height: 1.1;  }  .oct-package \u003e div p,  .oct-package-copy \u003e p {    color: rgba(255, 255, 255, 0.75);  }  .oct-box-item {    margin: 24px 0;    padding: 17px 18px;    border: 1px solid rgba(255, 255, 255, 0.16);    border-radius: 13px;    background: rgba(255, 255, 255, 0.08);  }  .oct-box-item strong {    display: block;    color: #ffffff;    font-size: 16px;  }  .oct-box-item span {    color: rgba(255, 255, 255, 0.65);    font-size: 13px;  }  .oct-trust-list {    display: grid;    gap: 10px;    margin: 0;    padding: 0;    list-style: none;  }  .oct-trust-list li {    color: rgba(255, 255, 255, 0.82);    font-size: 14px;  }  \/* 结尾 *\/  .oct-final {    padding: 55px 0;    text-align: center;    background: #ffffff;  }  .oct-final-inner {    max-width: 780px;    margin: 0 auto;  }  .oct-final h2 {    margin: 0 0 15px;    color: var(--navy);    font-size: clamp(30px, 5vw, 45px);    line-height: 1.1;  }  .oct-final p {    margin: 0;    color: var(--muted);    font-size: 17px;  }  \/* 移动端 *\/  @media (max-width: 850px) {    .oct-hero-grid,    .oct-split,    .oct-gift-card,    .oct-package-grid {      grid-template-columns: 1fr;    }    .oct-hero-grid,    .oct-split,    .oct-package-grid {      gap: 34px;    }    .oct-gift-image {      order: -1;    }    .oct-gift-copy {      padding: 38px 30px;    }  }  @media (max-width: 600px) {    .oct-wrap {      width: calc(100% - 24px);    }    .oct-section {      padding: 46px 0;    }    .oct-banner img {      min-height: 68px;      object-fit: cover;    }    .oct-hero {      padding: 44px 0 52px;    }    .oct-hero h1 {      font-size: 39px;      letter-spacing: -1.4px;    }    .oct-hero p {      font-size: 16px;    }    .oct-hero-image {      padding: 6px;      border-radius: 18px;    }    .oct-hero-image img {      min-height: 310px;      border-radius: 13px;    }    .oct-benefit-grid {      grid-template-columns: 1fr;    }    .oct-benefit {      padding: 20px;      border-right: 0;      border-bottom: 1px solid var(--border);    }    .oct-benefit:last-child {      border-bottom: 0;    }    .oct-title {      font-size: 31px;    }    .oct-text {      font-size: 16px;    }    .oct-split-image img,    .oct-gift-image img {      min-height: 315px;      border-radius: 17px;    }    .oct-gift-card {      border-radius: 18px;    }    .oct-gift-copy {      padding: 30px 21px;    }    .oct-package {      padding: 48px 0;    }    .oct-package-image img {      min-height: 270px;    }    .oct-final {      padding: 46px 0;    }    .oct-final h2 {      font-size: 31px;    }  }\u003c\/style\u003e\u003cdiv class=\"oct-landing\"\u003e\n\u003c!-- 顶部横幅 --\u003e\u003cdiv class=\"oct-banner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 首屏 --\u003e\u003csection class=\"oct-hero\"\u003e\u003cdiv class=\"oct-wrap\"\u003e\u003cdiv class=\"oct-hero-grid\"\u003e\n\u003cdiv\u003e\n\u003ch1\u003eThe Ocean’s Mystery, \u003cspan\u003eCaptured in a Pen\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp\u003eA striking writing instrument inspired by the blue-ringed octopus, featuring sculpted tentacles, vivid blue details and a rich ocean-blue barrel.\u003c\/p\u003e\n\u003cul class=\"oct-points\"\u003e\n\u003cli\u003eDetailed three-dimensional octopus design\u003c\/li\u003e\n\u003cli\u003eDistinctive marine-inspired collector’s piece\u003c\/li\u003e\n\u003cli\u003eIdeal for desks, collections and unforgettable gifts\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\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\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- 三个核心卖点 --\u003e\u003csection class=\"oct-benefits\"\u003e\u003cdiv class=\"oct-wrap\"\u003e\u003cdiv class=\"oct-benefit-grid\"\u003e\n\u003cdiv class=\"oct-benefit\"\u003e\n\u003cspan\u003e🐙\u003c\/span\u003e \u003cstrong\u003eSculpted 3D Design\u003c\/strong\u003e\u003cp\u003eCurved tentacles and lifelike surface details.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oct-benefit\"\u003e\n\u003cspan\u003e🌊\u003c\/span\u003e \u003cstrong\u003eOcean-Inspired Art\u003c\/strong\u003e\u003cp\u003eVivid blue rings, coral and marine accents.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oct-benefit\"\u003e\n\u003cspan\u003e🎁\u003c\/span\u003e \u003cstrong\u003eMemorable Gift\u003c\/strong\u003e\u003cp\u003ePerfect for writers, collectors and ocean lovers.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- 工艺细节 --\u003e\u003csection class=\"oct-section\"\u003e\u003cdiv class=\"oct-wrap\"\u003e\u003cdiv class=\"oct-split\"\u003e\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\u003cdiv\u003e\n\u003cp class=\"oct-label\"\u003eDetailed From Every Angle\u003c\/p\u003e\n\u003ch2 class=\"oct-title\"\u003eMore Than an Ordinary Writing Instrument\u003c\/h2\u003e\n\u003cp class=\"oct-text\"\u003eThe sculpted octopus appears to wrap around the barrel, creating a dimensional design that feels artistic, dramatic and full of character.\u003c\/p\u003e\n\u003cul class=\"oct-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eVibrant Blue-Ring Details\u003c\/strong\u003e \u003cspan\u003eBold markings create a recognizable marine-inspired look.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCurved Sculpted Tentacles\u003c\/strong\u003e \u003cspan\u003eLayered shapes add depth instead of appearing flat or printed.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMetallic Marine Accents\u003c\/strong\u003e \u003cspan\u003eCoral, bubbles and decorative details complete the design.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- 送礼场景 --\u003e\u003csection class=\"oct-section oct-gift\"\u003e\u003cdiv class=\"oct-wrap\"\u003e\u003cdiv class=\"oct-gift-card\"\u003e\n\u003cdiv class=\"oct-gift-copy\"\u003e\n\u003cp class=\"oct-label\"\u003eA Gift They Will Remember\u003c\/p\u003e\n\u003ch2 class=\"oct-title\"\u003eGive Something They Haven’t Seen Before\u003c\/h2\u003e\n\u003cp class=\"oct-text\"\u003eIdeal for birthdays, holidays, graduations or professional milestones. It is practical enough to use and distinctive enough to display.\u003c\/p\u003e\n\u003cdiv class=\"oct-tags\"\u003e\n\u003cspan class=\"oct-tag\"\u003eOcean Lovers\u003c\/span\u003e \u003cspan class=\"oct-tag\"\u003ePen Collectors\u003c\/span\u003e \u003cspan class=\"oct-tag\"\u003eWriters\u003c\/span\u003e \u003cspan class=\"oct-tag\"\u003eProfessionals\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\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\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- 包装与保障 --\u003e\u003csection class=\"oct-package\"\u003e\u003cdiv class=\"oct-wrap\"\u003e\u003cdiv class=\"oct-package-grid\"\u003e\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\u003cdiv class=\"oct-package-copy\"\u003e\n\u003ch2\u003eWhat’s in the Box?\u003c\/h2\u003e\n\u003cp\u003eYour order includes the featured collector-inspired writing instrument shown on this page.\u003c\/p\u003e\n\u003cdiv class=\"oct-box-item\"\u003e\n\u003cstrong\u003e📦 1 × Blue-Ringed Octopus Pen\u003c\/strong\u003e \u003cspan\u003eMarine-inspired sculptural design\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cul class=\"oct-trust-list\"\u003e\n\u003cli\u003e🌎 Worldwide shipping options\u003c\/li\u003e\n\u003cli\u003e📍 Tracking provided when available\u003c\/li\u003e\n\u003cli\u003e🔒 Secure encrypted checkout\u003c\/li\u003e\n\u003cli\u003e✉️ Customer support for order assistance\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- 结尾 --\u003e\u003csection class=\"oct-final\"\u003e\u003cdiv class=\"oct-wrap\"\u003e\u003cdiv class=\"oct-final-inner\"\u003e\n\u003ch2\u003eBring the Mystery of the Ocean to Your Desk\u003c\/h2\u003e\n\u003cp\u003eA bold combination of writing function, marine art and collectible character.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/div\u003e\u003cstyle\u003e  \/* =====================================================     PC 窄容器错版修复     根据模块自身宽度判断，而不是浏览器宽度  ====================================================== *\/  .oct-landing {    width: 100% !important;    max-width: 100% !important;    min-width: 0 !important;    container-name: octProductPage;    container-type: inline-size;  }  .oct-landing *,  .oct-landing .oct-wrap,  .oct-landing .oct-hero-grid,  .oct-landing .oct-split,  .oct-landing .oct-gift-card,  .oct-landing .oct-package-grid {    min-width: 0;    max-width: 100%;  }  \/*    默认使用单栏。    当代码放在产品右侧窄栏时，不再强行左右排列。  *\/  .oct-landing .oct-hero-grid,  .oct-landing .oct-split,  .oct-landing .oct-gift-card,  .oct-landing .oct-package-grid {    grid-template-columns: minmax(0, 1fr) !important;  }  .oct-landing .oct-benefit-grid {    grid-template-columns: minmax(0, 1fr) !important;  }  .oct-landing .oct-benefit {    border-right: 0 !important;    border-bottom: 1px solid var(--border) !important;  }  .oct-landing .oct-benefit:last-child {    border-bottom: 0 !important;  }  \/* 防止英文标题被拆成单个字母或短词 *\/  .oct-landing h1,  .oct-landing h2,  .oct-landing h3,  .oct-landing p,  .oct-landing li,  .oct-landing span,  .oct-landing strong {    max-width: 100%;    word-break: normal !important;    overflow-wrap: normal !important;    hyphens: none !important;    white-space: normal !important;  }  .oct-landing .oct-hero h1 {    font-size: 39px !important;    line-height: 1.07 !important;    letter-spacing: -1.2px !important;  }  .oct-landing .oct-hero {    padding: 44px 0 48px !important;  }  .oct-landing .oct-hero-grid {    gap: 30px !important;  }  .oct-landing .oct-hero p {    font-size: 16px !important;    line-height: 1.65 !important;  }  .oct-landing .oct-wrap {    width: calc(100% - 28px) !important;    margin-right: auto !important;    margin-left: auto !important;  }  \/* 产品主图左侧已经存在，窄栏状态下隐藏重复首屏图片 *\/  .oct-landing .oct-hero-image {    display: none !important;  }  \/* 其他详情图片保持正常比例 *\/  .oct-landing .oct-split-image img,  .oct-landing .oct-gift-image img,  .oct-landing .oct-package-image img {    width: 100% !important;    min-height: 0 !important;    height: auto !important;    aspect-ratio: auto !important;    object-fit: contain !important;  }  .oct-landing .oct-gift-image {    order: -1;  }  .oct-landing .oct-gift-copy {    padding: 30px 22px !important;  }  .oct-landing .oct-section {    padding: 46px 0 !important;  }  .oct-landing .oct-title {    font-size: 31px !important;    line-height: 1.14 !important;    letter-spacing: -0.7px !important;  }  \/*    只有当详情模块自身宽度超过 820px，    才恢复真正的 PC 双栏布局。  *\/  @container octProductPage (min-width: 820px) {    .oct-landing .oct-wrap {      width: min(1080px, calc(100% - 40px)) !important;    }    .oct-landing .oct-hero {      padding: 64px 0 !important;    }    .oct-landing .oct-hero-grid {      grid-template-columns:        minmax(0, 0.95fr)        minmax(0, 1.05fr) !important;      gap: 48px !important;    }    .oct-landing .oct-hero-image {      display: block !important;    }    .oct-landing .oct-hero-image img {      width: 100% !important;      min-height: 430px !important;      object-fit: cover !important;    }    .oct-landing .oct-hero h1 {      font-size: clamp(38px, 5vw, 62px) !important;      line-height: 1.02 !important;      letter-spacing: -2px !important;    }    .oct-landing .oct-hero p {      font-size: 18px !important;    }    .oct-landing .oct-benefit-grid {      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;    }    .oct-landing .oct-benefit {      border-right: 1px solid var(--border) !important;      border-bottom: 0 !important;    }    .oct-landing .oct-benefit:last-child {      border-right: 0 !important;    }    .oct-landing .oct-split {      grid-template-columns:        minmax(0, 1fr)        minmax(0, 1fr) !important;      gap: 56px !important;    }    .oct-landing .oct-gift-card {      grid-template-columns:        minmax(0, 1fr)        minmax(0, 1fr) !important;    }    .oct-landing .oct-package-grid {      grid-template-columns:        minmax(0, 0.9fr)        minmax(0, 1.1fr) !important;      gap: 46px !important;    }    .oct-landing .oct-gift-image {      order: initial;    }    .oct-landing .oct-gift-copy {      padding: 48px !important;    }    .oct-landing .oct-section {      padding: 64px 0 !important;    }    .oct-landing .oct-title {      font-size: clamp(30px, 4vw, 48px) !important;      line-height: 1.08 !important;      letter-spacing: -1.3px !important;    }  }\u003c\/style\u003e","brand":"mysite","offers":[{"title":"Blue Ringed Octopus","offer_id":58240757825696,"sku":"SZ04352607221711-海洋钢笔套装-章鱼","price":22.99,"currency_code":"USD","in_stock":true},{"title":"Shark","offer_id":58240757858464,"sku":"SZ04352607221711-海洋钢笔套装-鲨鱼","price":22.99,"currency_code":"USD","in_stock":true},{"title":"Sea Turtle","offer_id":58240757891232,"sku":"SZ04352607221711-海洋钢笔套装-海龟","price":22.99,"currency_code":"USD","in_stock":true},{"title":"Seahorse","offer_id":58240757924000,"sku":"SZ04352607221711-海洋钢笔套装-海马","price":22.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1052\/9823\/1456\/files\/cabb7b27b39c8933eec3e0e1a7cd0caf.jpg?v=1784704469","url":"https:\/\/smileadyoff.com\/products\/blue-ringed-octopus-pen","provider":"smileadyoff","version":"1.0","type":"link"}