<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Gia Sư Cấp 1 Archives - GIA SƯ NEXTCV</title>
	<atom:link href="https://timgiasu.vn/category/gia-su-cap-1/feed/" rel="self" type="application/rss+xml" />
	<link>https://timgiasu.vn/category/gia-su-cap-1/</link>
	<description>DẠY KÈM TẠI NHÀ</description>
	<lastBuildDate>Fri, 23 Jan 2026 05:08:22 +0000</lastBuildDate>
	<language>vi</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://i0.wp.com/timgiasu.vn/wp-content/uploads/2025/05/cropped-LOGO.pdf-1.png?fit=32%2C32&#038;ssl=1</url>
	<title>Gia Sư Cấp 1 Archives - GIA SƯ NEXTCV</title>
	<link>https://timgiasu.vn/category/gia-su-cap-1/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">241944312</site>	<item>
		<title>Gia Sư Lớp 2 Tại Nhà 1 Kèm 1 – Toán, Tiếng Việt, Tiếng Anh</title>
		<link>https://timgiasu.vn/gia-su-lop-2-tai-nha-1-kem-1-toan-tieng-viet-tieng-anh/</link>
		
		<dc:creator><![CDATA[admin.tgs]]></dc:creator>
		<pubDate>Thu, 22 Jan 2026 16:21:39 +0000</pubDate>
				<category><![CDATA[Gia Sư Cấp 1]]></category>
		<guid isPermaLink="false">https://timgiasu.vn/?p=3429</guid>

					<description><![CDATA[<p>Gia Sư Lớp 2 Tại Nhà 1 Kèm 1 – Toán, Tiếng Việt, Tiếng Anh Danh Mục Bài Viết Tổng Quan Vì Sao Nên Thuê Gia Sư Lớp 2? Gia Sư Lớp 2 Dạy Những Môn Gì? Phù Hợp Với Những Học Sinh Nào? Học Phí Gia Sư Lớp 2 Gia Sư NextCV Kết Luận [&#8230;]</p>
<p>The post <a href="https://timgiasu.vn/gia-su-lop-2-tai-nha-1-kem-1-toan-tieng-viet-tieng-anh/">Gia Sư Lớp 2 Tại Nhà 1 Kèm 1 – Toán, Tiếng Việt, Tiếng Anh</a> appeared first on <a href="https://timgiasu.vn">GIA SƯ NEXTCV </a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Gia Sư Lớp 2 Tại Nhà 1 Kèm 1 – Toán, Tiếng Việt, Tiếng Anh</title>
    <style>
        /* Reset và thiết lập chung */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        
        body {
            background-color: #f8f9fa;
            color: #333;
            line-height: 1.6;
            padding: 20px;
            min-height: 100vh;
        }
        
        .container {
            max-width: 1100px;
            margin: 0 auto;
            display: flex;
            gap: 30px;
        }
        
        /* Menu cho máy tính */
        .desktop-menu {
            flex: 0 0 250px;
            background-color: white;
            border-radius: 10px;
            padding: 25px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
            height: fit-content;
            position: sticky;
            top: 20px;
        }
        
        .desktop-menu h3 {
            color: #2c4d80;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid #ffcc00;
            font-size: 18px;
        }
        
        .desktop-menu ul {
            list-style: none;
        }
        
        .desktop-menu li {
            margin-bottom: 12px;
        }
        
        .desktop-menu a {
            display: block;
            color: #444;
            text-decoration: none;
            padding: 10px 12px;
            border-radius: 6px;
            transition: all 0.3s ease;
            font-weight: 500;
        }
        
        .desktop-menu a:hover, .desktop-menu a.active {
            background-color: #f0f7ff;
            color: #2c4d80;
            transform: translateX(3px);
        }
        
        /* Menu cho điện thoại - Nút bên trái */
        .mobile-menu-toggle {
            display: none;
            position: fixed;
            bottom: 20px;
            left: 20px;
            background-color: #2c4d80;
            color: white;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            z-index: 1001;
            border: none;
            font-size: 24px;
            cursor: pointer;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
        }
        
        .mobile-menu {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.9);
            z-index: 1000;
            padding: 80px 20px 40px;
            overflow-y: auto;
        }
        
        .mobile-menu-content {
            background-color: white;
            border-radius: 10px;
            padding: 25px;
            max-width: 500px;
            margin: 0 auto;
        }
        
        .mobile-menu-content h3 {
            color: #2c4d80;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid #ffcc00;
            font-size: 20px;
        }
        
        .mobile-menu-content ul {
            list-style: none;
        }
        
        .mobile-menu-content li {
            margin-bottom: 12px;
        }
        
        .mobile-menu-content a {
            display: block;
            color: #444;
            text-decoration: none;
            padding: 12px 15px;
            border-radius: 6px;
            transition: all 0.3s ease;
            font-weight: 500;
            font-size: 16px;
        }
        
        .mobile-menu-content a:hover, .mobile-menu-content a.active {
            background-color: #f0f7ff;
            color: #2c4d80;
        }
        
        .close-menu {
            position: absolute;
            top: 20px;
            right: 20px;
            background: none;
            border: none;
            color: white;
            font-size: 30px;
            cursor: pointer;
        }
        
        /* Nội dung bài viết */
        .blog-content {
            flex: 1;
            background-color: white;
            border-radius: 10px;
            padding: 40px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
        }
        
        .post-header {
            margin-bottom: 30px;
            border-bottom: 1px solid #eee;
            padding-bottom: 20px;
        }
        
        .post-category {
            display: inline-block;
            background-color: #ffcc00;
            color: #333;
            padding: 6px 18px;
            border-radius: 20px;
            font-weight: 600;
            font-size: 14px;
            margin-bottom: 15px;
        }
        
        .post-title {
            color: #2c4d80;
            font-size: 32px;
            margin-bottom: 15px;
            line-height: 1.3;
        }
        
        .post-meta {
            display: flex;
            flex-wrap: nowrap;
            gap: 20px;
            color: #666;
            font-size: 15px;
            margin-top: 10px;
            align-items: center;
        }
        
        .post-meta i {
            color: #4a6fa5;
            margin-right: 6px;
        }
        
        .post-content h2 {
            color: #2c4d80;
            margin: 30px 0 18px;
            font-size: 24px;
            padding-bottom: 8px;
            border-bottom: 1px solid #eee;
        }
        
        .post-content h3 {
            color: #2c4d80;
            margin: 25px 0 15px;
            font-size: 20px;
        }
        
        .post-content p {
            margin-bottom: 20px;
            font-size: 16px;
            color: #444;
        }
        
        .post-content ul {
            margin: 20px 0 20px 30px;
        }
        
        .post-content li {
            margin-bottom: 10px;
            font-size: 16px;
            color: #444;
        }
        
        .highlight-box {
            background-color: #f0f7ff;
            border-left: 4px solid #4a6fa5;
            padding: 20px;
            margin: 25px 0;
            border-radius: 0 8px 8px 0;
        }
        
        .internal-link {
            color: #2c4d80;
            text-decoration: none;
            font-weight: 600;
            border-bottom: 2px dotted #2c4d80;
            transition: all 0.3s ease;
        }
        
        .internal-link:hover {
            color: #ff6600;
            border-bottom: 2px solid #ff6600;
        }
        
        .read-more-section {
            background-color: #f9f9f9;
            border-radius: 10px;
            padding: 25px;
            margin: 30px 0;
            border-left: 5px solid #4a6fa5;
        }
        
        .read-more-title {
            color: #2c4d80;
            font-size: 20px;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .read-more-title i {
            color: #ffcc00;
        }
        
        .read-more-list {
            list-style: none;
            margin: 0;
        }
        
        .read-more-list li {
            margin-bottom: 12px;
            padding: 12px;
            background-color: white;
            border-radius: 6px;
            border-left: 3px solid #4a6fa5;
            transition: all 0.3s ease;
        }
        
        .read-more-list li:hover {
            transform: translateX(5px);
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
        }
        
        .read-more-list a {
            color: #2c4d80;
            text-decoration: none;
            font-weight: 500;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .read-more-list a:hover {
            color: #ff6600;
        }
        
        .read-more-list i {
            color: #4a6fa5;
        }
        
        /* Hình ảnh trong bài viết */
        .post-image {
            width: 100%;
            max-height: 400px;
            object-fit: cover;
            border-radius: 8px;
            margin: 25px 0;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }
        
        .image-caption {
            text-align: center;
            font-style: italic;
            color: #666;
            margin-top: -20px;
            margin-bottom: 25px;
            font-size: 14px;
        }
        
        .image-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
            margin: 25px 0;
        }
        
        .image-grid img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }
        
        .pricing-table {
            width: 100%;
            border-collapse: collapse;
            margin: 25px 0;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
        }
        
        .pricing-table th {
            background-color: #2c4d80;
            color: white;
            padding: 15px;
            text-align: left;
            font-weight: 600;
        }
        
        .pricing-table td {
            padding: 15px;
            border-bottom: 1px solid #eee;
        }
        
        .pricing-table tr:nth-child(even) {
            background-color: #f9f9f9;
        }
        
        .price-highlight {
            background-color: #fff9e6 !important;
            font-weight: 600;
        }
        
        .cta-button {
            display: inline-block;
            background: linear-gradient(to right, #4a6fa5, #2c4d80);
            color: white;
            padding: 14px 30px;
            border-radius: 5px;
            text-decoration: none;
            font-weight: 600;
            margin-top: 25px;
            transition: all 0.3s ease;
            border: none;
            cursor: pointer;
            font-size: 16px;
            text-align: center;
        }
        
        .cta-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 7px 15px rgba(44, 77, 128, 0.2);
        }
        
        /* Phần đánh giá bài viết */
        .rating-section {
            margin-top: 50px;
            padding-top: 30px;
            border-top: 1px solid #eee;
        }
        
        .rating-title {
            color: #2c4d80;
            font-size: 22px;
            margin-bottom: 20px;
        }
        
        .rating-stars {
            display: flex;
            gap: 10px;
            margin-bottom: 25px;
        }
        
        .star {
            font-size: 30px;
            color: #ddd;
            cursor: pointer;
            transition: color 0.3s;
        }
        
        .star:hover, .star.active {
            color: #ffcc00;
        }
        
        .rating-count {
            display: flex;
            gap: 20px;
            margin-bottom: 25px;
            color: #666;
            font-size: 15px;
        }
        
        .rating-form {
            background-color: #f9f9f9;
            padding: 25px;
            border-radius: 8px;
            margin-bottom: 25px;
        }
        
        .rating-form h4 {
            color: #2c4d80;
            margin-bottom: 15px;
        }
        
        .form-group {
            margin-bottom: 20px;
        }
        
        .form-group label {
            display: block;
            margin-bottom: 8px;
            font-weight: 500;
            color: #444;
        }
        
        .form-group input,
        .form-group textarea {
            width: 100%;
            padding: 12px 15px;
            border: 1px solid #ddd;
            border-radius: 5px;
            font-size: 16px;
        }
        
        .form-group textarea {
            height: 120px;
            resize: vertical;
        }
        
        .submit-rating {
            background: linear-gradient(to right, #4a6fa5, #2c4d80);
            color: white;
            padding: 12px 25px;
            border-radius: 5px;
            border: none;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .submit-rating:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 10px rgba(44, 77, 128, 0.2);
        }
        
        .reviews-list {
            margin-top: 30px;
        }
        
        .review-item {
            background-color: #f9f9f9;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 20px;
            border-left: 4px solid #4a6fa5;
        }
        
        .review-header {
            display: flex;
            justify-content: space-between;
            margin-bottom: 10px;
        }
        
        .review-author {
            font-weight: 600;
            color: #2c4d80;
        }
        
        .review-date {
            color: #666;
            font-size: 14px;
        }
        
        .review-stars {
            color: #ffcc00;
            margin-bottom: 10px;
        }
        
        .review-content {
            color: #444;
            line-height: 1.5;
        }
        
        /* Responsive - Mobile tối ưu */
        @media (max-width: 992px) {
            .desktop-menu {
                display: none;
            }
            
            .mobile-menu-toggle {
                display: flex;
                align-items: center;
                justify-content: center;
            }
            
            .container {
                flex-direction: column;
                padding: 0;
                margin: 0;
                width: 100%;
                gap: 0;
            }
            
            .blog-content {
                padding: 20px;
                margin: 0;
                border-radius: 0;
                box-shadow: none;
                width: 100%;
                max-width: 100%;
            }
            
            body {
                padding: 0;
                background-color: white;
            }
            
            /* Mobile: Chữ sát mép điện thoại */
            .post-content p,
            .post-content h2,
            .post-content h3,
            .post-content ul,
            .post-content li,
            .post-content .highlight-box,
            .post-content .pricing-table {
                padding-left: 0;
                padding-right: 0;
                margin-left: 0;
                margin-right: 0;
                width: 100%;
            }
            
            .post-content ul {
                margin-left: 20px;
            }
            
            .highlight-box {
                border-radius: 0;
                padding: 15px;
            }
            
            .rating-form {
                padding: 15px;
            }
            
            .review-item {
                padding: 15px;
            }
            
            .read-more-section {
                padding: 15px;
                margin: 20px 0;
            }
            
            /* Mobile: Meta trên 1 hàng */
            .post-meta {
                flex-wrap: nowrap;
                overflow-x: auto;
                gap: 15px;
                padding-bottom: 5px;
                white-space: nowrap;
                -webkit-overflow-scrolling: touch;
            }
            
            .post-meta::-webkit-scrollbar {
                display: none;
            }
            
            .post-meta span {
                display: inline-flex;
                align-items: center;
                flex-shrink: 0;
            }
            
            .image-grid {
                grid-template-columns: 1fr;
            }
        }
        
        @media (max-width: 768px) {
            .post-title {
                font-size: 26px;
            }
            
            .pricing-table {
                font-size: 14px;
            }
            
            .pricing-table th, 
            .pricing-table td {
                padding: 10px;
            }
            
            .rating-form {
                padding: 15px;
            }
            
            /* Mobile: Chữ sát mép hơn */
            .blog-content {
                padding: 15px;
            }
            
            .post-content h2,
            .post-content h3 {
                padding-left: 0;
                margin-left: 0;
            }
            
            .post-meta {
                gap: 10px;
                font-size: 14px;
            }
        }
        
        @media (max-width: 480px) {
            .blog-content {
                padding: 15px 10px;
            }
            
            .post-title {
                font-size: 22px;
            }
            
            .pricing-table {
                display: block;
                overflow-x: auto;
            }
            
            .star {
                font-size: 24px;
            }
            
            .mobile-menu-content {
                padding: 20px 15px;
            }
            
            .rating-stars {
                gap: 5px;
            }
            
            /* Mobile: Chữ sát mép tối đa */
            .post-content p {
                text-align: justify;
                hyphens: auto;
            }
            
            .post-content h2,
            .post-content h3 {
                font-size: 20px;
                line-height: 1.4;
            }
            
            .post-content ul {
                margin-left: 15px;
            }
            
            .post-content li {
                margin-bottom: 8px;
            }
            
            .highlight-box {
                padding: 12px;
                margin: 20px 0;
            }
            
            .read-more-list li {
                padding: 10px;
            }
            
            /* Mobile: Meta hiển thị trên 1 hàng không xuống dòng */
            .post-meta {
                font-size: 13px;
            }
            
            .post-meta i {
                font-size: 12px;
            }
        }
        
        @media (max-width: 360px) {
            .blog-content {
                padding: 12px 8px;
            }
            
            .post-title {
                font-size: 20px;
            }
            
            .post-content h2 {
                font-size: 18px;
            }
            
            .post-content h3 {
                font-size: 16px;
            }
            
            .post-content p {
                font-size: 15px;
            }
            
            .post-meta {
                font-size: 12px;
                gap: 8px;
            }
        }
    </style>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body>
    <!-- Nút mở menu mobile - Bên trái -->
    <button class="mobile-menu-toggle" id="menuToggle">
        <i class="fas fa-bars"></i>
    </button>
    
    <!-- Menu mobile -->
    <div class="mobile-menu" id="mobileMenu">
        <button class="close-menu" id="closeMenu">
            <i class="fas fa-times"></i>
        </button>
        <div class="mobile-menu-content">
            <h3><i class="fas fa-bars"></i> Danh Mục Bài Viết</h3>
            <ul id="mobileMenuList">
                <li><a href="#overview" class="active"><i class="fas fa-home"></i> Tổng Quan</a></li>
                <li><a href="#why"><i class="fas fa-question-circle"></i> Vì Sao Nên Thuê Gia Sư Lớp 2?</a></li>
                <li><a href="#subjects"><i class="fas fa-book"></i> Gia Sư Lớp 2 Dạy Những Môn Gì?</a></li>
                <li><a href="#suitable"><i class="fas fa-user-check"></i> Phù Hợp Với Những Học Sinh Nào?</a></li>
                <li><a href="#cost"><i class="fas fa-money-bill"></i> Học Phí Gia Sư Lớp 2</a></li>
                <li><a href="#service"><i class="fas fa-star"></i> Gia Sư NextCV</a></li>
                <li><a href="#conclusion"><i class="fas fa-check-circle"></i> Kết Luận</a></li>
                <li><a href="#faq"><i class="fas fa-comments"></i> Hỏi Đáp Phụ Huynh</a></li>
                <li><a href="#related"><i class="fas fa-book"></i> Bài Viết Liên Quan</a></li>
            </ul>
        </div>
    </div>
    
    <div class="container">
        <!-- Menu desktop -->
        <aside class="desktop-menu">
            <h3><i class="fas fa-bars"></i> Danh Mục Bài Viết</h3>
            <ul id="desktopMenuList">
                <li><a href="#overview" class="active"><i class="fas fa-home"></i> Tổng Quan</a></li>
                <li><a href="#why"><i class="fas fa-question-circle"></i> Vì Sao Nên Thuê Gia Sư Lớp 2?</a></li>
                <li><a href="#subjects"><i class="fas fa-book"></i> Gia Sư Lớp 2 Dạy Những Môn Gì?</a></li>
                <li><a href="#suitable"><i class="fas fa-user-check"></i> Phù Hợp Với Những Học Sinh Nào?</a></li>
                <li><a href="#cost"><i class="fas fa-money-bill"></i> Học Phí Gia Sư Lớp 2</a></li>
                <li><a href="#service"><i class="fas fa-star"></i> Gia Sư NextCV</a></li>
                <li><a href="#conclusion"><i class="fas fa-check-circle"></i> Kết Luận</a></li>
                <li><a href="#faq"><i class="fas fa-comments"></i> Hỏi Đáp Phụ Huynh</a></li>
                <li><a href="#related"><i class="fas fa-book"></i> Bài Viết Liên Quan</a></li>
            </ul>
        </aside>
        
        <!-- Nội dung bài viết -->
        <main class="blog-content">
            <article class="blog-post">
                <div class="post-header">
                    <span class="post-category">Gia Sư Tiểu Học</span>
                    <h1 class="post-title">Gia Sư Lớp 2 Tại Nhà 1 Kèm 1 – Toán, Tiếng Việt, Tiếng Anh</h1>
                    <div class="post-meta">
                        <span><i class="far fa-calendar"></i> 22/01/2025</span>
                        <span><i class="far fa-user"></i> Admin</span>
                        <span><i class="far fa-eye"></i> 2,548 lượt xem</span>
                    </div>
                </div>
                
                <div class="post-content">
                    <p><strong>Gia sư lớp 2</strong> đóng vai trò rất quan trọng trong giai đoạn đầu hình thành năng lực học tập của trẻ. Đây là thời điểm học sinh cần được củng cố chắc kiến thức Toán – Tiếng Việt, làm quen bài bản với Tiếng Anh, đồng thời rèn chữ đẹp và xây dựng thói quen học tập đúng cách.</p>
                    
                    <p>Việc thuê <strong>gia sư lớp 2 tại nhà 1 kèm 1</strong> giúp bé được theo sát từng buổi học, học đúng năng lực, tránh hổng kiến thức và tạo nền tảng vững chắc cho các lớp trên.</p>
                    
                    <img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/timgiasu.vn/wp-content/uploads/2026/01/ANH-KHOA-HOC-_1200-x-600-px_.webp?ssl=1" alt="Gia sư dạy kèm lớp 2 tại nhà" class="post-image">
                    <p class="image-caption">Gia sư dạy kèm 1-1 tại nhà cho học sinh lớp 2</p>
                    
                    <h2 id="why">Vì Sao Phụ Huynh Nên Thuê Gia Sư Lớp 2 Tại Nhà?</h2>
                    
                    <p>Ở lớp 2, nếu không được kèm cặp kịp thời, trẻ rất dễ:</p>
                    
                    <ul>
                        <li>Hiểu bài chậm, học trước quên sau</li>
                        <li>Viết chữ xấu, sai chính tả nhiều</li>
                        <li>Ngại học Toán, sợ làm bài tập</li>
                        <li>Chưa có nền tảng Tiếng Anh</li>
                    </ul>
                    
                    <div class="highlight-box">
                        <p><strong>Gia sư lớp 2 tại nhà</strong> giúp khắc phục triệt để những vấn đề này bằng hình thức học 1 kèm 1, cá nhân hóa theo từng học sinh, đảm bảo bé hiểu bài ngay từ gốc.</p>
                    </div>
                    
                    <h2 id="subjects">Gia Sư Lớp 2 Dạy Những Môn Gì?</h2>
                    
                    <h3>Gia Sư Toán Lớp 2</h3>
                    
                    <p><strong>Gia sư toán lớp 2</strong> giúp học sinh:</p>
                    
                    <ul>
                        <li>Nắm vững phép cộng, trừ, nhân, chia theo chương trình</li>
                        <li>Thành thạo giải toán có lời văn</li>
                        <li>Rèn tư duy logic và cách trình bày bài rõ ràng</li>
                        <li>Làm bài cẩn thận, hạn chế sai sót</li>
                    </ul>
                    
                    <h3>Gia Sư Lớp 2 Tiếng Việt</h3>
                    
                    <p><strong>Gia sư lớp 2 tiếng Việt</strong> tập trung:</p>
                    
                    <ul>
                        <li>Luyện đọc đúng, đọc trôi chảy và hiểu nội dung</li>
                        <li>Viết chính tả đúng, hạn chế lỗi sai</li>
                        <li>Tập viết câu và đoạn văn ngắn mạch lạc</li>
                        <li>Phát triển khả năng diễn đạt bằng lời nói và chữ viết</li>
                    </ul>
                    
                    <h3>Gia Sư Tiếng Anh Lớp 2</h3>
                    
                    <p><strong>Gia sư tiếng Anh lớp 2</strong> giúp bé:</p>
                    
                    <ul>
                        <li>Làm quen từ vựng và mẫu câu cơ bản</li>
                        <li>Luyện phát âm đúng ngay từ đầu</li>
                        <li>Hình thành phản xạ nghe – nói đơn giản</li>
                        <li>Tạo hứng thú học Tiếng Anh, không áp lực</li>
                    </ul>
                    
                    <h3>Gia Sư Rèn Chữ Cho Học Sinh Lớp 2</h3>
                    
                    <p><strong>Gia sư rèn chữ</strong> hỗ trợ:</p>
                    
                    <ul>
                        <li>Rèn tư thế ngồi và cách cầm bút đúng chuẩn</li>
                        <li>Viết chữ đều, đẹp, đúng mẫu Bộ Giáo dục</li>
                        <li>Khắc phục tình trạng viết xấu, viết sai nét</li>
                        <li>Giúp bé tự tin hơn khi làm bài và ghi chép</li>
                    </ul>
                    
                    <img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/timgiasu.vn/wp-content/uploads/2026/01/ANH-KHOA-HOC.webp?ssl=1" alt="Gia sư dạy Toán, Tiếng Việt và Tiếng Anh lớp 2" class="post-image">
                    <p class="image-caption">Gia sư hướng dẫn bé học đa môn Toán, Tiếng Việt, Tiếng Anh</p>
                    
                    <h2 id="suitable">Gia Sư Lớp 2 Phù Hợp Với Những Học Sinh Nào?</h2>
                    
                    <p>Dịch vụ <strong>gia sư lớp 2 tại nhà</strong> phù hợp với:</p>
                    
                    <ul>
                        <li>Học sinh tiếp thu chậm, cần người kèm sát</li>
                        <li>Học sinh yếu Toán, Tiếng Việt hoặc Tiếng Anh</li>
                        <li>Học sinh viết chữ xấu, thiếu cẩn thận</li>
                        <li>Phụ huynh bận rộn, không có thời gian theo sát việc học của con</li>
                        <li>Học sinh cần bồi dưỡng kiến thức nâng cao</li>
                        <li>Bé cần rèn tính tự giác và phương pháp học tập</li>
                    </ul>
                    
                    <h2 id="cost">Học Phí Gia Sư Lớp 2 Tại Nhà</h2>
                    
                    <p>Học phí <strong>gia sư lớp 2 tại nhà</strong> hiện nay dao động:</p>
                    
                    <table class="pricing-table">
                        <thead>
                            <tr>
                                <th>Loại gia sư</th>
                                <th>Mức học phí/buổi</th>
                                <th>Thời lượng</th>
                                <th>Đặc điểm</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><strong>Gia sư sinh viên</strong></td>
                                <td class="price-highlight">120.000 – 150.000 đồng</td>
                                <td>2 giờ</td>
                                <td>Nhiệt tình, năng động, có kinh nghiệm</td>
                            </tr>
                            <tr>
                                <td><strong>Gia sư giáo viên</strong></td>
                                <td class="price-highlight">250.000 – 300.000 đồng</td>
                                <td>1,5 – 2 giờ</td>
                                <td>Kinh nghiệm cao, chuyên môn vững</td>
                            </tr>
                        </tbody>
                    </table>
                    
                    <div class="highlight-box">
                        <p><strong>Lưu ý:</strong> Mức học phí phụ thuộc vào môn học, số buổi mỗi tuần và yêu cầu cụ thể của phụ huynh. Liên hệ để được tư vấn chi tiết.</p>
                    </div>
                    
                    <h2 id="service">Gia Sư Lớp 2 Tại Nhà Uy Tín – NextCV</h2>
                    
                    <p><strong>Gia Sư NextCV</strong> chuyên cung cấp <strong>gia sư lớp 2 tại nhà 1 kèm 1</strong> với các môn:</p>
                    
                    <ul>
                        <li><strong>Gia sư toán lớp 2</strong> &#8211; Giúp bé nắm vững kiến thức và tư duy logic</li>
                        <li><strong>Gia sư lớp 2 tiếng Việt</strong> &#8211; Rèn đọc thông viết thạo, chính tả đúng</li>
                        <li><strong>Gia sư tiếng Anh lớp 2</strong> &#8211; Xây dựng nền tảng ngôn ngữ vững chắc</li>
                        <li><strong>Gia sư rèn chữ cho học sinh lớp 2</strong> &#8211; Viết chữ đẹp, trình bày sạch sẽ</li>
                    </ul>
                    
                    <div class="highlight-box">
                        <p><strong>Cam kết từ NextCV:</strong> Gia sư được tuyển chọn kỹ lưỡng, có lộ trình học rõ ràng, theo sát tiến độ từng bé và báo cáo kết quả học tập định kỳ cho phụ huynh.</p>
                    </div>
                    
                    <h2 id="conclusion">Kết Luận</h2>
                    
                    <p><strong>Gia sư lớp 2 tại nhà 1 kèm 1</strong> là giải pháp tối ưu giúp:</p>
                    
                    <ul>
                        <li>Bé nắm vững kiến thức Toán, Tiếng Việt, Tiếng Anh</li>
                        <li>Hình thành thói quen học tập khoa học và hiệu quả</li>
                        <li>Phát triển tư duy logic và khả năng ngôn ngữ</li>
                        <li>Tự tin trong học tập và rèn luyện tính tự giác</li>
                        <li>Phụ huynh yên tâm về chất lượng học tập của con</li>
                    </ul>
                    
                    <p>Đầu tư cho giáo dục ngay từ lớp 2 chính là đầu tư cho tương lai học tập dài hạn của trẻ. Với <strong>gia sư lớp 2 tại nhà</strong>, bé sẽ có nền tảng vững chắc để phát triển toàn diện.</p>
                    
                    <div class="read-more-section" id="related">
                        <h3 class="read-more-title"><i class="fas fa-book-open"></i> Bài Viết Liên Quan</h3>
                        <ul class="read-more-list">
                            <li>
                                <a href="https://timgiasu.vn/tim-gia-su-lop-1-tai-nha-day-kem-1-kem-1/" target="_blank">
                                    <i class="fas fa-arrow-right"></i>
                                    <span>Tìm Gia Sư Lớp 1 Tại Nhà &#8211; Dạy Kèm 1 Kèm 1 Hiệu Quả</span>
                                </a>
                            </li>
                            <li>
                                <a href="https://timgiasu.vn/gia-su-lop-3-loi-ich-va-kinh-nghiem-thue/" target="_blank">
                                    <i class="fas fa-arrow-right"></i>
                                    <span>Gia Sư Lớp 3 &#8211; Lợi Ích Và Kinh Nghiệm Thuê Gia Sư Hiệu Quả</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                    
                    <a href="tel:0347086798" class="cta-button">
                        <i class="fas fa-phone-alt"></i> Liên Hệ Tìm Gia Sư Lớp 2
                    </a>
                </div>
                
                <!-- Phần đánh giá bài viết -->
                <div class="rating-section">
                    <h3 class="rating-title">Đánh Giá Bài Viết</h3>
                    
                    <div class="rating-stars" id="ratingStars">
                        <span class="star" data-value="1"><i class="far fa-star"></i></span>
                        <span class="star" data-value="2"><i class="far fa-star"></i></span>
                        <span class="star" data-value="3"><i class="far fa-star"></i></span>
                        <span class="star" data-value="4"><i class="far fa-star"></i></span>
                        <span class="star" data-value="5"><i class="far fa-star"></i></span>
                    </div>
                    
                    <div class="rating-count">
                        <span><i class="fas fa-users"></i> 1,850 người đã đánh giá</span>
                        <span><i class="fas fa-star"></i> Điểm trung bình: 4.7/5</span>
                    </div>
                    
                    <div class="rating-form">
                        <h4>Viết đánh giá của bạn</h4>
                        <form id="reviewForm">
                            <div class="form-group">
                                <label for="userName">Tên của bạn:</label>
                                <input type="text" id="userName" required placeholder="Nhập tên của bạn">
                            </div>
                            <div class="form-group">
                                <label for="userEmail">Email (không bắt buộc):</label>
                                <input type="email" id="userEmail" placeholder="Nhập email của bạn">
                            </div>
                            <div class="form-group">
                                <label for="userReview">Đánh giá của bạn:</label>
                                <textarea id="userReview" required placeholder="Chia sẻ suy nghĩ của bạn về bài viết này..."></textarea>
                            </div>
                            <button type="submit" class="submit-rating">Gửi Đánh Giá</button>
                        </form>
                    </div>
                    
                    <div class="reviews-list" id="faq">
                        <h4>Hỏi Đáp Phụ Huynh</h4>
                        
                        <div class="review-item">
                            <div class="review-header">
                                <span class="review-author">Trần Thị Thu</span>
                                <span class="review-date">22/01/2025</span>
                            </div>
                            <div class="review-stars">
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                            </div>
                            <p class="review-content">Bài viết rất chi tiết! Con tôi đang học lớp 2, bé yếu môn Toán. Sau khi đọc bài này, tôi quyết định tìm gia sư cho con. Thông tin về học phí rất hữu ích để tôi lên kế hoạch tài chính.</p>
                        </div>
                        
                        <div class="review-item">
                            <div class="review-header">
                                <span class="review-author">Lê Văn Hùng</span>
                                <span class="review-date">22/1/2025</span>
                            </div>
                            <div class="review-stars">
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="far fa-star"></i>
                            </div>
                            <p class="review-content">Tôi muốn hỏi thêm về gia sư tiếng Anh lớp 2. Bé nhà tôi chưa học tiếng Anh bao giờ, có cần tìm gia sư chuyên về tiếng Anh cho trẻ em không? Hay gia sư đa môn cũng dạy được?</p>
                        </div>
                        
                        <div class="review-item">
                            <div class="review-header">
                                <span class="review-author">Nguyễn Thị Mai</span>
                                <span class="review-date">22/1/2025</span>
                            </div>
                            <div class="review-stars">
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star-half-alt"></i>
                            </div>
                            <p class="review-content">Con tôi viết chữ rất xấu, tôi đang tìm gia sư rèn chữ. Bài viết có đề cập đến gia sư rèn chữ nhưng tôi muốn biết thêm về thời gian cần thiết để cải thiện chữ viết của bé.</p>
                        </div>
                    </div>
                </div>
            </article>
        </main>
    </div>

    <script>
        // JavaScript cho menu mobile
        const menuToggle = document.getElementById('menuToggle');
        const mobileMenu = document.getElementById('mobileMenu');
        const closeMenu = document.getElementById('closeMenu');
        
        menuToggle.addEventListener('click', () => {
            mobileMenu.style.display = 'block';
            document.body.style.overflow = 'hidden';
        });
        
        closeMenu.addEventListener('click', () => {
            mobileMenu.style.display = 'none';
            document.body.style.overflow = 'auto';
        });
        
        // Đóng menu khi click bên ngoài
        mobileMenu.addEventListener('click', (e) => {
            if (e.target === mobileMenu) {
                mobileMenu.style.display = 'none';
                document.body.style.overflow = 'auto';
            }
        });
        
        // Xử lý click menu item
        const desktopMenuLinks = document.querySelectorAll('#desktopMenuList a');
        const mobileMenuLinks = document.querySelectorAll('#mobileMenuList a');
        
        // Hàm xử lý click menu item
        function handleMenuItemClick(e, isMobile = false) {
            e.preventDefault();
            
            const targetId = this.getAttribute('href');
            const targetElement = document.querySelector(targetId);
            
            if (targetElement) {
                // Cuộn đến phần tử mục tiêu
                window.scrollTo({
                    top: targetElement.offsetTop - 20,
                    behavior: 'smooth'
                });
                
                // Cập nhật active menu
                if (isMobile) {
                    mobileMenuLinks.forEach(link => link.classList.remove('active'));
                    desktopMenuLinks.forEach(link => link.classList.remove('active'));
                    mobileMenu.style.display = 'none';
                    document.body.style.overflow = 'auto';
                } else {
                    desktopMenuLinks.forEach(link => link.classList.remove('active'));
                    mobileMenuLinks.forEach(link => link.classList.remove('active'));
                }
                
                this.classList.add('active');
            }
        }
        
        // Gắn sự kiện cho menu desktop
        desktopMenuLinks.forEach(link => {
            link.addEventListener('click', handleMenuItemClick);
        });
        
        // Gắn sự kiện cho menu mobile
        mobileMenuLinks.forEach(link => {
            link.addEventListener('click', (e) => handleMenuItemClick.call(link, e, true));
        });
        
        // JavaScript cho đánh giá sao
        const stars = document.querySelectorAll('.star');
        let selectedRating = 0;
        
        stars.forEach(star => {
            star.addEventListener('click', () => {
                const value = parseInt(star.getAttribute('data-value'));
                selectedRating = value;
                
                // Cập nhật hiển thị sao
                stars.forEach((s, index) => {
                    if (index < value) {
                        s.innerHTML = '<i class="fas fa-star"></i>';
                        s.classList.add('active');
                    } else {
                        s.innerHTML = '<i class="far fa-star"></i>';
                        s.classList.remove('active');
                    }
                });
            });
            
            // Hiệu ứng hover
            star.addEventListener('mouseover', () => {
                const value = parseInt(star.getAttribute('data-value'));
                
                stars.forEach((s, index) => {
                    if (index < value) {
                        s.innerHTML = '<i class="fas fa-star"></i>';
                        s.style.color = '#ffcc00';
                    }
                });
            });
            
            star.addEventListener('mouseout', () => {
                stars.forEach((s, index) => {
                    if (index >= selectedRating) {
                        s.innerHTML = '<i class="far fa-star"></i>';
                        s.style.color = '';
                    }
                });
            });
        });
        
        // Xử lý form đánh giá
        const reviewForm = document.getElementById('reviewForm');
        
        reviewForm.addEventListener('submit', (e) => {
            e.preventDefault();
            
            const userName = document.getElementById('userName').value;
            const userReview = document.getElementById('userReview').value;
            
            if (selectedRating === 0) {
                alert('Vui lòng chọn số sao đánh giá!');
                return;
            }
            
            if (!userName || !userReview) {
                alert('Vui lòng điền đầy đủ thông tin!');
                return;
            }
            
            // Hiển thị thông báo thành công
            alert('Cảm ơn bạn đã đánh giá bài viết! Đánh giá của bạn sẽ được kiểm duyệt trước khi hiển thị.');
            
            // Reset form
            reviewForm.reset();
            
            // Reset sao
            stars.forEach(star => {
                star.innerHTML = '<i class="far fa-star"></i>';
                star.classList.remove('active');
            });
            selectedRating = 0;
        });
        
        // Responsive: đóng menu khi resize về desktop
        window.addEventListener('resize', () => {
            if (window.innerWidth > 992) {
                mobileMenu.style.display = 'none';
                document.body.style.overflow = 'auto';
            }
        });
        
        // Thêm hiệu ứng cho các link nội bộ
        document.querySelectorAll('.internal-link').forEach(link => {
            link.addEventListener('click', function(e) {
                // Mở link trong tab mới
                e.preventDefault();
                window.open(this.href, '_blank');
            });
        });
        
        // Thêm hiệu ứng cho các link trong phần bài viết liên quan
        document.querySelectorAll('.read-more-list a').forEach(link => {
            link.addEventListener('click', function(e) {
                // Mở link trong tab mới
                e.preventDefault();
                window.open(this.href, '_blank');
            });
        });
    </script>
</body>
</html>



<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        /* Widget container - ĐẶT CỐ ĐỊNH CAO HƠN 70px (50px + 20px) */
        .widget-container {
            position: fixed;
            bottom: 90px; /* 20px + 50px + 20px = cao hơn 70px */
            left: 20px;
            z-index: 9999;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
        }
        
        /* Nút chính - Đồng hồ */
        .clock-btn {
            width: 50px;
            height: 50px;
            border-radius: 25px;
            border: none;
            background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
            color: white;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3);
            transition: all 0.3s ease;
            font-size: 20px;
            position: relative;
        }
        
        .clock-btn:hover:not(.disabled):not(.submitted):not(.completed) {
            transform: scale(1.08);
            box-shadow: 0 6px 20px rgba(139, 92, 246, 0.4);
        }
        
        /* Trạng thái disabled (chưa hết giờ) */
        .clock-btn.disabled {
            background: linear-gradient(135deg, #9ca3af 0%, #6b7280 100%);
            cursor: not-allowed;
            opacity: 0.9;
        }
        
        /* Trạng thái đã hết giờ - chờ click */
        .clock-btn.completed {
            background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
            cursor: pointer;
        }
        
        /* Trạng thái đã submit - ẨN HOÀN TOÀN */
        .widget-container.hidden,
        .clock-btn.submitted {
            display: none !important;
            visibility: hidden !important;
        }
        
        /* Badge đếm ngược */
        .count-badge {
            position: absolute;
            top: -6px;
            right: -6px;
            background: #ef4444;
            color: white;
            font-size: 11px;
            font-weight: bold;
            min-width: 22px;
            height: 22px;
            border-radius: 11px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px solid white;
            font-family: 'Courier New', monospace;
            transition: all 0.3s ease;
        }
        
        /* Form popup - DỊCH SANG PHẢI 10px */
        .form-popup {
            position: absolute;
            bottom: 60px;
            left: 10px;
            width: 280px;
            background: white;
            border-radius: 12px;
            box-shadow: 0 8px 30px rgba(0,0,0,0.15);
            padding: 0;
            display: none;
            border: 1px solid #e5e7eb;
            overflow: hidden;
            opacity: 0;
            transform: translateY(10px);
            transition: opacity 0.3s ease, transform 0.3s ease;
        }
        
        .form-popup.show {
            display: block;
            opacity: 1;
            transform: translateY(0);
        }
        
        .form-popup.disabled-popup {
            display: none !important;
        }
        
        .form-header {
            background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
            color: white;
            padding: 16px 20px;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .form-title {
            font-weight: 600;
            font-size: 16px;
            flex: 1;
        }
        
        .close-btn {
            background: rgba(255,255,255,0.2);
            border: none;
            color: white;
            cursor: pointer;
            font-size: 18px;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: background 0.2s;
        }
        
        .close-btn:hover {
            background: rgba(255,255,255,0.3);
        }
        
        .form-body {
            padding: 20px;
        }
        
        .input-group {
            margin-bottom: 20px;
        }
        
        .input-label {
            display: block;
            color: #4b5563;
            font-size: 14px;
            margin-bottom: 8px;
            font-weight: 500;
        }
        
        .phone-input {
            width: 100%;
            padding: 12px 16px;
            border: 2px solid #e5e7eb;
            border-radius: 8px;
            font-size: 15px;
            box-sizing: border-box;
            transition: border-color 0.3s;
            text-align: center;
        }
        
        .phone-input:focus {
            outline: none;
            border-color: #8b5cf6;
        }
        
        .submit-btn {
            width: 100%;
            padding: 12px;
            background: #10b981;
            color: white;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            font-weight: 600;
            font-size: 15px;
            transition: background 0.3s;
        }
        
        .submit-btn:hover {
            background: #059669;
        }
        
        .submit-btn:disabled {
            background: #9ca3af;
            cursor: not-allowed;
        }
        
        .success-message {
            text-align: center;
            padding: 30px 20px;
            display: none;
        }
        
        .success-message.show {
            display: block;
        }
        
        .success-icon {
            color: #10b981;
            font-size: 40px;
            margin-bottom: 12px;
        }
        
        .success-text {
            color: #065f46;
            font-weight: 600;
            font-size: 16px;
        }
        
        .info-text {
            color: #6b7280;
            font-size: 13px;
            margin-top: 8px;
        }
        
        .error-message {
            color: #dc2626;
            font-size: 12px;
            margin-top: 5px;
            display: none;
        }
        
        /* Loading spinner */
        .spinner {
            display: inline-block;
            width: 16px;
            height: 16px;
            border: 2px solid rgba(255,255,255,0.3);
            border-radius: 50%;
            border-top-color: white;
            animation: spin 0.8s linear infinite;
        }
        
        @keyframes spin {
            to { transform: rotate(360deg); }
        }
        
        /* Thông báo chưa hết giờ */
        .timeout-message {
            position: absolute;
            bottom: 60px;
            left: 10px;
            background: rgba(0, 0, 0, 0.85);
            color: white;
            padding: 12px 16px;
            border-radius: 8px;
            font-size: 13px;
            display: none;
            white-space: nowrap;
            backdrop-filter: blur(4px);
            z-index: 10000;
            width: 220px;
            text-align: center;
        }
        
        .timeout-message.show {
            display: block;
            animation: fadeIn 0.2s ease;
        }
        
        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        /* Responsive cho mobile */
        @media (max-width: 768px) {
            .widget-container {
                left: 15px;
                bottom: 95px; /* Thêm 10px nữa: 85px + 10px = 95px */
            }
            
            .form-popup {
                width: 260px;
                left: 5px;
            }
            
            .timeout-message {
                width: 200px;
                font-size: 12px;
                left: 5px;
            }
        }
        
        @media (max-width: 480px) {
            .widget-container {
                left: 10px;
                bottom: 90px; /* Thêm 10px nữa: 80px + 10px = 90px */
            }
            
            .form-popup {
                width: 240px;
                left: 0;
            }
            
            .timeout-message {
                width: 180px;
                left: 0;
            }
        }
    </style>
</head>
<body>

    <!-- Widget - BÊN TRÁI -->
    <div class="widget-container" id="widgetContainer">
        <!-- Thông báo chưa hết giờ -->
        <div id="timeoutMessage" class="timeout-message">
            <i class="fas fa-hourglass-half" style="margin-right: 8px;"></i>
            Vui lòng đợi <span id="timeLeftText">180</span> giây nữa
        </div>
        
        <!-- Form popup -->
        <div id="formPopup" class="form-popup">
            <div class="form-header">
                <div class="form-title">
                    <i class="fas fa-clock"></i> Nhập thông tin
                </div>
                <button class="close-btn" id="closeForm">
                    <i class="fas fa-times"></i>
                </button>
            </div>
            
            <div class="form-body">
                <div id="formContent">
                    <div class="input-group">
                        <label class="input-label">Số điện thoại của bạn</label>
                        <input type="tel" 
                               id="phoneInput" 
                               class="phone-input" 
                               placeholder="Nhập Số Điện Thoại"
                               maxlength="11"
                               inputmode="numeric">
                        <div id="phoneError" class="error-message">
                            Vui lòng nhập số điện thoại hợp lệ
                        </div>
                    </div>
                    
                    <button id="submitBtn" class="submit-btn">
                        <span id="btnText">
                            <i class="fas fa-paper-plane"></i> Gửi thông tin
                        </span>
                    </button>
                    
                </div>
                
                <div id="successMessage" class="success-message">
                    <div class="success-icon">
                        <i class="fas fa-check-circle"></i>
                    </div>
                    <div class="success-text">Đã gửi thành công</div>
                    <p class="info-text">
                        Bạn đã tích được 1 điểm quy đổi
                    </p>
                </div>

                <div id="errorMessage" class="success-message" style="display: none; color: #dc2626;">
                    <div class="success-icon">
                        <i class="fas fa-exclamation-circle"></i>
                    </div>
                    <div class="success-text">Gửi thất bại</div>
                    <p class="info-text">
                        Vui lòng thử lại sau
                    </p>
                </div>
            </div>
        </div>
        
        <!-- Nút chính - Đồng hồ -->
        <button id="clockBtn" class="clock-btn disabled" title="Đang đếm ngược...">
            <i class="fas fa-clock"></i>
            <div id="countBadge" class="count-badge">180</div>
        </button>
    </div>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            // Elements
            const widgetContainer = document.getElementById('widgetContainer');
            const clockBtn = document.getElementById('clockBtn');
            const countBadge = document.getElementById('countBadge');
            const timeoutMessage = document.getElementById('timeoutMessage');
            const timeLeftText = document.getElementById('timeLeftText');
            const formPopup = document.getElementById('formPopup');
            const closeForm = document.getElementById('closeForm');
            const phoneInput = document.getElementById('phoneInput');
            const phoneError = document.getElementById('phoneError');
            const submitBtn = document.getElementById('submitBtn');
            const btnText = document.getElementById('btnText');
            const successMessage = document.getElementById('successMessage');
            const errorMessage = document.getElementById('errorMessage');
            const formContent = document.getElementById('formContent');
            
            // CẤU HÌNH QUAN TRỌNG: THAY ĐỔI URL NÀY THÀNH URL WEB APP CỦA BẠN
            const GOOGLE_SCRIPT_URL = 'https://script.google.com/macros/s/AKfycbww0gAY6jiaNAYXEIpVl24Hn169YTCaY7zvKRZbpfqyFNDROxrswVR5qLgZF5bWROWF/exec';
            
            // Variables
            let countdownTimer;
            let timeLeft = 180; // 180 giây = 2 phút
            let isFormShown = false;
            let isSubmitted = false;
            let isTimeout = false;
            let tooltipTimeout;
            
            // Khởi động đếm ngược
            function initCountdown() {
                console.log('&#x23f0; Bắt đầu đếm 180 giây (3 phút)...');
                console.log('&#x1f4cc; Desktop: Nút cao hơn 70px từ cạnh dưới');
                console.log('&#x1f4f1; Mobile: Nút cao hơn 80px từ cạnh dưới (+10px thêm)');
                startCountdown();
            }
            
            // Bắt đầu đếm ngược
            function startCountdown() {
                updateBadge();
                
                countdownTimer = setInterval(() => {
                    timeLeft--;
                    updateBadge();
                    
                    if (timeLeft <= 0) {
                        endCountdown();
                    }
                }, 1000);
            }
            
            // Cập nhật badge
            function updateBadge() {
                countBadge.textContent = timeLeft;
                timeLeftText.textContent = timeLeft;
                
                // Đổi màu khi sắp hết giờ
                if (timeLeft <= 30) {
                    countBadge.style.background = timeLeft <= 10 ? '#dc2626' : '#f59e0b';
                } else {
                    countBadge.style.background = '#ef4444';
                }
                
                // Hiển thị thời gian dạng phút:giây khi còn dưới 60 giây
                if (timeLeft < 60) {
                    countBadge.textContent = timeLeft;
                }
            }
            
            // Kết thúc đếm ngược
            function endCountdown() {
                clearInterval(countdownTimer);
                countBadge.textContent = '✓';
                countBadge.style.background = '#f59e0b';
                isTimeout = true;
                
                // Mở khóa nút
                clockBtn.classList.remove('disabled');
                clockBtn.classList.add('completed');
                clockBtn.title = 'Nhấn để mở form nhập thông tin';
                
                console.log('&#x2705; Đã hết 180 giây, nút đã sẵn sàng mở form');
            }
            
            // Hiển thị thông báo chưa hết giờ
            function showTimeoutMessage() {
                timeoutMessage.classList.add('show');
            }
            
            // Ẩn thông báo chưa hết giờ
            function hideTimeoutMessage() {
                timeoutMessage.classList.remove('show');
            }
            
            // Hover vào nút đồng hồ
            clockBtn.addEventListener('mouseenter', () => {
                clearTimeout(tooltipTimeout);
                
                if (isSubmitted) return;
                
                if (!isTimeout) {
                    showTimeoutMessage();
                }
            });
            
            clockBtn.addEventListener('mouseleave', () => {
                tooltipTimeout = setTimeout(() => {
                    hideTimeoutMessage();
                }, 300);
            });
            
            // Click nút đồng hồ
            clockBtn.addEventListener('click', function() {
                if (isSubmitted) return;
                
                if (!isTimeout) {
                    // Tính thời gian còn lại để hiển thị
                    const minutes = Math.floor(timeLeft / 60);
                    const seconds = timeLeft % 60;
                    const timeDisplay = minutes > 0 ? 
                        `${minutes} phút ${seconds} giây` : 
                        `${seconds} giây`;
                    
                    timeLeftText.textContent = timeDisplay;
                    showTimeoutMessage();
                    setTimeout(() => hideTimeoutMessage(), 2000);
                    return;
                }
                
                if (!isFormShown) {
                    showForm();
                } else {
                    hideForm();
                }
            });
            
            // Hiện form
            function showForm() {
                isFormShown = true;
                formPopup.classList.add('show');
                hideTimeoutMessage();
                
                // Reset trạng thái form
                phoneError.style.display = 'none';
                phoneInput.style.borderColor = '#e5e7eb';
                
                setTimeout(() => phoneInput.focus(), 300);
            }
            
            // Ẩn form
            function hideForm() {
                formPopup.classList.remove('show');
                isFormShown = false;
            }
            
            // Đóng form bằng dấu X
            closeForm.addEventListener('click', function() {
                hideForm();
            });
            
            // Validate số điện thoại
            function validatePhone(phone) {
                const phoneRegex = /^(0[3|5|7|8|9])[0-9]{8}$/;
                return phoneRegex.test(phone);
            }
            
            // Hiển thị lỗi
            function showError(message) {
                phoneError.textContent = message;
                phoneError.style.display = 'block';
                phoneInput.style.borderColor = '#dc2626';
            }
            
            // Ẩn lỗi
            function hideError() {
                phoneError.style.display = 'none';
                phoneInput.style.borderColor = '#e5e7eb';
            }
            
            // Xử lý submit
            submitBtn.addEventListener('click', submitPhone);
            phoneInput.addEventListener('keypress', (e) => {
                if (e.key === 'Enter') submitPhone();
            });
            
            // Xử lý khi người dùng nhập
            phoneInput.addEventListener('input', () => {
                hideError();
            });
            
            async function submitPhone() {
                const phone = phoneInput.value.trim();
                
                // Validate
                if (!phone) {
                    showError('Vui lòng nhập số điện thoại');
                    phoneInput.focus();
                    return;
                }
                
                if (!validatePhone(phone)) {
                    showError('Số điện thoại không hợp lệ (10-11 số, bắt đầu bằng 03/05/07/08/09)');
                    phoneInput.focus();
                    return;
                }
                
                // Chuyển sang trạng thái loading
                btnText.innerHTML = '<div class="spinner"></div> Đang gửi...';
                submitBtn.disabled = true;
                
                try {
                    console.log('&#x1f4e4; Đang gửi dữ liệu đến Google Sheets...');
                    console.log('Số điện thoại:', phone);
                    console.log('URL:', GOOGLE_SCRIPT_URL);
                    
                    // Gửi dữ liệu đến Google Apps Script
                    const response = await fetch(GOOGLE_SCRIPT_URL, {
                        method: 'POST',
                        mode: 'no-cors', // Quan trọng: tránh lỗi CORS với Google Apps Script
                        headers: {
                            'Content-Type': 'application/json',
                        },
                        body: JSON.stringify({
                            phoneNumber: phone,
                            timestamp: new Date().toISOString(),
                            source: 'Website Widget'
                        })
                    });
                    
                    // Với mode 'no-cors', chúng ta không thể đọc response
                    // Nhưng dữ liệu vẫn được gửi thành công
                    console.log('&#x2705; Dữ liệu đã được gửi thành công');
                    
                    // Hiển thị thông báo thành công
                    showSuccess();
                    
                } catch (error) {
                    console.error('&#x274c; Lỗi khi gửi dữ liệu:', error);
                    showError();
                }
            }
            
            function showSuccess() {
                formContent.style.display = 'none';
                successMessage.classList.add('show');
                errorMessage.style.display = 'none';
                
                isSubmitted = true;
                
                setTimeout(() => {
                    hideForm();
                    formPopup.classList.add('disabled-popup');
                    widgetContainer.classList.add('hidden');
                    
                    console.log('&#x1f47b; Widget đã ẩn hoàn toàn');
                    
                    // Reset form sau khi ẩn
                    setTimeout(() => {
                        resetForm();
                    }, 300);
                    
                }, 2000);
            }
            
            function showError() {
                formContent.style.display = 'none';
                successMessage.style.display = 'none';
                errorMessage.style.display = 'block';
                
                // Hiển thị lại form sau 3 giây
                setTimeout(() => {
                    formContent.style.display = 'block';
                    errorMessage.style.display = 'none';
                    btnText.innerHTML = '<i class="fas fa-paper-plane"></i> Gửi thông tin';
                    submitBtn.disabled = false;
                }, 3000);
            }
            
            function resetForm() {
                formContent.style.display = 'block';
                successMessage.classList.remove('show');
                errorMessage.style.display = 'none';
                phoneInput.value = '';
                btnText.innerHTML = '<i class="fas fa-paper-plane"></i> Gửi thông tin';
                submitBtn.disabled = false;
                hideError();
            }
            
            // Đóng form khi click ra ngoài
            document.addEventListener('click', (e) => {
                if (formPopup.classList.contains('show') &&
                    !formPopup.contains(e.target) && 
                    !clockBtn.contains(e.target)) {
                    
                    hideForm();
                }
            });
            
            // Khởi động
            initCountdown();
        });
    </script>
</body>
</html>
<p>The post <a href="https://timgiasu.vn/gia-su-lop-2-tai-nha-1-kem-1-toan-tieng-viet-tieng-anh/">Gia Sư Lớp 2 Tại Nhà 1 Kèm 1 – Toán, Tiếng Việt, Tiếng Anh</a> appeared first on <a href="https://timgiasu.vn">GIA SƯ NEXTCV </a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">3429</post-id>	</item>
		<item>
		<title>Tìm Gia Sư Lớp 1 Tại Nhà – Dạy 1 Kèm 1, Học Phí Rõ Ràng</title>
		<link>https://timgiasu.vn/tim-gia-su-lop-1-tai-nha-day-1-kem-1-hoc-phi-ro-rang/</link>
		
		<dc:creator><![CDATA[admin.tgs]]></dc:creator>
		<pubDate>Thu, 22 Jan 2026 04:45:19 +0000</pubDate>
				<category><![CDATA[Gia Sư Cấp 1]]></category>
		<category><![CDATA[gia sư]]></category>
		<category><![CDATA[Gia Sư Giỏi]]></category>
		<guid isPermaLink="false">https://timgiasu.vn/?p=3409</guid>

					<description><![CDATA[<p>Tìm Gia Sư Lớp 1 Tại Nhà – Dạy 1 Kèm 1, Học Phí Rõ Ràng Danh Mục Bài Viết Tổng Quan Vì Sao Nên Tìm Gia Sư Lớp 1? Gia Sư Dạy Những Môn Gì? Học Phí Gia Sư Lớp 1 Khi Nào Nên Tìm Gia Sư? Kinh Nghiệm Tìm Gia Sư Tìm Gia [&#8230;]</p>
<p>The post <a href="https://timgiasu.vn/tim-gia-su-lop-1-tai-nha-day-1-kem-1-hoc-phi-ro-rang/">Tìm Gia Sư Lớp 1 Tại Nhà – Dạy 1 Kèm 1, Học Phí Rõ Ràng</a> appeared first on <a href="https://timgiasu.vn">GIA SƯ NEXTCV </a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p><a href="https://timgiasu.vn/tim-gia-su-lop-1-hoc-phi-gia-su-lop-1-bao-nhieu/"></a></p>



<p><a href="https://timgiasu.vn/tim-gia-su-lop-1-hoc-phi-gia-su-lop-1-bao-nhieu/"></a></p>



<p><a href="https://timgiasu.vn/tim-gia-su-lop-1-hoc-phi-gia-su-lop-1-bao-nhieu/"></a></p>



<p><a href="https://timgiasu.vn/tim-gia-su-lop-1-hoc-phi-gia-su-lop-1-bao-nhieu/"></a></p>



<p><a href="https://timgiasu.vn/tim-gia-su-lop-1-hoc-phi-gia-su-lop-1-bao-nhieu/"></a></p>



<p><a href="https://timgiasu.vn/tim-gia-su-lop-1-hoc-phi-gia-su-lop-1-bao-nhieu/"></a></p>



<p><a href="https://timgiasu.vn/tim-gia-su-lop-1-hoc-phi-gia-su-lop-1-bao-nhieu/"></a></p>



<p><a href="https://timgiasu.vn/tim-gia-su-lop-1-hoc-phi-gia-su-lop-1-bao-nhieu/"></a></p>



<p><a href="https://timgiasu.vn/tim-gia-su-lop-1-hoc-phi-gia-su-lop-1-bao-nhieu/"></a></p>



<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tìm Gia Sư Lớp 1 Tại Nhà – Dạy 1 Kèm 1, Học Phí Rõ Ràng</title>
    <style>
        /* Reset và thiết lập chung */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        
        body {
            background-color: #f8f9fa;
            color: #333;
            line-height: 1.6;
            padding: 20px;
            min-height: 100vh;
        }
        
        .container {
            max-width: 1100px;
            margin: 0 auto;
            display: flex;
            gap: 30px;
        }
        
        /* Menu cho máy tính */
        .desktop-menu {
            flex: 0 0 250px;
            background-color: white;
            border-radius: 10px;
            padding: 25px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
            height: fit-content;
            position: sticky;
            top: 20px;
        }
        
        .desktop-menu h3 {
            color: #2c4d80;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid #ffcc00;
            font-size: 18px;
        }
        
        .desktop-menu ul {
            list-style: none;
        }
        
        .desktop-menu li {
            margin-bottom: 12px;
        }
        
        .desktop-menu a {
            display: block;
            color: #444;
            text-decoration: none;
            padding: 10px 12px;
            border-radius: 6px;
            transition: all 0.3s ease;
            font-weight: 500;
        }
        
        .desktop-menu a:hover, .desktop-menu a.active {
            background-color: #f0f7ff;
            color: #2c4d80;
            transform: translateX(3px);
        }
        
        /* Menu cho điện thoại - Nút bên trái */
        .mobile-menu-toggle {
            display: none;
            position: fixed;
            bottom: 20px;
            left: 20px;
            background-color: #2c4d80;
            color: white;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            z-index: 1001;
            border: none;
            font-size: 24px;
            cursor: pointer;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
        }
        
        .mobile-menu {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.9);
            z-index: 1000;
            padding: 80px 20px 40px;
            overflow-y: auto;
        }
        
        .mobile-menu-content {
            background-color: white;
            border-radius: 10px;
            padding: 25px;
            max-width: 500px;
            margin: 0 auto;
        }
        
        .mobile-menu-content h3 {
            color: #2c4d80;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid #ffcc00;
            font-size: 20px;
        }
        
        .mobile-menu-content ul {
            list-style: none;
        }
        
        .mobile-menu-content li {
            margin-bottom: 12px;
        }
        
        .mobile-menu-content a {
            display: block;
            color: #444;
            text-decoration: none;
            padding: 12px 15px;
            border-radius: 6px;
            transition: all 0.3s ease;
            font-weight: 500;
            font-size: 16px;
        }
        
        .mobile-menu-content a:hover, .mobile-menu-content a.active {
            background-color: #f0f7ff;
            color: #2c4d80;
        }
        
        .close-menu {
            position: absolute;
            top: 20px;
            right: 20px;
            background: none;
            border: none;
            color: white;
            font-size: 30px;
            cursor: pointer;
        }
        
        /* Nội dung bài viết */
        .blog-content {
            flex: 1;
            background-color: white;
            border-radius: 10px;
            padding: 40px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
        }
        
        .post-header {
            margin-bottom: 30px;
            border-bottom: 1px solid #eee;
            padding-bottom: 20px;
        }
        
        .post-category {
            display: inline-block;
            background-color: #ffcc00;
            color: #333;
            padding: 6px 18px;
            border-radius: 20px;
            font-weight: 600;
            font-size: 14px;
            margin-bottom: 15px;
        }
        
        .post-title {
            color: #2c4d80;
            font-size: 32px;
            margin-bottom: 15px;
            line-height: 1.3;
        }
        
        .post-meta {
            display: flex;
            flex-wrap: nowrap;
            gap: 20px;
            color: #666;
            font-size: 15px;
            margin-top: 10px;
            align-items: center;
        }
        
        .post-meta i {
            color: #4a6fa5;
            margin-right: 6px;
        }
        
        .post-content h2 {
            color: #2c4d80;
            margin: 30px 0 18px;
            font-size: 24px;
            padding-bottom: 8px;
            border-bottom: 1px solid #eee;
        }
        
        .post-content h3 {
            color: #2c4d80;
            margin: 25px 0 15px;
            font-size: 20px;
        }
        
        .post-content p {
            margin-bottom: 20px;
            font-size: 16px;
            color: #444;
        }
        
        .post-content ul {
            margin: 20px 0 20px 30px;
        }
        
        .post-content li {
            margin-bottom: 10px;
            font-size: 16px;
            color: #444;
        }
        
        .highlight-box {
            background-color: #f0f7ff;
            border-left: 4px solid #4a6fa5;
            padding: 20px;
            margin: 25px 0;
            border-radius: 0 8px 8px 0;
        }
        
        .internal-link {
            color: #2c4d80;
            text-decoration: none;
            font-weight: 600;
            border-bottom: 2px dotted #2c4d80;
            transition: all 0.3s ease;
        }
        
        .internal-link:hover {
            color: #ff6600;
            border-bottom: 2px solid #ff6600;
        }
        
        .read-more-section {
            background-color: #f9f9f9;
            border-radius: 10px;
            padding: 25px;
            margin: 30px 0;
            border-left: 5px solid #4a6fa5;
        }
        
        .read-more-title {
            color: #2c4d80;
            font-size: 20px;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .read-more-title i {
            color: #ffcc00;
        }
        
        .read-more-list {
            list-style: none;
            margin: 0;
        }
        
        .read-more-list li {
            margin-bottom: 12px;
            padding: 12px;
            background-color: white;
            border-radius: 6px;
            border-left: 3px solid #4a6fa5;
            transition: all 0.3s ease;
        }
        
        .read-more-list li:hover {
            transform: translateX(5px);
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
        }
        
        .read-more-list a {
            color: #2c4d80;
            text-decoration: none;
            font-weight: 500;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .read-more-list a:hover {
            color: #ff6600;
        }
        
        .read-more-list i {
            color: #4a6fa5;
        }
        
        /* Hình ảnh trong bài viết */
        .post-image {
            width: 100%;
            max-height: 400px;
            object-fit: cover;
            border-radius: 8px;
            margin: 25px 0;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }
        
        .image-caption {
            text-align: center;
            font-style: italic;
            color: #666;
            margin-top: -20px;
            margin-bottom: 25px;
            font-size: 14px;
        }
        
        .image-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
            margin: 25px 0;
        }
        
        .image-grid img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }
        
        .pricing-table {
            width: 100%;
            border-collapse: collapse;
            margin: 25px 0;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
        }
        
        .pricing-table th {
            background-color: #2c4d80;
            color: white;
            padding: 15px;
            text-align: left;
            font-weight: 600;
        }
        
        .pricing-table td {
            padding: 15px;
            border-bottom: 1px solid #eee;
        }
        
        .pricing-table tr:nth-child(even) {
            background-color: #f9f9f9;
        }
        
        .price-highlight {
            background-color: #fff9e6 !important;
            font-weight: 600;
        }
        
        .cta-button {
            display: inline-block;
            background: linear-gradient(to right, #4a6fa5, #2c4d80);
            color: white;
            padding: 14px 30px;
            border-radius: 5px;
            text-decoration: none;
            font-weight: 600;
            margin-top: 25px;
            transition: all 0.3s ease;
            border: none;
            cursor: pointer;
            font-size: 16px;
        }
        
        .cta-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 7px 15px rgba(44, 77, 128, 0.2);
        }
        
        /* Phần đánh giá bài viết */
        .rating-section {
            margin-top: 50px;
            padding-top: 30px;
            border-top: 1px solid #eee;
        }
        
        .rating-title {
            color: #2c4d80;
            font-size: 22px;
            margin-bottom: 20px;
        }
        
        .rating-stars {
            display: flex;
            gap: 10px;
            margin-bottom: 25px;
        }
        
        .star {
            font-size: 30px;
            color: #ddd;
            cursor: pointer;
            transition: color 0.3s;
        }
        
        .star:hover, .star.active {
            color: #ffcc00;
        }
        
        .rating-count {
            display: flex;
            gap: 20px;
            margin-bottom: 25px;
            color: #666;
            font-size: 15px;
        }
        
        .rating-form {
            background-color: #f9f9f9;
            padding: 25px;
            border-radius: 8px;
            margin-bottom: 25px;
        }
        
        .rating-form h4 {
            color: #2c4d80;
            margin-bottom: 15px;
        }
        
        .form-group {
            margin-bottom: 20px;
        }
        
        .form-group label {
            display: block;
            margin-bottom: 8px;
            font-weight: 500;
            color: #444;
        }
        
        .form-group input,
        .form-group textarea {
            width: 100%;
            padding: 12px 15px;
            border: 1px solid #ddd;
            border-radius: 5px;
            font-size: 16px;
        }
        
        .form-group textarea {
            height: 120px;
            resize: vertical;
        }
        
        .submit-rating {
            background: linear-gradient(to right, #4a6fa5, #2c4d80);
            color: white;
            padding: 12px 25px;
            border-radius: 5px;
            border: none;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .submit-rating:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 10px rgba(44, 77, 128, 0.2);
        }
        
        .reviews-list {
            margin-top: 30px;
        }
        
        .review-item {
            background-color: #f9f9f9;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 20px;
            border-left: 4px solid #4a6fa5;
        }
        
        .review-header {
            display: flex;
            justify-content: space-between;
            margin-bottom: 10px;
        }
        
        .review-author {
            font-weight: 600;
            color: #2c4d80;
        }
        
        .review-date {
            color: #666;
            font-size: 14px;
        }
        
        .review-stars {
            color: #ffcc00;
            margin-bottom: 10px;
        }
        
        .review-content {
            color: #444;
            line-height: 1.5;
        }
        
        /* Responsive - Mobile tối ưu */
        @media (max-width: 992px) {
            .desktop-menu {
                display: none;
            }
            
            .mobile-menu-toggle {
                display: flex;
                align-items: center;
                justify-content: center;
            }
            
            .container {
                flex-direction: column;
                padding: 0;
                margin: 0;
                width: 100%;
                gap: 0;
            }
            
            .blog-content {
                padding: 20px;
                margin: 0;
                border-radius: 0;
                box-shadow: none;
                width: 100%;
                max-width: 100%;
            }
            
            body {
                padding: 0;
                background-color: white;
            }
            
            /* Mobile: Chữ sát mép điện thoại */
            .post-content p,
            .post-content h2,
            .post-content h3,
            .post-content ul,
            .post-content li,
            .post-content .highlight-box,
            .post-content .pricing-table {
                padding-left: 0;
                padding-right: 0;
                margin-left: 0;
                margin-right: 0;
                width: 100%;
            }
            
            .post-content ul {
                margin-left: 20px;
            }
            
            .highlight-box {
                border-radius: 0;
                padding: 15px;
            }
            
            .rating-form {
                padding: 15px;
            }
            
            .review-item {
                padding: 15px;
            }
            
            .read-more-section {
                padding: 15px;
                margin: 20px 0;
            }
            
            /* Mobile: Meta trên 1 hàng */
            .post-meta {
                flex-wrap: nowrap;
                overflow-x: auto;
                gap: 15px;
                padding-bottom: 5px;
                white-space: nowrap;
                -webkit-overflow-scrolling: touch;
            }
            
            .post-meta::-webkit-scrollbar {
                display: none;
            }
            
            .post-meta span {
                display: inline-flex;
                align-items: center;
                flex-shrink: 0;
            }
            
            .image-grid {
                grid-template-columns: 1fr;
            }
        }
        
        @media (max-width: 768px) {
            .post-title {
                font-size: 26px;
            }
            
            .pricing-table {
                font-size: 14px;
            }
            
            .pricing-table th, 
            .pricing-table td {
                padding: 10px;
            }
            
            .rating-form {
                padding: 15px;
            }
            
            /* Mobile: Chữ sát mép hơn */
            .blog-content {
                padding: 15px;
            }
            
            .post-content h2,
            .post-content h3 {
                padding-left: 0;
                margin-left: 0;
            }
            
            .post-meta {
                gap: 10px;
                font-size: 14px;
            }
        }
        
        @media (max-width: 480px) {
            .blog-content {
                padding: 15px 10px;
            }
            
            .post-title {
                font-size: 22px;
            }
            
            .pricing-table {
                display: block;
                overflow-x: auto;
            }
            
            .star {
                font-size: 24px;
            }
            
            .mobile-menu-content {
                padding: 20px 15px;
            }
            
            .rating-stars {
                gap: 5px;
            }
            
            /* Mobile: Chữ sát mép tối đa */
            .post-content p {
                text-align: justify;
                hyphens: auto;
            }
            
            .post-content h2,
            .post-content h3 {
                font-size: 20px;
                line-height: 1.4;
            }
            
            .post-content ul {
                margin-left: 15px;
            }
            
            .post-content li {
                margin-bottom: 8px;
            }
            
            .highlight-box {
                padding: 12px;
                margin: 20px 0;
            }
            
            .read-more-list li {
                padding: 10px;
            }
            
            /* Mobile: Meta hiển thị trên 1 hàng không xuống dòng */
            .post-meta {
                font-size: 13px;
            }
            
            .post-meta i {
                font-size: 12px;
            }
        }
        
        @media (max-width: 360px) {
            .blog-content {
                padding: 12px 8px;
            }
            
            .post-title {
                font-size: 20px;
            }
            
            .post-content h2 {
                font-size: 18px;
            }
            
            .post-content h3 {
                font-size: 16px;
            }
            
            .post-content p {
                font-size: 15px;
            }
            
            .post-meta {
                font-size: 12px;
                gap: 8px;
            }
        }
    </style>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body>
    <!-- Nút mở menu mobile - Bên trái -->
    <button class="mobile-menu-toggle" id="menuToggle">
        <i class="fas fa-bars"></i>
    </button>
    
    <!-- Menu mobile -->
    <div class="mobile-menu" id="mobileMenu">
        <button class="close-menu" id="closeMenu">
            <i class="fas fa-times"></i>
        </button>
        <div class="mobile-menu-content">
            <h3><i class="fas fa-bars"></i> Danh Mục Bài Viết</h3>
            <ul id="mobileMenuList">
                <li><a href="#overview" class="active"><i class="fas fa-home"></i> Tổng Quan</a></li>
                <li><a href="#why"><i class="fas fa-question-circle"></i> Vì Sao Nên Tìm Gia Sư Lớp 1?</a></li>
                <li><a href="#subjects"><i class="fas fa-book"></i> Gia Sư Dạy Những Môn Gì?</a></li>
                <li><a href="#cost"><i class="fas fa-money-bill"></i> Học Phí Gia Sư Lớp 1</a></li>
                <li><a href="#when"><i class="fas fa-calendar"></i> Khi Nào Nên Tìm Gia Sư?</a></li>
                <li><a href="#experience"><i class="fas fa-graduation-cap"></i> Kinh Nghiệm Tìm Gia Sư</a></li>
                <li><a href="#where"><i class="fas fa-map-marker-alt"></i> Tìm Gia Sư Ở Đâu?</a></li>
                <li><a href="#conclusion"><i class="fas fa-check-circle"></i> Kết Luận</a></li>
                <li><a href="#faq"><i class="fas fa-comments"></i> Hỏi Đáp Phụ Huynh</a></li>
                <li><a href="#related"><i class="fas fa-book"></i> Bài Viết Liên Quan</a></li>
            </ul>
        </div>
    </div>
    
    <div class="container">
        <!-- Menu desktop -->
        <aside class="desktop-menu">
            <h3><i class="fas fa-bars"></i> Danh Mục Bài Viết</h3>
            <ul id="desktopMenuList">
                <li><a href="#overview" class="active"><i class="fas fa-home"></i> Tổng Quan</a></li>
                <li><a href="#why"><i class="fas fa-question-circle"></i> Vì Sao Nên Tìm Gia Sư Lớp 1?</a></li>
                <li><a href="#subjects"><i class="fas fa-book"></i> Gia Sư Dạy Những Môn Gì?</a></li>
                <li><a href="#cost"><i class="fas fa-money-bill"></i> Học Phí Gia Sư Lớp 1</a></li>
                <li><a href="#when"><i class="fas fa-calendar"></i> Khi Nào Nên Tìm Gia Sư?</a></li>
                <li><a href="#experience"><i class="fas fa-graduation-cap"></i> Kinh Nghiệm Tìm Gia Sư</a></li>
                <li><a href="#where"><i class="fas fa-map-marker-alt"></i> Tìm Gia Sư Ở Đâu?</a></li>
                <li><a href="#conclusion"><i class="fas fa-check-circle"></i> Kết Luận</a></li>
                <li><a href="#faq"><i class="fas fa-comments"></i> Hỏi Đáp Phụ Huynh</a></li>
                <li><a href="#related"><i class="fas fa-book"></i> Bài Viết Liên Quan</a></li>
            </ul>
        </aside>
        
        <!-- Nội dung bài viết -->
        <main class="blog-content">
            <article class="blog-post">
                <div class="post-header">
                    <span class="post-category">Gia Sư Tiểu Học</span>
                    <h1 class="post-title">Tìm Gia Sư Lớp 1 Tại Nhà – Dạy 1 Kèm 1, Học Phí Rõ Ràng</h1>
                    <div class="post-meta">
                        <span><i class="far fa-calendar"></i> 5/01/2025</span>
                        <span><i class="far fa-user"></i> Admin</span>
                        <span><i class="far fa-eye"></i> 2,508 lượt xem</span>
                    </div>
                </div>
                
                <div class="post-content">
                    <p><strong>Tìm gia sư lớp 1</strong> là lựa chọn được nhiều phụ huynh quan tâm khi con bước vào năm học đầu tiên của bậc tiểu học. Lớp 1 là giai đoạn cực kỳ quan trọng, quyết định khả năng đọc – viết – tư duy của trẻ trong những năm học sau. Việc cho bé học cùng gia sư dạy kèm tại nhà 1 kèm 1 giúp bé tiếp thu nhẹ nhàng, học đúng ngay từ đầu và không bị áp lực.</p>
                    
                    <img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/timgiasu.vn/wp-content/uploads/2026/01/ANH-KHOA-HOC-_1200-x-600-px_.webp?ssl=1" alt="Gia sư dạy kèm lớp 1 tại nhà" class="post-image">
                    <p class="image-caption">Gia sư dạy kèm 1-1 tại nhà giúp học sinh lớp 1 tiếp thu kiến thức hiệu quả</p>
                    
                    <h2 id="why">Vì Sao Nên Tìm Gia Sư Lớp 1 Cho Bé?</h2>
                    
                    <h3>Lớp 1 là nền tảng quan trọng nhất</h3>
                    
                    <p>Ở lớp 1, bé bắt đầu:</p>
                    
                    <ul>
                        <li>Làm quen với chữ cái, ghép vần, tập đọc</li>
                        <li>Học viết chữ đúng chuẩn</li>
                        <li>Học Toán cơ bản: đếm số, cộng trừ</li>
                        <li>Hình thành thói quen học tập và tập trung</li>
                    </ul>
                    
                    <div class="highlight-box">
                        <p><strong>Lưu ý quan trọng:</strong> Nếu không được kèm cặp sát sao, bé rất dễ chậm tiến độ, mất gốc, ảnh hưởng lâu dài đến kết quả học tập.</p>
                    </div>
                    
                    <h3>Gia sư lớp 1 dạy kèm 1 kèm 1 hiệu quả hơn</h3>
                    
                    <p>Khi <strong>tìm gia sư lớp 1 tại nhà</strong>, bé sẽ được:</p>
                    
                    <ul>
                        <li>Học đúng năng lực, không bị so sánh với bạn khác</li>
                        <li>Gia sư theo sát từng nét chữ, phép tính</li>
                        <li>Điều chỉnh tốc độ học phù hợp với bé</li>
                        <li>Tạo hứng thú học tập ngay từ đầu</li>
                    </ul>
                    
                    <p>Đây là ưu điểm vượt trội so với học trên lớp đông học sinh.</p>
                    
                    <h2 id="subjects">Gia Sư Lớp 1 Dạy Những Môn Gì?</h2>
                    
                    <h3>Tiếng Việt lớp 1</h3>
                    
                    <ul>
                        <li>Nhận biết mặt chữ, ghép vần</li>
                        <li>Luyện đọc trơn – đọc hiểu</li>
                        <li>Tập viết chữ đẹp, đúng chuẩn</li>
                        <li>Sửa lỗi phát âm, lỗi chính tả</li>
                    </ul>
                    
                    <h3>Toán lớp 1</h3>
                    
                    <ul>
                        <li>Nhận biết số từ 0–100</li>
                        <li>Cộng trừ cơ bản</li>
                        <li>So sánh số, tư duy logic</li>
                        <li>Làm quen bài toán có lời văn</li>
                    </ul>
                    
                    <h3>Rèn kỹ năng cho bé</h3>
                    
                    <ul>
                        <li>Ngồi học đúng tư thế</li>
                        <li>Rèn sự tập trung</li>
                        <li>Hình thành thói quen tự học</li>
                        <li>Tăng sự tự tin khi đến trường</li>
                    </ul>
                    
                    <img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/timgiasu.vn/wp-content/uploads/2026/01/ANH-KHOA-HOC.webp?ssl=1" alt="Gia sư dạy Toán và Tiếng Việt lớp 1" class="post-image">
                    <p class="image-caption">Gia sư hướng dẫn bé học Toán và Tiếng Việt lớp 1</p>
                    
                    <h2 id="cost">Học Phí Gia Sư Lớp 1 Bao Nhiêu?</h2>
                    
                    <p>Học phí khi <strong>tìm gia sư lớp 1</strong> phụ thuộc vào nhiều yếu tố như trình độ gia sư, số buổi học và khu vực học tại nhà.</p>
                    
                    <table class="pricing-table">
                        <thead>
                            <tr>
                                <th>Loại gia sư</th>
                                <th>Mức học phí/buổi</th>
                                <th>Thời lượng phổ biến</th>
                                <th>Đặc điểm</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><strong>Gia sư sinh viên sư phạm</strong></td>
                                <td class="price-highlight">120.000 – 180.000 VNĐ</td>
                                <td>90 phút/buổi</td>
                                <td>Nhiệt tình, gần gũi với trẻ</td>
                            </tr>
                            <tr>
                                <td><strong>Gia sư giáo viên tiểu học</strong></td>
                                <td class="price-highlight">180.000 – 300.000 VNĐ</td>
                                <td>90-120 phút/buổi</td>
                                <td>Kinh nghiệm, chuyên môn cao</td>
                            </tr>
                            <tr>
                                <td><strong>Gia sư nhiều kinh nghiệm</strong></td>
                                <td class="price-highlight">300.000 VNĐ trở lên</td>
                                <td>90-120 phút/buổi</td>
                                <td>Luyện chắc nền tảng, phương pháp đặc biệt</td>
                            </tr>
                        </tbody>
                    </table>
                    
                    <div class="highlight-box">
                        <p><strong><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4cc.png" alt="📌" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Thông tin thêm:</strong> Thời lượng phổ biến: 90 phút/buổi, học 2–3 buổi/tuần. Nhiều trung tâm có gói học phí theo tháng giúp tiết kiệm chi phí.</p>
                    </div>
                    
                    <h2 id="when">Khi Nào Phụ Huynh Nên Tìm Gia Sư Lớp 1?</h2>
                    
                    <p>Phụ huynh nên <strong>tìm gia sư lớp 1</strong> sớm nếu:</p>
                    
                    <ul>
                        <li><strong>Bé chậm đọc, chậm viết</strong> so với bạn cùng lớp</li>
                        <li><strong>Bé khó tập trung, nhanh chán học</strong></li>
                        <li><strong>Phụ huynh không có thời gian kèm con</strong></li>
                        <li><strong>Muốn con học chắc nền tảng ngay từ đầu</strong></li>
                        <li>Bé có dấu hiệu sợ học, không thích đến trường</li>
                        <li>Bé cần được rèn nền nếp học tập từ sớm</li>
                    </ul>
                    
                    <h2 id="experience">Kinh Nghiệm Tìm Gia Sư Lớp 1 Uy Tín</h2>
                    
                    <h3>Ưu tiên gia sư có kinh nghiệm dạy lớp 1</h3>
                    
                    <p><strong>Gia sư lớp 1</strong> cần:</p>
                    
                    <ul>
                        <li>Kiên nhẫn, nhẹ nhàng với trẻ nhỏ</li>
                        <li>Hiểu tâm lý trẻ lớp 1</li>
                        <li>Biết cách tạo động lực và hứng thú học tập</li>
                        <li>Có phương pháp dạy phù hợp với độ tuổi</li>
                    </ul>
                    
                    <h3>Chọn gia sư dạy kèm tại nhà 1 kèm 1</h3>
                    
                    <p>Hình thức này giúp:</p>
                    
                    <ul>
                        <li>Bé tiến bộ rõ rệt sau thời gian ngắn</li>
                        <li>Dễ theo dõi kết quả học tập của bé</li>
                        <li>Phụ huynh yên tâm hơn về chất lượng dạy</li>
                        <li>Linh hoạt về thời gian học tập</li>
                    </ul>
                    
                    <h3>Tìm gia sư qua trung tâm uy tín</h3>
                    
                    <p>Thông qua <strong>trung tâm gia sư lớp 1</strong>, phụ huynh sẽ:</p>
                    
                    <ul>
                        <li>Được tư vấn gia sư phù hợp với năng lực bé</li>
                        <li>Có lộ trình học rõ ràng cho từng giai đoạn</li>
                        <li>Được hỗ trợ đổi gia sư nếu không phù hợp</li>
                        <li>Minh bạch học phí, không phát sinh chi phí</li>
                    </ul>
                    
                    <h2 id="where">Tìm Gia Sư Lớp 1 Ở Đâu Uy Tín?</h2>
                    
                    <p>Hiện nay, nhiều phụ huynh lựa chọn <strong>trung tâm GIA SƯ NEXTCV dạy kèm tại nhà</strong> để <strong>tìm gia sư lớp 1</strong> vì:</p>
                    
                    <ul>
                        <li>Gia sư được tuyển chọn kỹ, có hồ sơ rõ ràng</li>
                        <li>Có cả giáo viên và sinh viên sư phạm chất lượng</li>
                        <li>Dạy đúng chương trình Bộ GD&#038;ĐT</li>
                        <li>Theo sát tiến độ học tập của bé</li>
                        <li>Cam kết chất lượng và hỗ trợ đổi gia sư</li>
                    </ul>
                    
                    <div class="highlight-box">
                        <p><strong>Lời khuyên:</strong> Nên chọn trung tâm có uy tín, được nhiều phụ huynh đánh giá tốt và có chính sách rõ ràng về học phí, chất lượng giảng dạy.</p>
                    </div>
                    
                    <h2 id="conclusion">Kết Luận</h2>
                    
                    <p><strong>Tìm gia sư lớp 1</strong> là giải pháp hiệu quả giúp bé:</p>
                    
                    <ul>
                        <li><strong>Vững kiến thức nền tảng Toán – Tiếng Việt</strong></li>
                        <li><strong>Tự tin khi bước vào môi trường tiểu học</strong></li>
                        <li><strong>Hình thành thói quen học tập tốt ngay từ đầu</strong></li>
                        <li>Phát triển tư duy logic và khả năng tập trung</li>
                        <li>Yêu thích việc học, không cảm thấy áp lực</li>
                    </ul>
                    
                    <p>Đầu tư <strong>gia sư lớp 1</strong> chính là đầu tư cho tương lai học tập lâu dài của con. Một nền tảng vững chắc ở lớp 1 sẽ giúp bé tự tin và thành công trong những năm học tiếp theo.</p>
                    
                    <div class="read-more-section" id="related">
                        <h3 class="read-more-title"><i class="fas fa-book-open"></i> Bài Viết Liên Quan</h3>
                        <ul class="read-more-list">
                            <li>
                                <a href="https://timgiasu.vn/tim-gia-su-lop-3-tai-nha-day-kem-1-kem-1-hieu-qua/" target="_blank">
                                    <i class="fas fa-arrow-right"></i>
                                    <span>Tìm Gia Sư Lớp 3 Tại Nhà &#8211; Dạy Kèm 1 Kèm 1 Hiệu Quả</span>
                                </a>
                            </li>
                            <li>
                                <a href="https://timgiasu.vn/gia-su-lop-3-loi-ich-va-kinh-nghiem-thue/" target="_blank">
                                    <i class="fas fa-arrow-right"></i>
                                    <span>Gia Sư Lớp 3 &#8211; Lợi Ích Và Kinh Nghiệm Thuê Gia Sư Hiệu Quả</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                    
                    <a href="tel:0347086798" class="cta-button">
                        <i class="fas fa-phone-alt"></i> Tìm Gia Sư Lớp 1 Ngay
                    </a>
                    
                </div>
                
                <!-- Phần đánh giá bài viết -->
                <div class="rating-section">
                    <h3 class="rating-title">Đánh Giá Bài Viết</h3>
                    
                    <div class="rating-stars" id="ratingStars">
                        <span class="star" data-value="1"><i class="far fa-star"></i></span>
                        <span class="star" data-value="2"><i class="far fa-star"></i></span>
                        <span class="star" data-value="3"><i class="far fa-star"></i></span>
                        <span class="star" data-value="4"><i class="far fa-star"></i></span>
                        <span class="star" data-value="5"><i class="far fa-star"></i></span>
                    </div>
                    
                    <div class="rating-count">
                        <span><i class="fas fa-users"></i> 1,850 người đã đánh giá</span>
                        <span><i class="fas fa-star"></i> Điểm trung bình: 4.8/5</span>
                    </div>
                    
                    <div class="rating-form">
                        <h4>Viết đánh giá của bạn</h4>
                        <form id="reviewForm">
                            <div class="form-group">
                                <label for="userName">Tên của bạn:</label>
                                <input type="text" id="userName" required placeholder="Nhập tên của bạn">
                            </div>
                            <div class="form-group">
                                <label for="userEmail">Email (không bắt buộc):</label>
                                <input type="email" id="userEmail" placeholder="Nhập email của bạn">
                            </div>
                            <div class="form-group">
                                <label for="userReview">Đánh giá của bạn:</label>
                                <textarea id="userReview" required placeholder="Chia sẻ suy nghĩ của bạn về bài viết này..."></textarea>
                            </div>
                            <button type="submit" class="submit-rating">Gửi Đánh Giá</button>
                        </form>
                    </div>
                    
                    <div class="reviews-list" id="faq">
                        <h4>Hỏi Đáp Phụ Huynh</h4>
                        
                        <div class="review-item">
                            <div class="review-header">
                                <span class="review-author">Đỗ Lê Khánh Như</span>
                                <span class="review-date">17/01/2025</span>
                            </div>
                            <div class="review-stars">
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                            </div>
                            <p class="review-content">Bài viết rất hữu ích! Tôi đang định tìm gia sư cho con năm nay vào lớp 1. Bài viết cung cấp đầy đủ thông tin về học phí và kinh nghiệm chọn gia sư. Cảm ơn tác giả!</p>
                        </div>
                        
                        <div class="review-item">
                            <div class="review-header">
                                <span class="review-author">Phạm Thúy Hà</span>
                                <span class="review-date">16/1/2025</span>
                            </div>
                            <div class="review-stars">
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="far fa-star"></i>
                            </div>
                            <p class="review-content">Thông tin học phí rất chi tiết. Tôi muốn hỏi thêm về sự khác biệt giữa gia sư sinh viên sư phạm và giáo viên tiểu học cho lớp 1. Nên chọn loại nào cho bé mới vào lớp 1?</p>
                        </div>
                        
                        <div class="review-item">
                            <div class="review-header">
                                <span class="review-author">Đức Minh</span>
                                <span class="review-date">16/1/2025</span>
                            </div>
                            <div class="review-stars">
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star-half-alt"></i>
                            </div>
                            <p class="review-content">Con tôi đang học lớp 1, bé chậm đọc hơn các bạn. Sau khi đọc bài viết, tôi quyết định tìm gia sư cho con. Thông tin về khi nào nên tìm gia sư rất đúng với tình hình của gia đình tôi.</p>
                        </div>
                    </div>
                </div>
            </article>
        </main>
    </div>

    <script>
        // JavaScript cho menu mobile
        const menuToggle = document.getElementById('menuToggle');
        const mobileMenu = document.getElementById('mobileMenu');
        const closeMenu = document.getElementById('closeMenu');
        
        menuToggle.addEventListener('click', () => {
            mobileMenu.style.display = 'block';
            document.body.style.overflow = 'hidden';
        });
        
        closeMenu.addEventListener('click', () => {
            mobileMenu.style.display = 'none';
            document.body.style.overflow = 'auto';
        });
        
        // Đóng menu khi click bên ngoài
        mobileMenu.addEventListener('click', (e) => {
            if (e.target === mobileMenu) {
                mobileMenu.style.display = 'none';
                document.body.style.overflow = 'auto';
            }
        });
        
        // Xử lý click menu item
        const desktopMenuLinks = document.querySelectorAll('#desktopMenuList a');
        const mobileMenuLinks = document.querySelectorAll('#mobileMenuList a');
        
        // Hàm xử lý click menu item
        function handleMenuItemClick(e, isMobile = false) {
            e.preventDefault();
            
            const targetId = this.getAttribute('href');
            const targetElement = document.querySelector(targetId);
            
            if (targetElement) {
                // Cuộn đến phần tử mục tiêu
                window.scrollTo({
                    top: targetElement.offsetTop - 20,
                    behavior: 'smooth'
                });
                
                // Cập nhật active menu
                if (isMobile) {
                    mobileMenuLinks.forEach(link => link.classList.remove('active'));
                    desktopMenuLinks.forEach(link => link.classList.remove('active'));
                    mobileMenu.style.display = 'none';
                    document.body.style.overflow = 'auto';
                } else {
                    desktopMenuLinks.forEach(link => link.classList.remove('active'));
                    mobileMenuLinks.forEach(link => link.classList.remove('active'));
                }
                
                this.classList.add('active');
            }
        }
        
        // Gắn sự kiện cho menu desktop
        desktopMenuLinks.forEach(link => {
            link.addEventListener('click', handleMenuItemClick);
        });
        
        // Gắn sự kiện cho menu mobile
        mobileMenuLinks.forEach(link => {
            link.addEventListener('click', (e) => handleMenuItemClick.call(link, e, true));
        });
        
        // JavaScript cho đánh giá sao
        const stars = document.querySelectorAll('.star');
        let selectedRating = 0;
        
        stars.forEach(star => {
            star.addEventListener('click', () => {
                const value = parseInt(star.getAttribute('data-value'));
                selectedRating = value;
                
                // Cập nhật hiển thị sao
                stars.forEach((s, index) => {
                    if (index < value) {
                        s.innerHTML = '<i class="fas fa-star"></i>';
                        s.classList.add('active');
                    } else {
                        s.innerHTML = '<i class="far fa-star"></i>';
                        s.classList.remove('active');
                    }
                });
            });
            
            // Hiệu ứng hover
            star.addEventListener('mouseover', () => {
                const value = parseInt(star.getAttribute('data-value'));
                
                stars.forEach((s, index) => {
                    if (index < value) {
                        s.innerHTML = '<i class="fas fa-star"></i>';
                        s.style.color = '#ffcc00';
                    }
                });
            });
            
            star.addEventListener('mouseout', () => {
                stars.forEach((s, index) => {
                    if (index >= selectedRating) {
                        s.innerHTML = '<i class="far fa-star"></i>';
                        s.style.color = '';
                    }
                });
            });
        });
        
        // Xử lý form đánh giá
        const reviewForm = document.getElementById('reviewForm');
        
        reviewForm.addEventListener('submit', (e) => {
            e.preventDefault();
            
            const userName = document.getElementById('userName').value;
            const userReview = document.getElementById('userReview').value;
            
            if (selectedRating === 0) {
                alert('Vui lòng chọn số sao đánh giá!');
                return;
            }
            
            if (!userName || !userReview) {
                alert('Vui lòng điền đầy đủ thông tin!');
                return;
            }
            
            // Hiển thị thông báo thành công
            alert('Cảm ơn bạn đã đánh giá bài viết! Đánh giá của bạn sẽ được kiểm duyệt trước khi hiển thị.');
            
            // Reset form
            reviewForm.reset();
            
            // Reset sao
            stars.forEach(star => {
                star.innerHTML = '<i class="far fa-star"></i>';
                star.classList.remove('active');
            });
            selectedRating = 0;
        });
        
        // Responsive: đóng menu khi resize về desktop
        window.addEventListener('resize', () => {
            if (window.innerWidth > 992) {
                mobileMenu.style.display = 'none';
                document.body.style.overflow = 'auto';
            }
        });
        
        // Xử lý click nút CTA
        document.querySelector('.cta-button').addEventListener('click', () => {
            alert('Cảm ơn bạn đã quan tâm! Chuyên viên tư vấn sẽ liên hệ với bạn trong thời gian sớm nhất để tìm gia sư lớp 1 phù hợp cho bé.');
            // Trong thực tế, bạn có thể chuyển hướng đến trang tư vấn
            // window.location.href = 'https://timgiasu.vn/lien-he/';
        });
        
        // Thêm hiệu ứng cho các link nội bộ
        document.querySelectorAll('.internal-link').forEach(link => {
            link.addEventListener('click', function(e) {
                // Mở link trong tab mới
                e.preventDefault();
                window.open(this.href, '_blank');
            });
        });
        
        // Thêm hiệu ứng cho các link trong phần bài viết liên quan
        document.querySelectorAll('.read-more-list a').forEach(link => {
            link.addEventListener('click', function(e) {
                // Mở link trong tab mới
                e.preventDefault();
                window.open(this.href, '_blank');
            });
        });
    </script>
</body>
</html>



<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        /* Widget container - ĐẶT CỐ ĐỊNH CAO HƠN 70px (50px + 20px) */
        .widget-container {
            position: fixed;
            bottom: 90px; /* 20px + 50px + 20px = cao hơn 70px */
            left: 20px;
            z-index: 9999;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
        }
        
        /* Nút chính - Đồng hồ */
        .clock-btn {
            width: 50px;
            height: 50px;
            border-radius: 25px;
            border: none;
            background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
            color: white;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3);
            transition: all 0.3s ease;
            font-size: 20px;
            position: relative;
        }
        
        .clock-btn:hover:not(.disabled):not(.submitted):not(.completed) {
            transform: scale(1.08);
            box-shadow: 0 6px 20px rgba(139, 92, 246, 0.4);
        }
        
        /* Trạng thái disabled (chưa hết giờ) */
        .clock-btn.disabled {
            background: linear-gradient(135deg, #9ca3af 0%, #6b7280 100%);
            cursor: not-allowed;
            opacity: 0.9;
        }
        
        /* Trạng thái đã hết giờ - chờ click */
        .clock-btn.completed {
            background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
            cursor: pointer;
        }
        
        /* Trạng thái đã submit - ẨN HOÀN TOÀN */
        .widget-container.hidden,
        .clock-btn.submitted {
            display: none !important;
            visibility: hidden !important;
        }
        
        /* Badge đếm ngược */
        .count-badge {
            position: absolute;
            top: -6px;
            right: -6px;
            background: #ef4444;
            color: white;
            font-size: 11px;
            font-weight: bold;
            min-width: 22px;
            height: 22px;
            border-radius: 11px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px solid white;
            font-family: 'Courier New', monospace;
            transition: all 0.3s ease;
        }
        
        /* Form popup - DỊCH SANG PHẢI 10px */
        .form-popup {
            position: absolute;
            bottom: 60px;
            left: 10px;
            width: 280px;
            background: white;
            border-radius: 12px;
            box-shadow: 0 8px 30px rgba(0,0,0,0.15);
            padding: 0;
            display: none;
            border: 1px solid #e5e7eb;
            overflow: hidden;
            opacity: 0;
            transform: translateY(10px);
            transition: opacity 0.3s ease, transform 0.3s ease;
        }
        
        .form-popup.show {
            display: block;
            opacity: 1;
            transform: translateY(0);
        }
        
        .form-popup.disabled-popup {
            display: none !important;
        }
        
        .form-header {
            background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
            color: white;
            padding: 16px 20px;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .form-title {
            font-weight: 600;
            font-size: 16px;
            flex: 1;
        }
        
        .close-btn {
            background: rgba(255,255,255,0.2);
            border: none;
            color: white;
            cursor: pointer;
            font-size: 18px;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: background 0.2s;
        }
        
        .close-btn:hover {
            background: rgba(255,255,255,0.3);
        }
        
        .form-body {
            padding: 20px;
        }
        
        .input-group {
            margin-bottom: 20px;
        }
        
        .input-label {
            display: block;
            color: #4b5563;
            font-size: 14px;
            margin-bottom: 8px;
            font-weight: 500;
        }
        
        .phone-input {
            width: 100%;
            padding: 12px 16px;
            border: 2px solid #e5e7eb;
            border-radius: 8px;
            font-size: 15px;
            box-sizing: border-box;
            transition: border-color 0.3s;
            text-align: center;
        }
        
        .phone-input:focus {
            outline: none;
            border-color: #8b5cf6;
        }
        
        .submit-btn {
            width: 100%;
            padding: 12px;
            background: #10b981;
            color: white;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            font-weight: 600;
            font-size: 15px;
            transition: background 0.3s;
        }
        
        .submit-btn:hover {
            background: #059669;
        }
        
        .submit-btn:disabled {
            background: #9ca3af;
            cursor: not-allowed;
        }
        
        .success-message {
            text-align: center;
            padding: 30px 20px;
            display: none;
        }
        
        .success-message.show {
            display: block;
        }
        
        .success-icon {
            color: #10b981;
            font-size: 40px;
            margin-bottom: 12px;
        }
        
        .success-text {
            color: #065f46;
            font-weight: 600;
            font-size: 16px;
        }
        
        .info-text {
            color: #6b7280;
            font-size: 13px;
            margin-top: 8px;
        }
        
        .error-message {
            color: #dc2626;
            font-size: 12px;
            margin-top: 5px;
            display: none;
        }
        
        /* Loading spinner */
        .spinner {
            display: inline-block;
            width: 16px;
            height: 16px;
            border: 2px solid rgba(255,255,255,0.3);
            border-radius: 50%;
            border-top-color: white;
            animation: spin 0.8s linear infinite;
        }
        
        @keyframes spin {
            to { transform: rotate(360deg); }
        }
        
        /* Thông báo chưa hết giờ */
        .timeout-message {
            position: absolute;
            bottom: 60px;
            left: 10px;
            background: rgba(0, 0, 0, 0.85);
            color: white;
            padding: 12px 16px;
            border-radius: 8px;
            font-size: 13px;
            display: none;
            white-space: nowrap;
            backdrop-filter: blur(4px);
            z-index: 10000;
            width: 220px;
            text-align: center;
        }
        
        .timeout-message.show {
            display: block;
            animation: fadeIn 0.2s ease;
        }
        
        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        /* Responsive cho mobile */
        @media (max-width: 768px) {
            .widget-container {
                left: 15px;
                bottom: 95px; /* Thêm 10px nữa: 85px + 10px = 95px */
            }
            
            .form-popup {
                width: 260px;
                left: 5px;
            }
            
            .timeout-message {
                width: 200px;
                font-size: 12px;
                left: 5px;
            }
        }
        
        @media (max-width: 480px) {
            .widget-container {
                left: 10px;
                bottom: 90px; /* Thêm 10px nữa: 80px + 10px = 90px */
            }
            
            .form-popup {
                width: 240px;
                left: 0;
            }
            
            .timeout-message {
                width: 180px;
                left: 0;
            }
        }
    </style>
</head>
<body>

    <!-- Widget - BÊN TRÁI -->
    <div class="widget-container" id="widgetContainer">
        <!-- Thông báo chưa hết giờ -->
        <div id="timeoutMessage" class="timeout-message">
            <i class="fas fa-hourglass-half" style="margin-right: 8px;"></i>
            Vui lòng đợi <span id="timeLeftText">180</span> giây nữa
        </div>
        
        <!-- Form popup -->
        <div id="formPopup" class="form-popup">
            <div class="form-header">
                <div class="form-title">
                    <i class="fas fa-clock"></i> Nhập thông tin
                </div>
                <button class="close-btn" id="closeForm">
                    <i class="fas fa-times"></i>
                </button>
            </div>
            
            <div class="form-body">
                <div id="formContent">
                    <div class="input-group">
                        <label class="input-label">Số điện thoại của bạn</label>
                        <input type="tel" 
                               id="phoneInput" 
                               class="phone-input" 
                               placeholder="Nhập Số Điện Thoại"
                               maxlength="11"
                               inputmode="numeric">
                        <div id="phoneError" class="error-message">
                            Vui lòng nhập số điện thoại hợp lệ
                        </div>
                    </div>
                    
                    <button id="submitBtn" class="submit-btn">
                        <span id="btnText">
                            <i class="fas fa-paper-plane"></i> Gửi thông tin
                        </span>
                    </button>
                    
                </div>
                
                <div id="successMessage" class="success-message">
                    <div class="success-icon">
                        <i class="fas fa-check-circle"></i>
                    </div>
                    <div class="success-text">Đã gửi thành công</div>
                    <p class="info-text">
                        Bạn đã tích được 1 điểm quy đổi
                    </p>
                </div>

                <div id="errorMessage" class="success-message" style="display: none; color: #dc2626;">
                    <div class="success-icon">
                        <i class="fas fa-exclamation-circle"></i>
                    </div>
                    <div class="success-text">Gửi thất bại</div>
                    <p class="info-text">
                        Vui lòng thử lại sau
                    </p>
                </div>
            </div>
        </div>
        
        <!-- Nút chính - Đồng hồ -->
        <button id="clockBtn" class="clock-btn disabled" title="Đang đếm ngược...">
            <i class="fas fa-clock"></i>
            <div id="countBadge" class="count-badge">180</div>
        </button>
    </div>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            // Elements
            const widgetContainer = document.getElementById('widgetContainer');
            const clockBtn = document.getElementById('clockBtn');
            const countBadge = document.getElementById('countBadge');
            const timeoutMessage = document.getElementById('timeoutMessage');
            const timeLeftText = document.getElementById('timeLeftText');
            const formPopup = document.getElementById('formPopup');
            const closeForm = document.getElementById('closeForm');
            const phoneInput = document.getElementById('phoneInput');
            const phoneError = document.getElementById('phoneError');
            const submitBtn = document.getElementById('submitBtn');
            const btnText = document.getElementById('btnText');
            const successMessage = document.getElementById('successMessage');
            const errorMessage = document.getElementById('errorMessage');
            const formContent = document.getElementById('formContent');
            
            // CẤU HÌNH QUAN TRỌNG: THAY ĐỔI URL NÀY THÀNH URL WEB APP CỦA BẠN
            const GOOGLE_SCRIPT_URL = 'https://script.google.com/macros/s/AKfycbww0gAY6jiaNAYXEIpVl24Hn169YTCaY7zvKRZbpfqyFNDROxrswVR5qLgZF5bWROWF/exec';
            
            // Variables
            let countdownTimer;
            let timeLeft = 180; // 180 giây = 2 phút
            let isFormShown = false;
            let isSubmitted = false;
            let isTimeout = false;
            let tooltipTimeout;
            
            // Khởi động đếm ngược
            function initCountdown() {
                console.log('&#x23f0; Bắt đầu đếm 180 giây (3 phút)...');
                console.log('&#x1f4cc; Desktop: Nút cao hơn 70px từ cạnh dưới');
                console.log('&#x1f4f1; Mobile: Nút cao hơn 80px từ cạnh dưới (+10px thêm)');
                startCountdown();
            }
            
            // Bắt đầu đếm ngược
            function startCountdown() {
                updateBadge();
                
                countdownTimer = setInterval(() => {
                    timeLeft--;
                    updateBadge();
                    
                    if (timeLeft <= 0) {
                        endCountdown();
                    }
                }, 1000);
            }
            
            // Cập nhật badge
            function updateBadge() {
                countBadge.textContent = timeLeft;
                timeLeftText.textContent = timeLeft;
                
                // Đổi màu khi sắp hết giờ
                if (timeLeft <= 30) {
                    countBadge.style.background = timeLeft <= 10 ? '#dc2626' : '#f59e0b';
                } else {
                    countBadge.style.background = '#ef4444';
                }
                
                // Hiển thị thời gian dạng phút:giây khi còn dưới 60 giây
                if (timeLeft < 60) {
                    countBadge.textContent = timeLeft;
                }
            }
            
            // Kết thúc đếm ngược
            function endCountdown() {
                clearInterval(countdownTimer);
                countBadge.textContent = '✓';
                countBadge.style.background = '#f59e0b';
                isTimeout = true;
                
                // Mở khóa nút
                clockBtn.classList.remove('disabled');
                clockBtn.classList.add('completed');
                clockBtn.title = 'Nhấn để mở form nhập thông tin';
                
                console.log('&#x2705; Đã hết 180 giây, nút đã sẵn sàng mở form');
            }
            
            // Hiển thị thông báo chưa hết giờ
            function showTimeoutMessage() {
                timeoutMessage.classList.add('show');
            }
            
            // Ẩn thông báo chưa hết giờ
            function hideTimeoutMessage() {
                timeoutMessage.classList.remove('show');
            }
            
            // Hover vào nút đồng hồ
            clockBtn.addEventListener('mouseenter', () => {
                clearTimeout(tooltipTimeout);
                
                if (isSubmitted) return;
                
                if (!isTimeout) {
                    showTimeoutMessage();
                }
            });
            
            clockBtn.addEventListener('mouseleave', () => {
                tooltipTimeout = setTimeout(() => {
                    hideTimeoutMessage();
                }, 300);
            });
            
            // Click nút đồng hồ
            clockBtn.addEventListener('click', function() {
                if (isSubmitted) return;
                
                if (!isTimeout) {
                    // Tính thời gian còn lại để hiển thị
                    const minutes = Math.floor(timeLeft / 60);
                    const seconds = timeLeft % 60;
                    const timeDisplay = minutes > 0 ? 
                        `${minutes} phút ${seconds} giây` : 
                        `${seconds} giây`;
                    
                    timeLeftText.textContent = timeDisplay;
                    showTimeoutMessage();
                    setTimeout(() => hideTimeoutMessage(), 2000);
                    return;
                }
                
                if (!isFormShown) {
                    showForm();
                } else {
                    hideForm();
                }
            });
            
            // Hiện form
            function showForm() {
                isFormShown = true;
                formPopup.classList.add('show');
                hideTimeoutMessage();
                
                // Reset trạng thái form
                phoneError.style.display = 'none';
                phoneInput.style.borderColor = '#e5e7eb';
                
                setTimeout(() => phoneInput.focus(), 300);
            }
            
            // Ẩn form
            function hideForm() {
                formPopup.classList.remove('show');
                isFormShown = false;
            }
            
            // Đóng form bằng dấu X
            closeForm.addEventListener('click', function() {
                hideForm();
            });
            
            // Validate số điện thoại
            function validatePhone(phone) {
                const phoneRegex = /^(0[3|5|7|8|9])[0-9]{8}$/;
                return phoneRegex.test(phone);
            }
            
            // Hiển thị lỗi
            function showError(message) {
                phoneError.textContent = message;
                phoneError.style.display = 'block';
                phoneInput.style.borderColor = '#dc2626';
            }
            
            // Ẩn lỗi
            function hideError() {
                phoneError.style.display = 'none';
                phoneInput.style.borderColor = '#e5e7eb';
            }
            
            // Xử lý submit
            submitBtn.addEventListener('click', submitPhone);
            phoneInput.addEventListener('keypress', (e) => {
                if (e.key === 'Enter') submitPhone();
            });
            
            // Xử lý khi người dùng nhập
            phoneInput.addEventListener('input', () => {
                hideError();
            });
            
            async function submitPhone() {
                const phone = phoneInput.value.trim();
                
                // Validate
                if (!phone) {
                    showError('Vui lòng nhập số điện thoại');
                    phoneInput.focus();
                    return;
                }
                
                if (!validatePhone(phone)) {
                    showError('Số điện thoại không hợp lệ (10-11 số, bắt đầu bằng 03/05/07/08/09)');
                    phoneInput.focus();
                    return;
                }
                
                // Chuyển sang trạng thái loading
                btnText.innerHTML = '<div class="spinner"></div> Đang gửi...';
                submitBtn.disabled = true;
                
                try {
                    console.log('&#x1f4e4; Đang gửi dữ liệu đến Google Sheets...');
                    console.log('Số điện thoại:', phone);
                    console.log('URL:', GOOGLE_SCRIPT_URL);
                    
                    // Gửi dữ liệu đến Google Apps Script
                    const response = await fetch(GOOGLE_SCRIPT_URL, {
                        method: 'POST',
                        mode: 'no-cors', // Quan trọng: tránh lỗi CORS với Google Apps Script
                        headers: {
                            'Content-Type': 'application/json',
                        },
                        body: JSON.stringify({
                            phoneNumber: phone,
                            timestamp: new Date().toISOString(),
                            source: 'Website Widget'
                        })
                    });
                    
                    // Với mode 'no-cors', chúng ta không thể đọc response
                    // Nhưng dữ liệu vẫn được gửi thành công
                    console.log('&#x2705; Dữ liệu đã được gửi thành công');
                    
                    // Hiển thị thông báo thành công
                    showSuccess();
                    
                } catch (error) {
                    console.error('&#x274c; Lỗi khi gửi dữ liệu:', error);
                    showError();
                }
            }
            
            function showSuccess() {
                formContent.style.display = 'none';
                successMessage.classList.add('show');
                errorMessage.style.display = 'none';
                
                isSubmitted = true;
                
                setTimeout(() => {
                    hideForm();
                    formPopup.classList.add('disabled-popup');
                    widgetContainer.classList.add('hidden');
                    
                    console.log('&#x1f47b; Widget đã ẩn hoàn toàn');
                    
                    // Reset form sau khi ẩn
                    setTimeout(() => {
                        resetForm();
                    }, 300);
                    
                }, 2000);
            }
            
            function showError() {
                formContent.style.display = 'none';
                successMessage.style.display = 'none';
                errorMessage.style.display = 'block';
                
                // Hiển thị lại form sau 3 giây
                setTimeout(() => {
                    formContent.style.display = 'block';
                    errorMessage.style.display = 'none';
                    btnText.innerHTML = '<i class="fas fa-paper-plane"></i> Gửi thông tin';
                    submitBtn.disabled = false;
                }, 3000);
            }
            
            function resetForm() {
                formContent.style.display = 'block';
                successMessage.classList.remove('show');
                errorMessage.style.display = 'none';
                phoneInput.value = '';
                btnText.innerHTML = '<i class="fas fa-paper-plane"></i> Gửi thông tin';
                submitBtn.disabled = false;
                hideError();
            }
            
            // Đóng form khi click ra ngoài
            document.addEventListener('click', (e) => {
                if (formPopup.classList.contains('show') &&
                    !formPopup.contains(e.target) && 
                    !clockBtn.contains(e.target)) {
                    
                    hideForm();
                }
            });
            
            // Khởi động
            initCountdown();
        });
    </script>
</body>
</html>



<p></p>
<p>The post <a href="https://timgiasu.vn/tim-gia-su-lop-1-tai-nha-day-1-kem-1-hoc-phi-ro-rang/">Tìm Gia Sư Lớp 1 Tại Nhà – Dạy 1 Kèm 1, Học Phí Rõ Ràng</a> appeared first on <a href="https://timgiasu.vn">GIA SƯ NEXTCV </a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">3409</post-id>	</item>
		<item>
		<title>Tìm Gia Sư Lớp 3 Tại Nhà – Dạy Kèm 1 Kèm 1 Hiệu Quả</title>
		<link>https://timgiasu.vn/tim-gia-su-lop-3-tai-nha-day-kem-1-kem-1-hieu-qua/</link>
		
		<dc:creator><![CDATA[admin.tgs]]></dc:creator>
		<pubDate>Mon, 05 Jan 2026 08:00:46 +0000</pubDate>
				<category><![CDATA[Gia Sư Cấp 1]]></category>
		<category><![CDATA[Gia Sư Giỏi]]></category>
		<category><![CDATA[gia sư lớp 3]]></category>
		<category><![CDATA[gia sư tiếng anh lớp 3]]></category>
		<category><![CDATA[thuê gia sư lớp 3]]></category>
		<guid isPermaLink="false">https://timgiasu.vn/?p=3136</guid>

					<description><![CDATA[<p>Tìm Gia Sư Lớp 3 Tại Nhà &#8211; Bài Viết Blog Danh Mục Bài Viết Tổng Quan Dịch Vụ Vì Sao Chọn Gia Sư? Bảng Học Phí Khi Nào Nên Tìm Gia Sư? Gia Sư Toán Lớp 3 Tiêu Chí Lựa Chọn Đăng Ký Tìm Gia Sư Phương Pháp Học Tài Liệu Học Tập Hỏi [&#8230;]</p>
<p>The post <a href="https://timgiasu.vn/tim-gia-su-lop-3-tai-nha-day-kem-1-kem-1-hieu-qua/">Tìm Gia Sư Lớp 3 Tại Nhà – Dạy Kèm 1 Kèm 1 Hiệu Quả</a> appeared first on <a href="https://timgiasu.vn">GIA SƯ NEXTCV </a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tìm Gia Sư Lớp 3 Tại Nhà &#8211; Bài Viết Blog</title>
    <style>
        /* Reset và thiết lập chung */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        
        body {
            background-color: #f8f9fa;
            color: #333;
            line-height: 1.6;
            padding: 20px;
            min-height: 100vh;
        }
        
        .container {
            max-width: 1100px;
            margin: 0 auto;
            display: flex;
            gap: 30px;
        }
        
        /* Menu cho máy tính */
        .desktop-menu {
            flex: 0 0 250px;
            background-color: white;
            border-radius: 10px;
            padding: 25px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
            height: fit-content;
            position: sticky;
            top: 20px;
        }
        
        .desktop-menu h3 {
            color: #2c4d80;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid #ffcc00;
            font-size: 18px;
        }
        
        .desktop-menu ul {
            list-style: none;
        }
        
        .desktop-menu li {
            margin-bottom: 12px;
        }
        
        .desktop-menu a {
            display: block;
            color: #444;
            text-decoration: none;
            padding: 10px 12px;
            border-radius: 6px;
            transition: all 0.3s ease;
            font-weight: 500;
        }
        
        .desktop-menu a:hover, .desktop-menu a.active {
            background-color: #f0f7ff;
            color: #2c4d80;
            transform: translateX(3px);
        }
        
        /* Menu cho điện thoại - Nút bên trái */
        .mobile-menu-toggle {
            display: none;
            position: fixed;
            bottom: 20px;
            left: 20px;
            background-color: #2c4d80;
            color: white;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            z-index: 1001;
            border: none;
            font-size: 24px;
            cursor: pointer;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
        }
        
        .mobile-menu {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.9);
            z-index: 1000;
            padding: 80px 20px 40px;
            overflow-y: auto;
        }
        
        .mobile-menu-content {
            background-color: white;
            border-radius: 10px;
            padding: 25px;
            max-width: 500px;
            margin: 0 auto;
        }
        
        .mobile-menu-content h3 {
            color: #2c4d80;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid #ffcc00;
            font-size: 20px;
        }
        
        .mobile-menu-content ul {
            list-style: none;
        }
        
        .mobile-menu-content li {
            margin-bottom: 12px;
        }
        
        .mobile-menu-content a {
            display: block;
            color: #444;
            text-decoration: none;
            padding: 12px 15px;
            border-radius: 6px;
            transition: all 0.3s ease;
            font-weight: 500;
            font-size: 16px;
        }
        
        .mobile-menu-content a:hover, .mobile-menu-content a.active {
            background-color: #f0f7ff;
            color: #2c4d80;
        }
        
        .close-menu {
            position: absolute;
            top: 20px;
            right: 20px;
            background: none;
            border: none;
            color: white;
            font-size: 30px;
            cursor: pointer;
        }
        
        /* Nội dung bài viết */
        .blog-content {
            flex: 1;
            background-color: white;
            border-radius: 10px;
            padding: 40px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
        }
        
        .post-header {
            margin-bottom: 30px;
            border-bottom: 1px solid #eee;
            padding-bottom: 20px;
        }
        
        .post-category {
            display: inline-block;
            background-color: #ffcc00;
            color: #333;
            padding: 6px 18px;
            border-radius: 20px;
            font-weight: 600;
            font-size: 14px;
            margin-bottom: 15px;
        }
        
        .post-title {
            color: #2c4d80;
            font-size: 32px;
            margin-bottom: 15px;
            line-height: 1.3;
        }
        
        .post-meta {
            display: flex;
            flex-wrap: nowrap; /* Giữ các phần tử trên cùng một hàng */
            gap: 20px;
            color: #666;
            font-size: 15px;
            margin-top: 10px;
            align-items: center;
        }
        
        .post-meta i {
            color: #4a6fa5;
            margin-right: 6px;
        }
        
        .post-content h2 {
            color: #2c4d80;
            margin: 30px 0 18px;
            font-size: 24px;
            padding-bottom: 8px;
            border-bottom: 1px solid #eee;
        }
        
        .post-content h3 {
            color: #2c4d80;
            margin: 25px 0 15px;
            font-size: 20px;
        }
        
        .post-content p {
            margin-bottom: 20px;
            font-size: 16px;
            color: #444;
        }
        
        .post-content ul {
            margin: 20px 0 20px 30px;
        }
        
        .post-content li {
            margin-bottom: 10px;
            font-size: 16px;
            color: #444;
        }
        
        .highlight-box {
            background-color: #f0f7ff;
            border-left: 4px solid #4a6fa5;
            padding: 20px;
            margin: 25px 0;
            border-radius: 0 8px 8px 0;
        }
        
        /* Hình ảnh trong bài viết */
        .post-image {
            width: 100%;
            max-height: 400px;
            object-fit: cover;
            border-radius: 8px;
            margin: 25px 0;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }
        
        .image-caption {
            text-align: center;
            font-style: italic;
            color: #666;
            margin-top: -20px;
            margin-bottom: 25px;
            font-size: 14px;
        }
        
        .image-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
            margin: 25px 0;
        }
        
        .image-grid img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }
        
        .pricing-table {
            width: 100%;
            border-collapse: collapse;
            margin: 25px 0;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
        }
        
        .pricing-table th {
            background-color: #2c4d80;
            color: white;
            padding: 15px;
            text-align: left;
            font-weight: 600;
        }
        
        .pricing-table td {
            padding: 15px;
            border-bottom: 1px solid #eee;
        }
        
        .pricing-table tr:nth-child(even) {
            background-color: #f9f9f9;
        }
        
        .cta-button {
            display: inline-block;
            background: linear-gradient(to right, #4a6fa5, #2c4d80);
            color: white;
            padding: 14px 30px;
            border-radius: 5px;
            text-decoration: none;
            font-weight: 600;
            margin-top: 25px;
            transition: all 0.3s ease;
            border: none;
            cursor: pointer;
            font-size: 16px;
        }
        
        .cta-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 7px 15px rgba(44, 77, 128, 0.2);
        }
        
        /* Phần đánh giá bài viết */
        .rating-section {
            margin-top: 50px;
            padding-top: 30px;
            border-top: 1px solid #eee;
        }
        
        .rating-title {
            color: #2c4d80;
            font-size: 22px;
            margin-bottom: 20px;
        }
        
        .rating-stars {
            display: flex;
            gap: 10px;
            margin-bottom: 25px;
        }
        
        .star {
            font-size: 30px;
            color: #ddd;
            cursor: pointer;
            transition: color 0.3s;
        }
        
        .star:hover, .star.active {
            color: #ffcc00;
        }
        
        .rating-count {
            display: flex;
            gap: 20px;
            margin-bottom: 25px;
            color: #666;
            font-size: 15px;
        }
        
        .rating-form {
            background-color: #f9f9f9;
            padding: 25px;
            border-radius: 8px;
            margin-bottom: 25px;
        }
        
        .rating-form h4 {
            color: #2c4d80;
            margin-bottom: 15px;
        }
        
        .form-group {
            margin-bottom: 20px;
        }
        
        .form-group label {
            display: block;
            margin-bottom: 8px;
            font-weight: 500;
            color: #444;
        }
        
        .form-group input,
        .form-group textarea {
            width: 100%;
            padding: 12px 15px;
            border: 1px solid #ddd;
            border-radius: 5px;
            font-size: 16px;
        }
        
        .form-group textarea {
            height: 120px;
            resize: vertical;
        }
        
        .submit-rating {
            background: linear-gradient(to right, #4a6fa5, #2c4d80);
            color: white;
            padding: 12px 25px;
            border-radius: 5px;
            border: none;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .submit-rating:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 10px rgba(44, 77, 128, 0.2);
        }
        
        .reviews-list {
            margin-top: 30px;
        }
        
        .review-item {
            background-color: #f9f9f9;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 20px;
            border-left: 4px solid #4a6fa5;
        }
        
        .review-header {
            display: flex;
            justify-content: space-between;
            margin-bottom: 10px;
        }
        
        .review-author {
            font-weight: 600;
            color: #2c4d80;
        }
        
        .review-date {
            color: #666;
            font-size: 14px;
        }
        
        .review-stars {
            color: #ffcc00;
            margin-bottom: 10px;
        }
        
        .review-content {
            color: #444;
            line-height: 1.5;
        }
        
        /* Responsive - Mobile tối ưu */
        @media (max-width: 992px) {
            .desktop-menu {
                display: none;
            }
            
            .mobile-menu-toggle {
                display: flex;
                align-items: center;
                justify-content: center;
            }
            
            .container {
                flex-direction: column;
                padding: 0;
                margin: 0;
                width: 100%;
                gap: 0;
            }
            
            .blog-content {
                padding: 20px;
                margin: 0;
                border-radius: 0;
                box-shadow: none;
                width: 100%;
                max-width: 100%;
            }
            
            body {
                padding: 0;
                background-color: white;
            }
            
            /* Mobile: Chữ sát mép điện thoại */
            .post-content p,
            .post-content h2,
            .post-content h3,
            .post-content ul,
            .post-content li,
            .post-content .highlight-box,
            .post-content .pricing-table {
                padding-left: 0;
                padding-right: 0;
                margin-left: 0;
                margin-right: 0;
                width: 100%;
            }
            
            .post-content ul {
                margin-left: 20px;
            }
            
            .highlight-box {
                border-radius: 0;
                padding: 15px;
            }
            
            .rating-form {
                padding: 15px;
            }
            
            .review-item {
                padding: 15px;
            }
            
            /* Mobile: Meta trên 1 hàng */
            .post-meta {
                flex-wrap: nowrap;
                overflow-x: auto;
                gap: 15px;
                padding-bottom: 5px;
                white-space: nowrap;
                -webkit-overflow-scrolling: touch;
            }
            
            .post-meta::-webkit-scrollbar {
                display: none; /* Ẩn thanh scrollbar trên mobile */
            }
            
            .post-meta span {
                display: inline-flex;
                align-items: center;
                flex-shrink: 0;
            }
            
            .image-grid {
                grid-template-columns: 1fr;
            }
        }
        
        @media (max-width: 768px) {
            .post-title {
                font-size: 26px;
            }
            
            .pricing-table {
                font-size: 14px;
            }
            
            .pricing-table th, 
            .pricing-table td {
                padding: 10px;
            }
            
            .rating-form {
                padding: 15px;
            }
            
            /* Mobile: Chữ sát mép hơn */
            .blog-content {
                padding: 15px;
            }
            
            .post-content h2,
            .post-content h3 {
                padding-left: 0;
                margin-left: 0;
            }
            
            .post-meta {
                gap: 10px;
                font-size: 14px;
            }
        }
        
        @media (max-width: 480px) {
            .blog-content {
                padding: 15px 10px;
            }
            
            .post-title {
                font-size: 22px;
            }
            
            .pricing-table {
                display: block;
                overflow-x: auto;
            }
            
            .star {
                font-size: 24px;
            }
            
            .mobile-menu-content {
                padding: 20px 15px;
            }
            
            .rating-stars {
                gap: 5px;
            }
            
            /* Mobile: Chữ sát mép tối đa */
            .post-content p {
                text-align: justify;
                hyphens: auto;
            }
            
            .post-content h2,
            .post-content h3 {
                font-size: 20px;
                line-height: 1.4;
            }
            
            .post-content ul {
                margin-left: 15px;
            }
            
            .post-content li {
                margin-bottom: 8px;
            }
            
            .highlight-box {
                padding: 12px;
                margin: 20px 0;
            }
            
            /* Mobile: Meta hiển thị trên 1 hàng không xuống dòng */
            .post-meta {
                font-size: 13px;
            }
            
            .post-meta i {
                font-size: 12px;
            }
        }
        
        @media (max-width: 360px) {
            .blog-content {
                padding: 12px 8px;
            }
            
            .post-title {
                font-size: 20px;
            }
            
            .post-content h2 {
                font-size: 18px;
            }
            
            .post-content h3 {
                font-size: 16px;
            }
            
            .post-content p {
                font-size: 15px;
            }
            
            .post-meta {
                font-size: 12px;
                gap: 8px;
            }
        }
    </style>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body>
    <!-- Nút mở menu mobile - Bên trái -->
    <button class="mobile-menu-toggle" id="menuToggle">
        <i class="fas fa-bars"></i>
    </button>
    
    <!-- Menu mobile -->
    <div class="mobile-menu" id="mobileMenu">
        <button class="close-menu" id="closeMenu">
            <i class="fas fa-times"></i>
        </button>
        <div class="mobile-menu-content">
            <h3><i class="fas fa-bars"></i> Danh Mục Bài Viết</h3>
            <ul id="mobileMenuList">
                <li><a href="#overview" class="active"><i class="fas fa-star"></i> Tổng Quan Dịch Vụ</a></li>
                <li><a href="#why-choose"><i class="fas fa-question-circle"></i> Vì Sao Chọn Gia Sư?</a></li>
                <li><a href="#pricing"><i class="fas fa-table"></i> Bảng Học Phí</a></li>
                <li><a href="#when"><i class="fas fa-clock"></i> Khi Nào Nên Tìm Gia Sư?</a></li>
                <li><a href="#math"><i class="fas fa-calculator"></i> Gia Sư Toán Lớp 3</a></li>
                <li><a href="#criteria"><i class="fas fa-check-circle"></i> Tiêu Chí Lựa Chọn</a></li>
                <li><a href="#register"><i class="fas fa-user-plus"></i> Đăng Ký Tìm Gia Sư</a></li>
                <li><a href="#method"><i class="fas fa-graduation-cap"></i> Phương Pháp Học</a></li>
                <li><a href="#materials"><i class="fas fa-book"></i> Tài Liệu Học Tập</a></li>
                <li><a href="#faq"><i class="fas fa-comments"></i> Hỏi Đáp Phụ Huynh</a></li>
            </ul>
        </div>
    </div>
    
    <div class="container">
        <!-- Menu desktop -->
        <aside class="desktop-menu">
            <h3><i class="fas fa-bars"></i> Danh Mục Bài Viết</h3>
            <ul id="desktopMenuList">
                <li><a href="#overview" class="active"><i class="fas fa-star"></i> Tổng Quan Dịch Vụ</a></li>
                <li><a href="#why-choose"><i class="fas fa-question-circle"></i> Vì Sao Chọn Gia Sư?</a></li>
                <li><a href="#pricing"><i class="fas fa-table"></i> Bảng Học Phí</a></li>
                <li><a href="#when"><i class="fas fa-clock"></i> Khi Nào Nên Tìm Gia Sư?</a></li>
                <li><a href="#math"><i class="fas fa-calculator"></i> Gia Sư Toán Lớp 3</a></li>
                <li><a href="#criteria"><i class="fas fa-check-circle"></i> Tiêu Chí Lựa Chọn</a></li>
                <li><a href="#register"><i class="fas fa-user-plus"></i> Đăng Ký Tìm Gia Sư</a></li>
                <li><a href="#method"><i class="fas fa-graduation-cap"></i> Phương Pháp Học</a></li>
                <li><a href="#materials"><i class="fas fa-book"></i> Tài Liệu Học Tập</a></li>
                <li><a href="#faq"><i class="fas fa-comments"></i> Hỏi Đáp Phụ Huynh</a></li>
            </ul>
        </aside>
        
        <!-- Nội dung bài viết -->
        <main class="blog-content">
            <article class="blog-post">
                <div class="post-header">
                    <span class="post-category">Dịch Vụ Gia Sư</span>
                    <h1 class="post-title">Tìm Gia Sư Lớp 3 Tại Nhà – Giải Pháp Học Tập Hiệu Quả Cho Học Sinh Tiểu Học</h1>
                    <div class="post-meta">
                        <span><i class="far fa-calendar"></i> 5/01/2025</span>
                        <span><i class="far fa-user"></i> Admin</span>
                        <span><i class="far fa-eye"></i> 1,245 lượt xem</span>
                    </div>
                </div>
                
                <div class="post-content">
                    <p>Nhiều phụ huynh hiện nay có nhu cầu tìm gia sư lớp 3 khi con bước vào giai đoạn học tập quan trọng của bậc tiểu học. Ở lớp 3, chương trình học bắt đầu nâng cao rõ rệt, đặc biệt là môn Toán và Tiếng Việt. Nếu không được kèm cặp kịp thời, học sinh rất dễ mất căn bản và gặp khó khăn ở các lớp trên.</p>
                    
                    <img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/timgiasu.vn/wp-content/uploads/2026/01/QUANG-CAO-FACEBOOK-_6_.webp?ssl=1">
                    <p></p>
                    <p class="image-caption">Phụ huynh trao đổi với gia sư</p>
                    
                    <p>Việc cho học sinh học gia sư tại nhà giúp con được hướng dẫn sát sao, hiểu bài ngay từ đầu và hình thành phương pháp học tập đúng đắn.</p>
                    
                    <h2 id="overview">Tổng Quan Dịch Vụ Gia Sư Dành Cho Học Sinh Lớp 3</h2>
                    
                    <p>Dịch vụ gia sư lớp 3 tại nhà được tổ chức theo hình thức dạy kèm 1 kèm 1. Gia sư sẽ đánh giá năng lực ban đầu của học sinh, từ đó xây dựng lộ trình học phù hợp với từng bé. Phụ huynh có thể theo dõi trực tiếp quá trình học và sự tiến bộ của con sau mỗi buổi học.</p>
                    
                    <div class="highlight-box">
                        <p><strong>Tham khảo chi tiết dịch vụ tại:</strong> <a href="https://timgiasu.vn/">https://timgiasu.vn/</a></p>
                    </div>
                    
                    <h2 id="why-choose">Vì Sao Nhiều Phụ Huynh Lựa Chọn Gia Sư Lớp 3 Tại Nhà?</h2>
                    
                    <h3>Học Theo Năng Lực Riêng Của Từng Học Sinh</h3>
                    
                    <p>Gia sư tập trung vào một học sinh nên dễ dàng phát hiện điểm yếu và điều chỉnh phương pháp giảng dạy phù hợp. Cách học này giúp học sinh tiếp thu nhanh và nhớ bài lâu hơn.</p>
                    
                    <h3>Củng Cố Toán Và Tiếng Việt Một Cách Bài Bản</h3>
                    
                    <p>Học sinh lớp 3 thường gặp khó khăn với phép nhân, phép chia, bài toán có lời văn, kỹ năng đọc hiểu và tập làm văn. Gia sư sẽ hỗ trợ học sinh nắm chắc kiến thức nền tảng và vận dụng đúng phương pháp khi làm bài.</p>
                    
                    <h3>Tiết Kiệm Thời Gian, Đảm Bảo An Toàn</h3>
                    
                    <p>Học tại nhà giúp phụ huynh không mất thời gian đưa đón, đồng thời tạo môi trường học tập quen thuộc, giúp học sinh thoải mái và tập trung hơn.</p>
                    
                    <h2 id="pricing">Bảng Học Phí Gia Sư Lớp 3 Tại Nhà</h2>
                    
                    <table class="pricing-table">
                        <thead>
                            <tr>
                                <th>Loại gia sư</th>
                                <th>Số buổi/tuần</th>
                                <th>Thời lượng</th>
                                <th>Học phí/tháng</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Sinh viên giỏi</td>
                                <td>2 buổi</td>
                                <td>90 phút</td>
                                <td>1.100.000 VNĐ</td>
                            </tr>
                            <tr>
                                <td>Sinh viên giỏi</td>
                                <td>3 buổi</td>
                                <td>90 phút</td>
                                <td>1.500.000 VNĐ</td>
                            </tr>
                            <tr>
                                <td>Giáo viên</td>
                                <td>2 buổi</td>
                                <td>90 phút</td>
                                <td>2.000.000 VNĐ</td>
                            </tr>
                            <tr>
                                <td>Giáo viên</td>
                                <td>3 buổi</td>
                                <td>90 phút</td>
                                <td>3.000.000 VNĐ</td>
                            </tr>
                        </tbody>
                    </table>
                    
                    <p>Học phí có thể thay đổi tùy khu vực, môn học và nhu cầu học tập cụ thể của từng gia đình.</p>
                    
                    <h2 id="when">Khi Nào Phụ Huynh Nên Tìm Gia Sư Cho Con?</h2>
                    
                    <p>Phụ huynh nên cân nhắc tìm gia sư nếu học sinh:</p>
                    
                    <ul>
                        <li>Chưa nắm vững kiến thức Toán hoặc Tiếng Việt</li>
                        <li>Điểm kiểm tra thường xuyên chưa đạt kỳ vọng</li>
                        <li>Thiếu tập trung, chưa có phương pháp học hiệu quả</li>
                        <li>Cần ôn tập cho các kỳ kiểm tra định kỳ hoặc cuối học kỳ</li>
                    </ul>
                    
                    <p>Việc hỗ trợ kịp thời sẽ giúp học sinh tiến bộ nhanh và học tập ổn định hơn.</p>
                    
                    <img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/timgiasu.vn/wp-content/uploads/2026/01/GIASULOP3-1.webp?ssl=1">
                    <p></p>
                    <p class="image-caption">Gia sư giảng dạy học sinh, học bài</p>
                    
                    <h2 id="math">Gia Sư Toán Lớp 3 – Môn Học Nền Tảng</h2>
                    
                    <p>Gia sư Toán lớp 3 tập trung rèn kỹ năng tính toán, tư duy logic và cách trình bày bài khoa học. Nội dung học bám sát chương trình sách giáo khoa, kết hợp bài tập phù hợp với khả năng từng học sinh nhằm giúp trẻ hiểu bài và tự tin hơn khi làm bài trên lớp.</p>
                    
                    <h2 id="criteria">Tiêu Chí Lựa Chọn Gia Sư Lớp 3 Uy Tín</h2>
                    
                    <p>Phụ huynh nên ưu tiên gia sư:</p>
                    
                    <ul>
                        <li>Có kinh nghiệm dạy học sinh tiểu học</li>
                        <li>Phương pháp giảng dạy nhẹ nhàng, dễ hiểu</li>
                        <li>Có lộ trình học rõ ràng và theo dõi tiến độ thường xuyên</li>
                    </ul>
                    
                    <p>Những yếu tố này giúp đảm bảo chất lượng giảng dạy và hiệu quả học tập lâu dài.</p>
                    
                    <h2 id="register">Đăng Ký Tìm Gia Sư Lớp 3 Ở Đâu?</h2>
                    
                    <p>Phụ huynh có thể đăng ký tìm gia sư lớp 3 trực tiếp tại biểu mẫu sau: <a href="https://timgiasu.vn/timgiasu/">https://timgiasu.vn/timgiasu/</a></p>
                    
                    <p>Sau khi tiếp nhận thông tin, trung tâm sẽ liên hệ tư vấn và sắp xếp gia sư phù hợp với nhu cầu học tập của học sinh.</p>
                    
                    <h2>Kết Luận</h2>
                    
                    <p>Việc tìm gia sư lớp 3 phù hợp ngay từ sớm giúp học sinh xây dựng nền tảng kiến thức vững chắc, cải thiện kết quả học tập và hình thành thói quen học tập tích cực. Lựa chọn gia sư uy tín và phương pháp học đúng sẽ mang lại hiệu quả bền vững cho quá trình học tập lâu dài của trẻ.</p>
                    
                    <button class="cta-button"><i class="fas fa-user-plus"></i> Đăng Ký Tìm Gia Sư Ngay</button>
                </div>
                
                <!-- Phần đánh giá bài viết -->
                <div class="rating-section">
                    <h3 class="rating-title">Đánh Giá Bài Viết</h3>
                    
                    <div class="rating-stars" id="ratingStars">
                        <span class="star" data-value="1"><i class="far fa-star"></i></span>
                        <span class="star" data-value="2"><i class="far fa-star"></i></span>
                        <span class="star" data-value="3"><i class="far fa-star"></i></span>
                        <span class="star" data-value="4"><i class="far fa-star"></i></span>
                        <span class="star" data-value="5"><i class="far fa-star"></i></span>
                    </div>
                    
                    <div class="rating-count">
                        <span><i class="fas fa-users"></i> 1000 người đã đánh giá</span>
                        <span><i class="fas fa-star"></i> Điểm trung bình: 4.5/5</span>
                    </div>
                    
                    <div class="rating-form">
                        <h4>Viết đánh giá của bạn</h4>
                        <form id="reviewForm">
                            <div class="form-group">
                                <label for="userName">Tên của bạn:</label>
                                <input type="text" id="userName" required placeholder="Nhập tên của bạn">
                            </div>
                            <div class="form-group">
                                <label for="userEmail">Email (không bắt buộc):</label>
                                <input type="email" id="userEmail" placeholder="Nhập email của bạn">
                            </div>
                            <div class="form-group">
                                <label for="userReview">Đánh giá của bạn:</label>
                                <textarea id="userReview" required placeholder="Chia sẻ suy nghĩ của bạn về bài viết này..."></textarea>
                            </div>
                            <button type="submit" class="submit-rating">Gửi Đánh Giá</button>
                        </form>
                    </div>
                    
                    <div class="reviews-list">
                        <h4>Đánh giá từ độc giả</h4>
                        
                        <div class="review-item">
                            <div class="review-header">
                                <span class="review-author">Nguyễn Thị Lan</span>
                                <span class="review-date">5/01/2025</span>
                            </div>
                            <div class="review-stars">
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                            </div>
                            <p class="review-content">Bài viết rất hữu ích. Tôi đang tìm gia sư cho con học lớp 3 và thông tin trong bài thực sự giúp tôi có định hướng tốt hơn.</p>
                        </div>
                        
                        <div class="review-item">
                            <div class="review-header">
                                <span class="review-author">Trần Văn Minh</span>
                                <span class="review-date">5/1/2025</span>
                            </div>
                            <div class="review-stars">
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="far fa-star"></i>
                            </div>
                            <p class="review-content">Bảng học phí rất chi tiết và minh bạch. Tuy nhiên, tôi muốn biết thêm về quy trình tuyển chọn gia sư của trung tâm.</p>
                        </div>
                    </div>
                </div>
            </article>
        </main>
    </div>

    <script>
        // JavaScript cho menu mobile
        const menuToggle = document.getElementById('menuToggle');
        const mobileMenu = document.getElementById('mobileMenu');
        const closeMenu = document.getElementById('closeMenu');
        
        menuToggle.addEventListener('click', () => {
            mobileMenu.style.display = 'block';
            document.body.style.overflow = 'hidden'; // Ngăn cuộn trang khi menu mở
        });
        
        closeMenu.addEventListener('click', () => {
            mobileMenu.style.display = 'none';
            document.body.style.overflow = 'auto'; // Khôi phục cuộn trang
        });
        
        // Đóng menu khi click bên ngoài
        mobileMenu.addEventListener('click', (e) => {
            if (e.target === mobileMenu) {
                mobileMenu.style.display = 'none';
                document.body.style.overflow = 'auto';
            }
        });
        
        // Xử lý click menu item
        const desktopMenuLinks = document.querySelectorAll('#desktopMenuList a');
        const mobileMenuLinks = document.querySelectorAll('#mobileMenuList a');
        
        // Hàm xử lý click menu item
        function handleMenuItemClick(e, isMobile = false) {
            e.preventDefault();
            
            const targetId = this.getAttribute('href');
            const targetElement = document.querySelector(targetId);
            
            if (targetElement) {
                // Cuộn đến phần tử mục tiêu
                window.scrollTo({
                    top: targetElement.offsetTop - 20,
                    behavior: 'smooth'
                });
                
                // Cập nhật active menu
                if (isMobile) {
                    mobileMenuLinks.forEach(link => link.classList.remove('active'));
                    desktopMenuLinks.forEach(link => link.classList.remove('active'));
                    mobileMenu.style.display = 'none';
                    document.body.style.overflow = 'auto';
                } else {
                    desktopMenuLinks.forEach(link => link.classList.remove('active'));
                    mobileMenuLinks.forEach(link => link.classList.remove('active'));
                }
                
                this.classList.add('active');
            }
        }
        
        // Gắn sự kiện cho menu desktop
        desktopMenuLinks.forEach(link => {
            link.addEventListener('click', handleMenuItemClick);
        });
        
        // Gắn sự kiện cho menu mobile
        mobileMenuLinks.forEach(link => {
            link.addEventListener('click', (e) => handleMenuItemClick.call(link, e, true));
        });
        
        // JavaScript cho đánh giá sao
        const stars = document.querySelectorAll('.star');
        let selectedRating = 0;
        
        stars.forEach(star => {
            star.addEventListener('click', () => {
                const value = parseInt(star.getAttribute('data-value'));
                selectedRating = value;
                
                // Cập nhật hiển thị sao
                stars.forEach((s, index) => {
                    if (index < value) {
                        s.innerHTML = '<i class="fas fa-star"></i>';
                        s.classList.add('active');
                    } else {
                        s.innerHTML = '<i class="far fa-star"></i>';
                        s.classList.remove('active');
                    }
                });
            });
            
            // Hiệu ứng hover
            star.addEventListener('mouseover', () => {
                const value = parseInt(star.getAttribute('data-value'));
                
                stars.forEach((s, index) => {
                    if (index < value) {
                        s.innerHTML = '<i class="fas fa-star"></i>';
                        s.style.color = '#ffcc00';
                    }
                });
            });
            
            star.addEventListener('mouseout', () => {
                stars.forEach((s, index) => {
                    if (index >= selectedRating) {
                        s.innerHTML = '<i class="far fa-star"></i>';
                        s.style.color = '';
                    }
                });
            });
        });
        
        // Xử lý form đánh giá
        const reviewForm = document.getElementById('reviewForm');
        
        reviewForm.addEventListener('submit', (e) => {
            e.preventDefault();
            
            const userName = document.getElementById('userName').value;
            const userReview = document.getElementById('userReview').value;
            
            if (selectedRating === 0) {
                alert('Vui lòng chọn số sao đánh giá!');
                return;
            }
            
            if (!userName || !userReview) {
                alert('Vui lòng điền đầy đủ thông tin!');
                return;
            }
            
            // Hiển thị thông báo thành công
            alert('Cảm ơn bạn đã đánh giá bài viết! Đánh giá của bạn sẽ được kiểm duyệt trước khi hiển thị.');
            
            // Reset form
            reviewForm.reset();
            
            // Reset sao
            stars.forEach(star => {
                star.innerHTML = '<i class="far fa-star"></i>';
                star.classList.remove('active');
            });
            selectedRating = 0;
        });
        
        // Responsive: đóng menu khi resize về desktop
        window.addEventListener('resize', () => {
            if (window.innerWidth > 992) {
                mobileMenu.style.display = 'none';
                document.body.style.overflow = 'auto';
            }
        });
        
        // Xử lý click nút CTA
        document.querySelector('.cta-button').addEventListener('click', () => {
            alert('Cảm ơn bạn đã quan tâm! Bạn sẽ được chuyển hướng đến trang đăng ký tìm gia sư.');
            // Trong thực tế, bạn có thể chuyển hướng đến trang đăng ký
            // window.location.href = 'https://timgiasu.vn/timgiasu/';
        });
    </script>
</body>
</html>



<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        /* Widget container - ĐẶT CỐ ĐỊNH CAO HƠN 70px (50px + 20px) */
        .widget-container {
            position: fixed;
            bottom: 90px; /* 20px + 50px + 20px = cao hơn 70px */
            left: 20px;
            z-index: 9999;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
        }
        
        /* Nút chính - Đồng hồ */
        .clock-btn {
            width: 50px;
            height: 50px;
            border-radius: 25px;
            border: none;
            background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
            color: white;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3);
            transition: all 0.3s ease;
            font-size: 20px;
            position: relative;
        }
        
        .clock-btn:hover:not(.disabled):not(.submitted):not(.completed) {
            transform: scale(1.08);
            box-shadow: 0 6px 20px rgba(139, 92, 246, 0.4);
        }
        
        /* Trạng thái disabled (chưa hết giờ) */
        .clock-btn.disabled {
            background: linear-gradient(135deg, #9ca3af 0%, #6b7280 100%);
            cursor: not-allowed;
            opacity: 0.9;
        }
        
        /* Trạng thái đã hết giờ - chờ click */
        .clock-btn.completed {
            background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
            cursor: pointer;
        }
        
        /* Trạng thái đã submit - ẨN HOÀN TOÀN */
        .widget-container.hidden,
        .clock-btn.submitted {
            display: none !important;
            visibility: hidden !important;
        }
        
        /* Badge đếm ngược */
        .count-badge {
            position: absolute;
            top: -6px;
            right: -6px;
            background: #ef4444;
            color: white;
            font-size: 11px;
            font-weight: bold;
            min-width: 22px;
            height: 22px;
            border-radius: 11px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px solid white;
            font-family: 'Courier New', monospace;
            transition: all 0.3s ease;
        }
        
        /* Form popup - DỊCH SANG PHẢI 10px */
        .form-popup {
            position: absolute;
            bottom: 60px;
            left: 10px;
            width: 280px;
            background: white;
            border-radius: 12px;
            box-shadow: 0 8px 30px rgba(0,0,0,0.15);
            padding: 0;
            display: none;
            border: 1px solid #e5e7eb;
            overflow: hidden;
            opacity: 0;
            transform: translateY(10px);
            transition: opacity 0.3s ease, transform 0.3s ease;
        }
        
        .form-popup.show {
            display: block;
            opacity: 1;
            transform: translateY(0);
        }
        
        .form-popup.disabled-popup {
            display: none !important;
        }
        
        .form-header {
            background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
            color: white;
            padding: 16px 20px;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .form-title {
            font-weight: 600;
            font-size: 16px;
            flex: 1;
        }
        
        .close-btn {
            background: rgba(255,255,255,0.2);
            border: none;
            color: white;
            cursor: pointer;
            font-size: 18px;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: background 0.2s;
        }
        
        .close-btn:hover {
            background: rgba(255,255,255,0.3);
        }
        
        .form-body {
            padding: 20px;
        }
        
        .input-group {
            margin-bottom: 20px;
        }
        
        .input-label {
            display: block;
            color: #4b5563;
            font-size: 14px;
            margin-bottom: 8px;
            font-weight: 500;
        }
        
        .phone-input {
            width: 100%;
            padding: 12px 16px;
            border: 2px solid #e5e7eb;
            border-radius: 8px;
            font-size: 15px;
            box-sizing: border-box;
            transition: border-color 0.3s;
            text-align: center;
        }
        
        .phone-input:focus {
            outline: none;
            border-color: #8b5cf6;
        }
        
        .submit-btn {
            width: 100%;
            padding: 12px;
            background: #10b981;
            color: white;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            font-weight: 600;
            font-size: 15px;
            transition: background 0.3s;
        }
        
        .submit-btn:hover {
            background: #059669;
        }
        
        .submit-btn:disabled {
            background: #9ca3af;
            cursor: not-allowed;
        }
        
        .success-message {
            text-align: center;
            padding: 30px 20px;
            display: none;
        }
        
        .success-message.show {
            display: block;
        }
        
        .success-icon {
            color: #10b981;
            font-size: 40px;
            margin-bottom: 12px;
        }
        
        .success-text {
            color: #065f46;
            font-weight: 600;
            font-size: 16px;
        }
        
        .info-text {
            color: #6b7280;
            font-size: 13px;
            margin-top: 8px;
        }
        
        .error-message {
            color: #dc2626;
            font-size: 12px;
            margin-top: 5px;
            display: none;
        }
        
        /* Loading spinner */
        .spinner {
            display: inline-block;
            width: 16px;
            height: 16px;
            border: 2px solid rgba(255,255,255,0.3);
            border-radius: 50%;
            border-top-color: white;
            animation: spin 0.8s linear infinite;
        }
        
        @keyframes spin {
            to { transform: rotate(360deg); }
        }
        
        /* Thông báo chưa hết giờ */
        .timeout-message {
            position: absolute;
            bottom: 60px;
            left: 10px;
            background: rgba(0, 0, 0, 0.85);
            color: white;
            padding: 12px 16px;
            border-radius: 8px;
            font-size: 13px;
            display: none;
            white-space: nowrap;
            backdrop-filter: blur(4px);
            z-index: 10000;
            width: 220px;
            text-align: center;
        }
        
        .timeout-message.show {
            display: block;
            animation: fadeIn 0.2s ease;
        }
        
        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        /* Responsive cho mobile */
        @media (max-width: 768px) {
            .widget-container {
                left: 15px;
                bottom: 95px; /* Thêm 10px nữa: 85px + 10px = 95px */
            }
            
            .form-popup {
                width: 260px;
                left: 5px;
            }
            
            .timeout-message {
                width: 200px;
                font-size: 12px;
                left: 5px;
            }
        }
        
        @media (max-width: 480px) {
            .widget-container {
                left: 10px;
                bottom: 90px; /* Thêm 10px nữa: 80px + 10px = 90px */
            }
            
            .form-popup {
                width: 240px;
                left: 0;
            }
            
            .timeout-message {
                width: 180px;
                left: 0;
            }
        }
    </style>
</head>
<body>

    <!-- Widget - BÊN TRÁI -->
    <div class="widget-container" id="widgetContainer">
        <!-- Thông báo chưa hết giờ -->
        <div id="timeoutMessage" class="timeout-message">
            <i class="fas fa-hourglass-half" style="margin-right: 8px;"></i>
            Vui lòng đợi <span id="timeLeftText">180</span> giây nữa
        </div>
        
        <!-- Form popup -->
        <div id="formPopup" class="form-popup">
            <div class="form-header">
                <div class="form-title">
                    <i class="fas fa-clock"></i> Nhập thông tin
                </div>
                <button class="close-btn" id="closeForm">
                    <i class="fas fa-times"></i>
                </button>
            </div>
            
            <div class="form-body">
                <div id="formContent">
                    <div class="input-group">
                        <label class="input-label">Số điện thoại của bạn</label>
                        <input type="tel" 
                               id="phoneInput" 
                               class="phone-input" 
                               placeholder="Nhập Số Điện Thoại"
                               maxlength="11"
                               inputmode="numeric">
                        <div id="phoneError" class="error-message">
                            Vui lòng nhập số điện thoại hợp lệ
                        </div>
                    </div>
                    
                    <button id="submitBtn" class="submit-btn">
                        <span id="btnText">
                            <i class="fas fa-paper-plane"></i> Gửi thông tin
                        </span>
                    </button>
                    
                </div>
                
                <div id="successMessage" class="success-message">
                    <div class="success-icon">
                        <i class="fas fa-check-circle"></i>
                    </div>
                    <div class="success-text">Đã gửi thành công</div>
                    <p class="info-text">
                        Bạn đã tích được 1 điểm quy đổi
                    </p>
                </div>

                <div id="errorMessage" class="success-message" style="display: none; color: #dc2626;">
                    <div class="success-icon">
                        <i class="fas fa-exclamation-circle"></i>
                    </div>
                    <div class="success-text">Gửi thất bại</div>
                    <p class="info-text">
                        Vui lòng thử lại sau
                    </p>
                </div>
            </div>
        </div>
        
        <!-- Nút chính - Đồng hồ -->
        <button id="clockBtn" class="clock-btn disabled" title="Đang đếm ngược...">
            <i class="fas fa-clock"></i>
            <div id="countBadge" class="count-badge">180</div>
        </button>
    </div>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            // Elements
            const widgetContainer = document.getElementById('widgetContainer');
            const clockBtn = document.getElementById('clockBtn');
            const countBadge = document.getElementById('countBadge');
            const timeoutMessage = document.getElementById('timeoutMessage');
            const timeLeftText = document.getElementById('timeLeftText');
            const formPopup = document.getElementById('formPopup');
            const closeForm = document.getElementById('closeForm');
            const phoneInput = document.getElementById('phoneInput');
            const phoneError = document.getElementById('phoneError');
            const submitBtn = document.getElementById('submitBtn');
            const btnText = document.getElementById('btnText');
            const successMessage = document.getElementById('successMessage');
            const errorMessage = document.getElementById('errorMessage');
            const formContent = document.getElementById('formContent');
            
            // CẤU HÌNH QUAN TRỌNG: THAY ĐỔI URL NÀY THÀNH URL WEB APP CỦA BẠN
            const GOOGLE_SCRIPT_URL = 'https://script.google.com/macros/s/AKfycbww0gAY6jiaNAYXEIpVl24Hn169YTCaY7zvKRZbpfqyFNDROxrswVR5qLgZF5bWROWF/exec';
            
            // Variables
            let countdownTimer;
            let timeLeft = 180; // 180 giây = 2 phút
            let isFormShown = false;
            let isSubmitted = false;
            let isTimeout = false;
            let tooltipTimeout;
            
            // Khởi động đếm ngược
            function initCountdown() {
                console.log('&#x23f0; Bắt đầu đếm 180 giây (3 phút)...');
                console.log('&#x1f4cc; Desktop: Nút cao hơn 70px từ cạnh dưới');
                console.log('&#x1f4f1; Mobile: Nút cao hơn 80px từ cạnh dưới (+10px thêm)');
                startCountdown();
            }
            
            // Bắt đầu đếm ngược
            function startCountdown() {
                updateBadge();
                
                countdownTimer = setInterval(() => {
                    timeLeft--;
                    updateBadge();
                    
                    if (timeLeft <= 0) {
                        endCountdown();
                    }
                }, 1000);
            }
            
            // Cập nhật badge
            function updateBadge() {
                countBadge.textContent = timeLeft;
                timeLeftText.textContent = timeLeft;
                
                // Đổi màu khi sắp hết giờ
                if (timeLeft <= 30) {
                    countBadge.style.background = timeLeft <= 10 ? '#dc2626' : '#f59e0b';
                } else {
                    countBadge.style.background = '#ef4444';
                }
                
                // Hiển thị thời gian dạng phút:giây khi còn dưới 60 giây
                if (timeLeft < 60) {
                    countBadge.textContent = timeLeft;
                }
            }
            
            // Kết thúc đếm ngược
            function endCountdown() {
                clearInterval(countdownTimer);
                countBadge.textContent = '✓';
                countBadge.style.background = '#f59e0b';
                isTimeout = true;
                
                // Mở khóa nút
                clockBtn.classList.remove('disabled');
                clockBtn.classList.add('completed');
                clockBtn.title = 'Nhấn để mở form nhập thông tin';
                
                console.log('&#x2705; Đã hết 180 giây, nút đã sẵn sàng mở form');
            }
            
            // Hiển thị thông báo chưa hết giờ
            function showTimeoutMessage() {
                timeoutMessage.classList.add('show');
            }
            
            // Ẩn thông báo chưa hết giờ
            function hideTimeoutMessage() {
                timeoutMessage.classList.remove('show');
            }
            
            // Hover vào nút đồng hồ
            clockBtn.addEventListener('mouseenter', () => {
                clearTimeout(tooltipTimeout);
                
                if (isSubmitted) return;
                
                if (!isTimeout) {
                    showTimeoutMessage();
                }
            });
            
            clockBtn.addEventListener('mouseleave', () => {
                tooltipTimeout = setTimeout(() => {
                    hideTimeoutMessage();
                }, 300);
            });
            
            // Click nút đồng hồ
            clockBtn.addEventListener('click', function() {
                if (isSubmitted) return;
                
                if (!isTimeout) {
                    // Tính thời gian còn lại để hiển thị
                    const minutes = Math.floor(timeLeft / 60);
                    const seconds = timeLeft % 60;
                    const timeDisplay = minutes > 0 ? 
                        `${minutes} phút ${seconds} giây` : 
                        `${seconds} giây`;
                    
                    timeLeftText.textContent = timeDisplay;
                    showTimeoutMessage();
                    setTimeout(() => hideTimeoutMessage(), 2000);
                    return;
                }
                
                if (!isFormShown) {
                    showForm();
                } else {
                    hideForm();
                }
            });
            
            // Hiện form
            function showForm() {
                isFormShown = true;
                formPopup.classList.add('show');
                hideTimeoutMessage();
                
                // Reset trạng thái form
                phoneError.style.display = 'none';
                phoneInput.style.borderColor = '#e5e7eb';
                
                setTimeout(() => phoneInput.focus(), 300);
            }
            
            // Ẩn form
            function hideForm() {
                formPopup.classList.remove('show');
                isFormShown = false;
            }
            
            // Đóng form bằng dấu X
            closeForm.addEventListener('click', function() {
                hideForm();
            });
            
            // Validate số điện thoại
            function validatePhone(phone) {
                const phoneRegex = /^(0[3|5|7|8|9])[0-9]{8}$/;
                return phoneRegex.test(phone);
            }
            
            // Hiển thị lỗi
            function showError(message) {
                phoneError.textContent = message;
                phoneError.style.display = 'block';
                phoneInput.style.borderColor = '#dc2626';
            }
            
            // Ẩn lỗi
            function hideError() {
                phoneError.style.display = 'none';
                phoneInput.style.borderColor = '#e5e7eb';
            }
            
            // Xử lý submit
            submitBtn.addEventListener('click', submitPhone);
            phoneInput.addEventListener('keypress', (e) => {
                if (e.key === 'Enter') submitPhone();
            });
            
            // Xử lý khi người dùng nhập
            phoneInput.addEventListener('input', () => {
                hideError();
            });
            
            async function submitPhone() {
                const phone = phoneInput.value.trim();
                
                // Validate
                if (!phone) {
                    showError('Vui lòng nhập số điện thoại');
                    phoneInput.focus();
                    return;
                }
                
                if (!validatePhone(phone)) {
                    showError('Số điện thoại không hợp lệ (10-11 số, bắt đầu bằng 03/05/07/08/09)');
                    phoneInput.focus();
                    return;
                }
                
                // Chuyển sang trạng thái loading
                btnText.innerHTML = '<div class="spinner"></div> Đang gửi...';
                submitBtn.disabled = true;
                
                try {
                    console.log('&#x1f4e4; Đang gửi dữ liệu đến Google Sheets...');
                    console.log('Số điện thoại:', phone);
                    console.log('URL:', GOOGLE_SCRIPT_URL);
                    
                    // Gửi dữ liệu đến Google Apps Script
                    const response = await fetch(GOOGLE_SCRIPT_URL, {
                        method: 'POST',
                        mode: 'no-cors', // Quan trọng: tránh lỗi CORS với Google Apps Script
                        headers: {
                            'Content-Type': 'application/json',
                        },
                        body: JSON.stringify({
                            phoneNumber: phone,
                            timestamp: new Date().toISOString(),
                            source: 'Website Widget'
                        })
                    });
                    
                    // Với mode 'no-cors', chúng ta không thể đọc response
                    // Nhưng dữ liệu vẫn được gửi thành công
                    console.log('&#x2705; Dữ liệu đã được gửi thành công');
                    
                    // Hiển thị thông báo thành công
                    showSuccess();
                    
                } catch (error) {
                    console.error('&#x274c; Lỗi khi gửi dữ liệu:', error);
                    showError();
                }
            }
            
            function showSuccess() {
                formContent.style.display = 'none';
                successMessage.classList.add('show');
                errorMessage.style.display = 'none';
                
                isSubmitted = true;
                
                setTimeout(() => {
                    hideForm();
                    formPopup.classList.add('disabled-popup');
                    widgetContainer.classList.add('hidden');
                    
                    console.log('&#x1f47b; Widget đã ẩn hoàn toàn');
                    
                    // Reset form sau khi ẩn
                    setTimeout(() => {
                        resetForm();
                    }, 300);
                    
                }, 2000);
            }
            
            function showError() {
                formContent.style.display = 'none';
                successMessage.style.display = 'none';
                errorMessage.style.display = 'block';
                
                // Hiển thị lại form sau 3 giây
                setTimeout(() => {
                    formContent.style.display = 'block';
                    errorMessage.style.display = 'none';
                    btnText.innerHTML = '<i class="fas fa-paper-plane"></i> Gửi thông tin';
                    submitBtn.disabled = false;
                }, 3000);
            }
            
            function resetForm() {
                formContent.style.display = 'block';
                successMessage.classList.remove('show');
                errorMessage.style.display = 'none';
                phoneInput.value = '';
                btnText.innerHTML = '<i class="fas fa-paper-plane"></i> Gửi thông tin';
                submitBtn.disabled = false;
                hideError();
            }
            
            // Đóng form khi click ra ngoài
            document.addEventListener('click', (e) => {
                if (formPopup.classList.contains('show') &&
                    !formPopup.contains(e.target) && 
                    !clockBtn.contains(e.target)) {
                    
                    hideForm();
                }
            });
            
            // Khởi động
            initCountdown();
        });
    </script>
</body>
</html>
<p>The post <a href="https://timgiasu.vn/tim-gia-su-lop-3-tai-nha-day-kem-1-kem-1-hieu-qua/">Tìm Gia Sư Lớp 3 Tại Nhà – Dạy Kèm 1 Kèm 1 Hiệu Quả</a> appeared first on <a href="https://timgiasu.vn">GIA SƯ NEXTCV </a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">3136</post-id>	</item>
	</channel>
</rss>
