/* ============================================================
   行业资讯 · 列表与文章
   ============================================================ */

.news-mast{padding:60px 0 0;background:#fff}
.news-meta{display:flex;justify-content:space-between;gap:20px;padding-bottom:15px;border-bottom:1px solid var(--line);font-family:var(--num);font-size:10px;letter-spacing:.18em;color:var(--ink-3);text-transform:uppercase}
.news-mast-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:60px;align-items:end;margin-top:28px;padding-bottom:32px;border-bottom:1px solid var(--ink)}
.news-mast h1{font-family:var(--serif);font-size:clamp(64px,8vw,110px);font-weight:700;line-height:1.02;letter-spacing:.005em}
.news-mast h1 .dot{display:inline-block;width:.1em;height:.1em;border-radius:50%;background:var(--red);margin-left:.08em;vertical-align:.12em}
.news-intro{font-size:13px;line-height:1.95;color:var(--ink-2);max-width:30em;padding-bottom:5px}
.news-filters{display:flex;gap:26px;border-bottom:1px solid var(--line)}
.news-filter{position:relative;border:0;background:none;padding:13px 0;font-family:var(--num);font-size:10px;letter-spacing:.16em;color:var(--ink-3);text-transform:uppercase;cursor:pointer;transition:color .25s}
.news-filter::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}
.news-filter:hover,.news-filter.on{color:var(--ink)}
.news-filter.on::after{transform:scaleX(1)}

