{"product_id":"classic-4-prong-hexagonal-cut-natural-garnet-engagement-ring","title":"Classic 4-Prong Hexagonal-Cut Natural Garnet Engagement Ring","description":"\u003cstyle\u003e\n    \/* CSS变量定义 - 提高可维护性 *\/\n    :root {\n        --primary-color: #222;\n        --accent-red: #d63031;\n        --bg-light: #fafafa;\n        --bg-white: #fff;\n        --border-color: #ddd;\n        --text-primary: #333;\n        --text-secondary: #666;\n        --text-muted: #999;\n        --shadow-light: rgba(0, 0, 0, 0.05);\n        --shadow-medium: rgba(0, 0, 0, 0.08);\n    }\n\n    \/* 基础样式重置 *\/\n    body {\n        width: 100%;\n        margin: 0;\n        padding: 0;\n        overflow-x: hidden;\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n        line-height: 1.6;\n        color: var(--text-primary);\n        background-color: var(--bg-white);\n    }\n    \n    .specification-wrapper {\n        max-width: 800px;\n        margin: 40px auto;\n        padding: 0 20px;\n    }\n\n    \/* 标题样式 *\/\n    .spec-title {\n        text-align: center;\n        color: var(--primary-color);\n        font-size: 24px;\n        font-weight: 600;\n        margin-bottom: 25px;\n        padding-bottom: 15px;\n        border-bottom: 2px solid #e0e0e0;\n        letter-spacing: 0.5px;\n        position: relative;\n    }\n\n    .spec-title::after {\n        content: '';\n        position: absolute;\n        bottom: -2px;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 80px;\n        height: 2px;\n        background-color: var(--primary-color);\n    }\n\n    \/* 表格容器 *\/\n    .spec-table-container {\n        background: var(--bg-white);\n        border-radius: 8px;\n        overflow: hidden;\n        border: 1px solid var(--border-color);\n        box-shadow: 0 4px 12px var(--shadow-light);\n    }\n\n    \/* 表格样式 *\/\n    .spec-table {\n        width: 100%;\n        border-collapse: collapse;\n    }\n\n    \/* 屏幕阅读器专用 *\/\n    .sr-only {\n        position: absolute;\n        width: 1px;\n        height: 1px;\n        padding: 0;\n        margin: -1px;\n        overflow: hidden;\n        clip: rect(0, 0, 0, 0);\n        white-space: nowrap;\n        border: 0;\n    }\n\n    \/* 表头样式 - 黑色背景 *\/\n    .spec-table thead {\n        background-color: var(--primary-color);\n    }\n\n    .spec-table th {\n        padding: 20px 15px;\n        text-align: center;\n        color: var(--bg-white);\n        font-size: 16px;\n        font-weight: 600;\n        letter-spacing: 0.5px;\n        text-transform: uppercase;\n        border: none;\n    }\n\n    \/* 表格行样式 *\/\n    .spec-table tbody tr {\n        border-bottom: 1px solid #eee;\n        transition: background-color 0.2s ease;\n        will-change: background-color;\n    }\n\n    .spec-table tbody tr:hover {\n        background-color: var(--bg-light);\n    }\n\n    .spec-table tbody tr:last-child {\n        border-bottom: none;\n    }\n\n    \/* 表格单元格样式 *\/\n    .spec-table td {\n        padding: 16px 20px;\n        vertical-align: top;\n        width: 50%;\n        border: none;\n    }\n\n    .spec-table tbody tr:nth-child(even) td {\n        background-color: var(--bg-light);\n    }\n\n    .spec-table tbody tr:nth-child(odd) td {\n        background-color: var(--bg-white);\n    }\n\n    \/* 标签和值样式 *\/\n    .spec-label {\n        display: block;\n        color: var(--text-secondary);\n        font-size: 13px;\n        font-weight: 500;\n        margin-bottom: 5px;\n        letter-spacing: 0.3px;\n        text-transform: uppercase;\n    }\n\n    .spec-value {\n        display: inline-block;\n        color: var(--text-primary);\n        font-size: 16px;\n        font-weight: 500;\n        line-height: 1.4;\n    }\n\n    \/* 特殊颜色值样式 *\/\n    .spec-value--red {\n        color: var(--accent-red);\n        font-weight: 600;\n    }\n\n    \/* None\/空值特殊样式 *\/\n    .spec-value--none,\n    .spec-value--empty {\n        color: var(--text-muted);\n        font-style: italic;\n    }\n\n    \/* 处理空单元格 *\/\n    .spec-table td:empty::before {\n        content: \"—\";\n        color: var(--text-muted);\n        font-style: italic;\n    }\n\n    \/* 徽章样式 *\/\n    .badge {\n        display: inline-block;\n        padding: 4px 12px;\n        border-radius: 12px;\n        font-size: 13px;\n        font-weight: 600;\n        letter-spacing: 0.3px;\n        border: 1px solid var(--border-color);\n    }\n\n    .badge--natural {\n        background-color: #ffeaea;\n        color: #b33939;\n        border-color: #ffb8b8;\n    }\n\n    .badge--lab-grown {\n        background-color: #e8f4fc;\n        color: #0a5a8a;\n        border-color: #93c5fd;\n    }\n\n    .badge--clarity {\n        background-color: #f5f0ff;\n        color: #5b21b6;\n        border-color: #c4b5fd;\n    }\n\n    \/* 移动端响应式设计 *\/\n    @media (max-width: 768px) {\n        .specification-wrapper {\n            margin: 30px 15px;\n            padding: 0;\n        }\n        \n        .spec-title {\n            font-size: 22px;\n            margin-bottom: 20px;\n        }\n        \n        .spec-table th {\n            padding: 16px 12px;\n            font-size: 15px;\n        }\n        \n        .spec-table td {\n            padding: 14px 16px;\n        }\n        \n        .spec-value {\n            font-size: 15px;\n        }\n    }\n\n    @media (max-width: 480px) {\n        .specification-wrapper {\n            margin: 20px 10px;\n            padding: 0;\n        }\n        \n        .spec-title {\n            font-size: 20px;\n            margin-bottom: 15px;\n            padding-bottom: 10px;\n        }\n        \n        .spec-title::after {\n            width: 60px;\n        }\n        \n        .spec-table-container {\n            border-radius: 6px;\n            overflow-x: auto;\n        }\n        \n        .spec-table th {\n            padding: 14px 10px;\n            font-size: 14px;\n        }\n        \n        .spec-table td {\n            padding: 12px 14px;\n            min-width: 150px;\n        }\n        \n        .spec-label {\n            font-size: 11px;\n            margin-bottom: 3px;\n        }\n        \n        .spec-value {\n            font-size: 14px;\n        }\n        \n        .badge {\n            padding: 3px 10px;\n            font-size: 12px;\n        }\n    }\n\n    \/* 浏览器兼容性 *\/\n    .spec-table-container {\n        -webkit-box-shadow: 0 4px 12px var(--shadow-light);\n        box-shadow: 0 4px 12px var(--shadow-light);\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"specification-wrapper\"\u003e\n\u003ch2 class=\"spec-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cdiv class=\"spec-table-container\"\u003e\n\u003ctable style=\"width: 100%; height: 330.344px;\" class=\"spec-table\"\u003e\n\u003ccaption class=\"sr-only\"\u003e宝石规格详情表\u003c\/caption\u003e\n\u003cthead\u003e\n\u003ctr style=\"height: 24px;\"\u003e\n\u003cth style=\"width: 45.471%; height: 24px;\"\u003ePrimary Stone\u003c\/th\u003e\n\u003cth style=\"width: 45.471%; height: 24px;\"\u003eSide Stones\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 48.1875px;\"\u003e\n\u003ctd style=\"width: 45.471%; height: 48.1875px;\"\u003e\n\u003cspan class=\"spec-label\"\u003eStone Color:\u003c\/span\u003e \u003cspan class=\"spec-value spec-value--red\"\u003eRed\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"width: 45.471%; height: 48.1875px;\"\u003e\n\u003cspan class=\"spec-label\"\u003eStone Color:\u003c\/span\u003e \u003cspan class=\"spec-value\"\u003eD\/E\/F\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 48.1875px;\"\u003e\n\u003ctd style=\"width: 45.471%; height: 48.1875px;\"\u003e\n\u003cspan class=\"spec-label\"\u003eStone Material:\u003c\/span\u003e \u003cspan class=\"spec-value\"\u003eGarnet\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"width: 45.471%; height: 48.1875px;\"\u003e\n\u003cspan class=\"spec-label\"\u003eStone Material:\u003c\/span\u003e \u003cspan class=\"spec-value\"\u003eMoissanite\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 56.7969px;\"\u003e\n\u003ctd style=\"width: 45.471%; height: 56.7969px;\"\u003e\n\u003cspan class=\"spec-label\"\u003eOrigin:\u003c\/span\u003e \u003cspan class=\"spec-value badge badge--natural\"\u003eNatural\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"width: 45.471%; height: 56.7969px;\"\u003e\n\u003cspan class=\"spec-label\"\u003eOrigin:\u003c\/span\u003e \u003cspan class=\"spec-value badge badge--lab-grown\"\u003eLab Grown\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 48.1875px;\"\u003e\n\u003ctd style=\"width: 45.471%; height: 48.1875px;\"\u003e\n\u003cspan class=\"spec-label\"\u003eStone Shape:\u003c\/span\u003e \u003cspan class=\"spec-value\"\u003eHexagon\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"width: 45.471%; height: 48.1875px;\"\u003e\n\u003cspan class=\"spec-label\"\u003eStone Shape:\u003c\/span\u003e \u003cspan class=\"spec-value\"\u003eRound\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 56.7969px;\"\u003e\n\u003ctd style=\"width: 45.471%; height: 56.7969px;\"\u003e\n\u003cspan class=\"spec-label\"\u003eStone Size:\u003c\/span\u003e \u003cspan class=\"spec-value\"\u003e3.35×4.5×3.35mm\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"width: 45.471%; height: 56.7969px;\"\u003e\n\u003cspan class=\"spec-label\"\u003eStone Clarity:\u003c\/span\u003e \u003cspan class=\"spec-value badge badge--clarity\"\u003eVVS1\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 48.1875px;\"\u003e\n\u003ctd style=\"width: 45.471%; height: 48.1875px;\"\u003e\u003c!-- 空单元格 --\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 45.471%; height: 48.1875px;\"\u003e\n\u003cspan class=\"spec-label\"\u003eNumber Of Stones:\u003c\/span\u003e \u003cspan class=\"spec-value\"\u003e16\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Romalar Jewelry","offers":[{"title":"Yellow-Gold","offer_id":53010611372397,"sku":"SR17661-Y-2","price":381.31,"currency_code":"USD","in_stock":true},{"title":"Rose-Gold","offer_id":53010611405165,"sku":"SR17661-R-2","price":381.31,"currency_code":"USD","in_stock":true},{"title":"White-Gold","offer_id":53010611437933,"sku":"SR17661-W-2","price":381.31,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0980\/6430\/2445\/files\/SR17661-Y-2-CJ-X_1.webp?v=1770386887","url":"https:\/\/ynfjewelry.com\/products\/classic-4-prong-hexagonal-cut-natural-garnet-engagement-ring","provider":"YNFJEWELRY","version":"1.0","type":"link"}