.period-plan-card[data-v-c9acb510]{border:1px solid var(--el-border-color);background:var(--el-bg-color);min-width:0;color:var(--el-text-color-primary);font:inherit;text-align:start;border-radius:16px;flex-direction:column;align-items:stretch;padding:22px 20px 18px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative}.period-plan-card.is-interactive[data-v-c9acb510]{cursor:pointer}.period-plan-card.is-interactive[data-v-c9acb510]:hover{border-color:var(--el-color-primary-light-5);transform:translateY(-2px)}.period-plan-card.is-selected[data-v-c9acb510],.period-plan-card.is-recommended[data-v-c9acb510]{border-color:var(--el-color-primary);box-shadow:0 12px 30px #14829b1f}.period-plan-card.is-selected[data-v-c9acb510]{background:linear-gradient(180deg, var(--el-color-primary-light-9), var(--el-bg-color) 30%)}.period-plan-card.is-summary[data-v-c9acb510]{background:var(--el-fill-color-lighter);box-shadow:none;border-radius:12px;padding:16px 18px}.period-plan-badge[data-v-c9acb510]{inset-inline-end:16px;background:var(--el-color-primary);color:#fff;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-11px}.period-plan-heading[data-v-c9acb510]{gap:4px;display:grid}.period-plan-title[data-v-c9acb510]{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:23px;font-weight:750}.is-summary .period-plan-title[data-v-c9acb510]{font-size:19px}.period-plan-audience[data-v-c9acb510]{min-height:21px;color:var(--el-text-color-secondary);font-size:14px}.is-summary .period-plan-audience[data-v-c9acb510]{min-height:0;font-size:13px}.period-plan-price[data-v-c9acb510]{white-space:nowrap;align-items:baseline;gap:7px;margin-top:18px;font-size:clamp(28px,2.4vw,38px);font-weight:760;display:flex}.period-plan-price small[data-v-c9acb510],.period-plan-allowance small[data-v-c9acb510]{color:var(--el-text-color-secondary);white-space:normal;font-size:12px;font-weight:500}.period-plan-allowance[data-v-c9acb510]{background:var(--el-fill-color-light);border-radius:11px;gap:7px;margin-top:16px;padding:13px 14px;display:grid}.is-summary .period-plan-allowance[data-v-c9acb510]{background:var(--el-bg-color);margin-top:12px;padding:11px 13px}.period-plan-allowance-total[data-v-c9acb510]{align-items:baseline;gap:8px;display:flex}.period-plan-allowance-total strong[data-v-c9acb510]{font-size:25px;line-height:1.15}.is-summary .period-plan-allowance-total strong[data-v-c9acb510]{font-size:21px}.period-plan-promotion-breakdown[data-v-c9acb510]{color:var(--el-text-color-secondary);justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.period-plan-promotion-breakdown b[data-v-c9acb510]{color:var(--el-color-warning-dark-2);font-weight:700}.period-plan-promotion-end[data-v-c9acb510]{line-height:1.45}.period-plan-summary-terms[data-v-c9acb510]{color:var(--el-text-color-secondary);margin-top:9px;font-size:12px;line-height:1.45}.period-plan-description[data-v-c9acb510]{color:var(--el-text-color-regular);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:13px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.period-plan-features[data-v-c9acb510]{border-top:1px solid var(--el-border-color-lighter);margin:13px 0 14px;padding:12px 0 0;list-style:none}.period-plan-features li[data-v-c9acb510]{color:var(--el-text-color-regular);padding-inline-start:20px;font-size:13px;line-height:1.45;position:relative}.period-plan-features li[data-v-c9acb510]:before{color:var(--el-color-success);content:"✓";font-weight:800;position:absolute;inset-inline-start:1px}.period-plan-features li+li[data-v-c9acb510]{margin-top:7px}.period-plan-action[data-v-c9acb510]{border:1px solid var(--el-color-primary);min-height:40px;color:var(--el-color-primary);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;margin-top:auto;padding:0 16px;font-family:inherit;font-size:13px;font-weight:700;display:flex}.is-selected .period-plan-action[data-v-c9acb510]{background:var(--el-color-primary);color:#fff}@media (max-width:680px){.period-plan-card[data-v-c9acb510]{padding:20px 18px 16px}.period-plan-price[data-v-c9acb510]{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.period-plan-card[data-v-c9acb510]{transition:none}}