/* 首页专属：轮播 hg-hero + 公告 hg-announce。取自 huangguoai.com 首页 <style> 内联块。 */
.hg-hero__dots .hg-hero__dot{background:rgba(255,255,255,.3)}
    .hg-hero__dots .hg-hero__dot.is-active{background:var(--color-primary)}
    .hg-hero__thumb-panel{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}
    .hg-hero__dots--pc{display:none;align-items:center;justify-content:center;gap:8px;width:100%}
    
    .hg-hero__title{
      display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
      overflow:hidden;overflow-wrap:anywhere
    }
    
    .hg-hero__site-title{
      font-size:13px;line-height:19px;font-weight:400;
      color:rgba(255,255,255,.75);margin:0 0 6px;
      overflow:hidden;text-overflow:ellipsis;white-space:nowrap
    }
     
    .hg-hero[data-home-hero-empty]{height:auto!important;aspect-ratio:auto!important;background:none}
    .hg-hero[data-home-hero-empty]>.hg-hero__bg,.hg-hero[data-home-hero-empty]>.hg-hero__mask,
    .hg-hero[data-home-hero-empty]>.hg-hero__cover-link,.hg-hero[data-home-hero-empty]>.hg-hero__thumbs,
    .hg-hero[data-home-hero-empty]>.hg-hero__controls{display:none!important}
    .hg-hero[data-home-hero-empty]>.hg-hero__content{position:static;margin:16px 0 12px;padding:0 var(--hg-page-gutter);width:auto;transform:none;opacity:1}
    .hg-hero__score[hidden]{display:none}
    @media (min-width:1401px){
      .hg-hero__dots--pc{display:flex}
      .hg-hero__controls{display:none!important}
      
      .hg-hero__thumbs{right:32px;bottom:24px}
      
      
      .hg-hero__thumb-list{
        display:block!important;max-width:calc(4 * 128px + 3 * 15px);overflow:hidden;
        padding-top:4px;margin-top:-4px
      }
      .hg-hero__thumb-track{
        display:flex!important;gap:15px;width:max-content;position:relative;
        transition:transform .3s ease;will-change:transform
      }
      
      .hg-hero__thumb{box-sizing:border-box;width:128px;height:calc(128px * 12 / 9)}
    }
     
    .hg-hero__cover-link{position:absolute;inset:0;z-index:1}
     
    @media (max-width:1400px){
      .hg-hero__controls{
        left:50%!important;right:auto!important;transform:translateX(-50%)!important;
        width:auto!important;justify-content:center!important
      }
      .hg-hero__controls .hg-hero__dots{flex:0 0 auto;justify-content:center}
    }
    @media (max-width:1023px){
       
      .hg-hero__controls{left:0!important;right:0!important;width:auto!important;transform:none!important}
      .hg-hero__controls .hg-hero__nav-btn{position:absolute;top:50%;transform:translateY(-50%)}
      .hg-hero__controls .hg-hero__nav-btn[data-hero-prev]{left:16px}
      .hg-hero__controls .hg-hero__nav-btn[data-hero-next]{right:16px}
       
      .hg-hero__title{font-size:22px;line-height:28px;letter-spacing:.5px}
       
      .hg-hero__site-title{font-size:11px;line-height:16px;margin-bottom:4px}
      
      .hg-hero__score+.hg-hero__episode::before{content:''}
      
       
      .hg-hero{height:calc(100vw * 361 / 375)!important}
      @supports (aspect-ratio:1/1){
        .hg-hero{height:auto!important;aspect-ratio:375/361}
      }
      .hg-hero__bg-img{
        -o-object-fit:contain!important;object-fit:contain!important;
        object-position:center top;
        transform:none!important;animation:none!important
      }
      
      .hg-drama-card__cover img[src*="cover-placeholder"],
      .hg-topic-card img[src*="cover-placeholder"],
      .hg-hero__thumb img[src*="cover-placeholder"]{
        object-fit:cover!important;background:#171616
      }
      
      .hg-hero__cover-link{inset:auto;left:0;right:0;top:0;height:50%;bottom:auto}
      
      .hg-hero__ad-badge{top:10px;right:10px;padding:2px 7px;font-size:11px;line-height:16px}
    }
    
    .hg-hero__title[hidden],.hg-hero__desc[hidden],.hg-hero__meta[hidden],.hg-hero__play[hidden]{display:none}
    
    .hg-hero__ad-badge{
      position:absolute;top:16px;right:16px;z-index:3;pointer-events:none;
      padding:3px 10px;border-radius:4px;
      background:rgba(0,0,0,.55);color:#fff;
      font-size:12px;line-height:18px;letter-spacing:.5px;font-weight:400
    }
    
    .hg-announce{
      position:relative;display:flex;align-items:stretch;
      height:36px;margin:12px var(--hg-page-gutter) 0;border-radius:8px;
      background:rgba(22,16,12,.78);border:1px solid rgba(196,140,48,.42);
      overflow:visible
    }
    .hg-announce__tag{
      display:flex;align-items:center;gap:4px;flex:0 0 auto;
      padding:0 12px;border-radius:7px 0 0 7px;
      background:linear-gradient(90deg,#ff8a00 0%,#ffd21a 100%);
      color:#111;font-size:13px;font-weight:700;line-height:1;letter-spacing:.04em
    }
    .hg-announce__tag img{display:block;width:14px;height:14px}
    .hg-announce__viewport{flex:1 1 auto;min-width:0;overflow:hidden;display:flex;align-items:center}
    
    .hg-announce__run{
      display:flex;align-items:center;width:max-content;gap:0;
      animation:hg-announce-scroll var(--hg-announce-duration,28s) linear infinite;will-change:transform
    }
    
    .hg-announce:hover .hg-announce__run,
    .hg-announce:focus-within .hg-announce__run{animation-play-state:paused}
    .hg-announce__item{
      display:inline-flex;align-items:center;white-space:nowrap;
      color:#f0c14b;font-size:13px;line-height:36px
    }
    .hg-announce__link{color:#ffd21a;margin-left:6px;text-decoration:none}
    .hg-announce__link:hover{text-decoration:underline}
    .hg-announce__sep{margin:0 16px;color:#e8a54b;font-size:10px;line-height:1}
    @keyframes hg-announce-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
    @media (prefers-reduced-motion:reduce){
      .hg-announce__run{animation:none}
    }
    @media (max-width:1023px){
      .hg-announce{height:32px;margin:10px var(--hg-page-gutter) 0;border-radius:6px}
      .hg-announce__tag{padding:0 10px;font-size:12px;border-radius:5px 0 0 5px}
      .hg-announce__item{font-size:12px;line-height:32px}
    }
