/*@import url("https://at.alicdn.com/t/c/font_2449890_ofzxikkfpdk.css");*/

@font-face {
  font-family: "iconfont"; /* Project id 2449890 */
  src: 
       url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAASwAAsAAAAACXAAAARkAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDNgqFcIUOATYCJAMcCxAABCAFhGcHRRs5CMgOJZDAkGBgoADgUEofwrP+TabITdbISoVWQpounObg7h4+IPffN0OQ3O73v5Z4WyABlnAYxYFncRpiGljU+p/L6U1L9EcByN1ZYy+ayw7svMWB7WljkvXyQCVLrQpIFHSTFJPhFvBrfgwIgLGowE0NbX0IWqfVFcTR8bkEqkSyzs9Og9dVdBOJBI8wsHML5IAeuJ17HsBJ2evJC1vwAEef8DfpWurdeNhf7q+hPs0H9EHCAYH+HEAPoID8m2nIPG0aQotQPooNSXSiuw4Bf42m4S9PmHuLcOO/PA6lowfSwBcFgBwKG8BfHgmAgL+CGRJXQgEO4iooQCGuhgI6iGuQBT0AMCaSIMT8Cunh8xxE3JMQ0uxpbQify4dTPlng0/is3QFuyiCUV+B850SCxVnnEbJxbtRuNnSTWXLfW8Jxb8D3sOOOR+B7nR37ZgkR4LvmuOvIxrWMEeG4+2A79uqYXVo4AYyZwMjoMOmbUO1mZB/gqqeE457IueaS/ajz6CNGFg8ddxPZuPHY6+G74fQOgWDnlYzhqrsmSyC6YR4//czLI5hZItddNO3msr7LzwaEC1LICIiNm/IGrzrvsj/B5VcDxXc4mWxs+mZ84qHYq0+Uki9+teeqnk8vSfok6eLPUDQGaKNT/ZHx8bseiFhx9EWaunprq/KvvPfJd+xNA40Duf1RqlfRJTzgvCBBfDersrtWzHd8Gx99XDzKr7IQdWT0T0k6cs8jsWkzacboSz4ZvH7wk1uijR+u3iOkxVy2fCmKuwiDp73jh8mpF5ykV0k6N1E80WQZLUsQg5H62eeuFmm0u6bV39pTP5g/EHbZtXsTbkkVH3bdLKZdjKKB/3/sZl/pu1dbNpfSzcmuoR1HRbbUtt/Q1T5oH46K3KPQ9FvKNnMyN2/+cdexe+H6I/9Wh/PDoeGzb/x1z6O9Ufm9bSWVWY9/Ot+ZeFuQzpxYFR+09bTGpdTmP3aOFnwREC5Hrt0Tk4p9AEC7Oy+kEYB2U15HAwDtxnyXlgPaC/kjjQS0d/IzygPa13kujfpzfQbvX+N+bjK47Dde0AEAPr/2nbXMqd1YWB8DHgc081cSj5GsOtcNGGuoesSIiJENfc+HAAwDaPBtYT7cTxJOxwMEL7wCjlE8ULxUVEfmgp7ABga8cmDy1C8WhFtDkdoCINMBCYgQ1wAnyD1AhXgK1ZFvgV6UL8EgxH/ADETgeoLMkGoVeVqV3eLMTnFeWl3xlKpZuz3y7NalaaXPPyAr3nle0WqytKON8oqsbDHBu23Wpqoe0aOsLosN6mHy0tKquKasLsiSappT1bUSs9kz9BCTtLqMWgrZNJXMTTRjJ9E8yaoVnoRdbb5fD9msrZZMU0h0wKDwyrRoX2RlYiHQRtEKVfEmm3htM8tGpfIQeShSZJmoQTfIlpzQKtHacK8FMonKZG5FYE0Jc8DmYUWm8yXLL3INAOOvYwyOUKIjemIgRsKD26wRO+JAXIjTaAMA') format('woff2'),
       url('//at.alicdn.com/t/c/font_2449890_ofzxikkfpdk.woff?t=1753557232811') format('woff'),
       url('//at.alicdn.com/t/c/font_2449890_ofzxikkfpdk.ttf?t=1753557232811') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
 
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-v1:before {
  content: "\e63d";
}

.icon-v3:before {
  content: "\e63f";
}

.icon-v4:before {
  content: "\e640";
}

.icon-v6:before {
  content: "\e641";
}

.icon-v5:before {
  content: "\e642";
}

.icon-v2:before {
  content: "\e63e";
}

/* 默认VIP图标大小 */
.icon-v1,.icon-v2,.icon-v3,.icon-v4,.icon-v5,.icon-v6{
  font-size: 13px !important;
  vertical-align: middle;
}

/* VIP图标颜色 */
.icon-v1 {
  color: #ffc107;
}

.icon-v2 {
  color: #fe0184;
}

.icon-v3 {
  color: #098654;
}

.icon-v4 {
  color: #fe8e8e;
}

.icon-v5 {
  color: #409eff;
}

.icon-v6 {
  color: #6c757d;
}

/* 用户中心和个人主页VIP图标大小调整 */
#my_aside .iconfont[class*="icon-v"],
.userCenterInfo .iconfont[class*="icon-v"],
.user_header .iconfont[class*="icon-v"] {
    font-size: 1.3em !important;
    vertical-align: middle;
    margin-right: 8px;
}

/* 移动端用户中心VIP图标 */
.userCenterInfo .media .iconfont[class*="icon-v"] {
    font-size: 1.2em !important;
}

/* 个人主页PC端VIP图标 */
.user_header .name-info .iconfont[class*="icon-v"] {
    font-size: 1.5em !important;
    vertical-align: text-bottom;
}

/* 个人主页移动端VIP图标 */
.userCenterInfo .name-info .iconfont[class*="icon-v"] {
    font-size: 1.8em !important;
    vertical-align: text-bottom;
}

/* 帖子页面作者信息区域VIP图标 */
.thread .user_header .iconfont[class*="icon-v"] {
    font-size: 1.4em !important;
    vertical-align: middle;
}

/* 帖子列表VIP图标 */
.threadlist .iconfont[class*="icon-v"] {
    font-size: 1.1em !important;
    vertical-align: middle;
}

/* 回帖列表VIP图标 */
.post-list .iconfont[class*="icon-v"] {
    font-size: 1.1em !important;
    vertical-align: middle;
}

.vip-icon-wrapper {
    position: relative;
    width: 120px;
    height: 120px;
    margin: 0 auto 20px;
    background: linear-gradient(135deg, #fff9e6 0, #fff9e6 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.vip-icon-v {
    font-size: 3.5rem;
    background: linear-gradient(135deg, #ffc518 0, #ffc107 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.vip-text-v {
    font-size: 1.5rem;
    font-weight: 600;
    background: linear-gradient(135deg, #ffc518 0, #ffc107 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 15px;
    text-align: center
}

.checkin-status-card {
    background: linear-gradient(135deg,#fff 0,#f7fafc 100%);
    border-radius: 16px;
    padding: 25px;
    height: 100%;
    box-shadow: 0 4px 20px rgba(0,0,0,.03);
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    transition: transform .3s ease
}

.decorative-circles {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.decorative-circle {
    position: absolute;
    border-radius: 50%;
    opacity: .1;
    background: #4299e1
}

.circle-1 {
    width: 40px;
    height: 40px;
    top: 20%;
    left: 10%
}

.circle-2 {
    width: 25px;
    height: 25px;
    bottom: 30%;
    right: 15%
}

.status-text {
    font-size: 1.5rem;
    font-weight: 600;
    background: linear-gradient(135deg,#48bb78 0,#38a169 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 15px;
    text-align: center
}

.status-time {
    color: #718096;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 20px;
    background: linear-gradient(to right,rgba(247,250,252,.8),rgba(237,242,247,.8));
    padding: 12px;
    border-radius: 12px
}

.user-level-section-2 {
    background: linear-gradient(135deg,#f6f8ff 0,#eef2ff 100%);
    border-radius: 15px;
    padding: 25px;
    height: 100%;
    position: relative;
    overflow: hidden
}

.level-title-2 {
    font-size: 24px;
    font-weight: 600;
    color: #3b82f6;
    margin-bottom: 20px;
    text-align: center;
    padding: 10px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,.03)
}

.user-group-2 {
    text-align: center;
    margin-bottom: 15px;
    padding: 15px;
    background: rgba(255,255,255,.9);
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0,0,0,.03)
}

.group-name-2 {
    font-size: 20px;
    font-weight: 600;
    background: linear-gradient(135deg,#60a5fa,#3b82f6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.wallet-card-2 {
    background: #fff;
    border-radius: 15px;
    padding: 20px;
    transition: all .3s ease;
    border: 1px solid rgba(0,0,0,.05)
}

.wallet-card-2:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,.1)
}

.exp-progress-2 {
    margin-top: 15px;
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0,0,0,.03)
}

.progress {
    height: 10px;
    background-color: rgba(0,0,0,.05);
    border-radius: 5px;
    overflow: hidden
}

.progress-bar {
    background: var(--gradient-primary);
    transition: width .6s ease
}

.exp-details {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #6c757d;
    margin-top: 8px
}