/* ========================== 全局页面容器样式 ========================== */
/* 默认等级1（蓝色主题） */
.zvp-tab-level-1{
  /*选项卡*/
  --youzhi-xuan1:#eff5ff;
}
/* 等级2（金色主题） */
.zvp-tab-level-2{
--youzhi-xuan1:#0e111e;
}
.zvp-panel-tab.zvp-tab-level-1:hover{
    background: linear-gradient(91deg, hsl(0deg 0% 100% / 0%), rgb(255 220 168 / 0%) 19%, hsl(0deg 0% 100% / 0%)) !important;
}


/*结束*/
@media (min-width: 760px) {
    /*电脑优化开始*/
    .zvp-shell.zvp-shell-level-2>.zvp-member-switch>.zvp-panel-tab.zvp-tab-level-1:hover{
        background: linear-gradient(91deg, hsl(0deg 0% 100% / 0%), rgb(255 220 168 / 0%) 19%, hsl(0deg 0% 100% / 0%)) !important;
    }
     .zvp-panel.zvp-level-1.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product.is-active {
    color: #000000;
    background: url(https://1847863044.v.123pan.cn/1847863044/youzhipark/bj.png) no-repeat!important;
    background-size: 100% 100%!important;
}
     .zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product.is-active {
    color: #000000;
    background: url(https://1847863044.v.123pan.cn/1847863044/youzhipark/svip.png) no-repeat!important;
    background-size: 100% 100%!important;
}
.zvp-panel.zvp-level-1.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product.is-active>strong,.zvp-panel.zvp-level-1.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product.is-active>del,.zvp-panel.zvp-level-1.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product.is-active>.zvp-product-price>b,.zvp-panel.zvp-level-1.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product.is-active>.zvp-product-price>em{
    background: linear-gradient(45deg,#2772ff,#3dd3ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent!important;
    
}
small{
    display: none;
}
.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product.is-active>strong,.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product.is-active>del{
    background: linear-gradient(227.59127422deg, #ffc979 16%, #fff7e8 54%, #ffba55 86%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent!important;
}
.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product{
    /*background: linear-gradient(180deg, hsla(0, 0%, 100%, .16), hsla(0, 0%, 100%, .06));*/
    background: linear-gradient(180deg, hsl(0deg 0% 100% / 0%), hsla(0, 0%, 100%, .06));
}
.zvp-products {
   
    grid-auto-columns: minmax(180px, calc((100% - 24px) / 5))!important;
}

/*未选择*/
.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product>.zvp-product-price,.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product>strong,.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product>.zvp-product-price>em,.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product>.zvp-product-price>b,.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product>.zvp-product-foot,.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product>del{
    color: #ffffff!important;
}
/*选中*/
.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product.is-active>.zvp-product-price,.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product.is-active>.zvp-product-price>em,.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product.is-active>.zvp-product-price>b{
    color:#ffffff00!important;
    background: linear-gradient(227.59127422deg, #ffc979 16%, #fff7e8 54%, #ffba55 86%);
        -webkit-background-clip: text;
        background-clip: text;
}
.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product.is-active>.zvp-product-foot{
    color:#1b1f35!important;
}
.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-equity>ul>li{
    color:#ffffff!important;
}
.zvp-shell:before {
    background: radial-gradient(circle at 18% 0, rgb(255 208 131 / 0%), transparent 34%), radial-gradient(circle at 78% 0, rgba(255, 147, 80, .16), transparent 28%) !important;
}
.zvp-product-foot {
        height: 32px;
        margin: 9px -11.5px 0;
        font-size: 12px;
        border-radius: 0 0 12px 12px;
        background: linear-gradient(315deg, #bfcce7, #637a9f 50%) !important;
    }
        .is-active>.zvp-product-foot {
        background: var(--zvp-level-gradient) !important;
        color: var(--zvp-level-contrast) !important;
    }
/*帮助*/
.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-help{
    background-color: #25263300;
}
.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-help>.zvp-help-title>strong,.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-help>.zvp-help-title>span,.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-help>.zvp-help-list>.zvp-help-item>summary,.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-help>.zvp-help-list>.zvp-help-item>.zvp-help-answer{
    color: #ffffff;
}
.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-help>.zvp-help-list>.zvp-help-item{
    border-bottom: 1px solid rgb(255 187 87 / 40%) !important;
}
#zvp-panel-pay-2>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-equity,#zvp-panel-pay-2>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-help{
    background: #1d202c;
}
#zvp-panel-pay-2>.zvp-form>.zvp-workspace>.zvp-checkout{
    background: #1e212c!important;
    border-color: rgb(50 50 50);
}
#zvp-panel-pay-2>.zvp-form>.zvp-workspace>.zvp-checkout>.zvp-order-meta>dt,#zvp-panel-pay-2>.zvp-form>.zvp-workspace>.zvp-checkout>.zvp-order-meta>dd,#zvp-panel-pay-2>.zvp-form>.zvp-workspace>.zvp-checkout>.zvp-payments>.zvp-payment-list>.payment-method-radio.hollow-radio.zvp-payment.active,#zvp-panel-pay-2>.zvp-form>.zvp-workspace>.zvp-checkout>.zvp-payments>.zvp-payments-title,#zvp-panel-pay-2>.zvp-form>.zvp-workspace>.zvp-checkout>.zvp-checkout-price>span{
    color: #ffffff;
}
#zvp-panel-pay-2>.zvp-form>.zvp-workspace>.zvp-checkout>.zvp-submit.signin-loader{
        color: #000000 !important;
}
#zvp-panel-pay-2>.zvp-form>.zvp-workspace>.zvp-checkout>.zvp-payments>.zvp-payment-list>.payment-method-radio.hollow-radio.zvp-payment{
    background: #343031;
    /*border-color: var(--zvp-border);*/
    color: #ffffff;
}

.zvp-container{
        margin-bottom: -33px;
}
footer{
            margin-top: -20px;
}
  .zvp-product{
    margin: 18px 0 0;
  }
.zvp-product-foot {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    margin: 12px -16px 0;
    color: #2d3854;
    font-size: 12px;
    font-weight: 950;
    text-align: center;
    line-height: 1.25 /* 行高 */;
    height: 32px;
    margin: 9px -13px 0;
    font-size: 12px;
    border-radius: 0 0 12px 12px;
    /*transition:.18s ease;*/
}
.zvp-product:hover, .zvp-product.is-active {

    transition: .18s ease;
}

.zvp-section-title{
    display: none!important;
}
.zvp-product-arrow.zvp-product-prev{
    display: none;
}
/*字体*/
    /*.zvp-product>strong,.zvp-product>.zvp-product-price{*/
    /*    left: 20%;*/
    /*}*/
    /*.zvp-product>del{*/
    /*    left: 36%;*/
    /*}*/
    /*.zvp-product-price>b{*/
    /*    font-size: 50px!important;*/
    /*}*/
  /*电脑结束*/
}
/*.zvp-shell,.zvp-shell-level-2{*/
/*    background-color: #0e111ee6!important;*/
/*}*/
.zvp-shell-level-2{
    background-color: #0e111ee6!important;
}
.zvp-panel-tab.zvp-tab-level-2.is-active{
    border-radius: 12px 12px 0 0!important;
}
.zvp-panel-tab.zvp-tab-level-2{
        color: #5e6278!important;
        background: #eff5ff;
        border-radius: 0px 0px 0 12px;
        
}
.zvp-panel-tab.zvp-tab-level-1{
    color: var(--zvp-level-deep) !important;
    background: linear-gradient(91deg, hsla(0, 0%, 100%, .08), rgba(255, 220, 168, .16) 19%, hsla(0, 0%, 100%, .08)) !important;
    border-radius: 0px 0 12px 0px !important;
}
.zvp-shell.zvp-shell-level-2>.zvp-member-switch>.zvp-panel-tab.zvp-tab-level-1 {
        color: #ffffff !important;
        background: linear-gradient(91deg, hsla(0, 0%, 100%, .08), rgba(255, 220, 168, .16) 19%, hsla(0, 0%, 100%, .08)) !important;
        border-radius: 0px 0 12px 0px !important;
    }
.zvp-panel-tab.zvp-tab-level-2.is-active>strong{
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(227.59127422deg, #ffc979 16%, #fff7e8 54%, #ffba55 86%);
    color: transparent!important;
    /*transition: .18s ease;*/
}
.zvp-panel-tab.zvp-tab-level-2.is-active{
    background: linear-gradient(to top, #21181600, rgba(33, 24, 22, 0));
    /*transition: .18s ease;*/
}
.zvp-panel-tab.zvp-tab-level-1.is-active{
    background: #eff5ff00 !important;
        box-shadow: none!important;
        border-radius: 0px 0px 0 0!important;
        /*transition: .18s ease;*/
}
.zvp-page{
  /* 定义CSS变量，统一管理主题色、背景、文字、阴影等样式属性 */
  --zvp-bg:#f5efe2;        /* 页面主背景色 */
  --zvp-card:#0c1020;      /* 卡片主背景色 */
  --zvp-card-2:#12172b;   /* 卡片次级背景色 */
  --zvp-card-3:#20263a;   /* 卡片三级背景色 */
  --zvp-text:#fff8ed;     /* 主要文字颜色 */
  --zvp-main:#d8d0c3;     /* 主题主色 */
  --zvp-muted:#8f95aa;    /* 弱化文字颜色 */
  --zvp-soft:#2b3147;     /* 柔和背景色 */
  --zvp-line:rgba(255,255,255,.10); /* 分割线颜色 */
  --zvp-gold:#ffd083;     /* 金色主色 */
  --zvp-gold-2:#f4a947;   /* 金色次级色 */
  --zvp-gold-3:#fff0c5;   /* 金色三级色 */
  --zvp-blue:#b8c9ee;     /* 蓝色 */
  --zvp-green:#78dca8;    /* 绿色 */
  --zvp-danger:#ff8e8e;   /* 危险/错误色 */
  /*--zvp-shadow:0 24px 70px rgba(6,10,24,.26); /* 全局阴影效果 */
    --zvp-shadow:rgba(116, 116, 116, 0.08);
  position:relative;      /* 相对定位，用于子元素绝对定位基准 */
  top:-20px;              /* 向上偏移20px，调整页面位置 */
  min-height:100vh;       /* 最小高度为视口高度，保证页面铺满屏幕 */
  /* 内边距：上下自适应(18px-42px)，左右0，底部58px */
  padding:clamp(18px,3vw,42px) 0 58px;
  color:var(--zvp-main);  /* 文字颜色使用主题主色 */
  /* 多层渐变背景：径向渐变+线性渐变，营造视觉层次感 */
  background:
    radial-gradient(circle at 18% -10%,rgba(255,225,170,.72),transparent 34vw),
    radial-gradient(circle at 84% 0,rgba(255,185,95,.58),transparent 30vw),
    linear-gradient(180deg,#fff8ed 0,#f6eddd 240px,#f2f4f8 100%);
  overflow:hidden;        /* 隐藏溢出内容，防止滚动条/内容溢出 */
}
/* 所有子元素统一盒模型：边框和内边距不增加元素总宽度 */
.zvp-page *{box-sizing:border-box}

/* ========================== 容器：居中、最大宽度限制 ========================== */
.zvp-container{
  width:min(1320px,100% - 40px); /* 宽度取1320px和(100%-40px)的最小值，自适应 */
  margin:0 auto /* 水平居中 */
}
.zvp-product-tag.jb-yellow:after,.zvp-product-tag.jb-vip2:after,.zvp-product>.zvp-product-tag.jb-red:after{
    /*background-image: url(https://statics.123pan.com/static-by-custom/member/static/member_buy_product_tag.2e1aac46.svg);*/
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAABACAYAAAAAqrdiAAAAAXNSR0IArs4c6QAAAjJJREFUWEftmNFR4zAQhneJ7ckxeUgHhA5CB5QAFXB5ZESGdHBHBQnIhkdyFdxdBdAB6SApIW/c2CZ7yBBPTJysLEtv1kyeLP//v9/KshwEC4PG427Sap0BYh8PDo6QqE9EXUDsoqm+Ek2D4BqITgFA/UpHZYNceLUaqYRcwEoGSRT9AE3htbGWAY3HvdT3fwNAn0v89TprkN7fX9Db20QHR5n5XoMMCdHPqqk35+80sCGujEoNUinPCFExrz22DLKGet6LKXO2yWkYzgmgVzv6p0ChAlvcS5v8udbntpJvPWixlFNEvHBi4Cp9vkzju7vv79vso+30uUEShi8m+4xOIHSJJ6vAJZ4PAykniHitU67JHEzC8GnfK89EtPCgxVIuEPGortCu+1UF5Eo860FjwOFtEHGEmlXEEmoQNYh4AuyMZi9aI1quAP4SwMwjWiSeN2u320scDJZ1EC2B6Pb9wPDsD4fPNt/JmbDX6UxUQq7L1SogutEVzo/vOi99QlwAwHkgxIxLvPUJxRkQ0S+/0xnp4Cgz34+I6MYfDut9J++swIL47oMX4h9fiPOqvLUQqYb6h4cnpszZJqet1vG3y0u1aqyMYpMtcS8c39dNVmgCIY6txN4QySsgxEEgxNSJgav0+TIlxGkgxMB2+k2DE5N9RicQxlE0d9HcfDeNo+jRFZ4M0b8wHLWvriY65ZrMwUTK032vPBPRwoP2+vDQs7k1bO1FdRNy97P//HIC3PX/YWYtoI4Pd70AAAAASUVORK5CYII=);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: "";
    height: 32px;
    left: -11px;
    position: absolute;
    top: 0;
    width: 13px;
}
.zvp-product.is-active>.zvp-product-tag.jb-yellow:after,.zvp-product.is-active>.zvp-product-tag.jb-vip2:after,.zvp-product.is-active>.zvp-product-tag.jb-red:after{
    background-image: url(https://statics.123pan.com/static-by-custom/member/static/member_buy_product_tag.2e1aac46.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: "";
    height: 32px;
    left: -11px;
    position: absolute;
    top: 0;
    width: 26px;
}

/* ========================== 账户信息栏 ========================== */
.zvp-account-bar{
  display:flex;            /* 弹性布局 */
  align-items:center;      /* 垂直居中 */
  justify-content:space-between; /* 两端对齐 */
  gap:18px;                /* 子元素间距18px */
  margin:0 0 18px;         /* 底部外边距18px */
  padding:0 4px;           /* 左右内边距4px */
  color:#1d2433            /* 文字颜色 */
}

/* ========================== 用户卡片：头像+信息 ========================== */
.zvp-user-card{
  display:flex;            /* 弹性布局 */
  align-items:center;      /* 垂直居中 */
  gap:14px;                /* 子元素间距14px */
  min-width:0              /* 解决弹性布局文字溢出问题 */
}

/* 头像容器 */
.zvp-avatar{
  display:flex;            /* 弹性布局 */
  align-items:center;      /* 垂直居中 */
  justify-content:center;  /* 水平居中 */
  width:56px;              /* 宽度56px */
  height:56px;             /* 高度56px */
  border-radius:50%;       /* 圆形 */
  overflow:hidden;         /* 隐藏溢出内容 */
  /* 渐变背景 */
  background:linear-gradient(135deg,#ffe7bd,#f4b560);
  box-shadow:0 12px 28px rgba(120,76,18,.16); /* 阴影 */
  color:#725023;           /* 图标文字颜色 */
  flex:0 0 auto            /* 不缩放，保持原始尺寸 */
}
/* 头像图片 */
.zvp-avatar img{
  width:100%;              /* 宽度100%填充容器 */
  height:100%;             /* 高度100%填充容器 */
  object-fit:cover         /* 图片等比例覆盖容器，裁剪溢出部分 */
}

/* 用户信息容器 */
.zvp-user-info{
  min-width:0              /* 解决弹性布局文字溢出问题 */
}
/* 用户名 */
.zvp-user-info strong{
  display:block;           /* 块级元素 */
  color:#202536;           /* 文字颜色 */
  font-size:20px;          /* 字体大小 */
  font-weight:950;         /* 字体粗细（极粗） */
  line-height:1.2;         /* 行高 */
  white-space:nowrap;      /* 不换行 */
  overflow:hidden;         /* 隐藏溢出 */
  text-overflow:ellipsis   /* 溢出显示省略号 */
}
/* 用户副标题/描述 */
.zvp-user-info span{
  display:block;           /* 块级元素 */
  margin-top:5px;          /* 顶部间距5px */
  color:#687085;           /* 文字颜色 */
  font-size:13px;          /* 字体大小 */
  font-weight:800;         /* 字体粗细 */
  white-space:nowrap;      /* 不换行 */
  overflow:hidden;         /* 隐藏溢出 */
  text-overflow:ellipsis   /* 溢出显示省略号 */
}

/* ========================== 账户元数据（数值展示） ========================== */
.zvp-account-meta{
  display:flex;            /* 弹性布局 */
  align-items:center;      /* 垂直居中 */
  gap:10px;                /* 子元素间距10px */
  padding:10px 14px;       /* 内边距 */
  border-radius:999px;     /* 超大圆角，胶囊形状 */
  background:rgba(255,255,255,.56); /* 半透明背景 */
  box-shadow:0 12px 30px rgba(100,70,24,.10); /* 阴影 */
  backdrop-filter:blur(14px) /* 背景模糊（毛玻璃效果） */
}
/* 元数据标签 */
.zvp-account-meta span{
  color:#687085;           /* 文字颜色 */
  font-size:12px;          /* 字体大小 */
  font-weight:900          /* 字体粗细 */
}
/* 元数据数值 */
.zvp-account-meta strong{
  display:flex;            /* 弹性布局 */
  align-items:flex-end;    /* 底部对齐 */
  color:#141927;           /* 文字颜色 */
  font-size:20px;          /* 字体大小 */
  font-weight:950;         /* 字体粗细 */
  line-height:1            /* 行高 */
}
/* 元数据单位/符号 */
.zvp-account-meta em{
  font-style:normal;       /* 清除默认斜体 */
  font-size:13px;          /* 字体大小 */
  margin:0 2px 2px 0       /* 外边距 */
}

/* ========================== 主外壳/面板容器 ========================== */
.zvp-shell{
  position:relative;       /* 相对定位 */
  border-radius:12px;      /* 大圆角 */
  /* 渐变背景 */
  background:linear-gradient(180deg,#0d1122 0,#0a0e1d 64%,#0a0f1f 100%);
  box-shadow:var(--zvp-shadow); /* 使用全局阴影变量 */
  overflow:hidden;         /* 隐藏溢出 */
  color:var(--zvp-main)    /* 文字颜色 */
}
/* 外壳装饰层（顶部渐变光效） */
.zvp-shell:before{
  content:"";              /* 伪元素必需属性 */
  position:absolute;       /* 绝对定位 */
  inset:0 0 auto;          /* 铺满顶部，宽度100% */
  height:210px;            /* 高度210px */
  /* 双层径向渐变背景 */
  background:radial-gradient(circle at 18% 0,rgba(255,208,131,.22),transparent 34%),radial-gradient(circle at 78% 0,rgba(255,147,80,.16),transparent 28%);
  pointer-events:none      /* 不拦截鼠标事件 */
}

/* ========================== 成员/等级切换选项卡容器 ========================== */
.zvp-member-switch{
  position:relative;       /* 相对定位 */
  z-index:1;               /* 层级1，防止被覆盖 */
  display:flex;            /* 弹性布局 */
  gap:10px;                /* 子元素间距10px */
  margin:0 18px;           /* 左右外边距18px */
  padding:18px 0 14px;     /* 内边距 */
  overflow-x:auto;         /* 水平滚动 */
  scrollbar-width:none     /* 火狐隐藏滚动条 */
}
/* Chrome/Safari 隐藏滚动条 */
.zvp-member-switch::-webkit-scrollbar{display:none}

/* ========================== 选项卡按钮 ========================== */
.zvp-panel-tab{
  appearance:none;         /* 清除原生样式 */
  display:flex;            /* 弹性布局 */
  align-items:center;      /* 垂直居中 */
  justify-content:center;  /* 水平居中 */
  gap:9px;                 /* 子元素间距9px */
  min-width:190px;         /* 最小宽度190px */
  height:54px;             /* 高度54px */
  padding:0 18px;          /* 左右内边距18px */
  border:1px solid rgba(255,255,255,.08); /* 边框 */
  border-radius:15px;      /* 圆角 */
  background:rgba(255,255,255,.06); /* 背景 */
  color:#d7ddec;           /* 文字颜色 */
  cursor:pointer;          /* 鼠标悬浮为手型 */
  /*transition:.18s ease;    /* 过渡动画0.18秒 */
  white-space:nowrap       /* 文字不换行 */
}
.zvp-shell{
    /*transition:.18s ease;*/
}
/* 选项卡图标容器 */
.zvp-panel-tab>span{
  display:flex;            /* 弹性布局 */
  align-items:center;      /* 垂直居中 */
  justify-content:center;  /* 水平居中 */
  width:28px;              /* 宽度28px */
  height:28px;             /* 高度28px */
  border-radius:9px;       /* 圆角 */
  background:rgba(255,255,255,.08); /* 背景 */
  color:#aeb8d5;           /* 图标颜色 */
  flex:0 0 auto            /* 不缩放 */
}
/* 选项卡文字 */
.zvp-panel-tab strong{
  font-size:15px;          /* 字体大小 */
  font-weight:950;         /* 字体粗细 */
  color:inherit            /* 继承父元素颜色 */
}
/* 选项卡小字（默认隐藏） */
.zvp-panel-tab small{display:none}

/* 选项卡悬浮+选中状态 */
.zvp-panel-tab:hover,.zvp-panel-tab.is-active{
  border-color:rgba(255,208,131,.58); /* 边框颜色 */
  /* 渐变背景 */
  background:linear-gradient(135deg,rgba(255,208,131,.20),rgba(255,255,255,.08));
  color:var(--zvp-gold-3)   /* 文字颜色 */
}
/* 选中状态图标 */
.zvp-panel-tab.is-active>span{
  /* 渐变背景 */
  background:linear-gradient(135deg,var(--zvp-gold-3),var(--zvp-gold-2));
  color:#3a2400            /* 图标颜色 */
}
/* 禁用状态选项卡 */
.zvp-panel-tab.is-disabled{
  opacity:.42;             /* 透明度42% */
  cursor:not-allowed       /* 禁止点击鼠标样式 */
}

/* ========================== 面板内容 ========================== */
.zvp-panel{
  position:relative;       /* 相对定位 */
  z-index:1;               /* 层级1 */
  display:none;            /* 默认隐藏 */
  padding:0 18px 18px      /* 内边距 */
}
/* 激活状态面板显示 */
.zvp-panel.is-active{display:block}

/* ========================== 工作区：主内容+侧边栏 ========================== */
.zvp-workspace{
  display:grid;            /* 网格布局 */
  /* 两列：自适应主列 + 固定360px侧边栏 */
  grid-template-columns:minmax(0,1fr) 360px;
  gap:22px;                /* 网格间距22px */
  align-items:start         /* 顶部对齐 */
}

/* 套餐/计划区域 */
.zvp-plan-area{min-width:0} /* 解决网格布局文字溢出 */

/* 区域标题 */
.zvp-section-title{
  display:flex;            /* 弹性布局 */
  align-items:flex-end;    /* 底部对齐 */
  justify-content:space-between; /* 两端对齐 */
  gap:16px;                /* 间距16px */
  margin:6px 0 16px;       /* 外边距 */
  color:var(--zvp-main)    /* 文字颜色 */
}
/* 标题标签（角标） */
.zvp-section-title span{
  display:inline-flex;     /* 行内弹性布局 */
  align-items:center;      /* 垂直居中 */
  width:max-content;       /* 宽度自适应内容 */
  padding:5px 10px;        /* 内边距 */
  border-radius:999px;     /* 胶囊形状 */
  background:rgba(255,208,131,.13); /* 背景 */
  color:var(--zvp-gold);   /* 文字颜色 */
  font-size:12px;          /* 字体大小 */
  font-weight:950          /* 字体粗细 */
}
/* 标题主文字 */
.zvp-section-title h3{
  margin:7px 0 0;          /* 外边距 */
  color:var(--zvp-text);   /* 文字颜色 */
  font-size:26px;          /* 字体大小 */
  font-weight:950;         /* 字体粗细 */
  letter-spacing:-.04em;   /* 字间距 */
  line-height:1.05          /* 行高 */
}
/* 标题描述 */
.zvp-section-title p{
  max-width:520px;         /* 最大宽度520px */
  margin:0;                /* 无外边距 */
  color:#939bb3;           /* 文字颜色 */
  font-size:13px;          /* 字体大小 */
  font-weight:750;         /* 字体粗细 */
  line-height:1.65;        /* 行高 */
  text-align:right         /* 右对齐 */
}

/* ========================== 产品/套餐卡片列表 ========================== */
.zvp-products{
  display:grid;            /* 网格布局 */
  grid-template-columns:repeat(3,minmax(0,1fr)); /* 3列等宽 */
  gap:12px;                /* 间距12px */
  align-items:stretch      /* 高度拉伸一致 */
}

/* 产品/套餐卡片 */
.zvp-product{
  position:relative;       /* 相对定位 */
  display:flex;            /* 弹性布局 */
  flex-direction:column;   /* 垂直排列 */
  min-height:174px;        /* 最小高度174px */
  padding:18px 16px 0;     /* 内边距 */
  /*margin: 18px 0px 0px 0px;*/
  border:0;                /* 无边框 */
  border-radius:16px;      /* 圆角 */
  /* 渐变背景（上下分色） */
  background:linear-gradient(180deg,#20263a 0,#171c30 74%,#cdd8ee 74%,#cdd8ee 100%);
  background-clip:padding-box; /* 背景裁剪到内边距盒 */
  color:#eef2ff;           /* 文字颜色 */
  cursor:pointer;          /* 鼠标手型 */
  overflow:visible;         /* 隐藏溢出 */
  /*transition:.18s ease;    /* 过渡动画 */
  /* 内阴影+外阴影 */
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)
}
/* 卡片装饰光效 */
.zvp-product:before{
  content:"";              /* 伪元素必需 */
  position:absolute;       /* 绝对定位 */
  inset:0;                 /* 铺满容器 */
  border-radius:inherit;   /* 继承父元素圆角 */
  /* 渐变背景 */
  background:linear-gradient(135deg,rgba(255,211,135,.10),transparent 48%);
  opacity:.8;              /* 透明度80% */
  pointer-events:none      /* 不拦截鼠标事件 */
}
/* 卡片单选框（隐藏） */
.zvp-product input{display:none}

/* 卡片悬浮+选中状态 */
.zvp-product:hover,.zvp-product.is-active{
  transform:translateY(0px); /* 向上偏移2px */
  /* 阴影增强 */
  box-shadow:inset 0 0 0 1px rgba(255,208,131,.88),0 18px 40px rgba(0,0,0,.22)
}
/* 选中状态卡片背景 */
.zvp-product.is-active{
  background:linear-gradient(180deg,#2b2330 0,#1b2033 74%,#ffd083 74%,#ffd083 100%)
}

/* 卡片标签（右上角） */
.zvp-product-tag {
    position: absolute;
    left: 11px;
    top: -13px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 9px;
    font-weight: 950;
    line-height: 1;
    /*background: linear-gradient(91deg, #f72828 28.82%, #ff9636 103.07%);*/
    background: linear-gradient(90deg, #fb9494, #ffca9a);
    border-radius: 0 10px 10px 0;
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
}
.zvp-product.is-active>.zvp-product-tag{
    background: linear-gradient(91deg, #f72828 28.82%, #ff9636 103.07%);
}
/* 标签图标 */
.zvp-product-tag i{font-size:1em}

/* 卡片标题 */
.zvp-product strong{
  position:relative;       /* 相对定位 */
  z-index:1;               /* 层级1 */
  display:block;           /* 块级元素 */
  min-height:38px;         /* 最小高度38px */
  padding-right:30px;      /* 右内边距30px */
  color:#ffe2a3;           /* 文字颜色 */
  font-size:16px;          /* 字体大小 */
  font-weight:950;         /* 字体粗细 */
  line-height:1.25          /* 行高 */
}

/* 卡片价格容器 */
.zvp-product-price{
  position:relative;       /* 相对定位 */
  z-index:1;               /* 层级1 */
  display:flex;            /* 弹性布局 */
  align-items:flex-end;    /* 底部对齐 */
  margin-top:13px;         /* 顶部间距13px */
  color:#fff;              /* 文字颜色 */
  line-height:1            /* 行高 */
}
/* 价格符号/前缀 */
.zvp-product-price em{
  font-style:normal;       /* 清除斜体 */
  font-size:18px;          /* 字体大小 */
  font-weight:950;         /* 字体粗细 */
  margin:0 4px 5px 0       /* 外边距 */
}
/* 价格主数字 */
.zvp-product-price b{
  font-size:42px;          /* 字体大小 */
  font-weight:950;         /* 字体粗细 */
  letter-spacing:-.05em    /* 字间距 */
}

/* 划线价格（原价） */
.zvp-product del{
  position:relative;       /* 相对定位 */
  z-index:1;               /* 层级1 */
  display:block;           /* 块级元素 */
  min-height:17px;         /* 最小高度17px */
  margin-top:5px;          /* 顶部间距5px */
  color:rgba(255,255,255,.45); /* 文字颜色 */
  font-size:12px            /* 字体大小 */
}

/* 卡片小字描述 */
.zvp-product small{
  position:relative;       /* 相对定位 */
  z-index:1;               /* 层级1 */
  margin-top:7px;          /* 顶部间距7px */
  color:#c4ccdd;           /* 文字颜色 */
  font-size:12px;          /* 字体大小 */
  font-weight:760;         /* 字体粗细 */
  white-space:nowrap;      /* 不换行 */
  overflow:hidden;         /* 隐藏溢出 */
  text-overflow:ellipsis   /* 溢出省略号 */
}

/* 卡片底部按钮区域 */
.zvp-product-foot{
  position:relative;       /* 相对定位 */
  z-index:1;               /* 层级1 */
  display:flex;            /* 弹性布局 */
  align-items:center;      /* 垂直居中 */
  justify-content:center;  /* 水平居中 */
  height:45px;             /* 高度45px */
  margin:12px -16px 0;      /* 负边距拉伸宽度 */
  color:#2d3854;           /* 文字颜色 */
  font-size:12px;          /* 字体大小 */
  font-weight:950;         /* 字体粗细 */
  text-align:center;       /* 文字居中 */
  line-height:1.25          /* 行高 */
  
}
/* 选中状态卡片底部文字颜色 */
.zvp-product.is-active .zvp-product-foot{color:#4f3200}

/* ========================== 权益列表 ========================== */
.zvp-equity{
  margin-top:16px;         /* 顶部间距16px */
  border:0px solid rgba(255,208,131,.18); /* 边框 */
  border-bottom-color:rgba(255,255,255,.08); /* 底部边框 */
  border-radius:16px;      /* 圆角 */
  /* 渐变背景 */
  background:linear-gradient(180deg,rgba(255,208,131,.98) 0,rgba(255,208,131,.98) 44px,rgba(255,255,255,.055) 44px,rgba(255,255,255,.055) 100%);
  overflow:hidden         /* 隐藏溢出 */
}
/* 权益标题 */
.zvp-equity-title{
  display:flex;            /* 弹性布局 */
  align-items:center;      /* 垂直居中 */
  gap:10px;                /* 间距10px */
  height:44px;             /* 高度44px */
  padding:0 16px;          /* 左右内边距16px */
  color:#2f2106            /* 文字颜色 */
}
/* 权益标题主文字 */
.zvp-equity-title strong{
  font-size:18px;          /* 字体大小 */
  font-weight:950          /* 字体粗细 */
}
/* 权益标题副标题 */
.zvp-equity-title span{
  font-size:12px;          /* 字体大小 */
  font-weight:950;         /* 字体粗细 */
  opacity:.86              /* 透明度 */
}
/* 权益列表（网格） */
.zvp-equity ul{
  display:grid;            /* 网格布局 */
  grid-template-columns:repeat(2,minmax(0,1fr)); /* 2列等宽 */
  gap:0;                   /* 无间距 */
  margin:0;                /* 无外边距 */
  padding:12px 12px 14px;  /* 内边距 */
  list-style:none          /* 清除默认列表样式 */
}
/* 权益列表项 */
.zvp-equity li{
  display:flex;            /* 弹性布局 */
  align-items:center;      /* 垂直居中 */
  gap:9px;                 /* 间距9px */
  min-width:0;             /* 解决文字溢出 */
  padding:9px 8px;         /* 内边距 */
  color:#cfd6e8;           /* 文字颜色 */
  font-size:13px;          /* 字体大小 */
  font-weight:760;         /* 字体粗细 */
  line-height:1.35          /* 行高 */
}
/* 权益图标 */
.zvp-equity li i{
  display:flex;            /* 弹性布局 */
  align-items:center;      /* 垂直居中 */
  justify-content:center;  /* 水平居中 */
  width:24px;              /* 宽度24px */
  height:24px;             /* 高度24px */
  border-radius:50%;       /* 圆形 */
  background:rgba(255,208,131,.12); /* 背景 */
  color:var(--zvp-gold);   /* 图标颜色 */
  font-size:11px;          /* 字体大小 */
  flex:0 0 auto            /* 不缩放 */
}

/* ========================== 结算侧边栏 ========================== */
.zvp-checkout{
  position:sticky;          /* 粘性定位，滚动时固定 */
  top:84px;                 /* 距离顶部84px固定 */
  padding:16px;             /* 内边距16px */
  border:1px solid rgba(255,255,255,.10); /* 边框 */
  border-radius:18px;       /* 圆角 */
  background:rgba(255,255,255,.07); /* 半透明背景 */
  box-shadow:0 16px 42px rgba(0,0,0,.20); /* 阴影 */
  backdrop-filter:blur(16px) /* 毛玻璃效果 */
}
/* 结算价格区域 */
.zvp-checkout-price{
  padding:16px;             /* 内边距16px */
  border-radius:16px;       /* 圆角 */
  /* 渐变背景 */
  background:linear-gradient(135deg,rgba(255,208,131,.17),rgba(255,255,255,.06));
  border:1px solid rgba(255,208,131,.20) /* 边框 */
}
/* 价格标签 */
.zvp-checkout-price>span{
  display:block;           /* 块级元素 */
  color:#aab2c8;           /* 文字颜色 */
  font-size:12px;          /* 字体大小 */
  font-weight:900          /* 字体粗细 */
}
/* 价格容器 */
.zvp-checkout-price div{
  display:flex;            /* 弹性布局 */
  align-items:flex-end;    /* 底部对齐 */
  margin-top:8px;          /* 顶部间距8px */
  color:var(--zvp-gold-3); /* 文字颜色 */
  line-height:1            /* 行高 */
}
/* 价格符号 */
.zvp-checkout-price em{
  font-style:normal;       /* 清除斜体 */
  font-size:18px;          /* 字体大小 */
  font-weight:950;         /* 字体粗细 */
  margin:0 4px 7px 0       /* 外边距 */
}
/* 价格主数字 */
.zvp-checkout-price b{
  font-size:48px;          /* 字体大小 */
  font-weight:950;         /* 字体粗细 */
  letter-spacing:-.06em    /* 字间距 */
}

/* 订单元数据（描述列表） */
.zvp-order-meta{
  display:grid;            /* 网格布局 */
  grid-template-columns:42px minmax(0,1fr); /* 两列：固定42px+自适应 */
  gap:9px 10px;            /* 间距 */
  margin:14px 0;           /* 上下外边距14px */
  padding:0 0 14px;         /* 底部内边距14px */
  border-bottom:1px solid rgba(255,255,255,.09) /* 底部边框 */
}
/* 元数据标签（dt） */
.zvp-order-meta dt{
  color:#858da6;           /* 文字颜色 */
  font-size:12px;          /* 字体大小 */
  font-weight:900          /* 字体粗细 */
}
/* 元数据值（dd） */
.zvp-order-meta dd{
  margin:0;                /* 无外边距 */
  color:#dce3f2;           /* 文字颜色 */
  font-size:12px;          /* 字体大小 */
  font-weight:850;         /* 字体粗细 */
  white-space:nowrap;      /* 不换行 */
  overflow:hidden;         /* 隐藏溢出 */
  text-overflow:ellipsis   /* 溢出省略号 */
}

/* 支付方式区域 */
.zvp-payments{margin-bottom:14px} /* 底部外边距14px */
/* 支付方式标题 */
.zvp-payments-title{
  margin-bottom:10px;      /* 底部间距10px */
  color:#e8edf8;           /* 文字颜色 */
  font-size:13px;          /* 字体大小 */
  font-weight:950          /* 字体粗细 */
}
/* 支付方式列表（强制网格） */
.zvp-payment-list{
  display:grid!important;  /* 强制网格布局 */
  grid-template-columns:repeat(2,minmax(0,1fr))!important; /* 2列等宽 */
  gap:10px;                /* 间距10px */
  align-items:stretch      /* 高度一致 */
}

/* 支付方式按钮 */
.zvp-payment{
  display:flex!important;  /* 强制弹性布局 */
  align-items:center;      /* 垂直居中 */
  justify-content:center;  /* 水平居中 */
  gap:8px;                 /* 间距8px */
  width:100%!important;    /* 宽度100% */
  height:52px!important;   /* 高度52px */
  min-width:0;             /* 最小宽度0 */
  min-height:0!important;  /* 最小高度0 */
  margin:0!important;      /* 无外边距 */
  padding:0 10px!important; /* 内边距 */
  border:1px solid rgba(255,255,255,.10); /* 边框 */
  border-radius:13px;      /* 圆角 */
  background:rgba(255,255,255,.055); /* 背景 */
  color:#cbd2e4;           /* 文字颜色 */
  cursor:pointer;          /* 鼠标手型 */
  transition:.16s ease     /* 过渡动画 */
}
/* 支付方式悬浮+选中 */
.zvp-payment:hover,.zvp-payment.active{
  border-color:rgba(255,208,131,.64); /* 边框颜色 */
  background:rgba(255,208,131,.13);   /* 背景 */
  color:var(--zvp-gold-3)              /* 文字颜色 */
}
/* 支付方式图标容器 */
.zvp-payment-img{
  display:flex;            /* 弹性布局 */
  align-items:center;      /* 垂直居中 */
  justify-content:center;  /* 水平居中 */
  width:22px;              /* 宽度22px */
  height:22px;             /* 高度22px */
  flex:0 0 auto            /* 不缩放 */
}
/* 支付方式图标（图片/SVG） */
.zvp-payment-img img,.zvp-payment-img svg{
  max-width:100%;          /* 最大宽度100% */
  max-height:100%          /* 最大高度100% */
}
/* 支付方式名称 */
.zvp-payment-name{
  font-size:12px;          /* 字体大小 */
  font-weight:950;         /* 字体粗细 */
  white-space:nowrap;      /* 不换行 */
  overflow:hidden;         /* 隐藏溢出 */
  text-overflow:ellipsis   /* 溢出省略号 */
}
/* 无支付方式提示 */
.zvp-payment-empty{
  padding:12px;            /* 内边距 */
  border:1px dashed rgba(255,255,255,.16); /* 虚线边框 */
  border-radius:13px;      /* 圆角 */
  color:#9aa3ba;           /* 文字颜色 */
  font-size:12px;          /* 字体大小 */
  text-align:center         /* 文字居中 */
}

/* 提交订单按钮 */
.zvp-submit{
  display:flex;            /* 弹性布局 */
  align-items:center;      /* 垂直居中 */
  justify-content:center;  /* 水平居中 */
  gap:8px;                 /* 间距8px */
  width:100%;              /* 宽度100% */
  height:54px;             /* 高度54px */
  margin:0;                /* 无外边距 */
  padding:0 16px;          /* 左右内边距16px */
  border:0;                /* 无边框 */
  border-radius:14px;      /* 圆角 */
  /* 渐变背景 */
  background:linear-gradient(135deg,#ffe4a5,#ffbd61);
  color:#14100a!important; /* 文字颜色 */
  font-size:15px;          /* 字体大小 */
  font-weight:950;         /* 字体粗细 */
  cursor:pointer;          /* 鼠标手型 */
  box-shadow:0 16px 34px rgba(255,178,78,.26); /* 阴影 */
  transition:.16s ease     /* 过渡动画 */
}
/* 按钮悬浮 */
.zvp-submit:hover{
  transform:translateY(-1px); /* 向上偏移1px */
  filter:saturate(1.08);    /* 饱和度提升 */
  box-shadow:0 20px 42px rgba(255,178,78,.32) /* 阴影增强 */
}
/* 按钮文字容器 */
.zvp-submit strong{
  display:flex;            /* 弹性布局 */
  align-items:flex-end;    /* 底部对齐 */
  font-size:17px;          /* 字体大小 */
  line-height:1            /* 行高 */
}
/* 按钮重点文字 */
.zvp-submit strong b{font-size:20px}

/* 结算备注/提示 */
.zvp-checkout-note{
  margin:11px 0 0;         /* 顶部间距11px */
  color:#8992aa;           /* 文字颜色 */
  font-size:12px;          /* 字体大小 */
  line-height:1.65;        /* 行高 */
  text-align:center         /* 文字居中 */
}

/* ========================== 已激活会员展示区 ========================== */
.zvp-active-only{
  display:grid;            /* 网格布局 */
  grid-template-columns:minmax(0,1fr) minmax(220px,320px); /* 两列布局 */
  gap:16px;                /* 间距16px */
  padding:18px;            /* 内边距18px */
  border:1px solid rgba(255,208,131,.22); /* 边框 */
  border-radius:18px;      /* 圆角 */
  background:rgba(255,255,255,.055) /* 背景 */
}
/* 已激活标题 */
.zvp-active-only h3{
  margin:8px 0;            /* 上下外边距8px */
  color:var(--zvp-text);   /* 文字颜色 */
  font-size:28px;          /* 字体大小 */
  font-weight:950;         /* 字体粗细 */
  letter-spacing:-.04em    /* 字间距 */
}
/* 已激活描述 */
.zvp-active-only p{
  margin:0;                /* 无外边距 */
  color:#a4acc1;           /* 文字颜色 */
  line-height:1.7          /* 行高 */
}
/* 激活徽章 */
.zvp-active-badge{
  display:flex;            /* 弹性布局 */
  flex-direction:column;   /* 垂直排列 */
  justify-content:center;  /* 垂直居中 */
  padding:18px;            /* 内边距18px */
  border-radius:16px;      /* 圆角 */
  background:rgba(255,208,131,.12); /* 背景 */
  border:1px solid rgba(255,208,131,.20) /* 边框 */
}
/* 徽章主文字 */
.zvp-active-badge strong{
  color:var(--zvp-gold-3); /* 文字颜色 */
  font-size:26px;          /* 字体大小 */
  font-weight:950;         /* 字体粗细 */
  line-height:1            /* 行高 */
}
/* 徽章副标题 */
.zvp-active-badge span{
  margin-top:8px;          /* 顶部间距8px */
  color:#a8b1c7;           /* 文字颜色 */
  font-weight:850          /* 字体粗细 */
}

/* 小标签/角标 */
.zvp-kicker{
  display:inline-flex;     /* 行内弹性布局 */
  align-items:center;      /* 垂直居中 */
  width:max-content;       /* 宽度自适应 */
  padding:5px 10px;        /* 内边距 */
  border-radius:999px;     /* 胶囊形状 */
  background:rgba(255,208,131,.14); /* 背景 */
  color:var(--zvp-gold);   /* 文字颜色 */
  font-size:12px;          /* 字体大小 */
  font-weight:950;         /* 字体粗细 */
  letter-spacing:.08em     /* 字间距 */
}

/* 空状态/通知提示 */
.zvp-empty,.zvp-notice{
  padding:34px;            /* 内边距34px */
  border-radius:22px;      /* 圆角 */
  background:#0d1122;      /* 背景色 */
  color:#aab2c8;           /* 文字颜色 */
  text-align:center;       /* 文字居中 */
  box-shadow:var(--zvp-shadow) /* 阴影 */
}

/* ========================== 套餐对比区域 ========================== */
.zvp-compare{
  margin-top:24px;         /* 顶部间距24px */
  padding:28px;            /* 内边距28px */
  border-radius:28px;      /* 圆角 */
  /* 渐变背景 */
  background:linear-gradient(180deg,rgba(13,17,34,.98),rgba(15,21,41,.96));
  box-shadow:var(--zvp-shadow); /* 阴影 */
  color:var(--zvp-main);   /* 文字颜色 */
  overflow:hidden         /* 隐藏溢出 */
}
/* 对比标题 */
.zvp-compare-title{
  display:grid;            /* 网格布局 */
  grid-template-columns:minmax(0,1fr) minmax(280px,520px); /* 两列 */
  gap:14px 28px;           /* 间距 */
  align-items:end;         /* 底部对齐 */
  margin-bottom:20px       /* 底部间距20px */
}
/* 对比标题标签 */
.zvp-compare-title span{
  grid-column:1/-1;        /* 跨所有列 */
  display:inline-flex;     /* 行内弹性布局 */
  width:max-content;       /* 自适应宽度 */
  padding:5px 10px;        /* 内边距 */
  border-radius:999px;     /* 胶囊形状 */
  background:rgba(255,208,131,.13); /* 背景 */
  color:var(--zvp-gold);   /* 文字颜色 */
  font-size:12px;          /* 字体大小 */
  font-weight:950;         /* 字体粗细 */
  letter-spacing:.08em     /* 字间距 */
}
/* 对比主标题 */
.zvp-compare-title h2{
  margin:0;                /* 无外边距 */
  color:var(--zvp-text);   /* 文字颜色 */
  font-size:34px;          /* 字体大小 */
  font-weight:950;         /* 字体粗细 */
  letter-spacing:-.05em;   /* 字间距 */
  line-height:1.05          /* 行高 */
}
/* 对比描述 */
.zvp-compare-title p{
  margin:0;                /* 无外边距 */
  color:#98a1b8;           /* 文字颜色 */
  font-size:14px;          /* 字体大小 */
  font-weight:760;         /* 字体粗细 */
  line-height:1.75;        /* 行高 */
  text-align:right         /* 右对齐 */
}

/* 对比表格容器 */
.zvp-compare-table{
  border:1px solid rgba(255,255,255,.09); /* 边框 */
  border-radius:20px;      /* 圆角 */
  background:rgba(255,255,255,.045); /* 背景 */
  overflow:hidden         /* 隐藏溢出 */
}
/* 对比表格行 */
.zvp-compare-row{
  display:grid;            /* 网格布局 */
  grid-template-columns:minmax(220px,1.1fr); /* 首列宽度 */
  grid-auto-columns:minmax(150px,1fr); /* 自动列宽 */
  grid-auto-flow:column;   /* 自动排列为列 */
  border-top:1px solid rgba(255,255,255,.075) /* 顶部边框 */
}
/* 首行无边框 */
.zvp-compare-row:first-child{border-top:0}
/* 表头行背景 */
.zvp-compare-head{
  background:linear-gradient(135deg,rgba(255,208,131,.16),rgba(255,255,255,.05))
}
/* 表格单元格 */
.zvp-compare-cell{
  display:flex;            /* 弹性布局 */
  align-items:center;      /* 垂直居中 */
  justify-content:center;  /* 水平居中 */
  min-height:64px;         /* 最小高度64px */
  padding:14px 16px;       /* 内边距 */
  border-left:1px solid rgba(255,255,255,.075); /* 左边框 */
  color:#dce3f2;           /* 文字颜色 */
  font-size:13px;          /* 字体大小 */
  font-weight:850;         /* 字体粗细 */
  text-align:center;       /* 文字居中 */
  line-height:1.45          /* 行高 */
}
/* 首列无左边框 */
.zvp-compare-cell:first-child{border-left:0}
/* 功能列（左对齐） */
.zvp-compare-feature{
  justify-content:flex-start; /* 左对齐 */
  text-align:left;         /* 文字左对齐 */
  color:#f1f4fb            /* 文字颜色 */
}
/* 功能列图标 */
.zvp-compare-feature i{
  display:flex;            /* 弹性布局 */
  align-items:center;      /* 垂直居中 */
  justify-content:center;  /* 水平居中 */
  width:28px;              /* 宽度28px */
  height:28px;             /* 高度28px */
  margin-right:10px;       /* 右间距10px */
  border-radius:10px;      /* 圆角 */
  background:rgba(255,208,131,.13); /* 背景 */
  color:var(--zvp-gold);   /* 图标颜色 */
  font-size:12px;          /* 字体大小 */
  flex:0 0 auto            /* 不缩放 */
}
/* 功能列标题 */
.zvp-compare-feature strong{
  font-size:14px;          /* 字体大小 */
  font-weight:950          /* 字体粗细 */
}
/* 套餐列 */
.zvp-compare-plan{
  flex-direction:column;   /* 垂直排列 */
  gap:6px;                 /* 间距6px */
  color:var(--zvp-gold-3)  /* 文字颜色 */
}
/* 套餐名称 */
.zvp-compare-plan strong{
  font-size:16px;          /* 字体大小 */
  font-weight:950          /* 字体粗细 */
}
/* 套餐标签 */
.zvp-compare-plan span{
  display:inline-flex;     /* 行内弹性布局 */
  align-items:center;      /* 垂直居中 */
  gap:5px;                 /* 间距5px */
  padding:4px 8px;         /* 内边距 */
  border-radius:999px;     /* 胶囊形状 */
  background:rgba(255,208,131,.13); /* 背景 */
  color:var(--zvp-gold);   /* 文字颜色 */
  font-size:11px;          /* 字体大小 */
  font-weight:950          /* 字体粗细 */
}
/* 空单元格 */
.zvp-compare-empty{color:#687085}

/* ========================== 深色模式基础样式 ========================== */
body.dark-theme .zvp-page{background:linear-gradient(180deg,#1a1820 0,#101421 240px,#0c101a 100%)}
body.dark-theme .zvp-account-bar{color:#eef2ff}
body.dark-theme .zvp-user-info strong{color:#f5f7fb}
body.dark-theme .zvp-user-info span{color:#99a2b8}
body.dark-theme .zvp-account-meta{background:rgba(255,255,255,.08)}
body.dark-theme .zvp-account-meta span{color:#9da6bb}
body.dark-theme .zvp-account-meta strong{color:#fff3cf}

/* ========================== 响应式：1080px以下 ========================== */
@media (max-width:1080px){
  .zvp-container{width:min(100% - 24px,920px)} /* 容器宽度调整 */
  .zvp-workspace{grid-template-columns:1fr} /* 工作区单列 */
  .zvp-checkout{position:relative;top:auto} /* 取消粘性定位 */
  /* 产品卡片水平滚动 */
   .zvp-products{grid-template-columns:repeat(3,minmax(180px,1fr));overflow-x:auto;overflow-y:none;padding-bottom:4px;scroll-snap-type:x proximity;scrollbar-width:none}
  .zvp-products::-webkit-scrollbar{display:none}
  .zvp-product{scroll-snap-align:start} /* 滚动对齐 */
  .zvp-section-title p{text-align:left} /* 描述左对齐 */
  .zvp-compare{padding:22px} /* 内边距缩小 */
  .zvp-compare-title{grid-template-columns:1fr;align-items:start} /* 标题单列 */
  .zvp-compare-title h2{font-size:28px} /* 字体缩小 */
  .zvp-compare-title p{text-align:left} /* 描述左对齐 */
  /* 对比表水平滚动 */
  .zvp-compare-table{overflow-x:auto;scrollbar-width:none}
  .zvp-compare-table::-webkit-scrollbar{display:none}
  .zvp-compare-row{min-width:max(720px,100%)} /* 最小宽度 */
}

/* ========================== 响应式：760px以下（手机） ========================== */
@media (max-width:760px){
        .zvp-shell.zvp-shell-level-2>.zvp-member-switch>.zvp-panel-tab.zvp-tab-level-1:hover {
        background: linear-gradient(91deg, hsl(0deg 0% 100% / 0%), rgb(255 220 168 / 0%) 19%, hsl(0deg 0% 100% / 0%)) !important;
    }
    .zvp-shell-level-2{
    background-color: #0e111ee6!important;
}
.zvp-panel-tab.zvp-tab-level-2.is-active{
    border-radius: 12px 12px 0 0!important;
}
.zvp-panel-tab.zvp-tab-level-2{
        color: #5e6278!important;
        background: #eff5ff;
        border-radius: 0px 0px 0 12px;
        
}
.zvp-panel-tab.zvp-tab-level-1{
    color: #ffffff !important;
    background: linear-gradient(91deg, hsla(0, 0%, 100%, .08), rgba(255, 220, 168, .16) 19%, hsla(0, 0%, 100%, .08)) !important;
    border-radius: 0px 0 12px 0px !important;
}
.zvp-panel-tab.zvp-tab-level-2.is-active>strong{
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(227.59127422deg, #ffc979 16%, #fff7e8 54%, #ffba55 86%);
    color: transparent!important;
    /*transition: .18s ease;*/
}
.zvp-panel-tab.zvp-tab-level-2.is-active{
    background: linear-gradient(to top, #21181600, rgba(33, 24, 22, 0));
    /*transition: .18s ease;*/
}
.zvp-panel-tab.zvp-tab-level-1.is-active{
    background: #eff5ff00 !important;
        box-shadow: none!important;
        border-radius: 0px 0px 0 0!important;
        /*transition: .18s ease;*/
}
/**/
     .zvp-panel.zvp-level-1.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product.is-active {
    color: #000000;
    background: url(https://1847863044.v.123pan.cn/1847863044/youzhipark/bj.png) no-repeat!important;
    background-size: 100% 100%!important;
}
     .zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product.is-active {
    color: #000000;
    background: url(https://1847863044.v.123pan.cn/1847863044/youzhipark/svip.png) no-repeat!important;
    background-size: 100% 100%!important;
}
.zvp-panel.zvp-level-1.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product.is-active>strong,.zvp-panel.zvp-level-1.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product.is-active>del{
    background: linear-gradient(45deg,#2772ff,#3dd3ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent!important;
    
}
.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product.is-active>strong,.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product.is-active>del{
    background: linear-gradient(227.59127422deg, #ffc979 16%, #fff7e8 54%, #ffba55 86%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent!important;
}
.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product{
    /*background: linear-gradient(180deg, hsla(0, 0%, 100%, .16), hsla(0, 0%, 100%, .06));*/
    background: linear-gradient(180deg, hsl(0deg 0% 100% / 0%), hsla(0, 0%, 100%, .06));
}
/*未选择*/
.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product>.zvp-product-price,.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product>strong,.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product>.zvp-product-price>em,.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product>.zvp-product-price>b,.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product>.zvp-product-foot,.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product>del{
    color: #ffffff!important;
}
/*选中*/
.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product.is-active>.zvp-product-price,.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product.is-active>.zvp-product-price>em,.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product.is-active>.zvp-product-price>b{
    color:#ffffff00!important;
}
.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-products-wrap>.zvp-products>.zvp-product.is-active>.zvp-product-foot{
    color:#1b1f35!important;
}
.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-equity>ul>li{
    color:#ffffff!important;
}
/*帮助*/
.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-help{
    background-color: #25263300;
}
.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-help>.zvp-help-title>strong,.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-help>.zvp-help-title>span,.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-help>.zvp-help-list>.zvp-help-item>summary,.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-help>.zvp-help-list>.zvp-help-item>.zvp-help-answer{
    color: #ffffff;
}
.zvp-panel.zvp-level-2.is-active>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-help>.zvp-help-list>.zvp-help-item{
    border-bottom: 1px solid rgb(255 187 87 / 40%) !important;
}
#zvp-panel-pay-2>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-equity,#zvp-panel-pay-2>.zvp-form>.zvp-workspace>.zvp-plan-area>.zvp-help{
    background: #1d202c;
}
#zvp-panel-pay-2>.zvp-form>.zvp-workspace>.zvp-checkout{
    background: #1e212c!important;
    border-color: rgb(50 50 50);
}
#zvp-panel-pay-2>.zvp-form>.zvp-workspace>.zvp-checkout>.zvp-order-meta>dt,#zvp-panel-pay-2>.zvp-form>.zvp-workspace>.zvp-checkout>.zvp-order-meta>dd,#zvp-panel-pay-2>.zvp-form>.zvp-workspace>.zvp-checkout>.zvp-payments>.zvp-payment-list>.payment-method-radio.hollow-radio.zvp-payment.active{
    color: #ffffff;
}
#zvp-panel-pay-2>.zvp-form>.zvp-workspace>.zvp-checkout>.zvp-submit.signin-loader{
        color: #000000 !important;
}
#zvp-panel-pay-2>.zvp-form>.zvp-workspace>.zvp-checkout>.zvp-payments>.zvp-payment-list>.payment-method-radio.hollow-radio.zvp-payment{
    background: #343031;
    /*border-color: var(--zvp-border);*/
    color: #ffffff;
}

.zvp-container{
        margin-bottom: -33px;
}
footer{
            margin-top: -20px;
}
/*结束*/
.zvp-product:hover, .zvp-product.is-active {
    transform: translateY(0px);
    box-shadow: inset 0 0 0 1px rgba(255, 208, 131, .88), 0 18px 40px rgba(0, 0, 0, .22);
}
.zvp-shell {
    border: 0px solid var(--main-border-color, rgba(50, 50, 50, .06))!important;
    color: var(--main-color, #4e5358);
}
.zvp-shell.zvp-shell-level-1{
    margin-bottom: -30px;
}
  /* 页面样式调整 */
  .zvp-page{padding:14px 0 28px;background:linear-gradient(180deg,#fff3dd 0,#f4e4cc 98px,#090d1b 98px,#090d1b 100%)}
  body.dark-theme .zvp-page{background:linear-gradient(180deg,#2a221d 0,#1a1820 98px,#090d1b 98px,#090d1b 100%)}
  .zvp-container{width:100%;padding:0} /* 全屏宽度 */
  /* 账户栏调整 */
  .zvp-account-bar{padding:4px 18px 12px;margin:0;color:#1b2232}
  .zvp-avatar{width:48px;height:48px} /* 头像缩小 */
  .zvp-user-info strong{font-size:18px} /* 用户名缩小 */
  .zvp-user-info span{max-width:62vw;font-size:12px} /* 描述缩小 */
  .zvp-account-meta{display:none} /* 隐藏元数据 */
  /* 外壳调整 */
  .zvp-shell{border-radius:20px 20px 0 0;box-shadow:none;min-height:calc(100vh - 78px)}
  /* 选项卡调整 */
  .zvp-member-switch{margin:0 16px;padding:16px 0 13px;gap:8px}
  .zvp-panel-tab{min-width:auto;flex:1 0 auto;height:46px;padding:0 14px;border-radius:13px}
  .zvp-panel-tab>span{width:24px;height:24px;border-radius:8px}
  .zvp-panel-tab strong{font-size:14px}
  .zvp-panel{padding:0 16px 16px}
  /* 工作区调整 */
  .zvp-workspace{gap:14px}
  /* 标题调整 */
  .zvp-section-title{display:none;margin:3px 0 12px;align-items:center}
  .zvp-section-title h3{font-size:18px;margin:0}
  .zvp-section-title p{display:none} /* 隐藏描述 */
  .zvp-section-title span{padding:4px 8px;font-size:11px;order:2}
  /* 产品卡片水平滚动（双列） */
    .zvp-products{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,calc((100vw - 41px) / 2));grid-template-columns:none;gap:9px;margin:0 0px;padding:15px 14px 5px;overflow-x:auto}
  /* 产品卡片尺寸调整 */
  .zvp-product{min-height:150px;padding:15px 12px 0;border-radius:12px;background:linear-gradient(180deg,#20263a 0,#171c30 72%,#cdd8ee 72%,#cdd8ee 100%)}
  .zvp-product.is-active{background:linear-gradient(180deg,#2b2330 0,#1b2033 72%,#ffd083 72%,#ffd083 100%)}
  .zvp-product strong{min-height:36px;padding-right:18px;font-size:14px;line-height:1.3;background: var(--zvp-level-sjbjys);
    -webkit-background-clip: text;
    background-clip: text;}
  .zvp-product-price{margin-top:8px;background: linear-gradient(45.00000171deg, #181c32, #5e6278);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    color: #1f243300 !important;
  }
  .zvp-product-price em{font-size:14px;margin-bottom:4px}
  .zvp-product-price b{font-size:34px}
  .zvp-product del{min-height:16px;margin-top:4px;font-size:11px}
  .zvp-product small{display:none} /* 隐藏小字 */
  .zvp-product-foot {
        height: 32px;
        margin: 9px -11.5px 0;
        font-size: 12px;
        border-radius: 0 0 12px 12px;
        background: linear-gradient(315deg, #bfcce7, #637a9f 50%)!important;
    }
    /*选择*/
    .is-active>.zvp-product-price{
        background: var(--zvp-level-sjbjys);
        -webkit-background-clip: text;
        background-clip: text;
    }
    .is-active>.zvp-product-foot{
    background: var(--zvp-level-gradient)!important; 
    color: var(--zvp-level-contrast)!important;
    }
  .zvp-product-tag{font-size:12px;padding:4px 7px;}
  /* 权益区域调整 */
  .zvp-equity{margin-top:12px;border-radius:13px;border-color:rgba(255,208,131,.16);border-bottom-color:rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,208,131,.98) 0,rgba(255,208,131,.98) 36px,rgba(255,255,255,.055) 36px,rgba(255,255,255,.055) 100%)}
  .zvp-equity-title{padding:0 12px}
  .zvp-equity-title strong{font-size:16px}
  .zvp-equity-title span{font-size:11px}
  .zvp-equity ul{grid-template-columns:1fr 1fr;padding:9px 8px 10px;gap:0}
  .zvp-equity li{padding:8px 6px;gap:7px;font-size:12px}
  .zvp-equity li i{width:21px;height:21px;font-size:10px}
  /* 结算栏调整（底部固定） */
  .zvp-checkout{margin:0 -16px -16px;padding:14px 16px 16px;border-width:1px 0 0;border-radius:18px 18px 0 0;background:#171c30;box-shadow:0 -12px 36px rgba(0,0,0,.20)}
  .zvp-checkout-price{display:none} /* 隐藏价格 */
  .zvp-order-meta{grid-template-columns:40px minmax(0,1fr);margin:0 0 12px;padding-bottom:12px}
  .zvp-payments-title{display:none} /* 隐藏支付标题 */
  .zvp-payment-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
  .zvp-payment{height:58px!important;border-radius:13px}
  .zvp-submit{height:50px;border-radius:12px;font-size:15px}
  .zvp-checkout-note{font-size:11px}
  /* 已激活区域调整 */
  .zvp-active-only{grid-template-columns:1fr;padding:16px;border-radius:14px}
  .zvp-compare{display:none} /* 隐藏对比表 */
}

/* ========================== 响应式：390px以下（小屏手机） ========================== */
@media (max-width:390px){
  .zvp-account-bar{padding-left:14px;padding-right:14px}
  .zvp-panel{padding-left:12px;padding-right:12px}
  .zvp-member-switch{margin-left:12px;margin-right:12px}
  /* 产品卡片宽度再缩小 */
  .zvp-products{grid-auto-columns:minmax(138px,calc((100vw - 33px) / 2));margin-left:-12px;margin-right:-12px;padding:5px 14px 5px}
  .zvp-product-price b{font-size:30px}
  .zvp-equity li{font-size:11px}
  .zvp-checkout{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}
}

/* ========================== 面板等级主题色定义 ========================== */
/* 默认等级1（蓝色主题） */
.zvp-panel{
  --zvp-level-main:var(--zvp-blue);
  --zvp-level-strong:#5b8dff;
  --zvp-level-bg:url(https://1847863044.v.123pan.cn/1847863044/youzhipark/bj.png) no-repeat!important;
  --zvp-level-soft:rgba(76,132,255,.13);
  --zvp-level-soft-2:rgba(76,132,255,.08);
  --zvp-level-contrast:#ffffff;
  --zvp-level-deep:#163d7a;
}
/* 等级2（金色主题） */
.zvp-level-2{
  --zvp-level-main:var(--zvp-gold);
  --zvp-level-strong:var(--zvp-gold-2);
  --zvp-level-soft:rgba(255,208,131,.16);
  --zvp-level-soft-2:rgba(255,208,131,.09);
  --zvp-level-contrast:#fff5d6;
  --zvp-level-deep:#5f3d08;
}

/* ========================== 产品卡片滚动布局 ========================== */
.zvp-products{
  display:grid;            /* 网格布局 */
  grid-auto-flow:column;   /* 自动排列为列 */
  /* 自动列宽：最小220px，最大为(100%-24px)/3 */
  grid-auto-columns:minmax(220px,calc((100% - 24px) / 3));
  grid-template-columns:none; /* 清除模板列 */
  gap:12px;                /* 间距12px */
  overflow-x:auto;         /* 水平滚动 */
  overflow-y:visible;       /* 垂直隐藏 */
  padding:3px 2px 10px;     /* 内边距 */
  scroll-snap-type:x proximity; /* 滚动吸附 */
  scrollbar-width:none     /* 隐藏滚动条 */
}
.zvp-products::-webkit-scrollbar{display:none}

/* ========================== 产品卡片浅色模式样式 ========================== */
.zvp-product{
  min-width:0;             /* 最小宽度0 */
  scroll-snap-align:start; /* 滚动对齐 */
  /* 上下分色渐变背景 */
  background:linear-gradient(180deg,#ffffff 0,#ffffff 72%,var(--zvp-level-main) 72%,var(--zvp-level-main) 100%);
  color:var(--key-color,#1f2433); /* 文字颜色 */
  /* 内边框+外阴影 */
  box-shadow:inset 0 0 0 1px var(--main-border-color,rgba(50,50,50,.06)),0 12px 30px rgba(30,42,70,.08);
}
/* 卡片光效 */
.zvp-product:before{background:linear-gradient(135deg,var(--zvp-level-soft),transparent 56%)}
/* 悬浮+选中阴影 */
.zvp-product:hover,.zvp-product.is-active{box-shadow:inset 0 0 0 1px var(--zvp-level-strong),0 18px 42px rgba(30,42,70,.14)}
/* 选中状态背景 */
.zvp-product.is-active{background:linear-gradient(180deg,#ffffff 0,#ffffff 72%,var(--zvp-level-strong) 72%,var(--zvp-level-strong) 100%)}
.zvp-product strong{color:var(--zvp-level-deep)} /* 标题颜色 */
.zvp-product-price{color:var(--key-color,#1f2433)} /* 价格颜色 */
.zvp-product del{color:var(--muted-3-color,#b1b1b1)} /* 原价颜色 */
.zvp-product small{color:var(--muted-color,#777)} /* 描述颜色 */
.zvp-product-foot{color:var(--zvp-level-deep)} /* 底部文字颜色 */
.zvp-product.is-active .zvp-product-foot{color:var(--zvp-level-contrast)} /* 选中底部文字颜色 */

/* ========================== 权益列表浅色模式 ========================== */
.zvp-equity{
  border-color:var(--zvp-level-soft); /* 边框色 */
  border-bottom-color:var(--main-border-color,rgba(50,50,50,.06)); /* 底部边框 */
  /* 渐变背景 */
  background:linear-gradient(180deg,var(--zvp-level-main) 0,var(--zvp-level-main) 44px,#ffffff 44px,#ffffff 100%);
  box-shadow:0 12px 34px rgba(30,42,70,.08); /* 阴影 */
}
.zvp-equity-title{color:var(--zvp-level-deep)} /* 标题颜色 */
.zvp-equity li{color:var(--main-color,#4e5358)} /* 列表项颜色 */
.zvp-equity li i{background:var(--zvp-level-soft);color:var(--zvp-level-strong)} /* 图标样式 */

/* ========================== 帮助中心组件 ========================== */
.zvp-help{
  margin-top:14px;         /* 顶部间距 */
  border:1px solid var(--main-border-color,rgba(50,50,50,.06)); /* 边框 */
  border-radius:16px;      /* 圆角 */
  background:#ffffff;      /* 背景色 */
  box-shadow:0 12px 34px rgba(30,42,70,.08); /* 阴影 */
  overflow:hidden;         /* 隐藏溢出 */
}
/* 帮助标题 */
.zvp-help-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid var(--main-border-color,rgba(50,50,50,.06));background:var(--zvp-level-soft-2)}
.zvp-help-title strong{color:var(--key-color,#333);font-size:17px;font-weight:950;line-height:1.3}
.zvp-help-title span{max-width:58%;color:var(--muted-color,#777);font-size:12px;font-weight:760;line-height:1.6;text-align:right}
/* 帮助列表 */
.zvp-help-list{padding:6px 10px 10px}
.zvp-help-item{border-bottom:1px solid var(--main-border-color,rgba(50,50,50,.06))}
.zvp-help-item:last-child{border-bottom:0}
/* 帮助折叠标题 */
.zvp-help-item summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px;color:var(--key-color,#333);font-size:14px;font-weight:900;cursor:pointer;list-style:none}
.zvp-help-item summary::-webkit-details-marker{display:none} /* 清除默认箭头 */
.zvp-help-item summary i{color:var(--zvp-level-strong);transition:.18s ease} /* 箭头图标 */
.zvp-help-item[open] summary i{transform:rotate(180deg)} /* 展开时箭头旋转 */
/* 帮助答案内容 */
.zvp-help-answer{padding:0 4px 13px;color:var(--main-color,#4e5358);font-size:13px;font-weight:650;line-height:1.75}
.zvp-help-answer p{margin:0 0 8px}
.zvp-help-answer p:last-child{margin-bottom:0}
.zvp-help-answer a{color:var(--zvp-level-strong)} /* 链接颜色 */

/* ========================== 深色模式覆盖（卡片/帮助/权益） ========================== */
body.dark-theme .zvp-product,
body.dark-theme .zvp-product.is-active,
body.dark-theme .zvp-equity,
body.dark-theme .zvp-help{background-color:#ffffff}
body.dark-theme .zvp-product{background:linear-gradient(180deg,#ffffff 0,#ffffff 72%,var(--zvp-level-main) 72%,var(--zvp-level-main) 100%)}
body.dark-theme .zvp-product.is-active{background:linear-gradient(180deg,#ffffff 0,#ffffff 72%,var(--zvp-level-strong) 72%,var(--zvp-level-strong) 100%)}
body.dark-theme .zvp-equity{background:linear-gradient(180deg,var(--zvp-level-main) 0,var(--zvp-level-main) 44px,#ffffff 44px,#ffffff 100%)}
body.dark-theme .zvp-product-price,
body.dark-theme .zvp-help-title strong,
body.dark-theme .zvp-help-item summary{color:#1f2433}
body.dark-theme .zvp-product small,
body.dark-theme .zvp-help-title span{color:#687085}
body.dark-theme .zvp-equity li,
body.dark-theme .zvp-help-answer{color:#4e5358}

/* ========================== 手机端深色模式适配 ========================== */
@media (max-width:760px){
  .zvp-products{grid-auto-columns:minmax(150px,calc((100vw - 41px) / 2));gap:9px;margin:0 -16px;padding:5px 14px 8px}
  .zvp-product{background:linear-gradient(180deg,#ffffff 0,#ffffff 72%,var(--zvp-level-main) 72%,var(--zvp-level-main) 100%)}
  .zvp-product.is-active{background:linear-gradient(180deg,#ffffff 0,#ffffff 72%,var(--zvp-level-strong) 72%,var(--zvp-level-strong) 100%)}
  .zvp-equity{background:linear-gradient(180deg,var(--zvp-level-main) 0,var(--zvp-level-main) 36px,#ffffff 36px,#ffffff 100%)}
  .zvp-help{margin-top:12px;border-radius:13px}
  .zvp-help-title{display:block;padding:11px 12px}
  .zvp-help-title strong{display:block;font-size:16px}
  .zvp-help-title span{display:block;max-width:none;margin-top:4px;text-align:left;font-size:11px}
  .zvp-help-list{padding:4px 8px 8px}
  .zvp-help-item summary{padding:10px 4px;font-size:13px}
  .zvp-help-answer{padding-bottom:11px;font-size:12px}
}

/* 小屏手机帮助中心适配 */
@media (max-width:390px){
  .zvp-products{grid-auto-columns:minmax(138px,calc((100vw - 33px) / 2));margin-left:-12px;margin-right:-12px;padding:5px 14px 8px}
}

/* ========================== 等级主题色最终定义 ========================== */
/* 等级1（蓝色） */
.zvp-panel{
  --zvp-level-main:#b8cdf7;
  --zvp-level-strong:#4d86ff;
  --zvp-level-soft:rgba(77,134,255,.14);
  --zvp-level-soft-2:rgba(77,134,255,.08);
  --zvp-level-contrast:#ffffff;
  --zvp-level-deep:#16498f;
  --zvp-level-shadow:rgba(77,134,255,.24);
}
/* 等级2（金色） */
.zvp-level-2{
  --zvp-level-main:#f1d39a;
  --zvp-level-strong:#d59a32;
  --zvp-level-soft:rgba(213,154,50,.16);
  --zvp-level-soft-2:rgba(213,154,50,.09);
  --zvp-level-contrast:#fff8e8;
  --zvp-level-deep:#6b470f;
  --zvp-level-shadow:rgba(213,154,50,.24);
}

/* ========================== 页面背景标准化 ========================== */
.zvp-page{
  color:var(--main-color,#4e5358);
  background:
    radial-gradient(circle at 18% -10%,var(--zvp-level-soft),transparent 34vw),
    radial-gradient(circle at 84% 0,rgba(255,255,255,.62),transparent 30vw),
    linear-gradient(180deg,var(--body-bg-color,#f5f6f7) 0,var(--body-bg-color,#f5f6f7) 100%);
}
/* 账户栏文字 */
.zvp-account-bar{color:var(--key-color,#333)}
/* 头像样式 */
.zvp-avatar{background:linear-gradient(135deg,var(--zvp-level-main),var(--zvp-level-strong));box-shadow:0 12px 28px var(--zvp-level-shadow);color:var(--zvp-level-deep)}
/* 元数据背景 */
.zvp-account-meta{background:var(--main-bg-color,#fff);box-shadow:0 12px 30px var(--main-shadow,rgba(116,116,116,.08))}
.zvp-account-meta strong{color:var(--key-color,#333)}

/* ========================== 主外壳浅色模式 ========================== */
.zvp-shell{
  background:var(--main-bg-color,#fff);
  border:1px solid var(--main-border-color,rgba(50,50,50,.06));
  color:var(--main-color,#4e5358);
  box-shadow:var(--zvp-shadow);
}
.zvp-shell:before{background:linear-gradient(180deg,var(--zvp-level-soft) 0,transparent 210px)}

/* ========================== 选项卡浅色模式 ========================== */
.zvp-panel-tab{border-color:var(--main-border-color,rgba(50,50,50,.06));background:var(--muted-bg-color,#eee);color:var(--main-color,#4e5358)}
.zvp-panel-tab>span{background:var(--main-bg-color,#fff);color:var(--muted-color,#777)}
.zvp-panel-tab:hover,.zvp-panel-tab.is-active{border-color:var(--zvp-level-strong);background:var(--zvp-level-soft);color:var(--zvp-level-deep)}
.zvp-panel-tab.is-active>span{background:linear-gradient(135deg,var(--zvp-level-main),var(--zvp-level-strong));color:var(--zvp-level-contrast)}

/* ========================== 标题区域浅色模式 ========================== */
.zvp-section-title{color:var(--main-color,#4e5358)}
.zvp-section-title span,.zvp-kicker{background:var(--zvp-level-soft);color:var(--zvp-level-deep)}
.zvp-section-title h3{color:var(--key-color,#333)}
.zvp-section-title p{color:var(--muted-color,#777)}

/* ========================== 产品卡片滚动布局（重复覆盖） ========================== */
.zvp-products{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(220px,calc((100% - 24px) / 3));
  grid-template-columns:none;
  gap:12px;
  overflow-x:auto;
  overflow-y:visible;
  padding:3px 2px 10px;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
}
.zvp-products::-webkit-scrollbar{display:none}
.zvp-product{
  min-width:0;
  scroll-snap-align:start;
  background:linear-gradient(180deg,#ffffff 0,#ffffff 72%,var(--zvp-level-main) 72%,var(--zvp-level-main) 100%);
  color:var(--key-color,#1f2433);
  box-shadow:inset 0 0 0 1px var(--main-border-color,rgba(50,50,50,.06)),0 12px 30px rgba(30,42,70,.08);
}
.zvp-product:before{background:linear-gradient(135deg,var(--zvp-level-soft),transparent 56%)}
.zvp-product:hover,.zvp-product.is-active{box-shadow:inset 0 0 0 px var(--zvp-level-strong),0 18px 42px rgba(30,42,70,.14)}
.zvp-product.is-active{background:linear-gradient(180deg,#ffffff 0,#ffffff 72%,var(--zvp-level-strong) 72%,var(--zvp-level-strong) 100%)}
.zvp-product strong{color:var(--zvp-level-deep)}
.zvp-product-price{color:#1f2433}
.zvp-product del{color:#9aa3b2}
.zvp-product small{color:#687085}
.zvp-product-foot{color:var(--zvp-level-deep)}
.zvp-product.is-active .zvp-product-foot{color:var(--zvp-level-contrast)}

/* ========================== 权益列表浅色模式 ========================== */
.zvp-equity{
  border-color:var(--zvp-level-soft);
  border-bottom-color:var(--main-border-color,rgba(50,50,50,.06));
  background:linear-gradient(180deg,var(--zvp-level-main) 0,var(--zvp-level-main) 44px,#ffffff 44px,#ffffff 100%);
  box-shadow:0 12px 34px rgba(30,42,70,.08);
}
.zvp-equity-title{color:var(--zvp-level-deep)}
.zvp-equity li{color:#4e5358}
.zvp-equity li i{background:var(--zvp-level-soft);color:var(--zvp-level-strong)}

/* ========================== 结算栏浅色模式 ========================== */
.zvp-checkout{
  border-color:var(--main-border-color,rgba(50,50,50,.06));
  background:var(--main-bg-color,#fff);
  color:var(--main-color,#4e5358);
  box-shadow:0 16px 42px var(--main-shadow,rgba(116,116,116,.08));
}
.zvp-checkout-price{background:var(--zvp-level-soft-2);border-color:var(--zvp-level-soft)}
.zvp-checkout-price>span,.zvp-order-meta dt,.zvp-checkout-note{color:var(--muted-color,#777)}
.zvp-checkout-price div{color:var(--zvp-level-deep)}
.zvp-order-meta{border-bottom-color:var(--main-border-color,rgba(50,50,50,.06))}
.zvp-order-meta dd,.zvp-payments-title{color:var(--key-color,#333)}
/* 支付方式 */
.zvp-payment{border-color:var(--main-border-color,rgba(50,50,50,.06));background:var(--muted-bg-color,#eee);color:var(--main-color,#4e5358)}
.zvp-payment:hover,.zvp-payment.active{border-color:var(--zvp-level-strong);background:var(--zvp-level-soft);color:var(--zvp-level-deep)}
.zvp-payment-empty{border-color:var(--main-border-color,rgba(50,50,50,.06));color:var(--muted-color,#777)}
/* 提交按钮 */
.zvp-submit{background:linear-gradient(135deg,var(--zvp-level-main),var(--zvp-level-strong));color:var(--zvp-level-contrast)!important;box-shadow:0 16px 34px var(--zvp-level-shadow)}
.zvp-submit:hover{box-shadow:0 20px 42px var(--zvp-level-shadow)}

/* ========================== 已激活区域浅色模式 ========================== */
.zvp-active-only{border-color:var(--zvp-level-soft);background:var(--main-bg-color,#fff)}
.zvp-active-only h3{color:var(--key-color,#333)}
.zvp-active-only p,.zvp-active-badge span{color:var(--muted-color,#777)}
.zvp-active-badge{background:var(--zvp-level-soft-2);border-color:var(--zvp-level-soft)}
.zvp-active-badge strong{color:var(--zvp-level-deep)}

/* 空状态 */
.zvp-empty,.zvp-notice{background:var(--main-bg-color,#fff);color:var(--muted-color,#777)}

/* ========================== 对比区域浅色模式 ========================== */
.zvp-compare{background:var(--main-bg-color,#fff);color:var(--main-color,#4e5358);border:1px solid var(--main-border-color,rgba(50,50,50,.06))}
.zvp-compare-title span,.zvp-compare-plan span{background:var(--zvp-level-soft);color:var(--zvp-level-deep)}
.zvp-compare-title h2{color:var(--key-color,#333)}
.zvp-compare-title p{color:var(--muted-color,#777)}
.zvp-compare-table{border-color:var(--main-border-color,rgba(50,50,50,.06));background:var(--main-bg-color,#fff)}
.zvp-compare-row{border-top-color:var(--main-border-color,rgba(50,50,50,.06))}
.zvp-compare-head{background:var(--zvp-level-soft-2)}
.zvp-compare-cell{border-left-color:var(--main-border-color,rgba(50,50,50,.06));color:var(--main-color,#4e5358)}
.zvp-compare-feature{color:var(--key-color,#333)}
.zvp-compare-feature i{background:var(--zvp-level-soft);color:var(--zvp-level-strong)}
.zvp-compare-plan{color:var(--zvp-level-deep)}

/* ========================== 帮助中心浅色模式 ========================== */
.zvp-help{
  margin-top:14px;
  border:1px solid var(--main-border-color,rgba(50,50,50,.06));
  border-radius:16px;
  background:#ffffff;
  box-shadow:0 12px 34px rgba(30,42,70,.08);
  overflow:hidden;
}
.zvp-help-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid var(--main-border-color,rgba(50,50,50,.06));background:var(--zvp-level-soft-2)}
.zvp-help-title strong{color:#1f2433;font-size:17px;font-weight:950;line-height:1.3}
.zvp-help-title span{max-width:58%;color:#687085;font-size:12px;font-weight:760;line-height:1.6;text-align:right}
.zvp-help-list{padding:6px 10px 10px}
.zvp-help-item{border-bottom:1px solid var(--main-border-color,rgba(50,50,50,.06))}
.zvp-help-item:last-child{border-bottom:0}
.zvp-help-item summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px;color:#1f2433;font-size:14px;font-weight:900;cursor:pointer;list-style:none}
.zvp-help-item summary::-webkit-details-marker{display:none}
.zvp-help-item summary i{color:var(--zvp-level-strong);transition:.18s ease}
.zvp-help-item[open] summary i{transform:rotate(180deg)}
.zvp-help-answer{padding:0 4px 13px;color:#4e5358;font-size:13px;font-weight:650;line-height:1.75}
.zvp-help-answer p{margin:0 0 8px}
.zvp-help-answer p:last-child{margin-bottom:0}
.zvp-help-answer a{color:var(--zvp-level-strong)}

/* ========================== 完整深色模式适配 ========================== */
body.dark-theme .zvp-page{background:linear-gradient(180deg,var(--body-bg-color,#292a2d) 0,var(--muted-bg-color,#2d2e31) 100%)}
body.dark-theme .zvp-account-bar{color:var(--key-color,#f8fafc)}
body.dark-theme .zvp-shell,
body.dark-theme .zvp-checkout,
body.dark-theme .zvp-active-only,
body.dark-theme .zvp-compare,
body.dark-theme .zvp-compare-table{background:var(--main-bg-color,#323335);color:var(--main-color,#e5eef7);border-color:var(--main-border-color,rgba(114,114,114,.1))}
body.dark-theme .zvp-product,
body.dark-theme .zvp-product.is-active,
body.dark-theme .zvp-equity,
body.dark-theme .zvp-help{background-color:#ffffff}
body.dark-theme .zvp-product{background:linear-gradient(180deg,#ffffff 0,#ffffff 72%,var(--zvp-level-main) 72%,var(--zvp-level-main) 100%)}
body.dark-theme .zvp-product.is-active{background:linear-gradient(180deg,#ffffff 0,#ffffff 72%,var(--zvp-level-strong) 72%,var(--zvp-level-strong) 100%)}
body.dark-theme .zvp-equity{background:linear-gradient(180deg,var(--zvp-level-main) 0,var(--zvp-level-main) 44px,#ffffff 44px,#ffffff 100%)}
body.dark-theme .zvp-panel-tab{border-color:var(--main-border-color,rgba(114,114,114,.1));background:#2d2e3100;color:var(--main-color,#e5eef7)}
body.dark-theme .zvp-panel-tab>span{background:var(--main-bg-color,#323335);color:var(--muted-color,#b4b6bb)}
body.dark-theme .zvp-section-title h3,
body.dark-theme .zvp-order-meta dd,
body.dark-theme .zvp-payments-title,
body.dark-theme .zvp-active-only h3,
body.dark-theme .zvp-compare-title h2,
body.dark-theme .zvp-compare-feature{color:var(--key-color,#f8fafc)}
body.dark-theme .zvp-section-title p,
body.dark-theme .zvp-checkout-price>span,
body.dark-theme .zvp-order-meta dt,
body.dark-theme .zvp-checkout-note,
body.dark-theme .zvp-active-only p,
body.dark-theme .zvp-active-badge span,
body.dark-theme .zvp-compare-title p,
body.dark-theme .zvp-user-info span,
body.dark-theme .zvp-account-meta span{color:var(--muted-color,#b4b6bb)}
body.dark-theme .zvp-checkout-price,
body.dark-theme .zvp-active-badge,
body.dark-theme .zvp-compare-head{background:rgba(255,255,255,.04);border-color:var(--main-border-color,rgba(114,114,114,.1))}
body.dark-theme .zvp-payment{background:#2d2e31;border-color:var(--main-border-color,rgba(114,114,114,.1));color:var(--main-color,#e5eef7)}
body.dark-theme .zvp-payment:hover,.zvp-payment.active{background:var(--zvp-level-soft);border-color:var(--zvp-level-strong);color:var(--zvp-text-strong)}
body.dark-theme .zvp-account-meta,
body.dark-theme .zvp-product-arrow{background:rgba(255,255,255,.94);color:var(--zvp-level-deep)}
body.dark-theme .zvp-product-price,
body.dark-theme .zvp-help-title strong,
body.dark-theme .zvp-help-item summary{color:#1f2433}
body.dark-theme .zvp-product small,
body.dark-theme .zvp-help-title span{color:#687085}
body.dark-theme .zvp-equity li,
body.dark-theme .zvp-help-answer{color:#4e5358}

/* 手机端深色模式 */
@media (max-width:760px){
    .zvp-shell:before {
    background: radial-gradient(circle at 18% 0, rgb(255 208 131 / 0%), transparent 34%), radial-gradient(circle at 78% 0, rgba(255, 147, 80, .16), transparent 38%) !important;
}
    .zvp-product,.is-active>strong{
    color: var(--zvp-level-deepsj2)!important;
}
.zvp-panel-tab ,.zvp-tab-level-1 ,.is-active>strong{
    color:var(--focus-color)!important;
}
 .zvp-product strong{color:var(--zvp-level-deepsj);text-align: center;}
  .zvp-page{background:linear-gradient(180deg,var(--body-bg-color,#f5f6f7) 0,var(--body-bg-color,#f5f6f7) 100%)}
  body.dark-theme .zvp-page{background:linear-gradient(180deg,var(--body-bg-color,#292a2d) 0,var(--muted-bg-color,#2d2e31) 100%)}
  .zvp-shell{background:var(--main-bg-color,#fff);border-radius:12px 12px 0 0}
  .zvp-products{grid-auto-columns:minmax(150px,calc((100vw - 41px) / 2));gap:9px;margin: 0 -10px 0 0px;padding:15px 14px 5px;}
  .zvp-product{background:linear-gradient(180deg,#ffffff 0,#ffffff 72%,var(--zvp-level-main) 72%,var(--zvp-level-main) 100%)}
  .zvp-product.is-active{background:linear-gradient(180deg,#ffffff 0,#ffffff 72%,var(--zvp-level-strong) 72%,var(--zvp-level-strong) 100%)}
  .zvp-equity{background:linear-gradient(180deg,var(--zvp-level-main) 0,var(--zvp-level-main) 36px,#ffffff 36px,#ffffff 100%)}
  .zvp-checkout{background:var(--main-bg-color,#fff);border-color:var(--main-border-color,rgba(50,50,50,.06));box-shadow:0 -12px 36px var(--main-shadow,rgba(116,116,116,.08))}
  body.dark-theme .zvp-shell,body.dark-theme .zvp-checkout{background:var(--main-bg-color,#323335);border-color:var(--main-border-color,rgba(114,114,114,.1))}
  .zvp-help{margin-top:12px;border-radius:13px}
  .zvp-help-title{display:block;padding:11px 12px}
  .zvp-help-title strong{display:block;font-size:16px}
  .zvp-help-title span{display:block;max-width:none;margin-top:4px;text-align:left;font-size:11px}
  .zvp-help-list{padding:4px 8px 8px}
  .zvp-help-item summary{padding:10px 4px;font-size:13px}
  .zvp-help-answer{padding-bottom:11px;font-size:12px}
}

/* 小屏手机深色模式 */
@media (max-width:390px){
  .zvp-products{grid-auto-columns:minmax(138px,calc((100vw - 33px) / 2));margin-left:-12px;margin-right:-12px;padding:5px 14px 8px}
}

/* ========================== 等级渐变样式（最终版） ========================== */
/* 等级1蓝色渐变 */
.zvp-shell-level-1,
.zvp-level-1,
.zvp-panel{
  --zvp-level-gradient:linear-gradient(135deg,#2772ff 50%,#3dd3ff);
  --zvp-level-main:#2772ff;
  --zvp-level-strong:#2772ff;
  --zvp-level-soft:rgba(39,114,255,.14);
  --zvp-level-soft-2:rgba(39,114,255,.08);
  --zvp-level-contrast:#ffffff;
  --zvp-level-shadow:rgba(39,114,255,.28);
   --zvp-level-deepsj:#393d53;
   --zvp-level-deepsj2:#393d5300;
   --zvp-level-deep:#163d7a;
  --zvp-level-sjbjys:linear-gradient(45deg, #2772ff, #3dd3ff);
}
/* 等级2金色渐变 */
.zvp-shell-level-2,
.zvp-level-2{
  --zvp-level-gradient:linear-gradient(318deg,#ffc979 16%,#fff7e8 54%,#ffba55 86%);
  --zvp-level-main:#ffc979;
  --zvp-level-strong:#ffba55;
  --zvp-level-soft:rgba(255,186,85,.18);
  --zvp-level-soft-2:rgba(255,186,85,.10);
  --zvp-level-contrast:#5f3700;
  --zvp-level-deep:#6b470f;
   --zvp-level-deepsj:transparent;
  --zvp-level-shadow:rgba(255,186,85,.28);
   --zvp-level-sjbjys:linear-gradient(227.59127422deg, #ffc979 16%, #fff7e8 54%, #ffba55 86%);;
}

/* 头像/选中选项卡/提交按钮使用渐变背景 */
.zvp-avatar,.zvp-panel-tab.is-active>span,.zvp-submit{background:var(--zvp-level-gradient)}

/* ========================== 选项卡切换包装器 ========================== */
.zvp-switch-wrap{position:relative;z-index:2;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px;margin:0 18px;padding:18px 0 16px}
/* 成员切换选项卡容器 */
.zvp-member-switch{display:flex;align-items:stretch;gap:0;min-width:0;margin:0;padding:0;border:1px solid var(--main-border-color,rgba(50,50,50,.06));border-radius:26px;background:rgba(255,255,255,.78);box-shadow:0 18px 42px rgba(30,42,70,.08);overflow-x:auto;overflow-y:visible;scrollbar-width:none}
.zvp-member-switch::-webkit-scrollbar{display:none}
/* 选项卡按钮样式 */
.zvp-panel-tab{position:relative;min-width:150px;height:72px;flex:1 0 auto;padding:0 26px;border:0;border-radius:24px;background:transparent;color:var(--zvp-level-deep);box-shadow:none;font-size:18px;font-weight:950}
.zvp-panel-tab>span{display:none} /* 隐藏图标 */
.zvp-panel-tab strong{position:relative;z-index:2;font-size:18px;font-weight:950;color:inherit;letter-spacing:.02em}
/* 选项卡底部指示条 */
.zvp-panel-tab:before{content:"";position:absolute;left:14px;right:14px;bottom:9px;height:4px;border-radius:999px;background:var(--zvp-level-gradient);opacity:0;transform:scaleX(.42);transition:.2s ease}
.zvp-panel-tab:hover{background:var(--zvp-level-soft);color:var(--zvp-level-deep)}
/* 选项卡选中状态 */
.zvp-panel-tab.is-active{transform:translateY(-8px);background:#ffffff;color:var(--zvp-level-deep);box-shadow:0 18px 42px rgba(30,42,70,.12);border-radius:26px 26px 18px 18px}
.zvp-panel-tab.is-active:before{opacity:1;transform:scaleX(1)}
.zvp-panel-tab.is-disabled{opacity:.45}

/* 切换箭头按钮 */
.zvp-switch-arrow{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--main-border-color,rgba(50,50,50,.06));border-radius:50%;background:var(--main-bg-color,#fff);color:var(--zvp-level-deep);box-shadow:0 12px 30px rgba(30,42,70,.10);cursor:pointer;transition:.18s ease}
.zvp-switch-arrow:hover{transform:translateY(-1px);background:var(--zvp-level-gradient);color:var(--zvp-level-contrast);box-shadow:0 16px 36px var(--zvp-level-shadow)}
.zvp-switch-arrow:disabled{opacity:.35;cursor:not-allowed;transform:none;background:var(--main-bg-color,#fff);color:var(--muted-color,#777);box-shadow:none}

/* 产品卡片背景统一为白色 */
.zvp-product,.zvp-product.is-active{background:#ffffff}
/* 产品卡片底部使用渐变 */
.zvp-product-foot,.zvp-product.is-active .zvp-product-foot{background:var(--zvp-level-gradient);color:var(--zvp-level-contrast)}
/* 产品卡片拖动样式 */
.zvp-products{cursor:grab;user-select:none}
.zvp-products.is-dragging{cursor:grabbing;scroll-snap-type:none}

/* 权益标题使用渐变 */
.zvp-equity-title{background:var(--zvp-level-gradient);color:var(--zvp-level-contrast)}
/* 价格文字渐变镂空 */
.zvp-checkout-price div{background:var(--zvp-level-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}

/* 等级2文字颜色区分 */
.zvp-level-2 .zvp-submit,.zvp-shell-level-2 .zvp-submit,.zvp-level-2 .zvp-product-foot,.zvp-level-2 .zvp-product.is-active .zvp-product-foot,.zvp-shell-level-2 .zvp-switch-arrow:hover{color:#5f3700!important}
.zvp-level-1 .zvp-product-foot,.zvp-level-1 .zvp-product.is-active .zvp-product-foot{color:#ffffff!important}

/* 手机端选项卡样式 */
@media (max-width:760px){
  .zvp-switch-wrap{grid-template-columns:38px minmax(0,1fr) 38px;gap:7px;margin:0 12px;padding:14px 0 12px}
  .zvp-switch-arrow{width:38px;height:38px}
  .zvp-member-switch{border-radius:20px}
  .zvp-panel-tab{min-width:112px;height:54px;padding:0 18px;border-radius:18px;font-size:15px}
  .zvp-panel-tab strong{font-size:15px}
  .zvp-panel-tab.is-active{transform:translateY(-5px);border-radius:20px 20px 14px 14px}
  .zvp-product,.zvp-product.is-active{background:#ffffff}
  .zvp-equity{background:linear-gradient(180deg,var(--zvp-level-main) 0,var(--zvp-level-main) 36px,#ffffff 36px,#ffffff 100%)}
}
/* 小屏手机选项卡 */
@media (max-width:390px){
  .zvp-switch-wrap{margin-left:8px;margin-right:8px;grid-template-columns:34px minmax(0,1fr) 34px}
  .zvp-switch-arrow{width:34px;height:34px}
  .zvp-panel-tab{min-width:98px;padding:0 14px}
}

/* ========================== 顶部选项卡最终样式（带弧形背景） ========================== */
.zvp-switch-wrap{display:block;grid-template-columns:none;margin:0;padding:0 0 18px}
.zvp-switch-arrow{display:none!important} /* 隐藏箭头 */
.zvp-member-switch{position: relative;
    height: 66px;
    margin: 0 0 12px 0;
    padding: 0px;
    border: 0;
    border-radius: 20px;
    background: rgba(255, 255, 255, .82);
    box-shadow: none;
    overflow-x: auto;
    overflow-y: visible;
    /*border: 1px solid #e0efff;*/
    border-radius: 12px 12px 0px 0px;}
.zvp-panel-tab{position:relative;z-index:1;min-width:150px;height:66px;margin:0;padding:0 28px;border:0;border-radius:0;background:transparent;color:#6b370e;box-shadow:none;transform:none;font-size:19px;font-weight:950;overflow:visible}
.zvp-panel-tab strong{font-size:19px;font-weight:950;color:inherit}
.zvp-panel-tab:before,.zvp-panel-tab:after{display:none}
.zvp-panel-tab:hover{background:transparent;color:#6b370e}
/* 选中选项卡弧形装饰（使用背景图片） */
.zvp-panel-tab.is-active{z-index:3;height:66px;transform:none;background:#ffffff;color:#6b370e;box-shadow:0 14px 32px rgba(90,54,10,.08);    border-radius: 0px 12px 0 0;}
/*.zvp-panel-tab.is-active:before,.zvp-panel-tab.is-active:after{content:"";display:block;position:absolute;bottom:0;width:67px;height:74px;background:url(https://statics.123pan.com/static-by-custom/member/static/new-tab-right.01c28d08.png) 100% 100% no-repeat;background-size:100% 100%;pointer-events:none}*/
.zvp-panel-tab.is-active:before{left:-43px;transform:scaleX(-1)}
.zvp-panel-tab.is-active:after{right:-43px}
.zvp-panel-tab.is-active strong{position:relative;z-index:4}

/* ========================== 产品卡片左右箭头 ========================== */
.zvp-products-wrap{position:relative;min-width:0}
.zvp-product-arrow{position:absolute;top:50%;z-index:5;display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin-top:-21px;border:1px solid var(--main-border-color,rgba(50,50,50,.06));border-radius:50%;background:rgba(255,255,255,.92);color:var(--zvp-level-deep);box-shadow:0 14px 32px rgba(30,42,70,.14);cursor:pointer;transition:.18s ease}
.zvp-product-prev{left:-12px}
.zvp-product-next{right:-12px}
.zvp-product-arrow:hover{transform:translateY(-1px);background:var(--zvp-level-gradient);color:var(--zvp-level-contrast);box-shadow:0 18px 38px var(--zvp-level-shadow)}
.zvp-level-2 .zvp-product-arrow:hover{color:#5f3700}

/* 手机端产品箭头 */
@media (max-width:760px){
  .zvp-switch-wrap{margin:0 16px;padding:16px 0 13px}
  .zvp-product-prev{left:2px}
  .zvp-product-next{right:2px}
  .zvp-product-arrow{width:38px;height:38px;margin-top:-19px;display:none}
}
@media (max-width:390px){
  .zvp-switch-wrap{margin-left:12px;margin-right:12px}
  .zvp-product-arrow{width:34px;height:34px;margin-top:-17px}
}

/* ========================== 最终日夜模式表面色标准化 ========================== */
.zvp-page{
  --zvp-page-bg:var(--body-bg-color,#f5f6f7);
  --zvp-surface:var(--main-bg-color,#fff);
  --zvp-surface-2:var(--muted-bg-color,#f0f2f5);
  --zvp-surface-card:#ffffff;
  --zvp-text-strong:var(--key-color,#333);
  --zvp-text-main:var(--main-color,#4e5358);
  --zvp-text-muted:var(--muted-color,#777);
  --zvp-border:var(--main-border-color,rgba(50,50,50,.06));
  --zvp-card-shadow:0 16px 42px rgba(30,42,70,.08);
  background:
    radial-gradient(circle at 18% -10%,var(--zvp-level-soft),transparent 34vw),
    linear-gradient(180deg,var(--zvp-page-bg) 0,var(--zvp-page-bg) 100%);
  color:var(--zvp-text-main);
}
/* 标准化表面颜色 */
.zvp-shell,
.zvp-checkout,
.zvp-active-only,
.zvp-compare,
.zvp-compare-table{
  background:var(--zvp-surface);
  border-color:var(--zvp-border);
  color:var(--zvp-text-main);
}
/* 标准化文字颜色 */
.zvp-section-title h3,
.zvp-order-meta dd,
.zvp-payments-title,
.zvp-active-only h3,
.zvp-compare-title h2,
.zvp-compare-feature,
.zvp-user-info strong{
  color:var(--zvp-text-strong);
}
.zvp-section-title p,
.zvp-checkout-price>span,
.zvp-order-meta dt,
.zvp-checkout-note,
.zvp-active-only p,
.zvp-active-badge span,
.zvp-compare-title p,
.zvp-user-info span,
.zvp-account-meta span{
  color:var(--zvp-text-muted);
}
/* 选项卡背景 */
.zvp-member-switch{
  background:rgb(255 255 255 / 0%);
}
.zvp-panel-tab,
.zvp-panel-tab:hover{
  color:var(--zvp-level-deep);
  
}
.zvp-panel-tab.is-active{
  background:var(--youzhi-xuan1);
  color:var(--zvp-level-deep);
}
/* 卡片/帮助中心 */
.zvp-product,
.zvp-product.is-active,
.zvp-help{
  background:#ffffff;
  color:#1f2433;
}
.zvp-product-price,
.zvp-help-title strong,
.zvp-help-item summary{
  color:#1f2433;
}
.zvp-product del,
.zvp-product small,
.zvp-help-title span{
  color:#687085;
}
/* 权益列表 */
.zvp-equity{
  /*background:linear-gradient(180deg,var(--zvp-level-main) 0,var(--zvp-level-main) 44px,#ffffff 44px,#ffffff 100%);*/
  background: linear-gradient(180deg, #2772ff00 0, #2772ff00 44px, #ffffff00 44px, #ffffff00 100%);
}
.zvp-equity li,
.zvp-help-answer{
  color:#4e5358;
}
/* 高亮区域 */
.zvp-checkout-price,
.zvp-active-badge,
.zvp-compare-head{
  background:var(--zvp-level-soft-2);
  border-color:var(--zvp-level-soft);
}
/* 支付方式 */
.zvp-payment{
  background:var(--zvp-surface-2);
  border-color:var(--zvp-border);
  color:var(--zvp-text-main);
}
.zvp-payment:hover,
.zvp-payment.active{
  background:var(--zvp-level-soft);
  border-color:var(--zvp-level-strong);
  color:var(--zvp-level-deep);
}

/* ========================== 深色模式最终标准化 ========================== */
body.dark-theme .zvp-page{
  --zvp-page-bg:#292a2d;
  --zvp-surface:#323335;
  --zvp-surface-2:#2d2e31;
  --zvp-text-strong:#f8fafc;
  --zvp-text-main:#e5eef7;
  --zvp-text-muted:#b4b6bb;
  --zvp-border:rgba(255,255,255,.10);
  --zvp-card-shadow:0 18px 46px rgba(0,0,0,.20);
  background:
    radial-gradient(circle at 18% -10%,var(--zvp-level-soft),transparent 34vw),
    linear-gradient(180deg,#292a2d 0,#252629 100%);
}
body.dark-theme .zvp-shell,
body.dark-theme .zvp-checkout,
body.dark-theme .zvp-active-only,
body.dark-theme .zvp-compare,
body.dark-theme .zvp-compare-table{
  background:var(--zvp-surface);
  border-color:var(--zvp-border);
  color:var(--zvp-text-main);
  box-shadow:var(--zvp-card-shadow);
}
body.dark-theme .zvp-member-switch{
  background:rgb(50 51 53 / 0%);
  border:0px solid var(--zvp-border);
}
body.dark-theme .zvp-panel-tab,
body.dark-theme .zvp-panel-tab:hover{
  color:rgba(255,201,121,.78);
}
body.dark-theme .zvp-panel-tab.is-active{
  background:#f7f8fb00;
  color:#6b370e;
  box-shadow:0 0px  0px rgba(0,0,0,.22);
}
body.dark-theme .zvp-checkout-price,
body.dark-theme .zvp-active-badge,
body.dark-theme .zvp-compare-head{
  background:rgba(255,255,255,.045);
  border-color:var(--zvp-border);
}
body.dark-theme .zvp-payment{
  background:#2d2e31;
  border-color:var(--zvp-border);
  color:var(--zvp-text-main);
}
body.dark-theme .zvp-payment:hover,
body.dark-theme .zvp-payment.active{
  background:var(--zvp-level-soft);
  border-color:var(--zvp-level-strong);
  color:var(--zvp-text-strong);
}
body.dark-theme .zvp-account-meta,
body.dark-theme .zvp-product-arrow{
  background:rgba(255,255,255,.94);
  color:var(--zvp-level-deep);
}

/* 手机端深色模式标准化 */
@media (max-width:760px){
  body.dark-theme .zvp-shell,
  body.dark-theme .zvp-checkout{
    background:var(--zvp-surface);
    border-color:var(--zvp-border);
  }
  body.dark-theme .zvp-member-switch{
    background: var(--header-bg);
  }
  body.dark-theme .zvp-equity{
    background:linear-gradient(180deg,var(--zvp-level-main) 0,var(--zvp-level-main) 36px,#2f3034 36px,#2f3034 100%);
  }
}

/* ========================== 深色模式：卡片/权益/帮助中心使用深色表面 ========================== */
body.dark-theme .zvp-product,
body.dark-theme .zvp-product.is-active{
  background:#2f3034;
  color:var(--zvp-text-main);
  box-shadow:inset 0 0 0 1px var(--zvp-border),0 14px 34px rgba(0,0,0,.20);
}
body.dark-theme .zvp-product:before{
  background:linear-gradient(135deg,var(--zvp-level-soft),transparent 56%);
}
body.dark-theme .zvp-product:hover,
body.dark-theme .zvp-product.is-active{
  box-shadow:inset 0 0 0 1px var(--zvp-level-strong),0 18px 42px rgba(0,0,0,.26);
}
body.dark-theme .zvp-product strong{
  color:var(--zvp-text-strong);
}
body.dark-theme .zvp-product-price{
  color:var(--zvp-text-strong);
}
body.dark-theme .zvp-product del{
  color:var(--muted-3-color,#636469);
}
body.dark-theme .zvp-product small{
  color:var(--zvp-text-muted);
}
body.dark-theme .zvp-product-foot,
body.dark-theme .zvp-product.is-active .zvp-product-foot{
  background:var(--zvp-level-gradient);
  color:var(--zvp-level-contrast);
}
body.dark-theme .zvp-level-1 .zvp-product-foot,
body.dark-theme .zvp-level-1 .zvp-product.is-active .zvp-product-foot{
  color:#ffffff!important;
}
body.dark-theme .zvp-level-2 .zvp-product-foot,
body.dark-theme .zvp-level-2 .zvp-product.is-active .zvp-product-foot{
  color:#5f3700!important;
}
/* 深色模式权益 */
body.dark-theme .zvp-equity{
  background:linear-gradient(180deg,var(--zvp-level-main) 0,var(--zvp-level-main) 44px,#2f3034 44px,#2f3034 100%);
  border-color:var(--zvp-border);
  box-shadow:0 14px 34px rgba(0,0,0,.20);
}
body.dark-theme .zvp-equity-title{
  background:var(--zvp-level-gradient);
  color:var(--zvp-level-contrast);
}
body.dark-theme .zvp-equity li{
  color:var(--zvp-text-main);
}
body.dark-theme .zvp-equity li i{
  background:rgba(255,255,255,.08);
  color:var(--zvp-level-main);
}
/* 深色模式帮助中心 */
body.dark-theme .zvp-help{
  background:#2f3034;
  border-color:var(--zvp-border);
  color:var(--zvp-text-main);
  box-shadow:0 14px 34px rgba(0,0,0,.20);
}
body.dark-theme .zvp-help-title{
  background:rgba(255,255,255,.045);
  border-bottom-color:var(--zvp-border);
}
body.dark-theme .zvp-help-title strong,
body.dark-theme .zvp-help-item summary{
  color:var(--zvp-text-strong);
}
body.dark-theme .zvp-help-title span,
body.dark-theme .zvp-help-answer{
  color:var(--zvp-text-muted);
}
body.dark-theme .zvp-help-item{
  border-bottom-color:var(--zvp-border);
}
body.dark-theme .zvp-help-item summary i,
body.dark-theme .zvp-help-answer a{
  color:var(--zvp-level-main);
}
/* 手机端深色模式权益 */
@media (max-width:760px){
  body.dark-theme .zvp-equity{
    background:linear-gradient(180deg,var(--zvp-level-main) 0,var(--zvp-level-main) 36px,#2f3034 36px,#2f3034 100%);
  }
}