/* 微客联盟 · 集团生态切换器
 * 视觉沿用本站白底、深蓝、轻阴影体系，不复用仟屹主站的深色弹层。
 */
.group-ecosystem{position:relative;z-index:70;flex:0 0 auto}
.group-ecosystem-trigger{height:36px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dbe5f8;border-radius:11px;background:#f7faff;color:#314b84;font:700 12px/1 "PingFang SC","Microsoft YaHei",Arial,sans-serif;box-shadow:inset 0 1px 0 #fff;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}
.group-ecosystem-trigger:hover{color:var(--blue,#286df0);border-color:#b8cff8;background:#fff;box-shadow:0 7px 18px rgba(38,91,186,.10)}
.group-ecosystem-trigger svg{width:12px;height:12px;flex:0 0 auto;transition:transform .2s ease;transform-origin:center;color:#6f83ad}
.group-ecosystem.is-open .group-ecosystem-trigger svg{transform:rotate(180deg)}

.group-ecosystem-popover{position:absolute;left:0;top:46px;width:390px;padding:17px;border:1px solid #dfe7f5;border-radius:18px;background:rgba(255,255,255,.985);box-shadow:0 24px 64px rgba(25,47,96,.18),0 6px 18px rgba(25,47,96,.07);backdrop-filter:blur(14px);opacity:0;visibility:hidden;transform:translateY(-6px);transform-origin:top left;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.group-ecosystem.is-open .group-ecosystem-popover{opacity:1;visibility:visible;transform:none}
.group-ecosystem-popover:before{content:"";position:absolute;left:28px;top:-7px;width:13px;height:13px;border-left:1px solid #dfe7f5;border-top:1px solid #dfe7f5;background:#fff;transform:rotate(45deg)}
.group-ecosystem-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:2px 3px 13px}
.group-ecosystem-heading strong,.group-ecosystem-heading small{display:block}
.group-ecosystem-heading strong{color:var(--navy,#172a69);font-size:19px;line-height:1.2}
.group-ecosystem-heading small{margin-top:5px;color:#8290ac;font-size:10px;letter-spacing:.08em}
.group-ecosystem-wordmark{color:#a5b3ce;font-size:10px;font-weight:800;letter-spacing:.13em;white-space:nowrap}
.group-ecosystem-list{display:grid;gap:8px}
.group-site-card{position:relative;min-height:70px;display:flex;align-items:center;gap:12px;padding:10px 11px;border:1px solid #e5ebf6;border-radius:13px;background:#fff;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}
.group-site-card:hover{transform:translateX(2px);border-color:#c8d9f8;background:#fbfdff;box-shadow:0 7px 18px rgba(37,82,163,.07)}
.group-site-card.is-current{cursor:default;border-color:#bfd2f9;background:linear-gradient(105deg,#edf5ff,#f8fbff 58%,#f1f4ff);box-shadow:inset 0 1px 0 #fff}
.group-site-card.is-current:hover{transform:none}
.group-site-badge{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;color:#fff;font-size:11px;font-weight:850;letter-spacing:.04em}
.group-site-badge.qy{background:linear-gradient(145deg,#347cff,#1859dc);box-shadow:0 7px 16px rgba(40,109,240,.20)}
.group-site-badge.wh{background:linear-gradient(145deg,#f04d67,#d91f48);box-shadow:0 7px 16px rgba(218,37,75,.15)}
.group-site-badge.wk{background:linear-gradient(145deg,#213a83,#347cff);box-shadow:0 7px 16px rgba(23,42,105,.18)}
.group-site-copy{min-width:0;flex:1}
.group-site-title{display:flex;align-items:center;gap:7px;color:#1a2a58;font-size:14px;font-weight:800;line-height:1.25}
.group-site-title em{padding:2px 6px;border-radius:6px;background:#e7efff;color:#3769cf;font-size:9px;font-style:normal;font-weight:750}
.group-site-desc{display:block;margin-top:5px;color:#7886a2;font-size:10px;line-height:1.4}
.group-site-state{flex:0 0 auto;color:#7192ce;font-size:10px;font-weight:700;white-space:nowrap}
.group-site-card.is-current .group-site-state{padding:6px 8px;border-radius:8px;background:#fff;color:#486cae;box-shadow:0 3px 10px rgba(40,78,150,.08)}
.group-ecosystem-foot{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:11px 3px 1px;border-top:1px solid #edf1f7;color:#9aa7bc;font-size:9px}

.group-ecosystem-backdrop{display:none}

@media(max-width:1060px){
  .group-ecosystem{z-index:75}
  .group-ecosystem-trigger{height:34px;padding:0 10px;border-radius:10px;font-size:11px}
  .group-ecosystem-popover{display:none}
  .group-ecosystem-backdrop{position:fixed;z-index:200;inset:0;display:flex;align-items:flex-end;background:rgba(20,34,70,.32);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
  .group-ecosystem.is-open .group-ecosystem-backdrop{opacity:1;visibility:visible}
  .group-ecosystem-sheet{width:100%;padding:10px 18px max(20px,env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:#fff;box-shadow:0 -20px 52px rgba(18,39,83,.16);transform:translateY(22px);transition:transform .22s ease}
  .group-ecosystem.is-open .group-ecosystem-sheet{transform:none}
  .group-sheet-handle{width:42px;height:4px;margin:2px auto 16px;border-radius:99px;background:#dbe3f1}
  .group-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px;padding:0 2px}
  .group-sheet-close{width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid #e0e7f2;border-radius:50%;background:#f8faff;color:#667899;font-size:23px;line-height:1;cursor:pointer}
  .group-ecosystem-sheet .group-ecosystem-list{gap:10px}
  .group-ecosystem-sheet .group-site-card{min-height:76px;padding:12px;border-radius:15px}
  .group-ecosystem-sheet .group-site-badge{width:44px;height:44px;border-radius:12px}
  .group-ecosystem-sheet .group-site-title{font-size:15px}
  .group-ecosystem-sheet .group-site-desc{font-size:11px}
  .group-ecosystem-sheet .group-site-state{font-size:10px}
}

@media(max-width:660px){
  .site-header{gap:10px}
  .group-ecosystem-trigger{width:78px;padding:0 7px;gap:5px;font-size:11px}
  .group-ecosystem-trigger svg{width:11px;height:11px}
  .group-ecosystem-sheet{padding-left:15px;padding-right:15px}
}

@media(max-width:380px){
  .site-header{padding-left:16px;padding-right:16px;gap:8px}
  .brand{gap:8px}
  .brand-copy small{display:none}
  .group-ecosystem-trigger{width:72px;font-size:10px}
  .menu-button{padding-left:3px;padding-right:3px}
}