{"product_id":"anti-blue-light-transition-glasses","title":"Anti-Blue Light Transition Glasses","description":"\u003cstyle type=\"text\/css\"\u003e.product-detail-container {      --primary: #8c763e;      --primary-hover: #735e2f;      --text-main: #2d2d2d;      --text-sub: #5a5a5a;      --bg-body: #ffffff;      --bg-card: #fdfdfd;      --bg-soft: #f8f9fa;      --radius-md: 8px;      --radius-lg: 12px;      --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);      --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.08);      --border-color: #eaeaea;      max-width: 1200px;      margin: 0 auto;      padding: 0 5%;      box-sizing: border-box;      color: var(--text-main);      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;      overflow-wrap: break-word;      word-break: break-word;    }    \/* Fixed Typography System *\/    .product-detail-container h1,    .product-detail-container .hero-title {      font-size: 22px;      line-height: 1.3;      font-weight: 700;      color: var(--text-main);      margin: 0 0 16px 0;    }    .product-detail-container h2,    .product-detail-container h3,    .product-detail-container .section-title,    .product-detail-container .feature-title,    .product-detail-container .faq-question {      font-size: 20px;      line-height: 1.4;      font-weight: 600;      color: var(--text-main);      margin: 0 0 14px 0;    }    .product-detail-container p,    .product-detail-container li,    .product-detail-container td,    .product-detail-container th,    .product-detail-container .hero-subtitle,    .product-detail-container .feature-desc,    .product-detail-container .faq-answer,    .product-detail-container .tag,    .product-detail-container .trust-badge {      font-size: 18px;      line-height: 1.6;      color: var(--text-sub);    }    \/* Layout Spacing *\/    .detail-section {      margin-bottom: clamp(2rem, 5vw, 4rem);    }    \/* Trust Badge Layout *\/    .badge-container {      display: flex;      flex-wrap: wrap;      gap: 10px;      margin-bottom: 20px;    }    .trust-badge {      display: inline-block;      background: var(--bg-soft);      border: 1px solid var(--border-color);      padding: 6px 16px;      border-radius: 30px;      font-weight: 500;      color: var(--text-main);    }    \/* Image Rules *\/    .image-placeholder {      width: 100%;      height: auto;      background-color: var(--bg-soft);      border: 1px dashed #cccccc;      border-radius: var(--radius-lg);      display: flex;      align-items: center;      justify-content: center;      text-align: center;      padding: 40px 20px;      box-sizing: border-box;      margin-bottom: 24px;      color: #777777;      font-weight: 500;    }    .image-placeholder span {      font-size: 18px;      display: block;    }    \/* Hero Block Styles *\/    .hero-section {      text-align: center;      padding: 40px 0 20px 0;    }    .hero-section .badge-container {      justify-content: center;    }    .hero-subtitle {      max-width: 800px;      margin: 0 auto 30px auto;    }    \/* Feature Block Styles *\/    .feature-item {      display: flex;      flex-direction: column;      gap: 30px;      background: var(--bg-card);      border: 1px solid var(--border-color);      border-radius: var(--radius-lg);      padding: 24px;      box-shadow: var(--shadow-sm);    }    .feature-media {      width: 100%;    }    .feature-copy {      width: 100%;      display: flex;      flex-direction: column;      justify-content: center;    }    .feature-tag-list {      display: flex;      flex-wrap: wrap;      gap: 8px;      margin-top: 16px;    }    .tag {      background: rgba(140, 118, 62, 0.08);      color: var(--primary);      padding: 4px 12px;      border-radius: var(--radius-md);      font-weight: 600;    }    \/* Specifications Table Styles *\/    .specifications-section {      background: var(--bg-soft);      padding: 40px 24px;      border-radius: var(--radius-lg);      border: 1px solid var(--border-color);    }    .spec-table {      width: 100%;      border-collapse: collapse;      margin-top: 20px;    }    .spec-table tr {      border-bottom: 1px solid var(--border-color);    }    .spec-table tr:last-child {      border-bottom: none;    }    .spec-table td {      padding: 16px 12px;      vertical-align: top;    }    .spec-table td:first-child {      font-weight: 600;      color: var(--text-main);      width: 35%;    }    .spec-table .spec-value {      color: var(--text-sub);    }    \/* FAQ Block Styles *\/    .faq-section {      border-top: 1px solid var(--border-color);      padding-top: 40px;    }    .faq-item {      border-bottom: 1px solid var(--border-color);      padding: 20px 0;    }    .faq-item:last-child {      border-bottom: none;    }    .faq-question {      margin-bottom: 8px;      display: flex;      align-items: center;      gap: 10px;    }    .faq-icon {      color: var(--primary);      font-weight: bold;    }    \/* Desktop Adjustments (Z-Pattern) *\/    @media (min-width: 768px) {      .feature-item {        flex-direction: row;        align-items: center;        padding: 40px;        gap: 50px;      }      .feature-item.reverse {        flex-direction: row-reverse;      }      .feature-media {        width: 50%;        flex-shrink: 0;      }      .feature-copy {        width: 50%;      }    }    \/* Specifications Mobile Safety Rules *\/    @media (max-width: 767px) {      .spec-table,      .spec-table tbody,      .spec-table tr {        display: block;        width: 100%;        box-sizing: border-box;      }      .spec-table td {        display: grid;        grid-template-columns: minmax(110px, 40%) minmax(0, 1fr);        gap: 14px;        width: 100%;        box-sizing: border-box;        padding: 14px 0;        align-items: start;        white-space: normal;        overflow-wrap: anywhere;        word-break: break-word;      }      .spec-table td::before {        content: attr(data-label);        display: block;        min-width: 0;        font-size: 18px;        font-weight: 600;        line-height: 1.5;        white-space: normal;        overflow-wrap: anywhere;        word-break: break-word;      }      \/* Hide the first cell's default label column text in mobile *\/      .spec-table td:first-child {        display: none;      }      .spec-table .spec-value {        display: block;        min-width: 0;        max-width: 100%;        font-size: 18px;        line-height: 1.5;        white-space: normal;        overflow-wrap: anywhere;        word-break: break-word;      }    }    @media (max-width: 420px) {      .spec-table td {        grid-template-columns: 1fr;        gap: 6px;      }    }\u003c\/style\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!--  [AI Design Logic]  Product Type: Unisex Business Browline Photochromic Blue Light Blocking Smart Progressive Reading Glasses  Target Audience: Men and women looking for stylish reading glasses with smart outdoor sun tinting, screen blue light filtering, and age-based progressive lenses.  Visual Style: Professional, refined, premium business-classic look  Color Strategy: Deep charcoal grey, classic muted gold highlights, clean white backgrounds, and subtle silver dividers  Module Order: Hero Header -\u003e Transition Feature -\u003e Frame Craftsmanship Feature -\u003e Blue Light Feature -\u003e Specifications Table -\u003e FAQ Accordion  --\u003e\u003c!-- A. INTRO \/ HERO CONTENT BLOCK --\u003e\u003cheader class=\"detail-section hero-section\"\u003e\n\u003cdiv class=\"badge-container\"\u003e\n\u003cspan class=\"trust-badge\"\u003eSmart Progressive Multifocal\u003c\/span\u003e \u003cspan class=\"trust-badge\"\u003eAdaptive Blue Light Protection\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"hero-title\"\u003eSmart Progressive Photochromic Browline Reading Glasses\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eExperience sharp reading vision indoors and automatic sun protection outdoors. This unisex modern black and silver half-rim design offers lightweight elegance with smart light-adapting technology and progressive multifocal lenses tailored to your age.\u003c\/p\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cimg src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260911130729\/24d285d7c1a078c3761b2259e8318b36.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/header\u003e\u003c!-- B. FEATURE SECTIONS --\u003e\u003c!-- Feature 1: Photochromic Lens Transition --\u003e\n\u003csection class=\"detail-section feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cimg src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260911171932\/9b942b74b13b9bc6fc4ae7a13883bfe9.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3 class=\"feature-title\"\u003ePhotochromic Lens Transition\u003c\/h3\u003e\n\u003cp class=\"feature-desc\"\u003eNo more switching between reading glasses and sunglasses. These smart lenses automatically adjust their tint based on changing sunlight conditions, maintaining a clear view indoors, a light shade on cloudy days, and a darker tint under direct outdoor sunlight.\u003c\/p\u003e\n\u003cdiv class=\"feature-tag-list\"\u003e\n\u003cspan class=\"tag\"\u003eAdapts to Light\u003c\/span\u003e \u003cspan class=\"tag\"\u003eClear Indoors\u003c\/span\u003e \u003cspan class=\"tag\"\u003eDarker Outdoors\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Feature 2: Frame Craftsmanship (Reverse on Desktop) --\u003e\n\u003csection class=\"detail-section feature-item reverse\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cimg src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260911130729\/8b90f359903796fbef0f4a1b2a186d0c.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3 class=\"feature-title\"\u003eRefined Half-Rim Browline Design\u003c\/h3\u003e\n\u003cp class=\"feature-desc\"\u003eA classic, professional unisex silhouette meticulously built with a premium TR and alloy frame. Dual decorative metal accents adorn the endpieces, paired with an elegant textured u-bridge, thin titanium metal temples, and soft adjustable silicone nose pads for a comfortable fit.\u003c\/p\u003e\n\u003cdiv class=\"feature-tag-list\"\u003e\n\u003cspan class=\"tag\"\u003e12g Ultra-Lightweight\u003c\/span\u003e \u003cspan class=\"tag\"\u003eTitanium Temples\u003c\/span\u003e \u003cspan class=\"tag\"\u003eAdjustable Nose Pads\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Feature 3: Screen Eye Strain Protection --\u003e\n\u003csection class=\"detail-section feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cimg src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260911130728\/a6449d78e50378f45d44b2e2c5125108.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3 class=\"feature-title\"\u003eAdaptive Blue Light Filtering\u003c\/h3\u003e\n\u003cp class=\"feature-desc\"\u003eEngineered for the digital age, these high-clarity lenses block harmful blue light radiation from computers, smartphones, and tablets, significantly reducing eye strain, fatigue, and blurriness during long reading or working hours.\u003c\/p\u003e\n\u003cdiv class=\"feature-tag-list\"\u003e\n\u003cspan class=\"tag\"\u003eBlocks Screen Blue Light\u003c\/span\u003e \u003cspan class=\"tag\"\u003eReduces Eye Fatigue\u003c\/span\u003e \u003cspan class=\"tag\"\u003eSharp Vision\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- C. SPECIFICATIONS SECTION (TEXT ONLY, NO IMAGE PLACEHOLDERS) --\u003e\n\u003csection class=\"detail-section specifications-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eProduct Specifications\u003c\/h2\u003e\n\u003ctable class=\"spec-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eGender\u003c\/td\u003e\n\u003ctd data-label=\"Gender\"\u003e\u003cspan class=\"spec-value\"\u003eUnisex (Suitable for both Men and Women)\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eLens Technology\u003c\/td\u003e\n\u003ctd data-label=\"Lens Technology\"\u003e\u003cspan class=\"spec-value\"\u003eSmart Progressive Multifocal \u0026amp; Photochromic\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSelection Guide\u003c\/td\u003e\n\u003ctd data-label=\"Selection Guide\"\u003e\u003cspan class=\"spec-value\"\u003eChoose by Age: Under 50, 50-54, 55-59, 60-64, 65-69, 70-74, 75+ years old\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFrame Material\u003c\/td\u003e\n\u003ctd data-label=\"Frame Material\"\u003e\u003cspan class=\"spec-value\"\u003eAlloy \u0026amp; TR (Classic half-rim browline structure)\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eTemple Material\u003c\/td\u003e\n\u003ctd data-label=\"Temple Material\"\u003e\u003cspan class=\"spec-value\"\u003eTitanium (Ultra-thin flat metal temples with soft end tips)\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eTotal Width\u003c\/td\u003e\n\u003ctd data-label=\"Total Width\"\u003e\u003cspan class=\"spec-value\"\u003e143 mm (5.6 in)\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eBridge Width\u003c\/td\u003e\n\u003ctd data-label=\"Bridge Width\"\u003e\u003cspan class=\"spec-value\"\u003e20 mm (0.8 in)\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eLens Width\u003c\/td\u003e\n\u003ctd data-label=\"Lens Width\"\u003e\u003cspan class=\"spec-value\"\u003e52 mm (2.0 in)\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eLens Height\u003c\/td\u003e\n\u003ctd data-label=\"Lens Height\"\u003e\u003cspan class=\"spec-value\"\u003e45 mm (1.8 in)\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eTemple Length\u003c\/td\u003e\n\u003ctd data-label=\"Temple Length\"\u003e\u003cspan class=\"spec-value\"\u003e145 mm (5.7 in)\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eWeight\u003c\/td\u003e\n\u003ctd data-label=\"Weight\"\u003e\u003cspan class=\"spec-value\"\u003e12 g (0.42 oz)\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eAvailable Colors\u003c\/td\u003e\n\u003ctd data-label=\"Available Colors\"\u003e\u003cspan class=\"spec-value\"\u003eBlack \u0026amp; Silver, Black \u0026amp; Gold\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/section\u003e\n\u003c!-- D. FAQ SECTION --\u003e\n\u003csection class=\"detail-section faq-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3 class=\"faq-question\"\u003e\n\u003cspan class=\"faq-icon\"\u003eQ:\u003c\/span\u003e How do I choose the right glasses for me?\u003c\/h3\u003e\n\u003cp class=\"faq-answer\"\u003eThese glasses feature smart progressive multifocal lenses. You simply need to select the option that matches your current age group (e.g., Under 50, 50-54, 55-59, etc.). The lenses are intelligently designed to provide the appropriate multi-zone focus for your daily reading and viewing needs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3 class=\"faq-question\"\u003e\n\u003cspan class=\"faq-icon\"\u003eQ:\u003c\/span\u003e Do these glasses darken automatically while indoors?\u003c\/h3\u003e\n\u003cp class=\"faq-answer\"\u003eNo, the photochromic lenses react specifically to outdoor UV light. When you are indoors, studying, or reading under home or office lights, they remain fully transparent and clear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3 class=\"faq-question\"\u003e\n\u003cspan class=\"faq-icon\"\u003eQ:\u003c\/span\u003e Are these glasses suitable for both men and women?\u003c\/h3\u003e\n\u003cp class=\"faq-answer\"\u003eYes! The refined half-rim browline design is completely unisex, offering a professional and elegant look that complements a wide variety of face shapes for both men and women.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3 class=\"faq-question\"\u003e\n\u003cspan class=\"faq-icon\"\u003eQ:\u003c\/span\u003e Are these glasses heavy to wear for long hours?\u003c\/h3\u003e\n\u003cp class=\"faq-answer\"\u003eNot at all. With premium lightweight titanium temples, the entire frame weighs only 12 grams. Combined with adjustable soft silicone nose pads, they offer a comfortable, secure, slip-free fit without putting heavy pressure on your face.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"mysite","offers":[{"title":"Black \u0026 Gold (Photochromic) \/ Under 50 years old","offer_id":67602599149661,"sku":"SP14513191390LKI","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Black \u0026 Silver (Photochromic) \/ Under 50 years old","offer_id":67602599182429,"sku":"SP14513191390EQP","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Black \u0026 Gold (Photochromic) \/ 50-54 years old","offer_id":67602599215197,"sku":"SP14513191390BQQ","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Black \u0026 Silver (Photochromic) \/ 50-54 years old","offer_id":67602599247965,"sku":"SP14513191390HUJ","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Black \u0026 Gold (Photochromic) \/ 55-59 years old","offer_id":67602599280733,"sku":"SP14513191390HVR","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Black \u0026 Silver (Photochromic) \/ 55-59 years old","offer_id":67602599313501,"sku":"SP14513191390IUN","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Black \u0026 Gold (Photochromic) \/ 60-64 years old","offer_id":67602599346269,"sku":"SP14513191390QKM","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Black \u0026 Silver (Photochromic) \/ 60-64 years old","offer_id":67602599379037,"sku":"SP14513191390BOO","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Black \u0026 Gold (Photochromic) \/ 65-69 years old","offer_id":67602599411805,"sku":"SP14513191390VLO","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Black \u0026 Silver (Photochromic) \/ 65-69 years old","offer_id":67602599444573,"sku":"SP14513191390KRP","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Black \u0026 Gold (Photochromic) \/ 70-74 years old","offer_id":67602599477341,"sku":"SP14513191390EFD","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Black \u0026 Silver (Photochromic) \/ 70-74 years old","offer_id":67602599510109,"sku":"SP14513191390DZX","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Black \u0026 Gold (Photochromic) \/ 75+ years old","offer_id":67602599542877,"sku":"SP14513191390JYM","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Black \u0026 Silver (Photochromic) \/ 75+ years old","offer_id":67602599575645,"sku":"SP14513191390FQZ","price":12.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0738\/3593\/7885\/files\/24d285d7c1a078c3761b2259e8318b36.jpg?v=1791045304","url":"https:\/\/pourune.com\/products\/anti-blue-light-transition-glasses","provider":"pourune","version":"1.0","type":"link"}