@media(min-width:761px){

  /* =========================================================
     1) Navigation: every page uses the same minimal Attribute-page language.
     No card border / no capsule panel / no page-to-page visual jump.
     ========================================================= */
  body .editor-view-tabs,
  body.attributes-workspace-compact .editor-view-tabs,
  body.non-attribute-editor-active .editor-view-tabs{
    box-sizing:border-box!important;
    min-height:64px!important;
    margin:0 0 16px!important;
    padding:0 14px!important;

    display:flex!important;
    align-items:center!important;
    gap:0!important;

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

    overflow-x:auto!important;
    overflow-y:visible!important;
  }

  body .editor-view-tab,
  body.attributes-workspace-compact .editor-view-tab,
  body.non-attribute-editor-active .editor-view-tab{
    min-height:64px!important;
    padding:0 16px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#7f8a94!important;
  }

  body .editor-view-tab:hover,
  body.attributes-workspace-compact .editor-view-tab:hover,
  body.non-attribute-editor-active .editor-view-tab:hover{
    background:transparent!important;
    color:#b8c1c7!important;
  }

  body .editor-view-tab.active,
  body.attributes-workspace-compact .editor-view-tab.active,
  body.non-attribute-editor-active .editor-view-tab.active{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    color:#e2c979!important;
  }

  body .editor-view-tab.active::after,
  body.attributes-workspace-compact .editor-view-tab.active::after,
  body.non-attribute-editor-active .editor-view-tab.active::after{
    left:15px!important;
    right:15px!important;
    bottom:0!important;
    height:2px!important;
    border-radius:99px!important;
    background:linear-gradient(
      90deg,
      transparent,
      rgba(var(--pc-gold-rgb),.90) 18%,
      rgba(var(--pc-gold-rgb),.90) 82%,
      transparent
    )!important;
    box-shadow:0 0 8px rgba(var(--pc-gold-rgb),.12)!important;
  }

  body .editor-view-sep,
  body.attributes-workspace-compact .editor-view-sep,
  body.non-attribute-editor-active .editor-view-sep{
    color:rgba(255,255,255,.095)!important;
  }

  /* =========================================================
     2) Base / Match value mode:
        neutral default + same restrained gold selected state.
     ========================================================= */
  #attributeDesktopToolbar .attribute-mode-btn,
  #playerCardPanel .build-mode-btn{
    color:#84909a!important;
    background:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
  }

  #attributeDesktopToolbar .attribute-mode-btn:hover,
  #playerCardPanel .build-mode-btn:hover{
    color:#b9c2c9!important;
    background:rgba(255,255,255,.025)!important;
  }

  #attributeDesktopToolbar .attribute-mode-btn.active,
  #attributeDesktopToolbar .attribute-mode-btn[data-attribute-mode="base"].active,
  #attributeDesktopToolbar .attribute-mode-btn[data-attribute-mode="match"].active,
  #playerCardPanel .build-mode-btn.active,
  #playerCardPanel .build-mode-btn[data-build-mode="base"].active,
  #playerCardPanel .build-mode-btn[data-build-mode="match"].active{
    color:#e1c878!important;
    border-color:rgba(var(--pc-gold-rgb),.19)!important;
    background:linear-gradient(
      180deg,
      rgba(var(--pc-gold-rgb),.105),
      rgba(var(--pc-gold-rgb),.042)
    )!important;
    box-shadow:
      inset 0 0 0 1px rgba(var(--pc-gold-rgb),.045),
      0 0 9px rgba(var(--pc-gold-rgb),.025)!important;
  }

  /* =========================================================
     3) AP price explanation Bilibili detail link.
     ========================================================= */
  #attributePriceHelp .attribute-price-video-link{
    margin-top:8px!important;
    padding-top:8px!important;
    border-top:1px solid rgba(255,255,255,.055)!important;
  }

  #attributePriceHelp .attribute-price-video-link a{
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    color:#cdb76e!important;
    font-size:10.5px!important;
    line-height:1.2!important;
    font-weight:760!important;
    text-decoration:none!important;
    transition:color .14s ease,opacity .14s ease!important;
  }

  #attributePriceHelp .attribute-price-video-link a:hover{
    color:#ead58a!important;
  }
}