.mcp-shell[data-v-18ec4434]{background:linear-gradient(135deg,#eef9f7,#eef5ff 45%,#f7fbff);min-height:calc(100vh - 62px)}.mcp-buy-layout[data-v-8f0702dc]{grid-gap:10px;align-items:start;background:#dcebff;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) 452px}.buy-main[data-v-8f0702dc],.mcp-buy-layout[data-v-8f0702dc]{min-height:calc(100vh - 62px);position:relative}.buy-main[data-v-8f0702dc]{background-color:#dcebff;background-image:linear-gradient(180deg,#ddecff,#eaf6ff 42%,#f2f8ff);background-position:0 0;background-repeat:no-repeat;background-size:100% 100%;min-width:0;padding-bottom:10px}.buy-main-bg[data-v-8f0702dc]{height:243px;pointer-events:none;position:absolute;right:0;top:0;width:528px;z-index:0}.buy-main[data-v-8f0702dc]>:not(.buy-main-bg){position:relative;z-index:1}.buy-banner[data-v-8f0702dc]{background:transparent;height:92px;padding:12px 16px}.buy-banner h1[data-v-8f0702dc]{color:#388eef;font-size:28px;font-weight:700;letter-spacing:0}.buy-banner p[data-v-8f0702dc]{color:#333;font-size:12px;line-height:24px}.period-tabs[data-v-8f0702dc]{align-items:center;background:#fff;border-radius:28px;display:flex;height:48px;margin-left:26px;max-width:calc(100% - 32px);overflow:hidden;padding:2px;width:1232px}.period-tabs>div[data-v-8f0702dc]{color:#666;cursor:pointer;flex:1 1 609px;font-size:12px;height:44px;line-height:44px;max-width:609px;text-align:center}.period-tabs>div.active[data-v-8f0702dc]{background:#00c84b;border-radius:28px;color:#fff}.period-tabs>div.disabled[data-v-8f0702dc]{color:#b7bcc6;cursor:not-allowed}.package-list[data-v-8f0702dc]{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin:18px 0;max-height:270px;overflow-y:auto;padding:0 16px}.package-card[data-v-8f0702dc]{background:linear-gradient(180deg,#f3f6fe,#fff);border:1px solid #fff;border-radius:12px;box-sizing:border-box;cursor:pointer;height:244px;overflow:hidden;padding:18px;position:relative}.package-card.selected[data-v-8f0702dc]{background:#f3fff7;border:1px solid #00c84b}.package-card.disabled[data-v-8f0702dc]{cursor:not-allowed}.package-card.disabled[data-v-8f0702dc]:before{background:rgba(0,0,0,.28);border-radius:12px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:2}.package-card.disabled .disabled-icon[data-v-8f0702dc]{height:56px;-o-object-fit:contain;object-fit:contain;pointer-events:none;position:absolute;right:20px;top:0;width:56px;z-index:3}.package-card h3[data-v-8f0702dc]{align-items:center;color:#333;display:flex;font-size:16px;font-weight:700;line-height:24px;margin:0}.package-card h3>span[data-v-8f0702dc]{min-width:0}.package-card .package-desc[data-v-8f0702dc]{color:#666;font-size:12px;height:40px;line-height:20px;margin:2px 0 14px;overflow:hidden}.package-card .price[data-v-8f0702dc]{color:#ff6000;font-size:24px;font-weight:700;line-height:32px;margin-bottom:14px;padding-bottom:18px;padding-right:124px;position:relative}.package-card .price[data-v-8f0702dc]:after{background:#e7edf5;bottom:0;content:"";height:1px;left:-18px;position:absolute;right:-18px}.package-card .price em[data-v-8f0702dc],.package-card .price span[data-v-8f0702dc]{font-size:12px;font-style:normal;font-weight:400}.package-card .price em[data-v-8f0702dc]{color:#ff6000}.package-card .origin-price[data-v-8f0702dc]{color:#999;font-size:12px;font-weight:400;line-height:20px;position:absolute;right:0;-webkit-text-decoration:line-through;text-decoration:line-through;top:50%;transform:translateY(-50%);white-space:nowrap}.marker[data-v-8f0702dc]{background:#00c84b;border-radius:0 12px 0 6px;color:#fff;font-size:10px;line-height:16px;padding:2px 8px;position:absolute;right:0;top:0;z-index:1}.status-tag[data-v-8f0702dc]{align-items:center;border:1px solid hsla(0,0%,100%,.5);border-radius:10px 4px 10px 4px;box-sizing:border-box;color:#fff;display:inline-flex;flex:none;font-size:12px;font-style:normal;font-weight:400;height:21px;justify-content:center;line-height:19px;margin-left:5px;text-align:center;width:36px}.status-tag.new[data-v-8f0702dc]{background:#388eef}.status-tag.renew[data-v-8f0702dc]{background:#ff6000}.status-tag.upgrade[data-v-8f0702dc]{background:#388eef}.status-tag.disabled[data-v-8f0702dc]{background:#9ba3af}.quota-row[data-v-8f0702dc]{color:#333;display:flex;font-size:13px;justify-content:space-between;line-height:20px;margin-top:12px}.quota-row strong[data-v-8f0702dc]{color:#333;font-weight:400}.url-row[data-v-8f0702dc]{grid-gap:8px;align-items:center;background:linear-gradient(180deg,#f3f6fe,#fff);border:1px solid #fff;border-radius:12px;display:grid;gap:8px;grid-template-columns:1fr 132px 132px;height:56px;margin:0 16px 10px;padding:7px 14px}.url-row .el-button[data-v-8f0702dc]{align-items:center;border-radius:6px;display:inline-flex;font-size:14px;height:40px;justify-content:center;line-height:1;padding:0;width:132px}.url-row .el-button+.el-button[data-v-8f0702dc]{margin-left:0}.url-row .el-button--primary[data-v-8f0702dc]{background:linear-gradient(90deg,#50d612,#00c84b);border-color:transparent}.url-row .el-button--default[data-v-8f0702dc]{background:#fff}.url-text[data-v-8f0702dc]{align-items:center;display:flex;font-size:12px;min-width:0}.url-text i[data-v-8f0702dc]{color:#388eef;font-size:14px;margin-right:6px}.url-text span[data-v-8f0702dc]{color:#388eef;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.risk-panel[data-v-8f0702dc]{background:hsla(0,0%,100%,.94);border-radius:6px;color:#666;font-size:12px;line-height:20px;margin:0 16px;min-height:300px;padding:12px}.risk-panel h3[data-v-8f0702dc]{align-items:center;color:#333;display:flex;font-size:14px;font-weight:700;line-height:22px;margin:0 0 8px}.risk-panel h3 img[data-v-8f0702dc]{height:26px;margin-right:6px;width:26px}.risk-panel h4[data-v-8f0702dc]{color:#333;font-size:13px;line-height:22px;margin:10px 0 4px}.risk-panel p[data-v-8f0702dc],.risk-panel ul[data-v-8f0702dc]{color:#333;font-size:13px;line-height:22px;margin:0}.risk-panel ul[data-v-8f0702dc]{list-style:none;padding-left:0}.risk-panel li[data-v-8f0702dc]{color:#999;font-size:13px;line-height:22px;padding-left:8px;position:relative}.risk-panel li[data-v-8f0702dc]:before{content:"•";left:0;position:absolute}.order-panel[data-v-8f0702dc]{background:linear-gradient(180deg,#eff3fe,#fff);border:1px solid #fff;border-radius:12px;box-sizing:border-box;height:calc(100vh - 94px);margin:18px 16px;padding:14px 12px;position:sticky;top:78px;width:420px}.order-panel h3[data-v-8f0702dc]{color:#333;font-size:16px;font-weight:700;line-height:24px;margin:0 0 11px;padding-left:10px;position:relative}.order-panel h3[data-v-8f0702dc]:before{background:#00c84b;border-radius:2px;content:"";height:13px;left:0;position:absolute;top:6px;width:4px}.order-sub[data-v-8f0702dc]{color:#333;font-size:13px;font-weight:400;line-height:22px;margin:0 0 4px}.delay-notice[data-v-8f0702dc]{background:#fff7e8;border-radius:4px;color:#ff6000;font-size:12px;line-height:20px;margin:8px 0 0;padding:8px 10px}.order-divider[data-v-8f0702dc]{background:#fff;height:1px;margin:16px 0}.pay-divider[data-v-8f0702dc]{margin:16px 0 0}.invite-code-field[data-v-8f0702dc]{box-sizing:border-box}.invite-code-input[data-v-8f0702dc]{align-items:center;background:#fff;border-radius:4px;display:flex;height:40px;margin:0;padding:0 8px}.invite-code-input>i[data-v-8f0702dc]{color:#ff5a00;font-size:20px;margin-right:6px}.invite-code-input[data-v-8f0702dc] .el-input__inner{border:0;font-size:13px;height:40px;line-height:40px;padding:0}.invite-code-error[data-v-8f0702dc]{align-items:center;box-sizing:border-box;color:#f56c6c;display:flex;font-size:12px;margin:4px 0 0;min-width:0;text-align:left;white-space:nowrap}.invite-code-error.is-hidden[data-v-8f0702dc]{visibility:hidden}.invite-code-error>i[data-v-8f0702dc]{margin-right:4px}.invite-code-error>span[data-v-8f0702dc]{min-width:0;overflow:hidden;text-overflow:ellipsis}.summary-row[data-v-8f0702dc]{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.summary-row strong[data-v-8f0702dc],.summary-row[data-v-8f0702dc]{color:#333;font-size:13px;line-height:22px}.summary-row strong[data-v-8f0702dc]{font-weight:400}.summary-row.total[data-v-8f0702dc]{color:#333;font-size:14px;font-weight:700;line-height:22px;margin-top:8px}.summary-row.total strong[data-v-8f0702dc]{color:#ff6000;font-size:24px;font-weight:700;line-height:24px}.pay-title[data-v-8f0702dc]{color:#333;font-size:14px;font-weight:700;line-height:22px;margin:24px 0 10px}.pay-methods[data-v-8f0702dc]{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr}.pay-method[data-v-8f0702dc]{align-items:center;background:#fff;border:1px solid #00c84b;border-radius:6px;box-sizing:border-box;color:#333;display:flex;font-size:11px;height:64px;min-width:0;padding:0 8px;width:100%}.pay-method.active[data-v-8f0702dc]{border-color:#00c84b}.pay-method .icon-zhifubao[data-v-8f0702dc]{color:#1b9cff;flex:none;font-size:32px;line-height:32px;margin-right:8px}.pay-method span[data-v-8f0702dc]{flex:1;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pay-method .pay-check[data-v-8f0702dc]{background:#00c84b;border:1px solid #00c84b;border-radius:2px;box-sizing:border-box;flex:none;font-size:0;height:16px;line-height:16px;position:relative;width:16px}.pay-method .pay-check[data-v-8f0702dc]:before{border:solid #fff;border-width:0 2px 2px 0;content:"";height:9px;left:4px;position:absolute;top:1px;transform:rotate(45deg);width:5px}.order-panel .pay-submit[data-v-8f0702dc]{align-items:center;background:#00c84b;border:0;border-radius:6px;box-sizing:border-box;display:flex;font-size:14px;font-weight:700;height:40px;justify-content:center;line-height:40px;margin:20px 0 0;padding:0;width:100%}.order-panel .pay-submit.is-disabled[data-v-8f0702dc]{background:#c4c9d2;cursor:not-allowed}