Công trình trị giá 400 triệu USD được hợp lực bởi Pháp và Nhật, làm được điều chưa từng thấy ở Việt Nam

:root{--bg:#f5f7f8;--card:#fff;--text:#222;--brand:#00c4b4;--ok:#16a34a;--bad:#dc2626;--shadow:0 6px 20px rgba(0,0,0,.08)} html,body{background:var(--bg)} .quiz-intro{max-width:720px;margin:16px auto 8px auto;padding:0 12px;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;line-height:1.6;color:var(--text)} .quiz-intro h1{font-size:22px;margin:0 0 6px 0} .quiz-intro p{margin:4px 0} .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 12px} .quiz-question{background:var(--card);padding:20px;margin:20px 0;border-radius:12px;box-shadow:var(--shadow);transition:transform .2s ease} .quiz-question:hover{transform:translateY(-2px)} .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:15px} .options{display:flex;flex-direction:column;gap:10px;max-width:720px;margin:0 auto;position:relative} .option{display:none} .option+label{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;background:#fff;border:1px solid #ddd;border-radius:10px;cursor:pointer;font-size:14px;transition:all .2s ease;box-shadow:0 2px 6px rgba(0,0,0,.05);width:100%;max-width:640px;margin:0 auto;position:relative;user-select:none} .option+label:hover{background:#e6f3f2;border-color:var(--brand)} .option[value="correct"]:checked+label{background:var(--ok);color:#fff;border-color:var(--ok)} .option[value="incorrect"]:checked+label{background:var(--bad);color:#fff;border-color:var(--bad)} .status{display:none;margin-left:10px;font-weight:800;white-space:nowrap;text-transform:uppercase;font-size:12px} .result{margin-left:10px;font-weight:800;display:none;font-size:12px} .result.correct,.result.wrong{color:#fff} .option[value="correct"]:checked+label .result{display:inline} .option[value="correct"]:checked+label .status{display:inline;color:#fff} .option[value="incorrect"]:checked+label .status{display:inline;color:#fff} .explain{display:none;margin-top:12px;padding:14px 16px;border-radius:10px;line-height:1.6;font-size:14px;text-align:left;color:#0f172a;background:#f8fafc;border-left:4px solid var(--ok);box-shadow:0 2px 8px rgba(0,0,0,.08)} .options:has(.option:checked)+.explain{display:block} .explain p{margin:0 0 10px 0} .explain p strong{font-weight:800} .more-btn,.more-btn:link,.more-btn:visited,.more-btn:hover,.more-btn:active{display:inline-block;margin-top:8px;padding:8px 12px;border-radius:8px;background:var(--ok);border:1px solid var(--ok);color:#fff;font-weight:700;text-decoration:none;transition:background .2s ease,filter .2s ease} .more-btn:hover{filter:brightness(1.1)} .insert-slot{max-width:720px;margin:8px auto;min-height:24px} @media(max-width:600px){.quiz-question{padding:16px}.option+label{padding:10px;font-size:13px}} /* Reveal the correct answer even if a wrong choice is selected */ .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 .result{ display: inline; color: #fff; } .quiz-question:has(.option[value="incorrect"]:checked) input[value="correct"] + label .status{ display: inline; color: #fff; } .footer-note{display:none}

if (pageSettings.allow3rd) admicroAD.unit.push(function () { admicroAD.show('admzonek1fs4xky') });