Công trình vượt biển của Việt Nam từng là top 1 thế giới: Thách thức thời gian nhờ chi tiết đặc biệt

Quizz Cáp treo Hòn Thơm – 6 câu hỏi có giải thích :root { --bg: #f5f7f8; --card: #fff; --text: #222; --brand: #00c4b4; --ok: #16a34a; --bad: #dc2626; --light-gray: #e5e7eb; --dark-gray: #6b7280; } html, body { background: var(--bg); } .quiz-container { max-width: 720px; margin: 0 auto 20px auto; font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif; line-height: 1.6; color: var(--text); padding: 0 3px; } .quiz-question { margin: 32px 0; } .question-number { font-size: 14px; color: #888; margin-bottom: 10px; font-weight: 700; } .question-text { font-weight: 800; font-size: 16px; color: #333; margin-bottom: 20px; } .options { display: flex; flex-direction: column; gap: 10px; width: 100%; position: relative; } .option { display: none; } .option+label { display: flex; align-items: center; gap: 12px; padding: 12px 15px; background: var(--card); border: 1px solid #ddd; cursor: pointer; font-size: 14px; transition: all .2s ease; width: 100%; position: relative; user-select: none; border-radius: 0; } .option-prefix { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; background-color: var(--light-gray); font-weight: 700; color: var(--dark-gray); transition: all .2s ease; } .option-text { flex-grow: 1; } .option+label:hover { background: #e6f3f2; border-color: var(--brand); } .option+label:hover .option-prefix { background-color: var(--brand); color: white; } .option[value="correct"]:checked+label { background: var(--ok); color: #fff; border-color: var(--ok); } .option[value="correct"]:checked+label .option-prefix { background: #fff; color: var(--ok); } .option[value="incorrect"]:checked+label { background: var(--bad); color: #fff; border-color: var(--bad); } .option[value="incorrect"]:checked+label .option-prefix { background: #fff; color: var(--bad); } .quiz-question:has(.option[value="incorrect"]:checked) input[value="correct"]+label { background: var(--ok); color: #fff; border-color: var(--ok); } .quiz-question:has(.option[value="incorrect"]:checked) input[value="correct"]+label .option-prefix { background: #fff; color: var(--ok); } .explain { display: none; margin-top: 12px; padding: 14px 16px; line-height: 1.6; font-size: 14px; text-align: left; color: #0f172a; background: #f8fafc; border-left: 4px solid var(--ok); border-radius: 0; } .options:has(.option:checked)+.explain { display: block; } .explain p { margin: 0 0 10px 0; } .explain p:last-child { margin-bottom: 0; } .explain p strong { font-weight: 800; } .status, .result { display: none; } /* === MÃ MỚI: Định dạng cho slot chèn ảnh === */ .insert-slot { margin: 20px auto; min-height: 1px; max-width: 100%; text-align: center; } .insert-slot img { max-width: 100%; height: auto; border-radius: 0; } /* === MÃ MỚI: Định dạng cho nút KHÁM PHÁ QUIZ KHÁC === */ .quiz-cta-container { max-width: 720px; margin: 10px auto 40px auto; padding: 0 3px; text-align: center; } .quiz-cta-button { display: inline-block; background-color: #fff; color: #222; border: 1px solid #ddd; font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif; font-size: 14px; font-weight: 700; text-decoration: none; padding: 12px 28px; border-radius: 0; transition: all 0.2s ease; user-select: none; cursor: pointer; } .quiz-cta-button:hover { background-color: #16a34a; color: #fff; border-color: #16a34a; } @media(max-width: 600px) { .quiz-question { margin: 24px 0; } .option+label { padding: 10px; font-size: 13px; } .option-prefix { width: 24px; height: 24px; } } if (pageSettings.allow3rd) admicroAD.unit.push(function () { admicroAD.show('admzonek1fs4xky') });