/* 专题列表页与专题详情页。取自黄果站 /topics/ 与 /topics/{slug}/ 的内联 <style>。 */
.hg-topic-intro{position:relative;overflow:hidden;background:transparent}
    .hg-topic-intro__bg{position:absolute;inset:0;pointer-events:none;
      background:url('/static/web/images/topic-intro-bg.png') center/cover no-repeat}
     
    .hg-topic-intro__bg::after{content:'';position:absolute;inset:0;
      background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.30))}
    .hg-topic-intro__body{position:relative;z-index:1}
     
    .hg-topic-page .hg-page-header__text h1{display:flex;align-items:center;gap:12px;min-width:0}
    .hg-topic-page .hg-page-header__text h1::before{content:'';flex:0 0 auto;
      width:4px;height:20px;border-radius:999px;background:var(--color-primary)}
.hg-topic-page>.hg-section-title{margin:24px 0 -4px}
    @media (max-width:1023px){.hg-topic-page>.hg-section-title{margin:18px 0 -6px}}
.hg-topic-banner{position:relative;overflow:hidden;min-height:169px;border-radius:12px;margin-bottom:28px;background:#161616}
    .hg-topic-banner__cover{position:absolute;inset:0;pointer-events:none}
    .hg-topic-banner__cover img{width:100%;height:100%;object-fit:cover}
     
    .hg-topic-banner__cover::after{content:'';position:absolute;inset:0;
      background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.2))}
     
    .hg-topic-banner__body{position:relative;z-index:1;max-width:none;width:auto;padding:45px 30px 30px;box-sizing:border-box}
     
    .hg-topic-banner__body h2{font-size:24px;line-height:1.4;font-weight:600;color:#fff;margin:0 0 8px}
    .hg-topic-banner__body p{font-size:14px;line-height:22px;color:rgba(255,255,255,.75);margin:0;
      display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
    @media (max-width:768px){
       
      .hg-topic-banner{min-height:0;border-radius:8px;margin-bottom:20px}
      .hg-topic-banner__body{padding:10px}
      .hg-topic-banner__body h2{font-size:16px;line-height:22px;letter-spacing:-.1px;margin:0 0 6px}
       
      .hg-topic-banner__body p{font-size:12px;line-height:1.45;color:rgba(255,255,255,.65);
        display:block;-webkit-line-clamp:unset;overflow:visible}
    }
     
     
    .hg-topic-detail .hg-page-header__text h2{display:flex;align-items:center;gap:12px;min-width:0;
      font-size:24px;line-height:30px;font-weight:600;color:#fff}
    .hg-topic-detail .hg-page-header__text h2::before{content:'';flex:0 0 auto;
      width:4px;height:20px;border-radius:999px;background:var(--color-primary)}
.hg-topic-related{margin-top:32px}
    .hg-topic-related .hg-page-header__text h2{display:flex;align-items:center;gap:12px;min-width:0;
      font-size:24px;line-height:30px;font-weight:600;color:#fff}
    .hg-topic-related .hg-page-header__text h2::before{content:'';flex:0 0 auto;
      width:4px;height:20px;border-radius:999px;background:var(--color-primary)}
    @media (max-width:768px){
      .hg-topic-related .hg-page-header{flex-direction:row;align-items:center}
    }