@import '../../common/style/gp-match/palette.scss';
@import '../../common/style/gp-match/mixin.scss';

.press-round {
  height: 100vh;
  display: flex;
  flex-direction: column;
  background: rgb(230, 223, 252)
    url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/schedule-manage/schedule-manage-bg.jpg)
    no-repeat;
  background-size: 100%;
  overflow: hidden;
  box-sizing: border-box;
}

.press-round__schedule-module {
  padding-bottom: calc(1.6rem + env(safe-area-inset-bottom));
}

.press-round__main {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin: .2rem;
  overflow: hidden;
  background: linear-gradient(
    101deg,
    rgba(238, 239, 241, .5) 15.46%,
    rgba(252, 252, 252, .5) 86.92%
  );
  box-shadow: 0 0 .2rem 0 rgba(83, 71, 134, .38);

  .press-round__table-num {
    flex: 1;
  }

  .press-round__table-setting {
    margin-left: auto;
    width: 2rem;
    text-align: center;
  }

  .press-round__table-way {
    width: 2rem;
    text-align: center;
  }

  .press-round__table-operation {
    width: 1rem;
    text-align: right;
  }

  .press-round__table-head {
    display: flex;
    align-items: center;
    width: 100%;
    height: .64rem;
    padding: 0 .16rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/horizon/table-header.png)
      center center no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;

    .press-round__table-operation,
    .press-round__table-way,
    .press-round__table-setting,
    .press-round__table-num {
      font-size: .2rem;
      color: #fff;
    }
  }

  .press-round__table-main {
    flex: 1;
    overflow-y: auto;
  }

  .press-round__table-item {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: .8rem;
    padding: .1rem .16rem;
    box-shadow: 0 -.02rem 0 0 #dddfe1 inset;
    box-sizing: border-box;
    background: #fff;
    word-break: break-all;

    .press-round__table-num {
      color: #212124;
      font-size: .32rem;
    }

    .press-round__table-setting {
      margin-left: auto;
      width: 2rem;
      text-align: center;
      color: #212124;
      font-size: .24rem;
      display: flex;
      align-items: center;
      justify-content: center;

      .icon-edit-type-2 {
        font-size: .26rem;
      }
    }

    .press-round__table-way {
      width: 2rem;
      text-align: center;
      color: #212124;
      font-size: .24rem;
      display: flex;
      align-items: center;
      justify-content: center;

      .icon-triangle {
        font-size: .16rem;
        display: inline-block;
        transform: scale(.8);
      }
    }

    .press-round__table-operation {
      width: 1rem;
      text-align: right;
      color: #ed7b2f;
      font-size: .24rem;
      text-decoration: underline;
    }

    .press-round__table-operation-disable,
    .press-round__table-setting-disable,
    .press-round__table-way-disable {
      color: rgb(33,33,36,.5);
    }

    .press-round__table-operation-disable {
      text-decoration: none;
    }
  }

  .press-round__table-item--active {
    background: #cac8ed;
    box-shadow: 0px -1px 0px 0px #dddfe1 inset;
  }
}

//空状态
.press-empty-gp {
  flex: 1;
  width: auto;
  margin: .2rem;
  border: .02rem solid rgba(252, 252, 252, .6);
  background: linear-gradient(
    101deg,
    rgba(238, 239, 241, .5) 15.46%,
    rgba(252, 252, 252, .5) 86.92%
  );
  box-shadow: 0 0 .2rem 0 rgba(83, 71, 134, .38);

  .press-empty-gp__img {
    margin-top: -2rem;
  }

  .press-empty-gp__text {
    margin-top: .3rem;
  }
}

.empty-container {
  flex: 1;
}