/* RentTrail · 推荐人端（免登录一次性链接）：单页分段答题、进度条、预填确认 */
.ref{min-height:100vh;display:flex;flex-direction:column}
.ref-header{position:sticky;top:0;z-index:6;background:#fff;border-bottom:1px solid var(--line)}
.ref-header .in{max-width:760px;margin:0 auto;padding:10px 20px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}
.ref-header .by{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--soft);min-width:0}
.ref-header .count{font-size:13px;font-weight:700;white-space:nowrap}
.ref-header .bar{max-width:760px;margin:8px auto 0;padding:0 20px 10px}
.ref-main{width:100%;max-width:760px;margin:0 auto;padding:0 20px 24px;flex:1}
.ref-for{padding:22px 0 8px;display:flex;flex-direction:column;gap:4px}
.ref-for h1{font-size:30px;font-weight:800;letter-spacing:-.6px;line-height:1.1}
.trust{background:var(--brand-tint);border-radius:14px;padding:14px 16px;display:flex;gap:12px;font-size:14px;line-height:1.5;color:#2D3B45}
.trust b{display:block;font-size:15px;margin-bottom:2px;color:var(--ink)}
.trust .links{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:6px}
.ref-sec{margin-top:22px;display:flex;flex-direction:column;gap:6px}
.ref-sec>.head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.ref-sec>.head h2{font-size:20px;font-weight:800}
.ref-sec>.head .done{font-size:12px;font-weight:700;color:var(--ok-text)}
.ref-sec .sub{font-size:13px;color:var(--soft);line-height:1.5}
.qs{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 16px}
.q{padding:16px 0;border-bottom:1px solid var(--line-2);display:flex;flex-direction:column;gap:10px}
.q:last-child{border-bottom:0}
.q legend,.q .qt{font-size:15px;font-weight:700;line-height:1.4;display:flex;gap:10px;align-items:baseline;padding:0}
.qid{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--muted);background:var(--neutral-bg);border-radius:5px;padding:2px 6px;flex:none}
.q.missing{background:var(--bad-bg);margin:0 -16px;padding-left:16px;padding-right:16px;border-left:4px solid var(--bad)}
.q.missing .qid{background:#F4D5D2;color:var(--bad-text)}
.q.next .qid{background:var(--brand-tint);color:var(--brand)}
.q .note{display:flex;flex-direction:column;gap:6px}
.q .note label{font-size:13px;font-weight:700}
.q .note textarea{min-height:64px}
.opt-tag{font-size:12px;font-weight:600;color:var(--muted);background:var(--neutral-bg);border-radius:5px;padding:2px 6px;flex:none}
/* A 组：预填确认行 */
.qa{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line-2);flex-wrap:wrap}
.qa:last-child{border-bottom:0}
.qa .what{flex:1;min-width:150px;display:flex;flex-direction:column;gap:2px}
.qa .what span{font-size:12px;color:var(--muted)}
.qa .what b{font-size:15px;font-weight:600}
.qa .tick{font-size:12px;font-weight:700;color:var(--ok-text);background:var(--ok-bg);border-radius:6px;padding:4px 8px;display:inline-flex;gap:6px;align-items:center}
.qa .edit{flex-basis:100%}
/* 上传、复用 */
.drop{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.drop.need{border:1.5px dashed var(--dash)}
.drop.missing{border:2px solid var(--bad);background:var(--bad-bg)}
.drop .ico{width:40px;height:40px;border-radius:8px;background:var(--neutral-bg);flex:none;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--muted)}
.drop.has .ico{background:var(--brand-tint);color:var(--brand)}
.drop .meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:14px}
.drop .meta span{font-size:12px;color:var(--soft)}
.choice.big{align-items:flex-start;padding:14px}
.choice.big span{display:flex;flex-direction:column;gap:2px}.choice.big small{font-size:12px;color:var(--soft);line-height:1.4}
.ref-bar{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--line);z-index:6}
.ref-bar .in{max-width:760px;margin:0 auto;padding:14px 20px 22px;display:flex;flex-direction:column;gap:8px}
.ref-bar .row-links{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}
.ref-bar .err{font-size:13px;font-weight:700;color:var(--bad-text)}
/* 答完感谢页 */
.thanks{max-width:560px;margin:0 auto;padding:36px 20px 24px;display:flex;flex-direction:column;gap:14px;flex:1}
.thanks .tick-big{width:56px;height:56px;border-radius:50%;background:var(--ok);position:relative}
.thanks .tick-big::after{content:"";position:absolute;left:21px;top:11px;width:13px;height:25px;border:solid #fff;border-width:0 4px 4px 0;transform:rotate(45deg)}
.invite{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px}
@media (min-width:760px){
  .seg.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .seg.auto{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
  .ref-bar .in{flex-direction:row;align-items:center;justify-content:space-between}
  .ref-bar .in .btn{min-width:220px}
  .ref-bar .row-links{gap:18px}
}
@media (max-width:759px){.seg.c4{grid-template-columns:repeat(2,minmax(0,1fr))}}