:root {
  color-scheme: light;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Noto Sans TC', sans-serif;
  background: #f6efe2;
  color: #17231c;
}

* { box-sizing: border-box; }
body { margin: 0; }
.shell { width: min(1120px, calc(100% - 32px)); margin: 0 auto; padding: 40px 0; }
.hero, .panel {
  background: rgba(255, 252, 245, 0.92);
  border: 1px solid #e2d3ba;
  border-radius: 28px;
  padding: clamp(24px, 5vw, 48px);
  box-shadow: 0 24px 60px rgba(66, 45, 25, 0.10);
  margin-bottom: 24px;
}
.eyebrow { text-transform: uppercase; letter-spacing: .12em; font-weight: 800; color: #6d7d43; font-size: .8rem; margin: 0 0 10px; }
h1 { font-size: clamp(2.3rem, 7vw, 5rem); line-height: 1; margin: 0; }
h2 { margin: 0 0 8px; font-size: clamp(1.6rem, 3vw, 2.4rem); }
h3 { margin: 0 0 8px; }
.lead { max-width: 760px; line-height: 1.8; font-size: 1.1rem; }
.pill-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.pill-row span, .step-card small {
  background: #eef3df;
  border: 1px solid #cad8ac;
  color: #4c5d2f;
  border-radius: 999px;
  padding: 8px 12px;
  font-weight: 700;
}
.step-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; }
.step-card { display: grid; grid-template-columns: auto 1fr; gap: 14px; padding: 18px; border: 1px dashed #bfa980; border-radius: 20px; background: #fffaf1; }
.step-number { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: #6d7d43; color: white; font-weight: 900; }
.step-card p { line-height: 1.7; margin: 0 0 14px; }
.check-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; align-items: end; }
.quick-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0; }
.secondary, .quick-actions button { background: #eef3df; color: #17231c; border-color: #cad8ac; }
label { display: grid; gap: 6px; font-weight: 800; }
input, select, button { width: 100%; border: 1px solid #ccb48e; border-radius: 14px; padding: 12px 14px; font: inherit; background: #fffdf8; }
button { background: #17231c; color: white; cursor: pointer; font-weight: 900; }
.result { white-space: pre-wrap; background: #17231c; color: #f7f0df; border-radius: 18px; padding: 18px; overflow: auto; }