.vip-container[data-v-36b5fba6]{max-width:1200px;margin:0 auto;padding:20px}.section-title[data-v-36b5fba6]{font-size:20px;font-weight:600;margin-bottom:20px;color:#303133;padding-bottom:15px;border-bottom:2px solid #409eff}.plans-section[data-v-36b5fba6]{margin-bottom:20px}.plan-list[data-v-36b5fba6]{margin-top:20px}.plan-card[data-v-36b5fba6]{cursor:pointer;-webkit-transition:all .3s;transition:all .3s;margin-bottom:20px;border:2px solid #e4e7ed}.plan-card[data-v-36b5fba6]:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15)}.plan-card.selected[data-v-36b5fba6]{border-color:#409eff;-webkit-box-shadow:0 0 10px rgba(64,158,255,.3);box-shadow:0 0 10px rgba(64,158,255,.3)}.plan-header[data-v-36b5fba6]{text-align:center;padding:20px 0;border-bottom:1px solid #e4e7ed;margin-bottom:20px}.plan-title-row[data-v-36b5fba6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px;margin-bottom:15px}.plan-name[data-v-36b5fba6]{font-size:22px;font-weight:600;color:#303133;margin:0}.plan-recommend[data-v-36b5fba6]{background:linear-gradient(135deg,#f6d365,#fda085);color:#fff;font-size:12px;font-weight:600;padding:3px 10px;border-radius:10px;-webkit-box-shadow:0 2px 6px rgba(253,160,133,.4);box-shadow:0 2px 6px rgba(253,160,133,.4)}.plan-price[data-v-36b5fba6]{margin-bottom:10px}.price-number[data-v-36b5fba6]{font-size:36px;font-weight:700;color:#409eff}.price-unit[data-v-36b5fba6]{font-size:16px;color:#606266}.plan-duration[data-v-36b5fba6]{color:#909399;font-size:14px}.plan-features[data-v-36b5fba6]{padding:0 20px;margin-bottom:20px;min-height:120px}.plan-features ul[data-v-36b5fba6]{list-style:none;padding:0;margin:0}.plan-features li[data-v-36b5fba6]{padding:8px 0;color:#606266;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.plan-features li i[data-v-36b5fba6]{color:#67c23a;margin-right:8px;font-size:16px}.plan-action[data-v-36b5fba6]{padding:0 20px 20px}.vip-expire-tip[data-v-36b5fba6]{margin-top:12px;padding:14px 16px;background:linear-gradient(135deg,#fff8e6,#fffbf0);border-radius:10px;border:1px solid #ffe58f;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-shadow:0 2px 10px rgba(255,193,7,.15);box-shadow:0 2px 10px rgba(255,193,7,.15);-webkit-animation:slideDown-data-v-36b5fba6 .3s ease-out;animation:slideDown-data-v-36b5fba6 .3s ease-out}@-webkit-keyframes slideDown-data-v-36b5fba6{0%{opacity:0;-webkit-transform:translateY(-8px);transform:translateY(-8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDown-data-v-36b5fba6{0%{opacity:0;-webkit-transform:translateY(-8px);transform:translateY(-8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.vip-expire-left[data-v-36b5fba6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;color:#960;font-size:13px}.vip-expire-left i[data-v-36b5fba6]{font-size:18px;color:#faad14}.vip-expire-date[data-v-36b5fba6]{font-size:16px;font-weight:700;color:#d48806;letter-spacing:1px;background:-webkit-gradient(linear,left top,right top,from(#d48806),to(#fa8c16));background:linear-gradient(90deg,#d48806,#fa8c16);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.payment-tip-float[data-v-36b5fba6]{display:none;position:fixed;bottom:80px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:linear-gradient(135deg,#409eff,#66b1ff);color:#fff;padding:12px 20px;border-radius:25px;font-size:14px;font-weight:500;-webkit-box-shadow:0 4px 15px rgba(64,158,255,.4);box-shadow:0 4px 15px rgba(64,158,255,.4);z-index:1000;cursor:pointer;-webkit-animation:floatUp-data-v-36b5fba6 .3s ease-out;animation:floatUp-data-v-36b5fba6 .3s ease-out;i{vertical-align:middle}span{margin:0 8px}@media (max-width:768px){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@-webkit-keyframes floatUp-data-v-36b5fba6{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(20px);transform:translateX(-50%) translateY(20px)}to{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}@keyframes floatUp-data-v-36b5fba6{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(20px);transform:translateX(-50%) translateY(20px)}to{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}.payment-section[data-v-36b5fba6]{margin-bottom:20px;background:#fff;padding:30px;border-radius:8px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.payment-form[data-v-36b5fba6]{max-width:700px}.form-tip[data-v-36b5fba6]{color:#909399;font-size:12px;margin-top:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.form-tip i[data-v-36b5fba6]{margin-right:5px}.records-section[data-v-36b5fba6]{background:#fff;padding:30px;border-radius:8px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.records-header[data-v-36b5fba6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #409eff}.records-header .section-title[data-v-36b5fba6]{margin-bottom:0;padding-bottom:0;border-bottom:none}@media (max-width:768px){.vip-container[data-v-36b5fba6]{padding:10px}.section-title[data-v-36b5fba6]{font-size:18px;margin-bottom:15px;padding-bottom:10px}.plan-card[data-v-36b5fba6]{margin-bottom:15px}.plan-name[data-v-36b5fba6]{font-size:18px}.price-number[data-v-36b5fba6]{font-size:28px}.payment-section[data-v-36b5fba6],.records-section[data-v-36b5fba6]{padding:15px}.payment-form[data-v-36b5fba6]{max-width:100%}.payment-form[data-v-36b5fba6] .el-form-item__label{float:none!important;display:block!important;text-align:left!important;padding:0 0 8px 0!important;line-height:1.5!important;width:auto!important}.payment-form[data-v-36b5fba6] .el-form-item__content{margin-left:0!important}.records-header[data-v-36b5fba6]{padding-bottom:10px}}