.wrap{max-width:860px;margin:0 auto;padding:36px 18px 64px}.page-hero{margin-bottom:28px}.page-hero h1{font-size:28px;font-weight:850;color:var(--sx-text)}.page-hero p{margin-top:8px;font-size:14px;color:var(--sx-muted)}.news-list{display:flex;flex-direction:column;gap:16px}.news-card{display:flex;gap:16px;background:var(--sx-bg-elev);border:1px solid var(--sx-line);border-radius:16px;padding:16px;transition:border-color .2s}.news-card:hover{border-color:rgba(61,220,255,.45)}.news-cover{flex:0 0 120px;width:120px;height:90px;border-radius:12px;overflow:hidden;background:#fff;border:1px solid #d8dce3;padding:4px;box-sizing:border-box}.news-cover img{width:100%;height:100%;object-fit:cover;display:block;border-radius:8px}.news-body{flex:1;min-width:0}.news-body h2{font-size:17px;font-weight:800;color:var(--sx-text);margin-bottom:6px}.news-body .summary{font-size:13px;color:var(--sx-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-body .meta{margin-top:10px;font-size:12px;color:#5c6b7e}.state-msg{text-align:center;padding:64px 16px;color:var(--sx-muted);font-size:14px}.state-msg.err{color:#ff6b6b}.state-msg .spinner{width:34px;height:34px;border:3px solid var(--sx-line);border-top-color:var(--sx-accent);border-radius:50%;animation:.8s linear infinite spin;margin:0 auto 14px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.news-card{flex-direction:column}.news-cover{width:100%;flex:none;height:160px}}