:root{--hong: #ff4fa3;--hong-dam: #d61f7c;--hong-nhat: #ffd6ea;--tim: #8b5cf6;--tim-nhat: #ede4ff;--troi: #38bdf8;--troi-nhat: #dff3ff;--vang: #ffc83d;--vang-nhat: #fff3c4;--bac-ha: #34d399;--nen-ngoai-1: #ffe3f1;--nen-ngoai-2: #efe2ff;--nen-ngoai-3: #dcf1ff;--sao: #ffffff;--lau-dai: rgba(255, 255, 255, .7);--thanh-nen: #fff7fb;--giay: #fffcfa;--nen-phu: #fdf3f7;--vien: #f0d9e4;--chu: #2b1d2e;--chu-phu: #6e5a70;--tieu-de: #6b1d55;--nhan: #c2185b;--nhan-chu: #ffffff;--xanh: #13804f;--xanh-nen: #e3f7ec;--do: #c62839;--do-nen: #fdebee;--vang-nen: #fff6d9;--vang-vien: #e2b13c;--tim-nen: #f3edff;--code-nen: #f8f1f5;--bong: 0 18px 50px -20px rgba(160, 40, 110, .35), 0 2px 6px rgba(160, 40, 110, .08);--font-chu: "Be Vietnam Pro", "Segoe UI", Roboto, Arial, sans-serif;--font-vui: "Baloo 2", "Be Vietnam Pro", "Segoe UI", sans-serif;--font-ma: "Roboto Mono", Consolas, Menlo, monospace;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--hong: #ff6eb4;--hong-dam: #ff8cc6;--hong-nhat: #4a1d3c;--tim: #a78bfa;--tim-nhat: #2e2050;--troi: #7dd3fc;--troi-nhat: #12324a;--vang: #ffd166;--vang-nhat: #3a2e10;--nen-ngoai-1: #2a0f2e;--nen-ngoai-2: #1c1240;--nen-ngoai-3: #0f1d3a;--sao: #fff4c2;--lau-dai: rgba(255, 170, 220, .16);--thanh-nen: #2a1a2e;--giay: #1f1823;--nen-phu: #2a2030;--vien: #45344b;--chu: #f2e9f1;--chu-phu: #bcaabd;--tieu-de: #ffb3d9;--nhan: #ff8cc6;--nhan-chu: #2b0a1f;--xanh: #5fd49a;--xanh-nen: #15302a;--do: #ff7b8a;--do-nen: #3a1820;--vang-nen: #332a14;--vang-vien: #b8892a;--tim-nen: #2a2140;--code-nen: #2a2030;--bong: 0 18px 50px -20px rgba(0, 0, 0, .7), 0 2px 6px rgba(0, 0, 0, .3);color-scheme:dark}}*{box-sizing:border-box}[hidden]{display:none!important}html{min-height:100%}body{margin:0;min-height:100vh;color:var(--chu);font:16px/1.7 var(--font-chu);background-color:var(--nen-ngoai-2);background-image:radial-gradient(circle at 12% 18%,var(--nen-ngoai-1) 0,transparent 45%),radial-gradient(circle at 88% 12%,var(--nen-ngoai-3) 0,transparent 40%),radial-gradient(circle at 80% 85%,var(--nen-ngoai-1) 0,transparent 45%),linear-gradient(160deg,var(--nen-ngoai-1),var(--nen-ngoai-2) 50%,var(--nen-ngoai-3));background-attachment:fixed}body.dang-kiem-tra .noi-dung-chinh{visibility:hidden}a{color:var(--nhan);text-underline-offset:3px}img{max-width:100%;height:auto}.phong-nen{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.phong-nen .lau-dai{position:absolute;left:50%;bottom:-4px;width:min(1400px,140vw);transform:translate(-50%);color:var(--lau-dai)}.phong-nen .sao{position:absolute;width:var(--co, 14px);height:var(--co, 14px);background:var(--mau, var(--sao));clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);opacity:.85;animation:lap-lanh 3.2s ease-in-out infinite;animation-delay:var(--tre, 0s)}.phong-nen .bong-bay{position:absolute;width:var(--co, 46px);aspect-ratio:4 / 5;border-radius:50% 50% 48% 48%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.75) 0 12%,transparent 13%),var(--mau);opacity:.55;animation:bay-len 9s ease-in-out infinite alternate;animation-delay:var(--tre, 0s)}.phong-nen .bong-bay:after{content:"";position:absolute;left:50%;top:100%;width:1px;height:60px;background:currentColor;color:var(--mau);opacity:.6}@keyframes lap-lanh{0%,to{transform:scale(.7) rotate(0);opacity:.4}50%{transform:scale(1.1) rotate(20deg);opacity:1}}@keyframes bay-len{0%{transform:translateY(0) rotate(-4deg)}to{transform:translateY(-28px) rotate(4deg)}}@media(prefers-reduced-motion:reduce){.phong-nen .sao,.phong-nen .bong-bay{animation:none}}.bang-che-do-thu{background:repeating-linear-gradient(-45deg,var(--vang-nhat) 0 14px,var(--hong-nhat) 14px 28px);color:var(--chu);padding:6px 16px;font-size:14px;font-weight:500;text-align:center}.dau-trang{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;padding:10px max(16px,calc((100% - 1040px)/2));background:var(--thanh-nen);color:var(--tieu-de);box-shadow:0 6px 18px -14px #8c1e6480}.dau-trang:after{content:"";position:absolute;left:0;right:0;top:100%;height:8px;background:radial-gradient(circle at 10px -2px,var(--thanh-nen) 8px,transparent 8.5px) 0 0 / 20px 8px repeat-x}.logo{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-vui);font-weight:800;font-size:22px;line-height:1;color:var(--tieu-de);text-decoration:none}.logo .bieu-tuong{font-size:22px;display:inline-block;transition:transform .3s}.logo:hover .bieu-tuong{transform:rotate(20deg) scale(1.15)}.logo span:last-child{background:#e0267d;color:#fff;padding:3px 10px 1px;border-radius:999px;font-size:15px;transform:rotate(-4deg)}.dau-trang nav{display:flex;gap:6px}.dau-trang nav a{color:var(--chu);text-decoration:none;font-weight:600;padding:4px 14px;border-radius:999px;transition:background .2s,color .2s}.dau-trang nav a:hover,.dau-trang nav a[aria-current=page]{background:var(--hong-nhat);color:var(--hong-dam)}.nguoi-dung{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:14px;color:var(--chu-phu)}.noi-dung-chinh{max-width:920px;margin:36px auto 120px;padding:40px 48px 56px;background:var(--giay);border-radius:28px;box-shadow:var(--bong);position:relative}.noi-dung-chinh:has(.khung-dang-nhap){max-width:520px}h1,h2,h3,h4{color:var(--tieu-de);line-height:1.3}h1{font-family:var(--font-vui);font-weight:800;letter-spacing:-.01em}.thong-bao-truy-cap{max-width:640px;margin:48px auto;padding:28px;border-radius:24px;background:var(--giay);box-shadow:var(--bong)}.thong-bao-truy-cap:not([hidden])~.noi-dung-chinh{display:none}.nut{font:inherit;font-size:14px;font-weight:600;padding:7px 18px;border-radius:999px;border:1.5px solid var(--nhan);background:var(--nhan);color:var(--nhan-chu);cursor:pointer;transition:transform .15s,box-shadow .15s}.nut:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 12px -4px var(--nhan)}.nut:disabled{opacity:.5;cursor:not-allowed}.nut-phu{background:transparent;color:var(--nhan)}.nut-nho{padding:3px 12px}.nut-xong{background:var(--xanh);border-color:var(--xanh);color:#fff}.nut:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--troi);outline-offset:2px}.gioi-thieu{margin:-40px -48px 32px;padding:40px 48px 32px;border-radius:28px 28px 0 0;background:radial-gradient(circle at 92% 20%,var(--vang-nhat) 0 60px,transparent 61px),linear-gradient(135deg,var(--hong-nhat),var(--tim-nhat) 55%,var(--troi-nhat));position:relative;overflow:hidden}.gioi-thieu:after{content:"🏰";position:absolute;right:36px;top:22px;font-size:64px;line-height:1}.gioi-thieu h1{margin:0 0 8px;font-size:34px;padding-right:90px}.gioi-thieu p{max-width:62ch;margin:0 0 8px}.tien-do-khoa{display:inline-block;font-weight:700;color:var(--xanh);background:var(--giay);padding:4px 14px;border-radius:999px}.tien-do-khoa:empty{display:none}.tuan{margin-top:28px}.tuan h2{display:inline-block;font-family:var(--font-vui);font-size:20px;margin:0 0 12px;padding:4px 18px 2px;border-radius:999px;color:#fff;background:var(--mau-tuan, var(--hong))}.tuan:nth-of-type(5n+2){--mau-tuan: #7c3aed}.tuan:nth-of-type(5n+3){--mau-tuan: #0284c7}.tuan:nth-of-type(5n+4){--mau-tuan: #c2670a}.tuan:nth-of-type(5n+5){--mau-tuan: #047857}.tuan:nth-of-type(5n+1){--mau-tuan: #e0267d}.ds-bai{list-style:none;padding:0;margin:0;display:grid;gap:10px}.ds-bai a{display:grid;grid-template-columns:76px 1fr auto;grid-template-areas:"ngay ten loai" "ngay thanh chu";gap:4px 14px;align-items:center;padding:12px 16px;border:1.5px solid var(--vien);border-left:6px solid var(--mau-tuan, var(--hong));border-radius:16px;background:var(--giay);color:var(--chu);text-decoration:none;transition:transform .15s,box-shadow .15s}.ds-bai a:hover{transform:translateY(-2px);box-shadow:0 10px 24px -14px var(--mau-tuan, var(--hong))}.ds-bai .ngay{grid-area:ngay;color:var(--chu-phu);font-size:14px;font-weight:600}.ds-bai .ten{grid-area:ten;font-weight:600}.ds-bai .nhan-loai{grid-area:loai}.ds-bai .thanh-tien-do{grid-area:thanh}.ds-bai .chu-tien-do{grid-area:chu;font-size:13px;color:var(--chu-phu);text-align:right}.bai-xong a{background:var(--xanh-nen)}.bai-xong .ten:after{content:" ⭐"}.thanh-tien-do{display:block;height:8px;border-radius:999px;background:var(--nen-phu);overflow:hidden}.thanh-tien-do span{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--hong),var(--vang),var(--bac-ha));transition:width .4s}.ghi-chu-sap-co{color:var(--chu-phu);margin-top:32px;text-align:center}.nhan-loai{font-size:12px;font-weight:600;padding:2px 10px;border-radius:999px;background:var(--nen-phu);color:var(--chu-phu);white-space:nowrap}.loai-review{background:var(--vang-nen);color:#8a5a00}.loai-tong-ket,.loai-kiem-tra{background:var(--tim-nen);color:var(--tim)}.bai-vi-tri{color:var(--chu-phu);font-size:14px;margin-top:0}.bai-thong-tin{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;padding:14px 20px;border-radius:18px;background:var(--nen-phu)}.bai-thong-tin h2{font-size:15px;margin:0 0 4px}.bai-thong-tin ul{margin:0;padding-left:20px}.bai-noi-dung{font-size:17px}.bai-noi-dung>*{max-width:72ch}.bai-noi-dung>pre,.bai-noi-dung>table,.bai-noi-dung>img,.bai-noi-dung>p:has(>img),.bai-noi-dung>div{max-width:none}.bai-noi-dung h1{font-size:30px}.bai-noi-dung h2{margin-top:44px;padding-bottom:6px;border-bottom:2px dotted var(--vien)}.bai-noi-dung h2:before{content:"✦ ";color:var(--hong)}.bai-noi-dung h3{margin-top:28px}.bai-noi-dung table{border-collapse:collapse;display:block;overflow-x:auto;margin:14px 0;font-size:15px}.bai-noi-dung th,.bai-noi-dung td{border:1px solid var(--vien);padding:6px 10px;vertical-align:top}.bai-noi-dung th{background:var(--nen-phu);text-align:left}.bai-noi-dung pre{padding:14px 16px;border-radius:12px;overflow-x:auto;font-size:14px;background:var(--code-nen)!important;border:1px solid var(--vien)}.bai-noi-dung code{font-family:var(--font-ma);font-size:.88em}.bai-noi-dung :not(pre)>code{background:var(--code-nen);padding:1px 6px;border-radius:6px}.bai-noi-dung img{display:block;margin:18px auto;border:1px solid var(--vien);border-radius:12px;background:#fff}.bai-noi-dung blockquote{margin:16px 0;padding:4px 16px;border-left:4px solid var(--hong-nhat);color:var(--chu-phu)}.hop{margin:18px 0;padding:12px 18px;border-left:5px solid var(--troi);background:var(--nen-phu);border-radius:0 14px 14px 0}.hop-nhan{font-weight:700;margin:0 0 4px}.hop-meo{border-color:var(--bac-ha);background:var(--xanh-nen)}.hop-canh-bao{border-color:var(--do);background:var(--do-nen)}.anh-can-chup{margin:18px 0;padding:12px 18px;border:2px dashed var(--vien);border-radius:14px;color:var(--chu-phu)}.bai-tap{margin:24px 0 8px;padding:14px 18px;border:1.5px solid var(--vien);border-top:4px solid var(--hong);border-radius:16px}.bai-tap.da-lam{border-color:var(--xanh);border-top-color:var(--xanh)}.bai-tap-thanh{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px}.bai-tap-nhan{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--hong-dam)}.bai-tap.da-lam .bai-tap-nhan{color:var(--xanh)}.loi-giai{margin:0 0 28px;padding:12px 18px;border:1.5px dashed var(--vien);border-radius:16px;background:var(--nen-phu)}.loi-giai.bi-khoa{opacity:.85}.goi-y-khoa{margin:6px 0 0;font-size:14px;color:var(--chu-phu)}.loi-giai-noi-dung{margin-top:8px}.quiz{margin:18px 0}.quiz-form{padding:14px 18px;border:1.5px solid var(--vien);border-top:4px solid var(--tim);border-radius:16px}.quiz-tieu-de{margin-top:0}.quiz-tom-tat{color:var(--chu-phu);font-size:14px}.quiz-cau{border:1px solid var(--vien);border-radius:12px;margin:12px 0;padding:10px 14px}.quiz-cau legend{font-weight:600;padding:0 4px}.quiz-cau.dung{border-color:var(--xanh);background:var(--xanh-nen)}.quiz-cau.sai{border-color:var(--do);background:var(--do-nen)}.quiz-lua-chon{display:block;padding:3px 0;cursor:pointer}.quiz-lua-chon input{accent-color:var(--nhan)}.quiz-giai-thich{font-size:14px;margin:6px 0 0}.quiz-form .nut{margin-right:8px}.quiz-ket-qua.dat{color:var(--xanh);font-weight:700}.quiz-ket-qua.dat:after{content:" 🎉"}.quiz-ket-qua.chua-dat{color:var(--do);font-weight:700}.tu-danh-gia{padding:8px 18px;border-radius:16px;background:var(--nen-phu)}.tu-danh-gia ul{list-style:none;padding-left:0}.tu-danh-gia input{margin-right:8px;transform:scale(1.15);accent-color:var(--nhan)}.trang-thai-luu{position:sticky;bottom:8px;text-align:right;font-size:13px;color:var(--chu-phu);min-height:1em}.trang-thai-luu.loi{color:var(--do)}.bai-dieu-huong{display:flex;justify-content:space-between;gap:16px;margin-top:40px;padding-top:18px;border-top:2px dotted var(--vien)}.bai-dieu-huong a{font-weight:600;text-decoration:none}.bai-dieu-huong a:hover{text-decoration:underline}.khung-dang-nhap{margin:0 auto}.khung-dang-nhap h1{text-align:center;margin-top:0}.khung-dang-nhap h1:before{content:"🏰";display:block;font-size:52px;line-height:1.2}.khung-dang-nhap .mo-ta{text-align:center}.mo-ta{color:var(--chu-phu)}.tab{display:flex;gap:6px;padding:4px;margin-bottom:18px;border-radius:999px;background:var(--nen-phu)}.tab button{flex:1;font:inherit;padding:7px;border:none;border-radius:999px;background:none;color:var(--chu-phu);cursor:pointer}.tab button[aria-selected=true]{color:#fff;background:linear-gradient(90deg,var(--hong),var(--tim));font-weight:600}.form{display:grid;gap:12px}.form label{display:grid;gap:4px;font-size:14px;font-weight:500}.form input{font:inherit;padding:9px 14px;border:1.5px solid var(--vien);border-radius:12px;background:var(--giay);color:var(--chu)}.form input:focus{outline:none;border-color:var(--hong);box-shadow:0 0 0 3px var(--hong-nhat)}.form .nut{padding:10px;font-size:15px;background:linear-gradient(90deg,var(--hong),var(--tim));border:none;color:#fff}.thong-bao{padding:8px 12px;border-radius:12px;font-size:14px}.thong-bao.loi{background:var(--do-nen);color:var(--do)}.thong-bao.ok{background:var(--xanh-nen);color:var(--xanh)}@media(max-width:700px){.noi-dung-chinh{margin:20px 10px 80px;padding:24px 18px 36px;border-radius:22px}.gioi-thieu{margin:-24px -18px 24px;padding:28px 18px 22px;border-radius:22px 22px 0 0}.gioi-thieu:after{font-size:40px;right:14px;top:14px}.gioi-thieu h1{font-size:26px;padding-right:50px}.ds-bai a{grid-template-columns:1fr auto;grid-template-areas:"ten loai" "ngay ngay" "thanh chu"}.nguoi-dung{margin-left:0;width:100%}.bai-noi-dung{font-size:16px}.phong-nen .bong-bay{display:none}}
