.video-latest-container[data-v-7b019bec]{max-width:1312px;margin:0 auto;font-family:Prompt,Noto Sans Thai,Arial,sans-serif}.video-latest-header[data-v-7b019bec]{text-align:center;margin-bottom:2rem}.video-latest-header h1[data-v-7b019bec]{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:.5rem}.loading-state[data-v-7b019bec]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:.75rem;margin-bottom:2rem}.spinner[data-v-7b019bec]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #c118a1;border-radius:50%;animation:spin-7b019bec 1s linear infinite;margin-bottom:1rem}@keyframes spin-7b019bec{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p[data-v-7b019bec]{color:#666;font-size:1rem;margin:0}.error-state[data-v-7b019bec]{background:linear-gradient(135deg,#fee,#fdd);border:1px solid #fcc;border-radius:.75rem;padding:2rem;text-align:center;margin-bottom:2rem}.error-state p[data-v-7b019bec]{color:#c33;font-weight:500;margin:0;font-size:1rem}.videos-grid[data-v-7b019bec]{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}.video-card[data-v-7b019bec]{background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 .125rem .25rem #0000001a;transition:all .3s ease;cursor:pointer;border:1px solid #f1f3f4}.video-card[data-v-7b019bec]:hover{transform:translateY(-.25rem);box-shadow:0 .5rem 1rem #00000026}.video-thumbnail-wrapper[data-v-7b019bec]{position:relative;aspect-ratio:16/9;overflow:hidden}.video-thumbnail[data-v-7b019bec]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-card:hover .video-thumbnail[data-v-7b019bec]{transform:scale(1.05)}.play-overlay[data-v-7b019bec]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.video-card:hover .play-overlay[data-v-7b019bec]{opacity:1}.play-button[data-v-7b019bec]{color:#fff;font-size:20px;margin-left:4px}.video-title[data-v-7b019bec]{font-size:1rem;font-weight:600;color:#333;padding-block-start:1rem;margin:0 0 .5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.video-description[data-v-7b019bec]{color:#666;font-size:.875rem;line-height:1.4;margin:0}.no-videos-state[data-v-7b019bec]{text-align:center;padding:3rem 1rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:.75rem;margin-bottom:2rem}.no-videos-state p[data-v-7b019bec]{color:#666;font-size:1.1rem;margin:0;font-style:italic}.channel-link[data-v-7b019bec]{display:flex;justify-content:center;margin-top:2rem}.youtube-channel-btn[data-v-7b019bec]{display:flex;align-items:center;gap:1rem;max-width:350px;background:#c118a1;color:#fff;text-decoration:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 2px 8px #c118a14d}.youtube-channel-btn[data-v-7b019bec]:hover{background:#a01683;transform:translateY(-2px);box-shadow:0 4px 12px #c118a166}.video-modal[data-v-7b019bec]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-7b019bec .3s ease}@keyframes fadeIn-7b019bec{0%{opacity:0}to{opacity:1}}.modal-content[data-v-7b019bec]{position:relative;width:90%;max-width:800px;background:#000;border-radius:.5rem;overflow:hidden;animation:slideIn-7b019bec .3s ease}@keyframes slideIn-7b019bec{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.close-btn[data-v-7b019bec]{position:absolute;top:2px;right:0;background:#ffffffe6;border:none;color:#333;font-size:30px;cursor:pointer;padding:0 16px;border-radius:50%;z-index:1001;transition:all .3s ease}.close-btn[data-v-7b019bec]:hover{background:#fff;transform:scale(1.1)}.modal-video-wrapper[data-v-7b019bec]{aspect-ratio:16/9;width:100%}.modal-video-wrapper iframe[data-v-7b019bec]{width:100%;height:100%;border:none}@media (min-width: 767px){.video-latest-header h1[data-v-7b019bec]{font-size:2rem;margin-bottom:1rem}.videos-grid[data-v-7b019bec]{grid-template-columns:repeat(2,1fr);gap:1.5rem}.video-title[data-v-7b019bec]{font-size:1.1rem}.loading-state[data-v-7b019bec],.error-state[data-v-7b019bec],.no-videos-state[data-v-7b019bec]{padding:4rem 2rem;border-radius:.875rem}.spinner[data-v-7b019bec]{width:50px;height:50px;border-width:5px}.loading-state p[data-v-7b019bec],.error-state p[data-v-7b019bec],.no-videos-state p[data-v-7b019bec]{font-size:1.125rem}.youtube-channel-btn[data-v-7b019bec]{padding:1rem 2rem;font-size:1.1rem}.play-overlay[data-v-7b019bec]{width:70px;height:70px}.play-button[data-v-7b019bec]{font-size:24px}}@media (min-width: 1279px){.video-latest-header h1[data-v-7b019bec]{font-size:2.5rem;margin-bottom:1.5rem}.videos-grid[data-v-7b019bec]{grid-template-columns:repeat(4,1fr);gap:2rem}.video-title[data-v-7b019bec]{font-size:1.125rem}.video-description[data-v-7b019bec]{font-size:.9rem}.loading-state[data-v-7b019bec],.error-state[data-v-7b019bec],.no-videos-state[data-v-7b019bec]{padding:5rem 3rem;border-radius:1rem}.spinner[data-v-7b019bec]{width:60px;height:60px;border-width:6px}.loading-state p[data-v-7b019bec],.error-state p[data-v-7b019bec],.no-videos-state p[data-v-7b019bec]{font-size:1.25rem}.youtube-channel-btn[data-v-7b019bec]{padding:1.25rem 2.5rem;font-size:1.125rem}.play-overlay[data-v-7b019bec]{width:80px;height:80px}.play-button[data-v-7b019bec]{font-size:28px}}@media (max-width: 480px){.video-latest-header h1[data-v-7b019bec]{font-size:1.25rem}.video-title[data-v-7b019bec]{font-size:.95rem}.video-description[data-v-7b019bec]{font-size:.8rem}.youtube-channel-btn[data-v-7b019bec]{padding:.625rem 1.25rem;font-size:.9rem}.modal-content[data-v-7b019bec]{width:95%;margin:0 10px}.close-btn[data-v-7b019bec]{top:2px;font-size:24px;padding:0 14px}}.video-card[data-v-7b019bec]:focus,.youtube-channel-btn[data-v-7b019bec]:focus{outline:2px solid #c118a1;outline-offset:2px}.video-card[data-v-7b019bec]{opacity:0;transform:translateY(20px);animation:fadeInUp-7b019bec .6s ease-out forwards}.video-card[data-v-7b019bec]:nth-child(1){animation-delay:.1s}.video-card[data-v-7b019bec]:nth-child(2){animation-delay:.2s}.video-card[data-v-7b019bec]:nth-child(3){animation-delay:.3s}.video-card[data-v-7b019bec]:nth-child(4){animation-delay:.4s}@keyframes fadeInUp-7b019bec{to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme: dark){.video-latest-container[data-v-7b019bec],.video-latest-header h1[data-v-7b019bec]{color:#f1f3f4}.video-description[data-v-7b019bec]{color:#a0aec0}.loading-state[data-v-7b019bec],.no-videos-state[data-v-7b019bec]{background:linear-gradient(135deg,#2d3748,#4a5568)}.loading-state p[data-v-7b019bec],.no-videos-state p[data-v-7b019bec]{color:#a0aec0}}