.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 Reading Practice – Luyện đọc theo từng dạng câu hỏi
Luyện VSTEP Reading online với bài Main Idea, Detail, Vocabulary, Reference và Inference trước khi chuyển sang Practice Test hoàn chỉnh. Định dạng bài đọc VSTEP Bậc 3–5 gồm 4 bài đọc dài với tổng cộng 40 câu hỏi trắc nghiệm thực hiện trong 60 phút. Hệ thống HOC247 tối ưu giao diện hiển thị văn bản chia đôi màn hình trên máy tính, giúp bạn dễ dàng đối chiếu câu hỏi với đoạn văn, kiểm soát thời gian và kiểm tra kết quả làm bài tự động.
Luyện Đọc Hiểu VSTEP Online Theo Từng Dạng Bài
Rèn luyện kỹ năng đọc hiểu 4 văn bản học thuật khoảng 2.000 từ. Áp dụng kỹ thuật Skimming & Scanning, định vị bằng chứng và xử lý các dạng câu hỏi từ cơ bản đến suy luận nâng cao.
Luyện tập theo từng dạng câu hỏi VSTEP Reading
Nắm vững phương pháp xử lý chuyên biệt cho từng dạng câu hỏi để tối ưu hóa thời gian 15 phút mỗi Passage:
Main Idea Questions
Xác định ý chính của toàn bài hoặc chủ đề của từng đoạn văn. Kỹ thuật đọc câu mở đoạn (topic sentence) và câu kết đoạn (concluding sentence).
Vocabulary in Context
Đoán nghĩa từ vựng học thuật dựa vào ngữ cảnh xung quanh, từ đồng nghĩa, từ trái nghĩa hoặc các mệnh đề giải thích mà không cần dịch từng từ.
Reference Questions
Xác định đại từ chỉ định (it, they, them, this, which) quy chiếu đến danh từ hoặc cụm danh từ nào xuất hiện trước đó trong bài đọc.
Inference Questions
Tìm ra kết luận ngụ ý mà tác giả không phát biểu trực tiếp. Phân tích các dữ kiện bằng chứng để suy luận logic, loại trừ suy diễn chủ quan.
Detail & Negative Detail
Định vị chi tiết cụ thể trong bài và xử lý các câu hỏi phủ định (NOT / EXCEPT). Rèn kỹ năng quét từ khóa (scanning) nhanh chóng và chính xác.
Chiến Thuật Đọc Bài Dài 60 Phút
Phân bổ thời gian khoa học cho 4 bài đọc dài: quản lý 15 phút mỗi bài, tránh dừng quá lâu ở một câu khó và kỹ thuật giữ tập trung khi đọc màn hình máy tính.
Đề thi VSTEP có phần Reading khuyên dùng
Thực hành trên các bộ đề thi thật bám sát cấu trúc phân hóa B1–B2–C1 của Bộ Giáo dục và Đào tạo.
Bắt đầu luyện VSTEP Reading trực tuyến
Làm quen ngay với định dạng 4 bài đọc học thuật qua đề thi số 1 hoàn toàn miễn phí trên HOC247.

