:local {
  .page {
    --footerHeight: 52px;
    position: relative;
    width: 100%;
    min-height: var(--containerHeight);
    padding-bottom: var(--footerHeight);
    display: flex;
    align-items: center;
    justify-content: center;
    /*background: url('../../assets/images/bg.jpg');
	  background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;*/
    background-color: #3f4e62;
    color: #fff;
    :global {
      .link {
        color: #f0f0f0;
        &:hover {
          color: var(--blue1);
        }
        &:active,
        &.active {
          color: var(--blue2);
        }
      }
    }
    .login-panel {
      width: 320px;
      border-radius: 2px;
      /*transform: translateY(-100px);*/
      .title {
        /*background-color: #495a72;*/
        padding: 15px 0;
        > h2 {
          margin: 0;
          text-align: center;
          font-size: 25px;
          font-weight: 800;
          background-image: linear-gradient(#fff, #333, #333, #333, #333);
          text-shadow: 0px 2px 3px #87878791;
          background-clip: text;
          -webkit-background-clip: text;
          color: #f8f8f8;
        }
        .logo {
          text-align: center;
          img {
            width: 33%;
            border-radius: 100%;
          }
        }
      }
      .content {
        padding: 20px 10%;
      }
    }
    .copyright {
      position: absolute;
      bottom: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      height: var(--footerHeight);
      a {
        position: relative;
        &:not(:first-of-type) {
          margin-left: 22px;
          &::before {
            content: '';
            position: absolute;
            top: 5px;
            left: -12px;
            width: 2px;
            height: 10px;
            background: rgba(170, 170, 170, 0.67);
          }
        }
        &.copy {
          color: #ccc;
        }
        &.right {
          color: #eee;
        }
        &:active,
        &.active {
          color: var(--blue1);
        }
        &:hover {
          color: var(--blue2);
        }
      }
    }
  }
}
