
  .hm-topic-part{box-sizing:border-box;margin:18px 0 22px;padding:16px;border:1px solid #dbe4ee;border-radius:8px;background:#f8fafc;color:#223042;overflow:hidden;}
  .hm-topic-part *{box-sizing:border-box;}
  .hm-topic-part a{color:inherit;text-decoration:none;}
  .hm-topic-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px;}
  .hm-topic-kicker{margin:0 0 3px;color:#c75a1a;font-size:11px;font-weight:800;line-height:1.5;}
  .hm-topic-title{margin:0!important;padding:0 0 7px!important;border:0!important;border-bottom:2px solid #19743a!important;background:transparent!important;color:#17324d!important;font-size:21px;font-weight:800;line-height:1.35;}
  .hm-topic-updated{color:#64748b;font-size:11px;font-weight:700;}
  .hm-topic-lead{margin:0 0 12px;color:#475569;font-size:13px;line-height:1.75;}
  .hm-topic-tags,.hm-topic-links{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 12px;}
  .hm-topic-tags span,.hm-topic-links a{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:999px;background:#e8f6ec;color:#19743a;font-size:12px;font-weight:800;line-height:1.35;}
  .hm-topic-links a{background:#fff;border:1px solid #dbe4ee;color:#17324d;}
  .hm-topic-track{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:1px 2px 8px;}
  .hm-topic-track::-webkit-scrollbar{height:8px;}
  .hm-topic-track::-webkit-scrollbar-thumb{border-radius:999px;background:#cbd5e1;}
  .hm-topic-card{display:grid;grid-template-rows:auto 1fr;gap:8px;flex:0 0 calc(33.333% - 7px);min-width:0;padding:9px;border:1px solid #dbe4ee;border-radius:8px;background:#fff;scroll-snap-align:start;}
  .hm-topic-card--noimage{grid-template-rows:1fr;}
  .hm-topic-card img{display:block;width:100%;aspect-ratio:16/9;border-radius:6px;object-fit:cover;background:#e2e8f0;}
  .hm-topic-card strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#17324d;font-size:14px;line-height:1.45;}
  .hm-topic-card em{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;color:#64748b;font-size:12px;font-style:normal;line-height:1.55;}
  .hm-topic-empty{display:block;padding:12px;border:1px dashed #cbd5e1;border-radius:8px;background:#fff;color:#64748b;font-size:13px;line-height:1.7;}
  @media (max-width:640px){
    .hm-topic-part{margin:16px -4px 20px;padding:13px 8px;border-radius:8px;}
    .hm-topic-title{font-size:19px;}
    .hm-topic-card{flex:0 0 82%;}
  }
