/* 资讯动态 list and article pages. */
.newsroom{background:#f5f5f7;padding:72px 0 110px;min-height:70vh}
.newsroom-head,.news-filter,.news-grid,.newsroom-note,.article,.article-related{max-width:1140px;margin-left:auto;margin-right:auto;padding-left:60px;padding-right:60px}
.newsroom-head .eyebrow{color:var(--muted);font-size:14px;margin-bottom:10px}
.newsroom-head h1{font-size:64px;letter-spacing:-3px;line-height:1.1;margin:0 0 16px}
.newsroom-head>p:not(.eyebrow){font-size:19px;color:var(--muted);margin:0}
.news-filter{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px;margin-bottom:30px}
.news-filter[hidden]{display:none}
.news-filter button{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;background:#e8e8ed;color:#1d1d1f;font-size:14px;transition:background .25s,color .25s}
.news-filter button span{font-size:12px;color:#86868b;transition:color .25s}
.news-filter button:hover{background:#dedee4}
.news-filter button[aria-pressed=true]{background:#1d1d1f;color:#fff}.news-filter button[aria-pressed=true] span{color:#a1a1a6}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.news-card{display:flex;flex-direction:column;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 1px 2px #0000000a;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.news-art{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0c2342}
.news-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.article-cover{margin:0 0 30px;border-radius:22px;overflow:hidden}.article-cover .news-art{aspect-ratio:21/9}
@media(max-width:760px){.article-cover{border-radius:16px;margin-bottom:22px}.article-cover .news-art{aspect-ratio:16/9}}
.news-body{display:flex;flex-direction:column;flex:1;padding:22px 26px 26px}
.news-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--muted)}
.news-meta span:first-child{color:var(--blue);font-weight:600}
.news-source a,.article-source a:not(.button){color:var(--blue)}.news-source a:hover,.article-source a:not(.button):hover{text-decoration:underline}
.news-card h2{font-size:21px;line-height:1.42;letter-spacing:-.5px;margin:12px 0 10px}
.news-card p{flex:1;font-size:14px;line-height:1.75;color:#6e6e73;margin:0 0 18px}
.news-more{font-size:14px;color:var(--blue)}.news-more span{display:inline-block;margin-left:2px;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
/* Lift on hover only where a pointer can hover, so a tapped card does not stay raised on phones. */
@media(hover:hover){.news-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px #00000017}.news-card:hover .news-art img{transform:scale(1.04)}.news-card:hover .news-more span{transform:translateX(3px)}}
.news-card.featured{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr}
.news-card.featured .news-art{aspect-ratio:auto;min-height:340px}
.news-card.featured .news-body{justify-content:center;padding:40px 44px}
.news-card.featured h2{font-size:32px;letter-spacing:-1.2px;line-height:1.3}
.news-card.featured p{flex:none;font-size:16px}
/* Waterfall list: the featured card spans the width, the rest stack into columns of uneven height. */
.news-masonry{max-width:1140px;margin:0 auto;padding:0 60px}
.news-masonry>.news-card.featured{margin-bottom:24px}
.news-columns{display:flex;align-items:flex-start;gap:24px}
.news-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:24px}
.news-col .news-art{aspect-ratio:var(--ratio,16/9)}
.news-col .news-card p{flex:none}
@media(max-width:1050px){.news-masonry{padding:0 38px}}
@media(max-width:760px){.news-masonry{padding:0 20px}.news-columns,.news-col{gap:18px}.news-masonry>.news-card.featured{margin-bottom:18px}}
.news-loader{max-width:1140px;min-height:48px;margin:36px auto 0;padding:0 60px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;color:#86868b}
.news-loader .text-link{font-size:14px}
@keyframes news-spin{to{transform:rotate(360deg)}}.news-spinner{width:16px;height:16px;border-radius:50%;border:2px solid #d2d2d7;border-top-color:var(--blue);animation:news-spin .8s linear infinite}
.newsroom-note{margin-top:40px;font-size:12px;color:#86868b}
.article{max-width:860px}
.article-crumbs{display:flex;gap:10px;font-size:13px;color:#86868b;margin-bottom:40px}.article-crumbs a{color:var(--blue)}.article-crumbs a:hover{text-decoration:underline}
.article-head{padding-bottom:34px;border-bottom:1px solid #d8d8dd}
.article-head h1{font-size:46px;line-height:1.22;letter-spacing:-1.8px;margin:16px 0 20px}
.article-lead{font-size:21px;line-height:1.6;color:#55555b;margin:0}
.article-body{padding-top:14px}
.article-body h2{font-size:24px;letter-spacing:-.6px;margin:34px 0 14px}
.article-body p,.article-body li{font-size:17px;line-height:1.85;color:#333336}
.article-body p{margin:0 0 14px}
.article-body ul{margin:0;padding-left:22px}.article-body li{margin-bottom:10px}.article-body li::marker{color:var(--blue)}
.article-full figure{margin:28px 0}.article-full img{width:100%;height:auto;border-radius:14px;background:#e8e8ed}
.article-loading{color:#86868b}
.article-source{margin-top:40px;padding:26px 30px;border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}
.article-source p{margin:0;font-size:15px;color:#6e6e73}.article-source .button{flex-shrink:0}
.article-pager{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:44px;padding-top:28px;border-top:1px solid #d8d8dd}
.article-pager a{display:block;font-size:15px;line-height:1.55;color:#1d1d1f}.article-pager a:hover{color:var(--blue)}
.article-pager a span{display:block;font-size:12px;color:#86868b;margin-bottom:6px}
.article-pager .newer{text-align:right;grid-column:2}
.article-related{margin-top:80px}.article-related>h2{font-size:30px;letter-spacing:-1px;margin:0 0 24px}
.article-related .news-grid{padding:0}
.article-missing{text-align:center;padding:60px 0}.article-missing h1{font-size:40px;letter-spacing:-1.4px;margin:0 0 14px}.article-missing p{color:var(--muted);margin:0 0 26px}
@media(prefers-reduced-motion:no-preference){
  @keyframes news-rise{from{opacity:0;transform:translate3d(0,26px,0)}}
  .newsroom-head>*,.news-card,.article-head,.article-body{animation:news-rise .9s cubic-bezier(.16,1,.3,1) backwards}
  .newsroom-head>:nth-child(2){animation-delay:.06s}.newsroom-head>:nth-child(3){animation-delay:.12s}
  .news-card:nth-child(2){animation-delay:.08s}.news-card:nth-child(3){animation-delay:.14s}.news-card:nth-child(4){animation-delay:.2s}.news-card:nth-child(n+5){animation-delay:.26s}
  .article-body{animation-delay:.1s}
}
@media(max-width:1050px){.newsroom-head,.news-filter,.news-grid,.newsroom-note,.article,.article-related{padding-left:38px;padding-right:38px}.news-grid{grid-template-columns:1fr 1fr}.news-card.featured{grid-template-columns:1fr}.news-card.featured .news-art{min-height:260px}}
@media(max-width:760px){.newsroom{padding:46px 0 72px}.newsroom-head,.news-filter,.news-grid,.newsroom-note,.article,.article-related{padding-left:20px;padding-right:20px}.newsroom-head h1{font-size:44px;letter-spacing:-2px}.newsroom-head>p:not(.eyebrow){font-size:16px}.news-filter{margin-top:26px;margin-bottom:22px}.news-grid{grid-template-columns:1fr;gap:18px}.news-card.featured .news-art{min-height:200px}.news-card.featured .news-body{padding:24px 24px 26px}.news-card.featured h2{font-size:24px}.article-crumbs{margin-bottom:26px}.article-head h1{font-size:32px;letter-spacing:-1px}.article-lead{font-size:18px}.article-body p,.article-body li{font-size:16px}.article-source{flex-direction:column;align-items:flex-start}.article-pager{grid-template-columns:1fr}.article-pager .newer{grid-column:auto;text-align:left}.article-related{margin-top:56px}.article-related>h2{font-size:24px}}
