.section-vip{width:100%;margin:0 auto}.vip-card{width:90%;margin:0 auto;flex-shrink:0;border-radius:16px;background:#fff;padding:20px 10px 10px;transition:all .2s ease;box-shadow:0 4px 12px #0000001f}.vip-card:hover{transform:translateY(-10px);box-shadow:0 4px 12px #0000004d;cursor:pointer}#vip-card-life{position:relative;background:#333335}.corner-ribbon{position:absolute;top:-10px;right:0;background:#f44;color:#fff;padding:2px 8px;font-size:13px;z-index:1;box-shadow:0 2px 4px #0000001a;border-top-right-radius:8px;border-bottom-left-radius:8px}.price-card{width:100%;height:150px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:10px 0;font-weight:700}.price-card .vip-btn{display:flex;width:80%;height:38px;padding:0;justify-content:center;align-items:center;flex-shrink:0;border-radius:99px;background:#585757;font-size:14px}.price-card .vip-btn:hover{border:2px solid var(--primary)}.price-compare{color:#9ca3af;font-size:14px}.price-amount,.price-center{display:flex;justify-content:center;align-items:center}#vip-card-life .vip-desc-left{color:#fff}#vip-card-life .price-card,#vip-card-year .price-card{background:linear-gradient(243deg,#e4c691 5.24%,#f8f8f8 82.92%,#fef4e2 91.65%,#fee7c5 97.17%);color:#a58761}#vip-card-month .price-card,#vip-card-day .price-card{background:linear-gradient(243deg,#5b626f 5.24%,#d1d5db 67.75%,#f5f5f5,#d1d1d1 97.17%);color:#fff}#vip-card-month .price-compare,#vip-card-day .price-compare{color:#fff;font-size:13px}#vip-card-life .vip-btn,#vip-card-year .vip-btn{color:#e3cfb2}#vip-card-day .vip-btn,#vip-card-month .vip-btn{color:#5f646e;background-color:#fff}.vip-desc{padding:20px 10px;font-size:12px}.vip-desc li{display:flex;justify-content:space-between;padding:6px 0}.vip-desc-left{color:#919191}#vip-card-life .vip-desc-right{color:#fff;font-weight:700}.svgbg{display:flex;width:16px;height:16px;padding:2px;justify-content:center;align-items:center;border-radius:8px;border:1px solid var(--success, #7BAF2E);background:var(--success, #7BAF2E)}.vip-fankui-btn{font-size:14px}.vip-fankui-btn a{color:var(--primary)}.vip-fankui{width:100%;margin:20px auto;max-width:1200px;padding:0 20px}.section-title{text-align:center;margin-bottom:3rem;margin-top:2rem}.section-title h2{margin-bottom:.5rem}.section-title p{margin:0;color:var(--text-regular);font-size:16px}h2{font-size:24px;background:linear-gradient(182deg,#f9fafb -37.73%,#0095a8 107.5%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.vip-fankui-card{line-height:28px;font-size:14px;box-shadow:0 4px 12px #0000001f;transition:all .3s ease;border:none!important;border-radius:16px;background:#fff;padding:1.5rem}.vip-fankui-card:hover{transform:scale(1.05);box-shadow:0 8px 24px #00000026}.vip-fankui img{width:50px;border-radius:999px;margin-right:20px}.vip-cards-container{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:1200px;margin:0 auto}.feedback-link{text-align:center;margin-top:1rem}.feedback-text{color:#666;font-size:14px}.feedback-action{color:#1890ff;font-size:14px;text-decoration:none}.feedback-action:hover{color:#40a9ff}.feedback-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}.feedback-content{color:#6b7280;line-height:1.5;margin-bottom:1rem;text-align:left}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;border-radius:50%;background:#f3f4f6;overflow:hidden;flex-shrink:0}.user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-detail{text-align:left}.user-name{color:#1f2937;font-weight:500;margin:0}.user-company{color:#6b7280;font-size:14px;margin:0}@media (max-width: 1200px){.vip-fankui{padding-left:0;padding-right:0}.vip-card{width:100%}.feedback-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1020px){.vip-cards-container{gap:1rem}.vip-card{width:100%}.vip-fankui{padding-left:0;padding-right:0}.feedback-grid>div:nth-child(n+7){display:none}}@media (max-width: 768px){.vip-desc{font-size:12px;padding:20px 10px;line-height:1.2}.vip-cards-container{grid-template-columns:repeat(2,1fr)}.feedback-grid{grid-template-columns:repeat(1,1fr)}.feedback-grid>div:nth-child(n+5){display:none}.vip-fankui-card{display:flex;align-items:center}.feedback-content{order:3;margin-bottom:0}.user-info{flex-direction:column;width:100%}}@media (max-width: 500px){.price-card{height:auto;min-height:150px;padding:15px 0}}.mobile-payment-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000;opacity:0;transition:opacity .3s ease}.mobile-payment-overlay.show{opacity:1}.mobile-payment-modal{background:#fff;width:100%;max-width:500px;border-radius:20px 20px 0 0;padding:0;transform:translateY(100%);transition:transform .3s ease;box-shadow:0 -4px 20px #0000001a}.mobile-payment-overlay.show .mobile-payment-modal{transform:translateY(0)}.mobile-payment-header{padding:20px 24px 16px;text-align:center;border-bottom:1px solid #f0f0f0;position:relative}.mobile-payment-header:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;background:#e0e0e0;border-radius:2px}.mobile-payment-header h3{font-size:18px;font-weight:600;color:#333;margin:0}.mobile-payment-buttons{padding:20px 24px 40px}.mobile-payment-btn{display:flex;align-items:center;width:100%;padding:16px 20px;margin-bottom:16px;border:1px solid #e0e0e0;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s;font-size:16px;color:#333}.mobile-payment-btn:last-child{margin-bottom:0}.mobile-payment-btn:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff1a}.mobile-payment-btn:active{transform:scale(.98)}.mobile-payment-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.fullscreen-loading{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-payment-btn img{width:32px;height:32px;margin-right:16px;flex-shrink:0}.mobile-payment-btn span{flex:1;text-align:left;font-weight:500}.mobile-payment-btn.wechat-pay:hover{border-color:#07c160;box-shadow:0 2px 8px #07c1601a}.mobile-payment-btn.alipay:hover{border-color:#1677ff;box-shadow:0 2px 8px #1677ff1a}@media (max-width: 480px){.mobile-payment-header{padding:16px 20px 12px}.mobile-payment-buttons{padding:16px 20px 32px}.mobile-payment-btn{padding:14px 16px;font-size:15px}.mobile-payment-btn img{width:28px;height:28px;margin-right:12px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.mobile-payment-buttons{padding-bottom:calc(40px + env(safe-area-inset-bottom))}}.mobile-payment-no-channel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.mobile-payment-no-channel .no-channel-icon{font-size:48px;margin-bottom:16px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.mobile-payment-no-channel .no-channel-title{font-size:18px;font-weight:700;color:var(--primary, #0095A8);margin:0 0 8px;line-height:1.3}.mobile-payment-no-channel .no-channel-desc{font-size:14px;color:#9ca3af;margin:0 0 24px;line-height:1.4}.mobile-payment-no-channel .no-channel-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 32px;background:var(--primary, #0095A8);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 12px #0095a840}.mobile-payment-no-channel .no-channel-btn:hover{background:var(--primary-dark-2, #006F7D);transform:translateY(-2px);box-shadow:0 4px 16px #0095a859}.mobile-payment-no-channel .no-channel-btn:active{transform:translateY(0)}.mobile-payment-no-channel .no-channel-btn i{font-size:16px}@media (max-width: 480px){.mobile-payment-no-channel{padding:32px 20px}.mobile-payment-no-channel .no-channel-icon{font-size:40px;margin-bottom:12px}.mobile-payment-no-channel .no-channel-title{font-size:16px}.mobile-payment-no-channel .no-channel-desc{font-size:13px;margin-bottom:20px}.mobile-payment-no-channel .no-channel-btn{padding:10px 24px;font-size:15px}}
