Bất động sản của Đàm Vĩnh Hưng

Quiz Đàm Vĩnh Hưng /* === CÀI ĐẶT CHUNG & TÍNH NĂNG CUỘN MƯỢT === */ html {scroll-behavior:smooth;} a {text-decoration:none;} .quiz-container {font-family:'SFProDisplay-Medium',Arial,sans-serif;max-width:660px;margin:0 auto;padding:0 3px;box-sizing:border-box;} .quiz-main-container {position:relative;min-height:800px;height:auto;background-color:transparent;padding:15px 0;} /* === LOGIC CHUYỂN TRANG QUIZZ === */ .quiz-page {display:none;} #page-q1:checked ~ .quiz-main-container #content-q1, #page-a1:checked ~ .quiz-main-container #content-a1, #page-q2:checked ~ .quiz-main-container #content-q2, #page-a2:checked ~ .quiz-main-container #content-a2, #page-q3:checked ~ .quiz-main-container #content-q3, #page-a3:checked ~ .quiz-main-container #content-a3, #page-q4:checked ~ .quiz-main-container #content-q4, #page-a4:checked ~ .quiz-main-container #content-a4, #page-q5:checked ~ .quiz-main-container #content-q5, #page-a5:checked ~ .quiz-main-container #content-a5 {display:block;} /* === STYLING VĂN BẢN === */ .quiz-page-counter {font-size:14px;color:#888;margin:0 0 10px;} .quiz-question-title {font-size:20px;font-weight:bold;color:#333;margin:0 0 15px;} .quiz-answer-text {color:rgb(51,51,51);margin:0;} .quiz-answer-highlight {color:#333;} .quiz-answer-explain {color:rgb(51,51,51);margin-top:15px;} /* === LỰA CHỌN TRẮC NGHIỆM === */ .choice-radio {display:none;} .choice-item {margin-bottom:10px;} .choice-label {display:flex;align-items:center;width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:0;cursor:pointer;transition:all .2s ease;font-weight:500;background-color:#f9f9f9;box-sizing:border-box;} .choice-label:hover {border-color:#007f74;background-color:#e0f2f1;} .choice-prefix {display:flex;align-items:center;margin-right:12px;} .choice-letter {width:28px;height:28px;border-radius:50%;border:2px solid #b0b0b0;display:flex;align-items:center;justify-content:center;font-weight:bold;transition:all .2s ease;flex-shrink:0;} .choice-text {flex-grow:1;text-align:left;} .feedback {font-weight:bold;display:none;margin-left:10px;flex-shrink:0;} .feedback.sai {color:#d32f2f;} .feedback.dung {color:#16a34a;} .choices:has(.choice-radio:checked) .choice-label {pointer-events:none;opacity:0.7;} .choices:has(.choice-radio:checked) .choice-radio:checked + .choice-label {opacity:1;} .choice-radio:checked + .choice-label.incorrect {background-color:#ffcdd2;border-color:#d32f2f;} .choice-radio:checked + .choice-label.incorrect .choice-letter {background-color:#d32f2f;border-color:#d32f2f;color:#fff;} .choice-radio:checked + .choice-label.correct {background-color:#c8e6c9;border-color:#16a34a;} .choice-radio:checked + .choice-label.correct .choice-letter {background-color:#16a34a;border-color:#16a34a;color:#fff;} .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 a {text-decoration:none;} .box-controls label:only-child, .box-controls a:only-child {margin-left:auto;} .show-answer,.next-question,.back-question {padding:10px 20px;border-radius:0;font-size:16px;font-weight:bold;cursor:pointer;display:inline-block;transition:transform .2s ease,background-color .2s ease;text-align:center;white-space:nowrap;} .show-answer,.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;} /* === KHUNG ẢNH === */ .media-wrapper {border:1px solid #f0f0f0;border-radius:8px;padding:10px;margin:20px 0;background-color:#fcfcfc;} .media-wrapper img {max-width:100%;height:auto;display:block;border-radius:6px;} /* === CTA === */ .quiz-cta-container {max-width:720px;margin:10px auto 40px;text-align:center;padding:0 3px;} .quiz-cta-button {display:inline-block;background-color:#fff;color:#222;border:1px solid #ddd;font-size:14px;font-weight:700;padding:12px 28px;border-radius:0;transition:all .2s ease;cursor:pointer;} .quiz-cta-button:hover {background-color:#16a34a;color:#fff;border-color:#16a34a;}