/* Standalone pricing surface. This file intentionally owns every visible pricing primitive. */
body[data-page="pricing"] {
  background:#f4f5f0 !important;
  color:#1c2b24 !important;
}

body[data-page="pricing"] main#main.pricing-page {
  width:min(100% - 64px,1320px) !important;
  max-width:1320px !important;
  margin:0 auto 84px !important;
  padding:108px 0 0 !important;
}

body[data-page="pricing"] .pricing-hero {
  max-width:680px !important;
  margin:0 auto 34px !important;
  padding:0 !important;
  text-align:center !important;
}
body[data-page="pricing"] .pricing-hero h1 {
  margin:0 !important;
  color:#1e3026 !important;
  font-size:40px !important;
  font-weight:720 !important;
  line-height:1.2 !important;
}
body[data-page="pricing"] .pricing-hero p {
  margin:12px auto 0 !important;
  color:#66756c !important;
  font-size:16px !important;
  line-height:1.7 !important;
}

body[data-page="pricing"] .purchase-panel {
  overflow:visible !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
body[data-page="pricing"] .purchase-panel .pricing-tabs {
  display:flex !important;
  width:max-content !important;
  height:auto !important;
  margin:0 auto 30px !important;
  padding:5px !important;
  gap:4px !important;
  border:1px solid #d8ded7 !important;
  border-radius:999px !important;
  background:#fbfcf9 !important;
  box-shadow:0 10px 25px rgba(33,50,39,.055) !important;
}
body[data-page="pricing"] .purchase-panel .pricing-tabs button {
  width:auto !important;
  min-width:130px !important;
  min-height:44px !important;
  padding:0 22px !important;
  border:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  color:#66756c !important;
  font-size:16px !important;
  font-weight:720 !important;
  box-shadow:none !important;
}
body[data-page="pricing"] .purchase-panel .pricing-tabs button::after { display:none !important; }
body[data-page="pricing"] .purchase-panel .pricing-tabs button.active {
  background:#e97a43 !important;
  color:#fffdfa !important;
}

body[data-page="pricing"] .purchase-content { padding:0 !important; }
body[data-page="pricing"] .purchase-heading {
  display:flex !important;
  align-items:end !important;
  justify-content:space-between !important;
  min-height:0 !important;
  margin:0 0 16px !important;
  padding-bottom:14px !important;
  border-bottom:1px solid #d8ded7 !important;
}
body[data-page="pricing"] .purchase-heading h2 {
  color:#26382e !important;
  font-size:22px !important;
  font-weight:720 !important;
}
body[data-page="pricing"] .preview-hint { color:#76847a !important; font-size:13px !important; }

body[data-page="pricing"] .pricing-card-grid,
body[data-page="pricing"] .pricing-card-grid.is-points {
  display:grid !important;
  width:100% !important;
  margin:0 !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
  align-items:stretch !important;
}
body[data-page="pricing"] .pricing-card.plan-row {
  display:flex !important;
  min-height:454px !important;
  overflow:visible !important;
  border:1px solid #d8ded7 !important;
  border-radius:8px !important;
  background:#ffffff !important;
  color:#26382e !important;
  opacity:1 !important;
  filter:none !important;
  box-shadow:0 8px 22px rgba(38,56,46,.045) !important;
  transform:none !important;
  transition:border-color .16s ease, box-shadow .16s ease !important;
}
body[data-page="pricing"] .pricing-card.plan-row:hover {
  border-color:#bcc9bd !important;
  background:#ffffff !important;
  box-shadow:0 14px 30px rgba(38,56,46,.08) !important;
  transform:none !important;
}
body[data-page="pricing"] .pricing-card.plan-row.is-selected {
  border:2px solid #e97a43 !important;
  background:#ffffff !important;
  box-shadow:0 12px 28px rgba(203,91,43,.13) !important;
}
body[data-page="pricing"] .pricing-card-grid .pricing-card.plan-row:first-child::before {
  content:"首充建议" !important;
  position:absolute !important;
  top:-18px !important;
  left:50% !important;
  z-index:2 !important;
  padding:8px 15px !important;
  border-radius:7px !important;
  background:#e97038 !important;
  color:#fffdfa !important;
  font-size:14px !important;
  font-weight:720 !important;
  line-height:1 !important;
  transform:translateX(-50%) !important;
  box-shadow:0 7px 14px rgba(203,91,43,.16) !important;
}
body[data-page="pricing"] .pricing-card.plan-row.is-selected::after {
  top:14px !important;
  right:14px !important;
  width:22px !important;
  height:22px !important;
  background:#e97a43 !important;
  color:#fff !important;
}
body[data-page="pricing"] .pricing-card-select {
  padding:32px 22px 10px !important;
  color:#26382e !important;
  opacity:1 !important;
}
body[data-page="pricing"] .pricing-card-icon {
  width:46px !important;
  height:46px !important;
  margin:0 auto 18px !important;
  border-radius:50% !important;
  background:#fff0e6 !important;
}
body[data-page="pricing"] .pricing-card.plan-row:not(.is-selected) h3 {
  color:#263858 !important;
  font-size:22px !important;
  font-weight:700 !important;
  opacity:1 !important;
}
body[data-page="pricing"] .pricing-card-audience {
  min-height:44px !important;
  margin-top:8px !important;
  color:#617067 !important;
  font-size:15px !important;
  font-weight:600 !important;
  opacity:1 !important;
}
body[data-page="pricing"] .pricing-card-price { min-height:60px !important; margin-top:15px !important; }
body[data-page="pricing"] .pricing-card.plan-row:not(.is-selected) .pricing-card-price strong {
  color:#476ce6 !important;
  font-size:38px !important;
  font-weight:950 !important;
  letter-spacing:0 !important;
  opacity:1 !important;
}
body[data-page="pricing"] .pricing-card-price small { color:#617067 !important; font-size:14px !important; }
body[data-page="pricing"] .pricing-card-total,
body[data-page="pricing"] .pricing-card-points,
body[data-page="pricing"] .pricing-card-saving,
body[data-page="pricing"] .pricing-card-value,
body[data-page="pricing"] .pricing-card-term {
  color:#617067 !important;
  opacity:1 !important;
}
body[data-page="pricing"] .pricing-card-total,
body[data-page="pricing"] .pricing-card-points { font-size:14px !important; font-weight:650 !important; }
body[data-page="pricing"] .pricing-card-value { color:#c45b2a !important; }
body[data-page="pricing"] .pricing-card-footer { margin-top:auto !important; padding:0 22px 24px !important; opacity:1 !important; }
body[data-page="pricing"] .pricing-card-action {
  min-height:48px !important;
  border:1px solid #d36936 !important;
  border-radius:6px !important;
  background:#ffffff !important;
  color:#bd5526 !important;
  font-size:16px !important;
  font-weight:720 !important;
  opacity:1 !important;
}
body[data-page="pricing"] .pricing-card.is-selected .pricing-card-action {
  border-color:#e97038 !important;
  background:#e97038 !important;
  color:#fffdfa !important;
}
body[data-page="pricing"] .pricing-card-ribbon,
body[data-page="pricing"] .pricing-card-badge {
  background:#e97038 !important;
  color:#fffdfa !important;
}
body[data-page="pricing"] .plan-benefit-groups,
body[data-page="pricing"] .card-preview-badge { display:none !important; }

body[data-page="pricing"] .purchase-trust {
  margin:22px 0 0 !important;
  padding-top:18px !important;
  border-top:1px solid #d8ded7 !important;
  color:#6b796f !important;
  font-size:13px !important;
}
body[data-page="pricing"] .pricing-assist,
body[data-page="pricing"] .pricing-facts,
body[data-page="pricing"] .payment-options,
body[data-page="pricing"] .enterprise-link,
body[data-page="pricing"] .agreement { display:none !important; }

@media (max-width:1100px) {
  body[data-page="pricing"] .pricing-card-grid,
  body[data-page="pricing"] .pricing-card-grid.is-points { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width:640px) {
  body[data-page="pricing"] main#main.pricing-page { width:min(100% - 28px,620px) !important; padding-top:92px !important; }
  body[data-page="pricing"] .pricing-hero h1 { font-size:31px !important; }
  body[data-page="pricing"] .purchase-panel .pricing-tabs { width:100% !important; }
  body[data-page="pricing"] .purchase-panel .pricing-tabs button { min-width:0 !important; flex:1 !important; padding-inline:8px !important; }
  body[data-page="pricing"] .purchase-heading { align-items:start !important; flex-direction:column !important; gap:6px !important; }
  body[data-page="pricing"] .pricing-card-grid,
  body[data-page="pricing"] .pricing-card-grid.is-points { grid-template-columns:1fr !important; }
  body[data-page="pricing"] .pricing-card.plan-row { min-height:430px !important; }
}