/* responsive.css — 加密徽章与移动端/桌面端媒体查询（源文件行 684-760，保持原顺序） */
  /* ===== 头部绿色加密徽章 ===== */
  .enc-badge{
    display:flex;align-items:center;gap:4px;white-space:nowrap;
    font-size:10px;font-weight:600;padding:3px 9px;border-radius:20px;
    color:#81c784;background:rgba(39,174,96,.15);
    border:1px solid rgba(39,174,96,.5);transition:all .3s;flex-shrink:0;
  }
  .enc-badge i{font-size:10px;color:#4caf50}
  .enc-badge.established{
    color:#a5d6a7;background:rgba(39,174,96,.28);
    box-shadow:0 0 10px rgba(39,174,96,.35);
  }
  body{transition:padding-right .25s ease}

  @media (max-width:900px){
    .info-panel{
      position:fixed;top:0;right:0;bottom:0;
      z-index:900;width:280px;max-width:85vw;
      box-shadow:-8px 0 30px rgba(0,0,0,.5);
      transform:translateX(100%);
      transition:transform .25s ease;
    }
    .info-panel.collapsed{transform:translateX(100%);width:280px}
    .info-panel.mobile-show{transform:translateX(0)}
    .info-toggle-mobile{display:flex}
    .info-toggle-desktop{display:none!important}
  }

  @media (max-width:600px){
    .video-panel{max-width:200px}
    .video-tile{width:100px;height:140px}
    .msg{max-width:85%}
  }
  /* ===== 电脑版：左右分栏登录 + 整体紧凑 + 右侧信息面板固定贴屏幕最右 ===== */
  @media (min-width:901px){
    .setup{max-width:920px;padding:22px 24px;gap:12px}
    .setup .subtitle{margin-bottom:2px}
    .setup-columns{flex-direction:row;gap:22px;align-items:stretch}
    .setup-col{
      flex:1 1 0;min-width:0;gap:10px;padding:18px 18px 16px;
      border-radius:14px;border:1px solid var(--border);
      transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
    }
    .setup-col .col-title{
      display:flex;align-items:center;gap:8px;
      font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:2px;
    }
    .setup-columns .divider{display:none}
    .col-create{border-color:rgba(74,158,255,.45);background:linear-gradient(165deg,rgba(74,158,255,.13),rgba(74,158,255,.02))}
    .col-create .col-title{color:var(--primary)}
    .col-join{border-color:rgba(39,174,96,.45);background:linear-gradient(165deg,rgba(39,174,96,.13),rgba(39,174,96,.02))}
    .col-join .col-title{color:var(--green)}
    .setup-col:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.35)}
    .col-create:hover{border-color:var(--primary)}
    .col-join:hover{border-color:var(--green)}
    .setup .mode-card{padding:12px 10px}
    .setup input[type="text"],.setup select{padding:11px 14px}
    .setup button{padding:11px}
    .col-join button.secondary{background:var(--green);color:#fff}
    .col-join button.secondary:hover{background:#219a52;color:#fff}
    .enc-note{justify-content:flex-start;text-align:left}

    /* 整体紧凑化：常规桌面分辨率一屏显示无需滚动 */
    .header{padding:8px 16px}
    .messages{padding:12px}
    .msg{padding:8px 12px;font-size:13px}
    .input-bar{padding:8px 12px}
    .media-bar{padding:0 12px 6px}

    /* 右侧信息面板固定定位，滚动条直接贴屏幕最右侧 */
    body.panel-open{padding-right:260px}
    .info-panel{
      position:fixed;top:0;right:0;bottom:0;
      width:260px;height:100vh;z-index:400;
      box-shadow:-6px 0 24px rgba(0,0,0,.35);
    }
  }