*{margin:0;padding:0;box-sizing:border-box}
body{font:14px/1.7 system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#1B2E35;background:#F4FAF6}
.wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}
a{color:inherit}
.qhead{padding:26px 0 6px}
.qhead h1{font-size:22px;color:#115C61;letter-spacing:.5px}
.qhead p{font-size:13px;color:#2F4F58;margin-top:7px;line-height:1.8}
.qhead b{color:#126150}
.qgrid{display:grid;grid-template-columns:1.55fr 1fr;gap:18px;margin:16px 0 8px}
.card{background:#fff;border:1px solid #DFEBE4;border-radius:12px;padding:18px 20px;
  box-shadow:0 6px 20px rgba(12,43,63,.05)}
.card h3{font-size:15px;color:#115C61;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #EAF4EE}
.card h3 i{font-style:normal;font-size:12px;color:#7C9A94;font-weight:400;margin-left:6px}
.f{margin-bottom:13px}
.f label{display:block;font-size:13px;color:#2F4F58;font-weight:700;margin-bottom:6px}
.f input{width:100%;height:44px;border:1px solid #CFE0D5;border-radius:10px;padding:0 12px;font-size:14.5px;
  font-family:inherit;background:#fff;outline:none;color:#1E3A42}
.f input:focus{border-color:#1E9E62;box-shadow:0 0 0 3px rgba(30,158,98,.1)}
.f input::placeholder{color:#8FA5A0;font-size:13px}
.btn{width:100%;height:46px;border:0;border-radius:10px;cursor:pointer;font-family:inherit;
  background:linear-gradient(135deg,#115C61,#1E9E62);color:#fff;font-size:15px;font-weight:800;letter-spacing:1px}
.btn:disabled{opacity:.6}
.msg{margin-top:10px;font-size:13px;font-weight:700;min-height:18px}
.msg.ok{color:#1E7A4D} .msg.err{color:#C0392B}
.side p{font-size:12.5px;color:#2F4F58;line-height:2}
.side a{color:#C0392B;font-weight:800;text-decoration:none}
.res{margin:14px 0 26px}
.res-hd{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid #EAF4EE;margin-bottom:14px}
.res-hd b{font-size:16px;color:#115C61}
.res-hd .st{background:#EAF4EE;color:#126150;border-radius:8px;padding:2px 10px;font-size:12px;font-weight:800}
.res-hd .st.wait{background:#FDF0E2;color:#B25A00}
.res-hd .tm{margin-left:auto;font-size:12px;color:#7C9A94}
.res-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
.res-row .c{background:#F7FCF9;border:1px solid #E3EEE8;border-radius:9px;padding:10px 12px}
.res-row .c i{display:block;font-style:normal;font-size:11.5px;color:#7C9A94;margin-bottom:4px}
.res-row .c b{font-size:14px;color:#115C61}
.ln{display:flex;gap:10px;font-size:13px;color:#2A4048;line-height:1.9;padding:3px 0}
.ln i{flex:0 0 66px;font-style:normal;color:#7C9A94}
.ln span{flex:1;min-width:0;word-break:break-all}
.svc{margin-top:14px;padding-top:12px;border-top:1px dashed #E3EEE8;font-size:12.5px;color:#2F4F58}
.tl{margin-top:14px}
.tl-h{font-size:13px;font-weight:800;color:#115C61;margin-bottom:8px}
.tl-i{position:relative;padding:0 0 12px 20px;border-left:2px solid #CFE6DC}
.tl-i:last-child{border-left-color:transparent}
.tl-i .d{position:absolute;left:-7px;top:3px;width:12px;height:12px;border-radius:50%;background:#1E9E62;border:2px solid #fff;box-shadow:0 0 0 1px #1E9E62}
.tl-i.cancel .d{background:#C0392B;box-shadow:0 0 0 1px #C0392B}
.tl-i .h{font-size:13px;color:#1B2E35}
.tl-i .h b{color:#115C61}
.tl-i .m{font-size:12px;color:#7C9A94;margin-top:2px}
.svc a{color:#C0392B;font-weight:800;text-decoration:none}
@media(max-width:820px){
  .wrap{padding:0 14px}
  .qhead{padding:18px 0 4px}
  .qhead h1{font-size:19px}
  .qgrid{grid-template-columns:1fr;gap:12px;margin:12px 0 6px}
  .card{padding:15px 14px;border-radius:11px}
  .res-row{grid-template-columns:repeat(2,1fr)}
  .ln i{flex:0 0 58px}
}