/* WXSSC V64.6 VIP资讯 / 专属报告整块重建
   只控制 .wxssc-vip-report-v646-f2b，不影响价格中心和今日情报 */
.wxssc-vip-report-v646-f2b{
  box-sizing:border-box;
  width:100%;
  margin-top:18px;
  padding:20px 20px 18px;
  border:1px solid rgba(37,99,235,.18);
  border-radius:26px;
  background:
    radial-gradient(circle at 96% 8%, rgba(251,191,36,.16), transparent 30%),
    radial-gradient(circle at 6% 92%, rgba(37,99,235,.08), transparent 26%),
    linear-gradient(180deg, rgba(255,255,255,.985), rgba(248,252,255,.97));
  box-shadow:0 18px 48px rgba(15,35,75,.085), inset 0 1px 0 rgba(255,255,255,.92);
  color:#0f172a;
  overflow:hidden;
  position:relative;
  isolation:isolate;
}

.wxssc-vip-report-v646-f2b *{
  box-sizing:border-box;
}

.wxssc-vip-report-v646-f2b:before{
  content:"";
  position:absolute;
  left:-46%;
  top:0;
  width:40%;
  height:100%;
  pointer-events:none;
  z-index:0;
  background:linear-gradient(90deg, transparent, rgba(251,191,36,.075), transparent);
  animation:wxVipSweep 6s ease-in-out infinite;
}

.wxssc-vip-report-v646-f2b > *{
  position:relative;
  z-index:1;
}

@keyframes wxVipSweep{
  0%,40%{transform:translateX(0);opacity:0}
  54%{opacity:1}
  100%{transform:translateX(390%);opacity:0}
}

.wxvip-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  margin-bottom:14px;
}

.wxvip-kicker{
  display:inline-flex;
  align-items:center;
  gap:7px;
  height:24px;
  padding:0 10px;
  margin-bottom:7px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(251,191,36,.18),rgba(37,99,235,.08));
  color:#b45309;
  font-size:11px;
  line-height:1;
  font-weight:950;
  letter-spacing:.1em;
}

.wxvip-kicker i{
  width:8px;
  height:8px;
  border-radius:999px;
  background:#f59e0b;
  box-shadow:0 0 0 6px rgba(245,158,11,.12);
  animation:wxVipDot 1.8s ease-in-out infinite;
}

@keyframes wxVipDot{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.18)}
}

.wxvip-title h2{
  margin:0;
  color:#0b1220;
  font-size:28px;
  line-height:1.06;
  font-weight:950;
  letter-spacing:-.052em;
}

.wxvip-sub{
  margin-top:7px;
  color:#64748b;
  font-size:12px;
  line-height:1.45;
  font-weight:850;
}

.wxvip-sub b{
  color:#2563eb;
}

.wxvip-status{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:8px;
  height:36px;
  padding:0 13px;
  border-radius:999px;
  background:#0f172a;
  color:#fde68a;
  font-size:13px;
  font-weight:950;
  box-shadow:0 12px 24px rgba(15,23,42,.16);
  white-space:nowrap;
}

.wxvip-status i{
  width:7px;
  height:7px;
  border-radius:999px;
  background:#22c55e;
}

.wxvip-valuebar{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:0 0 12px;
}

.wxvip-value{
  min-width:0;
  padding:10px 11px;
  border-radius:18px;
  border:1px solid rgba(148,163,184,.18);
  background:rgba(255,255,255,.78);
}

.wxvip-value b{
  display:block;
  color:#0f172a;
  font-size:15px;
  font-weight:950;
  line-height:1.1;
}

