/* 一套页面自动适配：PC横屏 / 折叠屏与平板 / 手机 */
    .mobile-mode-label{display:none}
    @media (min-width:1180px){
      /* PC横屏：左控制、中地图、右四大类同时展示 */
      main{grid-template-columns:minmax(0,1fr) 258px}
    }
    @media (min-width:761px) and (max-width:1179px){
      /* 折叠屏、平板、小尺寸电脑：地图占主体，四大类浮动在右下角 */
      .app{grid-template-rows:68px 1fr 58px}
      header{padding:0 16px}
      .brand-title{font-size:19px}
      .brand-sub{display:none}
      main{grid-template-columns:minmax(0,1fr);padding:10px;gap:10px}
      .left{padding:10px}
      .menu button{height:41px;padding:0 9px;font-size:12px}
      .mini-stats{gap:8px}
      .hint{display:none}
      .right{
        display:flex;position:absolute;z-index:42;right:22px;bottom:24px;width:246px;
        max-height:58%;padding:10px;background:rgba(3,15,32,.92);
        box-shadow:0 14px 48px rgba(0,0,0,.38)
      }
      .right .area-card{display:none}
      .category-grid{grid-template-columns:1fr 1fr;gap:7px}
      .category-card{min-height:70px;padding:8px}
      .cat-top{grid-template-columns:30px 1fr;gap:7px}
      .cat-icon{width:30px;height:30px;font-size:15px}
      .cat-count{display:none}
      .cat-name{font-size:12px}
      .cat-sub{margin-left:37px;font-size:10px}
      .cat-actions{margin-left:37px;gap:4px}
      .cat-action{font-size:9px;padding:4px 6px}
      .category-summary{display:none}
      .publish{height:38px;font-size:12px}
    }
    @media (max-width:760px){
      /* 手机：地图全屏，顶部图标控制条，底部四大类操作坞 */
      html,body{overflow:hidden}
      .app{grid-template-rows:58px 1fr 46px}
      header{padding:0 10px}
      .brand{gap:8px}
      .brand-mark{width:34px;height:34px;border-radius:10px;font-size:15px}
      .brand-title{font-size:14px;white-space:nowrap}
      .brand-sub{display:none}
      .status>span:nth-child(2),.status-chip{display:none}
      .status{gap:5px}
      main{display:block;padding:5px}
      .stage{height:100%;border-radius:13px}
      .left{
        position:absolute;z-index:44;left:9px;right:9px;top:65px;width:auto;
        max-height:none;padding:5px;background:rgba(3,15,31,.88);
        border-radius:12px;overflow:visible
      }
      .left .section-title,.left .mini-stats,.left .hint{display:none}
      .menu{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
      .menu button{
        height:36px;min-width:0;padding:0;justify-content:center;text-align:center;
        font-size:0;border-radius:9px
      }
      .menu button .icon{width:25px;height:25px;font-size:13px}
      .menu .primary span:last-child{display:none}
      .right{
        display:flex;position:absolute;z-index:45;left:9px;right:9px;bottom:53px;width:auto;
        max-height:none;padding:7px;gap:6px;background:rgba(3,15,31,.92);
        border-radius:13px;box-shadow:0 10px 38px rgba(0,0,0,.42)
      }
      .right .area-card,.category-head,.category-summary{display:none}
      .category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
      .category-card{min-height:55px;padding:6px 3px;text-align:center;border-radius:10px}
      .category-card:before{left:6px;right:6px;top:auto;bottom:0;width:auto;height:2px}
      .cat-top{display:flex;flex-direction:column;gap:3px;align-items:center}
      .cat-icon{width:26px;height:26px;border-radius:8px;font-size:13px}
      .cat-name{font-size:10px;white-space:nowrap}
      .cat-actions{display:none}
      .cat-count,.cat-sub{display:none}
      .publish{height:34px;margin-top:0;font-size:11px}
      .breadcrumb{
        top:50px;max-width:88%;padding:7px 10px;font-size:11px;
        overflow:hidden;text-overflow:ellipsis
      }
      .level-badge{left:8px;bottom:132px;padding:7px 9px}
      .level-badge small{display:none}
      .level-badge b{font-size:11px}
      .net-caption{
        bottom:132px;min-width:0;max-width:56%;padding:7px 9px
      }
      .net-caption b{font-size:11px}
      .net-caption div{display:none}
      footer{grid-template-columns:88px 1fr;padding:0 8px}
      .ticker-title{font-size:10px}
      .tick{font-size:10px;gap:6px}
      .ticker{gap:30px}
      body.live-mode .left,body.live-mode .right{opacity:.18;transition:.25s}
      body.live-mode .left:hover,body.live-mode .right:hover,
      body.live-mode .left:focus-within,body.live-mode .right:focus-within{opacity:1}
      body.live-mode .net-caption,body.live-mode .level-badge{bottom:60px}
    }
    @media (min-width:761px) and (max-width:1179px){
      .net-corner-card{width:154px;min-height:82px;padding:8px}
      .corner-main{grid-template-columns:30px 1fr;gap:7px}
      .corner-icon{width:30px;height:30px;font-size:14px}
      .corner-name{font-size:12px}
      .corner-sub,.corner-actions{margin-left:37px}
      .corner-sub{font-size:9px}
      .corner-action{font-size:8px;padding:3px 6px}
    }
    @media (max-width:760px){
      .net-corner-card{
        width:116px;min-height:46px;padding:6px 7px;border-radius:11px;
        overflow:hidden;transition:width .22s ease,min-height .22s ease,filter .2s,border-color .2s
      }
      .corner-main{grid-template-columns:25px 1fr;gap:5px}
      .corner-icon{width:25px;height:25px;border-radius:8px;font-size:12px}
      .corner-name{font-size:10px;letter-spacing:0}
      .corner-sub,.corner-actions{
        max-height:0;opacity:0;overflow:hidden;margin-top:0;
        transition:max-height .22s ease,opacity .18s ease,margin .22s ease
      }
      .net-corner-card.expanded,
      .net-corner-card:focus-within{
        width:156px;min-height:92px
      }
      .net-corner-card.expanded .corner-sub,
      .net-corner-card:focus-within .corner-sub{
        max-height:24px;opacity:1;margin:5px 0 0 30px;display:block;font-size:8px
      }
      .net-corner-card.expanded .corner-actions,
      .net-corner-card:focus-within .corner-actions{
        max-height:40px;opacity:1;margin:5px 0 0 30px;display:flex;gap:3px
      }
      .corner-action{font-size:7px;padding:3px 4px}
      .net-corner-card.active:after{font-size:7px;padding:2px 4px;right:4px;top:3px}
      .selected-category-panel{display:none}
    }
    @media (max-width:390px){
      .brand-title{font-size:12px}
      .right{left:5px;right:5px}
      .left{left:5px;right:5px}
      .cat-name{font-size:9px}
      .breadcrumb{max-width:80%}
    }