/* Legacy HOJ home check-in overlay. Keep customer branding untouched. */
body.aioj-is-home #oj-content .login-wrap .action-tag {
  display: none !important;
}

body.aioj-is-home #oj-content .login-wrap .wx-loginbox {
  display: none !important;
}

.login-wrap .aioj-fortune,
.aioj-fortune {
  width: 100%;
  min-width: 0;
  margin-top: 10px;
  padding: 10px 10px 8px;
  border: 1px solid #e8edf3;
  border-radius: 8px;
  background: linear-gradient(180deg, #f8fbff 0%, #fff 70%);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.aioj-fortune.is-idle {
  min-height: 0;
  padding: 12px;
}

.aioj-fortune__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 6px;
}

.aioj-fortune__head strong {
  color: #303133;
  font-size: 14px;
  font-weight: 600;
}

.aioj-fortune__head span {
  color: #909399;
  font-size: 11px;
  white-space: nowrap;
}

.aioj-fortune__cta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 2px 0;
}

.aioj-fortune__hint {
  margin: 0;
  color: #606266;
  font-size: 12px;
  line-height: 1.55;
}

.aioj-fortune__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 108px;
  height: 30px;
  padding: 0 14px;
  border: 0;
  border-radius: 6px;
  background: #0072ff;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  transition: background 0.15s ease;
}

.aioj-fortune__btn:hover {
  background: #0666e0;
}

.aioj-fortune__btn:disabled {
  cursor: default;
  opacity: 0.7;
}

.aioj-fortune__level {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  margin: 2px 0 10px;
  padding: 10px 8px;
  text-align: center;
}

.aioj-fortune__level-name {
  font-size: 30px;
  font-weight: 800;
  letter-spacing: 0.16em;
  line-height: 1.05;
  text-indent: 0.16em;
}

.aioj-fortune__level-tag {
  max-width: 95%;
  color: #606266;
  font-size: 11px;
  line-height: 1.3;
}

.aioj-fortune__level.is-da_ji .aioj-fortune__level-name { color: #0072ff; }
.aioj-fortune__level.is-da_ji .aioj-fortune__level-tag { color: #3a8ee6; }
.aioj-fortune__level.is-zhong_ji .aioj-fortune__level-name { color: #49a01a; }
.aioj-fortune__level.is-zhong_ji .aioj-fortune__level-tag { color: #67c23a; }
.aioj-fortune__level.is-xiao_ji .aioj-fortune__level-name { color: #79b84c; }
.aioj-fortune__level.is-xiao_ji .aioj-fortune__level-tag { color: #85ce61; }
.aioj-fortune__level.is-xiao_xiong .aioj-fortune__level-name { color: #d48806; }
.aioj-fortune__level.is-xiao_xiong .aioj-fortune__level-tag { color: #e6a23c; }
.aioj-fortune__level.is-zhong_xiong .aioj-fortune__level-name { color: #e04545; }
.aioj-fortune__level.is-zhong_xiong .aioj-fortune__level-tag { color: #f56c6c; }
.aioj-fortune__level.is-da_xiong .aioj-fortune__level-name { color: #a61b1b; }
.aioj-fortune__level.is-da_xiong .aioj-fortune__level-tag { color: #c45656; }

.aioj-fortune__list--grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 10px 18px;
}

.aioj-fortune__item {
  min-width: 0;
}

.aioj-fortune__item-k {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  overflow: hidden;
  color: #303133;
  font-size: 12px;
  font-weight: 600;
}

.aioj-fortune__item-k span {
  flex: 0 0 auto;
  font-weight: 700;
}

.aioj-fortune__item-k em {
  min-width: 0;
  overflow: hidden;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.aioj-fortune__item.is-yi .aioj-fortune__item-k span { color: #0072ff; }
.aioj-fortune__item.is-ji .aioj-fortune__item-k span { color: #f56c6c; }

.aioj-fortune__item-v {
  margin-top: 3px;
  padding-left: 18px;
  overflow: hidden;
  color: #909399;
  font-size: 11px;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.aioj-fortune__foot {
  margin: 8px 0 0;
  color: #c0c4cc;
  font-size: 10px;
  text-align: right;
}

@media screen and (max-width: 560px) {
  .aioj-fortune__list--grid {
    grid-template-columns: minmax(0, 1fr);
  }
}