.loading-container[data-v-17cffda3]{align-items:center;display:flex;justify-content:center;min-height:200px}.subscription-list[data-v-17cffda3]{display:flex;flex-direction:column;gap:16px;max-height:50vh;overflow-y:auto}.subscription-item[data-v-17cffda3]{align-items:flex-start;border:2px solid var(--vtb-border-color);border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px;position:relative;transition:all .3s ease}.subscription-item[data-v-17cffda3]:hover{border-color:var(--vtb-dom-color);box-shadow:0 4px 12px #0000001a}.subscription-item.selected[data-v-17cffda3]{background:rgba(var(--vtb-dom-color-rgb),.05);border-color:var(--vtb-dom-color)}.subscription-item .subscription-content[data-v-17cffda3]{flex:1;min-width:0}.subscription-item .subscription-header[data-v-17cffda3]{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.subscription-item .subscription-header .subscription-name[data-v-17cffda3]{color:var(--vtb-text-color);font-size:16px;font-weight:600;line-height:1.4;margin:0}.subscription-item .subscription-header .subscription-price[data-v-17cffda3]{text-align:right;white-space:nowrap}.subscription-item .subscription-header .subscription-price .price[data-v-17cffda3]{color:var(--vtb-dom-color);font-size:18px;font-weight:600}.subscription-item .subscription-header .subscription-price .period[data-v-17cffda3]{color:var(--vtb-hint-text-color);font-size:14px;margin-left:2px}.subscription-item .subscription-details[data-v-17cffda3]{margin-bottom:16px}.subscription-item .subscription-details .description[data-v-17cffda3]{color:var(--vtb-hint-text-color);font-size:14px;line-height:1.5;margin:0 0 12px}.subscription-item .subscription-details .features[data-v-17cffda3]{display:flex;flex-wrap:wrap;gap:16px}.subscription-item .subscription-details .features .feature-item[data-v-17cffda3]{align-items:center;color:var(--vtb-text-color);display:flex;font-size:14px;gap:6px}.subscription-item .subscription-details .features .feature-item .icon[data-v-17cffda3]{font-size:16px;line-height:1}.subscription-item .payment-types[data-v-17cffda3]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.subscription-item .payment-types .pay-type-tag[data-v-17cffda3]{background:var(--vtb-tag-bg-color);border:1px solid var(--vtb-border-color);border-radius:16px;color:var(--vtb-text-color);font-size:12px;padding:4px 10px}.subscription-item .subscribed-badge[data-v-17cffda3]{align-items:center;background:#67c23a1a;border:1px solid #67c23a;border-radius:20px;color:#67c23a;display:flex;font-size:14px;font-weight:500;gap:6px;padding:6px 12px}.subscription-item .subscribed-badge .icon[data-v-17cffda3]{font-size:16px;font-weight:700;line-height:1}.subscription-item .selection-indicator[data-v-17cffda3]{flex-shrink:0}.subscription-item .selection-indicator .radio-button[data-v-17cffda3]{align-items:center;color:var(--vtb-dom-color);cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:20px}.subscription-item .selection-indicator .radio-button.checked[data-v-17cffda3]{color:var(--vtb-dom-color)}.subscription-item.is-disabled[data-v-17cffda3],.subscription-item.is-subscribed[data-v-17cffda3]{cursor:not-allowed;opacity:.7}.subscription-item.is-disabled[data-v-17cffda3]:hover,.subscription-item.is-subscribed[data-v-17cffda3]:hover{border-color:var(--vtb-border-color);box-shadow:none}.subscription-item.is-disabled[data-v-17cffda3]:not(.is-subscribed){background:var(--vtb-tag-bg-color);opacity:.5}.empty-state[data-v-17cffda3]{color:var(--vtb-hint-text-color);padding:40px 20px;text-align:center}.empty-state .empty-icon[data-v-17cffda3]{display:block;font-size:48px;margin-bottom:16px}.empty-state p[data-v-17cffda3]{font-size:16px;margin:0}.dialog-footer[data-v-17cffda3]{display:flex;gap:12px;justify-content:flex-end}@media (max-width:768px){.subscription-list[data-v-17cffda3]{gap:10px;max-height:60vh}.subscription-item[data-v-17cffda3]{padding:12px;position:relative}.subscription-item .subscription-header[data-v-17cffda3]{margin-bottom:8px}.subscription-item .subscription-header .subscription-name[data-v-17cffda3]{font-size:14px;line-height:1.3;margin-bottom:4px}.subscription-item .subscription-header .subscription-price .price[data-v-17cffda3]{font-size:16px}.subscription-item .subscription-header .subscription-price .period[data-v-17cffda3]{font-size:12px}.subscription-item .subscription-details[data-v-17cffda3]{margin-bottom:10px}.subscription-item .subscription-details .description[data-v-17cffda3]{font-size:12px;line-height:1.4;margin-bottom:8px}.subscription-item .subscription-details .features[data-v-17cffda3]{gap:6px}.subscription-item .subscription-details .features .feature-item[data-v-17cffda3]{font-size:12px}.subscription-item .subscription-details .features .feature-item .icon[data-v-17cffda3]{font-size:12px;margin-right:4px}.subscription-item .payment-types[data-v-17cffda3]{margin-bottom:8px}.subscription-item .payment-types .pay-type-tag[data-v-17cffda3]{font-size:10px;padding:2px 6px}.subscription-item .subscribed-badge[data-v-17cffda3]{font-size:12px;padding:4px 8px}.subscription-item .subscribed-badge .icon[data-v-17cffda3]{font-size:12px}.dialog-footer[data-v-17cffda3]{flex-direction:column-reverse;gap:10px}.dialog-footer .el-button[data-v-17cffda3]{font-size:14px;height:40px;width:100%}.empty-state[data-v-17cffda3]{padding:20px 10px}.empty-state .empty-icon[data-v-17cffda3]{font-size:32px;margin-bottom:8px}.empty-state p[data-v-17cffda3]{font-size:13px}}@media (max-width:480px){.subscription-list[data-v-17cffda3]{gap:8px;max-height:65vh}.subscription-item[data-v-17cffda3]{gap:8px;padding:10px}.subscription-item .subscription-header .subscription-name[data-v-17cffda3]{font-size:13px}.subscription-item .subscription-header .subscription-price .price[data-v-17cffda3]{font-size:15px}.subscription-item .subscription-details .description[data-v-17cffda3],.subscription-item .subscription-details .features .feature-item[data-v-17cffda3],.subscription-item .subscription-details .features .feature-item .icon[data-v-17cffda3],.subscription-item .subscription-header .subscription-price .period[data-v-17cffda3]{font-size:11px}.dialog-footer .el-button[data-v-17cffda3]{font-size:13px;height:38px}}.subscription-dialog .el-dialog__body{padding:20px 0}