{"product_id":"dpm-spinefit-mattress","title":"雅蘭 Spinefit 床褥","description":"\u003cstyle\u003e\n    \/* --- 1. 字体引入 --- *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;700\u0026family=Noto+Sans+SC:wght@300;400;500;700\u0026display=swap');\n\n    \/* --- 2. 全局变量 --- *\/\n    :root {\n        --c-primary: #1a1a1a;\n        --c-secondary: #708090;\n        --c-bg: #FFFFFF;\n        --c-surface: #F9F9F9;\n        --c-purple: #4B0082;\n        --c-gold: #d4af37;\n    }\n\n    \/* --- 3. 顶部 Header --- *\/\n    .top-bun-header {\n        background: var(--c-purple);\n        padding: 20px 0;\n        border-bottom: 4px solid var(--c-gold);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    .header-logo { height: 40px; object-fit: contain; }\n\n    \/* --- 4. 标题区 --- *\/\n    .title-container {\n        background: #fff;\n        padding: 10px 0 0px 0;\n        text-align: center;\n    }\n    .top-bun-title {\n        font-family: 'Noto Sans SC', sans-serif;\n        font-size: 30px;\n        font-weight: 700;\n        color: var(--c-primary);\n        letter-spacing: 8px;\n        margin: 0; padding: 0; line-height: 1.2;\n        position: relative; display: inline-block;\n    }\n    .top-bun-title::after {\n        content: ''; display: block; width: 40px; height: 3px;\n        background: var(--c-gold); margin: 8px auto 0; border-radius: 2px;\n    }\n\n    \/* --- 5. 底部 Shimmer --- *\/\n    .bottom-shimmer-wrapper {\n        background: var(--c-purple);\n        padding: 20px 0; text-align: center;\n        border-top: 1px solid #5a009c;\n    }\n    .shimmer-text {\n        font-size: 13px; font-weight: 800; letter-spacing: 3px;\n        text-transform: uppercase;\n        background: linear-gradient(110deg, #bfa15f 0%, #e8d39f 15%, #bfa15f 30%, #8c7335 45%, #bfa15f 60%, #e8d39f 75%, #d4af37 100%);\n        background-size: 200% auto;\n        -webkit-background-clip: text; background-clip: text;\n        -webkit-text-fill-color: transparent;\n        animation: metalShine 5s linear infinite;\n    }\n\n    \/* --- 6. 主内容区 --- *\/\n    .content-filling { background: #fff; }\n    .product-card-master { width: 100%; background: var(--c-bg); }\n\n    \/* --- 7. 刻度条样式 --- *\/\n    .scale-section {\n        padding: 10px 40px 20px;\n    }\n    \n    .scale-card {\n        background: var(--c-surface);\n        padding: 30px;\n        border-radius: 8px;\n        border: 1px solid rgba(0,0,0,0.03);\n        box-shadow: 0 4px 15px rgba(0,0,0,0.02);\n    }\n\n    .scale-header-row {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-bottom: 25px;\n    }\n\n    .scale-title {\n        font-size: 16px;\n        font-weight: 700;\n        color: var(--c-primary);\n        display: flex;\n        align-items: center;\n        gap: 10px;\n    }\n\n    .range-pill {\n        background: var(--c-purple);\n        color: #fff;\n        font-size: 12px;\n        font-weight: 700;\n        padding: 4px 12px;\n        border-radius: 20px;\n        letter-spacing: 1px;\n    }\n\n    \/* 刻度槽容器 *\/\n    .scale-track-container {\n        position: relative;\n        height: 50px;\n        margin-bottom: 5px;\n    }\n\n    .scale-track-bg {\n        position: absolute;\n        top: 10px;\n        left: 0;\n        width: 100%;\n        height: 8px;\n        background: #e0e0e0;\n        border-radius: 4px;\n        z-index: 1;\n    }\n\n    .scale-track-active {\n        position: absolute;\n        top: 10px;\n        left: 55.5%;\n        width: 22.2%;\n        height: 8px;\n        background: linear-gradient(90deg, #d4af37, #f7e2ad, #d4af37);\n        border-radius: 4px;\n        z-index: 2; \n        box-shadow: 0 0 10px rgba(212, 175, 55, 0.5);\n        animation: metalShine 3s linear infinite;\n        background-size: 200% auto;\n    }\n\n    \/* 刻度数字与竖线 *\/\n    .scale-ticks {\n        display: flex;\n        justify-content: space-between;\n        margin-top: 28px;\n        position: relative;\n        z-index: 5; \/* 确保在最上层 *\/\n        font-size: 12px;\n        color: #999;\n        font-weight: 600;\n    }\n    \n    .tick-item {\n        position: relative;\n        text-align: center;\n        width: 20px;\n    }\n    \n    .tick-item::before {\n        content: '';\n        position: absolute;\n        top: -18px;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 2px;\n        height: 10px;\n        background: #ccc;\n        z-index: 5;\n    }\n\n    .tick-item.active-tick { \n        color: var(--c-purple); \n        font-weight: 800; \n        font-size: 13px; \n    }\n    \n    .tick-item.active-tick::before { \n        background: var(--c-purple); \n        height: 12px;\n        top: -20px; \n    }\n\n    \/* 新增:软硬指示标签 *\/\n    .scale-labels {\n        display: flex;\n        justify-content: space-between;\n        margin-top: 6px; \/* 与数字保持一点距离 *\/\n        font-size: 12px;\n        color: #b0b0b0;\n        font-weight: 500;\n    }\n\n    .scale-desc {\n        margin-top: 15px;\n        font-size: 13px;\n        color: var(--c-secondary);\n        line-height: 1.6;\n        text-align: justify;\n        border-top: 1px dashed #eee;\n        padding-top: 15px;\n    }\n\n    \/* --- 8. 参数区 --- *\/\n    .specs-section { padding: 10px 40px 40px; }\n    .section-title {\n        font-size: 14px; font-weight: 700; color: var(--c-secondary);\n        letter-spacing: 2px; margin-bottom: 20px; text-transform: uppercase;\n        display: flex; align-items: center; border-left: 4px solid var(--c-purple);\n        padding-left: 10px;\n    }\n    .section-title::after { content: ''; flex: 1; height: 1px; background: #eee; margin-left: 15px; }\n    .spec-table { width: 100%; border-collapse: collapse; }\n    .spec-table td { padding: 14px 0; border-bottom: 1px solid #f0f0f0; font-size: 14px; }\n    .spec-label { color: #888; width: 120px; background: #fff; }\n    .spec-value { color: #333; font-weight: 500; background: #fff; }\n\n    \/* 动画 *\/\n    @keyframes metalShine { to { background-position: -200% center; } }\n\n    @media (max-width: 600px) {\n        .scale-section { padding: 20px; }\n        .specs-section { padding: 10px 20px 30px; }\n        .top-bun-title { font-size: 26px; }\n        .scale-track-active { left: 55%; width: 22%; }\n    }\n\u003c\/style\u003e\n\u003cdiv style=\"max-width: 800px; margin: 40px auto; box-shadow: 0 25px 60px rgba(0,0,0,0.15); border-radius: 16px; overflow: hidden; font-family: 'Noto Sans SC', sans-serif;\" class=\"hamburger-wrapper\"\u003e\n\n\u003cdiv class=\"top-bun-header\"\u003e\u003cimg height=\"47\" width=\"165\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1818\/5385\/files\/0320ec3b521b63dc8cffe02479779aed_1ad57f4a-b8d0-4d87-84e3-4de490a7a79a.png?v=1769129168\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"title-container\"\u003e\n\n\u003ch2 class=\"top-bun-title\"\u003eSPINEFIT\u003c\/h2\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"content-filling\"\u003e\n\n\u003cdiv class=\"product-card-master\"\u003e\n\n\u003cdiv class=\"scale-section\"\u003e\n\n\u003cdiv class=\"scale-card\"\u003e\n\n\u003cdiv class=\"scale-header-row\"\u003e\n\n\u003cspan class=\"scale-title\"\u003e \u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"var(--c-purple)\"\u003e\u003cpath d=\"M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M19,19H5V5h14V19z M13,7h-2v4H7v2h4v4h2v-4h4v-2h-4V7z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e 複合支撐硬度 \u003c\/span\u003e \u003cspan class=\"range-pill\"\u003e第 6 - 8 級\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"scale-track-container\"\u003e\n\n\u003cdiv class=\"scale-track-bg\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"scale-track-active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"scale-ticks\"\u003e\n\n\u003cdiv class=\"tick-item\"\u003e1\u003c\/div\u003e\n\n\u003cdiv class=\"tick-item\"\u003e2\u003c\/div\u003e\n\n\u003cdiv class=\"tick-item\"\u003e3\u003c\/div\u003e\n\n\u003cdiv class=\"tick-item\"\u003e4\u003c\/div\u003e\n\n\u003cdiv class=\"tick-item\"\u003e5\u003c\/div\u003e\n\n\u003cdiv class=\"tick-item active-tick\"\u003e6\u003c\/div\u003e\n\n\u003cdiv class=\"tick-item active-tick\"\u003e7\u003c\/div\u003e\n\n\u003cdiv class=\"tick-item active-tick\"\u003e8\u003c\/div\u003e\n\n\u003cdiv class=\"tick-item\"\u003e9\u003c\/div\u003e\n\n\u003cdiv class=\"tick-item\"\u003e10\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"scale-labels\"\u003e\n\n\u003cspan\u003e軟\u003c\/span\u003e \u003cspan\u003e硬\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cp class=\"scale-desc\"\u003e本款床墊採用適應性複合支撐層，硬度覆蓋範圍為 \u003cspan style=\"color: var(--c-purple); font-weight: bold;\"\u003e第 6 級（適中偏硬）\u003c\/span\u003e 至 \u003cspan style=\"color: var(--c-purple); font-weight: bold;\"\u003e第 8 級（較硬）\u003c\/span\u003e。\u003cbr\u003e它既能提供適中的包覆感（第 6 級），也能在深層睡眠時為脊椎提供強而有力的支撐（第 8 級），智能適應不同的體型與睡姿。\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"specs-section\"\u003e\n\n\u003cdiv class=\"section-title\"\u003e材質與規格\u003c\/div\u003e\n\n\u003ctable class=\"spec-table\"\u003e\n\n\u003ctbody\u003e\n\n\u003ctr\u003e\n\n\u003ctd class=\"spec-label\"\u003e厚度\u003c\/td\u003e\n\n\u003ctd class=\"spec-value\"\u003e5.5 英寸 \/ 14 公分 (±0.5公分)\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd class=\"spec-label\"\u003e支撐核心\u003c\/td\u003e\n\n\u003ctd class=\"spec-value\"\u003ePoint-To-Point® 舒壓系統根據您的身高、體重及睡眠習慣等科學數據進行精準配置。該系統旨在貼合人體曲線，緩解肩部與臀部壓力，並為下背部提供支撐，實現全方位的舒適感。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd class=\"spec-label\"\u003e舒適層\u003c\/td\u003e\n\n\u003ctd class=\"spec-value\"\u003eOpen-case® 設計採用靈活的模組化結構，讓您能隨體型變化調整 Point-To-Point® 舒壓組合，提供極致的客製化支撐與壓力分散效果。其模組化設計亦便於徹底清潔，確保最佳衛生品質。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd class=\"spec-label\"\u003e面料\u003c\/td\u003e\n\n\u003ctd class=\"spec-value\"\u003e頂層採用天然乳膠，提供卓越的舒適感與透氣性。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd class=\"spec-label\"\u003e邊緣支撐\u003c\/td\u003e\n\n\u003ctd class=\"spec-value\"\u003e內嵌式軟邊支撐系統，強化結構安全與支撐性。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\n\u003c\/tbody\u003e\n\n\n\u003c\/table\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"bottom-shimmer-wrapper\"\u003e\n\n\u003cdiv class=\"shimmer-text\"\u003e頂級 10 級硬度系統\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e","brand":"A-Fontane","offers":[{"title":"單人 92*190公分","offer_id":41886547640393,"sku":"dpm-spinefit-mattress","price":1300.0,"currency_code":"AUD","in_stock":true},{"title":"單人加大床 107*203公分","offer_id":41886547673161,"sku":"dpm-spinefit-mattress1","price":1450.0,"currency_code":"AUD","in_stock":false},{"title":"雙人 137*190公分","offer_id":41886547705929,"sku":"dpm-spinefit-mattress2","price":1950.0,"currency_code":"AUD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1818\/5385\/files\/SPINEFIT-6.jpg?v=1733445131","url":"https:\/\/www.sleepmart.com.au\/zh-hant\/products\/dpm-spinefit-mattress","provider":"Sleepmart睡眠中心","version":"1.0","type":"link"}