/* ============================================================
   城达 · 登入 / 注册「两页」版式（regflow）  2026-10-29 · 2304
   ------------------------------------------------------------
   适用：货主发货或普通生产型工厂下单系统 client-pc.html
        制造业生产综合管理服务系统 mfg.html
   口径：与《城达智能物流货运平台·制造业生产综合管理服务系统》注册屏
        （reg-panel.html）完全同一版式 ——
        第一页＝平台登入（已注册用户）；第二页＝新用户注册（左宣传 / 右表单）
   约定：全部 rf- 前缀，不污染各端既有主题；全系统浅色，禁深底
   ============================================================ */
.rf-shell{
  --rf-ac:#0b6fd6; --rf-ac2:#0a9e7c; --rf-gold:#9c6508;
  --rf-bg0:#f2f7fd; --rf-bg1:#d8e8fa;
  --rf-pnl:#ffffff; --rf-pnl2:#f5f9ff;
  --rf-line:rgba(20,50,88,.13); --rf-line2:rgba(11,111,214,.32);
  --rf-txt:#102a44; --rf-sub:#5b748d; --rf-dim:#7b93a7;
  --rf-chip:rgba(11,111,214,.055); --rf-glow:rgba(11,111,214,.16);
  position:relative; flex:1 0 auto; width:100%; min-height:100%;
  display:flex; flex-direction:column;
  font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--rf-txt); -webkit-font-smoothing:antialiased;
  background:
    radial-gradient(1240px 760px at 80% -12%, var(--rf-bg1) 0%, rgba(255,255,255,0) 64%),
    radial-gradient(940px 640px at 4% 110%, var(--rf-bg1) 0%, rgba(255,255,255,0) 58%),
    var(--rf-bg0);
}
.rf-shell *{box-sizing:border-box}
.rf-shell::before{
  content:""; position:absolute; inset:0; pointer-events:none; z-index:0; opacity:.55;
  background-image:linear-gradient(var(--rf-line) 1px,transparent 1px),
                   linear-gradient(90deg,var(--rf-line) 1px,transparent 1px);
  background-size:54px 54px;
  -webkit-mask-image:radial-gradient(ellipse 82% 66% at 50% 40%,#000 16%,transparent 76%);
  mask-image:radial-gradient(ellipse 82% 66% at 50% 40%,#000 16%,transparent 76%);
}
.rf-shell::after{
  content:""; position:absolute; left:6%; right:6%; bottom:0; height:1px; pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--rf-ac) 42%,var(--rf-ac2) 58%,transparent); opacity:.26;
}

/* ---------------- 页头 ---------------- */
.rf-hd{position:relative; z-index:3; flex:0 0 auto; display:flex; align-items:center; gap:18px; padding:16px 46px 6px}
.rf-brand{display:flex; align-items:center; gap:14px; min-width:0}
.rf-logo{width:48px; height:48px; flex:0 0 48px; border-radius:12px; display:block; overflow:hidden;
  filter:drop-shadow(0 7px 15px rgba(11,111,214,.22))}
.rf-logo img{width:100%; height:100%; display:block; object-fit:contain}
.rf-ttlwrap{min-width:0}
.rf-ttl{margin:0; font-size:clamp(15px,2.05vw,34px); line-height:1.24; font-weight:800;
  letter-spacing:.6px; white-space:nowrap; color:var(--rf-txt)}
.rf-ttl-en{margin-top:5px; font-size:11.5px; color:var(--rf-sub); white-space:nowrap; letter-spacing:.15px;
  overflow:hidden; text-overflow:ellipsis}
.rf-sp{flex:1}
.rf-topbtn{display:inline-flex; align-items:center; gap:7px; height:37px; padding:0 17px; border-radius:10px;
  border:1px solid transparent; background:linear-gradient(135deg,var(--rf-ac),var(--rf-ac2)); color:#fff;
  font-size:13px; font-weight:800; cursor:pointer; text-decoration:none; font-family:inherit; letter-spacing:.5px;
  white-space:nowrap; flex:0 0 auto; box-shadow:0 10px 22px var(--rf-glow),0 2px 6px rgba(15,40,70,.09); transition:.16s}
.rf-topbtn:hover{filter:brightness(1.07); transform:translateY(-1px)}

