/* 各页共有的内联样式块：头像、年龄确认弹窗、登录态顶栏。
   黄果站把这三块内联在每页 head 的 <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-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}
  }

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}