html body .student-dashboard.student-tech-workspace .wood-fish-panel {
  padding: 14px 26px; gap: 24px; min-height: 234px;
  border: 1px solid #efe6cd; border-radius: 20px;
  background: linear-gradient(115deg, #fffdf7, #fff9e9);
  box-shadow: 0 8px 28px rgba(112, 87, 39, .06);
}
html body .student-dashboard.student-tech-workspace .wood-fish-copy { flex: 1; }
html body .student-dashboard.student-tech-workspace .wood-fish-copy h2 { color: #463c30; font-size: 23px; margin: 8px 0; }
html body .student-dashboard.student-tech-workspace .wood-fish-copy p { color: #82745f; }
html body .student-dashboard.student-tech-workspace .wood-fish-stats { gap: 22px; margin: 16px 0 12px; color: #82745f; }
html body .student-dashboard.student-tech-workspace .wood-fish-stats strong { color: #a36c17; font-size: 24px; }
html body .student-dashboard.student-tech-workspace .wood-fish-progress { height: 7px; max-width: 380px; border-radius: 8px; background: #f0e8d5; overflow: hidden; }
html body .student-dashboard.student-tech-workspace .wood-fish-progress span { display: block; height: 100%; background: linear-gradient(90deg, #f3bd54, #df982d); border-radius: inherit; transition: width .25s ease; }
html body .student-dashboard.student-tech-workspace .wood-fish-hint { display: block; max-width: 430px; margin-top: 9px; color: #968973; line-height: 1.6; font-size: 11px; }
html body .student-dashboard.student-tech-workspace .wood-fish-button {
  position: relative; display: flex; flex-direction: column; flex: 0 0 220px;
  width: 220px; min-height: 220px; gap: 0; padding: 0 0 4px;
  border-radius: 18px; color: #886124; background: transparent;
  box-shadow: none; font-size: 12px; font-weight: 600; touch-action: manipulation;
}
html body .student-dashboard.student-tech-workspace .wood-fish-button:hover:not(:disabled) { transform: translateY(-2px); background: #fff8e5; box-shadow: none; }
html body .student-dashboard.student-tech-workspace .wood-fish-button:disabled { opacity: 1; cursor: progress; }
html body .student-dashboard.student-tech-workspace .wood-fish-sprite {
  display: block; width: 200px; height: 200px; flex: 0 0 200px;
  background: url('/img/woodfish-mascot-20261014.webp') 0 0 / 400% 100% no-repeat;
  border-radius: 16px;
}
html body .student-dashboard.student-tech-workspace .wood-fish-button.tapping .wood-fish-sprite { animation: xiaoai-woodfish-frames .64s steps(1, end); }
html body .student-dashboard.student-tech-workspace .wood-fish-feedback {
  position: absolute; top: 4px; left: 50%; transform: translateX(-50%);
  width: max-content; max-width: 250px; padding: 5px 10px; border-radius: 20px;
  background: #fffdf3; color: #927039; box-shadow: 0 3px 12px #a8801820;
  font-size: 12px; pointer-events: none;
}
html body .student-dashboard.student-tech-workspace .wood-fish-feedback:empty { display: none; }
html body .student-dashboard.student-tech-workspace .wood-fish-button.rewarded .wood-fish-feedback { color: #a86208; background: #fff0b9; }
@keyframes xiaoai-woodfish-frames {
  0% { background-position: 0 0; }
  16% { background-position: 33.333333% 0; }
  48% { background-position: 66.666667% 0; }
  72% { background-position: 100% 0; }
  100% { background-position: 0 0; }
}
@media (max-width: 700px) {
  html body .student-dashboard.student-tech-workspace .wood-fish-panel { flex-direction: column; align-items: stretch; gap: 4px; padding: 20px; }
  html body .student-dashboard.student-tech-workspace .wood-fish-button { align-self: center; width: 220px; flex-basis: auto; }
}
@media (prefers-reduced-motion: reduce) {
  html body .student-dashboard.student-tech-workspace .wood-fish-button.tapping .wood-fish-sprite { animation: none; background-position: 66.666667% 0; }
  html body .student-dashboard.student-tech-workspace .wood-fish-button,
  html body .student-dashboard.student-tech-workspace .wood-fish-progress span { transition: none; }
}