.identify-portal {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 100vh;
  padding: 50px 0;
  box-sizing: border-box;
  background: linear-gradient(180deg, #f1f7ff 3%, #fcfeff 100%);
}
.portal-inner {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 24px;
  width: 1272px;
}
.portal-card {
  position: relative;
  flex: 0 0 522px;
  width: 522px;
  height: 796px;
  border: 1px solid transparent;
  border-radius: 15px;
  overflow: hidden;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  transition: flex-basis 0.45s cubic-bezier(0.4, 0, 0.2, 1), background 0.45s ease, box-shadow 0.45s ease;
}
.portal-card.active {
  flex: 0 0 726px;
  cursor: default;
}
.portal-card .card-panel {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 40px 30px 30px;
  box-sizing: border-box;
}
.portal-card .card-header {
  display: flex;
  flex-direction: column;
  gap: 26px;
  margin-bottom: 50px;
}
.portal-card .card-logo {
  flex-shrink: 0;
  width: 73px;
  height: 73px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.portal-card .card-title-box {
  flex: 1;
  min-width: 0;
}
.portal-card .card-title {
  margin: 0 0 16px;
  font-family: "Alibaba PuHuiTi 3.0";
  font-size: 34px;
  font-weight: 800;
  line-height: 36px;
  transition: color 0.3s ease;
}
.portal-card .card-subtitle {
  margin: 0;
  font-family: "Alibaba PuHuiTi 3.0";
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
  transition: color 0.3s ease;
}
.portal-card .card-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.portal-card .grid-item {
  position: relative;
  padding: 14px 18px;
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid #fff;
  box-sizing: border-box;
  transition: background 0.3s ease, border-color 0.3s ease, padding 0.3s ease;
}
.portal-card .grid-header {
  display: flex;
  flex-direction: column;
}
.portal-card .grid-icon {
  min-width: 28px;
  width: 28px;
  height: 28px;
  margin-bottom: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.portal-card .grid-title {
  margin: 0 0 8px;
  font-family: "PingFang SC";
  font-size: 20px;
  font-weight: 600;
  color: #040b19;
  line-height: 24px;
}
.portal-card .grid-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.portal-card .grid-tags span {
  padding: 1px 4px;
  border: 0.6px solid #061178;
  border-radius: 2px;
  background: #fff;
  font-family: "PingFang SC";
  font-size: 11px;
  color: #061178;
  line-height: 14px;
}
.portal-card .grid-desc {
  margin: 10px 0 0;
  font-family: "PingFang SC";
  font-size: 14px;
  font-weight: 400;
  color: #474d58;
  line-height: 22px;
}
.portal-card .grid-subheading {
  margin: 0 0 10px;
  font-family: "PingFang SC";
  font-size: 14px;
  font-weight: 400;
  color: #474d58;
  line-height: 1.4;
  transition: color 0.3s ease, font-weight 0.3s ease;
}
.portal-card .grid-desc-extra {
  display: none;
  margin: 0 0 10px;
  font-family: "PingFang SC";
  font-size: 14px;
  font-weight: 400;
  color: #474d58;
  opacity: 0.8;
  line-height: 22px;
}
.portal-card .hot-badge {
  display: none;
  position: absolute;
  top: 0;
  right: 20px;
  align-items: center;
  justify-content: center;
  padding: 3px 6px;
  border-radius: 4px 4px 4px 0;
  background: #ff4d4f;
  font-family: "PingFang SC";
  font-size: 10px;
  font-weight: 500;
  color: #fff;
  line-height: 10px;
}
.portal-card .card-footer {
  margin-top: auto;
  padding-top: 30px;
}
.portal-card .card-cta {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 44px;
  border-radius: 4px;
  color: #fff;
  font-family: "PingFang SC";
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}
.portal-card .card-cta .cta-arrow {
  width: 16px;
  height: 16px;
  background: url("https://static.qinqinxiaobao.com/flb-mp/img/official-site-2026/portal/arrow-btn.svg") no-repeat center / contain;
}
.portal-card .card-switch-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 44px;
  font-family: "Alibaba PuHuiTi 3.0";
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
}
.portal-card .card-switch-link .switch-arrow {
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.portal-card.active .card-cta {
  display: flex;
}
.portal-card.active .card-switch-link {
  display: none;
}
.portal-card.active .grid-item {
  background: #fff;
  border-color: transparent;
}
.portal-card.enterprise {
  background: linear-gradient(180deg, #e1edff 0%, #f2f8ff 100%);
}
.portal-card.enterprise .card-logo {
  background-image: url("https://static.qinqinxiaobao.com/flb-mp/img/official-site-2026/portal/logo-enterprise.svg");
}
.portal-card.enterprise .card-title {
  color: #030852;
}
.portal-card.enterprise .card-subtitle {
  color: #10239e;
}
.portal-card.enterprise .card-switch-link {
  color: #061178;
}
.portal-card.enterprise .card-switch-link .switch-arrow {
  background-image: url("https://static.qinqinxiaobao.com/flb-mp/img/official-site-2026/portal/arrow-link-blue.svg");
}
.portal-card.enterprise .card-cta {
  background: #2f54eb;
}
.portal-card.enterprise .grid-item {
  display: flex;
  gap: 15px;
}
.portal-card.enterprise .grid-item:nth-child(1) .grid-icon {
  background-image: url("https://static.qinqinxiaobao.com/flb-mp/img/official-site-2026/portal/icon-security.png");
}
.portal-card.enterprise .grid-item:nth-child(2) .grid-icon {
  background-image: url("https://static.qinqinxiaobao.com/flb-mp/img/official-site-2026/portal/icon-expert.png");
}
.portal-card.enterprise .grid-item:nth-child(3) .grid-icon {
  background-image: url("https://static.qinqinxiaobao.com/flb-mp/img/official-site-2026/portal/icon-gift1.png");
}
.portal-card.enterprise .grid-item:nth-child(4) .grid-icon {
  background-image: url("https://static.qinqinxiaobao.com/flb-mp/img/official-site-2026/portal/icon-gift3.png");
}
.portal-card.enterprise .grid-item:nth-child(5) .grid-icon {
  background-image: url("https://static.qinqinxiaobao.com/flb-mp/img/official-site-2026/portal/icon-globe.png");
}
.portal-card.enterprise .grid-item:nth-child(6) .grid-icon {
  background-image: url("https://static.qinqinxiaobao.com/flb-mp/img/official-site-2026/portal/icon-gift5.png");
}
.portal-card.enterprise:not(.active) .grid-desc,
.portal-card.enterprise:not(.active) .grid-desc-extra {
  display: none !important;
}
.portal-card.enterprise.active {
  border-color: #fff;
  box-shadow: 0 0 25px 0 rgba(45, 96, 205, 0.3);
  background-image: url("https://static.qinqinxiaobao.com/flb-mp/img/official-site-2026/portal/enterprise-active.png");
}
.portal-card.enterprise.active .card-header {
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: 40px;
}
.portal-card.enterprise.active .card-title,
.portal-card.enterprise.active .card-subtitle {
  color: #fff;
}
.portal-card.person {
  background: linear-gradient(180deg, #dff4ff 0%, #edf9ff 100%);
}
.portal-card.person .card-logo {
  background-image: url("https://static.qinqinxiaobao.com/flb-mp/img/official-site-2026/portal/logo-person-icon.svg");
}
.portal-card.person .card-title,
.portal-card.person .card-subtitle {
  color: #00474f;
}
.portal-card.person .card-switch-link {
  color: #00474f;
}
.portal-card.person .card-switch-link .switch-arrow {
  background-image: url("https://static.qinqinxiaobao.com/flb-mp/img/official-site-2026/portal/arrow-link.svg");
}
.portal-card.person .card-cta {
  background: #21c58e;
}
.portal-card.person .grid-item .grid-icon {
  min-width: 30px;
  width: 30px;
  height: 30px;
}
.portal-card.person .grid-item:nth-child(1) .grid-icon {
  background-image: url("https://static.qinqinxiaobao.com/flb-mp/img/official-site-2026/portal/icon-workplace.png");
}
.portal-card.person .grid-item:nth-child(2) .grid-icon {
  background-image: url("https://static.qinqinxiaobao.com/flb-mp/img/official-site-2026/portal/icon-briefcase3.png");
}
.portal-card.person .grid-item:nth-child(3) .grid-icon {
  background-image: url("https://static.qinqinxiaobao.com/flb-mp/img/official-site-2026/portal/icon-briefcase4.png");
}
.portal-card.person .grid-item:nth-child(4) .grid-icon {
  background-image: url("https://static.qinqinxiaobao.com/flb-mp/img/official-site-2026/portal/icon-document1.png");
}
.portal-card.person .grid-tags span {
  border: 0.6px solid var(--Brand-, #21c58e);
  color: var(--Brand-Active, #1b9d72);
}
.portal-card.person:not(.active) .grid-tags,
.portal-card.person:not(.active) .grid-desc,
.portal-card.person:not(.active) .grid-desc-extra {
  display: none !important;
}
.portal-card.person.active {
  border-color: #fff;
  box-shadow: 0 0 25px 0 rgba(45, 96, 205, 0.3);
  background-image: url("https://static.qinqinxiaobao.com/flb-mp/img/official-site-2026/portal/personal-active.png");
}
.portal-card.person.active .card-header {
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: 40px;
}
.portal-card.person.active .card-title,
.portal-card.person.active .card-subtitle {
  color: #fff;
}
.portal-card.person.active .grid-desc-extra {
  display: block;
}
.portal-card.person.active .grid-subheading {
  color: #040b19;
  font-weight: 600;
}
.portal-card.person.active .grid-item:nth-child(1) .hot-badge {
  display: flex;
}
.portal-card.person.active .grid-header {
  flex-direction: row;
  gap: 15px;
}