/* Membership credits: share the personal and team plan visual language. */
.pricing-page .credit-redesign{--credit-card:#fff;--credit-soft:#f6f6fb;--credit-line:#e6e5f0;--credit-ink:#24243a;--credit-muted:#797c91;--credit-purple:#7460ea;--credit-teal:#26b9c8;--credit-orange:#f77727;color:var(--credit-ink);background:transparent!important;border:0;padding:0;margin:0}
body.membership-reference.dark .pricing-page .credit-redesign{--credit-card:#1d202b;--credit-soft:#252939;--credit-line:#373b4d;--credit-ink:#f1f0f8;--credit-muted:#a1a5b7;--credit-purple:#a291ff;--credit-teal:#6bd4d7;--credit-orange:#ff9a58}
.credit-redesign .credit-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px;padding:0 2px}
.credit-redesign .credit-eyebrow{display:block;margin-bottom:10px;color:var(--credit-teal);font-size:11px;font-weight:750;letter-spacing:.17em}
.credit-redesign .credit-heading h2{margin:0 0 8px;color:var(--credit-ink);font-size:clamp(21px,2vw,27px);line-height:1.3;letter-spacing:-.025em}
.credit-redesign .credit-heading p{margin:0;color:var(--credit-muted);font-size:13px;line-height:1.7}
.credit-redesign .credit-heading-mark{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#eee9ff,#dbf8fa);color:#6095f6;font-size:23px}
body.dark .credit-redesign .credit-heading-mark{background:linear-gradient(135deg,#322c4e,#20404a);color:#6095f6}
.credit-redesign .credit-pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;margin:0;padding:0}
body.membership-reference .pricing-page .credit-redesign .credit-pack{display:flex;flex-direction:column;min-width:0;margin:0;padding:0;overflow:hidden;background:var(--credit-card)!important;border:1px solid var(--credit-line)!important;border-radius:20px;box-shadow:0 8px 26px #11162908;color:var(--credit-ink)}
body.membership-reference .pricing-page .credit-redesign .credit-pack--popular{border-color:#8472ed!important}
body.membership-reference .pricing-page .credit-redesign .credit-pack--value{border-color:#e99360!important}
.credit-redesign .credit-pack-ribbon{display:flex;align-items:center;min-height:43px;padding:10px 20px;background:#e8f8fb;color:#217c89;font-size:12px;font-weight:700;letter-spacing:.04em}
.credit-redesign .credit-pack--popular .credit-pack-ribbon{background:#7460ea;color:#fff}
.credit-redesign .credit-pack--value .credit-pack-ribbon{background:#fff0e5;color:#c56322}
body.dark .credit-redesign .credit-pack-ribbon{background:#233d47;color:#91dae2}
body.dark .credit-redesign .credit-pack--popular .credit-pack-ribbon{background:#705bd6;color:#fff}
body.dark .credit-redesign .credit-pack--value .credit-pack-ribbon{background:#493126;color:#ffad70}
.credit-redesign .credit-pack-body{display:flex;flex:1;flex-direction:column;padding:23px 22px 21px}
.credit-redesign .credit-pack-title{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px}
.credit-redesign .credit-pack-title h3{margin:0;color:var(--credit-ink);font-size:19px;line-height:1.4;letter-spacing:-.025em}
.credit-redesign .credit-gift{flex:none;padding:5px 7px;border-radius:7px;background:#eeeaff;color:#6095f6;font-size:11px;font-weight:700;white-space:nowrap}
.credit-redesign .credit-pack--value .credit-gift{background:#fff0e5;color:#d16825}
body.dark .credit-redesign .credit-gift{background:#322d4c;color:#6095f6}
body.dark .credit-redesign .credit-pack--value .credit-gift{background:#493126;color:#ffad70}
.credit-redesign .credit-pack-description{min-height:20px;margin:5px 0 23px;color:var(--credit-muted);font-size:12px;line-height:1.6}
.credit-redesign .credit-pack-price{display:flex;align-items:baseline;gap:11px;margin-bottom:18px}
body.membership-reference .pricing-page .credit-redesign .credit-pack .plan-price{margin:0;color:var(--credit-ink);font-family:"PingFang SC","苹方",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:900;font-size:clamp(35px,3vw,43px);line-height:1.2;letter-spacing:-.035em;font-variant-numeric:proportional-nums lining-nums;font-feature-settings:"kern" 1,"pnum" 1,"lnum" 1;white-space:nowrap}
.credit-redesign .credit-pack .plan-price small{font-size:.44em;vertical-align:baseline;margin-right:2px}
.credit-redesign .credit-pack-price>span{color:var(--credit-muted);font-size:11px}
.credit-redesign .credit-pack-divider{height:1px;background:var(--credit-line);margin-bottom:14px}
.credit-redesign .credit-pack-details{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;color:var(--credit-muted);font-size:12px;line-height:1.5}
.credit-redesign .credit-pack-details strong{color:var(--credit-ink);font-size:12px;font-weight:700;white-space:nowrap}
.credit-redesign .credit-pack--popular .credit-pack-details:last-of-type strong{color:var(--credit-purple)}
.credit-redesign .credit-pack--value .credit-pack-details:last-of-type strong{color:var(--credit-orange)}
body.membership-reference .pricing-page .credit-redesign .credit-pack .member-buy{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:43px;margin:23px 0 0;padding:0 16px;border:0;border-radius:23px;background:#e9f7fa;color:#177f8c;font-size:12px;font-weight:700;cursor:pointer}
body.membership-reference .pricing-page .credit-redesign .credit-pack--popular .member-buy{background:#7460ea;color:#fff}
body.membership-reference .pricing-page .credit-redesign .credit-pack--value .member-buy{background:#f77727;color:#fff}
body.dark.membership-reference .pricing-page .credit-redesign .credit-pack--base .member-buy{background:#24434d;color:#a0ecf2}
.credit-redesign .credit-redeem{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding:19px 22px;border:1px solid var(--credit-line);border-radius:17px;background:var(--credit-card)}
.credit-redesign .credit-redeem strong{display:block;color:var(--credit-ink);font-size:13px;line-height:1.5}
.credit-redesign .credit-redeem p{margin:4px 0 0;color:var(--credit-muted);font-size:11px;line-height:1.6}
body.membership-reference .pricing-page .credit-redesign .credit-redeem .button{display:inline-flex;align-items:center;justify-content:center;gap:14px;flex:none;min-height:39px;margin:0;padding:0 16px;border:1px solid var(--credit-purple);border-radius:10px;background:transparent;color:var(--credit-purple);font-size:12px;font-weight:700;cursor:pointer}
.credit-redesign .credit-footnote{margin:16px 2px 0;color:var(--credit-muted);font-size:11px;line-height:1.7}
.credit-redesign button:focus-visible{outline:2px solid var(--credit-purple);outline-offset:3px}
@media(max-width:960px){.credit-redesign .credit-pack-grid{gap:10px}.credit-redesign .credit-pack-body{padding:19px 16px}.credit-redesign .credit-pack-ribbon{padding:10px 16px}.credit-redesign .credit-pack-title h3{font-size:17px}}
@media(max-width:680px){.credit-redesign .credit-heading{margin-bottom:18px}.credit-redesign .credit-heading-mark{width:40px;height:40px}.credit-redesign .credit-pack-grid{grid-template-columns:1fr;gap:13px}.credit-redesign .credit-pack-body{padding:17px 18px}.credit-redesign .credit-pack-description{margin-bottom:12px}.credit-redesign .credit-pack-price{margin-bottom:12px}.credit-redesign .credit-pack-ribbon{min-height:37px;padding:8px 18px}.credit-redesign .credit-pack-details{padding:4px 0}.credit-redesign .credit-pack .member-buy{margin-top:16px!important}.credit-redesign .credit-redeem{padding:17px;align-items:stretch;flex-direction:column;gap:12px}body.membership-reference .pricing-page .credit-redesign .credit-redeem .button{width:100%}}

.credit-redesign .credit-pack-description{text-align:left}