/* ---------------- 主区（两栏） ---------------- */
.rf-stage{position:relative; z-index:2; flex:1; min-height:0; width:100%; max-width:1500px; margin:0 auto;
  display:grid; grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr); gap:40px;
  padding:6px 46px 22px; align-items:center}
.rf-intro{min-width:0; padding:6px 0 10px}
.rf-eyebrow{display:inline-flex; align-items:center; gap:8px; font-size:12.5px; letter-spacing:1.2px; color:var(--rf-ac);
  border:1px solid var(--rf-line2); background:var(--rf-chip); padding:6px 13px; border-radius:999px; line-height:1.5}
.rf-eyebrow i{width:6px; height:6px; border-radius:50%; background:var(--rf-ac2); box-shadow:0 0 9px var(--rf-ac2); flex:0 0 auto}
.rf-lead{margin:16px 0 0; font-size:13.4px; line-height:2.1; color:var(--rf-sub); max-width:668px}
.rf-lead b{color:var(--rf-txt); font-weight:700}
.rf-vals{display:grid; grid-template-columns:1fr 1fr; gap:11px; margin-top:19px; max-width:648px}
.rf-v{display:flex; gap:10px; align-items:flex-start; padding:12px 13px; border:1px solid var(--rf-line);
  border-radius:11px; background:var(--rf-pnl2); min-width:0}
.rf-v .ic{width:25px; height:25px; flex:0 0 25px; border-radius:8px; display:grid; place-items:center;
  background:var(--rf-chip); border:1px solid var(--rf-line); color:var(--rf-ac)}
.rf-v .ic svg{width:14px; height:14px; display:block}
.rf-v b{display:block; font-size:12.5px; margin-bottom:2px; letter-spacing:.3px; color:var(--rf-txt)}
.rf-v span{font-size:11px; color:var(--rf-sub); line-height:1.62}
.rf-cta{display:flex; align-items:center; gap:18px; margin-top:17px; flex-wrap:wrap}
.rf-telb{display:flex; flex-direction:column; gap:3px}
.rf-telb .lb{font-size:10.5px; color:var(--rf-sub); letter-spacing:1.2px}
.rf-telb .nos{display:flex; flex-direction:column; gap:1px}
.rf-telb .nos a{font-size:16.5px; font-weight:800; letter-spacing:.8px; line-height:1.3; text-decoration:none;
  font-variant-numeric:tabular-nums; color:var(--rf-ac)}
.rf-telb .nt{font-size:10px; color:var(--rf-sub); line-height:1.55; margin-top:2px}

