.news-banner {}

    .news-main {
        background: #f4f6f8;
    }

    .news-wrap {
        display: grid;
        grid-template-columns: 120px 1fr;
        gap: 26px;
    }

    .news-side {
        padding-top: 12px;
    }

    .news-side a {
        display: block;
        font-size: 13px;
        color: var(--text-muted);
        margin-bottom: 10px;
    }

    .news-side a.active {
        color: var(--primary);
    }

    .news-board {
        background: #fff;
        border: 1px solid #e7ecf0;
        padding: 18px;
    }

    .news-tabs {
        display: flex;
        gap: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #edf1f4;
    }

    .news-tab {
        font-size: 14px;
        color: var(--text-muted);
        padding: 10px 0;
        border-bottom: 2px solid transparent;
        cursor: pointer;
    }

    .news-tab.active {
        color: var(--primary);
        border-bottom-color: var(--primary);
    }

    .news-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .news-card {
        background: #fff;
        border: 1px solid #edf1f4;
        display: grid;
        grid-template-columns: 180px 1fr;
        gap: 14px;
        overflow: hidden;
        color: inherit;
        transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }

    .news-card:hover {
        transform: translateY(-3px);
        border-color: rgba(0, 168, 159, 0.35);
        box-shadow: 0 14px 30px rgba(28, 46, 63, 0.08);
    }

    .news-card.empty,
    .news-card.empty:hover {
        transform: none;
        box-shadow: none;
    }

    .news-image {
        height: 132px;
        overflow: hidden;
    }

    .news-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .news-content {
        padding: 12px 12px 12px 0;
    }

    .news-content h3 {
        font-size: 15px;
        line-height: 1.4;
        margin-bottom: 8px;
        max-height: 42px;
        overflow: hidden;
    }

    .news-card:hover .news-content h3 {
        color: var(--primary);
    }

    .news-content p {
        font-size: 12px;
        color: var(--text-light);
        line-height: 1.6;
        height: 58px;
        overflow: hidden;
    }

    .news-date {
        margin-top: 6px;
        font-size: 12px;
        color: var(--text-muted);
    }

    .news-pagination {
        margin-top: 24px;
        display: flex;
        justify-content: center;
        gap: 8px;
    }

    .news-pagination button {
        width: 30px;
        height: 30px;
        border: 1px solid #dfe6eb;
        background: #fff;
        border-radius: 50%;
        cursor: pointer;
        font-size: 12px;
        color: var(--text-light);
    }

    .news-pagination button.active,
    .news-pagination button:hover {
        background: var(--primary);
        border-color: var(--primary);
        color: #fff;
    }

    @media (max-width: 1024px) {
        .news-wrap {
            grid-template-columns: 1fr;
        }

        .news-side {
            display: flex;
            gap: 18px;
            flex-wrap: wrap;
        }
    }

    @media (max-width: 768px) {
        .news-grid {
            grid-template-columns: 1fr;
        }
    }