/* 所有掉落物品概率页（/rates/drops/）· 悠悠江湖（T443 绿色主题）
   复用 rates.css 的表格/工具栏/折叠说明与 charts.css 的图表组件。 */

/* ---- 掉落四层设计图（纯 CSS，无图片） ---- */
.drops-layers {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px; margin: 14px 0 4px;
}
.drops-layer {
  position: relative;
  background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-sm);
  padding: 13px 14px 12px;
}
.drops-layer + .drops-layer::before {
  content: "→"; position: absolute; left: -10px; top: 50%;
  transform: translate(-50%, -50%);
  color: var(--accent-2); font-size: 15px; font-weight: 700;
}
.drops-layer-num {
  display: inline-flex; align-items: center; justify-content: center;
  width: 22px; height: 22px; border-radius: 50%;
  background: var(--brand); color: #fff;
  font-size: 12px; font-weight: 700; margin-right: 6px;
}
.drops-layer strong { color: var(--brand); font-size: 14px; letter-spacing: .5px; }
.drops-layer p { margin: 6px 0 0; color: var(--ink-2); font-size: 13.5px; line-height: 1.75; }
.drops-layer b { color: var(--ink); }

/* ---- 图表区 ---- */
.drops-charts .rx-chart:last-child { margin-bottom: 4px; }

/* ---- 表格区 ---- */
.drops-slot .rates-card { margin-top: 2px; }
.drops-slot .rates-table td.pid { color: var(--ink-3); font-family: Consolas, monospace; font-size: 12.5px; }
.drops-slot .rates-table td.item { min-width: 150px; white-space: nowrap; }
.drops-slot .rates-table td.desc { white-space: normal; min-width: 240px; max-width: 420px; }
.drops-slot .rates-table td.muted { color: var(--ink-3); }
.drops-slot .rates-table td.rate { font-weight: 600; }
.drops-slot .rates-table td.day { font-weight: 600; }
.drops-slot .rates-table td.zero { color: var(--ink-3); }
.drops-slot .rates-table tr.zero td { color: var(--ink-3); }
.drops-toggle {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 13.5px; color: var(--ink-2); white-space: nowrap; cursor: pointer;
  min-height: 44px;
}
.drops-toggle input { width: 16px; height: 16px; accent-color: var(--brand); }

/* 石头家族 tab（沿用 rates-tabs 外观，允许换行） */
.drops-family-tabs { margin-top: 2px; }
.drops-family-tabs .rates-tab { padding: 0 14px; font-size: 15px; }

/* 折叠说明里的窄屏表格 */
.rates-advanced .rates-theory-table { min-width: 640px; }
.rates-advanced .rates-theory { overflow-x: auto; }

@media (max-width: 900px) {
  .drops-layers { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .drops-layer + .drops-layer::before { display: none; }
}
@media (max-width: 720px) {
  .drops-layers { grid-template-columns: 1fr; }
  .drops-family-tabs .rates-tab { padding: 0 10px; font-size: 14px; }
}