:root { font-family: "Microsoft YaHei", system-ui, sans-serif; color: #183041; background: #f3f6f7; }
body { margin: 0; }
main { max-width: 790px; margin: 0 auto; padding: 28px 20px 60px; }
h1 { margin: 0 0 10px; font-size: 28px; }
h2 { margin: 0 0 12px; font-size: 21px; }
section { background: white; border: 1px solid #dce5e7; border-radius: 12px; padding: 22px; margin: 18px 0; }
button { border: 0; border-radius: 6px; padding: 9px 16px; margin: 6px 6px 6px 0; background: #186a62; color: white; font: inherit; cursor: pointer; }
button:disabled { opacity: .45; cursor: default; }
input { max-width: 100%; font: inherit; }
.hint { color: #526772; font-size: 14px; line-height: 1.6; }
.warming { color: #b42318; }
.ready { color: #157347; }
.advice { margin-top: 20px; padding-top: 14px; border-top: 1px solid #edf1f2; }
.advice div { color: #526772; font-size: 14px; margin-bottom: 6px; }
.advice strong, .answer { display: block; font-size: 27px; color: #153f3b; }
#capture { display: none; }
#cropPreview { display: block; width: 100%; height: auto; border: 1px solid #a9bcbe; cursor: crosshair; }