/* 落地页专有：界面预览 mock、候补条、少量文字尺寸 */

.lede-sm{font-size:13.5px;line-height:1.75}

/* ---------- 界面预览（纯 CSS，不依赖位图） ---------- */
.prev{
  border:var(--bd) solid var(--ink);border-radius:var(--r-sm);
  overflow:hidden;background:var(--card);box-shadow:var(--sh-xs);
}
.prev-bar{
  display:flex;align-items:center;gap:7px;padding:9px 12px;
  border-bottom:var(--bd) solid var(--ink);background:var(--paper-2);
}
.prev-bar i{width:10px;height:10px;border-radius:50%;border:2px solid var(--ink);display:block}
.prev-bar i:nth-child(1){background:var(--coral)}
.prev-bar i:nth-child(2){background:var(--amber)}
.prev-bar i:nth-child(3){background:var(--lime)}
.prev-bar span{font-size:10.5px;color:var(--ink-45);margin-left:6px}
.prev-rows{display:flex;flex-direction:column}
.prev-rw{
  display:grid;grid-template-columns:12px 1fr auto;gap:11px;align-items:center;
  padding:12px 14px;border-bottom:var(--bd-sm) solid var(--ink-18);
}
.prev-rw:last-child{border-bottom:0}
.prev-rw.sel{background:var(--violet-soft)}
.prev-rw .u{width:11px;height:11px;border-radius:50%;border:2px solid var(--ink);background:var(--violet)}
.prev-rw .u.seen{background:transparent}
.prev-rw b{font-size:13px;font-weight:700;display:block}
.prev-rw em{font-style:normal;font-size:11.5px;color:var(--ink-45);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prev-rw time{font-size:10.5px;color:var(--ink-45);white-space:nowrap}

/* ---------- 三步（紫格内） ---------- */
.steps3{display:flex;flex-direction:column;gap:11px;counter-reset:s3}
.steps3 li{display:grid;grid-template-columns:22px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:start}
.steps3 li::before{
  counter-increment:s3;content:counter(s3);grid-row:1/3;grid-column:1;
  width:22px;height:22px;display:grid;place-items:center;
  font-family:var(--f-mono);font-size:11px;font-weight:700;color:var(--ink);
  background:var(--lime);border:2px solid var(--ink);border-radius:7px;
}
.steps3 li b{grid-column:2;font-size:13px;font-weight:700;line-height:1.4}
.steps3 li span{grid-column:2;font-size:11.5px;line-height:1.5;color:rgba(255,249,236,.74)}

/* ---------- 名额进度（天蓝格内） ---------- */
.meter{
  display:flex;flex-direction:column;gap:7px;padding:12px 14px;
  background:var(--card);border:var(--bd-sm) solid var(--ink);
  border-radius:14px;box-shadow:var(--sh-xs);
}
.meter-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:11.5px;color:var(--ink-70)}
.meter-top #meter-left{font-weight:700;color:var(--ink)}
.meter-bar{height:12px;border:2px solid var(--ink);border-radius:999px;background:var(--paper-2);overflow:hidden}
.meter-bar i{display:block;height:100%;width:0;background:var(--violet);transition:width .5s cubic-bezier(.2,.9,.3,1)}

/* ---------- 候补条 ---------- */
.wait-grid{display:grid;grid-template-columns:1fr;gap:18px;align-items:center}
@media (min-width:900px){.wait-grid{grid-template-columns:1.05fr 1fr;gap:26px}}
#wlForm .inp{background:var(--card)}
#wlForm .btn{background:var(--ink);color:var(--paper)}
#wlForm .btn:hover{box-shadow:6px 6px 0 var(--violet-deep)}

/* 顶栏右侧登录态药丸在窄屏让位给导航 */
@media (max-width:760px){
  .bar-me{display:none}
  .bar-nav{margin-left:0}
}