/* qiming CTA and daily yi/ji visual polish v25 - desktop and mobile */
body.v8-app-ui .v8-action-row .v8-btn.primary,
body.v81-reference-app .v8-action-row .v8-btn.primary,
body.service-menu-layout .v8-action-row .v8-btn.primary {
  min-width: 206px !important;
  min-height: 58px !important;
  padding: 16px 30px !important;
  border-radius: 999px !important;
  border: 2px solid rgba(120, 44, 18, .72) !important;
  background:
    linear-gradient(180deg, #fff0a8 0%, #ffd463 44%, #d88a18 100%) !important;
  color: #321403 !important;
  font-size: 18px !important;
  font-weight: 1000 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.45) !important;
  box-shadow:
    0 16px 34px rgba(96, 42, 7, .28),
    inset 0 1px 0 rgba(255,255,255,.62) !important;
  transform: translateY(0) !important;
}
body.v8-app-ui .v8-action-row .v8-btn.primary:hover,
body.v81-reference-app .v8-action-row .v8-btn.primary:hover,
body.service-menu-layout .v8-action-row .v8-btn.primary:hover {
  filter: brightness(1.04) saturate(1.06);
  transform: translateY(-1px) !important;
}
body.v8-app-ui .v8-action-row .v8-btn.primary:focus-visible,
body.v81-reference-app .v8-action-row .v8-btn.primary:focus-visible,
body.service-menu-layout .v8-action-row .v8-btn.primary:focus-visible {
  outline: 3px solid rgba(255, 223, 120, .55) !important;
  outline-offset: 3px !important;
}
body.v8-app-ui .v8-action-row .v8-btn.primary::after,
body.v81-reference-app .v8-action-row .v8-btn.primary::after,
body.service-menu-layout .v8-action-row .v8-btn.primary::after {
  content: "填写生日后生成";
  display: block;
  margin-top: 2px;
  font-size: 11px;
  line-height: 1.1;
  font-weight: 900;
  color: rgba(50, 20, 3, .72);
}

body.v8-app-ui .v8-yiji-card,
body.v81-reference-app .v8-yiji-card,
body.service-menu-layout .v8-yiji-card {
  gap: 18px !important;
}
body.v8-app-ui .v8-yiji-card .good,
body.v8-app-ui .v8-yiji-card .avoid,
body.v81-reference-app .v8-yiji-card .good,
body.v81-reference-app .v8-yiji-card .avoid,
body.service-menu-layout .v8-yiji-card .good,
body.service-menu-layout .v8-yiji-card .avoid {
  position: relative;
  min-height: 128px;
  padding: 18px 20px 18px 72px !important;
  border-radius: 22px !important;
  text-align: left !important;
  overflow: hidden;
}
body.v8-app-ui .v8-yiji-card .good,
body.v81-reference-app .v8-yiji-card .good,
body.service-menu-layout .v8-yiji-card .good {
  background: linear-gradient(135deg, #ecfdf3 0%, #f8fff9 100%) !important;
  border: 1px solid rgba(38, 129, 77, .22) !important;
  box-shadow: 0 14px 30px rgba(22, 101, 52, .08) !important;
}
body.v8-app-ui .v8-yiji-card .avoid,
body.v81-reference-app .v8-yiji-card .avoid,
body.service-menu-layout .v8-yiji-card .avoid {
  background: linear-gradient(135deg, #fff1f2 0%, #fffafa 100%) !important;
  border: 1px solid rgba(190, 47, 47, .22) !important;
  box-shadow: 0 14px 30px rgba(153, 27, 27, .08) !important;
}
body.v8-app-ui .v8-yiji-card b,
body.v81-reference-app .v8-yiji-card b,
body.service-menu-layout .v8-yiji-card b {
  position: absolute !important;
  left: 20px !important;
  top: 20px !important;
  width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  border-radius: 14px !important;
  display: inline-grid !important;
  place-items: center !important;
  font-size: 22px !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
}
body.v8-app-ui .v8-yiji-card .good b,
body.v81-reference-app .v8-yiji-card .good b,
body.service-menu-layout .v8-yiji-card .good b {
  color: #04783d !important;
  background: #dffbea !important;
  box-shadow: 0 10px 22px rgba(22, 163, 74, .16) !important;
}
body.v8-app-ui .v8-yiji-card .avoid b,
body.v81-reference-app .v8-yiji-card .avoid b,
body.service-menu-layout .v8-yiji-card .avoid b {
  color: #b42318 !important;
  background: #ffe1e1 !important;
  box-shadow: 0 10px 22px rgba(220, 38, 38, .14) !important;
}
body.v8-app-ui .v8-yiji-card p,
body.v81-reference-app .v8-yiji-card p,
body.service-menu-layout .v8-yiji-card p {
  color: #4f3721 !important;
  font-size: 17px !important;
  line-height: 1.86 !important;
  font-weight: 760 !important;
}

@media (max-width: 980px) {
  body.v8-app-ui .v8-action-row,
  body.v81-reference-app .v8-action-row,
  body.service-menu-layout .v8-action-row {
    display: flex !important;
    width: min(320px, 100%) !important;
    max-width: 100% !important;
    gap: 10px !important;
  }
  body.v8-app-ui .v8-action-row .v8-btn.primary,
  body.v81-reference-app .v8-action-row .v8-btn.primary,
  body.service-menu-layout .v8-action-row .v8-btn.primary {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 56px !important;
    padding: 15px 20px !important;
    font-size: 17px !important;
  }
  body.v8-app-ui .v8-yiji-card,
  body.v81-reference-app .v8-yiji-card,
  body.service-menu-layout .v8-yiji-card {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  body.v8-app-ui .v8-yiji-card .good,
  body.v8-app-ui .v8-yiji-card .avoid,
  body.v81-reference-app .v8-yiji-card .good,
  body.v81-reference-app .v8-yiji-card .avoid,
  body.service-menu-layout .v8-yiji-card .good,
  body.service-menu-layout .v8-yiji-card .avoid {
    min-height: 0;
    padding: 16px 16px 16px 66px !important;
    border-radius: 18px !important;
  }
  body.v8-app-ui .v8-yiji-card b,
  body.v81-reference-app .v8-yiji-card b,
  body.service-menu-layout .v8-yiji-card b {
    left: 16px !important;
    top: 16px !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 13px !important;
    font-size: 20px !important;
  }
  body.v8-app-ui .v8-yiji-card p,
  body.v81-reference-app .v8-yiji-card p,
  body.service-menu-layout .v8-yiji-card p {
    font-size: 16px !important;
    line-height: 1.78 !important;
  }
}

@media (max-width: 420px) {
  body.v8-app-ui .v8-action-row,
  body.v81-reference-app .v8-action-row,
  body.service-menu-layout .v8-action-row {
    width: min(286px, 100%) !important;
  }
}