*{max-width:100%!important;min-width:auto!important;box-sizing:border-box}:root{--blue-med:#0076bb;--green-med:#28a745;--red-med:#d32f2f;--bg-light:#f4f7f8;--text-main:#333}body{margin:0 auto;text-align:justify;width:980px;font-family:Tahoma;line-height:33px}.header{position:relative;border-bottom:1px solid #e1e1e1;height:99px;background-color:#fff;margin:10px}.logo{width:50%;float:left}.logo img{width:100%;height:auto}.UU_DAI{display:none}.footer{background-color:#08763c;color:#fff;text-align:center;padding:5px;border:2px solid #25a795;margin:0 0 45px 0}.contact-mobi{display:none}.desktop-contact .banner-left{display:block;position:fixed;bottom:125px;left:10px;z-index:99999999}.desktop-contact .chat-desktop{display:block;position:fixed;bottom:70px;right:20px;z-index:99999999}.desktop-contact .messenger-box{display:block;position:fixed;bottom:145px;right:20px;z-index:99999999}a{color:#e01313;text-decoration:none}h1,h2,h3,h4{font-weight:700;color:#2e71b9;text-align:justify;font-size:26px;line-height:45px}p,ul,ol{color:#000;font-size:17px;line-height:35px}#anchor-wp{display:block;padding:10px 15px;border:1px solid #b0e3ce}#anchor-wp #anchor-head{display:block}#anchor-wp #anchor-head #button-anchor{display:inline-block;font-weight:700;color:#d30000;cursor:pointer}#anchor-wp #anchor-detail{display:block;margin:10px 0 0 0}#anchor-wp #anchor-detail #toc{display:block;background:#e5fcf3;width:100%;border:1px solid #98cfb8;padding:10px 15px}#anchor-wp #anchor-detail #toc ul{display:block;margin:0;padding:0;list-style:none}#anchor-wp #anchor-detail #toc ul a{display:block;color:#000}#anchor-wp #anchor-detail #toc>ul>li>a{font-weight:Bold;line-height:35px}#anchor-wp #anchor-detail #toc>ul>ul{display:block;padding:0 0 0 25px}#anchor-wp #anchor-detail #toc>ul>ul>li>a{line-height:35px}#anchor-wp #anchor-detail #toc ul li a:hover{color:#d30000}.desktop-contact-wp .banner-left-wp a{display:block;position:fixed;bottom:75px;left:15px;width:150px;height:auto;z-index:99999}.desktop-contact-wp .social-wp{display:block;position:fixed;right:15px;bottom:75px;z-index:99999}.desktop-contact-wp .social-wp .list-item{list-style:none;margin:0;padding:0}.desktop-contact-wp .social-wp .list-item li{display:block;margin:0 0 25px 0}.desktop-contact-wp .social-wp .list-item li:last-child{margin-bottom:0}.desktop-contact-wp .social-wp .list-item li a{display:block}.mobile-contact-wp{display:none}.action-wp{display:flex;justify-content:center;align-items:center;position:fixed;bottom:0;left:0;width:100%;height:auto;background:#fff;z-index:99999;box-shadow:0 0 10px #666}.action-wp a:nth-child(1){display:flex;justify-content:center;align-items:center;width:50%}.action-wp a:nth-child(2){display:flex;justify-content:center;align-items:center;width:50%}@-webkit-keyframes pulseth{to{box-shadow:0 0 0 10px rgb(0 166 241 / 25%)}}@-moz-keyframes pulseth{to{box-shadow:0 0 0 10px rgb(0 166 241 / 25%)}}@-ms-keyframes pulseth{to{box-shadow:0 0 0 20px rgb(0 166 241 / 25%)}}@keyframes pulseth{to{box-shadow:0 0 0 10px rgb(0 166 241 / 25%)}}@-webkit-keyframes rotex{30%{-webkit-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg)}33%{-webkit-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg)}36%{-webkit-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg)}39%{-webkit-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg)}42%{-webkit-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg)}45%{-webkit-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg)}48%{-webkit-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg)}51%{-webkit-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg)}54%{-webkit-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg)}57%{-webkit-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg)}}@media screen and (max-width:820px){.header{z-index:99999;margin:0}.logo img{width:100%}.banner-top-desktop{display:none}.UU_DAI{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:auto}.UU_DAI a{display:flex}body{width:100%!important;margin:0 auto}#content img{height:auto!important}.logo{width:100%;height:auto;margin:0 auto;text-align:center}#content{margin:3%;margin-top:33px;overflow-wrap:break-word}.mobile-contact-wp{display:block}.mobile-contact-wp .zalo-wp{display:block;position:fixed;right:15px;bottom:130px;z-index:99999}.mobile-contact-wp .zalo-wp a{display:block}.mobile-contact-wp .rchat-wp{display:block;position:fixed;right:15px;bottom:60px;z-index:99999}.mobile-contact-wp .rchat-wp a{display:flex}.mobile-contact-wp .gift-wp{display:block;position:fixed;left:15px;top:300px;z-index:99999}.mobile-contact-wp .gift-wp a{display:flex;justify-content:center;align-items:center;width:55px;height:55px;border:1px solid rgb(0 0 0 / .1);border-radius:30px;box-shadow:0 0 14px 0 rgb(0 0 0 / .16);text-decoration:none;background:#e05555;cursor:pointer}.mobile-contact-wp .gift-wp a svg{display:inline-flex;-webkit-animation:rotex 2.5s infinite;-moz-animation:rotex 2.5s infinite;-o-animation:rotex 2.5s infinite;animation:rotex 2.5s infinite}}.desktop-contact-wp .social-wp .list-item li a,.mobile-contact-wp .zalo-wp a,.mobile-contact-wp .rchat-wp a{position:relative}.desktop-contact-wp .social-wp .list-item li a::after,.mobile-contact-wp .zalo-wp a::after,.mobile-contact-wp .rchat-wp a::after{content:attr(data-count);position:absolute;top:0;right:0;color:#fff;padding:0;line-height:1;text-align:center;width:10px;height:11px;display:flex;justify-content:center;align-items:center}a{color:#db1021;text-decoration:none}.toc-list{list-style:none;padding:0;display:none}.toc-list.active{display:block}.toc-list li{margin-left:10px}.toc-list li.subsection{margin-left:25px}.toc-list li a{text-decoration:none}.toc-list li a:hover{text-decoration:underline}.toc-title{color:#ab0d0d;width:100%;height:auto}.toc-container{background-color:#d2f9fe;padding:5px;border:1px solid #006331;overflow:auto}h2.wp-h2{text-align:justify;color:#1f3b60;line-height:40px;font-size:20px;font-weight:600}h1{font-size:26px}@media screen and (min-width:821px){.action-wp,.desktop-contact-wp .social-wp{!important}}@media screen and (max-width:820px){.action-wp,.mobile-contact-wp,.mobile-contact-wp .zalo-wp,.mobile-contact-wp .rchat-wp{display:flex!important}.mobile-contact-wp .zalo-wp a,.mobile-contact-wp .rchat-wp a{display:block;position:fixed;z-index:99999}.mobile-contact-wp .zalo-wp{right:15px;bottom:130px}.mobile-contact-wp .rchat-wp{right:15px;bottom:60px}.action-wp{justify-content:center;align-items:center;position:fixed;bottom:0;left:0;width:100%;height:auto;background:#fff;z-index:99999;box-shadow:0 0 10px #666}}.method-link{color:#c2185b;font-weight:700;text-decoration:none;font-size:1rem;display:block}.method-link:hover{text-decoration:underline;color:#ad1457}.method-note{font-size:.85rem;color:#64748b;font-style:italic}.price-text{color:#b71c1c;font-weight:800;font-size:1rem}.price-old{text-decoration:line-through;color:#9ca3af;font-size:.8rem;margin-left:5px}.btn-action{display:inline-block;background:#c2185b;color:#fff;padding:6px 12px;border-radius:4px;text-decoration:none;font-size:.85rem;font-weight:600;box-shadow:0 2px 4px rgb(0 0 0 / .2);transition:background 0.2s;white-space:nowrap}@keyframes pulse-green{0%{transform:scale(1);box-shadow:0 0 0 0 rgb(37 211 102 / .7)}70%{transform:scale(1.03);box-shadow:0 0 0 10px #fff0}100%{transform:scale(1);box-shadow:0 0 0 0 #fff0}}@-webkit-keyframes pulse-green{0%{-webkit-transform:scale(1);box-shadow:0 0 0 0 rgb(37 211 102 / .7)}70%{-webkit-transform:scale(1.03);box-shadow:0 0 0 10px #fff0}100%{-webkit-transform:scale(1);box-shadow:0 0 0 0 #fff0}}.btn-action{align-items:center;justify-content:center;color:white!important;padding:15px 35px;border-radius:50px;text-decoration:none;font-weight:700;font-size:18px;animation:pulse-green 2s infinite;-webkit-animation:pulse-green 2s infinite;transition:0.3s}@media screen and (max-width:767px){.btn-action{padding:10px 15px!important;font-size:19px!important;white-space:normal!important;line-height:1.8!important;min-height:55px;width:90%;margin:10px auto}}blockquote{background:#fffbe6;border-left:5px solid #ffe58f;padding:15px;margin:20px 0}.container { max-width: 1200px; margin: 0 auto; padding: 40px 20px; } .header-section { text-align: center; margin-bottom: 50px; } .header-section h1 { font-size: 2.5rem; color: #0284c7; margin-bottom: 12px; font-weight: 700; } .header-section p { font-size: 1.1rem; color: #64748b; max-width: 750px; margin: 0 auto; } /* Khung bao quanh từng khối chuyên khoa */ .category-wrapper { background: #ffffff; border-radius: 16px; padding: 30px; margin-bottom: 40px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03); border: 1px solid #e2e8f0; } .category-header { display: flex; align-items: center; gap: 12px; margin-bottom: 25px; border-bottom: 2px solid #e2e8f0; padding-bottom: 15px; } .category-header .icon { font-size: 1.8rem; background: #e0f2fe; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .category-header h2 { font-size: 1.5rem; color: #1e293b; font-weight: 600; } .category-header .view-all { margin-left: auto; font-size: 0.95rem; color: #0284c7; text-decoration: none; } .category-header .view-all:hover { text-decoration: underline; } /* Lưới hiển thị danh sách bài viết con */ .posts-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px; } .post-card { background: #ffffff; border-radius: 10px; overflow: hidden; border: 1px solid #f1f5f9; box-shadow: 0 2px 4px rgba(0,0,0,0.02); text-decoration: none; color: inherit; display: flex; flex-direction: column; transition: transform 0.2s ease, box-shadow 0.2s ease; } .post-card:hover { transform: translateY(-4px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); } .post-thumb { width: 100%; height: 165px; object-fit: cover; background-color: #cbd5e1; } .post-body { padding: 15px; display: flex; flex-direction: column; flex-grow: 1; } .post-title { font-size: 1rem; color: #1e293b; font-weight: 600; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .post-card:hover .post-title { color: #0284c7; } .footer { text-align: center; margin-top: 60px; padding-top: 25px; border-top: 1px solid #e2e8f0; color: #94a3b8; font-size: 0.9rem; } /* Tối ưu hóa giao diện hiển thị mượt mà trên Mobile */ @media (max-width: 768px) { .container { padding: 20px 12px; } .header-section { margin-bottom: 30px; } .header-section h1 { font-size: 1.9rem; } .category-wrapper { padding: 15px; margin-bottom: 25px; } .category-header h2 { font-size: 1.25rem; } .posts-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; } .post-thumb { height: 110px; } .post-title { font-size: 0.9rem; -webkit-line-clamp: 2; } } @media (max-width: 480px) { .posts-grid { grid-template-columns: 1fr; } .post-thumb { height: 180px; } }