/* 彩民端 · 我的打法（模型库 + 战绩账本 + 纪录片） */

.pbn-hero{background:linear-gradient(135deg,#1f6feb14,#1f6feb05);border:1px solid #1f6feb33;
  border-radius:12px;padding:12px 14px;margin-bottom:12px}
.pbn-hero-t{font-weight:600;font-size:15px;color:#1f2937;margin-bottom:6px}
.pbn-hero-d{font-size:12.5px;line-height:1.7;color:#4b5563}
.pbn-hero-d b{color:#1f6feb}

.pbn-sec-t{font-weight:600;font-size:13.5px;color:#374151;margin:16px 0 8px;
  padding-left:8px;border-left:3px solid #1f6feb}
.pbn-empty{text-align:center;color:#9ca3af;font-size:13px;padding:24px 12px;
  background:#fafafa;border-radius:10px;margin-bottom:12px}

.pbn-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;
  padding:12px 14px;margin-bottom:10px;box-shadow:0 1px 2px #00000008}
.pbn-card-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.pbn-name{font-weight:600;font-size:15px;color:#111827}
.pbn-meta{font-size:11.5px;color:#6b7280;white-space:nowrap}
.pbn-pool{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0 4px}
.pbn-pool span{background:#eef2ff;color:#3730a3;font-size:11.5px;font-weight:600;
  padding:2px 6px;border-radius:5px;font-variant-numeric:tabular-nums}
.pbn-pool em{background:#fef3c7;color:#92400e;font-size:11px;font-style:normal;
  padding:2px 6px;border-radius:5px;margin-left:4px}
.pbn-gua{font-size:12px;color:#7c3aed;margin:4px 0}
.pbn-stats{display:flex;gap:14px;margin:10px 0 8px;padding:8px 0;
  border-top:1px dashed #e5e7eb;border-bottom:1px dashed #e5e7eb}
.pbn-stats div{display:flex;flex-direction:column;flex:1}
.pbn-stats b{font-size:15px;color:#111827;font-variant-numeric:tabular-nums}
.pbn-stats span{font-size:10.5px;color:#9ca3af;margin-top:2px}
.pbn-ops{display:flex;gap:8px}
.pbn-go{flex:1;background:#1f6feb;color:#fff;border:0;border-radius:8px;
  padding:9px;font-size:13.5px;font-weight:600;cursor:pointer}
.pbn-min{background:#f3f4f6;color:#4b5563;border:0;border-radius:8px;
  padding:9px 12px;font-size:12.5px;cursor:pointer}
.pbn-min.danger{color:#dc2626}

.pbn-editor{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px}
.pbn-row{display:flex;align-items:center;gap:10px;margin-bottom:9px}
.pbn-row label{font-size:12.5px;color:#6b7280;width:62px;flex-shrink:0}
.pbn-row input,.pbn-row select{flex:1;border:1px solid #d1d5db;border-radius:8px;
  padding:8px 10px;font-size:13px;background:#fff;color:#111827;min-width:0}
.pbn-hint{font-size:11.5px;color:#9ca3af;line-height:1.6;margin:6px 0 8px}
.pbn-hint b{color:#7c3aed}
.pbn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));
  gap:5px;margin-bottom:10px}
.pbn-n{border:1px solid #e5e7eb;background:#fff;border-radius:7px;padding:7px 0;
  font-size:12px;font-weight:600;color:#4b5563;cursor:pointer;
  font-variant-numeric:tabular-nums;transition:all .12s}
.pbn-n.on{background:#dbeafe;border-color:#60a5fa;color:#1e40af}
.pbn-n.dan{background:#fef3c7;border-color:#f59e0b;color:#92400e}
.pbn-sum{font-size:12.5px;color:#374151;background:#f9fafb;border-radius:8px;
  padding:8px 10px;margin-bottom:10px}
.pbn-sum b{color:#1f6feb}
.pbn-act{display:flex;gap:8px}
.pbn-save{flex:1;background:#1f6feb;color:#fff;border:0;border-radius:8px;
  padding:10px;font-size:13.5px;font-weight:600;cursor:pointer}

.pbn-res{padding:4px 2px}
.pbn-res-h{font-weight:600;font-size:15px;color:#111827;margin-bottom:8px}
.pbn-res-pool{font-size:12px;color:#4b5563;margin-bottom:10px;
  font-variant-numeric:tabular-nums;word-break:break-all}
.pbn-res-facts{display:flex;gap:12px;padding:10px 0;margin-bottom:10px;
  border-top:1px dashed #e5e7eb;border-bottom:1px dashed #e5e7eb}
.pbn-res-facts div{display:flex;flex-direction:column;flex:1}
.pbn-res-facts b{font-size:16px;color:#111827}
.pbn-res-facts span{font-size:10.5px;color:#9ca3af;margin-top:2px}
.pbn-ci{background:#f5f3ff;border-left:3px solid #8b5cf6;border-radius:8px;
  padding:10px 12px;font-size:12.5px;line-height:1.8;color:#4c1d95;margin-bottom:12px}
.pbn-ci .warn{color:#dc2626;font-weight:600}
.pbn-ci .ok{color:#059669;font-weight:600}
.pbn-tks{max-height:320px;overflow:auto;margin-bottom:12px}
.pbn-tk{display:flex;gap:4px;align-items:center;padding:5px 0;
  border-bottom:1px dashed #f3f4f6}
.pbn-tk i{font-style:normal;font-size:10.5px;color:#9ca3af;width:20px;flex-shrink:0}
.pbn-tk span{background:#eef2ff;color:#3730a3;font-size:11.5px;font-weight:600;
  padding:2px 5px;border-radius:4px;font-variant-numeric:tabular-nums}
.pbn-caveat{font-size:11.5px;color:#9ca3af;line-height:1.7;text-align:center;
  margin-bottom:12px}

.pbn-rank{display:flex;align-items:center;gap:10px;background:#fff;
  border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;margin-bottom:8px}
.pbn-rk{width:22px;height:22px;border-radius:50%;background:#1f6feb;color:#fff;
  font-size:11.5px;font-weight:700;display:flex;align-items:center;
  justify-content:center;flex-shrink:0}
.pbn-rinfo{flex:1;min-width:0}
.pbn-rname{font-size:13.5px;font-weight:600;color:#111827}
.pbn-rname small{color:#9ca3af;font-weight:400;font-size:11px;margin-left:4px}
.pbn-rsub{font-size:11px;color:#9ca3af;margin-top:2px}
.pbn-rrate{font-size:16px;font-weight:700;color:#1f6feb;font-variant-numeric:tabular-nums}
.pbn-total{display:flex;gap:10px;background:#f9fafb;border-radius:10px;
  padding:12px;margin-bottom:12px}
.pbn-total div{display:flex;flex-direction:column;flex:1;text-align:center}
.pbn-total b{font-size:15px;color:#111827;font-variant-numeric:tabular-nums}
.pbn-total span{font-size:10.5px;color:#9ca3af;margin-top:2px}
.pbn-theory{background:#fffbeb;border-left:3px solid #f59e0b;border-radius:8px;
  padding:10px 12px;font-size:12.5px;line-height:1.8;color:#78350f;margin-bottom:12px}
.pbn-theory span{display:inline-block;background:#fef3c7;border-radius:5px;
  padding:2px 8px;margin:2px 4px 2px 0;font-weight:600}
.pbn-theory small{display:block;margin-top:6px;color:#92400e;line-height:1.7}
.pbn-judge{background:#f0fdf4;border-left:3px solid #10b981;border-radius:8px;
  padding:10px 12px;font-size:12.5px;color:#065f46;line-height:1.8}
.pbn-jsum b{font-size:16px;color:#047857}
.pbn-jsum small{color:#059669}
.pbn-tb{width:100%;border-collapse:collapse;margin:8px 0 4px;font-size:12px}
.pbn-tb th{text-align:left;color:#6b7280;font-weight:500;padding:4px 6px;
  border-bottom:1px solid #d1fae5}
.pbn-tb td{padding:3px 6px;border-bottom:1px dashed #d1fae5;color:#065f46}

.pbn-film-h{background:linear-gradient(135deg,#7c3aed14,#7c3aed05);
  border:1px solid #7c3aed33;border-radius:12px;padding:12px 14px;margin-bottom:12px}
.pbn-film-t{font-weight:600;font-size:15px;color:#5b21b6;margin-bottom:6px}
.pbn-film-d{font-size:12.5px;line-height:1.7;color:#4b5563}
.pbn-film-d b{color:#7c3aed}
.pbn-epi{background:#fff;border:1px solid #e5e7eb;border-left:3px solid #a78bfa;
  border-radius:10px;padding:11px 13px;margin-bottom:9px}
.pbn-epi-h{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}
.pbn-epi-n{font-weight:600;font-size:13px;color:#5b21b6}
.pbn-epi-m{font-size:11px;color:#9ca3af}
.pbn-thought{font-size:13px;color:#374151;font-style:italic;line-height:1.7;
  background:#faf5ff;border-radius:7px;padding:7px 9px;margin-bottom:6px}
.pbn-feel{font-size:11.5px;color:#9ca3af;margin-bottom:5px}
.pbn-epi-r{font-size:12.5px;color:#4b5563;margin-bottom:4px}
.pbn-epi-r b{color:#111827}
.pbn-gap{display:inline-block;font-size:11px;background:#f3f4f6;color:#6b7280;
  border-radius:5px;padding:2px 7px}
.pbn-gap.up{background:#fee2e2;color:#b91c1c}
.pbn-gap.down{background:#dbeafe;color:#1e40af}

.pbn-pend{background:#fef3c7;border-left:3px solid #f59e0b;border-radius:8px;
  padding:10px 12px;font-size:12.5px;line-height:1.7;color:#78350f;margin-bottom:12px}
.pbn-pend b{color:#b45309}

/* ── 智能整理（大模型）── */
.pbn-card{background:#fff;border-radius:12px;padding:14px;margin-bottom:12px;
  box-shadow:0 1px 3px rgba(0,0,0,.06)}
.pbn-hd{font-weight:700;font-size:15px;margin-bottom:4px}
.pbn-dim{font-size:12px;color:#6b7280;line-height:1.7}
.pbn-kinds{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.pbn-kind{border:1px solid #d1d5db;background:#f9fafb;border-radius:8px;
  padding:7px 12px;font-size:12.5px;cursor:pointer;color:#374151}
.pbn-kind.on{background:#1d4ed8;border-color:#1d4ed8;color:#fff;font-weight:600}
.pbn-btn{width:100%;padding:11px;border:0;border-radius:9px;background:#1d4ed8;
  color:#fff;font-size:14px;font-weight:600;cursor:pointer;margin-top:4px}
.pbn-btn:disabled{background:#9ca3af;cursor:default}
.pbn-aiout{font-size:14px;line-height:1.9;color:#111827;white-space:normal}
.pbn-aiwarn{background:#fef3c7;border-left:3px solid #f59e0b;color:#78350f;
  font-size:13px;line-height:1.8}
.pbn-fb{background:#f3f4f6;border-radius:8px;padding:10px;margin-top:8px;
  font-size:12.5px;color:#374151;white-space:normal}
.pbn-tip{font-size:12.5px;color:#92400e;margin-top:6px}
.pbn-ok{color:#059669;font-weight:600}

/* ══ 胆码区（★ 2026-09-27 老板实测：原来"再点一次变胆码"猜不到）══ */
.pbn-danbox { margin: 10px 0 0; padding: 10px 12px; border-radius: 12px;
  background: rgba(255,255,255,.04); border: 1px dashed rgba(255,255,255,.18); }
.pbn-dan-h { font-size: 13px; font-weight: 600; color: #cfd8e3; margin-bottom: 8px; }
.pbn-dan-tip { font-weight: 400; font-size: 11px; color: #8b98a8; margin-left: 6px; }
.pbn-dan-empty { font-size: 12px; color: #8b98a8; line-height: 1.6; }
.pbn-danchips { display: flex; flex-wrap: wrap; gap: 6px; }
.pbn-danchip { min-width: 38px; height: 34px; border-radius: 9px; font-size: 13px;
  font-weight: 600; border: 1px solid rgba(255,255,255,.2);
  background: rgba(255,255,255,.06); color: #d6dee8; }
.pbn-danchip.on { background: linear-gradient(180deg,#f5a623,#e8890c); color: #241400;
  border-color: #f5a623; box-shadow: 0 0 0 2px rgba(245,166,35,.25); }
.pbn-dan-note { margin-top: 8px; font-size: 12px; color: #9fb0c2; line-height: 1.6; }

/* ══ 跑一期表单（★ 替代原来的 prompt() 弹窗）══ */
.pbr-sub { font-size: 12px; color: #8b98a8; margin: -4px 0 12px; }
.pbr-f { margin-bottom: 14px; }
.pbr-f > label { display: block; font-size: 13px; font-weight: 600; color: #cfd8e3; margin-bottom: 6px; }
.pbr-opt { font-weight: 400; font-size: 11px; color: #8b98a8; margin-left: 4px; }
.pbr-f input, .pbr-f textarea { width: 100%; box-sizing: border-box;
  background: rgba(0,0,0,.28); border: 1px solid rgba(255,255,255,.16);
  border-radius: 10px; color: #e8eef6; font-size: 15px; padding: 10px 12px;
  font-family: inherit; }
.pbr-f input:focus, .pbr-f textarea:focus { outline: none; border-color: #4a9eff; }
.pbr-f textarea { resize: vertical; line-height: 1.5; }
.pbr-hint { font-size: 11.5px; color: #8b98a8; line-height: 1.6; margin-top: 6px; }
.pbr-feels { display: flex; gap: 8px; }
.pbr-feel { flex: 1; height: 40px; border-radius: 10px; font-size: 14px; font-weight: 600;
  border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.05); color: #d6dee8; }
.pbr-feel.on { background: linear-gradient(180deg,#4a9eff,#2c7fe0); color: #fff; border-color: #4a9eff; }
.pbr-act { display: flex; gap: 10px; margin-top: 6px; }
.pbr-go { flex: 2; height: 46px; border-radius: 12px; font-size: 16px; font-weight: 700;
  border: none; background: linear-gradient(180deg,#3ddc84,#22b465); color: #06210f; }
.pbr-cancel { flex: 1; height: 46px; border-radius: 12px; font-size: 15px;
  border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.05); color: #b9c6d4; }

/* ══════════════════════════════════════════════════════════
   选票种（★ 2026-09-28 老板要求：先票种、再玩法，两级）

   ★ 手机优先：两级都要能横滑/换行，不许挤成一坨。
   ★ 票种 = 一级（8 个），玩法 = 二级（快乐8 有 10 个，其余 1 个）。
   ══════════════════════════════════════════════════════════ */
.pbgame-sec {
  margin: 0 0 14px;
  padding: 12px 12px 10px;
  border-radius: 14px;
  background: var(--card2, rgba(255, 255, 255, .04));
  border: 1px solid var(--line, rgba(255, 255, 255, .09));
}
.pbgame-h {
  font-size: 13px;
  font-weight: 700;
  color: var(--muted, #93a1b5);
  letter-spacing: .04em;
  margin-bottom: 9px;
}

/* ── 一级：票种（8 个，换行铺开）── */
.pbgb-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 11px;
}
.pbgb {
  padding: 7px 13px;
  border-radius: 999px;
  border: 1px solid var(--line, rgba(255, 255, 255, .14));
  background: transparent;
  color: var(--fg, #e8edf5);
  font-size: 13.5px;
  line-height: 1.2;
  cursor: pointer;
  transition: background .15s, border-color .15s, color .15s;
}
.pbgb.on {
  background: var(--acc, #3d7dff);
  border-color: var(--acc, #3d7dff);
  color: #fff;
  font-weight: 700;
}
.pbgb:active { transform: scale(.97); }

/* ── 二级：玩法（快乐8 选一~选十）── */
.pbpb-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.pbpb {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 52px;
  padding: 6px 9px;
  border-radius: 10px;
  border: 1px solid var(--line, rgba(255, 255, 255, .14));
  background: transparent;
  color: var(--fg, #e8edf5);
  font-size: 13px;
  line-height: 1.25;
  cursor: pointer;
}
.pbpb i {
  font-style: normal;
  font-size: 10.5px;
  opacity: .62;
}
.pbpb.on {
  background: var(--acc, #3d7dff);
  border-color: var(--acc, #3d7dff);
  color: #fff;
  font-weight: 700;
}
.pbpb.on i { opacity: .85; }

/* 单玩法彩种（双色球等）：一句话说明，不铺按钮 */
.pbplay-note {
  font-size: 13px;
  color: var(--muted, #93a1b5);
  line-height: 1.7;
}
.pbplay-note b { color: var(--fg, #e8edf5); }

/* ── 数字位型编辑器（3D/排列三/排列五/七星彩）── */
.pbdg-row {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 9px 0;
}
.pbdg-lb {
  flex: 0 0 62px;
  font-size: 12.5px;
  color: var(--muted, #93a1b5);
  line-height: 1.3;
}
.pbdg-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  flex: 1;
}
.pbdg {
  width: 27px;
  height: 27px;
  border-radius: 7px;
  border: 1px solid var(--line, rgba(255, 255, 255, .14));
  background: transparent;
  color: var(--fg, #e8edf5);
  font-size: 13px;
  cursor: pointer;
  padding: 0;
}
.pbdg.on {
  background: var(--acc, #3d7dff);
  border-color: var(--acc, #3d7dff);
  color: #fff;
  font-weight: 700;
}
.pbdg-extra .pbdg-lb { color: #e0b34a; }
.pbdg-extra .pbdg.on { background: #e0b34a; border-color: #e0b34a; color: #1a1a1a; }

/* ══════════════════════════════════════════════════════════
   🎯 参考打法（★ 2026-09-28 老板：「按照你的想法做成产品」）

   ★ 三种风格用颜色区分：保守绿 / 稳健黄 / 冒险红。
     ★ 颜色的作用只是"一眼分清是三套里的哪一套"，
       **不是**"绿灯能走、红灯危险"的意思（那是误导）。
       所以用低饱和度，不用交通灯那种强警示色。
   ══════════════════════════════════════════════════════════ */
.pbs-note{background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;
  padding:10px 12px;font-size:12.5px;line-height:1.75;color:#78350f;
  margin-bottom:14px}
.pbs-card{background:#fff;border:1px solid #e5e7eb;border-left-width:4px;
  border-radius:12px;padding:13px 14px;margin-bottom:12px;
  box-shadow:0 1px 3px #0000000a}
.pbs-conservative{border-left-color:#10b981;background:linear-gradient(90deg,#10b98108,#fff 40%)}
.pbs-balanced{border-left-color:#f59e0b;background:linear-gradient(90deg,#f59e0b08,#fff 40%)}
.pbs-bold{border-left-color:#ef4444;background:linear-gradient(90deg,#ef444408,#fff 40%)}
.pbs-head{display:flex;align-items:center;gap:6px;margin-bottom:8px;flex-wrap:wrap}
.pbs-badge{font-size:13px;line-height:1}
.pbs-style{font-size:12px;font-weight:600;color:#374151;background:#f3f4f6;
  border-radius:5px;padding:2px 8px}
.pbs-title{font-weight:600;font-size:14.5px;color:#111827}
.pbs-shape{font-size:13px;line-height:1.75;color:#1f2937;margin-bottom:6px}
.pbs-why{font-size:12.5px;line-height:1.7;color:#4b5563;
  padding-left:9px;border-left:2px solid #e5e7eb;margin-bottom:8px}
.pbs-meta{font-size:11.5px;color:#6b7280;line-height:1.7;margin-bottom:9px}
.pbs-demo{background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;
  padding:8px 10px;margin-bottom:8px}
.pbs-demo-lb{font-size:11px;color:#9ca3af;display:block;margin-bottom:4px}
.pbs-demo-num{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;
  color:#6b7280;letter-spacing:.5px;word-break:break-all}
.pbs-disclaimer{font-size:11.5px;line-height:1.7;color:#9a3412;
  background:#fff7ed;border-radius:7px;padding:7px 9px;margin-bottom:4px}