2 lines
6.4 KiB
CSS
2 lines
6.4 KiB
CSS
.vip-page[data-v-6744ec78]{min-height:100vh;background:#f5f5f5;padding-bottom:5.625rem}.vip-header[data-v-6744ec78]{background:linear-gradient(135deg,#202c4f,#34426c);padding-bottom:1.25rem}.vip-header__nav[data-v-6744ec78]{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem}.vip-header__title[data-v-6744ec78]{font-size:1.0625rem;font-weight:600;color:#f0ad4e}.vip-user[data-v-6744ec78]{display:flex;align-items:center;padding:.625rem 1rem}.vip-user__avatar[data-v-6744ec78]{width:4rem;height:4rem;border-radius:.75rem;flex-shrink:0}.vip-user__info[data-v-6744ec78]{margin-left:.75rem;flex:1}.vip-user__name[data-v-6744ec78]{font-size:1.0625rem;font-weight:600;color:#fff;display:block}.vip-user__status-row[data-v-6744ec78]{display:flex;align-items:center;justify-content:space-between;margin-top:.25rem}.vip-user__status[data-v-6744ec78],.vip-user__remain[data-v-6744ec78]{font-size:.75rem;color:#e6e6e6}.vip-plans[data-v-6744ec78]{margin:-.625rem .75rem 0;background:#fff;border-radius:.625rem;padding:1rem;position:relative;z-index:1;box-shadow:0 .125rem .75rem rgba(0,0,0,.06)}.vip-plans__title[data-v-6744ec78]{font-size:.9375rem;font-weight:700;color:#1a1a1a;margin-bottom:.875rem}.vip-plans__list[data-v-6744ec78]{display:flex;gap:.5625rem}.plan-card[data-v-6744ec78]{flex:1;border:.09375rem solid #eaeaea;border-radius:.625rem;padding:.875rem .5rem .75rem;text-align:center;position:relative;transition:all .25s ease;background:#fafafa;overflow:hidden}.plan-card--active[data-v-6744ec78]{border-color:#005fff;background:linear-gradient(180deg,#f0f5ff,#fff);box-shadow:0 .1875rem .625rem rgba(0,95,255,.15)}.plan-card--hot .plan-card__badge[data-v-6744ec78]{display:flex}.plan-card__badge[data-v-6744ec78]{display:none;position:absolute;top:0;right:0;background:#005fff;color:#fff;font-size:.5625rem;font-weight:600;padding:.125rem .4375rem;border-radius:0 .5625rem 0 .4375rem;align-items:center}.plan-card__check[data-v-6744ec78]{position:absolute;left:0;bottom:0;width:1.25rem;height:1.25rem;background:#005fff;border-radius:0 .625rem 0 .5625rem;display:flex;align-items:center;justify-content:center}.plan-card__name[data-v-6744ec78]{font-size:.8125rem;color:#333;font-weight:600;display:block;margin-bottom:.5rem}.plan-card__divider[data-v-6744ec78]{width:1.25rem;height:.125rem;background:#e0e0e0;border-radius:.0625rem;margin:0 auto .5rem}.plan-card--active .plan-card__divider[data-v-6744ec78]{background:#005fff}.plan-card__price[data-v-6744ec78]{display:flex;align-items:baseline;justify-content:center;margin-bottom:.125rem}.plan-card__symbol[data-v-6744ec78]{font-size:.625rem;color:#005fff;font-weight:700;margin-right:.0625rem}.plan-card__amount[data-v-6744ec78]{font-size:1.0625rem;font-weight:800;color:#005fff;line-height:1}.plan-card__duration[data-v-6744ec78]{font-size:.5rem;color:#999;display:block;margin-top:.1875rem}.plan-card__avg[data-v-6744ec78]{font-size:.4375rem;color:#005fff;display:block;margin-top:.25rem;opacity:.7}.plan-card--active .plan-card__name[data-v-6744ec78]{color:#005fff}.vip-benefits[data-v-6744ec78]{margin:.625rem .75rem 0;background:#fff;border-radius:.75rem;padding:1rem}.vip-benefits__header[data-v-6744ec78]{display:flex;align-items:center;margin-bottom:.75rem}.vip-benefits__title[data-v-6744ec78]{font-size:.9375rem;font-weight:700;color:#000}.vip-benefits__count[data-v-6744ec78]{width:1.25rem;height:1.25rem;background:#005fff;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-left:.375rem}.vip-benefits__count uni-text[data-v-6744ec78]{font-size:.75rem;font-weight:600;color:#fff}.vip-benefits__list[data-v-6744ec78]{display:flex;flex-direction:column;gap:.5rem}.vip-benefits__content[data-v-6744ec78]{font-size:.8125rem;color:#666;line-height:1.8}.benefit-row[data-v-6744ec78]{display:flex;align-items:center;background:#e5edff;border-radius:.75rem;padding:.5rem .625rem;gap:.5rem}.benefit-row__tag[data-v-6744ec78]{background:#4d83ff;border-radius:.375rem;padding:.125rem .5rem;flex-shrink:0}.benefit-row__tag uni-text[data-v-6744ec78]{font-size:.75rem;color:#fff;font-weight:500;white-space:nowrap}.benefit-row__desc[data-v-6744ec78]{font-size:.8125rem;color:#4d83ff;font-weight:500}.vip-faq[data-v-6744ec78]{margin:.625rem .75rem 0;background:#fff;border-radius:.5rem;padding:.875rem}.vip-faq__title[data-v-6744ec78]{font-size:.9375rem;font-weight:600;color:#333;margin-bottom:.625rem}.faq-item[data-v-6744ec78]{border-bottom:.03125rem solid #f5f5f5;padding:.625rem 0}.faq-item[data-v-6744ec78]:last-child{border-bottom:none}.faq-item__header[data-v-6744ec78]{display:flex;align-items:center;justify-content:space-between}.faq-item__q[data-v-6744ec78]{font-size:.8125rem;color:#333;flex:1}.faq-item__answer[data-v-6744ec78]{margin-top:.375rem;font-size:.75rem;color:#999;line-height:1.6}.vip-bottom[data-v-6744ec78]{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:.625rem 1rem;padding-bottom:calc(env(safe-area-inset-bottom) + .625rem);border-top:.03125rem solid #f0f0f0;z-index:10}.vip-bottom__btn[data-v-6744ec78]{background:#0059f0;color:#fff;text-align:center;padding:.75rem 0;border-radius:2rem;font-size:.9375rem;font-weight:600}.vip-bottom__btn--disabled[data-v-6744ec78]{opacity:.5}.vip-bottom__tip[data-v-6744ec78]{display:block;text-align:center;font-size:.625rem;color:#ccc;margin-top:.375rem}.vip-benefits-grid[data-v-6744ec78]{margin:-.625rem .75rem 0;background:#fff;border-radius:.75rem;padding:1rem;position:relative;z-index:1}.vip-benefits-grid__header[data-v-6744ec78]{display:flex;align-items:center;margin-bottom:.875rem}.vip-benefits-grid__title[data-v-6744ec78]{font-size:.9375rem;font-weight:700;color:#0059f0}.vip-benefits-grid__count[data-v-6744ec78]{width:1.25rem;height:1.25rem;background:#005fff;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-left:.375rem}.vip-benefits-grid__count uni-text[data-v-6744ec78]{font-size:.75rem;font-weight:600;color:#fff}.vip-benefits-grid__list[data-v-6744ec78]{display:flex;flex-wrap:wrap;gap:.5625rem}.benefit-card[data-v-6744ec78]{width:calc(50% - .28125rem);background:#e5edff;border-radius:.75rem;padding:.875rem .625rem;display:flex;flex-direction:column;align-items:center}.benefit-card__icon[data-v-6744ec78]{width:4rem;height:4rem;margin-bottom:.5rem}.benefit-card__tag[data-v-6744ec78]{background:#4d83ff;border-radius:.375rem;padding:.125rem .5rem;margin-bottom:.375rem}.benefit-card__tag uni-text[data-v-6744ec78]{font-size:.75rem;color:#fff;font-weight:500}.benefit-card__desc[data-v-6744ec78]{font-size:.6875rem;color:#4d83ff;text-align:center}
|