.widget-popviva{
    --size-1:5px;
    --size-2:8px;
    --size-3:13px;
    --size-4:21px;
    --size-5:34px;
    --size-6:55px;
    --color-bg:#faf8ff;
    --color-border:rgb(0 0 0 / 8%);
    --color-1:#777586;
    --color-2:#35343E;
    --color-3:#C80C2C;
    width:100%; max-width:300px; background-color:var(--color-bg); border-radius:var(--size-4); display:grid; overflow:hidden;
    border:1px solid var(--color-border); border-top:var(--size-1) solid var(--color-3); position:relative; z-index:1;
  }
  
  
  
  .widget-popviva-section{position:relative; z-index:1000;}
  .widget-popviva-bg{position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; opacity:89%;}
  
  
  
  .widget-popviva-header{padding:var(--size-4) var(--size-4) var(--size-3);}
  .widget-popviva-header svg{width:144px; height:auto;}
  
  
  
  .widget-popviva-content{padding:0 var(--size-4); margin-bottom:var(--size-3);}
  .wpc-box{padding:var(--size-3) 0; border-top:1px dashed var(--color-border); display:grid; grid-gap:var(--size-3); grid-template-columns:1fr var(--size-6);}
  .wpc-box:first-child{border-top:0;}
  .wpc-title{color:var(--color-2); line-height:140%; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
  .wpc-title:hover{color:var(--color-3);}
  .wpc-info{font-size:12px; display:flex; flex-wrap:wrap; align-items:center;}
  .wpc-info > *{margin-top:var(--size-2); margin-right:var(--size-3); color:var(--color-1);}
  .wpc-cate{padding:var(--size-1) var(--size-2); border:1px solid rgb(0 0 0 / 8%); border-radius:var(--size-1);}
  .wpc-cate:hover{color:var(--color-3); border-color:var(--color-3);}
  .wpc-thumb{border-radius:var(--size-6);}
  .wpc-thumb:before{content:''; display:block; padding-top:100%;}
  .wpc-thumb:hover{opacity:55%;}
  
  
  
  .widget-popviva-more{padding:var(--size-4); background-color:var(--color-3); color:var(--color-bg); fill:var(--color-bg); transition:all 0.25s;
  font-weight:bold; text-transform:uppercase;}
  .widget-popviva-more:hover{background-color:var(--color-2);}
  .wpm-container{display:grid; grid-gap:var(--size-3); grid-template-columns:1fr auto; align-items:center; line-height:0;}