.van-tabbar-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#646566;font-size:0.32rem;line-height:1;cursor:pointer}.van-tabbar-item__icon{position:relative;margin-bottom:0.107rem;font-size:0.587rem}.van-tabbar-item__icon .van-icon{display:block}.van-tabbar-item__icon img{display:block;height:0.533rem}.van-tabbar-item--active{color:#1989fa;background-color:#fff}.van-tabbar-item .van-info{margin-top:0.107rem}
.van-tabbar{z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;width:100%;height:1.333rem;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);background-color:#fff}.van-tabbar--fixed{position:fixed;bottom:0;left:0}.van-tabbar--unfit{padding-bottom:0}

.tabs_icon[data-v-2137561f] {
    width: 0.667rem;
    height: 0.667rem;
}

/* 个人中心容器 */
.profile-page[data-v-6329b687] {
  min-height: 90vh;
  background: #f3f6fa;
  color: #000;
  padding-bottom: 1.92rem;
}
.user-info-container[data-v-6329b687] {
  padding: 0.907rem 0.533rem 0.64rem;
  background: url("https://h5cdn.dmw11.com/offlinePackage/images/wap/freenovel/header_nav_bar.png") repeat-y top;
  background-size: cover;
}
/* 顶部用户信息 */
.user-info[data-v-6329b687] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.64rem;
  padding-top: 0.48rem;
}
.user-info .avatar-wrap[data-v-6329b687] {
  width: 1.813rem;
  height: 1.813rem;
  border-radius: 50%;
  margin-right: 0.48rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  -webkit-box-shadow: 0 0.267rem 0.587rem rgba(255,117,80,0.18);
          box-shadow: 0 0.267rem 0.587rem rgba(255,117,80,0.18);
}
.user-info .avatar-wrap img[data-v-6329b687] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.user-info .detail .nickname[data-v-6329b687] {
  font-size: 0.56rem;
  line-height: 0.693rem;
  font-weight: 600;
  margin-bottom: 0.133rem;
  color: #000;
}
.user-info .detail .user-id[data-v-6329b687] {
  font-size: 0.373rem;
  color: rgba(0,0,0,0.52);
}
/* VIP 会员卡片通用样式 */
.balance-row[data-v-6329b687] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.32rem;
  margin: 0;
  padding: 0.373rem 0.32rem;
  border-radius: 0.427rem;
  background: rgba(255,255,255,0.62);
  -webkit-box-shadow: 0 0.213rem 0.533rem rgba(255,117,80,0.08);
          box-shadow: 0 0.213rem 0.533rem rgba(255,117,80,0.08);
  -webkit-backdrop-filter: blur(0.213rem);
          backdrop-filter: blur(0.213rem);
}
.balance-item[data-v-6329b687] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  text-align: center;
}
.balance-item strong[data-v-6329b687] {
  display: block;
  margin-bottom: 0.16rem;
  font-size: 0.587rem;
  line-height: 0.64rem;
  font-weight: 600;
  color: #ff9125;
  text-align: center;
}
.balance-item p[data-v-6329b687] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.133rem;
  margin: 0;
  color: #000;
  font-size: 0.347rem;
  text-align: center;
}
.coin-icon[data-v-6329b687],
.bonus-icon[data-v-6329b687] {
  display: inline-block;
  width: 0.427rem;
  height: 0.427rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.coin-icon[data-v-6329b687] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAACbVBMVEUAAADmmQvhnQLjpA///4LfnQLbnAzhnQP//qb//6ThnQL//6f//6HhnQPhnAP9/aPosjr//5z03A7hnQPingP7+5f//5b//I7jlwDy0S//8hv35Wvtw0jmsATnrzD//57hngL99yj//6X9+UT++43vy1LmsDX+/ZfinQL//5fqugb//6L89iH++DD//6X+/I7hnQLhnALz4Vf47GP99ST89yvxzkf89G3rvgj55xXmsC7//3v69Rr//5fpxBLoxxHoyxD79BToyhDw42z79BD+/qL//p/t3E3w42n89yX89iD89Rzs0hT78w3+/qTy53Xx5XLx52rv4Vru4Ffu31Tu3lHw2RbqzBLXmQrTlgj//qf+/JTx42/x5m7v5WXv5GLtw17v4V39+DL89yr79Rjx3hfv2xbqyhLpxhH//qX+/Zz//pj+/pX+/ZH+/o3+/Yb07H3w53Hw4Gnw5mjw32Xwx2Hv5F/rwVr8+C726Rvu1RTozRDy1Q3hnQP+/pz174P+/X7y6nn+/Hjx6HTw6G79+239+mfx0mTu41zhrjjq0yrx3Bn25hTr0BPpzxLrzhLpyBHswgv59Y7++4X484X69378+X3383r9+3Lw6HH2zmf48WXx4GXzymTxz1/9+l3tyljpvlbnu1Pqx1Ht20ns1z7r1T3irjP47Cz78yj78hfz4BP57hLwzxDkvg/guA/46Q3bqg3ZmwrhnwP59pL8+or46mf37Vrv41n131Px1FD9+UX9+Tzq1THw3jDksTD69C7vziT46yLy4iD57x/txRXpuhLYoQvWngv03QrlrQnuyQftxQfpuAbmrQVrV3CfAAAAPnRSTlMACuUfDTQQ/vvv5NTOyqqLfW9oYllIQCUbEwn98u/s6+nk4NnX1NTR0MzMwsG5s7N4d21saWReW1pWPTgxFgj6/IYAAAJzSURBVDjLrZHnW1JxFIAR3LNyt/fee95BSCEXy0pQaSAImMwMAhHcMwXEPXObe2R7711/U+feC4QPfel5fL++7/2d85zLWFISYiLDQkPDImMS/qnjI7Kzb6alpaRwufnb4v104F7QtM3PV6nE+wIX+8QIUj8s0ZeV6UuaxGKxZnOirz+zEXRTWUVFxQWKFo22eVOyT7ArLYVb0tl5C7hIoW9+Id3z1y+H0frKysprJFdJCl5LzeYj3gXXcYtb0oGzHgruYh/Msg0rPQ8UF4vTbwPnaQrAY9i4jHfYHexQqdqvk/R0ddUYegwG0rPrebzd7glqtTr9BklNb6/RWGN4BZrNFvFSU+kZp9SaR3eAnJx7RqNEInkzUwQBin5M5Z+mgmMabWttbW0OBBKJyXT/QeaMCDxayM89QQWHtNr2SxT9JtMA+KxZQkQHK6jgoE7Xepmif2CwLjMzK8tusbPRvMJcnA6O6nRtVyiGButAzxNyob0RQSZw/DgVnGwrLX2aQTIE/isqlysszjzEieNTQVQQvKq0vPscyej8l1mFXCEknEoEmcQ51mDQwJby8o4M8CNFDkKhEFoIJQxQ4hzBTgbNsscdVd3DwyNFGOYgLIRImYcgSANH8O2AO0heXVVV/WSUPA8mEikbUfCTHI5gDUxwP/G8urpvzAEBeSD394Kf+xkeArY+63spfVuPobQXTsEC1u0BDC+ste+kUrNsvFAuFNY3TODgf6xnMXwIYn4ek8l48AP5/Fzwc7+YcANfkqIWPr33+DnXQlTSYg/Ehtu+u6at1mnXb1t4rJ8GAuKimSE2WwgzOs67nn/EYoH8L/4A1GjtCBvb2cMAAAAASUVORK5CYII=) no-repeat center;
  background-size: contain;
}
.bonus-icon[data-v-6329b687] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAC61BMVEUAAAD8r8T8sLasCVz+0bmuC17/37H/3q6zHGq+MHavC1+xDmL/4a/jNqysCV/9u77+07KuC1+uC16uC17/17OuC175Zrz+2bKvC1+5K3OvC177Zb3bKpHxrKb+y7zmkp7EQYC6LnT4V8LJHIn7n8b+x7zZc5L4Zr36ebX8qcetDF//xb79uMD/4bDCP379rsT/37L8wL2tC17IHob2SsP4rLqtCFr3R8j1lXHcNmuuDF/2OM32Pcz4VMP4WsH/3rLbMG32QMr3Q8n3TMb4Yb75aLv9y67XInPZK2/lVV++Y0P3UMT5brn5dLf+2Lb+2rP+17D6toz5rHz7sHnVH3P8r3H6p3H7rHDeOml3CjmBEjCHGCv9t8LvNML+zbv6erX9v7H+0K/6tZrvkI/1nYLdMXvUGXnxhXTUG3TzjnH4n3DkTmrfP2fhRGW2XU18Djb7pcb+x7z8pLb9xbH/3a/tWpXzmJToRJDuZY3ykYX2ooHgOHv8tHXufHT2m3PyinL+u3H+t3HXJ3D9s2/5o2/JcW3iSWTijF+pTUumRkqtUki3W0ScOUCNHCj0RML9vsD7l7r8nrn+1Lj6hbf8rLb9t7T6gbH+1LD7tq3qN6juW6X1ppriLZb+x5L1opHuc4jiNYj/xIfrh4bzl4XEHn/8tnzcK3zqX3q+FnfoVXb9t3X4o3TvgXO+H3Paj3LqY3LYJXH3m2/hQm22EGvSa2TYeGPoXWPjTWK2PFeuVVGHE0XzP8L9wr7mLLb8srX+17P6q7LsNrLeLajkf5/9vprYRZL2q5H9vY/vrYzpTYzLHYzxgIrjYILra4H3pn3mTX3hP3jaK3fsa3Taa3PPfXLsdXHclGvUPGXdgmHXRGDGW17Mel3ZTFqyVUWYIEH6pr/tVLD5l67vhqz3dqz6p6T0oKH9x6DmaZ7qTZnZaZTpnov3qYH+vHfwoGvEQmrNe2m8KGizEWXej2PKdF/Ea1y8RFiyN0KbNDeaJDUYncwDAAAAN3RSTlMA/g4M/vflSET+v5F3Xzf77Ongz8iakYyBc3A3Efzx7eTg2dnV1cXBu7Wvop6aioF4YVpUNyUfaEm0ggAAAx9JREFUOMtl0mVcU1EYBvADCIrdIGB3t2MXNhgxaoOBoNRgYwyQ7gYB6Ua6u0RCSkJCUkqQbru7/ei5F5CBz9f/c8773t89gCMrBbZuXKG36+Dxs9zg/3Cf4VNWvrlCT8/G5l7EhhMXl/tKPolFj9DV5Tq91NdKSKhAJ7e1GRgkbNCFBa6jnHNOos5Mzc29rKb20NUwrZmLy9r6APeS802pH265z7lhtovjY2vr6CP/5ttLqNAyvaDDwntXV1hwYUVG61O3z+/PZ6/SNOe5qjAdHWmOrKzS51QqRXhugL0KLdXL213jY8C30dGSkpJ3ycmOgwqFVIrsYazAR6MxvbxvaFwNUISxhPF72VNq5u8gKysjjG1Ai89E/QosTE19/2FZWzuUnm9mUS4rI4NuIUCLZ2JeFKAY8sAgLTur9ncNLJhrJskQ98HC1njmK8yLxkNgIdmRFRr207mwXBPvRCQQRADYyCR3Qvc19RwPmfk8POwXFBbW69xfjpd0IxKULgBAJpM7MfesmgkODgwMDdOpcXboH8BLsglK0uvQgp0q6qKiVcHBfn6Tv/7oaNc4dLlJyucpSeNggWFnp+prekdU9FpVYCCLNVhtNqtd5+DkJu+TJ41DCzvtGAaYX68MCsrq6csvnLXSeuPELpNLkcaRzgOwm8FIwNy4Mih0KL2v95OVVp1TxiM59UScFH09AIcYsbGGqN+uDNXR0da2stLS4s/Ik1M3CpcSb+EB4FRCbOML1D0mUYdc94UNz5ukSJHE9gMAVrU2xsS4QB9RmJ6emBgbw+Ml5cvUTYzqSeL0NQBmT3OMra2xx0i1gsJdfwtzzXm/TxIX616PFna8tbWNeurB4T5yJkaJ0BtWAzQ8e1ujoiLjSjkdO0+vwC6AW/A/i4yO03c2W3D1FPgBYmIF2AbYEP7Xcfr6VEpS14Abm52RGI6DTi+AAxayBmmHToEvhEiAfwj1hootImAxQkhxEgU+MSIRcxK9GznGAzizajNS3P5kzutbchBeQbAsPEKbEeRrcU5OQQWC8G67tNyxWwRXb+Ll3bRl2zmO2/8C6EdacHbSYvwAAAAASUVORK5CYII=) no-repeat center;
  background-size: contain;
}
.top-up-btn[data-v-6329b687] {
  width: 2.56rem;
  height: 1.067rem;
  border: none;
  border-radius: 0.533rem;
  background: -o-linear-gradient(225deg, #ff9242 0%, #ff5360 100%);
  background: linear-gradient(225deg, #ff9242 0%, #ff5360 100%);
  color: #fff;
  font-size: 0.347rem;
  font-weight: 800;
  -webkit-box-shadow: 0 0.213rem 0.48rem rgba(255,83,96,0.22);
          box-shadow: 0 0.213rem 0.48rem rgba(255,83,96,0.22);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.top-up-btn[data-v-6329b687]:active {
  opacity: 0.85;
}
.vip-card[data-v-6329b687] {
  position: relative;
  width: 100%;
  height: 2.133rem;
  border-radius: 0.533rem;
  padding: 0.533rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
/* 未开通状态的深蓝色到深红色的渐变 */
  background: url(../img/mine_btn.png) no-repeat center;
  background-size: contain;
  margin-bottom: 0.853rem;
  overflow: hidden;
}
/* VIP 已开通状态样式微调 */
.vip-card.is-vip[data-v-6329b687] {
/* 可以增加微弱的金色边框光泽 */
  -webkit-box-shadow: inset 0 0 0.267rem rgba(240,197,90,0.1);
          box-shadow: inset 0 0 0.267rem rgba(240,197,90,0.1);
}
.vip-card .card-left[data-v-6329b687] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.vip-card .card-title[data-v-6329b687] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.16rem;
}
.vip-card .card-title .icon-diamond[data-v-6329b687] {
  font-size: 0.48rem;
  margin-right: 0.16rem;
  width: 0.48rem;
  height: 0.48rem;
  background: url(data:image/png;base64,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) no-repeat center;
  background-size: contain;
}
.vip-card .card-title .title-text[data-v-6329b687] {
  font-size: 0.48rem;
  font-weight: 800;
  font-style: italic;
  color: #f0c55a; /* 设计稿中的金色 */
}
.vip-card .sub-text[data-v-6329b687] {
  font-size: 0.347rem;
  color: rgba(255,255,255,0.8);
  white-space: nowrap;
}
/* 已开通状态下的到期时间文字颜色较淡 */
.vip-card.is-vip .sub-text[data-v-6329b687] {
  color: rgba(255,255,255,0.6);
}
/* 操作按钮 */
.vip-card .btn-action[data-v-6329b687] {
  border: none;
  border-radius: 0.32rem;
  font-size: 0.373rem;
  font-weight: 700;
  color: #fff;
  padding: 0.267rem 0.533rem;
/* 橙红渐变 */
  background: -webkit-gradient(linear, left top, right top, from(#ff7e33), to(#ff2d55));
  background: -o-linear-gradient(left, #ff7e33, #ff2d55);
  background: linear-gradient(to right, #ff7e33, #ff2d55);
  -webkit-box-shadow: 0 0.107rem 0.32rem rgba(255,45,85,0.3);
          box-shadow: 0 0.107rem 0.32rem rgba(255,45,85,0.3);
  cursor: pointer;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.vip-card .btn-action[data-v-6329b687]:active {
  opacity: 0.8;
}
/* 已开通状态下的 View 按钮 */
.vip-card.is-vip .btn-action[data-v-6329b687] {
  padding: 0.267rem 0.747rem;
}
/* 菜单列表 */
.menu-list[data-v-6329b687] {
  list-style: none;
  padding: 0;
  margin: 0.427rem;
  background: #fff;
  border-radius: 0.427rem;
  -webkit-box-shadow: 0 0.213rem 0.587rem rgba(15,14,20,0.04);
          box-shadow: 0 0.213rem 0.587rem rgba(15,14,20,0.04);
  overflow: hidden;
}
.menu-list .menu-item[data-v-6329b687] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 1.653rem;
  padding: 0 0.427rem;
  border-bottom: 0.027rem solid #eef0f4;
  font-size: 0.427rem;
  color: #212832;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.menu-list .menu-item .menu-label[data-v-6329b687] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
}
.menu-list .menu-item .menu-icon[data-v-6329b687] {
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 0.32rem;
  border-radius: 0.267rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.533rem;
  color: #ff8533;
  background: #fff2ea;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.menu-list .menu-item .arrow-right[data-v-6329b687] {
  width: 0.373rem;
  height: 0.373rem;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  opacity: 0.45;
}
.menu-list .menu-item[data-v-6329b687]:last-child {
  border-bottom: none;
}
.menu-list .menu-item .label[data-v-6329b687] {
  font-size: 0.453rem;
  font-weight: 400;
  color: rgba(255,255,255,0.9);
}
.menu-list .menu-item .arrow[data-v-6329b687] {
  color: rgba(255,255,255,0.3);
  font-size: 0.48rem;
}
.tabs_icon[data-v-6329b687] {
  width: 0.667rem;
  height: 0.667rem;
}