:root,:root.light{--vip-user-box-bg:#fff;--vip-member-card-bg:#fff;--vip-member-card-bg-hover:#fffdfd;--vip-user-shadow:0px 0px 8px 0px rgba(84,84,84,.25);--vip-package-card-bg:#f6f6f6;--vip-package-card-border:rgba(84,84,84,.25);--vip-package-card-active-border:#00a51f;--vip-package-card-active-bg:rgba(0,165,31,.1);--vip-package-info-bg:#f8f8f8;--dh-border-color-hover:#bfd2f9;--vip-recharge-bg-0:linear-gradient(148deg,#e0d4bc,#f0efeb);--vip-recharge-bg-1:#1a1c1f;--vip-recharge-bg-2:linear-gradient(148deg,#ceccff,#ebecff);--vip-recharge-bg-3:linear-gradient(148deg,#ffd6b8,#fff1e8);--vip-recharge-hover-bg:#2b8a3e;--el-text-color-regular:#333}.dark,:root.dark,html.dark{--vip-user-box-bg:#111214;--vip-member-card-bg:#1c1e22;--vip-member-card-bg-hover:#1a1c1f;--vip-package-card-bg:#0d1422;--vip-package-card-border:#9c919140;--vip-package-info-bg:#121c2e;--dh-soft:#202122;--dh-200:#1f1f2b;--dh-border-color-hover:#a79429;--vip-recharge-bg-0:linear-gradient(148deg,#3b3327,#1f2632);--vip-recharge-bg-1:#2b8a3e;--vip-recharge-bg-2:linear-gradient(148deg,#2b2a54,#151a2a);--vip-recharge-bg-3:linear-gradient(148deg,#4a2f1c,#1f2632);--vip-recharge-hover-bg:#1f6f34;--el-text-color-regular:#fff}.dark .vip-packages-container,:root.dark .vip-packages-container,html.dark .vip-packages-container{background:#111827!important;border-color:#1f2937!important}.dark .vip-packages-container .package-item,:root.dark .vip-packages-container .package-item,html.dark .vip-packages-container .package-item{background:#182232!important;border-color:#1f2937!important}.dark .vip-packages-container .package-item .name,:root.dark .vip-packages-container .package-item .name,html.dark .vip-packages-container .package-item .name{color:#f9fafb!important}.dark .vip-packages-container .package-item .period-switch,:root.dark .vip-packages-container .package-item .period-switch,html.dark .vip-packages-container .package-item .period-switch{background:#0d1520!important;border-color:#374151!important}.dark .vip-packages-container .package-item .period-switch .period-item,:root.dark .vip-packages-container .package-item .period-switch .period-item,html.dark .vip-packages-container .package-item .period-switch .period-item{background:transparent!important;color:#94a3b8!important}.dark .vip-packages-container .package-item .period-switch .period-item .period-price,:root.dark .vip-packages-container .package-item .period-switch .period-item .period-price,html.dark .vip-packages-container .package-item .period-switch .period-item .period-price{color:#cbd5e1!important}.dark .vip-packages-container .package-item .period-switch .period-item.active,:root.dark .vip-packages-container .package-item .period-switch .period-item.active,html.dark .vip-packages-container .package-item .period-switch .period-item.active{background:#1e293b!important;border-color:#10b981!important;color:#10b981!important}.dark .vip-packages-container .package-item .period-switch .period-item.active .period-price,:root.dark .vip-packages-container .package-item .period-switch .period-item.active .period-price,html.dark .vip-packages-container .package-item .period-switch .period-item.active .period-price{color:#10b981!important}.dark .vip-packages-container .package-item .unit-price-sub,:root.dark .vip-packages-container .package-item .unit-price-sub,html.dark .vip-packages-container .package-item .unit-price-sub{color:var(--el-text-color-secondary)}.dark .vip-packages-container .package-item .btn-recharge,:root.dark .vip-packages-container .package-item .btn-recharge,html.dark .vip-packages-container .package-item .btn-recharge{background:#374151!important;color:#fff!important}.dark .vip-packages-container .package-item .benefit-row,:root.dark .vip-packages-container .package-item .benefit-row,html.dark .vip-packages-container .package-item .benefit-row{color:#e5e7eb!important}.dark .vip-packages-container .package-item .year-benefits-card,:root.dark .vip-packages-container .package-item .year-benefits-card,html.dark .vip-packages-container .package-item .year-benefits-card{background:#f59e0b14!important;border-color:#f59e0b40!important}.dark .vip-packages-container .package-item .year-benefits-card .year-benefits-title,:root.dark .vip-packages-container .package-item .year-benefits-card .year-benefits-title,html.dark .vip-packages-container .package-item .year-benefits-card .year-benefits-title{color:#fbbf24!important}.dark .vip-packages-container .package-item .year-benefits-card .year-benefits-icon,:root.dark .vip-packages-container .package-item .year-benefits-card .year-benefits-icon,html.dark .vip-packages-container .package-item .year-benefits-card .year-benefits-icon{color:#f59e0b!important}.dark .vip-packages-container .package-item .year-benefits-card .year-benefits-item,:root.dark .vip-packages-container .package-item .year-benefits-card .year-benefits-item,html.dark .vip-packages-container .package-item .year-benefits-card .year-benefits-item{color:#9ca3af!important}.dark .vip-packages-container .package-item .year-benefits-card .year-benefits-item b,:root.dark .vip-packages-container .package-item .year-benefits-card .year-benefits-item b,html.dark .vip-packages-container .package-item .year-benefits-card .year-benefits-item b{color:#f1f5f9!important}.dark .vip-packages-container .common-benefits-panel,:root.dark .vip-packages-container .common-benefits-panel,html.dark .vip-packages-container .common-benefits-panel{background:#111827!important;border-top-color:#1f2937!important}.dark .vip-packages-container .common-benefits-badge,:root.dark .vip-packages-container .common-benefits-badge,html.dark .vip-packages-container .common-benefits-badge{background:#374151!important;color:#fff!important}.dark .vip-packages-container .common-benefits-title,:root.dark .vip-packages-container .common-benefits-title,html.dark .vip-packages-container .common-benefits-title{color:#f9fafb!important}.dark .vip-packages-container .common-benefit-item,:root.dark .vip-packages-container .common-benefit-item,html.dark .vip-packages-container .common-benefit-item{color:#cbd5e1!important}.dark .vip-dou-container .dou-card-box,:root.dark .vip-dou-container .dou-card-box,html.dark .vip-dou-container .dou-card-box{background:#111827!important;border-color:#1f2937!important}.dark .vip-dou-container .dou-card-title,:root.dark .vip-dou-container .dou-card-title,html.dark .vip-dou-container .dou-card-title{color:#f8fafc!important}.dark .vip-dou-container .dou-card-badge,:root.dark .vip-dou-container .dou-card-badge,html.dark .vip-dou-container .dou-card-badge{color:#94a3b8!important}.dark .vip-dou-container .dou-item,:root.dark .vip-dou-container .dou-item,html.dark .vip-dou-container .dou-item{background:#182232!important;border-color:#374151!important}.dark .vip-dou-container .dou-item .points-num,:root.dark .vip-dou-container .dou-item .points-num,html.dark .vip-dou-container .dou-item .points-num{color:#f8fafc!important}.dark .vip-dou-container .dou-item .points-bonus,:root.dark .vip-dou-container .dou-item .points-bonus,html.dark .vip-dou-container .dou-item .points-bonus{color:#34d399!important}.dark .vip-dou-container .dou-item .points-unit,:root.dark .vip-dou-container .dou-item .points-unit,html.dark .vip-dou-container .dou-item .points-unit{color:#94a3b8!important}.dark .vip-dou-container .dou-item .dou-price-row,:root.dark .vip-dou-container .dou-item .dou-price-row,html.dark .vip-dou-container .dou-item .dou-price-row{color:#cbd5e1!important}.dark .vip-dou-container .dou-item.active,:root.dark .vip-dou-container .dou-item.active,html.dark .vip-dou-container .dou-item.active{background:#10b9812e!important;border-color:#10b981!important}.dark .vip-dou-container .dou-item.active .points-num,:root.dark .vip-dou-container .dou-item.active .points-num,html.dark .vip-dou-container .dou-item.active .points-num{color:#34d399!important}.dark .vip-dou-container .btn-recharge,:root.dark .vip-dou-container .btn-recharge,html.dark .vip-dou-container .btn-recharge{background:#374151!important;color:#fff!important}.vip-container{margin:calc(var(--dh-header-nav-height) + 20px) auto;min-height:100vh;width:1120px}.vip-container .green-dot{background:#00a51f;border-radius:50%;height:8px;width:8px}.vip-container .text-active{color:#00a51f;font-weight:700}.vip-container .btn-light{border:1px solid #00a51f;border-radius:14px;color:#00a51f}.vip-container .user-box{background-color:var(--vip-user-box-bg);border:1px solid var(--dh-border-color);border-radius:16px;min-height:120px;padding:1rem 20px;width:800px}.vip-container .user-box .vipimg{height:22px}.vip-container .user-box .nickname{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vip-container .user-box .el-divider--horizontal{margin:1rem 0}.vip-container .user-box .dou-info{min-width:300px}.vip-container .member-card{background-color:var(--vip-member-card-bg);border:1px solid var(--dh-border-color);border-radius:16px;min-height:120px;padding:1rem 20px;width:276px}.vip-container .member-card .coinnum{color:var(--dh-active-color);font-weight:700;padding:0 4px}.vip-container .package-section{margin-top:15px;position:relative}.vip-container .package-section .package-grid{display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.vip-container .package-section .package-grid .package-item{background-color:var(--vip-member-card-bg);border:1px solid var(--dh-border-color);border-radius:16px;font-size:14px;padding:20px 12px}.vip-container .package-section .package-grid .package-item .icon{height:22px}.vip-container .package-section .package-grid .package-item .name{font-size:18px;font-weight:700}.vip-container .package-section .package-grid .package-item .card{background:var(--vip-package-card-bg);border:1px solid var(--vip-package-card-border);border-radius:8px;cursor:pointer;height:54px;width:108px}.vip-container .package-section .package-grid .package-item .card.active,.vip-container .package-section .package-grid .package-item .card:hover{background:var(--vip-package-card-active-bg);border-color:var(--vip-package-card-active-border);box-shadow:0 0 2px 2px var(--vip-package-card-active-bg);color:#00a51f}.vip-container .package-section .package-grid .package-item .el-divider__text{background:var(--vip-member-card-bg)}.vip-container .package-section .package-grid .package-item .info{border:1px solid var(--dh-border-color);border-radius:5px;color:var(--dh-text-1);display:flex;flex-direction:column;font-size:12px;line-height:22px;padding:10px}.vip-container .package-section .package-grid .package-item .info .dot{background:#00a51f;border-radius:50%;display:inline-block;height:4px;margin-right:6px;width:4px}.vip-container .package-section .package-grid .package-item:hover{background-color:var(--vip-member-card-bg-hover);border-color:var(--dh-border-color-hover);cursor:pointer}.vip-container .package-section .vip-rights-section{background-color:var(--vip-member-card-bg);border-radius:16px;box-shadow:var(--vip-user-shadow);font-size:14px;padding:2px 12px 3px}.vip-container .package-section .vip-rights-section .el-divider__text{background-color:var(--vip-member-card-bg)}.vip-container .package-section .vip-rights{color:var(--dh-text-1);display:flex;flex-wrap:wrap;margin:0 auto}.vip-container .package-section .vip-rights .item{margin-bottom:15px;padding-left:40px;width:25%}.vip-container .package-section .vip-rights .dot{color:#00a51f;display:inline-block;font-weight:700;height:6px;margin-right:10px;width:6px}.vip-container .package-section .el-tabs__nav-wrap{align-items:center;display:flex;justify-content:center}.vip-container .package-section .el-tabs__nav-wrap .el-tabs__item{font-size:1.3rem}.vip-container .package-section .el-tabs__nav-wrap .is-active{color:var(--el-color-primary)}.vip-container .package-section .el-tabs__nav-wrap .el-tabs__nav-wrap:after{height:0}.vip-container .package-section .package-contact-info{position:absolute;right:0;top:10px}.vip-container .package-section .package-contact-info .dh-positive-500{color:var(--dh-positive-500)}.vip-container .vip-packages-container .custom-tabs{min-width:400px}.vip-container .vip-packages-container .custom-tabs .tab-header{align-items:center;background-color:var(--dh-text-5);border-radius:.5rem;display:flex;justify-content:space-between;padding:5px}.vip-container .vip-packages-container .custom-tabs .tab-header .tab{align-items:center;background:unset;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;line-height:36px;transition:all .3s;width:50%}.vip-container .vip-packages-container .custom-tabs .tab-header .tab:hover{background-color:var(--vip-member-card-bg);color:var(--el-color-primary)}.vip-container .vip-packages-container .custom-tabs .tab-header .tab.activeR{background-color:var(--vip-member-card-bg);color:var(--el-color-primary);font-size:16px;font-weight:700}.vip-container .info-section-one{min-height:60px}.vip-container .percent-info{min-height:18px}.vip-container .info-section-two{background-color:#8c90971a;border:1px solid var(--dh-border-color);border-radius:5px}.vip-container .info-section-three div{line-height:24px}.vip-container .btn-recharge{background:var(--vip-recharge-bg-1);border-radius:8px;color:#f6f6f6;font-size:14px;font-weight:700;height:36px;width:100%}.vip-container .btn-recharge:hover{background:var(--vip-recharge-hover-bg);color:#f6f6f6}.vip-container .btn-recharge0{background:var(--vip-recharge-bg-0)}.vip-container .btn-recharge1{background:var(--vip-recharge-bg-1)}.vip-container .btn-recharge2{background:var(--vip-recharge-bg-2)}.vip-container .btn-recharge3{background:var(--vip-recharge-bg-3)}.vip-container .dot{color:#00a51f;font-weight:700}.vip-container .green-dot1{color:#00a51f}.vip-container .danger-dot{color:#f56c6c}.vip-container .card-box{background-color:var(--vip-member-card-bg);border-radius:16px;padding:1rem 20px}.vip-container .team-main .package-item{background:var(--vip-package-card-bg);border:1px solid rgba(5,16,75,.1);border-radius:16px;cursor:pointer;padding:1rem;width:45%}.vip-container .team-main .package-item .icon{height:22px}.vip-container .team-main .package-item-active{background:var(--vip-package-card-active-bg);border-color:var(--vip-package-card-active-border)}.vip-container .team-main .team-year{background:var(--vip-package-card-bg);border:1px solid var(--vip-package-card-border);border-radius:8px;cursor:pointer;height:38px;position:relative;width:108px}.vip-container .team-main .team-year.active,.vip-container .team-main .team-year:hover{background:var(--vip-package-card-active-bg);border-color:var(--vip-package-card-active-border);color:#00a51f}.vip-container .team-main .team-year .tips{align-items:center;background:linear-gradient(139deg,#d83eff,#ff1d74);border-radius:14px 14px 1px;color:#fff;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:0;top:-20px;width:38px}.vip-container .team-desc{background:var(--vip-package-card-bg);border:1px solid rgba(5,16,75,.1);border-radius:16px;margin-left:20px;padding:1rem 2rem;width:40%}.vip-container .team-desc .iconfont{margin-right:8px}.vip-container .team-desc .desc{color:var(--dh-text-2)}.vip-container .qa-wrap{font-size:14px}.vip-container .qa-wrap .el-collapse-item__title{font-weight:600}.exchange-dou-dialog{border-radius:1rem;padding:2rem}.vip-packages-container{--vip-card-bg:var(--el-bg-color-overlay,#fff);--vip-panel-bg:var(--el-bg-color,#fff);--vip-border:var(--el-border-color-light,#eef0f4);--vip-border-strong:var(--el-border-color,#e7eaf0);--vip-text-primary:var(--el-text-color-primary,#1f2433);--vip-text-regular:var(--el-text-color-regular,#293044);--vip-text-secondary:var(--el-text-color-secondary,#596176);--vip-text-muted:var(--el-text-color-placeholder,#a0a6b5);--vip-green:#10b981;--vip-green-strong:#4f46e5;--vip-green-soft:#eef2ff;--vip-green-soft-2:#eceeff;--vip-green-border:#c7d2fe;--vip-accent:#10b981;--vip-danger:var(--el-color-danger,#ff5b6b);--vip-fill-light:var(--el-fill-color-light,#f3f4f8);--vip-fill-lighter:var(--el-fill-color-lighter,#f8f9fb);--vip-shadow-hover:0 8px 20px rgba(35,47,89,.08);--vip-shadow-float:0 12px 32px rgba(19,28,48,.16);--vip-shadow-soft:0 8px 24px rgba(19,28,48,.08);--period-switch-bg:#f8fafc;--period-switch-border:#f1f5f9;--period-item-color:#64748b;--period-price-color:#334155;--period-active-bg:#fff;--period-active-border:#10b981;--period-active-color:#10b981;--year-card-bg:#fffdf5;--year-card-border:#fef3c7;--year-title-color:#b45309;--year-icon-color:#d97706;--year-item-color:#64748b;--year-bold-color:#334155;background:var(--vip-card-bg);border:1px solid var(--vip-border);border-radius:16px;margin-bottom:24px;margin-top:12px;padding:10px}.vip-packages-container .package-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}.vip-packages-container .common-benefits-panel{align-items:center;background:var(--vip-panel-bg);border-top:1px solid var(--vip-border);display:flex;gap:24px;margin-top:28px;padding:22px 28px}.vip-packages-container .common-benefits-side{align-items:center;border-right:1px solid var(--vip-border-strong);display:flex;flex:0 0 160px;gap:12px;padding-right:24px}.vip-packages-container .common-benefits-badge{background:#172236;border-radius:5px;color:#fff;font-size:13px;font-weight:700;padding:4px 9px;white-space:nowrap}.vip-packages-container .common-benefits-title{color:var(--vip-text-primary);font-size:15px;font-weight:700;white-space:nowrap}.vip-packages-container .common-benefits-list{align-items:center;-moz-column-gap:28px;column-gap:28px;display:flex;flex:1;flex-wrap:wrap;min-width:0;row-gap:12px}.vip-packages-container .common-benefit-item{align-items:center;color:var(--vip-text-regular);display:inline-flex;font-size:14px;gap:7px;line-height:20px;white-space:nowrap}.vip-packages-container .common-benefit-item strong{color:var(--vip-green);font-weight:800}.vip-packages-container .common-benefit-check{color:var(--vip-green);font-size:14px;font-weight:800}.vip-packages-container .package-item{background:var(--vip-card-bg,#fff);border:1px solid var(--vip-border,#eef0f4);border-radius:16px;display:flex;flex-direction:column;justify-content:space-between;overflow:visible;padding:24px 18px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.vip-packages-container .package-item:hover{box-shadow:0 10px 26px #0f172a14;transform:translateY(-2px)}.vip-packages-container .package-item .name{color:var(--vip-text-primary,#0f172a);font-size:18px;font-weight:800}.vip-packages-container .package-item .badge{background:#1f2433;border-radius:999px;color:#fff;font-size:12px;line-height:18px;padding:2px 8px}.vip-packages-container .package-item .vip-badge-img{display:block;flex-shrink:0;height:22px;-o-object-fit:contain;object-fit:contain;width:auto}.vip-packages-container .package-item .more-btn{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#eef2ff;border:0;border-radius:999px;color:#4f46e5;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:4px;height:26px;padding:0 10px;position:relative;right:auto;top:auto;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.vip-packages-container .package-item .more-btn:hover{background:#e0e7ff}.vip-packages-container .package-item .more-btn.active .more-btn-arrow{transform:rotate(180deg)}.vip-packages-container .package-item .more-btn-chip{background:var(--el-color-success,#16a34a);border:1px solid var(--el-color-success-light-7,#bbf7d0);border-radius:999px;color:#fff;font-size:10px;font-weight:700;line-height:16px;padding:0 6px;position:absolute;right:-10px;top:-8px}.vip-packages-container .package-item .more-btn-arrow{font-size:11px;line-height:1;transform-origin:center;transition:transform .25s ease}.vip-packages-container .package-item .more-wrapper{position:relative;z-index:6}.vip-packages-container .package-item .package-dropdown{background:var(--vip-card-bg,#fff);border:1px solid var(--vip-border);border-radius:12px;box-shadow:var(--vip-shadow-float);padding:8px;position:absolute;right:0;top:32px;width:240px}.vip-packages-container .package-item .package-dropdown-item{border-radius:10px;cursor:pointer;padding:10px 12px;transition:all .3s ease}.vip-packages-container .package-item .package-dropdown-item+.package-dropdown-item{margin-top:4px}.vip-packages-container .package-item .package-dropdown-item.active,.vip-packages-container .package-item .package-dropdown-item:hover{background:var(--bg-4,#f8fafc)}.vip-packages-container .package-item .package-dropdown-main{align-items:center;display:flex;gap:12px;justify-content:space-between}.vip-packages-container .package-item .package-dropdown-name{color:var(--vip-text-primary);font-size:14px;font-weight:700}.vip-packages-container .package-item .package-dropdown-price{color:var(--vip-accent);font-size:13px;font-weight:700;white-space:nowrap}.vip-packages-container .package-item .package-dropdown-sub{color:var(--vip-green);font-size:12px;margin-top:4px}.vip-packages-container .package-item .corner-tag{border-radius:999px;font-size:12px;font-weight:600;line-height:18px;padding:3px 10px;position:absolute;right:5px;top:5px;z-index:2}.vip-packages-container .package-item .corner-tag-green{background:var(--vip-green-soft);color:var(--vip-green-strong)}.vip-packages-container .package-item .corner-tag-blue{background:var(--el-color-primary-light-9,#edf4ff);color:var(--vip-accent)}.vip-packages-container .package-item .period-switch{background:#f8fafc;border:1px solid #f1f5f9;border-radius:14px;display:grid;gap:6px;grid-template-columns:repeat(2,1fr);margin:12px 0 4px;padding:4px;position:relative}.vip-packages-container .package-item .period-switch .period-item{align-items:center;background:transparent;border:1.5px solid transparent;border-radius:10px;color:#64748b;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:9px 6px;position:relative;text-align:center;transition:all .2s ease}.vip-packages-container .package-item .period-switch .period-item .period-name{font-size:13px;font-weight:700;line-height:1.2}.vip-packages-container .package-item .period-switch .period-item .period-price{color:#334155;font-size:15px;font-weight:700;line-height:1.2;white-space:nowrap}.vip-packages-container .package-item .period-switch .period-item .period-discount{background:#ef4444;border-radius:999px;color:#fff;font-size:10px;font-weight:800;line-height:1.2;padding:1px 6px;position:absolute;right:-4px;top:-6px}.vip-packages-container .package-item .period-switch .period-item.active{background:#fff;border-color:#10b981;box-shadow:0 2px 8px #10b98126;color:#10b981;font-weight:800}.vip-packages-container .package-item .period-switch .period-item.active .period-price{color:#10b981;font-weight:800}.vip-packages-container .package-item .period-switch .period-item.disabled{cursor:not-allowed;opacity:.5}.vip-packages-container .package-item .unit-price-sub{color:var(--el-text-color-secondary);font-size:12px;font-weight:500;margin-bottom:8px;margin-top:4px;text-align:center}.vip-packages-container .package-item .btn-recharge{background:#18181b;border:0;border-radius:10px;box-shadow:0 4px 14px #18181b33;color:#fff;cursor:pointer;font-size:15px;font-weight:800;height:42px;transition:all .25s ease;width:100%}.vip-packages-container .package-item .btn-recharge:hover{background:#27272a;box-shadow:0 6px 18px #18181b59;transform:translateY(-1px)}.vip-packages-container .package-item .benefits-block{color:var(--vip-text-regular);display:flex;flex-direction:column;gap:12px}.vip-packages-container .package-item .benefit-row{align-items:flex-start;display:flex;font-size:14px;gap:8px;line-height:22px}.vip-packages-container .package-item .benefit-row .benefit-icon{align-items:center;border-radius:50%;display:inline-flex;flex:0 0 16px;font-size:12px;font-weight:800;height:16px;justify-content:center;margin-top:3px;width:16px}.vip-packages-container .package-item .benefit-row .benefit-text{flex:1;min-width:0}.vip-packages-container .package-item .benefit-row .benefit-text strong{color:var(--vip-green);font-size:14px}.vip-packages-container .package-item .benefit-row-enabled .benefit-icon{background:var(--vip-green);color:#fff}.vip-packages-container .package-item .benefit-row-muted{color:var(--vip-text-muted)}.vip-packages-container .package-item .benefit-row-muted .benefit-icon{background:var(--el-fill-color-dark,#d8dce5);color:#fff}.vip-packages-container .package-item .year-benefits-card{background:var(--year-card-bg,#fffdf5);border:1px solid var(--year-card-border,#fef3c7);border-radius:12px;margin-top:22px;padding:14px;transition:all .3s ease}.vip-packages-container .package-item .year-benefits-title{align-items:center;color:var(--year-title-color,#b45309);display:flex;font-size:13px;font-weight:800;gap:6px;margin-bottom:8px}.vip-packages-container .package-item .year-benefits-icon{color:var(--year-icon-color,#d97706);font-size:14px}.vip-packages-container .package-item .year-benefits-item{color:var(--year-item-color,#64748b);font-size:12px;line-height:1.5;padding-left:10px;position:relative}.vip-packages-container .package-item .year-benefits-item+.year-benefits-item{margin-top:6px}.vip-packages-container .package-item .year-benefits-item:before{color:#94a3b8;content:"•";left:0;position:absolute;top:0}.vip-packages-container .package-item .year-benefits-item b{color:var(--year-bold-color,#334155);font-weight:700}.vip-packages-container .package-item .year-benefits-item strong{color:#10b981}@media(max-width:1200px){.vip-packages-container .package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.vip-packages-container .package-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:768px){.vip-packages-container .common-benefits-panel{align-items:flex-start;flex-direction:column;gap:16px;padding:18px}.vip-packages-container .common-benefits-side{border-bottom:1px solid var(--vip-border-strong);border-right:0;flex:none;padding-bottom:12px;padding-right:0;width:100%}.vip-packages-container .common-benefits-list{-moz-column-gap:12px;column-gap:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.vip-packages-container .common-benefit-item{white-space:normal}}@media(max-width:520px){.vip-packages-container .common-benefits-list{grid-template-columns:1fr}}.rights-dialog .el-dialog{border-radius:16px;max-width:calc(100vw - 32px);overflow:hidden}.rights-dialog .el-dialog__header{display:none;padding-bottom:0}.rights-dialog .el-dialog__body{padding:0}.rights-panel{border-radius:16px;overflow:hidden}.rights-header{align-items:center;border-bottom:1px solid #eef0f4;display:flex;height:58px;justify-content:space-between;padding:0 22px}.rights-title-wrap{align-items:center;display:flex;gap:8px}.shield-icon{align-items:center;color:#18c96e;display:inline-flex;font-size:18px;justify-content:center}.rights-title{color:#111827;font-size:18px;font-weight:700;margin:0}.close-btn{align-items:center;background:#f3f4f6;border:0;border-radius:50%;color:#6b7280;cursor:pointer;display:inline-flex;height:32px;justify-content:center;width:32px}.close-btn:hover{background:#e5e7eb}.rights-body{max-height:calc(100vh - 220px);overflow-y:auto;padding:20px 22px}.rights-section+.rights-section{margin-top:18px}.rights-section-title{align-items:center;color:#111827;display:flex;font-size:14px;font-weight:700;gap:7px;margin-bottom:8px}.rights-section-title .section-icon{align-items:center;border-radius:50%;color:#fff;display:inline-flex;font-size:11px;height:15px;justify-content:center;width:15px}.rights-section-title.ok .section-icon{background:#18c96e}.rights-section-title.warn .section-icon{background:#ef4444}.rights-list{color:#5f6b7a;margin:0;padding-left:18px}.rights-list li{font-size:12px;line-height:21px;margin-bottom:2px}.rights-note{background:#f8fafc;border:1px solid #edf0f4;border-radius:10px;margin-top:18px;padding:12px 14px}.rights-note-title{color:#111827;font-size:13px;font-weight:700}.rights-note-content{color:#667085;font-size:12px;line-height:20px;margin-top:6px}.rights-footer{align-items:center;border-top:1px solid #eef0f4;display:flex;gap:10px;justify-content:flex-end;min-height:60px;padding:12px 20px}.manage-btn{background:#fff;border:1px solid #d8dde7;border-radius:10px;color:#1f2937;cursor:pointer;font-size:14px;font-weight:600;height:36px;padding:0 20px}.manage-btn:hover{background:#f8fafc;border-color:#c8cfdb}.know-btn{background:#111827;border:0;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;height:36px;padding:0 20px}.know-btn:hover{background:#0f172a}.vip-dou-container{--dou-box-bg:var(--el-bg-color-overlay,#fff);--dou-box-border:var(--el-border-color-light,#eef0f4);--dou-title-color:var(--el-text-color-primary,#0f172a);--dou-badge-color:var(--el-text-color-secondary,#64748b);--dou-item-bg:var(--el-bg-color,#fff);--dou-item-border:var(--el-border-color-lighter,#e2e8f0);--dou-num-color:var(--el-text-color-primary,#0f172a);--dou-bonus-color:#10b981;--dou-unit-color:var(--el-text-color-secondary,#64748b);--dou-price-color:var(--el-text-color-primary,#334155);--dou-active-bg:#f0fdf4;--dou-active-border:#10b981;--dou-btn-bg:#1e293b;--dou-btn-color:#fff;width:100%}.vip-dou-container .dou-grid{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.vip-dou-container .dou-card-box{background:var(--dou-box-bg);border:1px solid var(--dou-box-border);border-radius:16px;display:flex;flex-direction:column;justify-content:space-between;padding:24px 20px 20px;transition:all .3s ease}.vip-dou-container .dou-card-head{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.vip-dou-container .dou-card-title{color:var(--dou-title-color);font-size:18px;font-weight:800}.vip-dou-container .dou-card-badge{align-items:center;color:var(--dou-badge-color);display:inline-flex;font-size:13px}.vip-dou-container .dou-options-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.vip-dou-container .dou-item{align-items:center;background:var(--dou-item-bg);border:1.5px solid var(--dou-item-border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:16px 10px 14px;position:relative;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vip-dou-container .dou-item:hover{border-color:#10b981;box-shadow:0 6px 18px #10b9811f;transform:translateY(-2px)}.vip-dou-container .dou-item.active{background:var(--dou-active-bg)!important;border-color:var(--dou-active-border)!important;box-shadow:0 4px 14px #10b98126!important}.vip-dou-container .dou-item.active .points-num{color:var(--dou-bonus-color)!important}.vip-dou-container .dou-points-row{align-items:baseline;display:flex;justify-content:center;white-space:nowrap}.vip-dou-container .points-num{color:var(--dou-num-color);font-size:17px;font-weight:800;line-height:1.2}.vip-dou-container .points-bonus{color:var(--dou-bonus-color);font-size:13px;font-weight:800;line-height:1.2;margin-left:3px}.vip-dou-container .points-unit{color:var(--dou-unit-color);font-size:12px;font-weight:500;margin-left:3px}.vip-dou-container .dou-price-row{align-items:baseline;color:var(--dou-price-color);display:flex;font-weight:800;justify-content:center;margin-top:6px;white-space:nowrap}.vip-dou-container .currency{font-size:12px;font-weight:600;margin-right:1px}.vip-dou-container .price-val{font-size:16px;font-weight:800}.vip-dou-container .original-price{color:var(--el-text-color-placeholder,#94a3b8);font-size:12px;font-weight:400;margin-left:6px;text-decoration:line-through}.vip-dou-container .active-check-badge{align-items:center;background:#10b981;border-radius:6px 0 10px;bottom:0;color:#fff;display:flex;font-size:11px;font-weight:800;height:18px;justify-content:center;line-height:1;position:absolute;right:0;width:18px}.vip-dou-container .btn-recharge{background:var(--dou-btn-bg);border:0;border-radius:10px;box-shadow:0 4px 14px #1e293b33;color:var(--dou-btn-color);cursor:pointer;font-size:15px;font-weight:800;height:42px;transition:all .25s ease;width:100%}.vip-dou-container .btn-recharge:hover{filter:brightness(1.2);transform:translateY(-1px)}@media(max-width:900px){.vip-dou-container .dou-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.vip-dou-container .dou-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.billing-dialog .el-dialog{border-radius:16px;overflow:hidden}.billing-dialog .billing-dialog-content{color:#334155;font-size:13.5px;line-height:1.5;max-height:70vh;overflow-y:auto;padding:4px 6px 4px 2px}.billing-dialog .billing-dialog-content::-webkit-scrollbar{width:5px}.billing-dialog .billing-dialog-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.billing-dialog .billing-dialog-content::-webkit-scrollbar-track{background:transparent}.billing-dialog .billing-rule-box{background:#f2fcf7;border:1px solid #d6f0e1;border-radius:12px;padding:12px 14px}.billing-dialog .billing-rule-box .rule-item{align-items:flex-start;color:#374151;display:flex;font-size:13.5px;line-height:1.55}.billing-dialog .billing-rule-box .rule-item .rule-label{color:#111827;flex-shrink:0;font-weight:700;min-width:100px}.billing-dialog .billing-rule-box .rule-item .rule-val{flex:1}.billing-dialog .billing-rule-box .rule-item .text-highlight{color:#111827;font-weight:700}.billing-dialog .billing-rule-box .rule-item-border{border-top:1px solid rgba(214,240,225,.8)}.billing-dialog .billing-tip-bar{align-items:flex-start;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;color:#64748b;display:flex;font-size:12.5px;line-height:1.5;padding:8px 12px}.billing-dialog .section-header{align-items:center;display:flex;gap:8px}.billing-dialog .section-header .section-bar{border-radius:999px;display:inline-block;height:15px;width:4px}.billing-dialog .section-header .green-bar{background:#00b365}.billing-dialog .section-header .purple-bar{background:#a855f7}.billing-dialog .section-header .section-title{color:#0f172a;font-size:14.5px;font-weight:700}.billing-dialog .billing-table-wrapper{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.billing-dialog .billing-table{border-collapse:collapse;font-size:13px;text-align:left;width:100%}.billing-dialog .billing-table thead{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-weight:600}.billing-dialog .billing-table thead th{padding:8px 14px}.billing-dialog .billing-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .2s ease}.billing-dialog .billing-table tbody tr:last-child{border-bottom:0}.billing-dialog .billing-table tbody tr:hover{background:#f8fafc}.billing-dialog .billing-table tbody tr.bg-soft{background:#f8fafcb3}.billing-dialog .billing-table tbody td{padding:8px 14px}.billing-dialog .billing-table tbody .text-sub{color:#64748b}.billing-dialog .text-green{color:#00b365!important}.billing-dialog .text-purple{color:#9333ea!important}.billing-dialog .text-orange{color:#ea580c!important}.billing-dialog .btn-know{background:#0f172a;border:0;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;height:38px;padding:0 24px;transition:all .25s ease}.billing-dialog .btn-know:hover{background:#1e293b}.dark .billing-dialog .billing-dialog-content,:root.dark .billing-dialog .billing-dialog-content,html.dark .billing-dialog .billing-dialog-content{color:#cbd5e1}.dark .billing-dialog .billing-rule-box,:root.dark .billing-dialog .billing-rule-box,html.dark .billing-dialog .billing-rule-box{background:#10b98114;border-color:#10b98133}.dark .billing-dialog .billing-rule-box .rule-item,:root.dark .billing-dialog .billing-rule-box .rule-item,html.dark .billing-dialog .billing-rule-box .rule-item{color:#cbd5e1}.dark .billing-dialog .billing-rule-box .rule-item .rule-label,:root.dark .billing-dialog .billing-rule-box .rule-item .rule-label,html.dark .billing-dialog .billing-rule-box .rule-item .rule-label{color:#f8fafc}.dark .billing-dialog .billing-rule-box .rule-item .text-highlight,:root.dark .billing-dialog .billing-rule-box .rule-item .text-highlight,html.dark .billing-dialog .billing-rule-box .rule-item .text-highlight{color:#34d399}.dark .billing-dialog .billing-rule-box .rule-item-border,:root.dark .billing-dialog .billing-rule-box .rule-item-border,html.dark .billing-dialog .billing-rule-box .rule-item-border{border-top-color:#10b98126}.dark .billing-dialog .billing-tip-bar,:root.dark .billing-dialog .billing-tip-bar,html.dark .billing-dialog .billing-tip-bar{background:#182232;border-color:#1f2937;color:#94a3b8}.dark .billing-dialog .section-header .section-title,:root.dark .billing-dialog .section-header .section-title,html.dark .billing-dialog .section-header .section-title{color:#f8fafc}.dark .billing-dialog .billing-table-wrapper,:root.dark .billing-dialog .billing-table-wrapper,html.dark .billing-dialog .billing-table-wrapper{border-color:#1f2937}.dark .billing-dialog .billing-table thead,:root.dark .billing-dialog .billing-table thead,html.dark .billing-dialog .billing-table thead{background:#182232;border-bottom-color:#1f2937;color:#94a3b8}.dark .billing-dialog .billing-table tbody tr,:root.dark .billing-dialog .billing-table tbody tr,html.dark .billing-dialog .billing-table tbody tr{border-bottom-color:#1f2937}.dark .billing-dialog .billing-table tbody tr:hover,:root.dark .billing-dialog .billing-table tbody tr:hover,html.dark .billing-dialog .billing-table tbody tr:hover{background:#1e293b}.dark .billing-dialog .billing-table tbody tr.bg-soft,:root.dark .billing-dialog .billing-table tbody tr.bg-soft,html.dark .billing-dialog .billing-table tbody tr.bg-soft{background:#1e293b80}.dark .billing-dialog .billing-table tbody td,:root.dark .billing-dialog .billing-table tbody td,html.dark .billing-dialog .billing-table tbody td{color:#e2e8f0}.dark .billing-dialog .billing-table tbody .text-sub,:root.dark .billing-dialog .billing-table tbody .text-sub,html.dark .billing-dialog .billing-table tbody .text-sub{color:#94a3b8}.dark .billing-dialog .btn-know,:root.dark .billing-dialog .btn-know,html.dark .billing-dialog .btn-know{background:#374151;color:#fff}.dark .billing-dialog .btn-know:hover,:root.dark .billing-dialog .btn-know:hover,html.dark .billing-dialog .btn-know:hover{background:#4b5563}