/* ---------------- 右栏面板 ---------------- */
.rf-panel{position:relative; width:100%; max-width:562px; justify-self:end; padding:19px 22px 16px;
  border:1px solid var(--rf-line2); border-radius:16px; background:var(--rf-pnl);
  box-shadow:0 24px 58px rgba(23,54,94,.14),inset 0 1px 0 #fff}
.rf-panel::before{content:""; position:absolute; inset:0; border-radius:16px; padding:1px; pointer-events:none; opacity:.3;
  background:linear-gradient(140deg,var(--rf-ac),transparent 36%,transparent 64%,var(--rf-ac2));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude}
.rf-phd{display:flex; align-items:center; gap:9px; flex-wrap:wrap}
.rf-phd .ic{width:30px; height:30px; border-radius:9px; display:grid; place-items:center; font-size:14px;
  color:#fff; background:linear-gradient(135deg,var(--rf-ac),var(--rf-ac2)); box-shadow:0 6px 16px var(--rf-glow); flex:0 0 auto}
.rf-phd h2{margin:0; font-size:16.5px; letter-spacing:.8px; color:var(--rf-txt)}
.rf-phd .tag{margin-left:auto; font-size:10px; color:var(--rf-gold); border:1px solid currentColor;
  padding:3px 8px; border-radius:999px; opacity:.92; white-space:nowrap}
.rf-psub{margin:8px 0 13px; font-size:11.6px; color:var(--rf-sub); line-height:1.75}
.rf-psub b{color:var(--rf-ac)}
.rf-back{margin:-2px 0 10px; font-size:10.5px; color:var(--rf-sub)}
.rf-back span{color:var(--rf-ac); cursor:pointer}
.rf-back span:hover{text-decoration:underline; text-underline-offset:3px}

/* ---------------- 表单 ---------------- */
.rf-f{margin-bottom:9px; position:relative}
.rf-f label{display:block; font-size:11px; color:var(--rf-sub); margin-bottom:4px; letter-spacing:.4px}
.rf-f label i{color:#d9483f; font-style:normal; margin-left:2px}
.rf-f label .req{color:#d9483f; margin-left:2px}
.rf-ipt{display:flex; align-items:center; height:42px; border:1px solid var(--rf-line); border-radius:9px;
  background:#fff; overflow:hidden; transition:.16s}
.rf-ipt:focus-within{border-color:var(--rf-ac); box-shadow:0 0 0 3px var(--rf-glow)}
.rf-ipt .pre{flex:0 0 auto; height:100%; padding:0 10px; display:grid; place-items:center; font-size:11.5px;
  color:var(--rf-sub); border-right:1px solid var(--rf-line); letter-spacing:.5px; background:var(--rf-chip)}
.rf-ipt input{flex:1; min-width:0; height:100%; border:0; background:transparent; color:var(--rf-txt);
  font-size:13.5px; padding:0 11px; outline:none; font-family:inherit; letter-spacing:.2px}
.rf-ipt input::placeholder{color:#9aabb9}
.rf-ipt .eye{flex:0 0 auto; padding:0 11px; font-size:11px; color:var(--rf-sub); cursor:pointer; user-select:none; letter-spacing:.5px}
.rf-ipt.warn{border-color:#e2544f; box-shadow:0 0 0 3px rgba(226,84,79,.15)}
.rf-g2{display:grid; grid-template-columns:1fr 1fr; gap:9px}
.rf-err{display:none; margin-top:9px; font-size:11.5px; color:#a3201f; line-height:1.65;
  background:#fff2f1; border:1px solid #f2b8b4; border-radius:8px; padding:8px 10px}
.rf-err.on{display:block}
.rf-sub{width:100%; height:46px; margin-top:11px; border:0; border-radius:10px; cursor:pointer;
  font-family:inherit; font-size:15px; font-weight:800; letter-spacing:3px; color:#fff;
  background:linear-gradient(135deg,var(--rf-ac),var(--rf-ac2));
  box-shadow:0 14px 28px var(--rf-glow),0 3px 8px rgba(15,40,70,.12); transition:.16s}
.rf-sub:hover{filter:brightness(1.07); transform:translateY(-1px)}
.rf-sub:active{transform:translateY(0)}
.rf-sub:disabled{opacity:.6; cursor:not-allowed; transform:none}
.rf-hint{margin-top:8px; font-size:10.5px; color:var(--rf-dim); line-height:1.7; text-align:center}
.rf-hint b{color:var(--rf-ac)}
.rf-links{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:5px; margin-top:11px;
  font-size:10.5px; color:var(--rf-sub)}
.rf-links a,.rf-links span.lk{color:var(--rf-ac); cursor:pointer; text-decoration:none; white-space:nowrap}
.rf-links a:hover,.rf-links span.lk:hover{text-decoration:underline; text-underline-offset:3px}
.rf-links .sep{color:var(--rf-line2); font-size:9px}
.rf-split{display:flex; align-items:center; gap:10px; margin:14px 0 10px; font-size:10.5px;
  color:var(--rf-sub); letter-spacing:.6px}
.rf-split::before,.rf-split::after{content:""; flex:1; height:1px; background:var(--rf-line)}
.rf-btn2{width:100%; height:46px; border-radius:10px; cursor:pointer; font-family:inherit; font-size:14px;
  font-weight:800; letter-spacing:1px; color:var(--rf-ac); background:var(--rf-chip); border:1px solid var(--rf-line2);
  display:flex; align-items:center; justify-content:center; gap:7px; transition:.16s}
.rf-btn2:hover{background:rgba(11,111,214,.1); transform:translateY(-1px)}
.rf-note{margin-top:10px; font-size:10px; color:var(--rf-sub); text-align:center; line-height:1.7}

/* ---------------- 类别 / 模式 chips ---------------- */
.rf-sec{margin-top:9px}
.rf-sec .lb{display:flex; align-items:center; gap:6px; font-size:10.5px; color:var(--rf-sub); margin-bottom:5px; letter-spacing:.4px}
.rf-sec .lb i{color:#d9483f; font-style:normal}
.rf-sec .lb .hint{margin-left:auto; font-size:10px; color:var(--rf-ac); opacity:.9; letter-spacing:0; white-space:nowrap}
.rf-chips{display:grid; grid-template-columns:repeat(4,1fr); gap:6px}
.rf-chip{height:36px; border:1px solid var(--rf-line); border-radius:8px; background:var(--rf-chip); color:var(--rf-sub);
  font-size:11px; font-family:inherit; display:flex; align-items:center; justify-content:center; gap:3px;
  cursor:pointer; transition:.15s; white-space:nowrap; overflow:hidden; padding:0 2px}
.rf-chip:hover{border-color:var(--rf-line2); color:var(--rf-txt)}
.rf-chip.on{border-color:var(--rf-ac); color:#fff; font-weight:800;
  background:linear-gradient(135deg,var(--rf-ac),var(--rf-ac2)); box-shadow:0 6px 14px var(--rf-glow),0 1px 3px rgba(15,40,70,.12)}
.rf-chip.m{height:42px; flex-direction:column; gap:0; line-height:1.16}
.rf-chip.m b{font-size:11px; font-weight:800; letter-spacing:.4px}
.rf-chip.m span{font-size:9px; opacity:.82}
.rf-lic{margin-top:6px; font-size:10px; color:var(--rf-sub); line-height:1.8; padding:5px 9px; border-radius:8px;
  border:1px dashed var(--rf-line2); background:var(--rf-chip); display:none;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.rf-lic.on{display:block}
.rf-lic b{color:var(--rf-ac)}

/* ---------------- 资质上传 ---------------- */
.rf-up{margin-top:9px; display:flex; align-items:center; gap:9px; border:1px dashed var(--rf-line2); border-radius:9px;
  background:var(--rf-chip); padding:8px 11px; cursor:pointer; transition:.15s}
.rf-up:hover{border-color:var(--rf-ac)}
.rf-up .ic{font-size:14px; line-height:1; color:var(--rf-ac); display:grid; place-items:center}
.rf-up .ic svg{width:14px; height:14px; display:block}
.rf-up .tx{font-size:11px; color:var(--rf-sub); line-height:1.4; min-width:0}
.rf-up .tx b{display:block; font-size:11.5px; color:var(--rf-txt); margin-bottom:1px}
.rf-up .cnt{margin-left:auto; font-size:10.5px; color:var(--rf-ac); white-space:nowrap}
.rf-thumbs{display:none; flex-wrap:wrap; gap:6px; margin-top:7px}
.rf-thumbs.on{display:flex}
.rf-thumbs i{position:relative; width:40px; height:40px; border-radius:7px; overflow:hidden;
  border:1px solid var(--rf-line); background:var(--rf-chip); display:block}
.rf-thumbs i img{width:100%; height:100%; object-fit:cover; display:block}
.rf-thumbs .up{width:40px; height:40px; border-radius:7px; border:1px dashed var(--rf-line2); display:grid; place-items:center;
  font-size:15px; color:var(--rf-ac); cursor:pointer; background:var(--rf-chip)}
.rf-agree{display:flex; align-items:flex-start; gap:6px; margin-top:9px; font-size:10px; color:var(--rf-sub);
  line-height:1.62; cursor:pointer; user-select:none}
.rf-agree input{margin:1px 0 0; width:12px; height:12px; accent-color:var(--rf-ac); flex:0 0 12px}
.rf-agree b{color:var(--rf-ac)}

/* ---------------- 第二页左栏（系统承继 · 运输能力 · 一单到底） ---------------- */
.rf-intro2 .rf-lead{font-size:12.6px; line-height:1.98; margin-top:14px}
.rf-flow{margin-top:15px; border:1px solid var(--rf-line); border-radius:13px; background:var(--rf-pnl2); padding:12px 13px 13px}
.rf-flowhd{display:flex; align-items:baseline; gap:9px; flex-wrap:wrap}
.rf-flowhd b{font-size:13px; letter-spacing:.4px; color:var(--rf-txt)}
.rf-flowhd span{font-size:10px; color:var(--rf-ac); letter-spacing:.5px}
.rf-fl{list-style:none; margin:11px 0 0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:9px 15px; counter-reset:fl}
.rf-fl li{position:relative; padding-left:21px; font-size:10.6px; line-height:1.6; color:var(--rf-sub)}
.rf-fl li::before{counter-increment:fl; content:counter(fl); position:absolute; left:0; top:1px; width:15px; height:15px;
  border-radius:50%; display:grid; place-items:center; font-size:9px; font-weight:800; color:#fff;
  background:linear-gradient(135deg,var(--rf-ac),var(--rf-ac2))}
.rf-fl li b{display:block; font-size:11.8px; color:var(--rf-txt); margin-bottom:1px; letter-spacing:.3px}
.rf-fl li em{font-style:normal; color:var(--rf-ac); font-weight:700}
.rf-trace{display:grid; grid-template-columns:1.32fr 1fr; gap:9px; margin-top:12px}
.rf-map{border:1px solid var(--rf-line); border-radius:10px; overflow:hidden; background:#f7fafd; position:relative; min-height:158px}
.rf-map svg{display:block; width:100%; height:100%}
.rf-map .tag{position:absolute; left:7px; top:6px; font-size:8.5px; letter-spacing:.4px; color:var(--rf-ac);
  background:rgba(255,255,255,.92); border:1px solid var(--rf-line2); border-radius:999px; padding:2px 7px}
.rf-shts{display:grid; grid-template-rows:1fr 1fr; gap:9px}
.rf-sht{border:1px solid var(--rf-line); border-radius:10px; overflow:hidden; background:#fff; position:relative}
.rf-sht svg{display:block; width:100%; height:100%}
.rf-sht .cap{position:absolute; left:0; right:0; bottom:0; padding:4px 10px; font-size:8.5px; color:#fff;
  display:flex; justify-content:space-between; gap:6px;
  background:linear-gradient(180deg,transparent,rgba(8,20,36,.7))}
.rf-ends{display:flex; align-items:center; gap:7px; flex-wrap:wrap; margin-top:12px; font-size:10px; color:var(--rf-sub)}
.rf-ends b{font-size:10.5px; color:var(--rf-txt); letter-spacing:.4px}
.rf-ends i{font-style:normal; border:1px solid var(--rf-line2); background:var(--rf-chip); color:var(--rf-ac);
  border-radius:999px; padding:3px 9px; font-size:10px; white-space:nowrap}

/* ---------------- 页脚：合作流程 ---------------- */
.rf-ft{position:relative; z-index:2; flex:0 0 auto; display:flex; align-items:center; justify-content:center; gap:22px;
  padding:11px 46px 15px; border-top:1px solid var(--rf-line);
  background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.88))}
.rf-ft .lbx{font-size:10px; color:var(--rf-sub); letter-spacing:1.6px; white-space:nowrap}
/* 版权出品 / 版本号：宽屏贴右下角，窄屏自动落到合作流程下方居中 */
.rf-ft .rf-cp{position:absolute; right:26px; top:50%; transform:translateY(-50%);
  display:inline-flex; align-items:center; gap:18px; font-size:10.5px; color:var(--rf-sub);
  letter-spacing:.2px; white-space:nowrap; opacity:.92}
.rf-ft .rf-cp span:last-child{font-variant-numeric:tabular-nums; letter-spacing:.1px}
@media (max-width:1359px){
  .rf-ft{flex-wrap:wrap; row-gap:5px}
  .rf-ft .rf-cp{position:static; transform:none; flex:1 0 100%; justify-content:center;
    gap:14px; font-size:10px; white-space:normal; text-align:center}
}
.rf-steps{display:flex; align-items:center; gap:9px; font-size:10.5px; color:var(--rf-sub); flex-wrap:wrap}
.rf-steps .st{display:flex; align-items:center; gap:5px; white-space:nowrap}
.rf-steps .n{width:16px; height:16px; border-radius:50%; border:1px solid var(--rf-line2); display:grid; place-items:center;
  font-size:9px; color:var(--rf-ac); flex:0 0 16px}
.rf-steps .ar{color:var(--rf-line2); font-size:10px}
/* 第一页是登入页，不高亮「第 1 步」，避免误以为已进入注册流程 */
.rf-shell:not(.rf-step2) .rf-steps .st.hi .n{background:transparent; color:var(--rf-ac); border-color:var(--rf-line2)}
.rf-shell:not(.rf-step2) .rf-steps .st.hi{color:var(--rf-sub)}
.rf-shell.rf-step2 .rf-steps .st.hi .n{background:linear-gradient(135deg,var(--rf-ac),var(--rf-ac2)); color:#fff; border-color:transparent}
.rf-shell.rf-step2 .rf-steps .st.hi{color:var(--rf-txt)}

/* ---------------- 两页切换 ---------------- */
.rf-intro2{display:none}
.rf-reg{display:none}
.rf-shell.rf-step2 .rf-intro1{display:none}
.rf-shell.rf-step2 .rf-intro2{display:block}
.rf-shell.rf-step2 .rf-login{display:none}
.rf-shell.rf-step2 .rf-reg{display:block}
.rf-shell.rf-step2 .rf-stage{align-items:start}

/* 登录 / 注册屏打开时，隐藏原生壳的「检查更新」悬浮键，避免压住页脚 */
body:has(#loginMask:not(.hide)) #cd-live-refresh{display:none !important}
body:has(#loginBg:not(.cd-hide)) #cd-live-refresh{display:none !important}
/* 企业端登录提示行（app.js 直接写 textContent，空时不占位） */
.rf-err-inline{display:block; background:transparent; border:0; padding:0; margin-top:9px}
.rf-err-inline:empty{display:none}

/* ---------------- 表单校验：缺项时整卡闪一下 ---------------- */
@keyframes rfPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(47,125,246,0)}
  50%{box-shadow:0 0 0 4px rgba(47,125,246,.22),0 0 22px rgba(47,125,246,.16)}
}
.rf-reg.rs-flash,.rf-login.rs-flash{border-radius:12px; animation:rfPulse .82s ease 2}

/* ---------------- 响应式 ---------------- */
@media (max-width:1180px){
  .rf-hd{padding:14px 24px 4px}
  .rf-stage{padding:6px 24px 20px; gap:26px}
  .rf-ft{padding:11px 24px 15px; gap:14px}
  .rf-ttl{font-size:clamp(14px,2vw,24px)}
}
@media (max-width:980px){
  .rf-hd{padding:12px 14px 4px; gap:9px}
  .rf-hd .rf-topbtn{display:none}
  .rf-logo{width:38px; height:38px; flex:0 0 38px; border-radius:10px}
  .rf-ttl{font-size:clamp(12px,3.5vw,15px); letter-spacing:.2px; white-space:normal; line-height:1.34}
  .rf-ttl-en{font-size:8px; white-space:normal; line-height:1.45; display:-webkit-box;
    -webkit-line-clamp:2; -webkit-box-orient:vertical}
  .rf-stage{display:flex; flex-direction:column; gap:16px; padding:4px 14px 18px}
  .rf-panel{order:-1; max-width:100%; padding:16px 15px 14px; border-radius:14px}
  .rf-intro{padding:0 2px 14px}
  .rf-eyebrow{font-size:12px; letter-spacing:.6px; padding:5px 11px; gap:6px}
  .rf-lead{font-size:12px; line-height:1.95}
  .rf-vals{grid-template-columns:1fr 1fr; gap:7px; margin-top:13px}
  .rf-v{padding:9px 10px}
  .rf-v span{font-size:10px}
  .rf-cta{margin-top:13px; flex-direction:column; align-items:stretch}
  .rf-telb .nos{flex-direction:row; flex-wrap:wrap; gap:2px 12px}
  .rf-telb .nos a{font-size:15px}
  .rf-chips{grid-template-columns:repeat(2,1fr)}
  .rf-chip{height:39px; font-size:11.5px}
  .rf-chip.m{height:36px}
  .rf-fl{grid-template-columns:1fr; gap:8px}
  .rf-trace{grid-template-columns:1fr}
  .rf-shts{grid-template-rows:none; grid-template-columns:1fr 1fr}
  .rf-ft{padding:11px 15px 16px; flex-wrap:wrap; gap:9px}
  .rf-ft .lbx{display:none}
  .rf-ft .rf-steps{width:100%; justify-content:center; font-size:10px}
}
@media (max-width:560px){
  .rf-g2{grid-template-columns:1fr}
  .rf-ends i{font-size:9.5px; padding:3px 8px}
  .rf-sub{letter-spacing:2px}
}
/* 打印：只留表单 */
@media print{
  .rf-hd,.rf-ft,.rf-intro{display:none !important}
  .rf-shell{background:#fff}
  .rf-panel{box-shadow:none; border:0}
}