/* ==========================================================================
   积分与价格 · pricing.css
   --------------------------------------------------------------------------
   来源：原 app/views/site/pricing.php 第 16–21 行的内联 <style> 块，整段搬到本文件；
   同时把视图里散落的 style="…"（硬编码 #4fd6c4、12.5px / 13px / 11.5px 字号、
   26px 上边距）一并收成类，写在这里。

   为什么这页还需要一条内联属性：`.plan-grid` 的列数由 PHP 按套餐条数算出来
   （$planCols），必须以自定义属性 `--plan-cols` 的形式下发到元素上，属于数据不是
   样式，所以 `<div class="plan-grid" style="--plan-cols:N">` 保留 —— 本文件里
   再没有第二处内联样式。

   本文件的改写约定：字号走 --fs-*，间距走 --sp-*，色值走 --brand-2。
   ========================================================================== */

/* 覆盖 app.css 里的 auto-fit：列数由 PHP 决定，避免「第二行只剩一张」的落单留白 */
.plan-grid { grid-template-columns: repeat(var(--plan-cols, 3), minmax(0, 1fr)); }
@media (max-width: 1080px) { .plan-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) { .plan-grid { grid-template-columns: 1fr; } }

/* 页头副标题里的单价：原来用 style="color:#4fd6c4"（青绿）
   这里挂在 .page-head 下，pricing.css 只在本页加载，不会影响其它页面 */
.page-head p strong { color: var(--brand-2); font-weight: 600; }

/* 未登录时的公开报价页：原来用 style="padding-top:26px" 硬顶 */
.price-section { padding-top: var(--sp-5, 32px); }

/* 套餐卡备注：原来内联写了 11.5px 字号、10px 上边距与 1.7 行高 */
.price-plan-note {
    font-size: var(--fs-xs, 16px); margin-top: var(--sp-2, 8px);
    line-height: var(--lh-base, 1.65);
}

/* 套餐为空时的占位卡：原来 style="grid-column:1/-1;text-align:center;padding:40px" */
.plan-empty { grid-column: 1 / -1; text-align: center; padding: var(--sp-6, 40px); }

/* 「自定义金额 / 积分规则」两栏：原来 style="align-items:start" */
.price-grid { align-items: start; }

/* 免费试算提示：原来内联写了 margin-bottom:0 与 12.5px 字号 */
.price-alert { margin-bottom: 0; font-size: var(--fs-xs, 16px); }

/* 发票与结算说明：原来内联写了 13px 字号，比全站正文小一档，收正 */
.price-prose { font-size: var(--fs-base, 19px); }