body.news-page { padding-top: 72px; background: #f7f9fa; color: #263238; }
.news-hero { padding: 64px 0 52px; background: #eef7f7; border-bottom: 1px solid #dce8e8; }
.news-hero h1 { margin-bottom: 10px; color: #005f66; font-size: 42px; }
.news-hero p { max-width: 680px; margin: 0; color: #5e6d72; }
.news-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; padding-top: 48px; padding-bottom: 70px; }
.news-list-card { overflow: hidden; background: #fff; border: 1px solid #e2e9eb; border-radius: 8px; box-shadow: 0 8px 24px rgba(0,50,55,.06); }
.news-list-image { display: block; height: 220px; overflow: hidden; background: #edf2f3; }
.news-list-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.news-list-card:hover .news-list-image img { transform: scale(1.03); }
.news-list-content { padding: 22px; }
.news-list-meta { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 12px; color: #6f7d81; font-size: 13px; }
.news-list-meta span { color: #008d90; }
.news-list-card h2 { min-height: 58px; margin-bottom: 12px; font-size: 21px; line-height: 1.4; }
.news-list-card h2 a { color: #064f55; }
.news-list-card p { min-height: 72px; color: #657378; line-height: 1.7; }
.news-more { color: #008d90; font-weight: 600; }
.news-empty { grid-column: 1 / -1; padding: 70px 20px; background: #fff; color: #69777b; text-align: center; border: 1px solid #e2e9eb; }
.news-detail-shell { max-width: 920px; margin: 48px auto 72px; padding: 38px; background: #fff; border: 1px solid #e2e9eb; }
.news-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 22px; padding: 0; color: #78878b; font-size: 14px; list-style: none; }
.news-breadcrumb li:not(:last-child)::after { content: '/'; margin-left: 8px; color: #a5b0b3; }
.news-breadcrumb a { color: #008d90; }
.news-breadcrumb a:hover { color: #005f66; }
.news-breadcrumb span { display: inline-block; max-width: 420px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; }
.news-detail-shell h1 { margin-bottom: 14px; color: #064f55; font-size: 36px; line-height: 1.35; }
.news-detail-meta { display: flex; gap: 20px; margin-bottom: 26px; color: #708085; }
.news-detail-cover { width: 100%; max-height: 520px; margin-bottom: 30px; object-fit: cover; border-radius: 6px; }
.news-article-content { color: #344449; font-size: 17px; line-height: 1.95; }
.news-article-content p { margin-bottom: 20px; }
.news-article-content img { display: block; max-width: 100%; height: auto; margin: 28px auto; border-radius: 6px; }
.news-back { display: inline-flex; align-items: center; gap: 8px; margin-top: 30px; color: #008d90; font-weight: 600; }
.news-footer { padding: 30px 0; background: #00575e; color: rgba(255,255,255,.82); text-align: center; }
@media (max-width: 991px) { .news-list { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 767px) { body.news-page { padding-top: 66px; } .news-hero { padding: 42px 0 36px; } .news-hero h1 { font-size: 32px; } .news-list { grid-template-columns: 1fr; padding-top: 30px; } .news-detail-shell { margin: 24px 12px 50px; padding: 22px 18px; } .news-detail-shell h1 { font-size: 27px; } .news-breadcrumb span { max-width: 180px; } }