\/* Kh\u1edfi t\u1ea1o c\u01a1 b\u1ea3n *\/
\n* {
\n margin: 0;
\n padding: 0;
\n box-sizing: border-box;
\n font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;
\n}<\/p>\n
body {
\n background-color: #f4f7f6;
\n}<\/p>\n
.container {
\n display: flex;
\n max-width: 1200px;
\n margin: 20px auto;
\n gap: 20px;
\n padding: 0 15px;
\n}<\/p>\n
\/* Sidebar Menu b\u00ean tr\u00e1i *\/
\n.sidebar {
\n flex: 0 0 300px;
\n background: #fff;
\n padding: 20px;
\n border-radius: 8px;
\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);
\n}<\/p>\n
.sidebar h3 {
\n font-size: 1.1rem;
\n color: #333;
\n margin-bottom: 15px;
\n padding-bottom: 10px;
\n border-bottom: 2px solid #007bff;
\n}<\/p>\n
.menu-list {
\n list-style: none;
\n}<\/p>\n
.menu-list li {
\n padding: 12px 0;
\n border-bottom: 1px solid #eee;
\n font-size: 0.95rem;
\n color: #444;
\n cursor: pointer;
\n transition: 0.3s;
\n}<\/p>\n
.menu-list li span {
\n font-weight: 600;
\n color: #555;
\n}<\/p>\n
.menu-list li:hover {
\n color: #007bff;
\n padding-left: 5px;
\n}<\/p>\n
\/* N\u1ed9i dung ch\u00ednh gi\u1eefa *\/
\n.main-content {
\n flex: 1;
\n background: #fff;
\n padding: 20px;
\n border-radius: 8px;
\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);
\n}<\/p>\n
.news-section h2 {
\n margin-bottom: 20px;
\n color: #222;
\n text-align: center;
\n}<\/p>\n
.news-grid {
\n display: grid;
\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
\n gap: 20px;
\n}<\/p>\n
.news-item {
\n border: 1px solid #eee;
\n border-radius: 8px;
\n overflow: hidden;
\n transition: 0.3s;
\n}<\/p>\n
.news-item:hover {
\n transform: translateY(-5px);
\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);
\n}<\/p>\n
.news-img {
\n height: 150px;
\n background: #ddd; \/* Placeholder cho \u1ea3nh *\/
\n}<\/p>\n
.news-item h4 {
\n padding: 15px 15px 5px;
\n color: #007bff;
\n}<\/p>\n
.news-item p {
\n padding: 0 15px 15px;
\n font-size: 0.9rem;
\n color: #666;
\n line-height: 1.5;
\n}<\/p>\n
\/* N\u00fat G\u1eccI NGAY n\u1ed5i b\u1eadt *\/
\n.btn-call-now {
\n position: fixed;
\n bottom: 30px;
\n right: 30px;
\n background-color: #ff3b30;
\n color: white;
\n padding: 12px 25px;
\n border-radius: 50px;
\n text-decoration: none;
\n display: flex;
\n align-items: center;
\n gap: 10px;
\n font-weight: bold;
\n box-shadow: 0 4px 15px rgba(255, 59, 48, 0.4);
\n z-index: 1000;
\n transition: 0.3s;
\n}<\/p>\n
.btn-call-now:hover {
\n background-color: #e03127;
\n transform: scale(1.05);
\n}<\/p>\n
\/* Hi\u1ec7u \u1ee9ng s\u00f3ng rung cho n\u00fat g\u1ecdi *\/
\n.pulse {
\n position: absolute;
\n width: 100%;
\n height: 100%;
\n background: inherit;
\n border-radius: inherit;
\n z-index: -1;
\n animation: pulse-animation 1.5s infinite;
\n}<\/p>\n
@keyframes pulse-animation {
\n 0% { transform: scale(1); opacity: 0.6; }
\n 100% { transform: scale(1.4); opacity: 0; }
\n}<\/p>\n
\/* Responsive cho \u0111i\u1ec7n tho\u1ea1i *\/
\n@media (max-width: 768px) {
\n .container {
\n flex-direction: column;
\n }
\n .sidebar {
\n flex: none;
\n width: 100%;
\n }
\n}<\/p>\n","protected":false},"excerpt":{"rendered":"
\/* Kh\u1edfi t\u1ea1o c\u01a1 b\u1ea3n *\/ * { margin: 0; padding: 0; box-sizing: border-box; font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif; } body { background-color: #f4f7f6; } .container { display: flex; max-width: 1200px; margin: 20px auto; gap: 20px; padding: 0 15px; } \/* Sidebar Menu b\u00ean tr\u00e1i *\/ .sidebar { flex: 0 0 300px; background:<\/p>\n