/* ============================================================
   套餐页(price.html)专属样式
   ============================================================ */

/* ---- 页头 ---- */
.price-head{padding-top:54px;padding-bottom:10px}
.price-head h1{margin-top:14px}
.price-lead{margin-top:16px;font-size:16.5px;line-height:1.8;color:var(--text-muted);max-width:44em}
.price-lead strong{color:var(--text)}
.price-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:18px;font-size:13.5px;color:var(--text-muted)}
.price-meta span{display:inline-flex;align-items:center;gap:6px}
.price-meta span::before{content:"✓";font-weight:800;font-size:12px;color:var(--success)}

/* ---- 计费切换区 ---- */
.cycle-area{margin-top:26px;display:flex;flex-direction:column;gap:18px}
.cycle-note{font-size:14px;color:var(--text-muted);line-height:1.8;max-width:52em}
.cycle-note strong{color:var(--text)}

/* ---- 档位解读 ---- */
.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.tier-card{
  background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-m);
  padding:20px 20px 18px;box-shadow:var(--shadow-card);min-width:0;
}
.tier-card h3{display:flex;align-items:baseline;gap:10px;font-size:17px;flex-wrap:wrap}
.tier-card .t-price{
  font-family:var(--font-mono);font-size:13px;color:var(--accent-dark);
  font-weight:700;flex:none;
}
.tier-card p{margin-top:10px;font-size:14px;color:var(--text-muted);line-height:1.78}
.tier-extra{margin-top:22px}
.tier-extra h3{font-size:17px}
.tier-extra .cycle-note{margin-top:10px}

/* ---- 包含清单 ---- */
.incl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}
.incl-item{
  display:flex;align-items:baseline;gap:10px;min-width:0;
  background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-m);
  padding:14px 16px;box-shadow:var(--shadow-card);
}
.incl-item strong{flex:none;max-width:45%;overflow-wrap:break-word}
.incl-item span{min-width:0;flex:1;font-size:13.5px;color:var(--text-muted);line-height:1.7}
@media (max-width:640px){
  .incl-grid{grid-template-columns:1fr}
  .incl-item{flex-direction:column;align-items:flex-start;gap:6px}
  .incl-item strong{max-width:100%}
}