.wxvip-value span{
  display:block;
  margin-top:4px;
  color:#64748b;
  font-size:11px;
  font-weight:850;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.wxvip-tabs{
  display:flex;
  gap:7px;
  overflow:auto;
  padding:0 0 10px;
  scrollbar-width:none;
}

.wxvip-tabs::-webkit-scrollbar{
  display:none;
}

.wxvip-tabs button{
  flex:0 0 auto;
  height:30px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(37,99,235,.14);
  background:rgba(255,255,255,.78);
  color:#475569;
  font-size:12px;
  font-weight:950;
  cursor:pointer;
}

.wxvip-tabs button.is-on{
  color:#111827;
  border-color:rgba(245,158,11,.28);
  background:linear-gradient(135deg,rgba(251,191,36,.22),rgba(255,255,255,.88));
}

.wxvip-list{
  min-height:330px;
  display:flex;
  flex-direction:column;
}

.wxvip-loading,
.wxvip-empty{
  min-height:260px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#64748b;
  font-size:14px;
  font-weight:850;
}

.wxvip-card{
  display:block;
  padding:13px 0 13px;
  color:inherit;
  text-decoration:none;
  border-bottom:1px solid rgba(148,163,184,.18);
  animation:wxVipItemIn .42s ease both;
}

.wxvip-card:last-child{
  border-bottom:none;
}

.wxvip-card:nth-child(1){animation-delay:.02s}
.wxvip-card:nth-child(2){animation-delay:.06s}
.wxvip-card:nth-child(3){animation-delay:.10s}
.wxvip-card:nth-child(4){animation-delay:.14s}

@keyframes wxVipItemIn{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}

.wxvip-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}

.wxvip-badges{
  min-width:0;
  display:flex;
  align-items:center;
  gap:7px;
  overflow:hidden;
}

.wxvip-type,
.wxvip-level,
.wxvip-score{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:26px;
  padding:0 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:950;
  white-space:nowrap;
}

.wxvip-type{
  color:#2563eb;
  background:rgba(37,99,235,.09);
}

.wxvip-level{
  color:#fde68a;
  background:#0f172a;
}

