
@media(min-width:761px){
  /* ============================================================
     Header: no independent block. Let the shell's active theme
     atmosphere continue through the header naturally.
     ============================================================ */
  body .topbar,
  body.attributes-workspace-compact .topbar,
  body.non-attribute-editor-active .topbar{
    position:relative!important;
    z-index:5000!important;
    overflow:visible!important;
    isolation:isolate!important;

    background:transparent!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;

    border-bottom:1px solid rgba(var(--pc-atmo-rgb),.070)!important;
  }

  body .topbar::before{
    content:"";
    position:absolute;
    z-index:0;
    pointer-events:none;
    left:-2%;
    right:-2%;
    top:-18px;
    bottom:-18px;
    background:
      radial-gradient(430px 100px at 16% 16%,
        rgba(var(--pc-atmo-rgb),.080),
        transparent 72%),
      radial-gradient(360px 100px at 76% -10%,
        rgba(var(--pc-cloud-rgb),.050),
        transparent 74%);
    opacity:.84;
  }

  body .topbar::after{
    content:"";
    position:absolute;
    z-index:0;
    pointer-events:none;
    left:0;
    right:0;
    bottom:-1px;
    height:1px;
    background:
      linear-gradient(90deg,
        transparent,
        rgba(var(--pc-atmo-rgb),.14) 12%,
        rgba(255,255,255,.025) 48%,
        transparent 90%);
  }

  body .topbar>*{
    position:relative;
    z-index:1;
  }

  /* Real-alpha logo: no screen blend, no baked black rectangle. */
  body .site-logo{
    width:118px!important;
    height:40px!important;
    object-fit:contain!important;
    mix-blend-mode:normal!important;
    opacity:1!important;
    filter:none!important;
    background:transparent!important;
  }

  /* ============================================================
     Right-side top tools:
       [Mobile palette] [联系作者]
                   Build 5.9.12
     ============================================================ */
  #pcTopbarActions{
    margin-left:auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-end!important;
    justify-content:center!important;
    gap:3px!important;
    min-width:max-content!important;
    overflow:visible!important;
  }

  #pcTopbarActionMain{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
    overflow:visible!important;
  }

  #pcTopbarActions>.version{
    order:2!important;
    margin:0 4px 0 0!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#59656e!important;
    font-size:8.5px!important;
    font-weight:650!important;
    line-height:1.05!important;
    letter-spacing:.03em!important;
  }

  #pcPremiumThemeControl,
  #pcContactAuthorControl{
    margin:0!important;
    overflow:visible!important;
  }

  /* Mobile v1.20 palette button language. */
  #pcPremiumThemeButton{
    position:relative!important;
    width:48px!important;
    height:36px!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:13px!important;
    background:
      linear-gradient(180deg,
        rgba(255,255,255,.058),
        rgba(255,255,255,.018))!important;
    color:#aeb7bd!important;
    display:grid!important;
    place-items:center!important;
    box-shadow:
      0 10px 26px rgba(0,0,0,.18),
      inset 0 1px 0 rgba(255,255,255,.050)!important;
    -webkit-backdrop-filter:blur(18px) saturate(118%)!important;
    backdrop-filter:blur(18px) saturate(118%)!important;
  }

  #pcPremiumThemeButton::before{
    content:"";
    position:absolute;
    inset:-1px;
    border-radius:inherit;
    pointer-events:none;
    background:
      radial-gradient(circle at 50% 0%,
        rgba(var(--pc-atmo-rgb),.20),
        transparent 66%);
  }

  #pcPremiumThemeButton:active{
    transform:scale(.965)!important;
    border-color:rgba(215,189,119,.24)!important;
    background:
      linear-gradient(180deg,
        rgba(215,189,119,.075),
        rgba(255,255,255,.018))!important;
  }

  #pcPremiumThemeButton .theme-palette-icon{
    position:relative;
    z-index:2;
    width:23px;
    height:23px;
    overflow:visible;
    filter:drop-shadow(0 3px 7px rgba(0,0,0,.22));
  }

  #pcPremiumThemeButton .theme-palette-outline{
    fill:none;
    stroke:#aeb8bf;
    stroke-width:1.45;
    stroke-linecap:round;
    stroke-linejoin:round;
    opacity:.92;
  }

  #pcPremiumThemeButton .theme-palette-dot{
    fill:#88949c;
    opacity:.86;
  }

  #pcPremiumThemeButton .theme-palette-dot.d2{
    fill:var(--pc-atmo)!important;
    opacity:1;
    filter:drop-shadow(0 0 3px rgba(var(--pc-atmo-rgb),.38));
  }

  #pcPremiumThemeButton .theme-palette-notch{
    fill:#0c1217;
    stroke:#75818a;
    stroke-width:.8;
    opacity:.92;
  }

  #pcContactAuthorButton{
    min-width:82px!important;
    height:36px!important;
    padding:0 12px!important;
    border-radius:13px!important;
    font-size:10.5px!important;
  }

  #pcPremiumThemeMenu,
  #pcContactAuthorPanel{
    top:44px!important;
  }

  /* ============================================================
     My Build Showcase:
     remove independent background picker and bind the background
     directly to the current global UI theme.
     Slightly stronger than the normal workspace atmosphere.
     ============================================================ */
  #myBuildShowcaseV2 .mb29-theme-dots,
  #myBuildShowcaseV2 [data-mb29-theme]{
    display:none!important;
  }

  #myBuildShowcaseV2 .mb29-tools{
    gap:0!important;
    padding-top:4px!important;
  }

  #myBuildShowcaseV2::before{
    inset:0!important;
    transform:none!important;
    filter:none!important;
    background-image:none!important;
    background-size:auto!important;
    background-position:center!important;
    opacity:1!important;
  }

  body[data-pc-ui-theme="theme1"] #myBuildShowcaseV2{
    border-color:rgba(199,170,96,.20)!important;
  }
  body[data-pc-ui-theme="theme1"] #myBuildShowcaseV2::before{
    background:
      radial-gradient(105% 64% at 82% -4%,
        rgba(73,103,130,.26),
        transparent 58%),
      radial-gradient(74% 50% at 12% 2%,
        rgba(199,170,96,.18),
        transparent 48%),
      linear-gradient(128deg,
        transparent 0 39%,
        rgba(255,255,255,.018) 39.3% 39.8%,
        transparent 40.1% 100%),
      linear-gradient(155deg,
        #151b21 0%,
        #0d1318 47%,
        #080d11 100%)!important;
  }

  body[data-pc-ui-theme="theme2"] #myBuildShowcaseV2{
    border-color:rgba(116,177,158,.23)!important;
  }
  body[data-pc-ui-theme="theme2"] #myBuildShowcaseV2::before{
    background:
      radial-gradient(112% 62% at 82% -4%,
        rgba(70,124,138,.25),
        transparent 58%),
      radial-gradient(70% 44% at 14% 0%,
        rgba(116,177,158,.21),
        transparent 47%),
      repeating-linear-gradient(90deg,
        rgba(130,177,163,.025) 0 1px,
        transparent 1px 44px),
      linear-gradient(158deg,
        #142023 0%,
        #0c1618 47%,
        #071013 100%)!important;
  }

  body[data-pc-ui-theme="theme3"] #myBuildShowcaseV2{
    border-color:rgba(111,142,177,.22)!important;
  }
  body[data-pc-ui-theme="theme3"] #myBuildShowcaseV2::before{
    background:
      radial-gradient(118% 64% at 50% -9%,
        rgba(96,137,181,.23),
        transparent 56%),
      radial-gradient(68% 42% at 87% 0%,
        rgba(52,81,118,.18),
        transparent 48%),
      repeating-linear-gradient(90deg,
        rgba(120,149,176,.030) 0 1px,
        transparent 1px 46px),
      linear-gradient(180deg,
        #151e27 0%,
        #0c141b 55%,
        #080e13 100%)!important;
  }

  #myBuildShowcaseV2::after{
    background:
      linear-gradient(90deg,
        rgba(4,7,10,.76) 0%,
        rgba(4,8,11,.52) 35%,
        rgba(4,8,11,.18) 74%,
        rgba(4,7,10,.31) 100%),
      linear-gradient(180deg,
        rgba(2,5,7,.03),
        rgba(2,5,7,.21))!important;
  }
}
