/* ====================================================================
   PC28 智能数据推演页 - AI预测组件样式（自包含，无外部变量依赖）
   仅由 /predict/ 页面加载，不影响主站样式
   ==================================================================== */
.pred-wrap{margin:0 0 4px}
.pred-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}
.pred-card{
  position:relative;background:#f8fafc;border-radius:10px;padding:12px;text-align:center;
  display:flex;flex-direction:column;overflow:hidden;border:1px solid #e2e8f0;
}
.pred-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px}
.pred-size::before{background:linear-gradient(90deg,#0ea5e9,#6366f1)}
.pred-parity::before{background:linear-gradient(90deg,#22c55e,#10b981)}
.pred-combo::before{background:linear-gradient(90deg,#f59e0b,#ec4899)}
.pred-sum::before{background:linear-gradient(90deg,#8b5cf6,#6366f1)}
.pred-card-hd{font-size:12.5px;color:#64748b;font-weight:600;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:4px;min-height:42px;line-height:1.35;flex-shrink:0;text-align:center}
.pred-ic{font-size:14px;flex-shrink:0}
.pred-pick{
  font-size:26px;font-weight:800;color:#fff;border-radius:8px;line-height:1;
  padding:12px 0;margin-bottom:8px;flex-shrink:0;
}
.pred-pick.大,.pred-pick.双{background:linear-gradient(135deg,#ef4444,#dc2626)}
.pred-pick.小,.pred-pick.单{background:linear-gradient(135deg,#16a34a,#059669)}
.pred-bar{display:flex;height:22px;border-radius:6px;overflow:hidden;margin-bottom:6px;font-size:10.5px;color:#fff;font-weight:700;align-items:center;flex-shrink:0}
.pred-bar-a,.pred-bar-b{display:flex;align-items:center;justify-content:center;min-width:0;transition:width .4s;height:100%;line-height:22px}
.pred-bar-a.big{background:#0ea5e9}
.pred-bar-b.small{background:#16a34a}
.pred-bar-a.odd{background:#f59e0b}
.pred-bar-b.even{background:#8b5cf6}
.pred-conf{font-size:11px;color:#94a3b8;min-height:16px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.pred-conf-small{font-size:10.5px;color:#94a3b8;margin-top:4px;min-height:14px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.pred-combo-list{display:flex;flex-direction:column;gap:4px;margin-top:4px;flex:1}
.combo-row{display:flex;justify-content:space-between;align-items:center;padding:5px 8px;border-radius:6px;background:#ffffff;font-size:12.5px}
.combo-row.combo-top{background:linear-gradient(135deg,#fff7ed,#fef3c7);border:1px solid #fed7aa;font-weight:700}
.combo-name{color:#0f172a}
.combo-score{color:#4f46e5;font-weight:700;font-variant-numeric:tabular-nums}
.pred-sum-grid{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:8px 0 4px;flex:1;align-content:flex-start}
.sum-cand{
  width:32px;height:32px;line-height:32px;border-radius:50%;color:#fff;
  font-weight:700;font-size:13.5px;display:inline-flex;align-items:center;justify-content:center;
  transition:transform .2s;
}
.sum-cand.sum-top{transform:scale(1.12);box-shadow:0 3px 10px rgba(0,0,0,.18);outline:2px solid #fbbf24;outline-offset:1px}
.sum-cand.number-red{background:linear-gradient(135deg,#ef4444,#dc2626)}
.sum-cand.number-blue{background:linear-gradient(135deg,#0ea5e9,#0284c7)}
.sum-cand.number-green{background:linear-gradient(135deg,#22c55e,#16a34a)}
.sum-cand.number-gray{background:linear-gradient(135deg,#94a3b8,#64748b)}
.pred-disclaimer{
  margin-top:10px;padding:10px 12px;border-radius:8px;background:#fffbeb;
  border:1px solid #fde68a;color:#92400e;font-size:12px;line-height:1.7;text-align:justify;
}
.pred-empty{text-align:center;padding:30px 10px;color:#94a3b8;font-size:13px}
.pred-meta{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;
  margin-bottom:10px;padding:8px 12px;border-radius:8px;background:#eef2ff;border:1px solid #e0e7ff;
  font-size:12.5px;color:#3730a3;
}
.pred-meta b{font-variant-numeric:tabular-nums;color:#1e1b4b}
.pred-meta .dot{width:7px;height:7px;border-radius:50%;background:#10b981;display:inline-block;margin-right:5px;animation:predPulse 2s infinite}
@keyframes predPulse{0%,100%{opacity:1}50%{opacity:.35}}

/* ===== 移动端适配：字号缩小、单列铺满、一屏展示 ===== */
@media (max-width:768px){
  .pred-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .pred-pick{font-size:20px;padding:10px 0}
  .pred-card{padding:10px 8px}
  .pred-card-hd{font-size:11.5px;min-height:36px}
  .pred-sum-grid{gap:4px}
  .sum-cand{width:28px;height:28px;line-height:28px;font-size:12px}
  .pred-disclaimer{font-size:11px;padding:8px 10px}
}
@media (max-width:420px){
  .pred-grid{grid-template-columns:1fr}
  .pred-card-hd{min-height:0}
}