{"product_id":"3-in-1-totebag","title":"3-IN-1 Totebag","description":"\u003c!-- 引入高级衬线字体与无衬线字体 --\u003e\n\u003cp\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;800\u0026amp;family=Playfair+Display:ital,wght@0,600;1,400\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n  \/* 全局变量：纯白高级画册风 *\/\n  .tote-lp-wrapper {\n    font-family: 'Inter', sans-serif;\n    background-color: #ffffff;\n    color: #1a1a1a;\n    line-height: 1.6;\n    overflow: hidden;\n    max-width: 100%;\n  }\n\n  .tote-lp-wrapper h1, \n  .tote-lp-wrapper h2, \n  .tote-lp-wrapper h3 {\n    font-family: 'Playfair Display', serif;\n    color: #111111;\n    margin-bottom: 15px;\n    font-weight: 700;\n    line-height: 1.2;\n  }\n\n  \/* 强调色：高级酒红 *\/\n  .text-accent { color: #9f1239; }\n\n  \/* 1. 首屏 Hero 区域 *\/\n  .tlp-hero {\n    display: flex;\n    flex-direction: column;\n    background: #fafafa;\n  }\n\n  .tlp-hero-img {\n    width: 100%;\n    height: 60vh;\n    \/* 使用图片 1：手拎包微距场景 *\/\n    background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/8695\/5997\/files\/hf_20260716_143348_83f2e51a-64ff-452d-b6a1-141a9e399402.webp?v=1793792576');\n    background-size: cover;\n    background-position: center;\n  }\n\n  .tlp-hero-text {\n    padding: 60px 24px;\n    text-align: center;\n  }\n\n  .tlp-hero-text h1 {\n    font-size: 2.8rem;\n    line-height: 1.1;\n    margin-bottom: 20px;\n  }\n\n  .tlp-hero-text p {\n    font-size: 1.1rem;\n    color: #555555;\n    margin-bottom: 20px;\n    max-width: 600px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  \/* 2. 核心痛点\/图文交错区 *\/\n  .tlp-zigzag {\n    padding: 80px 24px;\n    background: #ffffff;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  .tlp-row {\n    display: flex;\n    flex-direction: column;\n    gap: 40px;\n    margin-bottom: 80px;\n    align-items: center;\n  }\n  .tlp-row:last-child {\n    margin-bottom: 0;\n  }\n\n  .tlp-row-img {\n    width: 100%;\n    border-radius: 20px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n  }\n\n  .tlp-row-text h3 {\n    font-size: 2rem;\n  }\n  \n  .tlp-row-text p {\n    font-size: 1.05rem;\n    color: #555;\n  }\n\n  \/* 3. 细节拼图画廊 (图片 6, 7, 8, 9, 10) *\/\n  .tlp-gallery {\n    padding: 80px 24px;\n    background: #fafafa;\n    text-align: center;\n  }\n\n  .tlp-gallery-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 20px;\n    max-width: 1200px;\n    margin: 40px auto 0 auto;\n  }\n\n  .tlp-gallery-img {\n    width: 100%;\n    border-radius: 16px;\n    object-fit: cover;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.06);\n    transition: transform 0.3s ease;\n  }\n  \n  .tlp-gallery-img:hover {\n    transform: scale(1.02);\n  }\n\n  \/* 4. 颜色全家福 (图片 2, 3, 4, 5) *\/\n  .tlp-variants {\n    padding: 80px 24px;\n    background: #ffffff;\n    text-align: center;\n  }\n\n  .tlp-color-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 30px;\n    max-width: 1000px;\n    margin: 40px auto 0 auto;\n  }\n\n  .tlp-color-img {\n    width: 100%;\n    border-radius: 16px;\n    box-shadow: 0 10px 20px rgba(0,0,0,0.05);\n  }\n\n  \/* 结尾收尾 *\/\n  .tlp-outro {\n    padding: 100px 24px;\n    text-align: center;\n    background: #fafafa;\n  }\n\n  .tlp-outro h2 {\n    font-size: 2.2rem;\n    font-style: italic;\n  }\n\n  \/* PC端适配 *\/\n  @media (min-width: 768px) {\n    .tlp-hero {\n      flex-direction: row;\n      height: 85vh;\n    }\n    .tlp-hero-img {\n      width: 55%;\n      height: 100%;\n    }\n    .tlp-hero-text {\n      width: 45%;\n      padding: 60px;\n      text-align: left;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n    .tlp-hero-text h1 { font-size: 3.5rem; }\n    .tlp-hero-text p { margin-left: 0; }\n\n    \/* 左右交错 *\/\n    .tlp-row { flex-direction: row; gap: 60px; }\n    .tlp-row:nth-child(even) { flex-direction: row-reverse; }\n    .tlp-row-img, .tlp-row-text { width: 50%; }\n\n    \/* 画廊网格 *\/\n    .tlp-gallery-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n    \/* 第 3 张图跨两列，作为视觉中心 *\/\n    .tlp-gallery-grid img:nth-child(3) {\n      grid-column: span 2;\n    }\n\n    \/* 颜色网格 *\/\n    .tlp-color-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"tote-lp-wrapper\"\u003e\n\u003c!-- 1. 首屏 Hero (图片 1：微距拿包图) --\u003e\n\u003csection class=\"tlp-hero\"\u003e\n\u003cdiv class=\"tlp-hero-img\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"tlp-hero-text\"\u003e\n\u003ch1\u003ePremium but Practical: \u003cbr\u003e\u003cspan class=\"text-accent\"\u003eYour Everyday Tote, Elevated.\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp\u003eStyle outside. Insulation underneath. The only bag you need for work, gym, and lunch—all in one chic silhouette.\u003c\/p\u003e\n\u003cp style=\"font-size: 0.9rem; font-weight: 600; color: #999; letter-spacing: 1px; text-transform: uppercase;\"\u003ePadded Laptop Compartment · Insulated Lunch Pocket\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 2. 核心痛点与功能展示 --\u003e\n\u003csection class=\"tlp-zigzag\"\u003e\u003c!-- 容量展示 (图片 6：双手大开口) --\u003e\n\u003cdiv class=\"tlp-row\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/8695\/5997\/files\/hf_20260716_095507_96720841-1af2-448b-939e-b1474dffa2c7.webp?v=1793792580\" class=\"tlp-row-img\" alt=\"Holds Everything\"\u003e\n\u003cdiv class=\"tlp-row-text\"\u003e\n\u003ch3\u003eFinally, No More Juggling 3 Bags\u003c\/h3\u003e\n\u003cp\u003eWe designed this for the modern woman on the go. With a dedicated padded laptop sleeve, organized interior pockets, and a completely separate bottom compartment for your lunch—everything has its place.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 3. 细节拼图画廊 (图片 7, 8, 9, 10, 11) --\u003e\n\u003csection class=\"tlp-gallery\"\u003e\n\u003ch2\u003eDesigned for Everyday Life.\u003c\/h2\u003e\n\u003cp style=\"color: #666;\"\u003eFrom the boardroom to the coffee shop, every detail is crafted with intention.\u003c\/p\u003e\n\u003cdiv class=\"tlp-gallery-grid\"\u003e\n\u003c!-- 图片 7 --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/8695\/5997\/files\/hf_20260716_130557_1141da54-b5e6-4ecf-8b07-90b81987172e.webp?v=1793792581\" class=\"tlp-gallery-img\" alt=\"Tote Detail 1\"\u003e \u003c!-- 图片 8 --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/8695\/5997\/files\/hf_20260716_131158_dfd5da84-81f9-4145-ad1a-5ad51c55fed0.webp?v=1793792581\" class=\"tlp-gallery-img\" alt=\"Tote Detail 2\"\u003e \u003c!-- 图片 9 (这放在中间大图) --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/8695\/5997\/files\/hf_20260716_132648_be95af8b-b069-4b43-a904-9a8a635a3b0b.webp?v=1793792581\" class=\"tlp-gallery-img\" alt=\"Tote Detail 3\"\u003e \u003c!-- 图片 10 --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/8695\/5997\/files\/hf_20260716_135832_28fb224e-db9d-49f2-989c-a3b17b1311d0.webp?v=1793792579\" class=\"tlp-gallery-img\" alt=\"Tote Detail 4\"\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 4. 颜色全家福展示 (图片 2, 3, 4, 5) --\u003e\n\u003csection class=\"tlp-variants\"\u003e\n\u003ch2\u003eChoose Your Signature Color.\u003c\/h2\u003e\n\u003cp style=\"color: #666;\"\u003eAvailable in versatile shades for every wardrobe.\u003c\/p\u003e\n\u003cdiv class=\"tlp-color-grid\"\u003e\n\u003c!-- 图片 2：Latte (卡其色) --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/8695\/5997\/files\/Latte_e6a33109-7939-46d5-81da-7cf002c65fb8.webp?v=1793792580\" class=\"tlp-color-img\" alt=\"Latte\"\u003e \u003c!-- 图片 3 --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/8695\/5997\/files\/PremiumbutPracticalYourEverydayTote_Elevated._5.webp?v=1793792580\" class=\"tlp-color-img\" alt=\"Color Variant\"\u003e \u003c!-- 图片 4 --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/8695\/5997\/files\/PremiumbutPracticalYourEverydayTote_Elevated._7.webp?v=1793792580\" class=\"tlp-color-img\" alt=\"Color Variant\"\u003e \u003c!-- 图片 5：Retro (复古棕色) --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/8695\/5997\/files\/Retro_efc16176-b313-47e9-b921-68b19a0ea20d.webp?v=1793792580\" class=\"tlp-color-img\" alt=\"Retro\"\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 5. 结尾收尾 --\u003e\n\u003csection class=\"tlp-outro\"\u003e\n\u003ch2\u003e\"Chic design, unmatched functionality.\"\u003c\/h2\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"roveroutfit.com","offers":[{"title":"Black","offer_id":68420039082205,"sku":null,"price":59.99,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":68420039114973,"sku":null,"price":59.99,"currency_code":"USD","in_stock":true},{"title":"White\/Brown","offer_id":68420039147741,"sku":null,"price":59.99,"currency_code":"USD","in_stock":true},{"title":"Purple","offer_id":68420039180509,"sku":null,"price":59.99,"currency_code":"USD","in_stock":true},{"title":"Green","offer_id":68420039213277,"sku":null,"price":59.99,"currency_code":"USD","in_stock":true},{"title":"White\/Black","offer_id":68420039246045,"sku":null,"price":59.99,"currency_code":"USD","in_stock":true},{"title":"Beige","offer_id":68420039278813,"sku":null,"price":59.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0841\/8695\/5997\/files\/hf_20260716_143318_6adf33ca-afac-448e-853c-e76e9b79e61c.webp?v=1793792783","url":"https:\/\/dllking.com\/products\/3-in-1-totebag","provider":"roveroutfit.com","version":"1.0","type":"link"}