{"id":16787,"date":"2017-09-20T14:41:26","date_gmt":"2017-09-20T14:41:26","guid":{"rendered":"http:\/\/wpsparrow.com\/wordpress\/farvis\/medical\/?page_id=12"},"modified":"2026-05-24T17:04:00","modified_gmt":"2026-05-24T10:04:00","slug":"blog","status":"publish","type":"page","link":"https:\/\/memoriallab.net\/en\/blog\/","title":{"rendered":"Blog"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div class=\"vc_row wpb_row vc_row-fluid pix-vc_row-no-padding pix-row-overlay vc_custom_1760980113607\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\" ><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@300;400;500;600;700;800&family=Sora:wght@500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n  .mlph-ph,\n  .mlph-ph *{box-sizing:border-box}\n  .mlph-ph{\n    position:relative;height:340px;overflow:hidden;isolation:isolate;\n    font-family:'Prompt',ui-sans-serif,system-ui,sans-serif;\n    color:#fff;\n    \/* CSS fallback (\u0e16\u0e49\u0e32 JS \u0e1b\u0e34\u0e14) \u2014 JS \u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07\u0e08\u0e30 override \u0e04\u0e48\u0e32\u0e08\u0e23\u0e34\u0e07 *\/\n    width:100vw;max-width:100vw;\n    margin-left:calc((100% - 100vw) \/ 2);\n    margin-right:calc((100% - 100vw) \/ 2);\n  }\n  @media (max-width:780px){\n    .mlph-ph{height:300px}\n  }\n\n  \/* Layer 1 : deep gradient base *\/\n  .mlph-ph::before{\n    content:\"\";position:absolute;inset:0;z-index:-3;\n    background:\n      radial-gradient(900px 500px at 15% 30%, #0e3a5c 0%, transparent 60%),\n      radial-gradient(800px 600px at 85% 80%, #0a6b6b 0%, transparent 60%),\n      linear-gradient(135deg,#061a2e 0%, #0b2545 45%, #0a4a55 100%);\n  }\n  \/* Layer 2 : lab photo *\/\n  .mlph-ph .mlph-photo{\n    position:absolute;inset:-30px;z-index:-2;\n    background-size:cover;background-position:center;\n    background-image:url('https:\/\/images.unsplash.com\/photo-1581093588401-fbb62a02f120?auto=format&fit=crop&w=1920&q=80');\n    filter:blur(2px) saturate(1.1) brightness(.55);\n    transform:scale(1.06);\n    animation:mlph-slowZoom 18s ease-in-out infinite alternate;\n  }\n  @keyframes mlph-slowZoom{from{transform:scale(1.06) translate(0,0)}to{transform:scale(1.12) translate(-12px,-6px)}}\n  \/* Layer 3 : mesh tint *\/\n  .mlph-ph .mlph-mesh{\n    position:absolute;inset:0;z-index:-1;mix-blend-mode:screen;opacity:.7;\n    background:\n      radial-gradient(600px 360px at 10% 40%, rgba(94,197,255,.45), transparent 60%),\n      radial-gradient(500px 320px at 90% 60%, rgba(126,233,214,.5), transparent 60%);\n  }\n  \/* Layer 4 : noise grain *\/\n  .mlph-ph .mlph-grain{\n    position:absolute;inset:0;z-index:-1;opacity:.18;mix-blend-mode:overlay;pointer-events:none;\n    background-image:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9'\/><\/filter><rect width='100%25' height='100%25' filter='url(%23n)'\/><\/svg>\");\n  }\n  \/* sweeping beams *\/\n  .mlph-ph .mlph-beams{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}\n  .mlph-ph .mlph-beams i{\n    position:absolute;top:-30%;width:240px;height:160%;\n    background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);\n    transform:rotate(18deg);filter:blur(20px);\n    animation:mlph-sweep 9s ease-in-out infinite;\n  }\n  .mlph-ph .mlph-beams i:nth-child(1){left:-15%;animation-delay:-1s}\n  .mlph-ph .mlph-beams i:nth-child(2){left:35%;animation-delay:-4s;opacity:.6}\n  .mlph-ph .mlph-beams i:nth-child(3){left:75%;animation-delay:-7s;opacity:.5}\n  @keyframes mlph-sweep{0%,100%{transform:translateX(-30px) rotate(18deg);opacity:.2}50%{transform:translateX(60px) rotate(18deg);opacity:.65}}\n  \/* floating particles *\/\n  .mlph-ph .mlph-dust{\n    position:absolute;inset:0;pointer-events:none;z-index:-1;\n    background-image:\n      radial-gradient(circle, rgba(255,255,255,.55) 1px, transparent 1.6px),\n      radial-gradient(circle, rgba(126,233,214,.6) 1px, transparent 1.6px);\n    background-size:160px 160px, 220px 220px;\n    background-position:0 0, 80px 90px;\n    -webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 50%, #000 30%, transparent 100%);\n            mask-image:radial-gradient(ellipse 60% 70% at 50% 50%, #000 30%, transparent 100%);\n    animation:mlph-drift 28s linear infinite;opacity:.5;\n  }\n  @keyframes mlph-drift{to{background-position:-160px -120px, -80px 30px}}\n  \/* grid lines *\/\n  .mlph-ph .mlph-grid{\n    position:absolute;inset:0;z-index:-1;\n    background-image:\n      linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px),\n      linear-gradient(0deg, rgba(255,255,255,.05) 1px, transparent 1px);\n    background-size:80px 80px;\n    -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%, #000 0%, transparent 80%);\n            mask-image:radial-gradient(ellipse 70% 60% at 50% 50%, #000 0%, transparent 80%);\n  }\n  \/* content wrap : inner container max-width *\/\n  .mlph-ph .mlph-wrap{\n    position:relative;z-index:2;\n    max-width:1280px;margin:0 auto;\n    padding:54px 32px;height:100%;\n    display:flex;flex-direction:column;justify-content:center;\n  }\n  @media (max-width:780px){\n    .mlph-ph .mlph-wrap{padding:40px 24px}\n  }\n  .mlph-ph .mlph-eyebrow{\n    display:inline-flex;align-items:center;gap:10px;\n    padding:7px 14px 7px 8px;border-radius:999px;\n    background:rgba(255,255,255,.08);\n    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);\n    border:1px solid rgba(255,255,255,.18);\n    font-size:12.5px;color:#dff5ff;font-weight:500;letter-spacing:.06em;\n    width:-moz-fit-content;width:fit-content;\n  }\n  .mlph-ph .mlph-eyebrow .mlph-pulse{\n    position:relative;width:22px;height:22px;border-radius:50%;\n    background:linear-gradient(135deg,#7ee9d6,#5ec5ff);\n    display:flex;align-items:center;justify-content:center;color:#062b3a;font-size:12px;\n  }\n  .mlph-ph .mlph-eyebrow .mlph-pulse::after{\n    content:\"\";position:absolute;inset:-4px;border-radius:50%;\n    border:1px solid rgba(126,233,214,.55);\n    animation:mlph-ring 2s ease-out infinite;\n  }\n  @keyframes mlph-ring{0%{transform:scale(.6);opacity:.9}100%{transform:scale(1.6);opacity:0}}\n  .mlph-ph h1.mlph-title{\n    font-family:'Sora','Prompt',sans-serif;font-weight:700;\n    font-size:clamp(38px,5vw,64px);line-height:1.05;letter-spacing:-.02em;\n    color:#fff;margin:18px 0 0;\n    text-shadow:0 12px 40px rgba(0,0,0,.45);\n    position:relative;width:-moz-fit-content;width:fit-content;\n  }\n  .mlph-ph h1.mlph-title .mlph-accent{\n    background:linear-gradient(135deg,#7ee9d6 0%,#5ec5ff 60%,#a3b7ff 100%);\n    -webkit-background-clip:text;background-clip:text;color:transparent;\n  }\n  .mlph-ph h1.mlph-title::after{\n    content:\"\";position:absolute;left:0;bottom:-12px;\n    width:64px;height:3px;border-radius:3px;\n    background:linear-gradient(90deg,#7ee9d6,#5ec5ff,transparent);\n    box-shadow:0 0 12px #7ee9d6;\n  }\n  \/* breadcrumb *\/\n  .mlph-ph .mlph-crumb{\n    margin-top:28px;display:flex;align-items:center;gap:10px;\n    padding:10px 18px;border-radius:999px;\n    background:rgba(255,255,255,.1);\n    backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);\n    border:1px solid rgba(255,255,255,.22);\n    width:-moz-fit-content;width:fit-content;\n    font-size:13.5px;color:#eaf6ff;\n    box-shadow:0 12px 30px -12px rgba(0,0,0,.4);\n  }\n  .mlph-ph .mlph-crumb a{color:#cfeeff;text-decoration:none;transition:.25s}\n  .mlph-ph .mlph-crumb a:hover{color:#fff}\n  .mlph-ph .mlph-crumb .mlph-sep{opacity:.55}\n  .mlph-ph .mlph-crumb .mlph-here{\n    color:#fff;font-weight:600;\n    background:linear-gradient(135deg,#7ee9d6,#5ec5ff);\n    -webkit-background-clip:text;background-clip:text;color:transparent;\n  }\n  .mlph-ph .mlph-crumb svg{opacity:.85}\n  \/* floating glass orb *\/\n  .mlph-ph .mlph-orb{\n    position:absolute;right:6%;top:50%;transform:translateY(-50%);z-index:2;\n    width:140px;height:140px;border-radius:50%;\n    background:conic-gradient(from 0deg,#7ee9d6,#5ec5ff,#a3b7ff,#7ee9d6);\n    padding:2px;animation:mlph-spinOrb 14s linear infinite;\n    box-shadow:0 30px 70px -20px rgba(94,197,255,.55);\n  }\n  .mlph-ph .mlph-orb::before{\n    content:\"\";position:absolute;inset:8px;border-radius:50%;\n    background:radial-gradient(circle at 30% 30%, #fff, #cfeeff 30%, #5ec5ff 70%, #0b2545 100%);\n  }\n  .mlph-ph .mlph-orb::after{\n    content:\"\";position:absolute;inset:-14px;border-radius:50%;\n    border:1px dashed rgba(255,255,255,.35);\n    animation:mlph-spinOrb 22s linear reverse infinite;\n  }\n  @keyframes mlph-spinOrb{to{transform:translateY(-50%) rotate(360deg)}}\n  .mlph-ph .mlph-orb svg{\n    position:absolute;inset:0;margin:auto;width:50px;height:50px;color:#0b2545;\n    animation:mlph-floatIcon 4s ease-in-out infinite;\n  }\n  @keyframes mlph-floatIcon{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}\n  @media (max-width:780px){\n    .mlph-ph .mlph-orb{display:none}\n  }\n<\/style>\n\n<header class=\"mlph-ph\">\n  <div class=\"mlph-photo\"><\/div>\n  <div class=\"mlph-mesh\"><\/div>\n  <div class=\"mlph-grid\"><\/div>\n  <div class=\"mlph-grain\"><\/div>\n  <div class=\"mlph-dust\"><\/div>\n  <div class=\"mlph-beams\"><i><\/i><i><\/i><i><\/i><\/div>\n\n  <!-- floating glass orb : calendar-with-check icon -->\n  <div class=\"mlph-orb\">\n    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n      <path d=\"M8 2v4\"\/><path d=\"M16 2v4\"\/><rect x=\"3\" y=\"6\" width=\"18\" height=\"15\" rx=\"3\"\/><path d=\"M3 11h18\"\/><path d=\"M9 16l2 2 4-4\"\/>\n    <\/svg>\n  <\/div>\n\n  <div class=\"mlph-wrap\">\n    <span class=\"mlph-eyebrow\">\n      <span class=\"mlph-pulse\">\n        <svg width=\"12\" height=\"12\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"><path d=\"M3 12h4l3-9 4 18 3-9h4\"\/><\/svg>\n      <\/span>\n      Memorial Lab \u00b7 Health Articles\n    <\/span>\n\n    <h1 class=\"mlph-title\">\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21<span class=\"mlph-accent\">\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e<\/span><\/h1>\n\n    <nav class=\"mlph-crumb\" aria-label=\"breadcrumb\">\n      <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 12 12 3l9 9\"\/><path d=\"M5 10v10h14V10\"\/><\/svg>\n      <a href=\"#\">\u0e2b\u0e19\u0e49\u0e32\u0e2b\u0e25\u0e31\u0e01<\/a>\n      <span class=\"mlph-sep\">\u203a<\/span>\n      <span class=\"mlph-here\">Health articles<\/span>\n    <\/nav>\n  <\/div>\n<\/header>\n\n<script>\n\/* Runtime full-bleed : \u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a header \u0e40\u0e15\u0e47\u0e21\u0e08\u0e2d\u0e41\u0e21\u0e49 theme \u0e08\u0e30\u0e21\u0e35 max-width \/ overflow-hidden\n   \u0e43\u0e0a\u0e49 getBoundingClientRect \u0e27\u0e31\u0e14 pixel \u0e08\u0e23\u0e34\u0e07 \u0e41\u0e25\u0e49\u0e27 apply margin *\/\n(function(){\n  var els = document.querySelectorAll('.mlph-ph');\n  if(!els.length) return;\n  function fix(){\n    els.forEach(function(el){\n      el.style.marginLeft = '0';\n      el.style.marginRight = '0';\n      el.style.width = 'auto';\n      var rect = el.getBoundingClientRect();\n      var dw = document.documentElement.clientWidth || window.innerWidth;\n      el.style.marginLeft = (-rect.left) + 'px';\n      el.style.width = dw + 'px';\n      el.style.maxWidth = dw + 'px';\n    });\n  }\n  fix();\n  var t;\n  window.addEventListener('resize', function(){ clearTimeout(t); t = setTimeout(fix, 80); });\n  window.addEventListener('load', fix);\n  setTimeout(fix, 300);\n})();\n<\/script>\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"th\">\r\n  <head>\r\n    <meta charset=\"UTF-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n    <title data-trp-translate=\"yes\">\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e<\/title>\r\n    <style>\r\n      :root {\r\n        --brand: #459aae;\r\n        --brand-ink: #6cc1ba;\r\n        --ink: #28a69b;\r\n        --w: 1200px;\r\n        --card-r: 26px;\r\n        --shadow: 0 14px 36px rgba(2, 8, 23, 0.12);\r\n      }\r\n      *{box-sizing:border-box;}\r\n      body{margin:0;background:#fff;color:#334155;font-family:system-ui,-apple-system,Inter,\"Noto Sans Thai\",sans-serif;}\r\n      .wrap{max-width:var(--w);margin:0 auto;padding:22px 22px 56px;}\r\n      h2{color:var(--brand);margin:0 0 10px;font-weight:900;font-size:clamp(18px,2.4vw,24px);}\r\n      .toolbar{position:relative;display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e6eef7;border-radius:18px;padding:14px 16px;box-shadow:0 12px 28px rgba(2,8,23,0.06);}\r\n      .left{flex:1;display:flex;align-items:center;gap:10px;}\r\n      .search{flex:1;border:0;background:#f1f5fb;border-radius:12px;padding:12px 14px;font-size:16px;color:#0f172a;outline:none;}\r\n      .search::placeholder{color:#90a4bf;}\r\n      .right a{color:var(--brand);text-decoration:none;font-weight:800;}\r\n      .right a:hover{text-decoration:underline;}\r\n      .dd{position:relative;z-index:1100;}\r\n      .dd-btn{display:flex;align-items:center;gap:8px;border:0;background:transparent;cursor:pointer;font-weight:900;color:var(--brand);padding:10px 12px;border-radius:12px;}\r\n      .dd-btn:hover{background:#eef7f6;}\r\n      .dd-btn svg{opacity:.85;transition:.15s transform;}\r\n      .dd.open .dd-btn svg{transform:rotate(180deg);}\r\n      \r\n      \/* \u2705 \u0e40\u0e1e\u0e34\u0e48\u0e21 transition \u0e40\u0e1b\u0e34\u0e14\u0e1b\u0e34\u0e14 dropdown *\/\r\n      .dd-menu{\r\n        position:fixed;\r\n        left:50vw;\r\n        transform:translate(-50%,-10px);\r\n        top:0;\r\n        width:min(980px,calc(100vw - 48px));\r\n        background:#fff;\r\n        border:1px solid #e6eef7;\r\n        border-radius:20px;\r\n        box-shadow:0 22px 40px rgba(2,8,23,0.18);\r\n        padding:6px 0;\r\n        display:block;\r\n        opacity:0;\r\n        pointer-events:none;\r\n        max-height:60vh;\r\n        overflow:auto;\r\n        z-index:1200;\r\n        transition:opacity .25s ease, transform .25s ease;\r\n      }\r\n      .dd.open .dd-menu{\r\n        opacity:1;\r\n        transform:translate(-50%,0);\r\n        pointer-events:auto;\r\n      }\r\n\r\n      .dd-option{padding:14px 20px;font-weight:800;color:var(--brand);cursor:pointer;outline:none;}\r\n      .dd-option:hover{background:#f4fbfa;}\r\n      .dd-option[aria-selected=\"true\"]{background:#e5f7f5;}\r\n      .dd-overlay{position:fixed;inset:0;background:transparent;z-index:900;}\r\n      .dd-overlay[hidden]{display:none!important;}\r\n      .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:34px;}\r\n      @media(max-width:1024px){.grid{grid-template-columns:repeat(2,1fr);}}\r\n      @media(max-width:640px){.grid{grid-template-columns:1fr;}}\r\n      .card{background:#fff;border-radius:var(--card-r);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:.18s transform,.18s box-shadow;}\r\n      .card:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(2,8,23,0.16);}\r\n      .thumb{aspect-ratio:16\/9;background:#e5e7eb;position:relative;overflow:hidden;}\r\n      .thumb img{width:100%;height:100%;object-fit:cover;display:block;}\r\n      .badge{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.9);color:var(--brand);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;box-shadow:0 6px 14px rgba(2,8,23,0.12);}\r\n      .body{padding:18px 18px 22px;}\r\n      .title{margin:2px 0 8px;font-weight:900;line-height:1.25;color:var(--brand);font-size:clamp(17px,2vw,22px);}\r\n      .title a{color:inherit;text-decoration:none;}\r\n      .title a:hover{text-decoration:underline;}\r\n      .excerpt{color:#475569;line-height:1.65;font-size:clamp(14px,1.7vw,15px);}\r\n      .empty{grid-column:1\/-1;background:#f8fbff;border:1px dashed #cfe1ff;border-radius:18px;padding:28px;text-align:center;font-weight:700;color:#0f172a;}\r\n      .pager{display:flex;flex-wrap:wrap;padding-bottom:100px;align-items:center;gap:12px;justify-content:center;margin:34px 0 0;font-weight:800;overflow-x:auto;scrollbar-width:thin;}\r\n      .pager::-webkit-scrollbar{height:8px;}\r\n      .pager::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:999px;}\r\n      .pager button{border:0;background:#eef7f6;color:var(--brand);min-width:40px;height:40px;padding:0 12px;border-radius:999px;font-weight:900;cursor:pointer;box-shadow:0 6px 16px rgba(2,8,23,0.08);transition:.18s;}\r\n      .pager .link-btn{background:transparent;box-shadow:none;padding:0 6px;height:40px;}\r\n      .pager .link-btn:hover{text-decoration:underline;}\r\n      .pager .current{background:var(--brand);color:#fff;}\r\n      .pager button:disabled{opacity:.45;cursor:not-allowed;}\r\n      @media(max-width:640px){\r\n        .toolbar{flex-direction:column;align-items:stretch;gap:12px;padding:12px;}\r\n        .left,.dd,.right{width:100%;}\r\n        .dd-btn{width:100%;justify-content:space-between;}\r\n        .grid{gap:18px;margin-top:22px;}\r\n        .card{border-radius:18px;}\r\n        .body{padding:14px 14px 18px;}\r\n        .badge{padding:5px 9px;font-size:11px;}\r\n        .pager{justify-content:flex-start;padding-bottom:6px;}\r\n        .pager button{min-width:38px;height:38px;padding:0 10px;}\r\n        .pager .link-btn{padding:0 4px;}\r\n        .dd-menu{left:50vw!important;transform:translateX(-50%)!important;width:calc(100vw - 24px)!important;max-height:50vh;}\r\n      }\r\n    <\/style>\r\n  <\/head>\r\n  <body>\r\n    <div class=\"wrap\">\r\n      <h2 data-trp-translate=\"yes\">Search<\/h2>\r\n      <div class=\"toolbar\" role=\"search\" id=\"toolbar\">\r\n        <div class=\"left\">\r\n          <input id=\"q\" class=\"search\" type=\"search\" placeholder=\"Search...\" \/>\r\n        <\/div>\r\n        <div class=\"dd\" id=\"catDD\">\r\n          <button class=\"dd-btn\" id=\"catBtn\" type=\"button\">\r\n            <span id=\"catLabel\">All articles<\/span>\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 20 20\"><path d=\"M5 8l5 5 5-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/svg>\r\n          <\/button>\r\n          <ul class=\"dd-menu\" id=\"catMenu\"><\/ul>\r\n        <\/div>\r\n        <div class=\"right\"><a id=\"clear\" href=\"javascript:void(0)\">Clear data<\/a><\/div>\r\n      <\/div>\r\n      <div id=\"ddOverlay\" class=\"dd-overlay\" hidden><\/div>\r\n      <section class=\"articles\">\r\n        <div id=\"grid\" class=\"grid\"><\/div>\r\n        <nav class=\"pager\" id=\"pager\"><\/nav>\r\n      <\/section>\r\n    <\/div>\r\n\r\n    <script>\r\n        const DATA = [\r\n  {\r\n    title: \"Vitamin B Complex: Benefits, What to Know, and Recommended Foods\",\r\n    excerpt: \"Vitamin B complex combines several types of B vitamins that work together to support energy metabolism and nervous system function...\",\r\n    img: \"https:\/\/images.unsplash.com\/photo-1512621776951-a57141f2eefd?q=80&w=1200\",\r\n    cat: \"Health Promotion\",\r\n    tag: \"Nutrition\",\r\n    url: \"https:\/\/memoriallab.net\/blog\/%E0%B8%A7%E0%B8%B4%E0%B8%95%E0%B8%B2%E0%B8%A1%E0%B8%B4%E0%B8%99%E0%B8%9A%E0%B8%B5%E0%B8%A3%E0%B8%A7%E0%B8%A1%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3\",\r\n  },\r\n  {\r\n    title: \"Chikungunya: The Mosquito-Borne Disease You Shouldn\u2019t Ignore\",\r\n    excerpt: \"The number of Chikungunya cases carried by Aedes mosquitoes is increasing...\",\r\n    img: \"https:\/\/lh5.googleusercontent.com\/proxy\/I694-a-QztNwNy6kgoNxSy9TSfISrk9oaPfM18MpeZpdNr_jsrZKQZO2djX180X2TI1-pt5WgGlm-XBbN9y-7HuDTs4Ud79cx_v-r83MfBPlcZqPF0EWJeQdkhMofg?q=80&w=1200\",\r\n    cat: \"Infectious Diseases\",\r\n    tag: \"Infection\",\r\n    url: \"https:\/\/memoriallab.net\/blog\/%E0%B8%8A%E0%B8%B4%E0%B8%84%E0%B8%B8%E0%B8%99%E0%B8%81%E0%B8%B8%E0%B8%99%E0%B8%A2%E0%B8%B2-%E0%B9%82%E0%B8%A3%E0%B8%84%E0%B8%88%E0%B8%B2%E0%B8%81%E0%B8%A2%E0%B8%B8%E0%B8%87%E0%B8%97%E0%B8%B5%E0%B9%88\/\",\r\n  },\r\n  {\r\n    title: \"The Silent Threat Behind Headaches\",\r\n    excerpt: \"A headache might be more than just stress \u2014 it could signal underlying conditions...\",\r\n    img: \"https:\/\/www.communityaccessnetwork.org\/wp-content\/uploads\/2024\/06\/AdobeStock_417448900.jpeg?q=80&w=2000&auto=format&fit=crop\",\r\n    cat: \"Nervous System\",\r\n    tag: \"Headache\",\r\n    url: \"https:\/\/memoriallab.net\/blog\/%E0%B8%9B%E0%B8%A7%E0%B8%94%E0%B8%A8%E0%B8%B5%E0%B8%A3%E0%B8%A9%E0%B8%B0%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3\",\r\n  },\r\n  {\r\n    title: \"Digital Navigation: Enhancing Surgical Accuracy\",\r\n    excerpt: \"Navigation-assisted surgery improves precision and safety during complex operations...\",\r\n    img: \"https:\/\/www.agewell.co.th\/wp-content\/uploads\/2025\/01\/%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%9C%E0%B9%88%E0%B8%B2%E0%B8%95%E0%B8%B1%E0%B8%94%E0%B8%81%E0%B8%A3%E0%B8%B0%E0%B8%94%E0%B8%B9%E0%B8%81%E0%B8%AA%E0%B8%B1%E0%B8%99%E0%B8%AB%E0%B8%A5%E0%B8%B1%E0%B8%87%E0%B8%84%E0%B8%94-768x432.webp\",\r\n    cat: \"Surgery\",\r\n    tag: \"Surgery\",\r\n    url: \"https:\/\/memoriallab.net\/blog\/digitalnavigation\/\",\r\n  },\r\n  {\r\n    title: \"Pregnancy: Important Warning Signs to Watch For\",\r\n    excerpt: \"Seek medical attention immediately if you experience bleeding, severe abdominal pain, or other warning signs...\",\r\n    img: \"https:\/\/res.cloudinary.com\/dk0z4ums3\/image\/upload\/v1710007076\/attached_image_th\/pregnancytestkit.jpg?q=80&w=1200\",\r\n    cat: \"Pregnancy\",\r\n    tag: \"Pregnancy\",\r\n    url: \"https:\/\/memoriallab.net\/blog\/%E0%B8%95%E0%B8%B1%E0%B9%89%E0%B8%87%E0%B8%84%E0%B8%A3%E0%B8%A3%E0%B8%A0%E0%B9%8C%E0%B8%AA%E0%B8%B1%E0%B8%8D%E0%B8%8D%E0%B8%B2%E0%B8%93%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3\/\",\r\n  },\r\n  {\r\n    title: \"What Is Migraine?\",\r\n    excerpt: \"Migraine is a type of chronic headache that can cause intense pain and other symptoms...\",\r\n    img: \"https:\/\/dynamichealthcarolinas.com\/wp-content\/uploads\/2017\/03\/migraines-charlotte-nc-862x610.jpg?q=80&w=1200\",\r\n    cat: \"Nervous System\",\r\n    tag: \"Neurology\",\r\n    url: \"https:\/\/memoriallab.net\/blog\/%E0%B9%84%E0%B8%A1%E0%B9%80%E0%B8%81%E0%B8%A3%E0%B8%99-migraine\/\",\r\n  },\r\n  {\r\n    title: \"Herpes: More Than Just Blisters \u2014 A Hidden Virus Anyone Can Have\",\r\n    excerpt: \"Small blisters on the lips are often caused by the herpes simplex virus...\",\r\n    img: \"https:\/\/www.vircell.com\/sites\/default\/files\/2025-07\/herpes-simplex-virus.jpg?q=80&w=1200\",\r\n    cat: \"Dermatology\",\r\n    tag: \"Dermatology\",\r\n    url: \"https:\/\/memoriallab.net\/blog\/\u0e44\u0e27\u0e23\u0e31\u0e2a\u0e40\u0e23\u0e34\u0e21\u0e04\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23\/\",\r\n  },\r\n  {\r\n    title: \"One-Sided Headache: When It Could Be Life-Threatening\",\r\n    excerpt: \"Many think it\u2019s just stress, but some symptoms require immediate medical attention...\",\r\n    img: \"https:\/\/res.cloudinary.com\/dk0z4ums3\/image\/upload\/v1625725528\/attached_image_th\/%E0%B8%9B%E0%B8%A7%E0%B8%94%E0%B8%AB%E0%B8%B1%E0%B8%A7%E0%B8%82%E0%B9%89%E0%B8%B2%E0%B8%87%E0%B9%80%E0%B8%94%E0%B8%B5%E0%B8%A2%E0%B8%A7-%E0%B8%AA%E0%B8%B1%E0%B8%8D%E0%B8%8D%E0%B8%B2%E0%B8%93%E0%B8%AA-pobpad.jpg?q=80&w=1200\",\r\n    cat: \"Emergency\",\r\n    tag: \"Emergency\",\r\n    url: \"https:\/\/memoriallab.net\/blog\/\u0e1b\u0e27\u0e14\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e32\u0e07\u0e40\u0e14\u0e35\u0e22\u0e27\/\",\r\n  },\r\n  {\r\n    title: \"Protecting Your Eyes When Using Screens for Long Periods\",\r\n    excerpt: \"Follow the 20-20-20 rule and adjust screen brightness to prevent eye strain...\",\r\n    img: \"https:\/\/drvsquare.com\/wp-content\/uploads\/2024\/04\/%E0%B9%81%E0%B8%AA%E0%B8%87%E0%B8%AA%E0%B8%B5%E0%B8%9F%E0%B9%89%E0%B8%B2%E0%B8%97%E0%B8%B3%E0%B9%83%E0%B8%AB%E0%B9%89%E0%B9%80%E0%B8%81%E0%B8%B4%E0%B8%94%E0%B8%9B%E0%B8%B1%E0%B8%8D%E0%B8%AB%E0%B8%B2%E0%B8%97%E0%B8%B2%E0%B8%87%E0%B8%AA%E0%B8%B2%E0%B8%A2%E0%B8%95%E0%B8%B2.png?q=80&w=1200\",\r\n    cat: \"Eye Health\",\r\n    tag: \"Eye Care\",\r\n    url: \"https:\/\/memoriallab.net\/blog\/%E0%B8%94%E0%B8%B9%E0%B9%81%E0%B8%A5%E0%B8%AA%E0%B8%B8%E0%B8%82%E0%B8%A0%E0%B8%B2%E0%B8%9E%E0%B8%95%E0%B8%B2\/\",\r\n  },\r\n  {\r\n    title: \"Fatty Liver Disease: How to Prevent and Treat It\",\r\n    excerpt: \"Lifestyle changes such as diet, exercise, and regular blood tests help manage fatty liver...\",\r\n    img: \"https:\/\/hdmall.co.th\/blog\/wp-content\/uploads\/2024\/04\/fattyliverdisease-disease-definition.jpg?q=80&w=1200\",\r\n    cat: \"Digestive System\",\r\n    tag: \"Hepatology\",\r\n    url: \"https:\/\/memoriallab.net\/blog\/\u0e44\u0e02\u0e21\u0e31\u0e19\u0e1e\u0e2d\u0e01\u0e15\u0e31\u0e1a\/\",\r\n  },\r\n];\r\n      \/* --- CODE PART --- *\/\r\n      const PER_PAGE = 6;\r\n      let state = { q:\"\", cat:\"all\", page:1 };\r\n\r\n      const $ = (s)=>document.querySelector(s);\r\n      const grid=$(\"#grid\"), pager=$(\"#pager\"), q=$(\"#q\"), clearBtn=$(\"#clear\"),\r\n            catDD=$(\"#catDD\"), catBtn=$(\"#catBtn\"), catMenu=$(\"#catMenu\"),\r\n            catLabel=$(\"#catLabel\"), overlay=$(\"#ddOverlay\"), toolbar=$(\"#toolbar\");\r\n\r\n      const CATS=[\"All articles\",...Array.from(new Set(DATA.map(d=>d.cat)))];\r\n\r\n      function buildCatMenu(){\r\n        catMenu.innerHTML=CATS.map((c,i)=>`\r\n          <li class=\"dd-option\" data-cat=\"${i===0?\"all\":c}\"\r\n          aria-selected=\"${(i===0&&state.cat===\"all\")||state.cat===c}\">${c}<\/li>`).join(\"\");\r\n      }\r\n\r\n      function openDD(){positionMenu();catDD.classList.add(\"open\");catBtn.setAttribute(\"aria-expanded\",\"true\");overlay.hidden=false;}\r\n      function closeDD(){catDD.classList.remove(\"open\");catBtn.setAttribute(\"aria-expanded\",\"false\");overlay.hidden=true;}\r\n      function positionMenu(){const rect=toolbar.getBoundingClientRect();catMenu.style.top=`${rect.bottom+8}px`;catMenu.style.left=`${rect.left+rect.width\/2}px`;}\r\n      catBtn.addEventListener(\"click\",()=>catDD.classList.contains(\"open\")?closeDD():openDD());\r\n      overlay.addEventListener(\"click\",closeDD);\r\n\r\n      \/\/ \u2705 \u0e1b\u0e34\u0e14 dropdown \u0e40\u0e21\u0e37\u0e48\u0e2d scroll \u0e2b\u0e23\u0e37\u0e2d resize\r\n      window.addEventListener(\"scroll\", () => {\r\n        if (catDD.classList.contains(\"open\")) closeDD();\r\n      });\r\n      window.addEventListener(\"resize\", () => {\r\n        if (catDD.classList.contains(\"open\")) closeDD();\r\n      });\r\n\r\n      catMenu.addEventListener(\"click\",e=>{\r\n        const opt=e.target.closest(\".dd-option\");if(!opt)return;chooseCat(opt.dataset.cat);\r\n      });\r\n      \r\n      function currentLang() {\r\n  if (window.trp_language && window.trp_language.current_language) {\r\n    return window.trp_language.current_language; \/\/ \u0e40\u0e0a\u0e48\u0e19 \"th\" \u0e2b\u0e23\u0e37\u0e2d \"en\"\r\n  }\r\n  const path = window.location.pathname;\r\n  return path.startsWith(\"\/en\/\") ? \"en\" : \"th\";\r\n}\r\n\r\n\/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e41\u0e1b\u0e25\u0e07 URL \u0e43\u0e2b\u0e49\u0e15\u0e23\u0e07\u0e20\u0e32\u0e29\u0e32\u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19\r\nfunction localizedUrl(url) {\r\n  const lang = currentLang();\r\n  \/\/ \u0e16\u0e49\u0e32\u0e2d\u0e22\u0e39\u0e48\u0e20\u0e32\u0e29\u0e32\u0e2d\u0e31\u0e07\u0e01\u0e24\u0e29 \u0e41\u0e25\u0e30\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e21\u0e35 \/en\/ \u0e43\u0e19 URL \u0e43\u0e2b\u0e49\u0e41\u0e17\u0e23\u0e01\r\n  if (lang === \"en\" && !url.includes(\"\/en\/\")) {\r\n    return url.replace(\"memoriallab.net\/\", \"memoriallab.net\/en\/\");\r\n  }\r\n  \/\/ \u0e16\u0e49\u0e32\u0e2d\u0e22\u0e39\u0e48\u0e20\u0e32\u0e29\u0e32\u0e44\u0e17\u0e22 \u0e41\u0e25\u0e30\u0e21\u0e35 \/en\/ \u0e01\u0e47\u0e40\u0e2d\u0e32\u0e2d\u0e2d\u0e01\r\n  if (lang === \"th\" && url.includes(\"\/en\/\")) {\r\n    return url.replace(\"memoriallab.net\/en\/\", \"memoriallab.net\/\");\r\n  }\r\n  return url;\r\n}\r\n\r\n      function chooseCat(cat){\r\n        state.cat=cat;state.page=1;\r\n        catLabel.textContent=cat===\"all\"?\"\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\":cat;\r\n        closeDD();buildCatMenu();render();\r\n      }\r\n\r\n      q.addEventListener(\"input\",()=>{state.q=q.value;state.page=1;render();});\r\n      clearBtn.addEventListener(\"click\",()=>{q.value=\"\";state.q=\"\";state.page=1;render();});\r\n\r\n      function card(a){return `\r\n        <article class=\"card\">\r\n          <div class=\"thumb\"><img decoding=\"async\" src=\"${a.img}\" alt=\"\" loading=\"lazy\">\r\n          <span class=\"badge\">${a.tag}<\/span><\/div>\r\n          <div class=\"body\">\r\n            <h3 class=\"title\"><a href=\"${localizedUrl(a.url)}\" target=\"_blank\">${a.title}<\/a><\/h3>\r\n            <p class=\"excerpt\">${a.excerpt}<\/p>\r\n          <\/div>\r\n        <\/article>`;}\r\n\r\n      function filtered(){\r\n        const t=state.q.trim().toLowerCase();\r\n        return DATA.filter(d=>{\r\n          const s=!t||d.title.toLowerCase().includes(t)||d.excerpt.toLowerCase().includes(t)||d.tag.toLowerCase().includes(t)||d.cat.toLowerCase().includes(t);\r\n          const c=state.cat===\"all\"||d.cat===state.cat;\r\n          return s&&c;\r\n        });\r\n      }\r\n\r\n      function render(){\r\n        const list=filtered(), start=(state.page-1)*PER_PAGE, slice=list.slice(start,start+PER_PAGE);\r\n        grid.innerHTML=slice.length?slice.map(card).join(\"\"):`<div class=\"empty\">\u0e44\u0e21\u0e48\u0e1e\u0e1a\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c<\/div>`;\r\n        const total=Math.max(1,Math.ceil(list.length\/PER_PAGE)); state.page=Math.min(state.page,total);\r\n        pager.innerHTML=`\r\n          <button class=\"link-btn\" data-act=\"first\">\u0e2b\u0e19\u0e49\u0e32\u0e41\u0e23\u0e01 <<<\/button>\r\n          <button data-act=\"prev\" ${state.page===1?\"disabled\":\"\"}>\u0e01\u0e48\u0e2d\u0e19\u0e2b\u0e19\u0e49\u0e32<\/button>\r\n          ${Array.from({length:total},(_,i)=>`<button class=\"page ${i+1===state.page?\"current\":\"\"}\" data-page=\"${i+1}\">${i+1}<\/button>`).join(\"\")}\r\n          <button data-act=\"next\" ${state.page===total?\"disabled\":\"\"}>\u0e16\u0e31\u0e14\u0e44\u0e1b<\/button>\r\n          <button class=\"link-btn\" data-act=\"last\">\u0e2b\u0e19\u0e49\u0e32\u0e2a\u0e38\u0e14\u0e17\u0e49\u0e32\u0e22 >><\/button>`;\r\n      }\r\n\r\n      pager.addEventListener(\"click\",e=>{\r\n        const el=e.target.closest(\"button[data-page],button[data-act]\"); if(!el)return;\r\n        const total=Math.max(1,Math.ceil(filtered().length\/PER_PAGE));\r\n        if(el.dataset.page){state.page=+el.dataset.page;}\r\n        else{\r\n          const a=el.dataset.act;\r\n          if(a===\"prev\")state.page=Math.max(1,state.page-1);\r\n          if(a===\"next\")state.page=Math.min(total,state.page+1);\r\n          if(a===\"first\")state.page=1;\r\n          if(a===\"last\")state.page=total;\r\n        }\r\n        render();\r\n      });\r\n\r\n      overlay.hidden=true; buildCatMenu(); render();\r\n    <\/script>\r\n  <\/body>\r\n<\/html>\r\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid pix-vc_row-no-padding pix-row-overlay\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\" ><div class=\"wpb_wrapper\"><\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"Memorial Lab \u00b7 Health Articles \u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e \u0e2b\u0e19\u0e49\u0e32\u0e2b\u0e25\u0e31\u0e01 \u203a \u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e \u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e \u0e04\u0e49\u0e19\u0e2b\u0e32 \u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 \u0e25\u0e49\u0e32\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-home.php","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-16787","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/memoriallab.net\/en\/wp-json\/wp\/v2\/pages\/16787","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/memoriallab.net\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/memoriallab.net\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/memoriallab.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/memoriallab.net\/en\/wp-json\/wp\/v2\/comments?post=16787"}],"version-history":[{"count":0,"href":"https:\/\/memoriallab.net\/en\/wp-json\/wp\/v2\/pages\/16787\/revisions"}],"wp:attachment":[{"href":"https:\/\/memoriallab.net\/en\/wp-json\/wp\/v2\/media?parent=16787"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}