/* ============================================================
   news.html —— 展会 / 动态
   ============================================================ */

/* ---- 下一场展会 ---- */
.nextfair{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(24px,4vw,56px);
  align-items:start;margin-top:8px}

.nextfair .poster{background:#150c0a;border:1px solid var(--warm-18);overflow:hidden}
.nextfair .poster img{width:100%;height:auto;display:block}

.nextfair .bd{padding-top:4px}
.nextfair .meta{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.nextfair .meta time{font-family:var(--mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--warm-60)}

.pill{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  padding:4px 9px;border:1px solid rgba(255,217,160,.5);color:var(--glow);background:rgba(255,217,160,.10)}

.nextfair h2{font-size:clamp(23px,2.9vw,36px);font-weight:400;letter-spacing:-.025em;line-height:1.16;
  margin-bottom:14px}
.nextfair p{font-size:14.2px;line-height:1.68;color:var(--warm-60);max-width:56ch}

.nextfair .facts{margin:24px 0 22px;border-top:1px solid var(--warm-18)}
.nextfair .facts div{display:grid;grid-template-columns:110px 1fr;gap:14px;
  padding:11px 0;border-bottom:1px solid var(--warm-18);font-size:13px;color:var(--warm)}
.nextfair .facts b{font-weight:400;color:var(--warm-60);font-family:var(--mono);
  font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;padding-top:2px}

/* ---- 已结束的展会 ---- */
.pastlist{margin-top:10px;border-top:1px solid var(--warm-18)}
.pastrow{display:grid;grid-template-columns:190px 1fr;gap:clamp(20px,3vw,38px);
  padding:26px 0;border-bottom:1px solid var(--warm-18);align-items:start}
.pastrow .thumb{aspect-ratio:4/3;overflow:hidden;background:#0d1319;border:1px solid var(--warm-18)}
.pastrow .thumb img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}
.pastrow .thumb.empty{display:flex;align-items:center;justify-content:center;border-style:dashed}
.pastrow .thumb.empty span{font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;
  text-transform:uppercase;color:rgba(245,241,232,.22)}

.pastrow .meta{display:flex;gap:8px;align-items:center;font-family:var(--mono);font-size:10.5px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--warm-60);margin-bottom:9px}
.pastrow .meta .dot{color:rgba(245,241,232,.25)}
.pastrow h3{font-size:clamp(17px,1.7vw,22px);font-weight:500;letter-spacing:-.012em;margin-bottom:9px}
.pastrow p{font-size:13.4px;line-height:1.66;color:var(--warm-60);max-width:62ch}

.archnote{margin-top:20px;font-size:12.2px;line-height:1.72;color:var(--warm-32);max-width:82ch}
.archnote a{color:var(--glow);border-bottom:1px solid rgba(255,217,160,.35)}

/* ---- 订阅 ---- */
.subs-band{border-top:1px solid var(--warm-18);background:var(--night-2)}
.subs{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,72px);align-items:start}
.subs h2{font-size:clamp(23px,2.9vw,36px);font-weight:400;letter-spacing:-.025em;line-height:1.18;margin-top:14px}
.subs .lead{margin-top:16px;font-size:13.8px;line-height:1.7;color:var(--warm-60);max-width:44ch}

.subsform{margin-top:6px}
.subsform label{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--warm-60);margin-bottom:9px}
.subsform .row{display:flex;gap:10px}
.subsform input{flex:1;min-width:0;background:transparent;border:1px solid var(--warm-18);
  color:var(--warm);font-family:inherit;font-size:13.5px;padding:13px 14px;outline:none}
.subsform input:focus{border-color:rgba(255,217,160,.55)}
.subsform input::placeholder{color:rgba(245,241,232,.28)}
.subsform .btn{white-space:nowrap;height:47px}
.tiny{margin-top:11px;font-size:11.3px;line-height:1.6;color:var(--warm-32)}

@media(max-width:900px){
  .nextfair{grid-template-columns:1fr}
  .subs{grid-template-columns:1fr}
  .pastrow{grid-template-columns:1fr}
  .pastrow .thumb{max-width:260px}
}

.pastrow.textonly{grid-template-columns:190px 1fr}
.pastrow.textonly .only{grid-column:2}


/* mobile typography floor */
@media(max-width:760px){
  .pill{font-size:11px}
  .nextfair .facts b{font-size:11px}
  .pastrow .meta,.pastrow .thumb.empty span{font-size:11px}
  .subsform label{font-size:11px}
}