.wxvip-level.is-svip{
  background:linear-gradient(135deg,#111827,#7c2d12);
  color:#fef3c7;
}

.wxvip-score{
  color:#0f172a;
  background:rgba(251,191,36,.20);
}

.wxvip-lock{
  flex:0 0 auto;
  color:#64748b;
  font-size:12px;
  font-weight:950;
  white-space:nowrap;
}

.wxvip-card h3{
  margin:0;
  color:#0f172a;
  font-size:17px;
  line-height:1.3;
  font-weight:950;
  letter-spacing:-.02em;
}

.wxvip-card p{
  margin:7px 0 0;
  color:#475569;
  font-size:13px;
  line-height:1.55;
  font-weight:780;
}

.wxvip-metrics{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:10px;
}

.wxvip-metrics span{
  display:inline-flex;
  align-items:center;
  height:24px;
  padding:0 9px;
  border-radius:999px;
  color:#475569;
  background:rgba(241,245,249,.88);
  font-size:11px;
  font-weight:900;
}

.wxvip-action{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:10px;
}

.wxvip-action b{
  color:#2563eb;
  font-size:13px;
  font-weight:950;
}

.wxvip-action span{
  color:#64748b;
  font-size:11px;
  font-weight:850;
}

.wxvip-card.is-premium{
  background:linear-gradient(90deg,rgba(251,191,36,.08),transparent 62%);
  border-radius:16px;
  padding-left:8px;
  padding-right:8px;
}

.wxvip-card:hover h3{
  color:#2563eb;
}

.wxvip-cta{
  margin-top:14px;
  padding:13px 14px;
  border-radius:20px;
  background:linear-gradient(135deg,#0f172a,#172554);
  color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  box-shadow:0 16px 32px rgba(15,23,42,.18);
}

.wxvip-cta strong{
  display:block;
  font-size:15px;
  font-weight:950;
}

.wxvip-cta span{
  display:block;
  margin-top:3px;
  color:#cbd5e1;
  font-size:12px;
  font-weight:820;
}

.wxvip-cta a{
  flex:0 0 auto;
  height:34px;
  padding:0 13px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#facc15;
  color:#0f172a;
  font-size:13px;
  font-weight:950;
  text-decoration:none;
  white-space:nowrap;
}

@media (max-width:980px){
  .wxssc-vip-report-v646-f2b{
    padding:17px 14px 14px;
    border-radius:22px;
  }
  .wxvip-title h2{
    font-size:24px;
  }
  .wxvip-status{
    height:32px;
    padding:0 10px;
    font-size:12px;
  }
  .wxvip-valuebar{
    grid-template-columns:1fr;
    gap:7px;
  }
  .wxvip-card h3{
    font-size:15px;
  }
  .wxvip-card p{
    font-size:12px;
  }
  .wxvip-cta{
    align-items:flex-start;
    flex-direction:column;
  }
}

/* WXSSC V64.6-F2B：VIP模块首页只展示2条，强化转化入口 */
.wxssc-vip-report-v646-f2b .wxvip-list{
  min-height:0;
}
.wxssc-vip-report-v646-f2b .wxvip-card{
  padding-top:12px;
  padding-bottom:12px;
}
.wxssc-vip-report-v646-f2b .wxvip-card:nth-child(n+3){
  display:none !important;
}
.wxssc-vip-report-v646-f2b .wxvip-cta{
  margin-top:12px;
}
.wxssc-vip-report-v646-f2b .wxvip-sub:after{
  content:" · 首页精选2条";
  color:#f59e0b;
  font-weight:950;
}

/* WXSSC V64.6-F2BB 四状态权限矩阵 */
.wxssc-vip-report-v646-f2b .wxvip-card{
  position:relative;
}

.wxssc-vip-report-v646-f2b .wxvip-card.is-locked{
  background:linear-gradient(90deg,rgba(148,163,184,.08),transparent 62%);
}

.wxssc-vip-report-v646-f2b .wxvip-card.is-locked h3,
.wxssc-vip-report-v646-f2b .wxvip-card.is-locked p{
  color:#475569;
}

.wxssc-vip-report-v646-f2b .wxvip-card.is-unlocked{
  background:linear-gradient(90deg,rgba(34,197,94,.055),transparent 62%);
}

.wxssc-vip-report-v646-f2b .wxvip-lock.is-locked{
  color:#f97316;
}

.wxssc-vip-report-v646-f2b .wxvip-lock.is-open{
  color:#16a34a;
}

.wxssc-vip-report-v646-f2b .wxvip-lock.is-upgrade{
  color:#2563eb;
}

.wxssc-vip-report-v646-f2b .wxvip-action b{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.wxssc-vip-report-v646-f2b .wxvip-action b:after{
  content:"→";
  font-weight:950;
}

.wxssc-vip-report-v646-f2b .wxvip-state-note{
  margin-top:10px;
  padding:9px 11px;
  border-radius:14px;
  background:rgba(241,245,249,.86);
  color:#64748b;
  font-size:11px;
  font-weight:850;
}

.wxssc-vip-report-v646-f2b .wxvip-level.is-normal{
  background:#475569;
  color:#fff;
}

.wxssc-vip-report-v646-f2b .wxvip-level.is-guest{
  background:#e2e8f0;
  color:#334155;
}

.wxssc-vip-report-v646-f2b .wxvip-status.is-guest{
  background:#e2e8f0;
  color:#334155;
}

.wxssc-vip-report-v646-f2b .wxvip-status.is-normal{
  background:#334155;
  color:#fff;
}

.wxssc-vip-report-v646-f2b .wxvip-status.is-vip{
  background:#0f172a;
  color:#fde68a;
}

.wxssc-vip-report-v646-f2b .wxvip-status.is-svip{
  background:linear-gradient(135deg,#111827,#7c2d12);
  color:#fef3c7;
}

.wxssc-vip-report-v646-f2b .wxvip-card-mask{
  margin-top:8px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#f97316;
  font-size:11px;
  font-weight:900;
}

.wxssc-vip-report-v646-f2b .wxvip-card-mask i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#f97316;
  box-shadow:0 0 0 5px rgba(249,115,22,.11);
}