:root{--primary:#2563eb;--secondary:#f97316;--success:#10b981;--text-primary:#1f2937;--text-secondary:#6b7280;--background:#f9fafb;--card-bg:#fff;--border:#e5e7eb}.blog-list-page{background-color:#f9fafb;background-color:var(--background);font-family:Sarabun,Prompt,sans-serif;min-height:100vh;padding-bottom:40px;padding-top:20px}.blog-pull-refresh{align-items:center;animation:slideDown .3s ease forwards;background-color:#2563eb;background-color:var(--primary);color:#fff;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;left:0;padding:16px;position:fixed;right:0;text-align:center;top:70px;transform:translateY(-100%);z-index:49}.blog-pull-refresh i.spin{animation:spin 1s linear infinite}@keyframes slideDown{to{transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.blog-hero-mobile{align-items:center;display:flex;margin-bottom:24px;min-height:280px;overflow:hidden;padding:32px 16px;position:relative}.blog-hero-background-image{background-image:url(/static/media/Khon_Kaen_Airport1.3ec9bf86f3f779e61167.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;z-index:1}.blog-hero-background-image,.blog-hero-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.blog-hero-overlay{background:linear-gradient(135deg,rgba(37,99,235,.85),rgba(96,165,250,.75));z-index:2}.blog-hero-content-mobile{max-width:100%;position:relative;width:100%;z-index:3}.blog-hero-title-mobile{color:#fff;font-family:Prompt,sans-serif;font-size:28px;font-weight:700;line-height:1.3;margin-bottom:8px;text-shadow:0 2px 8px rgba(0,0,0,.2)}.blog-hero-subtitle-mobile{color:hsla(0,0%,100%,.95);font-family:Sarabun,sans-serif;font-size:14px;line-height:1.6;margin-bottom:24px;text-shadow:0 1px 4px rgba(0,0,0,.15)}.blog-search-container-mobile{position:relative;width:100%}.blog-search-icon-mobile{color:#9ca3af;font-size:18px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.blog-search-input-mobile{background-color:#fff;border:none;border-radius:24px;box-shadow:0 2px 8px rgba(0,0,0,.1);font-family:Sarabun,sans-serif;font-size:14px;height:48px;padding:0 48px 0 44px;transition:box-shadow .3s ease;width:100%}.blog-search-input-mobile:focus{box-shadow:0 4px 12px rgba(0,0,0,.15);outline:none}.blog-search-clear{align-items:center;background-color:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:background-color .2s ease;width:32px;z-index:1}.blog-search-clear:hover{background-color:#e5e7eb}.blog-search-clear:active{transform:translateY(-50%) scale(.95)}.blog-container-mobile{max-width:100%;padding:0 16px}.blog-category-filter-mobile{margin-bottom:24px}.blog-category-scroll-mobile{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory;scrollbar-width:none}.blog-category-scroll-mobile::-webkit-scrollbar{display:none}.blog-category-pill-mobile{align-items:center;background-color:#fff;background-color:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:20px;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-family:Sarabun,sans-serif;font-size:14px;font-weight:500;min-height:44px;padding:8px 16px;scroll-snap-align:start;transition:all .3s ease;white-space:nowrap}.blog-category-pill-mobile:active{transform:scale(.98)}.blog-category-pill-mobile.active{background-color:#2563eb;background-color:var(--primary);border-color:#2563eb;border-color:var(--primary);color:#fff}.blog-featured-mobile{margin-bottom:24px}.blog-featured-link-mobile{background-color:#fff;background-color:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);display:block;overflow:hidden;text-decoration:none}.blog-featured-image-container-mobile{background-color:#e5e7eb;background-color:var(--border);overflow:hidden;padding-top:56.25%;position:relative;width:100%}.blog-featured-image-mobile{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.blog-featured-badge-mobile{background-color:#f97316;background-color:var(--secondary);border-radius:12px;color:#fff;font-family:Sarabun,sans-serif;font-size:12px;font-weight:600;left:12px;padding:4px 12px;position:absolute;top:12px}.blog-featured-content-mobile{padding:16px}.blog-featured-title-mobile{-webkit-line-clamp:2;color:#1f2937;color:var(--text-primary);font-family:Prompt,sans-serif;font-size:20px;font-weight:700;line-height:1.4;margin-bottom:8px}.blog-featured-excerpt-mobile,.blog-featured-title-mobile{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-featured-excerpt-mobile{-webkit-line-clamp:3;color:#6b7280;color:var(--text-secondary);font-family:Sarabun,sans-serif;font-size:14px;line-height:1.6;margin-bottom:12px}.blog-featured-meta-mobile{display:flex;flex-wrap:wrap;gap:16px}.blog-meta-item-mobile{align-items:center;color:#6b7280;color:var(--text-secondary);display:flex;font-family:Sarabun,sans-serif;font-size:12px;gap:6px}.blog-meta-item-mobile i{font-size:14px}.blog-grid-mobile{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.blog-card-mobile{background-color:#fff;background-color:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.blog-card-mobile:active{transform:scale(.98)}.blog-card-link-mobile{color:inherit;display:block;padding:12px;text-decoration:none}.blog-card-image-container-mobile{background-color:#e5e7eb;background-color:var(--border);border-radius:8px;margin-bottom:12px;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.blog-card-image-mobile{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.blog-card-badge-mobile{border-radius:12px;color:#fff;font-family:Sarabun,sans-serif;font-size:11px;font-weight:600;left:8px;padding:4px 10px;position:absolute;top:8px}.blog-card-badge-mobile,.blog-card-badge-mobile.category-เคล็ดลับการเดินทาง{background-color:#2563eb;background-color:var(--primary)}.blog-card-badge-mobile.category-สถานที่ท่องเที่ยว{background-color:#10b981;background-color:var(--success)}.blog-card-badge-mobile.category-ข่าวสารและโปรโมชั่น{background-color:#f97316;background-color:var(--secondary)}.blog-card-badge-mobile.category-คู่มือการใช้บริการ{background-color:#8b5cf6}.blog-card-content-mobile{padding:0}.blog-card-title-mobile{color:#1f2937;color:var(--text-primary);font-family:Prompt,sans-serif;font-size:18px;font-weight:600;line-height:1.4;margin-bottom:8px}.blog-card-excerpt-mobile,.blog-card-title-mobile{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-card-excerpt-mobile{color:#6b7280;color:var(--text-secondary);font-family:Sarabun,sans-serif;font-size:14px;line-height:1.6;margin-bottom:12px}.blog-card-footer-mobile{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border);display:flex;justify-content:space-between;padding-top:12px}.blog-card-meta-mobile{display:flex;flex-wrap:wrap;gap:12px}.blog-card-arrow{color:#2563eb;color:var(--primary);font-size:18px}.blog-popular-mobile{background-color:#fff;background-color:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);margin-bottom:24px;padding:16px}.blog-popular-header-mobile{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;min-height:44px;padding:0;width:100%}.blog-popular-title-wrapper{align-items:center;display:flex;gap:8px}.blog-popular-title-wrapper i{color:#f97316;color:var(--secondary);font-size:20px}.blog-popular-title-mobile{color:#1f2937;color:var(--text-primary);font-family:Prompt,sans-serif;font-size:18px;font-weight:600;margin:0}.blog-popular-header-mobile i.bi-chevron-down,.blog-popular-header-mobile i.bi-chevron-up{color:#6b7280;color:var(--text-secondary);font-size:18px;transition:transform .3s ease}.blog-popular-list-mobile{display:flex;flex-direction:column;gap:12px;margin-top:16px}.blog-popular-item-mobile{border-radius:8px;display:flex;gap:12px;min-height:44px;padding:8px;text-decoration:none;transition:background-color .2s ease}.blog-popular-item-mobile:active{background-color:#f9fafb;background-color:var(--background)}.blog-popular-image-mobile{border-radius:8px;flex-shrink:0;height:60px;object-fit:cover;width:60px}.blog-popular-content-mobile{flex:1 1;min-width:0}.blog-popular-item-title-mobile{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1f2937;color:var(--text-primary);display:-webkit-box;font-family:Sarabun,sans-serif;font-size:14px;font-weight:600;line-height:1.4;margin-bottom:4px;overflow:hidden}.blog-popular-views-mobile{align-items:center;color:#6b7280;color:var(--text-secondary);display:flex;font-family:Sarabun,sans-serif;font-size:12px;gap:4px}.blog-popular-views-mobile i{font-size:12px}.blog-load-more-mobile{align-items:center;background-color:#fff;background-color:var(--card-bg);border:2px solid #2563eb;border:2px solid var(--primary);border-radius:12px;color:#2563eb;color:var(--primary);cursor:pointer;display:flex;font-family:Sarabun,sans-serif;font-size:14px;font-weight:600;gap:8px;height:48px;justify-content:center;margin:24px 0;padding:0 16px;transition:all .3s ease;width:100%}.blog-load-more-mobile:active:not(:disabled){transform:scale(.98)}.blog-load-more-mobile:disabled{cursor:not-allowed;opacity:.6}.blog-load-more-mobile i.spin{animation:spin 1s linear infinite}.blog-scroll-top{align-items:center;animation:fadeInUp .3s ease;background-color:#2563eb;background-color:var(--primary);border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 12px rgba(37,99,235,.4);color:#fff;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;position:fixed;right:16px;transition:all .3s ease;width:48px;z-index:40}.blog-scroll-top:active{transform:scale(.95)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.blog-list-page{padding-top:24px}.blog-hero-mobile{min-height:320px;padding:40px 24px}.blog-hero-title-mobile{font-size:32px}.blog-hero-subtitle-mobile{font-size:16px}.blog-container-mobile{margin:0 auto;max-width:768px;padding:0 24px}.blog-grid-mobile{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.blog-featured-content-mobile{padding:24px}.blog-featured-title-mobile{font-size:24px}.blog-card-title-mobile{font-size:20px}.blog-scroll-top{bottom:32px;right:24px}}@media (min-width:1024px){.blog-container-mobile{max-width:1024px;padding:0 32px}.blog-grid-mobile{gap:24px;grid-template-columns:repeat(3,1fr)}.blog-hero-mobile{min-height:380px;padding:56px 32px}.blog-hero-title-mobile{font-size:36px}.blog-hero-subtitle-mobile{font-size:18px}.blog-search-container-mobile{margin:0 auto;max-width:600px}.blog-card-mobile:hover,.blog-featured-link-mobile:hover{box-shadow:0 8px 24px rgba(0,0,0,.12);transform:translateY(-4px)}.blog-card-mobile:active{transform:translateY(-2px) scale(.98)}.blog-popular-header-mobile:hover{opacity:.8}.blog-load-more-mobile:hover:not(:disabled){background-color:#2563eb;background-color:var(--primary);color:#fff}.blog-scroll-top:hover{background-color:#1d4ed8;box-shadow:0 6px 16px rgba(37,99,235,.5)}}@media (min-width:1280px){.blog-container-mobile{max-width:1280px}}.blog-category-pill-mobile:focus-visible,.blog-load-more-mobile:focus-visible,.blog-popular-header-mobile:focus-visible,.blog-scroll-top:focus-visible,.blog-search-input-mobile:focus-visible{outline:3px solid #2563eb;outline:3px solid var(--primary);outline-offset:2px}@media print{.blog-pull-refresh,.blog-scroll-top{display:none}.blog-list-page{padding-bottom:0}}
/*# sourceMappingURL=718.7c462e2b.chunk.css.map*/