/* extracted from huangguoai.com home inline <style> */

    .hg-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
      border-radius:50%;overflow:hidden;background:#3390EC;color:#fff;font-weight:700;line-height:1;
      text-transform:uppercase;-webkit-user-select:none;user-select:none}
    .hg-avatar--sm{width:30px;height:30px;font-size:13px}
    .hg-avatar--md{width:56px;height:56px;font-size:22px}
    .hg-avatar--lg{width:90px;height:90px;font-size:36px}



  
  html.hg-logged .hg-header__login{display:none}
  
  html.hg-logged .hg-header__auth::before{
    content:"";display:block;width:50px;height:50px;border-radius:50%;
    background:rgba(255,255,255,.08)
  }
  
  html.hg-logged .hg-header__auth.has-user::before{display:none}



  
  html.hg-age-locked{overflow:hidden}
  
  html.hg-age-locked::before{content:"";position:fixed;inset:0;z-index:2147483000;background:#0d0d0d}
  .hg-age-modal{
    position:fixed;inset:0;z-index:2147483001;
    display:flex;align-items:center;justify-content:center;
    background:#0d0d0d;color:#fff;
    font-family:"PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif;
    -webkit-font-smoothing:antialiased
  }
  .hg-age-modal::before{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:radial-gradient(120% 80% at 50% 0%,rgba(255,210,28,.10),transparent 60%)
  }
  .hg-age-modal__panel{
    position:relative;display:flex;flex-direction:column;align-items:center;
    width:min(500px,calc(100vw - 48px));gap:40px;text-align:center
  }
  .hg-age-modal__logo{display:block;width:min(260px,60vw);height:auto;aspect-ratio:260/72;object-fit:contain}
  .hg-age-modal__notice{margin:0;width:100%;color:#fff;font-size:clamp(18px,4.8vw,24px);font-weight:500;line-height:1.6}
  .hg-age-modal__actions{display:flex;flex-direction:column;align-items:center;width:100%;gap:16px}
  
  .hg-age-modal .hg-age-modal__btn{
    display:flex;align-items:center;justify-content:center;box-sizing:border-box;
    width:100%;margin:0;padding:18px 20px;border:0;border-radius:30px;
    font-size:clamp(14px,4vw,16px);line-height:1.375;text-align:center;
    cursor:pointer;appearance:none;-webkit-appearance:none;
    transition:opacity .15s ease,transform .15s ease
  }
  .hg-age-modal .hg-age-modal__btn:active{transform:scale(.98)}
  .hg-age-modal .hg-age-modal__btn--enter{
    background:#ffd21c !important;background-image:none !important;
    color:#000 !important;font-weight:600;box-shadow:none
  }
  .hg-age-modal .hg-age-modal__btn--enter:hover{opacity:.92}
  .hg-age-modal .hg-age-modal__btn--leave{
    border:1px solid rgba(255,255,255,.07) !important;
    background:#181713 !important;background-image:none !important;
    color:rgba(255,255,255,.8) !important;font-weight:500;box-shadow:none
  }
  .hg-age-modal .hg-age-modal__btn--leave:hover{border-color:rgba(255,255,255,.16) !important;color:#fff !important}
  .hg-age-modal__legal{margin:0;width:100%;color:rgba(255,255,255,.4);font-size:clamp(12px,3.2vw,14px);line-height:1.5}
  .hg-age-modal__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  @media (max-width:768px){
    .hg-age-modal__panel{width:min(500px,calc(100vw - 48px));gap:28px}
    .hg-age-modal .hg-age-modal__btn{padding:16px 18px;border-radius:28px}
  }
  @media (max-width:380px){
    .hg-age-modal__panel{width:calc(100vw - 32px);gap:24px}
    .hg-age-modal .hg-age-modal__btn{padding:15px 14px}
  }



    .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-home__site-title{margin:16px 0 12px}
    @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}
    }
    
    
    .main>.hg-ssp-slot{
      margin-left:var(--hg-page-gutter)!important;margin-right:var(--hg-page-gutter)!important;
      width:auto!important;max-width:none!important
    }
    
  


  
  .hg-ssp-slot[data-ssp-format="banner"][data-ssp-layout="stacked"]{
    max-width:none!important;margin-top:24px;margin-bottom:24px
  }
  .hg-ssp-slot[data-ssp-format="banner"][data-ssp-layout="stacked"] [data-ssp-banner-list]{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;width:100%!important
  }
  .hg-ssp-slot[data-ssp-format="banner"][data-ssp-layout="stacked"] [data-ssp-banner-item]{
    position:relative!important;width:100%!important;height:auto!important;
    aspect-ratio:700/200;padding-top:0!important;overflow:hidden!important
  }
  
  .hg-ssp-slot[data-ssp-format="banner"][data-ssp-layout="stacked"]:not([data-ssp-picked]) [data-ssp-banner-item]:nth-child(n+3){
    display:none!important
  }
  .hg-ssp-slot[data-ssp-format="banner"][data-ssp-layout="stacked"] [data-ssp-banner-item]>div{
    position:absolute!important;inset:0!important;height:100%!important;padding-top:0!important
  }
  .hg-ssp-slot[data-ssp-format="banner"][data-ssp-layout="stacked"] [data-ssp-banner-item] a{
    display:block!important;width:100%!important;height:100%!important
  }
  .hg-ssp-slot[data-ssp-format="banner"][data-ssp-layout="stacked"] [data-ssp-banner-item] img{
    width:100%!important;height:100%!important;object-fit:cover!important;display:block
  }
  
  @media (max-width:520px){
    .hg-ssp-slot[data-ssp-format="banner"][data-ssp-layout="stacked"] [data-ssp-banner-list]{
      grid-template-columns:minmax(0,1fr)!important;gap:8px!important
    }
  }