{"product_id":"chinese-classic-story-series-marking-the-boat-to-find-the-sword-1","title":"Chinese Classic Story Series:Marking the Boat to Find the Sword","description":"\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        :root {\n            --bg: #fefaf5;\n            --card-bg: #ffffff;\n            --text: #3a3540;\n            --text-light: #6b6370;\n            --accent: #c17d4f;\n            --accent-soft: #f2e4d8;\n            --gold: #b8923e;\n            --blue-soft: #dce9f0;\n            --tag-bg: #f5ede4;\n            --border: #e8dfd5;\n            --shadow: 0 2px 12px rgba(60, 40, 20, 0.06);\n            --radius: 14px;\n            --radius-sm: 8px;\n            --font-heading: 'Georgia', 'Times New Roman', serif;\n            --font-body: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            background: var(--bg);\n            font-family: var(--font-body);\n            color: var(--text);\n            display: flex;\n            justify-content: center;\n            align-items: flex-start;\n            min-height: 100vh;\n            padding: 20px 12px;\n        }\n\n        .product-card {\n            max-width: 380px;\n            width: 100%;\n            background: var(--card-bg);\n            border-radius: var(--radius);\n            box-shadow: var(--shadow);\n            border: 1px solid var(--border);\n            overflow: hidden;\n        }\n\n        .card-header {\n            position: relative;\n            background: linear-gradient(160deg, #f8ede0 0%, #fdf6ee 30%, #eaf0f4 100%);\n            padding: 26px 22px 22px;\n            border-bottom: 1px solid var(--border);\n            text-align: center;\n        }\n\n        .story-badge {\n            display: inline-block;\n            background: var(--accent-soft);\n            color: var(--accent);\n            font-size: 11px;\n            font-weight: 600;\n            letter-spacing: 0.06em;\n            text-transform: uppercase;\n            padding: 5px 14px;\n            border-radius: 20px;\n            margin-bottom: 14px;\n        }\n\n        .card-header h1 {\n            font-family: var(--font-heading);\n            font-size: 1.55rem;\n            font-weight: 700;\n            color: #2c2420;\n            line-height: 1.35;\n            letter-spacing: 0.01em;\n            margin-bottom: 6px;\n        }\n\n        .card-header .cn-title {\n            font-family: var(--font-heading);\n            font-size: 0.95rem;\n            font-weight: 400;\n            color: #8b7b6a;\n            letter-spacing: 0.04em;\n            font-style: italic;\n        }\n\n        .card-body {\n            padding: 20px 22px 18px;\n        }\n\n        .section {\n            margin-bottom: 18px;\n        }\n\n        .section:last-child {\n            margin-bottom: 0;\n        }\n\n        .section-label {\n            font-size: 10px;\n            font-weight: 700;\n            letter-spacing: 0.08em;\n            text-transform: uppercase;\n            color: #a09080;\n            margin-bottom: 8px;\n        }\n\n        .age-badge {\n            display: inline-flex;\n            align-items: center;\n            background: #f9f5ef;\n            border: 1px solid #e8ddd0;\n            border-radius: 20px;\n            padding: 7px 16px;\n            font-size: 0.9rem;\n            font-weight: 600;\n            color: #5a4a38;\n            gap: 6px;\n        }\n\n        .age-badge .age-icon {\n            font-size: 1.1rem;\n        }\n\n        .tags-row {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 8px;\n        }\n\n        .tag {\n            display: inline-block;\n            background: var(--tag-bg);\n            color: #6b5540;\n            font-size: 0.82rem;\n            font-weight: 500;\n            padding: 6px 13px;\n            border-radius: 16px;\n            border: 1px solid #e6d9ca;\n            letter-spacing: 0.02em;\n        }\n\n        .tag.highlight {\n            background: #fdf3e4;\n            border-color: #e2c89b;\n            color: #8a5c2b;\n            font-weight: 600;\n        }\n\n        .intro-text {\n            font-size: 0.92rem;\n            line-height: 1.6;\n            color: var(--text);\n            background: #fdfaf6;\n            border-left: 3px solid #dcc5a8;\n            padding: 12px 15px;\n            border-radius: 0 var(--radius-sm) var(--radius-sm) 0;\n            font-style: italic;\n            letter-spacing: 0.01em;\n        }\n\n        .story-snippet {\n            font-size: 0.88rem;\n            line-height: 1.65;\n            color: #4a4040;\n            background: #fafaf8;\n            padding: 14px 16px;\n            border-radius: var(--radius-sm);\n            border: 1px solid #ece6dd;\n        }\n\n        .story-snippet .character-name {\n            font-weight: 600;\n            color: #5c3d28;\n        }\n\n        .divider {\n            height: 1px;\n            background: #eae4db;\n            margin: 18px 0;\n            border: none;\n        }\n\n        .features-list {\n            list-style: none;\n            display: flex;\n            flex-direction: column;\n            gap: 7px;\n        }\n\n        .features-list li {\n            font-size: 0.85rem;\n            color: #4a4040;\n            padding-left: 16px;\n            position: relative;\n            line-height: 1.5;\n        }\n\n        .features-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 7px;\n            width: 7px;\n            height: 7px;\n            border-radius: 50%;\n            background: #c9a87c;\n        }\n\n        .card-footer {\n            background: #fcfaf7;\n            border-top: 1px solid var(--border);\n            padding: 16px 22px 18px;\n        }\n\n        .footer-link {\n            display: flex;\n            align-items: flex-start;\n            gap: 10px;\n            font-size: 0.8rem;\n            color: #6b5e52;\n            line-height: 1.5;\n            margin-bottom: 10px;\n            text-decoration: none;\n            transition: color 0.2s;\n        }\n\n        .footer-link:last-child {\n            margin-bottom: 0;\n        }\n\n        .footer-link .link-icon {\n            flex-shrink: 0;\n            width: 28px;\n            height: 28px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 0.75rem;\n            font-weight: 700;\n            letter-spacing: 0.02em;\n        }\n\n        .footer-link.yt .link-icon {\n            background: #fce8e8;\n            color: #c4302b;\n        }\n\n        .footer-link.amz .link-icon {\n            background: #fef3e4;\n            color: #b87b20;\n        }\n\n        .footer-link span strong {\n            display: block;\n            font-size: 0.82rem;\n            color: #3a3028;\n            letter-spacing: 0.01em;\n        }\n\n        .footer-link:hover {\n            color: #3a3028;\n        }\n\n        .footer-link.yt:hover span strong {\n            color: #b82722;\n        }\n\n        .footer-link.amz:hover span strong {\n            color: #9b6518;\n        }\n\n        @media (max-width: 400px) {\n            .card-header h1 {\n                font-size: 1.3rem;\n            }\n            .card-body {\n                padding: 16px 14px 14px;\n            }\n            .card-footer {\n                padding: 14px 14px 16px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"card-header\"\u003e\n\u003cspan class=\"story-badge\"\u003eChinese Idiom Story\u003c\/span\u003e\n\u003ch1\u003eMarking the Boat to Find the Sword\u003c\/h1\u003e\n\u003cp class=\"cn-title\"\u003e刻舟求剑\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card-body\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cp class=\"section-label\"\u003eAge Range\u003c\/p\u003e\n\u003cdiv class=\"age-badge\"\u003e\n\u003cspan class=\"age-icon\"\u003e★\u003c\/span\u003e 3 – 10 years old\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cp class=\"section-label\"\u003eLearning Focus\u003c\/p\u003e\n\u003cdiv class=\"tags-row\"\u003e\n\u003cspan class=\"tag highlight\"\u003e船 Boat\u003c\/span\u003e \u003cspan class=\"tag highlight\"\u003e找 Find\u003c\/span\u003e \u003cspan class=\"tag highlight\"\u003e奇怪 Strange\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr class=\"divider\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cp class=\"section-label\"\u003eAbout This Story\u003c\/p\u003e\n\u003cp class=\"intro-text\"\u003eThis is a fun story about a \u003cspan class=\"character-name\"\u003epanda swordsman\u003c\/span\u003e looking for his sword, teaching us to see things as they change.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cp class=\"section-label\"\u003eStory Preview\u003c\/p\u003e\n\u003cdiv class=\"story-snippet\"\u003eThe \u003cspan class=\"character-name\"\u003epanda swordsman\u003c\/span\u003e takes a boat across the river. When his treasured sword accidentally falls into the water, he quickly carves a mark on the boat — believing the mark will guide him back to the spot where the sword sank. But the boat keeps moving, and the river keeps flowing. A delightful tale that gently reveals the importance of adapting to change and not clinging to fixed thinking.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cp class=\"section-label\"\u003eWhat Young Readers Will Discover\u003c\/p\u003e\n\u003cul class=\"features-list\"\u003e\n\u003cli\u003eA timeless Chinese idiom brought to life with charming characters\u003c\/li\u003e\n\u003cli\u003eThe value of flexible thinking and observation\u003c\/li\u003e\n\u003cli\u003eRich visual storytelling with warm, inviting artwork\u003c\/li\u003e\n\u003cli\u003eEngaging humor that resonates with young minds\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card-footer\"\u003e\n\u003ca href=\"https:\/\/youtube.com\/@kkpandaLearning\" rel=\"noopener\" class=\"footer-link yt\" target=\"_blank\"\u003e\n\u003cdiv class=\"link-icon\"\u003eYT\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eSubscribe on YouTube\u003c\/strong\u003eyoutube.com\/@kkpandaLearning\u003cbr\u003eGet more video learning resources\u003c\/span\u003e\u003c\/a\u003e\u003ca href=\"https:\/\/www.amazon.com\" rel=\"noopener\" class=\"footer-link amz\" target=\"_blank\"\u003e\n\u003cdiv class=\"link-icon\"\u003eAZ\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eFind on Amazon\u003c\/strong\u003eDiscover kkpandalearning ebooks and printed books\u003c\/span\u003e\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"kkpanda","offers":[{"title":"Default Title","offer_id":47601587847317,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0780\/1513\/5893\/files\/89__E5_88_BB_E8_88_9F_E6_B1_82_E5_89_91-picture-us-square-8.5-preview-1_b237ecdb-a1ff-4749-ac48-f9beb96248f2.png?v=1784546461","url":"https:\/\/kkpanda.com\/products\/chinese-classic-story-series-marking-the-boat-to-find-the-sword-1","provider":"kkpanda","version":"1.0","type":"link"}