.plan-period-switch{border:1px solid var(--line);background:#edf1f8;border-radius:13px;gap:3px;width:fit-content;margin:-18px auto 35px;padding:5px;display:flex}.plan-period-switch button{min-width:105px;min-height:39px;color:var(--ink-500);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:7px 14px;font-size:9px;font-weight:800;display:inline-flex}.plan-period-switch button.active{color:var(--brand-deep);box-shadow:var(--shadow-sm);background:#fff}.plan-period-switch small{background:var(--brand-soft);color:var(--brand);border-radius:999px;padding:3px 5px;font-size:6px}.public-plan-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}@media (max-width:1040px){.public-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.plan-period-switch{justify-content:flex-start;width:100%;overflow-x:auto}.plan-period-switch button{min-width:90px}.public-plan-grid{grid-template-columns:1fr}}