.news-main{color:#FFFFFF;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}
.news-main *{box-sizing:border-box;letter-spacing:0!important}
.news-main .news-wrap{width:round(nearest,min(1280px,calc(100% - 2 * var(--page-gutter,80px))),2px);margin-inline:auto}
.news-content{padding-bottom:128px}

/* 三列为主，间距随视口等比收缩；低于 888 才降为两列，低于 600 单列 */
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.news-item{display:flex;min-width:0}

/* 无底色、无描边：卡片即「图 + 文」，靠留白分隔 */
.news-card{position:relative;display:flex;flex-direction:column;width:100%;min-width:0;padding:8px;overflow:hidden;border-radius:24px;background:rgba(255,255,255,.04);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);color:#FFFFFF;text-decoration:none!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);transition:background-color .2s ease,box-shadow .2s ease}
.news-card:hover{background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}
.news-card:focus-visible{outline:2px solid #0080FF;outline-offset:-2px}

.news-cover{aspect-ratio:4/3;overflow:hidden;border-radius:16px;background:#18191A}
.news-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s ease}
@media(hover:hover){.news-card:hover .news-cover img{transform:scale(1.03)}}

/* 文案区：与图左对齐，间距 12 */
.news-card-copy{display:flex;flex:1;flex-direction:column;gap:12px;min-width:0;padding:16px}

.news-main .news-card h2{order:1;display:-webkit-box;min-height:56px;overflow:hidden;margin:0;color:#FFFFFF;font-size:clamp(16px,1.3vw,19px);font-weight:500;line-height:28px;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}
.news-card time{order:2;display:block;color:rgba(255,255,255,.45);font-size:14px;font-weight:400;line-height:22px;font-variant-numeric:tabular-nums}
.news-main .news-card p{order:3;display:-webkit-box;min-height:72px;overflow:hidden;margin:0;color:rgba(255,255,255,.52);font-size:14px;font-weight:400;line-height:24px;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow-wrap:anywhere}

@media(width<1440px){
  .news-grid{gap:20px}
}
@media(width<1200px){
  .news-grid{gap:16px}
  .news-main .news-card h2{line-height:26px;min-height:52px}
}
@media(width<888px){
  .news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .news-main .news-card h2{font-size:17px}
}
@media(width<768px){
  .news-main .news-wrap{width:calc(100% - 40px);max-width:640px}
  .news-content{padding-bottom:64px}
}
@media(width<600px){
  .news-grid{grid-template-columns:minmax(0,1fr);gap:32px}
  .news-main .news-card h2{font-size:17px;line-height:26px;min-height:0}
  .news-main .news-card p{min-height:0}
}
@media(prefers-reduced-motion:reduce){.news-cover img{transition:none;transform:none!important}}

/* 卡片底色已足够，背景是纯色页，不需要逐卡模糊 */
.news-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}