{"product_id":"magnetic-leather-pen-holder-bookmark","title":"Magnetic Leather Pen Holder Bookmark","description":" \n\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!--\n  [AI Design Logic]\n  产品类型：E精细接触型（皮质磁性书签笔插）\n  目标受众：阅读者、学生、商务人士，追求品质与效率\n  视觉风格：复古、精致、手工感、温暖\n  配色策略：以皮革的暖棕色为主调，搭配米色背景烘托质感，强调色彩选项多样性\n  模块顺序：Intro\/Hero -\u003e Feature 1 (2合1核心功能) -\u003e Feature 2 (磁吸不伤纸) -\u003e Feature 3 (材质工艺与颜色) -\u003e Specifications -\u003e FAQ\n  详情图映射：Hero=image_1.png, Feature1=image_3.png, Feature2=image_0.png, Feature3=image_4.png\n  规格图映射：Specs=image_5.png (用于提取颜色信息)\n  对比模块：未加入（现有信息对比竞品不够具体，侧重展示自身优点）\n  --\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n      --primary: #6d4c41; \/* 皮革棕 *\/\n      --primary-hover: #5d4037;\n      --text-main: #333333;\n      --text-sub: #666666;\n      --bg-body: #ffffff;\n      --bg-card: #f9f6f2; \/* 米色背景，增加复古感 *\/\n      --bg-soft: #f4f4f4;\n      --radius-md: 8px;\n      --radius-lg: 16px;\n      --shadow-sm: 0 2px 4px rgba(0,0,0,0.05);\n      --border-color: #e0e0e0;\n      --spacing-section: clamp(2.5rem, 6vw, 5rem);\n      --spacing-item: clamp(1.5rem, 4vw, 3rem);\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    \/* Typography *\/\n    .product-detail-container h1 { font-size: clamp(32px, 5vw, 44px); font-weight: 700; line-height: 1.2; margin-bottom: 1rem; }\n    .product-detail-container h2 { font-size: clamp(24px, 4vw, 32px); font-weight: 600; line-height: 1.3; margin-bottom: 1rem; }\n    .product-detail-container h3 { font-size: 20px; font-weight: 600; margin-bottom: 0.75rem; }\n    .product-detail-container p { font-size: 18px; color: var(--text-sub); margin-bottom: 1.5rem; }\n    .product-detail-container .badge { display: inline-block; padding: 0.5rem 1rem; background: var(--bg-card); color: var(--primary); border-radius: 2rem; font-size: 16px; font-weight: 500; margin-bottom: 1.5rem; }\n\n    \/* Layout \u0026 Components *\/\n    .pd-section { margin-bottom: var(--spacing-section); }\n    .pd-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--spacing-item); align-items: center; }\n    .pd-card { background: var(--bg-card); padding: var(--spacing-item); border-radius: var(--radius-lg); }\n    \n    .feature-media { position: relative; border-radius: var(--radius-lg); overflow: hidden; }\n    .img-placeholder { width: 100%; height: auto; display: block; background: #eee; border: 2px dashed #ccc; padding: 2rem; text-align: center; color: #999; font-family: monospace; }\n\n    \/* Feature Tags *\/\n    .feature-tags { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.5rem; }\n    .feature-tag { display: inline-flex; align-items: center; background: var(--bg-body); padding: 0.5rem 1rem; border-radius: var(--radius-md); font-size: 16px; color: var(--text-sub); border: 1px solid var(--border-color); }\n\n    \/* Specifications Table *\/\n    .spec-table { width: 100%; border-collapse: collapse; margin-top: 1.5rem; }\n    .spec-table th, .spec-table td { padding: 1rem; text-align: left; border-bottom: 1px solid var(--border-color); font-size: 18px; }\n    .spec-table th { width: 35%; color: var(--text-sub); font-weight: 500; }\n    .spec-table td { font-weight: 600; }\n\n    \/* FAQ Header *\/\n    .faq-item h3 { display: flex; align-items: center; }\n    .faq-item h3::before { content: \"Q.\"; color: var(--primary); margin-right: 0.5rem; font-weight: 700; }\n\n    \/* Responsive *\/\n    @media (max-width: 767px) {\n      .pd-grid-2, .feature-item { grid-template-columns: 1fr; display: flex; flex-direction: column; }\n      .feature-item.z-pattern { flex-direction: column; }\n      .feature-copy { order: 2; }\n      .feature-media { order: 1; width: 100%; }\n      \n      .spec-table, .spec-table thead, .spec-table tbody, .spec-table tr, .spec-table th, .spec-table td { display: block; width: 100%; }\n      .spec-table thead { display: none; }\n      .spec-table tr { margin-bottom: 1rem; border: 1px solid var(--border-color); border-radius: var(--radius-md); overflow: hidden; }\n      .spec-table td { padding: 1rem; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--bg-soft); }\n      .spec-table td:last-child { border-bottom: none; }\n      .spec-table td::before { content: attr(data-label); color: var(--text-sub); font-weight: 500; margin-right: 1rem; }\n    }\n\u003c\/style\u003e\n\u003c!-- A. Intro \/ Hero --\u003e\n\u003cdiv class=\"pd-section hero-section\"\u003e\n\u003cspan class=\"badge\"\u003e✨ Designed for everyday elegance\u003c\/span\u003e\n\u003ch1\u003eThe Ultimate 2-in-1 Magnetic Leather Bookmark \u0026amp; Pen Holder\u003c\/h1\u003e\n\n\u003cp\u003eKeep your place and your pen perfectly organized. Crafted from premium leather for effortless style and functionality in your notebooks, planners, and journals.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img64\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260625095356\/462ee163e43f2f3786306276aba011e3.jpeg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- B. Feature Sections --\u003e\u003c!-- Feature 1: 2-in-1 Functionality --\u003e\n\n\u003cdiv class=\"pd-section feature-item pd-grid-2\"\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eBookmark Meets Pen Holder\u003c\/h2\u003e\n\n\u003cp\u003eNever search for a pen again. This clever accessory combines a secure page marker with a convenient integrated elastic loop, ensuring your favorite writing tool is always right where you need it.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003eIntegrated Pen Loop\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eQuick Access\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eOrganized carry\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img61\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260625095208\/ba80cf0ba967ec4c2e0be1d52ed71c08.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2: Secure \u0026 Gentle Magnetic Hold --\u003e\n\n\u003cdiv class=\"pd-section feature-item pd-grid-2 z-pattern\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img62\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260625095208\/085b7fbe3b95e3d2db9b42eb5d0e491f.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eSecure Hold, Gentle on Paper\u003c\/h2\u003e\n\n\u003cp\u003ePowerful hidden magnets lock firmly onto your pages, preventing slips without folding, creasing, or tearing delicate paper. It stays put until you're ready to move it.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003eStrong Magnets\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eDamage-Free\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eNo Slipping\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3: Craftsmanship \u0026 Colors --\u003e\n\n\u003cdiv class=\"pd-section feature-item pd-grid-2\"\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003ePremium Leather Craftsmanship\u003c\/h2\u003e\n\n\u003cp\u003eHand-stitched from genuine leather, this bookmark is built to last and will develop a unique patina over time. Available in a range of classic colors to complement your personal style.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003eGenuine Leather\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eHand-Stitched\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eMultiple Colors\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img63\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260625095209\/726bc7764f40d4fbc2d2bf61bb1edf88.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- C. Specifications --\u003e\n\n\u003cdiv class=\"pd-section pd-card\"\u003e\n\u003ch2\u003eSpecifications\u003c\/h2\u003e\n\n\u003ctable class=\"spec-table\"\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth data-label=\"Material\"\u003eMaterial\u003c\/th\u003e\n\t\t\t\u003ctd\u003eGenuine Leather, Elastic Loop, Hidden Magnets\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth data-label=\"Features\"\u003eFeatures\u003c\/th\u003e\n\t\t\t\u003ctd\u003eMagnetic Closure, Integrated Pen Holder, Hand-Stitched Details\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth data-label=\"Color Options\"\u003eColors\u003c\/th\u003e\n\t\t\t\u003ctd\u003eLight Brown, Coffee, Green, Blue, Wine Red, Black, Purple\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\n\u003cp style=\"font-size: 16px; margin-top: 1rem;\"\u003e*Note: Pen and notebook not included.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- D. FAQ --\u003e\n\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eHow many pages can the magnet hold securely?\u003c\/h3\u003e\n\n\u003cp\u003eThe strong magnets are designed to securely hold several pages at once, making it perfect for marking your spot in books, journals, or planners without bulk.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eWhat size pens fit in the loop?\u003c\/h3\u003e\n\n\u003cp\u003eThe durable elastic loop is designed to stretch and accommodate most standard-sized pens, pencils, and styluses comfortably.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eWill the magnets damage my credit cards or electronics?\u003c\/h3\u003e\n\n\u003cp\u003eWhile the magnets are strong for their size, they are generally safe for normal use. However, as a precaution, it's best to avoid direct, prolonged contact with magnetically sensitive items like credit card strips.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"1-Pack  (7 pieces )","offer_id":45771332223167,"sku":null,"price":9.9,"currency_code":"USD","in_stock":true},{"title":"2-Pack (Keep a Backup - 10%)","offer_id":45771332255935,"sku":null,"price":9.9,"currency_code":"USD","in_stock":true},{"title":"3-Pack (Gift Ready - 15%)","offer_id":45771332288703,"sku":null,"price":9.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0701\/3220\/3711\/files\/462ee163e43f2f3786306276aba011e3.jpg?v=1782352611","url":"https:\/\/ggkbkw-fz.myshopify.com\/products\/magnetic-leather-pen-holder-bookmark","provider":"Bak","version":"1.0","type":"link"}