/* 资讯列表：日期票根 + 频道侧栏 */
:root{--acc:#A9612C;--acc-deep:#7C3F16}

.news-wrap{display:grid;grid-template-columns:1fr 300px;gap:52px;align-items:start;padding:clamp(46px,5.2vw,76px) 0}
.news-main{min-width:0}
.news-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:20px;border-bottom:2px solid var(--green)}
.news-intro h2{font-size:clamp(22px,2.6vw,32px)}
.news-intro p{font-size:13.4px;color:var(--ink-3);max-width:46ch}
.news-list{display:grid}
.news-item{display:grid;grid-template-columns:88px 190px 1fr;gap:22px;padding:26px 0;border-bottom:1px solid var(--line);align-items:center}
.news-item:first-child{padding-top:22px}
.news-date{text-align:center;border-right:1px dashed var(--line);padding-right:14px}
.news-date b{display:block;font-family:var(--serif);font-size:30px;color:var(--green);line-height:1.1}
.news-date span{display:block;font-size:10.5px;letter-spacing:.14em;color:var(--ink-3);margin-top:2px}
.news-thumb{display:block;overflow:hidden;border:1px solid var(--line)}
.news-thumb img{width:100%;height:118px;object-fit:cover;transition:transform .6s}
.news-item:hover .news-thumb img{transform:scale(1.05)}
.news-body h3{font-size:17.5px;line-height:1.55;font-family:var(--serif)}
.news-body h3 a:hover{color:var(--acc-deep)}
.news-body p{font-size:13.4px;line-height:1.8;margin-top:6px;color:var(--ink-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-body .nb-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;font-size:11.5px;color:var(--ink-3)}
.news-body .nb-meta span{display:inline-flex;align-items:center;gap:5px}
.news-body .nb-meta svg{width:12px;height:12px;stroke:var(--brass);fill:none;stroke-width:1.6}

.news-side{position:sticky;top:calc(var(--header-h) + 24px);display:grid;gap:18px}
.channel-card{background:var(--paper);border:1px solid var(--line);border-top:2px solid var(--brass);padding:20px 0 14px}
.channel-card h4{font-size:11.5px;letter-spacing:.2em;color:var(--ink-3);padding:0 20px 10px;border-bottom:1px solid var(--line);font-family:var(--sans)}
.channel-card a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 20px;font-size:13.2px;color:var(--ink-2)}
.channel-card a:hover,.channel-card a.is-on{color:var(--acc-deep);background:rgba(201,138,78,.08)}
.channel-card a i{font-style:normal;font-size:10.5px;color:var(--ink-3);letter-spacing:.06em}

.news-cast{background:var(--green);color:#F6EEDD;padding:22px;position:relative;overflow:hidden}
.news-cast::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 16px,transparent 16px 42px)}
.news-cast>*{position:relative;z-index:2}
.news-cast h4{color:#F8F0DF;font-size:16px}
.news-cast p{font-size:12.2px;color:rgba(246,238,221,.64);margin:6px 0 12px}
.news-cast a{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#E2C58C;padding:3px 0}
.news-cast svg{width:13px;height:13px;stroke:#E2C58C;fill:none;stroke-width:1.6}

@media (max-width:1024px){
  .news-wrap{grid-template-columns:1fr;gap:34px}
  .news-side{position:static;grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .news-item{grid-template-columns:64px 1fr;gap:14px}
  .news-date b{font-size:22px}
  .news-thumb{display:none}
  .news-side{grid-template-columns:1fr}
}