.news-feature-wrap{padding:38px 0 0;background:#fff}
.news-feature{display:grid;grid-template-columns:7fr 5fr;gap:56px;align-items:center;padding:26px 0 42px;border-bottom:1px solid var(--line)}
.news-feature[hidden]{display:none}
.news-feature figure{position:relative;overflow:hidden;aspect-ratio:16/10;margin:0;background:#e9e8e5}
.news-feature img{width:100%;height:100%;object-fit:cover;filter:grayscale(.12) saturate(.93) contrast(1.03);transition:transform .8s var(--ease)}
.news-feature:hover img{transform:scale(1.025)}
.news-feature-copy{max-width:34em}
.news-kicker{display:flex;gap:18px;align-items:center;font-family:var(--num);font-size:9.5px;letter-spacing:.16em;color:var(--red);text-transform:uppercase}
.news-kicker span+span{color:var(--ink-3)}
.news-feature h2{text-wrap:balance;margin-top:14px;font-family:var(--serif);font-size:clamp(30px,3.5vw,46px);font-weight:700;line-height:1.42;transition:color .25s}
.news-feature:hover h2{color:var(--red)}
.news-feature p{margin-top:16px;font-size:13px;line-height:1.95;color:var(--ink-2)}
.news-more{display:inline-flex;align-items:center;gap:9px;margin-top:22px;font-size:12px;font-weight:600;color:var(--red);border-bottom:1px solid var(--red);padding-bottom:5px}
.news-more i{font-style:normal;font-family:var(--num);font-size:15px;transition:transform .3s var(--ease)}
.news-feature:hover .news-more i{transform:translateX(4px)}

.news-list-wrap{padding:0 0 82px;background:#fff}
.news-list-head{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--ink);font-family:var(--num);font-size:9.5px;letter-spacing:.18em;color:var(--ink-3);text-transform:uppercase}
.news-row{display:grid;grid-template-columns:230px minmax(0,1fr) 150px;gap:34px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line);transition:background .3s}
.news-row[hidden]{display:none}
.news-row:hover{background:rgba(224,11,22,.02)}
.news-row figure{position:relative;overflow:hidden;aspect-ratio:16/10;margin:0;background:#e9e8e5}
.news-row img{width:100%;height:100%;object-fit:cover;filter:grayscale(.18) saturate(.9);transition:transform .7s var(--ease),filter .4s}
.news-row:hover img{transform:scale(1.04);filter:grayscale(0) saturate(.92)}
.news-row h3{text-wrap:balance;font-family:var(--serif);font-size:clamp(20px,2vw,26px);font-weight:700;line-height:1.5;transition:color .25s}
.news-row:hover h3{color:var(--red)}
.news-row p{margin-top:8px;font-size:11.5px;line-height:1.8;color:var(--ink-3);max-width:48em}
.news-row .news-date{font-family:var(--num);font-size:10px;letter-spacing:.12em;color:var(--ink-3);text-align:right}
.news-row .news-date i{display:block;font-style:normal;margin-top:11px;font-size:15px;color:var(--red);transition:transform .3s var(--ease)}
.news-row:hover .news-date i{transform:translate(4px,-3px)}
.news-note{padding:0 0 100px;background:#fff}
.news-note .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:20px;border-top:1px solid var(--line);font-size:11.5px;color:var(--ink-3)}

/* 文章页 */
.article-head{padding:62px 0 0;background:#fff}
.article-head .wrap{max-width:1000px}
.article-meta{display:flex;justify-content:space-between;gap:20px;padding-bottom:14px;border-bottom:1px solid var(--line);font-family:var(--num);font-size:9.5px;letter-spacing:.16em;color:var(--ink-3);text-transform:uppercase}
.article-meta .cat{color:var(--red)}
.article-head h1{text-wrap:balance;margin-top:30px;font-family:var(--serif);font-size:clamp(38px,5vw,70px);font-weight:700;line-height:1.32;letter-spacing:.004em;max-width:14em}
.article-lead{margin-top:22px;font-family:var(--serif);font-size:clamp(15px,1.6vw,19px);line-height:1.95;color:var(--ink-2);max-width:34em}
.article-hero{max-width:1200px;margin:44px auto 0;padding:0 48px}
.article-hero figure{position:relative;overflow:hidden;aspect-ratio:21/9;margin:0;background:#e9e8e5}
.article-hero img{width:100%;height:100%;object-fit:cover;filter:grayscale(.1) saturate(.92)}
.article-hero figcaption{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--line);font-size:9.5px;letter-spacing:.12em;color:var(--ink-3);text-transform:uppercase}
.article-body{max-width:780px;margin:0 auto;padding:60px 0 82px}
.article-body h2{margin:42px 0 14px;font-family:var(--serif);font-size:clamp(24px,2.5vw,31px);font-weight:700;line-height:1.45}
.article-body h2:first-child{margin-top:0}
.article-body p{margin-bottom:16px;font-size:14px;line-height:2.05;color:var(--ink-2)}
.article-body p b{color:var(--ink);font-weight:600}
.article-body ul{margin:0 0 18px;padding-left:0;list-style:none}
.article-body li{position:relative;padding:5px 0 5px 18px;font-size:13.5px;line-height:1.95;color:var(--ink-2)}
.article-body li::before{content:"";position:absolute;left:0;top:16px;width:5px;height:5px;border-radius:50%;background:var(--red)}
.article-callout{margin:30px 0;padding:18px 22px;border-left:2px solid var(--red);background:var(--tint-band);font-family:var(--serif);font-size:16px;font-weight:700;line-height:1.85;color:var(--ink)}
.article-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:30px;padding-top:20px;border-top:1px solid var(--line);font-size:12px}
.article-links a{color:var(--red);border-bottom:1px solid var(--red);padding-bottom:3px}
.article-back{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:46px;padding-top:20px;border-top:1px solid var(--ink);font-size:12px}
.article-back a{display:inline-flex;align-items:center;gap:8px;color:var(--ink-2);transition:color .2s}
.article-back a:hover{color:var(--red)}
.article-back .next{color:var(--red)}

@media(max-width:1100px){
  .news-mast-grid{grid-template-columns:1fr;gap:20px}
  .news-feature{grid-template-columns:1fr;gap:28px}
  .news-feature-copy{max-width:none}
  .news-row{grid-template-columns:190px minmax(0,1fr) 110px;gap:24px}
  .article-head .wrap{max-width:none}
}
@media(max-width:760px){
  .news-mast{padding:36px 0 0}
  .news-mast-grid{margin-top:18px;padding-bottom:24px}
  .news-mast h1{font-size:52px}
  .news-intro{font-size:12px;line-height:1.85}
  .news-filters{gap:20px;overflow-x:auto;scrollbar-width:none}
  .news-filters::-webkit-scrollbar{display:none}
  .news-feature-wrap{padding-top:24px}
  .news-feature{padding:18px 0 30px}
  .news-feature h2{text-wrap:balance;font-size:28px}
  .news-feature p{font-size:12px;line-height:1.85}
  .news-list-wrap{padding-bottom:60px}
  .news-row{grid-template-columns:110px minmax(0,1fr);gap:16px;padding:18px 0}
  .news-row h3{text-wrap:balance;font-size:17px;line-height:1.55}
  .news-row p{font-size:10.5px;line-height:1.7}
  .news-row .news-date{grid-column:2;text-align:left;font-size:9px}
  .news-row .news-date i{display:inline;margin-left:8px}
  .news-note{padding-bottom:76px}
  .news-note .wrap{flex-wrap:wrap;gap:12px;font-size:10.5px}
  .article-head{padding:36px 0 0}
  .article-head h1{text-wrap:balance;font-size:34px;margin-top:22px;line-height:1.42}
  .article-lead{font-size:14px;line-height:1.9;margin-top:16px}
  .article-hero{margin-top:28px;padding:0 24px}
  .article-hero figure{aspect-ratio:16/10}
  .article-body{padding:40px 0 60px}
  .article-body h2{font-size:24px;margin-top:32px}
  .article-body p{font-size:13px;line-height:1.95}
  .article-body li{font-size:12.5px}
  .article-callout{font-size:14px;padding:16px 18px}
  .article-back{font-size:11px}
}

/* 资讯 · 悬停交互补强 */
.article-hero img{transition:transform 1.1s var(--ease),filter .5s}
.article-hero figure:hover img{transform:scale(1.018);filter:grayscale(0) saturate(1)}
.article-callout{transition:background .3s,transform .35s var(--ease)}
.article-callout:hover{background:rgba(224,11,22,.055);transform:translateX(3px)}
.article-body li{transition:background .3s,padding-left .3s var(--ease),color .3s}
.article-body li:hover{background:rgba(224,11,22,.025);padding-left:22px;color:var(--ink)}
.article-links a{transition:color .25s,border-color .25s,transform .3s var(--ease)}
.article-links a:hover{color:var(--ink);border-color:var(--ink);transform:translateY(-1px)}
@media(prefers-reduced-motion:reduce){
  .article-hero img,.article-callout,.article-body li,.article-links a{transition:none}
  .article-hero figure:hover img,.article-callout:hover,.article-body li:hover,.article-links a:hover{transform:none}
}