/* news.html - page rules */
:root{--bg:#fff;--soft:#f6f7fb;--ink:#15162b;--muted:#666c80;--faint:#8b90a3;--indigo:#403aa6;--line:#e8e9f1; --spectrum:linear-gradient(90deg,#7b2ff7,#4361ee,#22c55e,#eab308,#f97316,#ef4444);}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;position:relative;overflow-x:clip}
.wrap{max-width:1000px;margin:0 auto;padding:0 28px}

.hhero{background:var(--soft);border-bottom:1px solid var(--line)}
.hhero .wrap{padding:52px 28px 44px}
.hhero h1{font-size:40px;font-weight:800;letter-spacing:-.025em;margin:6px 0 12px}
.hhero p{font-size:17px;color:var(--muted);max-width:760px;margin:0}

.nsec{padding:44px 0}
.nstream{border-top:1px solid var(--line)}
.sec-head h2{font-size:22px;font-weight:800;letter-spacing:-.01em;margin:0 0 20px}
.empty{font-size:16px;color:var(--faint);background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:22px 24px;margin:0}

/* upcoming */
.upl{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.up{display:grid;grid-template-columns:76px 1fr;gap:20px;align-items:start;background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:18px 22px}
.upd{text-align:center;border-right:1px solid var(--line);padding-right:14px}
.upday{display:block;font-size:26px;font-weight:800;line-height:1.05;letter-spacing:-.02em}
.upmon{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--indigo);margin-top:2px}
.upyr{display:block;font-size:11.5px;color:var(--faint);font-weight:600;margin-top:1px}
.upfig{margin:14px 0 0}
.upfig img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:10px}
.upfig figcaption{font-size:13px;color:var(--faint);margin-top:7px}
.upb h3{font-size:17px;font-weight:700;margin:0 0 4px;letter-spacing:-.01em}
.upb p{font-size:15.5px;color:#33384b;margin:0 0 6px}
.upm{font-size:14px;color:var(--muted);font-weight:600}

/* stream */
.nyear{display:grid;grid-template-columns:76px 1fr;gap:20px;align-items:start;padding-top:6px}
.ny{font-size:13px;font-weight:800;letter-spacing:.1em;color:var(--faint);padding-top:4px;position:sticky;top:74px}
.nlist{list-style:none;margin:0 0 26px;padding:0}
.nitem{display:grid;grid-template-columns:190px 1fr;gap:24px;padding:18px 0;border-top:1px solid var(--line);align-items:start}
.nitem:first-child{border-top:0;padding-top:4px}
.nmeta{display:flex;flex-direction:column;gap:7px;align-items:flex-start}
.ndate{font-size:13.5px;color:var(--muted);font-weight:600}
.ntag{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1px solid transparent}
.t-paper{background:#eeecfb;color:#403aa6;border-color:#dedaf6}
.t-funding{background:#e8f6ee;color:#1c7a45;border-color:#d3ecdd}
.t-collaboration{background:#e9f0fd;color:#2a55b5;border-color:#d6e2fb}
.t-award{background:#fdf3e0;color:#a06a12;border-color:#f6e6c9}
.t-people{background:#f3eef7;color:#6b4a86;border-color:#e8dff0}
.t-event{background:#fdecef;color:#a83249;border-color:#f7d9df}
.nthumb{display:block;width:100%;max-width:190px;height:auto;border:1px solid var(--line);border-radius:10px;margin-top:3px}
.nbody h3{font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0 0 5px;line-height:1.35}
.nbody p{font-size:15.5px;color:#33384b;margin:0 0 7px}
.nlink{font-size:14.5px;font-weight:600;color:var(--indigo);text-decoration:none}
.nlink+.nlink{margin-left:20px}
.nlink:hover{text-decoration:underline}
.nbody a{color:var(--indigo);font-weight:600}

@media(max-width:800px){
 .nyear{grid-template-columns:1fr;gap:8px}
 .ny{position:static}
 .nitem{grid-template-columns:1fr;gap:8px}
 .nmeta{flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap}
 .nthumb{max-width:150px;margin-top:0}
 .up{grid-template-columns:60px 1fr;gap:14px;padding:16px 18px}

}

footer{border-top:1px solid var(--line);padding:30px 0;color:var(--faint);font-size:13px}
.pagebg img{position:absolute;opacity:.34}
.sitenav,.hhero,.wrap,footer{position:relative;z-index:1}
.sitenav .lx a:hover{color:var(--indigo);text-decoration:none}