

/* ---------- 区块内标题 ---------- */
.section-title {
  font-size: var(--lr-text-2xl);
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -.2px;
}
.section-desc {
  margin-top: var(--lr-space-3);
  max-width: 760px;
  font-size: var(--lr-text-base);
  line-height: 1.8;
  color: var(--lr-text-secondary);
}

/* ---------- 通用卡片 ---------- */
.card {
  display: block;
  padding: var(--lr-space-6);
  background: var(--lr-bg-raised);
  border: 1px solid var(--lr-border);
  border-radius: var(--lr-radius-xl);
  transition: border-color .2s, box-shadow .2s;
}
.card:hover {
  border-color: var(--lr-accent-border);
  box-shadow: var(--lr-shadow-card);
}

/* ---------- 套餐 ---------- */
.plan-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--lr-space-6); }
.plan-card {
  display: flex; flex-direction: column; align-items: center; text-align: center;
  padding: var(--lr-space-7);
  background: var(--lr-bg-raised);
  border: 1px solid var(--lr-border);
  border-radius: var(--lr-radius-xl);
  transition: border-color .2s, box-shadow .2s;
}
.plan-card:hover { border-color: var(--lr-accent-border); box-shadow: var(--lr-shadow-card); }
.plan-name { font-size: var(--lr-text-xl); font-weight: 700; }
.plan-price { margin-top: var(--lr-space-3); font-size: var(--lr-text-lg); color: var(--lr-text-secondary); }
.plan-price strong { font-size: var(--lr-text-3xl); color: var(--lr-text); }
.plan-price-origin { margin-left: var(--lr-space-2); font-size: var(--lr-text-base); color: var(--lr-text-muted, var(--lr-text-secondary)); }
.plan-desc { margin-top: var(--lr-space-2); font-size: var(--lr-text-sm); color: var(--lr-text-secondary); }
.plan-card .btn { margin-top: var(--lr-space-6); }

/* ---------- 成本计算器 ---------- */
.lr-calc-body {
  display: grid;
  grid-template-columns: minmax(220px, 320px) 1fr;
  gap: var(--lr-space-7);
  margin-top: var(--lr-space-6);
  padding: var(--lr-space-7);
  background: var(--lr-bg-sunken);
  border: 1px solid var(--lr-border);
  border-radius: var(--lr-radius-xl);
}
.lr-calc-form { display: flex; flex-direction: column; gap: var(--lr-space-3); }
.lr-calc-label { display: flex; align-items: center; gap: var(--lr-space-2); font-size: var(--lr-text-sm); color: var(--lr-text-secondary); }
.lr-calc-label input {
  width: 96px; height: 44px; padding: 0 var(--lr-space-4);
  border: 1px solid var(--lr-border-control);
  border-radius: var(--lr-radius-md);
  background: var(--lr-bg-raised);
  font: inherit; font-size: var(--lr-text-base); color: var(--lr-text);
  outline: none; transition: border-color .18s;
}
.lr-calc-label input:focus { border-color: var(--lr-accent); }
.lr-calc-hint { font-size: var(--lr-text-xs); color: var(--lr-text-muted); }
.lr-calc-result { display: flex; flex-direction: column; gap: var(--lr-space-3); }
.lr-calc-row {
  display: flex; align-items: baseline; justify-content: space-between; gap: var(--lr-space-4);
  padding-bottom: var(--lr-space-3); border-bottom: 1px solid var(--lr-border-subtle);
}
.lr-calc-key { font-size: var(--lr-text-sm); color: var(--lr-text-secondary); }
.lr-calc-value { font-size: var(--lr-text-base); color: var(--lr-text); }
.lr-calc-value strong { color: var(--lr-accent); font-size: var(--lr-text-xl); }
.lr-calc-save { font-size: var(--lr-text-sm); color: var(--lr-success); }
.lr-calc-note { font-size: var(--lr-text-xs); color: var(--lr-text-muted); line-height: 1.7; }
.lr-calc-actions { display: flex; gap: var(--lr-space-3); flex-wrap: wrap; margin-top: var(--lr-space-2); }

/* ---------- 常见问题 ---------- */
.faq { margin-top: var(--lr-space-5); }
.faq dt { margin-top: var(--lr-space-4); font-weight: 700; font-size: var(--lr-text-base); }
.faq dd { margin-top: var(--lr-space-2); color: var(--lr-text-secondary); line-height: 1.8; font-size: var(--lr-text-sm); }

/* ---------- 空态 ---------- */
.empty {
  padding: var(--lr-space-10) var(--lr-space-7);
  background: var(--lr-bg-raised);
  border: 1px dashed var(--lr-border);
  border-radius: var(--lr-radius-xl);
  text-align: center;
}
.empty-title { font-size: var(--lr-text-base); font-weight: 700; }
.empty-desc { margin-top: var(--lr-space-2); font-size: var(--lr-text-sm); color: var(--lr-text-secondary); }

/* ---------- 窄屏适配（PC 固定主题下笔记本等） ---------- */
@media (max-width: 960px) {
  .plan-grid { grid-template-columns: 1fr; }
  .lr-calc-body { grid-template-columns: 1fr; }
}
