@media(min-width:761px){
  /* Header now visibly participates in the active UI theme. */
  body .topbar{
    position:relative!important;
    overflow:visible!important;
    background:
      radial-gradient(520px 120px at 17% -20%,
        rgba(var(--pc-atmo-rgb),.115),
        transparent 68%),
      radial-gradient(360px 120px at 82% -40%,
        rgba(var(--pc-cloud-rgb),.075),
        transparent 72%),
      linear-gradient(180deg,
        rgba(var(--pc-panel),.82),
        rgba(var(--pc-panel-2),.66))!important;
    border-bottom:1px solid rgba(var(--pc-atmo-rgb),.105)!important;
    box-shadow:
      inset 0 -1px 0 rgba(255,255,255,.018),
      0 12px 30px rgba(0,0,0,.11)!important;
    -webkit-backdrop-filter:blur(18px) saturate(116%)!important;
    backdrop-filter:blur(18px) saturate(116%)!important;
    transition:
      background .22s ease,
      border-color .22s ease!important;
  }

  body .topbar::after{
    content:"";
    position:absolute;
    pointer-events:none;
    left:20px;right:20px;bottom:-1px;
    height:1px;
    background:
      linear-gradient(90deg,
        transparent 0%,
        rgba(var(--pc-atmo-rgb),.20) 12%,
        rgba(var(--pc-atmo-rgb),.055) 45%,
        transparent 84%);
    opacity:.9;
  }

  body .site-brand{
    position:relative!important;
    z-index:1!important;
  }

  /* The supplied logo has baked-in black background.
     Screen blend visually removes the black block without altering the asset. */
  body .site-logo{
    width:118px!important;
    height:40px!important;
    object-fit:contain!important;
    mix-blend-mode:screen!important;
    opacity:.98!important;
    filter:brightness(1.02) contrast(1.03)!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  body .site-brand-copy .eyebrow{
    color:rgba(var(--pc-atmo-rgb),.76)!important;
  }

  body .site-brand-copy h1 .pc-brand-divider{
    color:rgba(var(--pc-atmo-rgb),.42)!important;
  }

  body .site-brand-copy h1 .pc-brand-cn{
    color:#b9c2c8!important;
  }

  /* Contact entry: explicit text, no login/avatar ambiguity. */
  #pcContactAuthorButton{
    width:auto!important;
    min-width:72px!important;
    height:30px!important;
    padding:0 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:9px!important;
    color:#98a3aa!important;
    font-size:10.5px!important;
    font-weight:800!important;
    letter-spacing:.01em!important;
    white-space:nowrap!important;
  }

  #pcContactAuthorButton svg{
    display:none!important;
  }

  /* Compact contact menu: only Bilibili + Feedback. */
  #pcContactAuthorPanel{
    width:192px!important;
    padding:6px!important;
    border-radius:12px!important;
  }

  #pcContactAuthorPanel .pc-contact-head,
  #pcContactAuthorPanel .pc-contact-foot{
    display:none!important;
  }

  #pcContactAuthorPanel .pc-contact-item{
    min-height:41px!important;
    padding:6px 7px!important;
    grid-template-columns:27px minmax(0,1fr) 14px!important;
    gap:8px!important;
    border-radius:8px!important;
  }

  #pcContactAuthorPanel .pc-contact-item + .pc-contact-item{
    margin-top:2px!important;
  }

  #pcContactAuthorPanel .pc-contact-item-icon{
    width:27px!important;
    height:27px!important;
    border-radius:8px!important;
  }

  #pcContactAuthorPanel .pc-contact-item-icon svg{
    width:13px!important;
    height:13px!important;
  }

  #pcContactAuthorPanel .pc-contact-item-copy strong{
    font-size:11.5px!important;
  }

  #pcContactAuthorPanel .pc-contact-item-copy span{
    margin-top:2px!important;
    font-size:9.5px!important;
  }

  #pcContactAuthorPanel .pc-contact-item-arrow{
    font-size:11px!important;
  }
}