/* V145 — make “开始今日训练” the single unmistakable primary action on Home. */

:is(#hw-v145-home-primary-cta, html):not(.react-student-embedded) body[data-active-panel="landing"] .landing-final-goal-card > #landingStartInterviewBtn.landing-final-goal-action {
  min-height: 76px !important;
  padding: 13px 16px 13px 21px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 86% 12%, rgba(255, 255, 255, 0.22), transparent 27%),
    linear-gradient(125deg, #1769f5 0%, #4f5ff4 48%, #8439eb 100%) !important;
  box-shadow:
    0 18px 38px rgba(67, 75, 229, 0.34),
    0 5px 13px rgba(37, 99, 235, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  cursor: pointer !important;
  transform: translateY(0) !important;
  transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease !important;
}

:is(#hw-v145-home-primary-cta, html):not(.react-student-embedded) body[data-active-panel="landing"] .landing-final-goal-card > #landingStartInterviewBtn.landing-final-goal-action:hover {
  filter: saturate(1.08) brightness(1.04) !important;
  box-shadow:
    0 22px 46px rgba(67, 75, 229, 0.4),
    0 7px 17px rgba(37, 99, 235, 0.23),
    inset 0 1px 0 rgba(255, 255, 255, 0.34) !important;
  transform: translateY(-2px) !important;
}

:is(#hw-v145-home-primary-cta, html):not(.react-student-embedded) body[data-active-panel="landing"] .landing-final-goal-card > #landingStartInterviewBtn.landing-final-goal-action:active {
  filter: saturate(1.02) !important;
  transform: translateY(0) scale(0.992) !important;
}

:is(#hw-v145-home-primary-cta, html):not(.react-student-embedded) body[data-active-panel="landing"] .landing-final-goal-card > #landingStartInterviewBtn.landing-final-goal-action:focus-visible {
  outline: 3px solid rgba(79, 70, 229, 0.3) !important;
  outline-offset: 4px !important;
}

html:not(.react-student-embedded) body[data-active-panel="landing"] #landingStartInterviewBtn.landing-final-goal-action > span {
  font-size: clamp(18px, 1.25vw, 20px) !important;
  font-weight: 920 !important;
  line-height: 1.18 !important;
  letter-spacing: 0.01em !important;
}

html:not(.react-student-embedded) body[data-active-panel="landing"] #landingStartInterviewBtn.landing-final-goal-action > small {
  margin-top: 3px !important;
  color: rgba(255, 255, 255, 0.84) !important;
  font-size: 11px !important;
  font-weight: 720 !important;
  line-height: 1.2 !important;
}

html:not(.react-student-embedded) body[data-active-panel="landing"] #landingStartInterviewBtn.landing-final-goal-action > i {
  width: 44px !important;
  height: 44px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.18) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  font-size: 22px !important;
}

/* This remains actionable, but visually reads as the task-level secondary action. */
html:not(.react-student-embedded) body[data-active-panel="landing"] #landingRecommendedTrainingBtn.landing-final-task-start {
  color: #5448da !important;
  border: 1px solid rgba(91, 78, 229, 0.24) !important;
  background: rgba(255, 255, 255, 0.88) !important;
  box-shadow: none !important;
}

html:not(.react-student-embedded) body[data-active-panel="landing"] #landingRecommendedTrainingBtn.landing-final-task-start:hover {
  border-color: rgba(91, 78, 229, 0.4) !important;
  background: #ffffff !important;
}

html[data-theme="dark"]:not(.react-student-embedded) body[data-active-panel="landing"] #landingRecommendedTrainingBtn.landing-final-task-start {
  color: #dcd8ff !important;
  border-color: rgba(167, 139, 250, 0.38) !important;
  background: rgba(79, 70, 229, 0.14) !important;
}

@media (max-width: 760px) {
  :is(#hw-v145-home-primary-cta, html):not(.react-student-embedded) body[data-active-panel="landing"] .landing-final-goal-card > #landingStartInterviewBtn.landing-final-goal-action {
    min-height: 70px !important;
    padding: 11px 13px 11px 17px !important;
    border-radius: 16px !important;
  }

  html:not(.react-student-embedded) body[data-active-panel="landing"] #landingStartInterviewBtn.landing-final-goal-action > span {
    font-size: 18px !important;
  }

  html:not(.react-student-embedded) body[data-active-panel="landing"] #landingStartInterviewBtn.landing-final-goal-action > i {
    width: 40px !important;
    height: 40px !important;
    border-radius: 12px !important;
  }
}