.h5-page[data-route="pages/membership/membership"]{background:#f6f8f7!important}
.h5-page[data-route="pages/membership/membership"] .container{background:#f6f8f7!important;padding:12px 12px 24px!important}
.h5-page[data-route="pages/membership/membership"] .membership-header{display:grid!important;grid-template-columns:1fr 116px!important;gap:12px!important;align-items:center!important;margin:0 0 10px!important;padding:16px!important;border-radius:18px!important;background:#fff!important;border:1px solid #e7edf4!important;box-shadow:0 6px 16px rgba(23,32,51,.06)!important}
.h5-page[data-route="pages/membership/membership"] .membership-header-art{grid-column:2!important;grid-row:1/3!important;width:116px!important;height:104px!important;object-fit:contain!important}
.h5-page[data-route="pages/membership/membership"] .header-title{grid-column:1!important;color:#172033!important;font-size:26px!important;line-height:1.08!important;font-weight:950!important}
.h5-page[data-route="pages/membership/membership"] .header-desc{grid-column:1!important;color:#667386!important;font-size:13px!important;line-height:1.5!important}
.h5-page[data-route="pages/membership/membership"] .value-section{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:8px 11px!important}
.h5-page[data-route="pages/membership/membership"] .value-card{padding:10px!important;border:1px solid #e4e9ef!important;border-radius:9px!important;background:#fff!important;box-shadow:0 2px 7px rgba(23,32,51,.045)!important}
.h5-page[data-route="pages/membership/membership"] .value-num{display:block!important;color:#2f8a68!important;font-size:11px!important;font-weight:900!important}
.h5-page[data-route="pages/membership/membership"] .value-title{display:block!important;margin-top:3px!important;color:#172033!important;font-size:13px!important;font-weight:900!important}
.h5-page[data-route="pages/membership/membership"] .value-desc{display:block!important;margin-top:3px!important;color:#667386!important;font-size:11px!important;line-height:1.48!important}
.h5-page[data-route="pages/membership/membership"] .status-card-top,.h5-page[data-route="pages/membership/membership"] .hero-card,.h5-page[data-route="pages/membership/membership"] .plan-card,.h5-page[data-route="pages/membership/membership"] .monthly-service-card,.h5-page[data-route="pages/membership/membership"] .service-order-card,.h5-page[data-route="pages/membership/membership"] .membership-faq-card,.h5-page[data-route="pages/membership/membership"] .member-service-card{border-radius:16px!important;border:1px solid #e7edf4!important;background:#fff!important;box-shadow:0 6px 14px rgba(23,32,51,.05)!important}
.h5-page[data-route="pages/membership/membership"] .hero-card{position:relative!important;overflow:hidden!important;background:#172033!important;border-color:#172033!important}
.h5-page[data-route="pages/membership/membership"] .hero-bg{position:absolute!important;inset:0!important;background:linear-gradient(135deg,#172033,#2f8a68)!important;opacity:1!important}
.h5-page[data-route="pages/membership/membership"] .hero-content{position:relative!important;z-index:1!important;padding:17px!important}
.h5-page[data-route="pages/membership/membership"] .hero-name{display:block!important;color:#fff!important;font-size:24px!important;font-weight:950!important}
.h5-page[data-route="pages/membership/membership"] .hero-desc,.h5-page[data-route="pages/membership/membership"] .hero-period{color:rgba(255,255,255,.78)!important}
.h5-page[data-route="pages/membership/membership"] .hero-price{color:#fff!important;font-size:34px!important;font-weight:950!important}
.h5-page[data-route="pages/membership/membership"] .hero-original{color:rgba(255,255,255,.52)!important;text-decoration:line-through!important}
.h5-page[data-route="pages/membership/membership"] .hero-badge,.h5-page[data-route="pages/membership/membership"] .hero-icon{background:rgba(255,255,255,.16)!important;color:#fff!important}
.h5-page[data-route="pages/membership/membership"] .hero-features{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:12px 0!important}
.h5-page[data-route="pages/membership/membership"] .hero-feat{background:rgba(255,255,255,.12)!important;border-radius:9px!important;padding:8px!important;color:#fff!important}
.h5-page[data-route="pages/membership/membership"] .hero-btn,.h5-page[data-route="pages/membership/membership"] .plan-action-btn{min-height:44px!important;border-radius:999px!important;background:#24a26b!important;color:#fff!important;font-size:14px!important;font-weight:950!important;box-shadow:none!important}
.h5-page[data-route="pages/membership/membership"] .plans-list{display:grid!important;gap:10px!important}
.h5-page[data-route="pages/membership/membership"] .plan-card{position:relative!important;padding:14px!important}
.h5-page[data-route="pages/membership/membership"] .plan-card-active{border:2px solid #24a26b!important;background:#f7fffa!important}
.h5-page[data-route="pages/membership/membership"] .plan-rec{position:absolute!important;right:12px!important;top:12px!important;border-radius:999px!important;background:#fff4dc!important;color:#a76022!important;padding:4px 8px!important;font-size:11px!important;font-weight:950!important}
.h5-page[data-route="pages/membership/membership"] .plan-price{color:#172033!important;font-size:28px!important;font-weight:950!important}
.h5-page[data-route="pages/membership/membership"] .plan-features{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:10px 0!important}
.h5-page[data-route="pages/membership/membership"] .plan-feat{min-width:0!important;padding:7px!important;border-radius:8px!important;background:#f8fafb!important;color:#4e5b6b!important}
.h5-page[data-route="pages/membership/membership"] .monthly-service-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
.h5-page[data-route="pages/membership/membership"] .monthly-service-badge{background:#eef8f3!important;color:#2f8a68!important}
.h5-page[data-route="pages/membership/membership"] .membership-footer-note{padding:10px 4px!important;color:#7b8794!important;font-size:11px!important;line-height:1.55!important;text-align:center!important}
@media(max-width:360px){.h5-page[data-route="pages/membership/membership"] .membership-header{grid-template-columns:1fr 94px!important}.h5-page[data-route="pages/membership/membership"] .membership-header-art{width:94px!important;height:88px!important}.h5-page[data-route="pages/membership/membership"] .plan-features,.h5-page[data-route="pages/membership/membership"] .hero-features{grid-template-columns:1fr!important}}