{"product_id":"2-in-1-metal-ruler-bookmark","title":"2-in-1 Metal Ruler Bookmark","description":"\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!--\n  [AI Design Logic]\n  产品类型：精细接触型（金属书签尺套装）\n  目标受众：阅读爱好者、学生、手账用户、送礼人群\n  视觉风格：精致、温暖、复古金属感\n  配色策略：以金色（#D4AF37）为主色调，搭配米色、暖棕色营造书香氛围\n  模块顺序：简短引入 (Hero) -\u003e 核心卖点 (Features) -\u003e 升级引导 (Upsell) -\u003e 产品细节 (Specs)\n  --\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n      --primary: #D4AF37; \/* 金色 *\/\n      --primary-hover: #C4A130;\n      --text-main: #2C2C2C;\n      --text-sub: #555555;\n      --bg-body: #FFFFFF;\n      --bg-card: #F9F6F0; \/* 米色背景 *\/\n      --bg-soft: #F2EFE9;\n      --bg-highlight: #FFF9E6;\n      --radius-md: 8px;\n      --radius-lg: 12px;\n      --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);\n      --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.08);\n      --border-color: #E0D8C8;\n      --spacing-section: clamp(3rem, 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      overflow-wrap: break-word;\n    }\n\n    \/* Typography *\/\n    .product-detail-container h1 {\n      font-size: clamp(32px, 5vw, 40px);\n      font-weight: 700;\n      line-height: 1.2;\n      margin-bottom: 1rem;\n      color: var(--text-main);\n    }\n\n    .product-detail-container h2 {\n      font-size: clamp(24px, 4vw, 32px);\n      font-weight: 700;\n      margin-bottom: 1.5rem;\n      text-align: center;\n    }\n\n    .product-detail-container h3 {\n      font-size: 22px;\n      font-weight: 700;\n      margin-bottom: 0.75rem;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .product-detail-container p {\n      font-size: 18px;\n      color: var(--text-sub);\n      margin-bottom: 1.5rem;\n    }\n\n    \/* Utility Classes *\/\n    .text-center { text-align: center; }\n    .mb-0 { margin-bottom: 0 !important; }\n    .font-bold { font-weight: 700; color: var(--text-main); }\n\n    \/* Image Style *\/\n    .img-fluid {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: var(--radius-lg);\n      box-shadow: var(--shadow-sm);\n    }\n\n    \/* Section Layouts *\/\n    .hero-section {\n      text-align: center;\n      margin-bottom: var(--spacing-section);\n    }\n\n    .hero-content {\n      max-width: 850px;\n      margin: 0 auto 2.5rem;\n    }\n\n    .feature-section {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: clamp(2rem, 4vw, 4rem);\n      align-items: center;\n      margin-bottom: var(--spacing-section);\n    }\n\n    @media (min-width: 768px) {\n      .feature-section {\n        grid-template-columns: 1fr 1fr;\n      }\n      .feature-section:nth-child(even) .feature-media {\n        order: 2;\n      }\n      .feature-section:nth-child(even) .feature-copy {\n        order: 1;\n      }\n    }\n\n    .feature-copy {\n      padding: 1rem 0;\n    }\n\n    \/* Upsell Box *\/\n    .upsell-box {\n      background-color: var(--bg-highlight);\n      border: 2px dashed var(--primary);\n      border-radius: var(--radius-lg);\n      padding: clamp(1.5rem, 4vw, 2.5rem);\n      text-align: center;\n      margin-bottom: var(--spacing-section);\n      box-shadow: var(--shadow-sm);\n    }\n    \n    .upsell-box h3 {\n      justify-content: center;\n      color: #B8860B;\n      font-size: 24px;\n      margin-bottom: 1rem;\n    }\n\n    .upsell-box p {\n      font-size: 18px;\n      color: var(--text-main);\n      max-width: 800px;\n      margin: 0 auto;\n    }\n\n    \/* Specifications Table *\/\n    .specs-section {\n      margin-bottom: var(--spacing-section);\n      background-color: var(--bg-card);\n      padding: clamp(2rem, 4vw, 3rem);\n      border-radius: var(--radius-lg);\n    }\n\n    .specs-list {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      max-width: 600px;\n      margin: 0 auto;\n    }\n\n    .specs-list li {\n      font-size: 18px;\n      padding: 1rem 0;\n      border-bottom: 1px solid var(--border-color);\n      display: flex;\n      gap: 10px;\n    }\n\n    .specs-list li:last-child {\n      border-bottom: none;\n    }\n\n    .specs-list li::before {\n      content: \"•\";\n      color: var(--primary);\n      font-weight: bold;\n    }\n\u003c\/style\u003e\n\u003c!-- 1. 简短引入 (Hero Section) --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1\u003eMeet Your New Reading Companions! 🐾 🐦\u003c\/h1\u003e\n\n\u003cp\u003eWhy settle for one when you can have the perfect trio? This exclusive 3-pack features our most loved designs: the playful Cat, the loyal Dog, and the free-spirited Bird. Crafted from premium metal, these aren't just bookmarks—they double as handy rulers and drawing stencils for your bullet journals!\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"hero-media\"\u003e\n\u003cp style=\"text-align:left;margin:0;\"\u003e\u003c\/p\u003e\n\u003cdiv\u003e\u003cimg cke-id=\"img57\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260804133754\/be4102ca3d6bdc441c7d9459e0c7f782.png\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. 核心卖点 (Core Selling Points) --\u003e\n\n\u003cdiv\u003e\n\u003ch2\u003eWhy You'll Love This Set:\u003c\/h2\u003e\n\u003c!-- Feature 1: 3 Unique Designs --\u003e\n\n\u003cdiv class=\"feature-section\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"3 Unique Designs\" cke-id=\"img98\" class=\"img-fluid\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260803181437\/e11e946b0a6db4aa638320c9965560f5.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003e📚 3 Unique Designs\u003c\/h3\u003e\n\n\u003cp\u003eIncludes 1 Cat, 1 Dog, and 1 Bird. Each piece is intricately designed to bring a touch of whimsy and personality to your reading routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2: 2-in-1 Functionality --\u003e\n\n\u003cdiv class=\"feature-section\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"2-in-1 Functionality\" cke-id=\"img99\" class=\"img-fluid\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260803181437\/0ba1202061679e0bca1e93762b352904.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003e📏 2-in-1 Functionality\u003c\/h3\u003e\n\n\u003cp\u003eUse them to securely mark your page without damaging the spine, or utilize the built-in scale to draw perfect lines and shapes in your planner.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3: The Perfect Gift --\u003e\n\n\u003cdiv class=\"feature-section\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"The Perfect Gift\" cke-id=\"img100\" class=\"img-fluid\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260803181437\/3e336511d9676d8656d0babe9e13011b.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003e🎁 The Perfect Gift\u003c\/h3\u003e\n\n\u003cp\u003eKeep your favorite and gift the other two to friends, students, or fellow book lovers. It's a thoughtful and practical present for any occasion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. 升级引导 (Upsell Guide) --\u003e\n\n\u003cdiv class=\"upsell-box\"\u003e\n\u003ch3\u003e✨ Want to share the joy?\u003c\/h3\u003e\n\n\u003cp\u003eCheck out our \u003cspan class=\"font-bold\"\u003e6-Pack Double Set\u003c\/span\u003e from the drop-down menu! Get 2 of each design and \u003cspan class=\"font-bold\" style=\"color: #D32F2F;\"\u003eSAVE 10%\u003c\/span\u003e. It's the ultimate choice for book clubs, party favors, or teacher gifts!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 4. 产品细节 (Product Details) --\u003e\n\n\u003cdiv class=\"specs-section\"\u003e\n\u003ch2\u003eProduct Details\u003c\/h2\u003e\n\n\u003cul class=\"specs-list\"\u003e\n\t\u003cli\u003e\n\u003cspan class=\"font-bold\"\u003eMaterial:\u003c\/span\u003e High-quality lightweight metal\u003c\/li\u003e\n\t\u003cli\u003e\n\u003cspan class=\"font-bold\"\u003ePackage includes:\u003c\/span\u003e 3 (or 6) x Metal Ruler Bookmarks\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"3-Pack Animal Set (1 Cat, 1 Dog, 1 Bird)","offer_id":53492929593644,"sku":"0804-13334664","price":12.95,"currency_code":"USD","in_stock":true},{"title":"6-Pack Double Set (2 Cats, 2 Dogs, 2 Bird) - SAVE 10%","offer_id":53492929626412,"sku":"0804-13336202","price":22.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0945\/8099\/8444\/files\/b7ba6f48cc59e3c5ac6aaf87d3ccbccf.png?v=1785821890","url":"https:\/\/newzyhoome.com\/products\/2-in-1-metal-ruler-bookmark","provider":"Newzyhoome","version":"1.0","type":"link"}