/* 价格页:方向 A 体系 + 贴纸式推荐徽章(唯一允许贴纸出现的产品页)。 */
.pricing-heading{text-align:center;padding:45px 0 30px}.pricing-heading h1{font-size:clamp(32px,4vw,40px);margin-bottom:16px}.pricing-heading p{margin-inline:auto}
.toggle-row{display:flex;align-items:center;justify-content:center;gap:14px;margin:14px 0 20px}
.billing-toggle{display:inline-flex;background:var(--soft);border:1px solid var(--line);padding:5px;border-radius:999px}
.billing-toggle button{border:0;border-radius:999px;background:transparent;padding:9px 24px;color:var(--muted);font-size:14px;min-height:40px}
.billing-toggle button[aria-pressed=true]{background:var(--text);color:var(--bg)}
.annual-sticker{vertical-align:middle}
.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:48px}
.plan{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:26px 22px;position:relative;min-width:0}
.plan.recommended{border:2px solid var(--text);padding:25px 21px;box-shadow:0 18px 44px #18202C1F}
.plan h2{font-size:21px;margin:0 0 17px}
.recommended-label{position:absolute;top:-13px;right:14px;font-size:12.5px;font-weight:700;color:#FAF8F3;background:#10161D;padding:9px 14px;border-radius:8px;transform:rotate(2deg);box-shadow:3px 3px 0 var(--bright);float:none}
.price{font-family:var(--serif);font-size:37px;color:var(--text);font-weight:900;letter-spacing:0;font-variant-numeric:tabular-nums;white-space:normal;line-height:1.05;margin:0}
.price small{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;font-size:13px;font-weight:400;letter-spacing:0;color:var(--muted)}
/* ADR-0131:金额+计费后缀同组(基线对齐,'/月' 不拆散);老订阅的个人折扣注释单独一行,不挤压金额。 */
.price-current{display:inline-flex;flex-wrap:wrap;align-items:baseline;column-gap:4px;line-height:1.05;max-width:100%}
.price-current>span,.price-current small{white-space:nowrap}
.price .price-note{display:block;width:max-content;max-width:100%;font-size:11.5px;font-weight:600;color:var(--muted);background:var(--soft);padding:3px 7px;border-radius:6px;white-space:normal;overflow-wrap:anywhere;vertical-align:middle;margin:4px 0 0}
.price-total{font-size:12px;min-height:40px;margin-bottom:18px}
.plan-points{color:var(--text);font-weight:600;font-size:16px}
.plan ul{list-style:none;padding:0;margin:10px 0 24px;font-size:13px;color:var(--muted)}.plan li{margin-bottom:8px;padding-left:16px;position:relative}
.plan li::before{content:"·";position:absolute;left:0;color:var(--accent);font-weight:800}
.plan .button{width:100%;margin-top:auto;padding-inline:10px}
/* ADR-0131:两个加点包各占一条全宽横条;100 点在前、300 点在后。 */
.plan.addon{grid-column:1/-1;border-style:dashed;flex-direction:row;align-items:center;gap:20px}
/* 横条够宽时标题不折行;窄屏堆叠时在下方断点恢复换行,避免 fr/es 长标题溢出卡片。 */
.plan.addon h2{margin:0;white-space:nowrap}
.plan.addon .plan-points{margin:0}.plan.addon .price-total{margin:0 0 0 auto;min-height:0}
.plan.addon .button{width:auto;margin:0;padding-inline:26px}
/* ADR-0131:折扣事实读不出时,当前套餐行内联警示(阻止切换,不冒充目录价)。 */
#currentPlan .warn{color:#B4432B;font-weight:600}
.pricing-explainer{padding:8px 0 40px}.pricing-explainer h2{font-size:23px}
.pricing-explainer>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 30px}
.pricing-explainer strong{color:var(--text);font-family:var(--serif)}
.pricing-explainer>.note{max-width:36em}  /* 中文约 36 字/行;原先 max-width:none 让 13px 正文横跨整屏 */
.checkout-summary{max-width:650px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:32px;margin:20px auto 45px}.checkout-summary h2{font-size:24px}
.checkout-summary>.note{margin:26px 0 0;padding-top:20px;border-top:1px solid var(--line);max-width:36em}  /* 细则与按钮分离:原先紧贴(gap 0) */
#message{min-height:30px;margin:0 0 24px}#closeCheckout{margin-bottom:30px}
@media(max-width:980px){.plan-grid{grid-template-columns:repeat(2,1fr)}.plan.addon{flex-direction:column;align-items:stretch}.plan.addon .button{width:100%;margin:0}.plan.addon .price-total{margin:0}.plan.addon h2{white-space:normal}.plan.recommended{margin-top:10px}}
@media(max-width:600px){.plan-grid{grid-template-columns:1fr;gap:15px}.pricing-heading{padding-top:24px}.toggle-row{flex-direction:column;gap:10px}.plan{padding:25px}.plan.recommended{padding:24px}.price-total{min-height:0}.pricing-explainer>div{grid-template-columns:1fr;gap:8px}.checkout-summary{padding:23px}}