/* sitxo希云 建站套餐（2026-10-18）：首页套餐区、/pricing/ 页；沿用站点原有变量 */
.sx-pricing{padding-block:var(--spacing-20)}
.sx-pricing__head{display:flex;flex-direction:column;gap:var(--spacing-6);margin-bottom:var(--spacing-12)}
.sx-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--layout-column-gap);margin:0;padding:0;list-style:none;align-items:stretch}
.sx-plan{position:relative;display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-8);background:var(--surface-default);border:var(--border-width-thin) solid var(--border-default);border-radius:var(--radius-md)}
.sx-plan--featured{border:var(--border-width-medium) solid var(--button-primary);box-shadow:0 18px 40px rgba(18,186,113,.12)}
.sx-plan__head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2)}
.sx-plan__no{color:var(--text-secondary);opacity:var(--opacity-md)}
.sx-plan__tag{padding:2px 10px;border-radius:var(--radius-full);background:var(--background-subtle);font-size:var(--font-size-xs);font-weight:var(--font-weight-600)}
.sx-plan--featured .sx-plan__tag{background:var(--brand-subtle);color:#0b7a4a}
.sx-plan__name{margin:0}
.sx-plan__price{display:flex;align-items:baseline;gap:var(--spacing-2);margin:0}
.sx-plan__amount{font-family:var(--font-heading);font-size:clamp(40px,4vw,var(--font-size-5xl));font-weight:var(--font-weight-600);line-height:1;letter-spacing:var(--letter-spacing-tight)}
.sx-plan__unit{color:var(--text-secondary);opacity:var(--opacity-lg)}
.sx-plan__lead{margin:0;color:var(--text-secondary)}
.sx-plan__list{display:flex;flex-direction:column;gap:var(--spacing-2);margin:var(--spacing-2) 0 0;padding:var(--spacing-4) 0 0;border-top:var(--border-width-thin) solid var(--border-default);list-style:none;flex:1 0 auto}
.sx-plan__list li{display:flex;gap:var(--spacing-2);align-items:flex-start;font-size:var(--font-size-sm);line-height:1.5}
.sx-plan__list svg{flex:0 0 16px;margin-top:3px;color:var(--button-primary)}
.sx-plan__meta{display:flex;justify-content:space-between;gap:var(--spacing-2);margin:0;padding-top:var(--spacing-3);border-top:var(--border-width-thin) dashed var(--border-default);color:var(--text-secondary)}
.sx-plan__btn{width:100%;justify-content:center}
.sx-pricing__foot{display:flex;justify-content:center;margin-top:var(--spacing-10)}
.sx-pricing__note{max-width:var(--layout-reading);margin:var(--spacing-8) auto 0;text-align:center;color:var(--text-secondary);opacity:var(--opacity-lg)}
.sx-pricing--page{padding-top:var(--spacing-16)}
.sx-pricing--compare{background:var(--background-subtle)}
.sx-compare{overflow-x:auto;border:var(--border-width-thin) solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-default);overscroll-behavior-x:contain}
.sx-compare table{width:100%;min-width:760px;table-layout:fixed;border-collapse:collapse;font-size:var(--font-size-sm);line-height:1.5}
.sx-compare th,.sx-compare td{padding:14px 18px;text-align:left;vertical-align:top;border-bottom:var(--border-width-thin) solid var(--border-default)}
.sx-compare tbody tr:last-child>*{border-bottom:0}
.sx-compare thead th{background:var(--background-default);font-weight:var(--font-weight-600)}
.sx-compare thead th span{display:block;font-size:var(--font-size-xs);color:var(--text-secondary);opacity:var(--opacity-lg)}
.sx-compare thead th b{font-size:var(--font-size-xl)}
.sx-compare tbody th{width:20%;font-weight:var(--font-weight-600)}
.sx-compare thead th:nth-child(3),.sx-compare td:nth-child(3){background:rgba(18,186,113,.05)}
.sx-cta{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);text-align:center}
.sx-cta p{margin:0;color:var(--text-secondary)}
.sx-cta__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-3);margin-top:var(--spacing-4)}
.sx-footer-contact{gap:var(--spacing-4)}
.sx-footer-contact .footer__link{text-decoration:underline;text-underline-offset:3px}
@media (max-width:1024px){.sx-plans{grid-template-columns:1fr;max-width:560px;margin-inline:auto}.sx-plan{padding:var(--spacing-6)}}
@media (max-width:640px){.sx-pricing{padding-block:var(--spacing-12)}.sx-pricing__head{margin-bottom:var(--spacing-8)}.sx-compare th,.sx-compare td{padding:12px 14px}}