.post-thumb, .post-thumb-img-content { display: none !important; }
.m6-landing-wrapper {
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif;
color: #1e293b;
line-height: 1.6;
max-width: 1040px;
margin: 0 auto;
padding: 20px 24px 60px 24px;
box-sizing: border-box;
width: 100%;
}
.m6-breadcrumb {
font-size: 14px;
color: #64748b;
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.m6-breadcrumb a {
color: #0284c7;
text-decoration: none;
}
.m6-breadcrumb a:hover {
text-decoration: underline;
}
.m6-page-header {
margin-bottom: 24px;
}
.m6-page-title {
font-size: 32px;
line-height: 1.3;
font-weight: 800;
color: #0f172a !important;
margin: 0 0 12px 0;
}
.m6-page-meta {
display: flex;
gap: 16px;
flex-wrap: wrap;
font-size: 14px;
color: #64748b;
padding-bottom: 16px;
border-bottom: 1px solid #e2e8f0;
}
.m6-featured-banner {
max-width: 820px;
margin: 0 auto 30px auto;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}
.m6-lead-text {
font-size: 17px;
line-height: 1.7;
color: #334155;
margin: 0 0 28px 0;
font-weight: 400;
}
.m6-action-box {
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
border-radius: 14px;
padding: 32px;
color: #ffffff;
margin-bottom: 36px;
box-shadow: 0 8px 24px rgba(15, 23, 42, 0.15);
}
.m6-action-badge {
display: inline-block;
padding: 5px 12px;
background: rgba(14, 165, 233, 0.2);
border: 1px solid rgba(14, 165, 233, 0.5);
color: #38bdf8;
border-radius: 9999px;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
margin-bottom: 12px;
}
.m6-action-title {
font-size: 24px;
font-weight: 700;
color: #ffffff !important;
margin: 0 0 10px 0;
line-height: 1.3;
}
.m6-action-desc {
font-size: 15.5px;
color: #cbd5e1;
margin: 0 0 22px 0;
line-height: 1.6;
}
.m6-action-buttons {
display: flex;
gap: 14px;
flex-wrap: wrap;
margin-bottom: 22px;
}
.m6-btn-main {
background: #0284c7;
color: #ffffff !important;
font-weight: 700;
font-size: 15.5px;
padding: 13px 26px;
border-radius: 8px;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 8px;
box-shadow: 0 4px 12px rgba(2, 132, 199, 0.35);
transition: all 0.2s ease;
}
.m6-btn-main:hover {
background: #0369a1;
transform: translateY(-1px);
box-shadow: 0 6px 16px rgba(2, 132, 199, 0.45);
}
.m6-btn-sub {
background: rgba(255, 255, 255, 0.12);
color: #f8fafc !important;
font-weight: 600;
font-size: 15px;
padding: 13px 22px;
border-radius: 8px;
text-decoration: none;
border: 1px solid rgba(255, 255, 255, 0.25);
display: inline-flex;
align-items: center;
gap: 6px;
transition: all 0.2s ease;
}
.m6-btn-sub:hover {
background: rgba(255, 255, 255, 0.22);
}
.m6-action-perks {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 10px;
padding-top: 18px;
border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.m6-perk-item {
font-size: 13.5px;
color: #e2e8f0;
display: flex;
align-items: center;
gap: 8px;
}
.m6-perk-icon {
color: #38bdf8;
font-weight: bold;
}
.m6-section {
margin-bottom: 42px;
}
.m6-section-head {
margin-bottom: 20px;
}
.m6-section-title {
font-size: 23px;
font-weight: 700;
color: #0f172a !important;
margin: 0 0 8px 0;
position: relative;
padding-bottom: 8px;
}
.m6-section-title::after {
content: “”;
position: absolute;
bottom: 0;
left: 0;
width: 44px;
height: 3px;
background: #0284c7;
border-radius: 2px;
}
.m6-section-desc {
font-size: 15px;
color: #64748b;
margin: 0;
}
.m6-grid-4 {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));
gap: 18px;
}
.m6-grid-3 {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 18px;
}
.m6-grid-2 {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
gap: 20px;
}
.m6-card {
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 12px;
padding: 22px;
display: flex;
flex-direction: column;
justify-content: space-between;
box-shadow: 0 2px 4px rgba(0,0,0,0.03);
transition: all 0.2s ease;
}
.m6-card:hover {
border-color: #0284c7;
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(0,0,0,0.06);
}
.m6-card-tag {
display: inline-block;
padding: 4px 9px;
border-radius: 5px;
font-size: 11.5px;
font-weight: 700;
margin-bottom: 12px;
align-self: flex-start;
}
.tag-cyan { background: #e0f2fe; color: #0369a1; }
.tag-green { background: #dcfce7; color: #15803d; }
.tag-amber { background: #fef3c7; color: #b45309; }
.tag-purple { background: #f3e8ff; color: #7e22ce; }
.tag-rose { background: #ffe4e6; color: #be123c; }
.m6-card h3 {
font-size: 17.5px;
font-weight: 700;
color: #0f172a;
margin: 0 0 8px 0;
line-height: 1.4;
}
.m6-card p {
font-size: 14px;
color: #475569;
margin: 0 0 16px 0;
line-height: 1.55;
flex-grow: 1;
}
.m6-card-cta {
display: inline-flex;
align-items: center;
gap: 6px;
color: #0284c7;
font-weight: 700;
font-size: 14px;
text-decoration: none;
}
.m6-card-cta:hover {
color: #0369a1;
text-decoration: underline;
}
.m6-test-card {
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 12px;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
box-shadow: 0 2px 4px rgba(0,0,0,0.03);
transition: all 0.2s ease;
}
.m6-test-card:hover {
border-color: #0284c7;
box-shadow: 0 6px 16px rgba(0,0,0,0.07);
}
.m6-test-badge-free {
background: #dcfce7;
color: #166534;
font-weight: 700;
font-size: 11.5px;
padding: 4px 8px;
border-radius: 4px;
display: inline-block;
align-self: flex-start;
}
.m6-test-badge-paid {
background: #f1f5f9;
color: #475569;
font-weight: 600;
font-size: 11.5px;
padding: 4px 8px;
border-radius: 4px;
display: inline-block;
align-self: flex-start;
}
.m6-test-title {
font-size: 16.5px;
font-weight: 700;
color: #0f172a;
margin: 10px 0 6px 0;
}
.m6-test-meta {
font-size: 13.5px;
color: #64748b;
margin-bottom: 14px;
}
.m6-test-btn {
text-align: center;
padding: 10px 16px;
border-radius: 6px;
font-size: 14px;
font-weight: 700;
text-decoration: none;
display: block;
}
.btn-free {
background: #10b981;
color: #ffffff !important;
}
.btn-free:hover {
background: #059669;
}
.btn-paid {
background: #f8fafc;
color: #0284c7 !important;
border: 1px solid #cbd5e1;
}
.btn-paid:hover {
background: #f1f5f9;
border-color: #0284c7;
}
.m6-steps-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 14px;
}
.m6-step-box {
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 10px;
padding: 16px 12px;
text-align: center;
}
.m6-step-num {
width: 32px;
height: 32px;
line-height: 32px;
background: #0284c7;
color: #ffffff;
font-weight: 800;
border-radius: 50%;
margin: 0 auto 8px auto;
font-size: 15px;
}
.m6-step-title {
font-size: 14px;
font-weight: 700;
color: #0f172a;
margin-bottom: 5px;
}
.m6-step-desc {
font-size: 12.5px;
color: #64748b;
line-height: 1.4;
margin: 0;
}
.m6-cluster-box {
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 12px;
padding: 24px;
}
.m6-cluster-header {
font-size: 17px;
font-weight: 700;
color: #0f172a;
margin-bottom: 6px;
}
.m6-cluster-sub {
font-size: 14px;
color: #64748b;
margin: 0 0 16px 0;
}
.m6-cluster-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 12px;
}
.m6-cluster-item {
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 8px;
padding: 12px 14px;
text-decoration: none;
color: #1e293b;
font-size: 13.5px;
font-weight: 600;
display: flex;
align-items: center;
gap: 8px;
transition: all 0.2s ease;
}
.m6-cluster-item:hover {
border-color: #0284c7;
color: #0284c7;
transform: translateX(2px);
}
.m6-bottom-cta {
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
border-radius: 14px;
padding: 36px 28px;
text-align: center;
color: #ffffff;
margin-top: 40px;
}
.m6-bottom-cta h3 {
font-size: 22px;
color: #ffffff !important;
margin: 0 0 10px 0;
}
.m6-bottom-cta p {
font-size: 15px;
color: #cbd5e1;
max-width: 650px;
margin: 0 auto 20px auto;
}
.m6-btn-white {
background: #ffffff;
color: #0f172a !important;
font-weight: 700;
font-size: 15.5px;
padding: 13px 28px;
border-radius: 8px;
text-decoration: none;
display: inline-block;
transition: all 0.2s ease;
}
.m6-btn-white:hover {
background: #f8fafc;
transform: translateY(-1px);
box-shadow: 0 4px 14px rgba(255,255,255,0.2);
}
.m6-info-callout {
background: #f0fdf4;
border-left: 4px solid #16a34a;
padding: 14px 18px;
border-radius: 0 8px 8px 0;
margin: 20px 0;
font-size: 14.5px;
color: #166534;
}
.m6-warning-callout {
background: #fffbeb;
border-left: 4px solid #f59e0b;
padding: 14px 18px;
border-radius: 0 8px 8px 0;
margin: 20px 0;
font-size: 14.5px;
color: #92400e;
}
@media (max-width: 768px) {
.m6-landing-wrapper { padding: 16px 14px 40px 14px; }
.m6-page-title { font-size: 24px; }
.m6-action-box { padding: 22px 18px; }
.m6-action-buttons { flex-direction: column; }
.m6-btn-main, .m6-btn-sub { text-align: center; justify-content: center; }
.m6-grid-2, .m6-grid-3, .m6-grid-4 { grid-template-columns: 1fr; }
.m6-steps-grid { grid-template-columns: repeat(2, 1fr); }
}
VSTEP Listening Practice – Luyện nghe VSTEP theo từng kỹ năng
Luyện VSTEP Listening online trên HOC247 với Practice Test, bài luyện theo dạng và hướng dẫn keyword, paraphrase cùng các lỗi thường gặp. Cấu trúc bài nghe bám sát định dạng VSTEP Bậc 3–5 gồm 35 câu hỏi trắc nghiệm trong khoảng 40–45 phút, chỉ phát audio đúng 1 lần duy nhất theo quy chế thi trên máy tính của Bộ GD&ĐT. Hệ thống giúp học viên rèn luyện phản xạ nghe hiểu, nhận biết bẫy âm thanh và tối ưu hóa điểm số đạt chuẩn B1, B2 hoặc C1.
Luyện Nghe VSTEP Trực Tuyến Theo Chuẩn Khảo Thí
Rèn luyện kỹ năng nghe thông báo đời sống, đối thoại học đường và bài giảng chuyên ngành. Giao diện làm bài trực tuyến bấm giờ tự động, chấm điểm tức thì và kiểm tra đáp án chi tiết.
Luyện tập theo từng phần thi VSTEP Listening
Phân tích đặc điểm và bài tập rèn luyện cho từng Part trong bài thi nghe VSTEP Bậc 3–5.
Thông báo ngắn & Hướng dẫn
8 đoạn ghi âm ngắn độc lập về thông báo sân bay, tin nhắn thoại, bản tin thời tiết hoặc hướng dẫn công cộng. Yêu cầu nắm bắt thông tin thực tế nhanh.
Hội thoại thường nhật & Học đường
3 đoạn đối thoại giữa 2 hoặc 3 người, mỗi đoạn có 4 câu hỏi. Cần theo dõi lượt lời, phân biệt quan điểm của từng người nói và nắm bắt chi tiết mấu chốt.
Bài nói dài & Bài giảng học thuật
3 bài thuyết trình hoặc bài giảng học thuật chuyên sâu, mỗi bài 5 câu hỏi. Yêu cầu kỹ năng ghi chú (note-taking) và hiểu cấu trúc bài nói logic.
Luyện theo kỹ thuật & Khắc phục lỗi nghe thường gặp
Các hướng dẫn cốt lõi từ Module 5C giúp bạn nhận diện bẫy đề thi và cải thiện độ nhạy bén khi nghe:
Keyword VSTEP Listening
Cách xác định từ khóa câu hỏi và phương án lựa chọn mà không nghe máy móc, tránh bị phân tâm bởi các từ không mang nghĩa trọng tâm.
Paraphrase VSTEP Listening
Nhận biết cùng ý khác cách diễn đạt: biến đổi từ loại, từ đồng nghĩa và cấu trúc câu tương đương giữa audio và đáp án trắc nghiệm.
10 Lỗi VSTEP Listening Phổ Biến
Tổng hợp 10 bẫy âm thanh thường khiến thí sinh mất điểm: bẫy phát âm nuốt âm, bẫy thông tin đối lập và bẫy lặp từ có chủ đích.
Đề thi VSTEP có phần Listening khuyên dùng
Làm quen với tốc độ nói bản xứ và áp lực thời gian thực tế qua các bộ đề thi thử được tuyển chọn.
Bắt đầu luyện VSTEP Listening trực tuyến
Thực hành ngay với đề thi số 1 miễn phí để trải nghiệm hệ thống phát âm thanh và kiểm tra mức độ nghe hiểu hiện tại của bạn.

