/* Public product information: existing theme tokens and typography. */
.membership-page{max-width:960px;margin:0 auto;padding:clamp(24px,5vw,64px) max(20px,env(safe-area-inset-left)) calc(40px + env(safe-area-inset-bottom));color:var(--ink);overflow-wrap:anywhere}
.membership-page header,.membership-page section{margin-bottom:40px}.membership-page h1{font-size:clamp(30px,6vw,48px)}.membership-page h2{font-size:22px;margin-bottom:16px}.membership-page h2 small{display:block;font-family:inherit;font-size:14px;font-weight:400;color:var(--ink-3);margin-top:6px}.membership-page p,.membership-page li{line-height:1.85;margin:12px 0}.membership-page [lang=en]{color:var(--ink-2)}.membership-page li span{display:block}.membership-page ul{padding-left:22px}.membership-page .membership-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.membership-page .membership-plan{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px}.membership-page .membership-plan strong{display:block;font-size:26px;color:var(--primary);margin-top:12px}.membership-page .btn-primary{display:inline-block;max-width:100%;white-space:normal;text-align:center;margin-top:12px}.membership-page a{color:var(--primary)}@media(max-width:600px){.membership-page .membership-plans{grid-template-columns:1fr}.membership-page .membership-plan{display:flex;justify-content:space-between;gap:16px;align-items:center}.membership-page .membership-plan strong{margin-top:0;font-size:24px}}

.membership-page a.btn-primary{color:var(--on-primary)}

.guest-membership{padding:24px 0;max-width:none}.guest-membership>section{margin-bottom:24px}.guest-membership .membership-plan{min-width:0}.guest-membership .membership-plan strong{font-size:clamp(18px,4.8vw,26px)}

.membership-page a.membership-plan{display:block;text-decoration:none;transition:transform .15s ease,border-color .15s ease}.membership-page a.membership-plan:hover{border-color:var(--primary);transform:translateY(-2px)}.membership-page a.membership-plan:active{transform:translateY(0)}.membership-page a.membership-plan:focus-visible,[data-member-plan]:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.checkout-summary{padding:clamp(20px,4vw,32px);background:var(--surface);border:1px solid var(--line);border-radius:12px}.checkout-summary>strong{font-size:clamp(28px,6vw,40px);color:var(--primary)}.checkout-page button{max-width:100%;white-space:normal}.membership-page a.membership-plan{min-width:0}@media(max-width:600px){.membership-page a.membership-plan{display:flex;align-items:center;justify-content:space-between;gap:12px}.checkout-page .btn-primary{display:block;width:100%;min-height:48px}}@media(prefers-reduced-motion:reduce){.membership-page a.membership-plan{transition:none}}

.membership-page .membership-plan>b{display:block;font-weight:500;margin-bottom:8px}.membership-page .membership-plan>span{display:block;font-size:14px;color:var(--ink-3)}.membership-page .membership-plan>small{display:block;margin-top:10px}.membership-page [hidden]{display:none!important}@media(max-width:600px){.membership-page a.membership-plan{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}.membership-page .membership-plan>b{margin:0;grid-column:1}.membership-page .membership-plan>strong{grid-column:2;grid-row:1/3}.membership-page .membership-plan>span,.membership-page .membership-plan>small{grid-column:1;margin:0}}

/* 套餐卡统一层级（2026-10-22）：积分数量 → 有效时间 → 价格；
   「新人专享」是属性标签，轻量克制，不抢积分主信息。 */
.membership-page .membership-plan>.membership-tag{display:inline-block;font-size:11px;line-height:1;padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:var(--ink-2);letter-spacing:.12em;margin:0 0 10px}
@media(max-width:600px){.membership-page .membership-plan>.membership-tag{margin:0}}