.bg-popover-pattern[data-v-4c2f96b0]{background-image:url(https://static-1256600262.file.myqcloud.com/xiaoin-h5/image/user-popover-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.bg-gradient-to-br[data-v-4c2f96b0]{position:relative}.bg-gradient-to-br[data-v-4c2f96b0]:before{border-radius:inherit;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.bg-gradient-to-br[data-v-4c2f96b0]>*{position:relative;z-index:1}@keyframes gradient-4c2f96b0{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.scrollable-content[data-v-4c2f96b0]{scrollbar-color:hsla(0,0%,61%,.5) transparent;scrollbar-width:thin}.scrollable-content[data-v-4c2f96b0]::-webkit-scrollbar{width:6px}.scrollable-content[data-v-4c2f96b0]::-webkit-scrollbar-track{background:transparent;border-radius:10px}.scrollable-content[data-v-4c2f96b0]::-webkit-scrollbar-thumb{background:#9c9c9c80;border-radius:10px;-webkit-transition:background .2s;transition:background .2s}.scrollable-content[data-v-4c2f96b0]::-webkit-scrollbar-thumb:hover{background:#9c9c9cb3}.vip-card[data-v-4c2f96b0]{background:linear-gradient(135deg,#4c4385,#2d2657);border-radius:12px;box-shadow:0 4px 12px #342e664d;color:#fff;flex-shrink:0;margin-bottom:16px;padding:16px 16px 36px;position:relative}.vip-header[data-v-4c2f96b0]{align-items:center;display:flex;margin-bottom:12px}.vip-icon[data-v-4c2f96b0]{color:#fde0a8;font-size:18px;margin-right:6px}.vip-title[data-v-4c2f96b0]{color:#fde0a8;font-size:16px;font-weight:600;margin-right:8px}.future-change-tag[data-v-4c2f96b0]{background:#ffffff26;border:.5px solid hsla(0,0%,100%,.2);border-radius:4px;color:#fffffff2;cursor:pointer;font-size:10px;padding:2px 6px}.vip-date-container[data-v-4c2f96b0]{display:flex;flex-direction:column;gap:3px}.vip-date-row[data-v-4c2f96b0]{color:#ffffffe6;font-size:12px;line-height:1.4}.vip-date-row.total-term[data-v-4c2f96b0]{color:#fff9}.renew-btn[data-v-4c2f96b0]{background:#fde0a8;border:none;border-radius:14px;color:#5c4013;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;position:absolute;right:16px;top:16px;transition:all .2s}.renew-btn[data-v-4c2f96b0]:hover{background:#fcd98b;transform:translateY(-1px)}.cycle-entry[data-v-4c2f96b0]{align-items:center;bottom:10px;color:#fff9;cursor:pointer;display:flex;font-size:11px;gap:2px;padding:4px;position:absolute;right:16px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cycle-entry.active[data-v-4c2f96b0],.cycle-entry[data-v-4c2f96b0]:hover{color:#fff}.cycle-entry .arrow[data-v-4c2f96b0]{display:inline-block;font-family:monospace;transition:transform .2s ease}.cycle-entry.active .arrow[data-v-4c2f96b0]{transform:rotate(90deg)}.cycle-accordion[data-v-4c2f96b0]{background:#fff;border-bottom:0 solid #f3f4f6;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease,margin .3s ease}.cycle-accordion.expanded[data-v-4c2f96b0]{border-bottom:1px solid #f3f4f6;margin-bottom:16px;max-height:1000px;opacity:1;padding-bottom:16px}.acc-main-title[data-v-4c2f96b0]{color:#1f2937;font-size:13px;font-weight:600;margin-bottom:16px;padding-left:4px}.timeline-section[data-v-4c2f96b0]{border-left:2px solid #e5e7eb;margin-bottom:16px;padding-left:14px;position:relative}.timeline-section.current[data-v-4c2f96b0]{border-left-color:#3b82f6}.timeline-section[data-v-4c2f96b0]:last-of-type{border-left-color:transparent;margin-bottom:0}.timeline-point[data-v-4c2f96b0]{background:#e5e7eb;border-radius:50%;height:8px;left:-5px;position:absolute;top:2px;width:8px}.timeline-section.current .timeline-point[data-v-4c2f96b0]{background:#3b82f6}.timeline-section.future .timeline-point[data-v-4c2f96b0]{background:#d97706}.t-header[data-v-4c2f96b0]{color:#1f2937;display:flex;font-size:12px;font-weight:600;justify-content:space-between;margin-bottom:4px}.future-label[data-v-4c2f96b0]{color:#d97706}.t-status[data-v-4c2f96b0]{background:#f3f4f6;border-radius:3px;color:#666;font-size:11px;font-weight:400;padding:1px 4px}.t-status.active[data-v-4c2f96b0]{background:#dbeafe;color:#3b82f6}.t-status.pending[data-v-4c2f96b0]{background:#fef3c7;color:#d97706}.t-version[data-v-4c2f96b0]{color:#374151;font-size:12px;font-weight:500;margin-bottom:4px}.t-summary[data-v-4c2f96b0]{background:#f9fafb;border-radius:6px;color:#6b7280;font-size:11px;line-height:1.5;padding:6px 8px}.t-period-count[data-v-4c2f96b0]{color:#9ca3af;font-size:10px;margin-top:2px}.t-change-alert[data-v-4c2f96b0]{color:#d97706;font-size:11px;font-weight:500;margin-top:4px}