*{box-sizing:border-box}body{margin:0;font:15px/1.45 system-ui,sans-serif;background:#f4f2ee;color:#222}
header{background:#1d3b4a;color:#fff;padding:14px 16px}.tag{background:#f39c12;color:#000;border-radius:4px;padding:1px 6px;font-size:12px;margin-left:6px}
main{max-width:720px;margin:auto;padding:12px}.card{background:#fff;border-radius:10px;padding:14px 16px;margin:12px 0;box-shadow:0 1px 3px #0001}
h2{font-size:17px;margin:0 0 8px}.hint,.foot{color:#666;font-size:13px}
.item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding:8px 0;gap:8px}.item small{color:#777;display:block}
.item input{width:56px;padding:6px;font-size:15px}input#pc,#company{padding:8px;font-size:16px;width:140px;margin:6px 0}#company{width:100%}
.quick button{margin:3px;padding:5px 8px;border:1px solid #ccc;border-radius:14px;background:#fafafa;font-size:13px}
.zone{margin:8px 0;padding:8px 10px;border-radius:8px;background:#eef6f8;font-size:14px}.ticks label{display:block;margin:8px 0}
.opt{display:flex;justify-content:space-between;align-items:flex-start;border:1px solid #ddd;border-radius:8px;padding:10px 12px;margin:8px 0;gap:10px}
.opt b{display:block}.opt small{color:#666}.price{font-weight:700;white-space:nowrap;font-size:17px}.opt.no{background:#fff6f6;border-color:#f3c4c4}
.dispatch{background:#fff8e6;padding:6px 10px;border-radius:6px;font-size:14px}.how{font-size:13px;color:#555;margin-top:8px}.how li{margin:2px 0}