/* 首页底部资讯。更换背景图片：修改下面的 ../jpg/news-city-bg.png */
.home-news { box-sizing: border-box; width: 100%; position: relative; isolation: isolate; overflow: hidden; padding: 38px 24px 310px; background: #fbfbfb url('../png/home-dragon-bg-faint.svg') center top / 1920px auto repeat-y; }
.home-news::before { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(to bottom, #fbfbfb 0%, rgba(251,251,251,.98) 22%, rgba(251,251,251,.85) 40%, rgba(251,251,251,.18) 72%, rgba(251,251,251,0) 100%), url('../jpg/news-city-bg.png') center bottom / cover no-repeat; }
.home-news::after { content: ''; position: absolute; z-index: -1; inset: auto 0 0; height: 190px; background: linear-gradient(to bottom, rgba(30,31,37,0), #1e1f25); pointer-events: none; }
.home-news * { box-sizing: border-box; }
.home-news__inner { position: relative; max-width: 1400px; margin: 0 auto; }
.home-news__heading { text-align: center; margin-bottom: 32px; }
.home-news__heading h2 { margin: 0 0 6px; color: #595959; font-size: 30px; line-height: 1.3; font-weight: 700; }
.home-news__heading > p { margin: 0; color: #595959; font-size: 10px; line-height: 1.5; font-weight: 700; letter-spacing: 8px; padding-left: 8px; }
.home-news__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.home-news__card { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 26px 24px 22px; background: rgba(255,255,255,.58); color: #544d43; text-decoration: none; border: 1px solid rgba(177,157,122,.16); transition: box-shadow .2s, border-color .2s; }
.home-news__card::before { content: none; }
.home-news__card h3 { margin: 0 0 13px; font-size: 17px; font-weight: 500; line-height: 1.6; text-align: center; color: #59452e; }
.home-news__card time { display: flex; align-items: center; gap: 10px; font-size: 12px; line-height: 1.5; color: #85755e; }
.home-news__card time::before, .home-news__card time::after { content: ''; flex: 1; height: 1px; background: #ded8cd; }
.home-news__card > p { margin: 16px 0 18px; font-size: 14px; line-height: 1.9; color: #655f55; text-align: center; }
.home-news__more { margin-top: auto; color: #8c6937; font-size: 12px; line-height: 1.5; }
.home-news__card:hover { border-color: #c4b598; box-shadow: 0 8px 24px rgba(77, 57, 30, .1); }
.home-news__card:focus-visible { outline: 2px solid #8c6937; outline-offset: 4px; }

@media (max-width: 900px) { .home-news { padding: 32px 20px 240px; } .home-news__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } }
@media (max-width: 480px) { .home-news { padding: 28px 14px 200px; } .home-news__heading { margin-bottom: 22px; } .home-news__heading h2 { font-size: 26px; } .home-news__grid { gap: 10px; } .home-news__card { padding: 20px 12px 16px; } .home-news__card h3 { font-size: 15px; } .home-news__card > p { font-size: 13px; } .home-news__card time { gap: 5px; font-size: 11px; } }