/* 隐藏旧半屏残缺参数抽屉 */
.params{display:none!important}

.cfg-page{
  position:fixed;inset:0;z-index:60;display:none;flex-direction:column;
  background:#0b0e11;color:#eaecef;
  padding-top:env(safe-area-inset-top);
  padding-bottom:env(safe-area-inset-bottom);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;
}
.cfg-page.on{display:flex}
.cfg-page *{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}
.cfg-page *::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}

.cfg-hd{
  flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:10px 12px;border-bottom:1px solid #1e2329;background:#12161c;min-height:52px;
}
.cfg-hd h2{margin:0;font-size:16px;font-weight:800;color:#f5cf81}
.cfg-hd .x{
  border:0;background:transparent;color:#848e9c;min-width:44px;min-height:44px;font-size:28px;line-height:1;
}
.cfg-sub{padding:8px 12px 0;color:#98a2b5;font-size:12px;line-height:1.5;flex-shrink:0}
.cfg-note{padding:4px 12px 8px;color:#6b7280;font-size:11px;line-height:1.45;flex-shrink:0}

.cfg-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:4px 12px 16px}
.cfg-sec{margin:14px 0 8px;color:#848e9c;font-size:12px;font-weight:700}
.cfg-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cfg-grid .full{grid-column:1/-1}
.cfg-field{
  display:flex;flex-direction:column;gap:4px;min-height:44px;
  background:#141a22;border:1px solid #2a323c;border-radius:8px;padding:8px 10px;
}
.cfg-field span{color:#9ca3af;font-size:11px;line-height:1.3}
.cfg-field input[type=text],.cfg-field input[type=number],.cfg-field select{
  width:100%;min-height:32px;border:0;outline:none;background:transparent;
  color:#66d1c2;font-size:16px;font-weight:700;
}
.cfg-field.select-row,.cfg-field.toggle-row{
  flex-direction:row;align-items:center;justify-content:space-between;gap:10px;min-height:48px;
}
.cfg-field.toggle-row input[type=checkbox]{width:22px;height:22px;accent-color:#e9bd64}
.cfg-field select{
  color:#eaecef;background:#1a1f27;border:1px solid #363b48;border-radius:6px;padding:0 8px;min-height:36px;
}

.cfg-ft{
  flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:10px;
  padding:10px 12px calc(10px + env(safe-area-inset-bottom));
  border-top:1px solid #1e2329;background:#12161c;
}
.cfg-ft .status{flex:1;min-width:0;color:#5ec7b4;font-size:11px;line-height:1.35}
.cfg-ft .status.err{color:#ef9aa3}
.cfg-ft button{
  min-height:44px;min-width:88px;padding:0 16px;border-radius:8px;border:1px solid #626575;
  background:#323947;color:#e7d2a5;font-size:14px;font-weight:700;
}
.cfg-ft button.ok{background:#e7bf73;color:#34291a;border-color:#e7bf73}
.cfg-ft button:disabled{opacity:.5}

@media (max-width:400px){
  .cfg-grid{grid-template-columns:1fr}
}