{"product_id":"instant-magnetic-pencil-case","title":"Instant Magnetic Pencil Case","description":"\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!--\n  [AI Design Logic]\n  产品类型：硬壳磁吸大容量笔盒\n  目标受众：学生、办公人士，追求效率和整洁的人群\n  视觉风格：明亮、整洁、高效、充满活力\n  配色策略：以白色为主调，辅以活力蓝（--primary）作为强调色，背景采用柔和灰调衬托\n  模块顺序：Hero (核心利益：秒开) → Feature 1 (磁吸机制) → Feature 2 (大容量\/视野) → Feature 3 (分区收纳) → Specifications → FAQ\n  详情图映射：Hero=image_1.png, Feature1=image_0.png, Feature2=image_2.png, Feature3=image_3.png\n  规格图映射：Specs=image_4.png (用于提取颜色信息)\n  对比模块：未加入（产品自身特点鲜明，无需强对比）\n  --\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n      --primary: #2E9AFE; \/* 活力蓝，取自图片氛围 *\/\n      --primary-hover: #1C86EE;\n      --text-main: #333333;\n      --text-sub: #666666;\n      --bg-body: #FFFFFF;\n      --bg-card: #F8F9FA;\n      --bg-soft: #F0F4F8;\n      --radius-md: 8px;\n      --radius-lg: 12px;\n      --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);\n      --border-color: #E0E0E0;\n      --spacing-section: clamp(2.5rem, 6vw, 5rem);\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      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 5%;\n      box-sizing: border-box;\n    }\n\n    \/* Typography *\/\n    .product-detail-container h1 {\n      font-size: clamp(32px, 5vw, 44px);\n      font-weight: 700;\n      margin: 0 0 1rem;\n      line-height: 1.2;\n    }\n\n    .product-detail-container h2 {\n      font-size: clamp(24px, 4vw, 32px);\n      font-weight: 600;\n      margin: 0 0 1rem;\n    }\n\n    .product-detail-container h3 {\n      font-size: 22px;\n      font-weight: 600;\n      margin: 0 0 0.75rem;\n    }\n\n    .product-detail-container p {\n      font-size: clamp(16px, 1.5vw, 18px);\n      color: var(--text-sub);\n      margin: 0 0 1.5rem;\n    }\n\n    \/* Utilities *\/\n    .pd-tag {\n      display: inline-block;\n      background: var(--bg-soft);\n      color: var(--primary);\n      padding: 0.4rem 1rem;\n      border-radius: 2rem;\n      font-size: 16px;\n      font-weight: 500;\n      margin-right: 0.5rem;\n      margin-bottom: 0.5rem;\n    }\n\n    .pd-trust-badge {\n      display: inline-block;\n      background: var(--bg-card);\n      color: var(--text-sub);\n      padding: 0.5rem 1rem;\n      border-radius: var(--radius-md);\n      font-size: 16px;\n      margin-bottom: 1.5rem;\n      border: 1px solid var(--border-color);\n    }\n\n    \/* Image Handling - Default Fluid Scheme A *\/\n    .pd-image-wrapper {\n      width: 100%;\n      height: auto;\n      border-radius: var(--radius-lg);\n      overflow: hidden;\n    }\n\n    .pd-image-wrapper img {\n      width: 100%;\n      height: auto;\n      display: block;\n    }\n\n    \/* Image Placeholder Style *\/\n    .pd-image-placeholder {\n      width: 100%;\n      min-height: 300px;\n      background-color: #f0f0f0;\n      border: 2px dashed #ccc;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: #999;\n      font-size: 18px;\n      border-radius: var(--radius-lg);\n    }\n\n    \/* Layout Sections *\/\n    .pd-section {\n      margin-bottom: var(--spacing-section);\n    }\n\n    \/* Hero Section *\/\n    .pd-hero {\n      display: flex;\n      flex-direction: column;\n      gap: 2rem;\n      align-items: center;\n      text-align: center;\n    }\n\n    @media (min-width: 768px) {\n      .pd-hero {\n        text-align: left;\n        flex-direction: row-reverse;\n        align-items: center;\n      }\n      .pd-hero__content, .pd-hero__media {\n        flex: 1;\n      }\n    }\n\n    \/* Feature Section (Z-Pattern) *\/\n    .pd-feature-item {\n      display: flex;\n      flex-direction: column;\n      gap: 2rem;\n      align-items: center;\n    }\n\n    @media (min-width: 768px) {\n      .pd-feature-item {\n        flex-direction: row;\n        gap: 4rem;\n      }\n      .pd-feature-item:nth-child(even) {\n        flex-direction: row-reverse;\n      }\n      .pd-feature-media, .pd-feature-copy {\n        flex: 1;\n      }\n    }\n\n    \/* Specifications *\/\n    .pd-specs-table {\n      width: 100%;\n      border-collapse: separate;\n      border-spacing: 0;\n      border: 1px solid var(--border-color);\n      border-radius: var(--radius-md);\n      overflow: hidden;\n    }\n\n    .pd-specs-table th, .pd-specs-table td {\n      padding: 1rem;\n      text-align: left;\n      border-bottom: 1px solid var(--border-color);\n      font-size: 16px;\n    }\n    \n    .pd-specs-table th {\n      background: var(--bg-card);\n      width: 30%;\n      font-weight: 600;\n      color: var(--text-main);\n    }\n\n    .pd-specs-table tr:last-child th, .pd-specs-table tr:last-child td {\n      border-bottom: none;\n    }\n\n    \/* FAQ *\/\n    .pd-faq-item {\n      background: var(--bg-card);\n      padding: 1.5rem;\n      border-radius: var(--radius-md);\n      margin-bottom: 1rem;\n    }\n    .pd-faq-item h3 {\n      margin-bottom: 0.5rem;\n      color: var(--primary);\n    }\n    .pd-faq-item p {\n      margin-bottom: 0;\n    }\n\u003c\/style\u003e\n\u003c!-- A. Intro \/ Hero Content Block --\u003e\n\u003csection class=\"pd-section pd-hero\"\u003e\n\u003cdiv class=\"pd-hero__media\"\u003e\n\u003cdiv class=\"pd-image-wrapper\"\u003e\n\u003cdiv class=\"pd-image-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img98\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260703162117\/4de1377fdfabeb5bf557a9b9b44040ad.png\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-hero__content\"\u003e\n\u003cspan class=\"pd-trust-badge\"\u003e✨ Designed for everyday ease\u003c\/span\u003e\n\n\u003ch1\u003eInstant Access, Zero Zippers.\u003c\/h1\u003e\n\n\u003cp\u003eThe magnetic hard-shell pencil case designed for one-second opening. Say goodbye to fumbling and hello to instant organization.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- B. Feature Sections --\u003e\n\n\u003csection class=\"pd-section\"\u003e\u003c!-- Feature 1 --\u003e\n\u003cdiv class=\"pd-feature-item\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"pd-image-wrapper\"\u003e\n\u003cdiv class=\"pd-image-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img93\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260703161925\/b75a07914cbab790d0a9c94b3dd96d39.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003eSnap Open in One Second\u003c\/h2\u003e\n\n\u003cp\u003eForget frustrating zippers that get stuck. Our strong magnetic closure system allows you to open the case instantly with a simple upward lift and snaps securely shut when you're done. It's the fastest way to access your tools.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-tags\"\u003e\n\u003cspan class=\"pd-tag\"\u003eMagnetic Closure\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eNo Zippers\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2 --\u003e\n\n\u003cdiv class=\"pd-feature-item\" style=\"margin-top: var(--spacing-section);\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"pd-image-wrapper\"\u003e\n\u003cdiv class=\"pd-image-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img94\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260703161925\/8cdea6ed4245457f0684685ff282cddf.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003ePanoramic View, Massive Capacity\u003c\/h2\u003e\n\n\u003cp\u003eThe innovative wide-angle opening reveals everything at a glance—no more digging for buried pens. Despite its sleek profile, it easily holds over 30 pens and even fits a full-sized 20cm (8-inch) ruler.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-tags\"\u003e\n\u003cspan class=\"pd-tag\"\u003eHolds 30+ Pens\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eFits 20cm Ruler\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3 --\u003e\n\n\u003cdiv class=\"pd-feature-item\" style=\"margin-top: var(--spacing-section);\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"pd-image-wrapper\"\u003e\n\u003cdiv class=\"pd-image-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img95\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260703161925\/9bbb4a0bbc00e1a68cc1b3c9118fdda2.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003eSmart Compartment System\u003c\/h2\u003e\n\n\u003cp\u003eKeep small essentials neat and tidy. Integrated mesh pockets and dividers prevent clutter, ensuring erasers, sticky notes, and correction tapes have their own dedicated spot while protecting your favorite pens.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-tags\"\u003e\n\u003cspan class=\"pd-tag\"\u003eMesh Pockets\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eOrganized Layers\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- C. Specifications --\u003e\n\n\u003csection class=\"pd-section\"\u003e\n\u003ch2\u003eSpecifications\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\u003eProduct Type\u003c\/th\u003e\n\t\t\t\u003ctd\u003eHard-shell Magnetic Pencil Case\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eClosure Type\u003c\/th\u003e\n\t\t\t\u003ctd\u003eMagnetic Snap (Zipper-free)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eMain Material\u003c\/th\u003e\n\t\t\t\u003ctd\u003eDurable plastic shell with internal fabric mesh\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eCapacity Capability\u003c\/th\u003e\n\t\t\t\u003ctd\u003eHolds approx. 30+ standard pens\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eMax Ruler Size\u003c\/th\u003e\n\t\t\t\u003ctd\u003eFits up to 20cm \/ 8 inch ruler\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eAvailable Colors\u003c\/th\u003e\n\t\t\t\u003ctd\u003eRetro Red, Sakura Pink, Sunshine Orange, Clear Sky Blue (Transparent Top)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\n\u003cp style=\"font-size: 14px; margin-top: 0.5rem;\"\u003e*Note: Colors extracted from provided reference images.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- D. FAQ --\u003e\n\n\u003csection class=\"pd-section\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"pd-faq-item\"\u003e\n\u003ch3\u003eWill items fall out easily?\u003c\/h3\u003e\n\n\u003cp\u003eNo. The magnets are strong enough to keep the case securely closed during transport in your bag. It is designed to open only with intentional upward force on the lid.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-faq-item\"\u003e\n\u003ch3\u003eIs the case hard or soft?\u003c\/h3\u003e\n\n\u003cp\u003eThis is a hard-shell plastic case. Unlike soft pencil pouches, its rigid structure protects your stationery from getting crushed or broken inside a packed backpack.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-faq-item\"\u003e\n\u003ch3\u003eHow do I clean the interior?\u003c\/h3\u003e\n\n\u003cp\u003eThe interior surface and mesh pockets can be gently wiped down with a damp cloth or a mild cleaning wipe to remove pencil marks or dust.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"Sakura Pink","offer_id":45808739582143,"sku":"0703-17574774","price":16.95,"currency_code":"USD","in_stock":true},{"title":"Sunshine Orange","offer_id":45808739614911,"sku":"0703-17573790","price":16.95,"currency_code":"USD","in_stock":true},{"title":"Sky Blue","offer_id":45808739647679,"sku":"0703-17578192","price":16.95,"currency_code":"USD","in_stock":true},{"title":"Retro Red","offer_id":45808739680447,"sku":"0703-17574100","price":16.95,"currency_code":"USD","in_stock":true},{"title":"🔥 2-Pack (Sakura Pink + Sky Blue)","offer_id":45808846143679,"sku":"0703-17571641","price":30.95,"currency_code":"USD","in_stock":true},{"title":"🔥 2-Pack (Retro Red + Sunshine Orange)","offer_id":45808846176447,"sku":"0703-17575005","price":30.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0701\/3220\/3711\/files\/4de1377fdfabeb5bf557a9b9b44040ad.png?v=1783072647","url":"https:\/\/ggkbkw-fz.myshopify.com\/products\/instant-magnetic-pencil-case","provider":"Bak","version":"1.0","type":"link"}