{"product_id":"cute-t-rex-dinosaur-amigurumi-crochet-kit-finished-plushie","title":"Cute T-Rex Dinosaur Amigurumi Crochet Kit \u0026 Finished Plushie","description":"\u003cdiv class=\"dino-bento-wrapper\"\u003e\n  \u003cstyle\u003e\n    \/* 引入充满活力、圆润可爱的现代字体 *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@400;600;800;900\u0026family=Fredoka:wght@500;600;700\u0026display=swap');\n\n    html {\n      scroll-behavior: smooth;\n    }\n\n    .dino-bento-wrapper {\n      \/* 开启 CSS 容器查询，让网格根据实际可用宽度智能变形，而非屏幕宽度 *\/\n      container-type: inline-size;\n      container-name: bento;\n\n      font-family: 'Nunito', -apple-system, sans-serif;\n      color: #1F2937;\n      background-color: #F0FDF4; \/* 极浅的治愈系薄荷\/丛林绿 *\/\n      padding: 40px 20px;\n      max-width: 1050px;\n      margin: 0 auto;\n      border-radius: 40px;\n    }\n\n    \/* === 智能 Bento Box 网格系统 (彻底解决挤压问题) === *\/\n    .bento-grid {\n      display: grid;\n      grid-template-columns: 1fr; \/* 默认单列布局，最安全、防挤压 *\/\n      gap: 16px;\n    }\n    \n    \/* 更加Q弹、有机的卡片样式 *\/\n    .bento-card {\n      background: #FFFFFF;\n      border-radius: 36px;\n      padding: 40px;\n      border: 3px solid #E5E7EB;\n      box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n      overflow: hidden;\n      position: relative;\n      z-index: 1;\n      grid-column: 1 \/ -1; \/* 默认卡片占满整行 *\/\n    }\n    .bento-card:hover {\n      transform: translateY(-8px) rotate(1deg);\n      border-color: #4ADE80;\n      box-shadow: 0 20px 40px -10px rgba(74, 222, 128, 0.25);\n      z-index: 10;\n    }\n\n    \/* 专门为图片区块设计的样式，去除内边距 *\/\n    .card-img {\n      padding: 0 !important;\n      border: none !important;\n      min-height: 350px; \/* 保证单列状态下图片高度充足，不被截断 *\/\n    }\n\n    \/* 当容器宽度大于 500px 时 (如较宽的侧边栏或平板) -\u003e 切换为 2 列 *\/\n    @container bento (min-width: 500px) {\n      .bento-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n      }\n      .span-1x1 { grid-column: span 1; }\n      .span-2x1, .span-2x2, .span-4x1 { grid-column: span 2; }\n      .half-col { grid-column: span 1; }\n    }\n\n    \/* 当容器宽度大于 850px 时 (如网页全宽横幅区域) -\u003e 展开为完整 4 列 Bento *\/\n    @container bento (min-width: 850px) {\n      .bento-grid {\n        grid-template-columns: repeat(4, 1fr);\n        gap: 24px;\n      }\n      .span-2x2 { grid-column: span 2; grid-row: span 2; }\n      .span-2x1 { grid-column: span 2; grid-row: span 1; }\n      .span-1x1 { grid-column: span 1; grid-row: span 1; }\n      .span-4x1 { grid-column: span 4; }\n      .half-col { grid-column: span 2; }\n      .card-img { min-height: 100%; } \/* 全宽时高度由网格自动撑开 *\/\n    }\n\n    \/* 兜底移动端内边距调整 *\/\n    @media (max-width: 600px) {\n      .dino-bento-wrapper { padding: 20px 10px; border-radius: 20px; }\n      .bento-card { padding: 30px 25px; border-radius: 28px; }\n      .card-img { min-height: 300px; }\n    }\n\n    \/* 字体排版设置 *\/\n    .bento-card h2 {\n      font-family: 'Fredoka', sans-serif;\n      font-size: 2.6rem;\n      font-weight: 700;\n      color: #14532D;\n      margin: 0 0 15px 0;\n      line-height: 1.1;\n      letter-spacing: -0.5px;\n    }\n    .bento-card h3 {\n      font-family: 'Fredoka', sans-serif;\n      font-size: 1.5rem;\n      font-weight: 600;\n      color: #065F46;\n      margin: 0 0 12px 0;\n    }\n    .bento-card p {\n      font-size: 1.05rem;\n      color: #4B5563;\n      line-height: 1.6;\n      margin: 0;\n      font-weight: 600;\n    }\n\n    \/* 强调色与小标签 *\/\n    .bento-badge {\n      display: inline-flex;\n      align-items: center;\n      background: #DCFCE7; \n      color: #166534;\n      font-size: 0.9rem;\n      font-weight: 800;\n      padding: 8px 18px;\n      border-radius: 50px;\n      margin-bottom: 20px;\n      width: fit-content;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n    }\n    .bento-icon {\n      font-size: 2.5rem;\n      margin-bottom: 15px;\n      display: inline-block;\n      filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1));\n    }\n\n    \/* 图片包裹器，确保图片完美填充不拉伸 *\/\n    .bento-img-fill {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n    .bento-card:hover .bento-img-fill {\n      transform: scale(1.08);\n    }\n\n    \/* 特定卡片定制样式 *\/\n    .card-dark {\n      background: #064E3B;\n      color: #FFFFFF;\n      border-color: #064E3B;\n    }\n    .card-dark h3 { color: #FFFFFF; }\n    .card-dark p { color: #A7F3D0; }\n    .card-dark:hover { border-color: #A7F3D0; }\n    \n    .card-earth {\n      background: #92400E;\n      color: #FFFFFF;\n      border-color: #92400E;\n    }\n    .card-earth h3 { color: #FFFFFF; }\n    .card-earth p { color: #FEF3C7; }\n    .card-earth:hover { border-color: #FEF3C7; }\n\n    \/* 清单列表样式 *\/\n    .bento-list {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 15px;\n      margin-top: 25px;\n    }\n    .bento-list-item {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      font-size: 1rem;\n      font-weight: 700;\n      background: #F8FAFC;\n      padding: 14px 20px;\n      border-radius: 16px;\n      border: 2px solid #F1F5F9;\n      color: #334155;\n    }\n    .bento-list-item i { font-style: normal; font-size: 1.2rem; }\n\n    \/* 底部 CTA 按钮样式 *\/\n    .card-cta {\n      background: linear-gradient(135deg, #14532D 0%, #064E3B 100%);\n      color: #FFFFFF;\n      text-align: center;\n      align-items: center;\n      padding: 60px 30px;\n      border: none;\n    }\n    .card-cta h2 {\n      color: #FFFFFF;\n      margin-bottom: 12px;\n      font-size: 2.8rem;\n    }\n    .bento-btn {\n      display: inline-block;\n      background-color: #F59E0B;\n      color: #FFFFFF;\n      font-family: 'Fredoka', sans-serif;\n      font-weight: 700;\n      font-size: 1.3rem;\n      padding: 18px 50px;\n      border-radius: 50px;\n      text-decoration: none;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      transition: all 0.3s ease;\n      box-shadow: 0 8px 20px rgba(245, 158, 11, 0.4);\n      margin-top: 25px;\n    }\n    .bento-btn:hover {\n      transform: translateY(-5px) scale(1.05);\n      box-shadow: 0 12px 30px rgba(245, 158, 11, 0.6);\n      background-color: #D97706;\n    }\n\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"bento-grid\"\u003e\n    \n    \u003c!-- 块 1：英雄文本介绍 (占 2x2) --\u003e\n    \u003cdiv class=\"bento-card span-2x2\"\u003e\n      \u003cdiv class=\"bento-badge\"\u003eRawr-ing with Cuteness\u003c\/div\u003e\n      \u003ch2\u003eMeet Dexter the Dinosaur!\u003c\/h2\u003e\n      \u003cp\u003eWho says T-Rexes have to be scary? With his soothing sage-green skin, squishy marshmallow belly, and totally non-threatening brown spikes, Dexter is here to conquer your heart, not the world. He's the ultimate prehistoric pal ready to guard your desk and bring a smile to your day!\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 块 2：主视觉图 (图片卡片专属类 card-img 保证比例不崩坏) --\u003e\n    \u003cdiv class=\"bento-card span-2x2 card-img\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0727\/9814\/2630\/files\/1-131.png?v=1774942940\" alt=\"Dexter Dinosaur Main Photo\" class=\"bento-img-fill\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 块 3：购买选项 A - DIY材料包带有购买锚点 --\u003e\n    \u003cdiv id=\"purchase-options\" class=\"bento-card span-2x1\" style=\"cursor: pointer; scroll-margin-top: 40px;\"\u003e\n      \u003cdiv class=\"bento-icon\"\u003e🦕\u003c\/div\u003e\n      \u003ch3\u003eHatch Your Own Dino (DIY Kit)\u003c\/h3\u003e\n      \u003cp\u003eGrab your hook and start a Jurassic journey! We’ve packed this kit with butter-soft, no-fray yarn and crystal-clear video tutorials. Absolutely zero crafting (or fossil-hunting) experience required to bring him to life.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 块 4：购买选项 B - 成品 (丛林绿卡片) --\u003e\n    \u003cdiv class=\"bento-card span-2x1 card-dark\" style=\"cursor: pointer;\"\u003e\n      \u003cdiv class=\"bento-icon\"\u003e🦖\u003c\/div\u003e\n      \u003ch3\u003eAdopt the Guardian (Finished Plush)\u003c\/h3\u003e\n      \u003cp\u003eSkip the hatching and go straight to the snuggling! Adopt Dexter as a fully grown, expertly hand-crocheted plushie. He’s house-trained, perfectly tame, and ready to keep you company.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 块 5：侧面细节图 --\u003e\n    \u003cdiv class=\"bento-card span-1x1 card-img\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0727\/9814\/2630\/files\/1-134.png?v=1774942939\" alt=\"Dinosaur side details\" class=\"bento-img-fill\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 块 6：背部骨板细节图 --\u003e\n    \u003cdiv class=\"bento-card span-1x1 card-img\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0727\/9814\/2630\/files\/1-133.png?v=1774942939\" alt=\"Dinosaur back spikes\" class=\"bento-img-fill\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 块 7：技能焦点 (大地棕色强调) --\u003e\n    \u003cdiv class=\"bento-card span-2x1 card-earth\"\u003e\n      \u003cdiv class=\"bento-icon\"\u003e🌋\u003c\/div\u003e\n      \u003ch3\u003eMaster the Dinosaur Spikes\u003c\/h3\u003e\n      \u003cp\u003eTake your crochet skills back to the Jurassic era! Ever wondered how to make those jagged dorsal plates? Our step-by-step videos will teach you the clever technique to craft and attach those adorable brown spikes right down his back and tail.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 块 8：全宽物资清单 --\u003e\n    \u003cdiv class=\"bento-card span-4x1\"\u003e\n      \u003ch3\u003eWhat's inside the Explorer's Box?\u003c\/h3\u003e\n      \u003cdiv class=\"bento-list\"\u003e\n        \u003cdiv class=\"bento-list-item\"\u003e\n\u003ci\u003e🌿\u003c\/i\u003e Sage Green \"No-Fray\" Dino Yarn\u003c\/div\u003e\n        \u003cdiv class=\"bento-list-item\"\u003e\n\u003ci\u003e☁️\u003c\/i\u003e Snow White Marshmallow Belly Yarn\u003c\/div\u003e\n        \u003cdiv class=\"bento-list-item\"\u003e\n\u003ci\u003e🟤\u003c\/i\u003e Earthy Brown Spike Yarn\u003c\/div\u003e\n        \u003cdiv class=\"bento-list-item\"\u003e\n\u003ci\u003e🪝\u003c\/i\u003e Premium Ergonomic Hook\u003c\/div\u003e\n        \u003cdiv class=\"bento-list-item\"\u003e\n\u003ci\u003e👀\u003c\/i\u003e 1 Pair of Friendly Dinosaur Eyes\u003c\/div\u003e\n        \u003cdiv class=\"bento-list-item\"\u003e\n\u003ci\u003e🧸\u003c\/i\u003e Squishy Dino Plush Stuffing\u003c\/div\u003e\n        \u003cdiv class=\"bento-list-item\"\u003e\n\u003ci\u003e🪡\u003c\/i\u003e Tapestry Needle \u0026amp; Markers\u003c\/div\u003e\n        \u003cdiv class=\"bento-list-item\"\u003e\n\u003ci\u003e🎟️\u003c\/i\u003e VIP Video Access Code\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 块 9：收纳袋展示图 --\u003e\n    \u003cdiv class=\"bento-card half-col card-img\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0727\/9814\/2630\/files\/1-127.png?v=1774942939\" alt=\"Dinosaur inside a drawstring bag\" class=\"bento-img-fill\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 块 10：包装说明文字 --\u003e\n    \u003cdiv class=\"bento-card half-col\"\u003e\n      \u003cdiv class=\"bento-icon\"\u003e🎁\u003c\/div\u003e\n      \u003ch3\u003eFirst-Class Dino Carrier\u003c\/h3\u003e\n      \u003cp\u003eWhether you're hatching him yourself or adopting him fully grown, Dexter travels in absolute style! He’ll arrive safely tucked inside our signature \u003cstrong\u003eCrochetLink drawstring bag\u003c\/strong\u003e. A rawr-some gift for any dino lover!\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 块 11：底部行动呼吁 CTA 按钮 (智能平滑滚动至 Shopify 原生加购区) --\u003e\n    \u003cdiv class=\"bento-card span-4x1 card-cta\"\u003e\n      \u003ch2\u003eReady to Start Your Jurassic Adventure?\u003c\/h2\u003e\n      \u003cp style=\"color: #A7F3D0; font-size: 1.2rem; margin: 0; font-weight: 600;\"\u003eChoose your path: Craft your very own dino or adopt a fully finished friend to take home today!\u003c\/p\u003e\n      \u003ca href=\"#\" onclick=\"var form = document.querySelector('form[action*=\\'\/cart\/add\\']') || document.querySelector('.product-form'); if(form) { form.scrollIntoView({behavior: 'smooth', block: 'center'}); } else { window.scrollTo({top: 0, behavior: 'smooth'}); } return false;\" class=\"bento-btn\"\u003eBUY IT NOW\u003c\/a\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Crochetlink","offers":[{"title":"Finished Product","offer_id":56334622326950,"sku":null,"price":39.99,"currency_code":"USD","in_stock":true},{"title":"Kit","offer_id":56334622359718,"sku":null,"price":39.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0727\/9814\/2630\/files\/sitting-green-crochet-dinosaur-toy.jpg?v=1775011425","url":"https:\/\/crochetlink.com\/products\/cute-t-rex-dinosaur-amigurumi-crochet-kit-finished-plushie","provider":"crochetlink","version":"1.0","type":"link"}