{"product_id":"8-piece-gradient-pencil-set","title":"8-Piece Gradient Pencil Set","description":"\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!--\n  [AI Design Logic]\n  产品类型：创意文具（多色中性笔套装）\n  目标受众：手账爱好者、学生、创意人士\n  视觉风格：活力、多彩、清新、趣味\n  配色策略：以白色背景为主，突出笔芯本身的彩虹色，使用明亮蓝色作为强调色。\n  模块顺序：Intro -\u003e Feature 1 (核心彩虹效果) -\u003e Feature 2 (8色组合) -\u003e Feature 3 (使用场景\/顺滑度) -\u003e Specs -\u003e FAQ\n  详情图映射：Hero=image_3.png, Feature1=image_1.png, Feature2=image_2.png, Feature3=image_4.png\n  规格图映射：无专用规格图，根据报告提取数据。\n  对比模块：未加入（无明显竞品对比需求，侧重展示自身特色）。\n  注：已忽略带有削笔刀的 image_5.png，避免与中性笔属性冲突。\n  --\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n      \/* Design System Variables *\/\n      --primary: #0056b3; \/* 选取一个沉稳但有活力的蓝色作为主色 *\/\n      --text-main: #333333;\n      --text-sub: #666666;\n      --bg-body: #ffffff;\n      --bg-soft: #f8f9fa;\n      --radius-md: 12px;\n      --radius-lg: 20px;\n      --spacing-y: clamp(3rem, 8vw, 5rem); \/* 模块垂直间距 *\/\n      --spacing-x: clamp(2rem, 5vw, 4rem); \/* 模块水平间距 *\/\n\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 clamp(1rem, 3%, 2rem);\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      color: var(--text-main);\n      line-height: 1.75;\n      overflow-wrap: break-word;\n    }\n\n    \/* Typography *\/\n    .product-detail-container h1 {\n      font-size: clamp(32px, 5vw, 44px);\n      font-weight: 700;\n      line-height: 1.2;\n      margin-bottom: 1rem;\n      color: var(--primary);\n    }\n\n    .product-detail-container h2 {\n      font-size: clamp(24px, 4vw, 32px);\n      font-weight: 600;\n      margin-bottom: 1.5rem;\n    }\n\n    .product-detail-container h3 {\n      font-size: 22px;\n      font-weight: 600;\n      margin-bottom: 1rem;\n    }\n\n    .product-detail-container p {\n      font-size: clamp(18px, 2vw, 20px);\n      color: var(--text-sub);\n      margin-bottom: 1.5rem;\n    }\n\n    \/* Utilities *\/\n    .pd-text-center { text-align: center; }\n    .pd-mb-lg { margin-bottom: var(--spacing-y); }\n    .pd-tag {\n      display: inline-block;\n      background: var(--bg-soft);\n      color: var(--primary);\n      padding: 0.4rem 1rem;\n      border-radius: 50px;\n      font-size: 16px;\n      font-weight: 500;\n      margin-right: 0.5rem;\n      margin-bottom: 0.5rem;\n    }\n    \n    \/* Image Placeholder Style *\/\n    .pd-image-placeholder {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: var(--radius-md);\n      background-color: var(--bg-soft);\n      border: 2px dashed #e0e0e0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: #999;\n      font-family: monospace;\n      padding: 2rem;\n      box-sizing: border-box;\n    }\n    \n    \/* Standard Image Style (Scheme A) *\/\n    .pd-image {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: var(--radius-md);\n    }\n\n    \/* --- Modules --- *\/\n\n    \/* Hero Section *\/\n    .pd-hero {\n      display: flex;\n      align-items: center;\n      gap: var(--spacing-x);\n      padding: var(--spacing-y) 0;\n    }\n    .pd-hero-content { flex: 1; }\n    .pd-hero-media { flex: 1.2; }\n    .pd-trust-label {\n      font-size: 18px;\n      color: var(--primary);\n      font-weight: 600;\n      margin-bottom: 1rem;\n      display: block;\n    }\n\n    \/* Feature Section *\/\n    .pd-feature-item {\n      display: flex;\n      align-items: center;\n      gap: var(--spacing-x);\n      margin-bottom: var(--spacing-y);\n    }\n    .pd-feature-media { flex: 1; }\n    .pd-feature-copy { flex: 1; }\n\n    \/* Alternating Layout for Desktop *\/\n    @media (min-width: 768px) {\n      .pd-feature-item:nth-child(even) {\n        flex-direction: row-reverse;\n      }\n    }\n\n    \/* Specs Section *\/\n    .pd-specs-table {\n      width: 100%;\n      border-collapse: collapse;\n      margin-top: 2rem;\n    }\n    .pd-specs-table th,\n    .pd-specs-table td {\n      text-align: left;\n      padding: 1.2rem;\n      border-bottom: 1px solid #eee;\n      font-size: 18px;\n    }\n    .pd-specs-table th {\n      color: var(--text-main);\n      font-weight: 600;\n      width: 40%;\n    }\n    .pd-specs-table td {\n      color: var(--text-sub);\n    }\n\n    \/* FAQ Section *\/\n    .pd-faq-item {\n      margin-bottom: 2rem;\n      border-bottom: 1px solid #eee;\n      padding-bottom: 2rem;\n    }\n    .pd-faq-item:last-child { border-bottom: none; }\n    .pd-faq-item h3 { margin-bottom: 0.8rem; color: var(--primary); }\n    .pd-faq-item p { margin-bottom: 0; }\n\n    \/* Mobile Optimization *\/\n    @media (max-width: 767px) {\n      .pd-hero, .pd-feature-item {\n        flex-direction: column;\n        text-align: center;\n      }\n      .pd-feature-media {\n        order: -1; \/* Image on top *\/\n        margin-bottom: 1.5rem;\n      }\n      .pd-tag {\n        margin: 0.25rem;\n      }\n    }\n\u003c\/style\u003e\n\u003c!-- A. Intro \/ Hero Content Block --\u003e\n\u003csection class=\"pd-hero\"\u003e\n\u003cdiv class=\"pd-hero-content\"\u003e\n\u003cspan class=\"pd-trust-label\"\u003e✨ Designed for Creative Souls\u003c\/span\u003e\n\u003ch1\u003eInstant Rainbows in Every Stroke\u003c\/h1\u003e\n\n\u003cp\u003eTransform your notes, journals, and doodles into vibrant art. This 8-piece retractable gel pen set features unique multi-colored cores that create stunning gradient effects with every line.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-tags\"\u003e\n\u003cspan class=\"pd-tag\"\u003e8-Color Set\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eRetractable Design\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eSmooth Gel Ink\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-hero-media\"\u003e\n\u003cdiv class=\"pd-image-placeholder\"\u003e\u003cdiv\u003e\u003cimg cke-id=\"img58\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260612095326\/55d2bfa6dc9608ac70b94bd5847085aa.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pd-features pd-mb-lg\"\u003e\n\u003cdiv class=\"pd-feature-item\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"pd-image-placeholder\"\u003e\u003cdiv\u003e\u003cimg cke-id=\"img59\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260612095326\/235a5aba14159ce65ac9e83013ca4f9b.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003eOne Pen, A Spectrum of Color\u003c\/h2\u003e\n\n\u003cp\u003eForget switching pens constantly. Our innovative multi-ink core technology blends several vibrant colors together, allowing you to write in a continuous, beautiful rainbow gradient without interruption.\u003c\/p\u003e\n\u003cspan class=\"pd-tag\"\u003eMulti-Color Core\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eUnique Gradient\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2 --\u003e\n\n\u003cdiv class=\"pd-feature-item\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"pd-image-placeholder\"\u003e\u003cdiv\u003e\u003cimg cke-id=\"img60\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260612095326\/457514768a89911922f31a717d9b98ce.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003eExplore 8 Distinct Color Palettes\u003c\/h2\u003e\n\n\u003cp\u003eThis set includes eight different pens, each with a unique color combination. From warm sunrise tones to cool ocean blues, you have a versatile palette to match your mood or project needs.\u003c\/p\u003e\n\u003cspan class=\"pd-tag\"\u003eVibrant Variety\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eColor-Coding Ready\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3 --\u003e\n\n\u003cdiv class=\"pd-feature-item\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"pd-image-placeholder\"\u003e\u003cdiv\u003e\u003cimg cke-id=\"img61\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260612095326\/6789c4729856d6e548fad3ddc98c646b.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003eSmooth Flow for Endless Creativity\u003c\/h2\u003e\n\n\u003cp\u003eEnjoy a consistent and skip-free writing experience. The high-quality gel ink flows smoothly onto the page, making these pens perfect for journaling, intricate doodling, card making, and adding flair to planners.\u003c\/p\u003e\n\u003cspan class=\"pd-tag\"\u003eNo Skipping\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eClean Lines\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- C. Specifications --\u003e\n\n\u003csection class=\"pd-specs pd-mb-lg\"\u003e\n\u003ch2 class=\"pd-text-center\"\u003eProduct Specifications\u003c\/h2\u003e\n\n\u003ctable class=\"pd-specs-table\"\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eQuantity\u003c\/th\u003e\n\t\t\t\u003ctd\u003e8 Pens per Set\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eInk Type\u003c\/th\u003e\n\t\t\t\u003ctd\u003eMulti-colored Gel Ink\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eMechanism\u003c\/th\u003e\n\t\t\t\u003ctd\u003eRetractable Click-Top\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eBarrel Color\u003c\/th\u003e\n\t\t\t\u003ctd\u003eMinimalist White\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eRecommended Use\u003c\/th\u003e\n\t\t\t\u003ctd\u003eJournaling, Doodling, Notes, Crafts\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/section\u003e\n\u003c!-- D. FAQ --\u003e\n\n\u003csection class=\"pd-faq pd-mb-lg\"\u003e\n\u003ch2 class=\"pd-text-center\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"pd-faq-item\"\u003e\n\u003ch3\u003e🌈 How do I make the rainbow effect work?\u003c\/h3\u003e\n\n\u003cp\u003eIt happens automatically! Just write or draw as you normally would. The unique multi-colored core delivers different colors simultaneously to create the gradient effect.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-faq-item\"\u003e\n\u003ch3\u003e✍️ What type of paper works best with these pens?\u003c\/h3\u003e\n\n\u003cp\u003eThese gel pens work beautifully on most standard notebook paper, journals, and cardstock. The ink flows smoothly and dries relatively quickly to minimize smudging.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-faq-item\"\u003e\n\u003ch3\u003e🖊️ Are these pens retractable or do they have caps?\u003c\/h3\u003e\n\n\u003cp\u003eThey feature a convenient retractable click-top mechanism. No caps to lose—just click and write.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"1 Pack (8 Pencils)","offer_id":45719770267839,"sku":null,"price":9.9,"currency_code":"USD","in_stock":true},{"title":"2 Packs (Share with Friends - 10%)","offer_id":45719770300607,"sku":null,"price":9.9,"currency_code":"USD","in_stock":true},{"title":"3 Packs (Best Value - 15%)","offer_id":45719770333375,"sku":null,"price":9.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0701\/3220\/3711\/files\/55d2bfa6dc9608ac70b94bd5847085aa.jpg?v=1781231345","url":"https:\/\/ggkbkw-fz.myshopify.com\/products\/8-piece-gradient-pencil-set","provider":"Bak","version":"1.0","type":"link"}