/* V23：电脑与手机完全同构，按屏宽同比压缩 */
    :root{
      --layout-gap:clamp(3px,.75vw,12px);
      --layout-pad-x:clamp(3px,1vw,16px);
      --layout-pad-y:clamp(3px,.75vw,12px);
      --right-panel-width:clamp(94px,16.5vw,210px);
      --panel-pad:clamp(4px,.7vw,10px);
      --panel-gap:clamp(3px,.55vw,7px);
      --ui-radius:clamp(6px,.8vw,12px);
    }
    @media (min-width:1180px){
      main{
        grid-template-columns:minmax(0,1fr) var(--right-panel-width)!important;
      }
    }

    main{
      display:grid!important;
      grid-template-columns:minmax(0,1fr) var(--right-panel-width)!important;
      gap:var(--layout-gap)!important;
      padding:var(--layout-pad-y) var(--layout-pad-x)!important;
      min-width:0;
      min-height:0;
      overflow:hidden;
    }

    .stage{
      width:100%;
      min-width:0;
      min-height:0;
      height:100%;
      border-radius:var(--ui-radius);
    }

    .right{
      position:relative!important;
      inset:auto!important;
      align-self:start;
      width:auto!important;
      min-width:0;
      height:max-content!important;
      max-height:100%;
      padding:var(--panel-pad)!important;
      gap:var(--panel-gap)!important;
      overflow:hidden!important;
      border-radius:var(--ui-radius)!important;
      box-sizing:border-box;
    }

    /* 删除右栏重复信息，只保留：大类、行政区、7岗位、发布 */
    .right .area-card,
    .right .category-head,
    .right .category-summary,
    .right .selected-mode-actions{
      display:none!important;
    }

    .selected-category-panel{
      padding:clamp(4px,.65vw,9px)!important;
      border-radius:calc(var(--ui-radius) - 1px)!important;
    }

    .selected-category-heading{
      grid-template-columns:clamp(18px,2.6vw,34px) minmax(0,1fr)!important;
      gap:clamp(3px,.45vw,7px)!important;
      margin-bottom:clamp(3px,.45vw,7px)!important;
    }

    .selected-category-icon{
      width:clamp(18px,2.6vw,34px)!important;
      height:clamp(18px,2.6vw,34px)!important;
      border-radius:clamp(5px,.6vw,9px)!important;
      font-size:clamp(8px,1.15vw,15px)!important;
    }

    .selected-category-name{
      font-size:clamp(7px,1vw,13px)!important;
      line-height:1!important;
      white-space:nowrap!important;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    .selected-region-name{
      margin-top:2px!important;
      font-size:clamp(5.5px,.75vw,9px)!important;
      line-height:1!important;
      white-space:nowrap!important;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    .role-number-legend{
      gap:clamp(4px,.7vw,9px)!important;
      margin:0 1px clamp(3px,.4vw,6px)!important;
      font-size:clamp(5px,.65vw,8px)!important;
      line-height:1!important;
      white-space:nowrap!important;
    }

    .role-demand-list{
      gap:clamp(2px,.32vw,5px)!important;
    }

    .role-demand-row{
      grid-template-columns:minmax(0,1fr) clamp(38px,5.8vw,62px)!important;
      gap:clamp(2px,.35vw,5px)!important;
      min-height:clamp(18px,2.25vw,30px)!important;
      height:clamp(18px,2.25vw,30px)!important;
      padding:clamp(2px,.38vw,5px) clamp(3px,.52vw,7px)!important;
      border-radius:clamp(4px,.5vw,8px)!important;
      box-sizing:border-box;
    }

    .role-field-label,
    .rank-two .role-field-label,
    .rank-letter .role-field-label{
      font-size:clamp(6px,.78vw,10px)!important;
      line-height:1!important;
      white-space:nowrap!important;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    .role-count-pair{
      min-width:0!important;
      width:100%;
    }

    .role-count-pair strong{
      min-width:clamp(12px,1.8vw,20px)!important;
      font-size:clamp(7px,.9vw,12px)!important;
      line-height:1!important;
    }

    .role-count-pair i{
      margin:0 1px!important;
      font-size:clamp(5px,.65vw,8px)!important;
    }

    .publish{
      width:100%;
      height:clamp(20px,2.7vw,34px)!important;
      min-height:0!important;
      margin:var(--panel-gap) 0 0!important;
      padding:0 4px!important;
      border-radius:clamp(5px,.55vw,8px)!important;
      font-size:clamp(5.5px,.72vw,9px)!important;
      line-height:1!important;
      white-space:nowrap!important;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    /* 手机与电脑保持相同左右结构，只缩尺寸，不换布局 */
    @media (max-width:760px){
      :root{
        --right-panel-width:clamp(92px,24vw,104px);
        --layout-gap:3px;
        --layout-pad-x:3px;
        --layout-pad-y:3px;
        --panel-pad:3px;
        --panel-gap:2px;
      }

      .app{
        grid-template-rows:32px minmax(0,1fr) 22px!important;
      }

      header{
        height:32px!important;
      }

      main{
        grid-template-columns:minmax(0,1fr) var(--right-panel-width)!important;
      }

      .stage{
        border-radius:6px!important;
      }

      .right{
        display:flex!important;
        position:relative!important;
        height:max-content!important;
        max-height:100%!important;
        padding:3px!important;
        gap:2px!important;
        background:linear-gradient(180deg,rgba(4,18,38,.92),rgba(3,13,29,.86))!important;
      }

      footer{
        height:22px!important;
      }
    }

    @media (max-width:390px){
      :root{
        --right-panel-width:90px;
      }
    }

    @media (min-width:761px) and (max-width:1179px){
      :root{
        --right-panel-width:clamp(126px,18vw,184px);
      }

      main{
        grid-template-columns:minmax(0,1fr) var(--right-panel-width)!important;
      }

      .right{
        display:flex!important;
        position:relative!important;
        right:auto!important;
        bottom:auto!important;
        width:auto!important;
        max-height:100%!important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
      }
    }