*{box-sizing:border-box}body{margin:0;background:#f3f6f8;color:#263b50;font-family:Arial,PingFang TC,sans-serif}.top{height:68px;background:#fff;border-bottom:1px solid #d8e3eb;display:flex;align-items:center;justify-content:space-between;padding:0 6%}.logo{font-size:20px;letter-spacing:.15em;color:#19a3d6;font-weight:800}.top span{font-size:11px;background:#eff9fd;padding:7px 12px;border-radius:20px}.wrap{max-width:1050px;margin:auto;padding:36px 24px}.hero{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:25px}.hero h1{color:#173b63;font-size:32px;line-height:1.3;margin:0}.hero p{max-width:380px;color:#6d7f8f;font-size:13px;line-height:1.8}.steps{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #d8e3eb;border-radius:12px;overflow:hidden;margin-bottom:16px}.steps button{border:0;background:#fff;height:64px;color:#8493a1;cursor:pointer;font:inherit}.steps button.on{background:#eff9fd;color:#173b63;font-weight:700;border-bottom:3px solid #19a3d6}.card{background:#fff;border:1px solid #d8e3eb;border-radius:14px;padding:28px;box-shadow:0 8px 25px #193b5b10}.card h2{color:#173b63;margin:0 0 20px;font-size:20px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.box{border:1px solid #d8e3eb;border-radius:10px;padding:18px}.box h3{color:#173b63;margin:0 0 6px;font-size:15px}.box p{color:#6d7f8f;font-size:11px}.box input,.box textarea{width:100%;padding:11px;border:1px solid #cbd8e1;border-radius:7px;font:inherit}.next{display:block;margin:22px 0 0 auto;background:#173b63;color:#fff;border:0;border-radius:8px;padding:12px 18px;font-weight:700;cursor:pointer;font:inherit}.next:disabled{opacity:.4;cursor:not-allowed}.table{border:1px solid #d8e3eb;border-radius:8px;overflow:hidden}.row{display:grid;grid-template-columns:160px 1fr 90px;padding:12px 14px;border-bottom:1px solid #e5edf2;font-size:12px}.row.head{background:#173b63;color:#fff}.tag{background:#ddf2eb;color:#207967;padding:4px;border-radius:20px;text-align:center}.tag.missing{background:#fff0d3;color:#986417}.q{border:1px solid #d8e3eb;border-radius:9px;padding:15px;margin:10px 0}.q b{display:block;margin-bottom:10px;color:#173b63}.q button{border:1px solid #d8e3eb;background:#fff;padding:8px 11px;border-radius:7px;margin:3px;color:#6d7f8f;font:inherit;cursor:pointer}.q button.pick{border-color:#19a3d6;background:#eff9fd;color:#173b63}.recs{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:10px}.rec{border:1px solid #d8e3eb;border-radius:10px;padding:17px}.rec.main{background:#173b63;color:#fff}.rec h3{font-size:20px;margin:7px 0}.rec p{font-size:11px;line-height:1.6}.note{margin-top:15px;border-left:4px solid #19a3d6;background:#eff9fd;padding:13px;font-size:11px}@media (max-width:700px){.hero{display:block}.grid,.recs{grid-template-columns:1fr}.steps button{font-size:10px}.row{grid-template-columns:90px 1fr 65px;font-size:10px}}