/* V24：手机端岗位数据以全息浮层覆盖地图左下方；PC右栏保持不变 */
    @media (max-width:760px){
      .app{
        grid-template-rows:32px minmax(0,1fr) 22px!important;
      }

      main{
        position:relative!important;
        display:block!important;
        padding:3px!important;
        overflow:hidden!important;
      }

      .stage{
        position:absolute!important;
        inset:3px!important;
        width:auto!important;
        height:auto!important;
        min-width:0!important;
        min-height:0!important;
        border-radius:7px!important;
      }

      .right{
        --holo-color:var(--cat,#53ddff);
        position:absolute!important;
        z-index:26!important;
        left:7px!important;
        right:auto!important;
        top:auto!important;
        bottom:8px!important;
        width:clamp(108px,28vw,124px)!important;
        height:auto!important;
        max-height:calc(100% - 48px)!important;
        display:flex!important;
        padding:4px!important;
        gap:2px!important;
        overflow:hidden!important;
        border-radius:8px!important;

        /* 不使用实心卡片：透明全息玻璃 */
        background:
          linear-gradient(180deg,rgba(4,31,54,.16),rgba(2,15,31,.08))!important;
        border:1px solid color-mix(in srgb,var(--cat) 54%,transparent)!important;
        box-shadow:
          0 0 14px color-mix(in srgb,var(--cat) 20%,transparent),
          inset 0 0 16px rgba(65,206,255,.05)!important;
        backdrop-filter:blur(2px) saturate(1.2)!important;
        -webkit-backdrop-filter:blur(2px) saturate(1.2)!important;
      }

      .right:before{
        content:"";
        position:absolute;
        inset:0;
        pointer-events:none;
        border-radius:inherit;
        opacity:.34;
        background:
          repeating-linear-gradient(
            180deg,
            rgba(115,225,255,.08) 0,
            rgba(115,225,255,.08) 1px,
            transparent 1px,
            transparent 4px
          );
        mix-blend-mode:screen;
      }

      .right:after{
        content:"";
        position:absolute;
        left:4px;
        right:4px;
        top:0;
        height:1px;
        pointer-events:none;
        background:linear-gradient(
          90deg,
          transparent,
          color-mix(in srgb,var(--cat) 78%,white),
          transparent
        );
        box-shadow:0 0 10px var(--cat);
        animation:holoScan 2.8s ease-in-out infinite;
      }

      @keyframes holoScan{
        0%,100%{transform:translateY(4px);opacity:.18}
        50%{transform:translateY(124px);opacity:.78}
      }

      .right .area-card,
      .right .category-head,
      .right .category-summary,
      .right .selected-mode-actions{
        display:none!important;
      }

      .selected-category-panel{
        position:relative;
        z-index:1;
        display:block!important;
        padding:3px!important;
        border:0!important;
        border-radius:6px!important;
        background:rgba(2,16,31,.12)!important;
        box-shadow:none!important;
      }

      .selected-category-heading{
        grid-template-columns:18px minmax(0,1fr) auto 20px!important;
        gap:3px!important;
        margin-bottom:3px!important;
      }

      .selected-category-icon{
        width:18px!important;
        height:18px!important;
        border-radius:5px!important;
        font-size:8px!important;
        opacity:.88;
        box-shadow:0 0 9px color-mix(in srgb,var(--cat) 45%,transparent);
      }

      .selected-category-name{
        font-size:7px!important;
        color:#eaf8ff!important;
        text-shadow:0 0 8px rgba(103,221,255,.5);
      }

      .selected-region-name{
        margin-top:2px!important;
        font-size:5.5px!important;
        color:#94bdd5!important;
        text-shadow:0 0 6px rgba(81,221,255,.28);
      }

      .selected-category-total{
        display:block!important;
        color:var(--cat)!important;
        font-size:7px!important;
        line-height:1!important;
        white-space:nowrap;
        text-shadow:0 0 8px color-mix(in srgb,var(--cat) 65%,transparent);
        animation:liveDataPulse 2.4s ease-in-out infinite;
      }

      .live-data-toggle{
        display:grid!important;
        place-items:center;
        position:relative;
        isolation:isolate;
        z-index:2;
        width:24px;
        height:24px;
        margin:-3px 0 -3px -4px;
        padding:0;
        border:0;
        background:transparent;
        color:#eaf8ff;
        font-size:8px;
        line-height:1;
        cursor:pointer;
      }

      .live-data-toggle:before{
        content:"";
        position:absolute;
        z-index:-1;
        inset:4px;
        border-radius:5px;
        border:1px solid color-mix(in srgb,var(--cat) 42%,transparent);
        background:rgba(3,20,38,.7);
      }

      @keyframes liveDataPulse{
        0%,100%{opacity:.6;filter:brightness(.9)}
        50%{opacity:1;filter:brightness(1.25)}
      }

      .right.is-collapsed{
        width:104px!important;
        max-height:38px!important;
        padding:3px!important;
        gap:0!important;
      }

      .right.is-collapsed:after{
        animation:none!important;
        opacity:.72;
      }

      .right.is-collapsed .selected-category-panel{
        padding:3px!important;
      }

      .right.is-collapsed .selected-category-heading{
        margin-bottom:0!important;
      }

      .right.is-collapsed .role-number-legend,
      .right.is-collapsed .role-demand-list,
      .right.is-collapsed .publish{
        display:none!important;
      }

      .role-number-legend{
        gap:5px!important;
        margin:0 1px 3px!important;
        font-size:5px!important;
      }

      .role-demand-list{
        gap:2px!important;
      }

      .role-demand-row{
        grid-template-columns:minmax(0,1fr) 36px!important;
        height:17px!important;
        min-height:17px!important;
        padding:2px 3px!important;
        gap:2px!important;
        border-radius:4px!important;
        border-color:rgba(102,198,245,.13)!important;
        background:
          linear-gradient(90deg,rgba(2,18,34,.16),rgba(5,35,57,.08))!important;
        box-shadow:
          inset 2px 0 0 color-mix(in srgb,var(--cat) 24%,transparent);
      }

      .role-field-label,
      .rank-two .role-field-label,
      .rank-letter .role-field-label{
        font-size:6px!important;
        color:#d9f1ff;
        text-shadow:0 0 5px rgba(97,215,255,.34);
      }

      .rank-two .role-field-label,
      .rank-letter .role-field-label{
        display:flex;
        align-items:center;
      }

      .rank-suits,
      .rank-faces{
        gap:1px;
        margin-left:1px;
      }

      .rank-suits{
        font-size:6px;
      }

      .rank-suits i,
      .rank-faces img{
        width:7px;
        height:7px;
        border-radius:1.5px;
      }

      .rank-faces img{
        object-position:center;
      }

      .red-joker .role-field-label{
        color:#ff7b89!important;
      }

      .black-joker .role-field-label{
        color:#e2ebf3!important;
      }

      .role-count-pair strong{
        min-width:13px!important;
        font-size:7px!important;
      }

      .role-count-pair i{
        margin:0!important;
        font-size:5px!important;
        color:#6d8da5!important;
      }

      .provide-number{
        text-shadow:0 0 7px var(--provide-color)!important;
      }

      .need-number{
        text-shadow:0 0 7px var(--need-color)!important;
      }

      .publish{
        position:relative;
        z-index:1;
        width:100%;
        height:18px!important;
        min-height:18px!important;
        margin-top:2px!important;
        padding:0 3px!important;
        border-radius:4px!important;
        border-color:color-mix(in srgb,var(--cat) 42%,transparent)!important;
        background:rgba(4,31,52,.18)!important;
        color:#dff6ff!important;
        font-size:5.5px!important;
        box-shadow:0 0 8px color-mix(in srgb,var(--cat) 12%,transparent)!important;
      }

      .map-tools{
        left:auto!important;
        right:4px!important;
        top:50%!important;
      }

      .breadcrumb{
        top:4px!important;
        max-width:72%!important;
      }

      body.live-mode .right{
        opacity:.82!important;
      }

      body.live-mode .right:hover,
      body.live-mode .right:focus-within{
        opacity:1!important;
      }
    }
    @media (max-width:390px){
      .right{
        left:5px!important;
        bottom:5px!important;
        width:108px!important;
      }

      .role-demand-row{
        grid-template-columns:minmax(0,1fr) 34px!important;
      }
    }

    @media (max-width:760px) and (orientation:landscape){
      .right{
        width:124px!important;
        left:7px!important;
        bottom:5px!important;
      }

      @keyframes holoScan{
        0%,100%{transform:translateY(3px);opacity:.18}
        50%{transform:translateY(104px);opacity:.78}
      }
    }

    /* V25：手机端地图控制按钮移到顶部横排；PC端保持左侧竖排 */
    @media (max-width:760px){
      header{
        padding-right:116px!important;
      }

      .brand-title{
        max-width:calc(100vw - 152px)!important;
      }

      .map-tools{
        position:fixed!important;
        z-index:80!important;
        left:auto!important;
        right:4px!important;
        top:4px!important;
        bottom:auto!important;
        transform:none!important;

        display:flex!important;
        flex-direction:row!important;
        align-items:center!important;
        gap:2px!important;

        width:auto!important;
        height:24px!important;
        padding:2px!important;
        border-radius:7px!important;

        background:rgba(2,15,31,.62)!important;
        border:1px solid rgba(91,173,231,.22)!important;
        box-shadow:0 4px 14px rgba(0,0,0,.24)!important;
        backdrop-filter:blur(7px)!important;
        -webkit-backdrop-filter:blur(7px)!important;
      }

      .map-tool-btn{
        width:20px!important;
        height:20px!important;
        min-width:20px!important;
        border-radius:5px!important;
        font-size:9px!important;
        line-height:1!important;
      }

      .map-tool-btn:hover{
        transform:translateY(-1px)!important;
      }

      .eye-toggle.is-off:after{
        width:14px!important;
        height:1px!important;
      }

      /* 工具条离开地图左侧后，面包屑回到地图顶部 */
      .breadcrumb{
        top:4px!important;
        left:50%!important;
        max-width:68%!important;
      }
    }

    @media (max-width:390px){
      header{
        padding-right:108px!important;
      }

      .brand-title{
        max-width:calc(100vw - 140px)!important;
      }

      .map-tools{
        right:3px!important;
        gap:1px!important;
      }

      .map-tool-btn{
        width:19px!important;
        height:19px!important;
        min-width:19px!important;
        font-size:8px!important;
      }
    }

    /* V26：全息卡动态避让左下“企业经营”标签 */
    @media (max-width:760px){
      .right{
        bottom:42px!important;
        transition:bottom .16s ease-out;
      }
    }