Nữ nghệ sĩ giàu nhất Việt Nam, sở hữu tài sản 35.000 tỷ, ở biệt thự có cả nhà hát Opera là ai?

Quiz: Hà Phương — Quizz Giải trí 1 - ver1 (Chuyển đổi từ nguồn) /* === CÀI ĐẶT CHUNG & HIỆU ỨNG GỐC (giữ nguyên theo mẫu) === */ body { font-family: 'SFProDisplay-Medium', Arial, sans-serif; background-color: #fafafa; padding: 20px; } .quiz-container { max-width: 660px; margin: 0 auto; padding: 0 10px; } /* Bộ điều khiển trạng thái câu hỏi */ input[name="quiz-step"] { display: none; } .quiz-main-container { position: relative; min-height: 720px; height: auto; border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; transition: box-shadow 0.3s ease; background: #fff; } .quiz-main-container:hover { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .quiz-section { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; opacity: 1; transition: opacity 0.5s ease; overflow-y: auto; box-sizing: border-box; } .quiz-answer-section { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; opacity: 0; display: none; transition: opacity 0.5s ease; overflow-y: auto; background-color: #fff; box-sizing: border-box; } /* Logic ẩn/hiện đáp án */ .toggle-answer-checkbox:checked + .quiz-main-container .quiz-section { opacity: 0 !important; display: none !important; } .toggle-answer-checkbox:checked + .quiz-main-container .quiz-answer-section { display: block !important; opacity: 1 !important; } .toggle-answer-checkbox:not(:checked) + .quiz-main-container .quiz-section { display: block !important; opacity: 1 !important; } .toggle-answer-checkbox:not(:checked) + .quiz-main-container .quiz-answer-section { display: none !important; opacity: 0 !important; } /* Logic chuyển câu hỏi (mở quiz tương ứng khi radio được checked) */ .quiz-wrapper { display: none; margin-bottom: 20px; } #step1:checked ~ #quiz1, #step2:checked ~ #quiz2, #step3:checked ~ #quiz3, #step4:checked ~ #quiz4, #step5:checked ~ #quiz5, #step6:checked ~ #quiz6 { display: block; } /* Trắc nghiệm đúng/sai */ .choice-radio { display: none; } .choice-item { margin-bottom: 10px; } .choice-label { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 12px 15px; border: 2px solid #e0e0e0; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; font-weight: 500; background-color: #f9f9f9; box-sizing: border-box; } .choice-label:hover { border-color: #007f74; background-color: #f0f8f7; } .feedback { font-weight: bold; display: none; margin-left: 10px; flex-shrink: 0; } .feedback.sai { color: #d32f2f; } .feedback.dung { color: #2e7d32; } .choices:has(.choice-radio:checked) .choice-label { pointer-events: none; opacity: 0.6; } .choices:has(.choice-radio:checked) .choice-radio:checked + .choice-label { opacity: 1; } .choice-radio:checked + .choice-label.incorrect { background-color: #ffcdd2; border-color: #e57373; } .choice-radio:checked + .choice-label.correct { background-color: #c8e6c9; border-color: #81c784; } .choice-radio:checked + .choice-label .feedback { display: inline; } /* Nút điều khiển */ .box-controls { margin-top: 25px; padding-top: 15px; border-top: 1px solid #eee; display: flex; justify-content: space-between; align-items: center; } .box-controls label:only-child { margin-left: auto; } .show-answer, .next-question, .back-question { padding: 10px 20px; border-radius: 5px; font-size: 16px; font-weight: bold; cursor: pointer; display: inline-block; transition: transform 0.2s ease, background-color 0.2s ease; text-align: center; white-space: nowrap; } .show-answer { background-color: #007f74; color: #fff; } .next-question { background-color: #007f74; color: #fff; } .back-question { background-color: #f44336; color: #fff; } .show-answer:hover, .next-question:hover { transform: scale(1.05); background-color: #009688; } .back-question:hover { transform: scale(1.05); background-color: #ef5350; } /* Media wrapper */ .media-wrapper { border: 1px solid #f0f0f0; border-radius: 8px; padding: 10px; margin: 20px 0; background-color: #fcfcfc; } .image-placeholder { position: relative; border: 2px dashed #e0e0e0; border-radius: 6px; cursor: text; display: flex; align-items: center; justify-content: center; min-height: 150px; } .image-placeholder::before { color: #aaa; font-style: italic; font-size: 14px; transition: opacity 0.3s ease; content: 'Bấm vào đây để chèn ảnh'; } .image-placeholder:hover::before { opacity: 0; } .image-placeholder:not(:empty) { border: none; min-height: auto; background-color: transparent; } .image-placeholder:not(:empty)::before { display: none; } .media-wrapper img { max-width: 100%; border-radius: 6px; } /* Responsive */ @media (max-width: 700px) { .quiz-main-container { min-height: 820px; } }