.membership-level-list[data-v-7410edee]{min-height:100vh;background:#f5f7fa;animation:fadeInUp-7410edee .6s ease-out}@keyframes fadeInUp-7410edee{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.page-header[data-v-7410edee]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:25px 40px;margin-bottom:30px;box-shadow:0 2px 10px rgba(102,126,234,.3)}.header-content[data-v-7410edee]{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-left[data-v-7410edee]{flex:1}.header-info .page-title[data-v-7410edee]{font-size:28px;font-weight:600;margin:0 0 8px 0;display:flex;align-items:center;gap:12px;color:#fff}.header-info .page-title i[data-v-7410edee]{font-size:32px;color:#fff}.header-info .page-subtitle[data-v-7410edee]{font-size:16px;opacity:.9;margin:0;line-height:1.5;color:#fff}.header-actions[data-v-7410edee]{display:flex;gap:12px}.header-actions .el-button[data-v-7410edee]{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);color:#fff;font-weight:500}.header-actions .el-button--primary[data-v-7410edee]{background:hsla(0,0%,100%,.95);color:#667eea;border-color:transparent}.header-actions .el-button[data-v-7410edee]:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5)}.header-actions .el-button--primary[data-v-7410edee]:hover{background:#fff;color:#667eea}.main-content[data-v-7410edee]{max-width:1400px;margin:0 auto;padding:0 30px}.stats-section[data-v-7410edee]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.stat-card[data-v-7410edee]{background:#fff;border-radius:20px;padding:24px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #f1f3f4;position:relative;overflow:hidden}.stat-card[data-v-7410edee]:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,.12)}.stat-icon[data-v-7410edee]{width:60px;height:60px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:26px;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.1);position:relative;flex-shrink:0}.stat-icon[data-v-7410edee]:before{content:"";position:absolute;inset:-2px;border-radius:22px;padding:2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor}.stat-icon.total-levels[data-v-7410edee]:before{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.total-levels i[data-v-7410edee]{color:#667eea}.stat-icon.active-levels[data-v-7410edee]:before{background:linear-gradient(135deg,#67c23a,#85ce61)}.stat-icon.active-levels i[data-v-7410edee]{color:#67c23a}.stat-icon.inactive-levels[data-v-7410edee]:before{background:linear-gradient(135deg,#f56c6c,#f78989)}.stat-icon.inactive-levels i[data-v-7410edee]{color:#f56c6c}.stat-icon.total-users[data-v-7410edee]:before{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-icon.total-users i[data-v-7410edee]{color:#4facfe}.stat-icon i[data-v-7410edee]{z-index:1}.stat-info[data-v-7410edee]{flex:1}.stat-value[data-v-7410edee]{font-size:32px;font-weight:700;color:#303133;line-height:1;margin-bottom:4px}.stat-label[data-v-7410edee]{font-size:14px;color:#666;font-weight:500}.filter-section[data-v-7410edee]{margin-bottom:30px}.filter-card[data-v-7410edee]{background:#fff;border-radius:16px;padding:25px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid #f1f3f4}.filter-form[data-v-7410edee]{margin:0}.form-row[data-v-7410edee]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px}.form-item[data-v-7410edee]{display:flex;flex-direction:column}.form-label[data-v-7410edee]{font-size:14px;font-weight:600;color:#606266;margin-bottom:8px}.form-actions[data-v-7410edee]{text-align:center}.form-actions .el-button[data-v-7410edee]{min-width:120px;margin:0 10px}.table-section[data-v-7410edee]{margin-bottom:30px}.table-card[data-v-7410edee]{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid #f1f3f4;overflow:hidden}.table-header[data-v-7410edee]{padding:25px 30px 15px;border-bottom:1px solid #f0f2f5;background:linear-gradient(135deg,#fafbfc,#f8f9fa)}.table-header h3[data-v-7410edee]{font-size:18px;font-weight:600;color:#303133;margin:0 0 5px 0;display:flex;align-items:center;gap:10px}.table-header h3 i[data-v-7410edee]{color:#667eea;font-size:20px}.table-header p[data-v-7410edee]{font-size:14px;color:#666;margin:0}.membership-level-table[data-v-7410edee] .el-table{border:none}.membership-level-table[data-v-7410edee] .el-table th{background:#fafbfc;border:none;color:#606266;font-weight:600}.membership-level-table[data-v-7410edee] .el-table td{border:none;padding:15px 10px}.membership-level-table[data-v-7410edee] .el-table--border:after,.membership-level-table[data-v-7410edee] .el-table:before{display:none}.sort-number[data-v-7410edee]{width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;margin:0 auto}.level-info[data-v-7410edee]{display:flex;flex-direction:column;gap:4px}.level-name[data-v-7410edee]{font-size:16px;font-weight:600;color:#303133}.level-code[data-v-7410edee]{font-size:13px;color:#909399;font-family:Courier New,monospace;background:#f5f7fa;padding:2px 8px;border-radius:4px;width:-moz-fit-content;width:fit-content}.discount-rate[data-v-7410edee]{text-align:center}.rate-value[data-v-7410edee]{font-size:18px;font-weight:600;color:#e6a23c;display:block}.rate-description[data-v-7410edee]{font-size:12px;color:#909399;margin-top:2px}.upgrade-conditions[data-v-7410edee]{display:flex;flex-direction:column;gap:6px}.condition-item[data-v-7410edee]{display:flex;align-items:center;gap:6px;font-size:13px;color:#606266}.condition-item i[data-v-7410edee]{color:#409eff;font-size:14px}.user-stats[data-v-7410edee]{text-align:center}.total-users[data-v-7410edee]{font-size:18px;font-weight:600;color:#409eff}.active-users[data-v-7410edee]{font-size:12px;color:#67c23a;margin-top:2px}.time-info[data-v-7410edee]{display:flex;align-items:center;gap:6px;font-size:13px;color:#606266}.time-info i[data-v-7410edee]{color:#909399;font-size:14px}.action-buttons[data-v-7410edee]{display:flex;gap:6px;justify-content:center;align-items:center;flex-wrap:wrap;padding:8px 4px}.action-buttons .el-button[data-v-7410edee]{margin:0;min-width:50px;font-size:12px;padding:7px 12px}.action-buttons .el-button--danger[data-v-7410edee]{background:#f56c6c;border-color:#f56c6c;color:#fff}.action-buttons .el-button--danger[data-v-7410edee]:hover{background:#f78989;border-color:#f78989}.action-buttons .el-button--warning[data-v-7410edee]{background:#e6a23c;border-color:#e6a23c;color:#fff}.action-buttons .el-button--warning[data-v-7410edee]:hover{background:#ebb563;border-color:#ebb563}.action-buttons .el-button--success[data-v-7410edee]{background:#67c23a;border-color:#67c23a;color:#fff}.action-buttons .el-button--success[data-v-7410edee]:hover{background:#85ce61;border-color:#85ce61}.action-buttons .el-button--primary[data-v-7410edee]{background:#409eff;border-color:#409eff;color:#fff}.action-buttons .el-button--primary[data-v-7410edee]:hover{background:#66b1ff;border-color:#66b1ff}.pagination-wrapper[data-v-7410edee]{padding:20px 30px;text-align:right;background:#fafbfc;border-top:1px solid #f0f2f5}@media (max-width:1200px){.form-row[data-v-7410edee],.stats-section[data-v-7410edee]{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-header[data-v-7410edee]{padding:16px 20px}.header-content[data-v-7410edee]{flex-direction:column;align-items:flex-start;gap:16px}.header-actions[data-v-7410edee]{width:100%;flex-wrap:wrap}.header-actions .el-button[data-v-7410edee]{flex:1}.main-content[data-v-7410edee]{padding:16px 20px}.stats-section[data-v-7410edee]{grid-template-columns:1fr;gap:12px}.stat-card[data-v-7410edee]{padding:16px}.stat-value[data-v-7410edee]{font-size:24px}.form-row[data-v-7410edee]{grid-template-columns:1fr;gap:12px}.form-actions[data-v-7410edee]{flex-direction:column}.form-actions .el-button[data-v-7410edee]{width:100%}.table-card[data-v-7410edee]{padding:16px;overflow-x:auto}.table-header[data-v-7410edee]{flex-direction:column;align-items:flex-start;gap:8px}}