:root{--g:#153f34;--gold:#b58b47;--paper:#fffdf8;--line:#ddd4c4;--muted:#727872}*{box-sizing:border-box}body{margin:0;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;background:#f4efe5;color:#25352f}.app{width:min(780px,calc(100% - 28px));margin:20px auto 40px;background:var(--paper);border-radius:26px;overflow:hidden;box-shadow:0 18px 50px #153f341a}.hero{background:var(--g);color:#fff;padding:30px 24px}.brand{font-size:13px;letter-spacing:.2em;color:#e5d2ac}.hero h1{font-family:serif;font-size:clamp(32px,7vw,46px);margin:8px 0}.hero p{margin:0;color:#dce8e3;line-height:1.7}.nav,.progress-wrap{padding:16px 24px 0}.nav a{color:var(--g);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:8px 12px}.progress-label{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:8px}.progress{height:6px;background:#e9e1d4;border-radius:99px}.progress span{display:block;height:100%;background:var(--gold)}.panel{padding:26px 24px}.eyebrow{color:var(--gold);font-weight:800;font-size:13px;letter-spacing:.12em}.question{font-family:serif;color:var(--g);font-size:clamp(25px,5vw,34px);margin:7px 0 8px}.help,.meta{color:var(--muted);line-height:1.7}.options,.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.option{min-height:58px;border:1px solid var(--line);border-radius:15px;background:#fff;padding:14px;text-align:left;color:var(--g);cursor:pointer}.option.selected{background:#edf4f0;border-color:var(--g);box-shadow:inset 0 0 0 1px var(--g)}.search{width:100%;min-height:48px;border:1px solid var(--line);border-radius:12px;padding:12px}.actions{display:flex;gap:10px;margin-top:24px}.btn{min-height:46px;border:1px solid var(--g);border-radius:12px;padding:11px 18px}.primary{background:var(--g);color:#fff;flex:1}.secondary{background:#fff;color:var(--g)}.result-head,.tip{background:#edf4f0;border-radius:15px;padding:16px;margin-bottom:15px}.card{border:1px solid #e4ddd0;border-radius:15px;padding:16px;background:#fff}.label{font-size:12px;color:var(--gold);font-weight:800}.value{font-size:20px;color:var(--g);font-weight:800;margin-top:5px}.steps{counter-reset:n;display:grid;gap:10px}.step{position:relative;padding:15px 15px 15px 52px;border:1px solid #e4ddd0;border-radius:14px;background:#fff;line-height:1.65}.step:before{counter-increment:n;content:counter(n);position:absolute;left:14px;top:14px;width:26px;height:26px;background:var(--g);color:#fff;border-radius:50%;display:grid;place-items:center}.video{margin-top:18px;padding:18px;border:1px dashed #c9b78e;border-radius:15px;background:#fbf7ee}.video-box{aspect-ratio:9/16;max-height:460px;background:#1b2924;color:#e8dfce;border-radius:14px;display:grid;place-items:center;text-align:center}.ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.ctas a{min-height:44px;padding:10px 14px;border-radius:11px;text-decoration:none}.main{background:var(--g);color:#fff}.alt{border:1px solid var(--g);color:var(--g)}.footer{padding:0 24px 24px;color:var(--muted);font-size:12px;line-height:1.7}@media(max-width:560px){.options,.grid{grid-template-columns:1fr}.panel,.hero,.nav,.progress-wrap{padding-left:18px;padding-right:18px}}