.web-enter { overflow: hidden; box-sizing: border-box; outline: 0; display:none; cursor: pointer; /* 添加这一行来改变鼠标光标 */ } .web-enter, .web-enter * { box-sizing: border-box; } input, select, textarea, button { outline: 0; } .web-enter { position: relative; width: 350px; height: 236px; margin: 0 auto; font-size: 0px; } .web-enter-button { display: block; position: relative; height: 20px; margin: 202px 0 0 159px; color: #4fa1ed; font-family: OPlusSans 3, var(--default-font-family); font-size: 14px; font-weight: 500; line-height: 19.88px; text-align: left; white-space: nowrap; z-index: 16; } .rectangle { position: absolute; width: 350px; height: 236px; top: 0; left: 0; background: #ececec; border-radius: 10px; } .rectangle-1 { position: absolute; width: 350px; height: 44px; top: 0; left: 0; z-index: 15; } .popup-content { display: flex; flex-direction: column; align-items: flex-start; flex-wrap: nowrap; gap: 12px; position: absolute; width: 350px; height: 175px; top: 10px; left: 0; padding: 0 10px 8px 10px; z-index: 1; } .popup-title { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; flex-wrap: nowrap; flex-shrink: 0; gap: 12px; position: relative; min-width: 0; z-index: 2; } .frame { display: flex; align-items: flex-start; align-self: stretch; flex-wrap: nowrap; flex-shrink: 0; gap: 10px; position: relative; z-index: 3; } .body { flex-shrink: 0; flex-basis: auto; position: relative; height: 22px; color: rgba(0, 0, 0, 0.6); font-family: XX Type, var(--default-font-family); font-size: 14px; font-weight: 400; line-height: 22px; text-align: left; white-space: nowrap; z-index: 4; } .invite-popup-card { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; flex-wrap: nowrap; flex-shrink: 0; position: relative; min-width: 0; background: rgba(0, 0, 0, 0.1); z-index: 5; overflow: hidden; border-radius: 4px; box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.08); } .frame-2 { display: flex; flex-direction: column; align-items: center; justify-content: center; align-self: stretch; flex-wrap: nowrap; flex-shrink: 0; gap: 10px; position: relative; padding: 16px 10px 16px 10px; background: #fafafa; z-index: 6; } .frame-3 { display: flex; align-items: center; align-self: stretch; flex-wrap: nowrap; flex-shrink: 0; gap: 8px; position: relative; z-index: 7; } .vuesax-message { flex-shrink: 0; position: relative; width: 20px; height: 20px; z-index: 8; } .vuesax-message-4 { position: absolute; width: 20px; height: 20px; top: 0; left: 0; z-index: 9; } .game-strategy-center { flex-grow: 1; flex-shrink: 0; flex-basis: auto; position: relative; height: 22px; color: #000000; font-family: OPlusSans 3, var(--default-font-family); font-size: 14px; font-weight: 500; line-height: 22px; text-align: left; white-space: nowrap; z-index: 10; } .frame-5 { display: flex; align-items: center; align-self: stretch; flex-wrap: nowrap; flex-shrink: 0; gap: 10px; position: relative; padding: 10px 10px 10px 10px; z-index: 11; } .avatar { flex-shrink: 0; position: relative; width: 20px; height: 20px; background: url(./assets/images/6bcadc9b17e879de407ef989c9c1585e20e86e74.png) no-repeat center; background-size: cover; z-index: 12; overflow: hidden; border-radius: 2px; } .avatar-status { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 13; } .karnas-team { flex-shrink: 0; flex-basis: auto; position: relative; height: 22px; color: rgba(0, 0, 0, 0.6); font-family: OPlusSans 3, var(--default-font-family); font-size: 14px; font-weight: 400; line-height: 22px; text-align: left; white-space: nowrap; z-index: 14; }
.invite-popup-card .frame-5 { flex-wrap: wrap; row-gap: 8px; }
.invite-channel-stats {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  width: 100%;
  margin: 0 0 0 30px;
  padding: 0 0 12px;
  box-sizing: border-box;
}
.invite-stat {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: rgba(0, 0, 0, 0.45);
  font-family: OPlusSans 3, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  white-space: nowrap;
}
.invite-stat__icon {
  display: block;
  flex-shrink: 0;
  color: rgba(0, 0, 0, 0.4);
}
.invite-stat--online {
  color: rgba(0, 0, 0, 0.5);
}
.invite-stat__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.18);
  flex-shrink: 0;
}