.pricing-page{padding-top:70px;background:linear-gradient(180deg,#f8fbfb 0%,#f3f7f7 100%)}
.pricing-page .container{width:min(var(--ui-content),calc(100% - 56px));margin-inline:auto}
.pricing-page .section{padding:72px 0}
.pricing-page .section.alt{background:rgba(255,255,255,.72);border-block:1px solid var(--ui-line)}
.pricing-page .section-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:28px}
.pricing-page .section-head h2{margin:0;color:var(--ui-ink);font-size:clamp(28px,3vw,40px);line-height:1.16;letter-spacing:-.03em}
.pricing-page .section-head p{margin:10px 0 0;color:var(--ui-muted);line-height:1.8;max-width:760px}
.pricing-page .plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pricing-page .plan-card,.pricing-page .role-card,.pricing-page .note-card{position:relative;background:rgba(255,255,255,.9);border:1px solid var(--ui-line);border-radius:24px;padding:24px;box-shadow:var(--ui-shadow-sm)}
.pricing-page .plan-card.featured{border-color:rgba(11,119,111,.34);box-shadow:0 24px 60px rgba(11,119,111,.14)}
.pricing-page .plan-card.featured:before{content:"推荐";position:absolute;right:20px;top:-13px;display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:var(--ui-brand);color:#fff;font-size:12px;font-weight:850}
.pricing-page .plan-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:20px}
.pricing-page .plan-name{margin:0;color:var(--ui-ink);font-size:21px;font-weight:850}
.pricing-page .plan-status{display:inline-flex;min-height:26px;align-items:center;padding:0 9px;border-radius:999px;background:var(--ui-brand-soft);color:var(--ui-brand-dark);font-size:12px;font-weight:800;white-space:nowrap}
.pricing-page .plan-price{color:var(--ui-ink);font-size:36px;font-weight:900;line-height:1;margin-bottom:10px;letter-spacing:-.04em}
.pricing-page .plan-price small{font-size:13px;color:var(--ui-muted);font-weight:700}
.pricing-page .plan-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}
.pricing-page .metric{border:1px solid #e4ebe8;border-radius:16px;background:#fbfdfc;padding:13px}
.pricing-page .metric span{display:block;color:var(--ui-muted);font-size:12px;margin-bottom:5px}
.pricing-page .metric b{display:block;color:var(--ui-ink);font-size:15px}
.pricing-page .benefits{margin:0;padding-left:18px;color:var(--ui-muted);line-height:1.78}
.pricing-page .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.pricing-page .roles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.pricing-page .role-card h3,.pricing-page .note-card h3{margin:0 0 10px;color:var(--ui-ink);font-size:19px}
.pricing-page .role-card p,.pricing-page .note-card p{margin:0;color:var(--ui-muted);line-height:1.75}
.pricing-page .role-meta{margin:14px 0 0;color:var(--ui-ink);font-weight:800}
.pricing-page .notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media(max-width:960px){.pricing-page .plans{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-page .roles,.pricing-page .notes{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-page .section-head{display:block}}
@media(max-width:620px){.pricing-page .container{width:min(var(--ui-content),calc(100% - 36px))}.pricing-page .plans,.pricing-page .roles,.pricing-page .notes{grid-template-columns:1fr}}