.hg-topic-banner{background:#161616;border-radius:12px;min-height:169px;margin-bottom:28px;position:relative;overflow:hidden}.hg-topic-banner__cover{pointer-events:none;position:absolute;inset:0}.hg-topic-banner__cover img{object-fit:cover;width:100%;height:100%}.hg-topic-banner__cover:after{content:"";background:linear-gradient(90deg,#0000008c,#0003);position:absolute;inset:0}.hg-topic-banner__body{z-index:1;box-sizing:border-box;width:auto;max-width:none;padding:45px 30px 30px;position:relative}.hg-topic-banner__body h2{color:#fff;margin:0 0 8px;font-size:24px;font-weight:600;line-height:1.4}.hg-topic-banner__body p{color:#ffffffbf;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:22px;display:-webkit-box;overflow:hidden}@media (max-width:768px){.hg-topic-banner{border-radius:8px;min-height:0;margin-bottom:20px}.hg-topic-banner__body{padding:10px}.hg-topic-banner__body h2{letter-spacing:-.1px;margin:0 0 6px;font-size:16px;line-height:22px}.hg-topic-banner__body p{color:#ffffffa6;-webkit-line-clamp:unset;font-size:12px;line-height:1.45;display:block;overflow:visible}}.hg-topic-detail .hg-page-header__text h2{color:#fff;align-items:center;gap:12px;min-width:0;font-size:24px;font-weight:600;line-height:30px;display:flex}.hg-topic-detail .hg-page-header__text h2:before{content:"";background:var(--color-primary);border-radius:999px;flex:none;width:4px;height:20px}.hg-topic-related{margin-top:32px}.hg-topic-related .hg-page-header__text h2{color:#fff;align-items:center;gap:12px;min-width:0;font-size:24px;font-weight:600;line-height:30px;display:flex}.hg-topic-related .hg-page-header__text h2:before{content:"";background:var(--color-primary);border-radius:999px;flex:none;width:4px;height:20px}@media (max-width:768px){.hg-topic-related .hg-page-header{flex-direction:row;align-items:center}}