/* 个人空间头像框图片位置 */
.image_txk {
    position: absolute;
    top: 100px;
    left: 50px;
}
body{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/* 个人空间用户名位置及样式 */
.user_name{
  font-size: 30px;
  color: #ffffff;
  font-weight: 500;
  position: absolute;   /* 或 fixed，视需要滚动与否 */
  top:  100px;
  left: 150px;
/* 文字描边 */
  /*-webkit-text-stroke: 1px #000000;   /* 宽度 颜色 */
  paint-order: stroke fill;        /* 先描边再填色，边缘更锐利 */
}

/* 个人空间用户等级颜色 */
.user_level_f {
  position: absolute;
  left: 110px;
  top: 10px;
  font-size: 20px;
  font-weight: 500;
  background-color: #EE672A;
  /*background: linear-gradient(90deg, #ff4d8d, #ff9b4d, #fff352, #00f2a1, #4d8dff);*/
  /*-webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;*/
  white-space: nowrap;
}

/* 随机单色（JS 可动态改色） */
.user_level_solid_f {
  color: var(--c, #ff4d8d);
}

/* 个人空间简介位置及样式 */
.user_intro{
  font-size: 12px;
  color: #ffffff;
  position: absolute;   /* 或 fixed，视需要滚动与否 */
  top:  150px;
  left: 150px;
}

/* 定义图标 */
@font-face{
    font-family:"tubiao";
    src:url('/e/space/template/default/fonts/tubiao.ttf') format('truetype');
}
.icon{
    font-family: 'tubiao';
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon_level:before{ 
    position: absolute;
    top: 10px;
    left: 105%;
    font-size: 28px;
    color: #EE672A;
    font-family: 'tubiao';
    content:"\e047";
    text-rendering: geometricPrecision
}
.icon_home:before{
    font-size: 20px;
    font-weight: 400;
    color: #0eb350;
    font-family: 'tubiao';
    content:"\e002";
    text-rendering: geometricPrecision;
}
.icon_dynamic:before{
    font-size: 20px;
    font-weight: 400;
    color: #ff6699;
    font-family: 'tubiao';
    content:"\e003";
    text-rendering: geometricPrecision;
}
.icon_contribution:before{
    font-size: 20px;
    font-weight: 400;
    color: #00aeec;
    font-family: 'tubiao';
    content:"\e01a";
    text-rendering: geometricPrecision;
}
.icon_collection:before{
    font-size: 20px;
    font-weight: 400;
    color: #40c5f1;
    font-family: 'tubiao';
    content:"\e02e";
    text-rendering: geometricPrecision;
}
.icon_Collection:before{
    font-size: 20px;
    font-weight: 400;
    color: #ffb027;
    font-family: 'tubiao';
    content:"\e039";
    text-rendering: geometricPrecision;
}
.icon_Chase_the_drama:before{
    font-size: 20px;
    font-weight: 400;
    color: #f85a54;
    font-family: 'tubiao';
    content:"\e005";
    text-rendering: geometricPrecision;
}
.icon_Set_up:before{
    font-size: 20px;
    font-weight: 400;
    color: #00aeec;
    font-family: 'tubiao';
    content:"\e006";
    text-rendering: geometricPrecision;
}
.followers{
    position: absolute;
    right:390px;
    font-size: 14px;
    font-weight: 500;
}
.views{
    position: absolute;
    right:330px;
    font-size: 14px;
    font-weight: 500;
}

/* 栏目样式 */
.nav{
    display:flex;
    position:absolute;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    padding: 0 60px;
    list-style:none;
    background:#fff;
    box-shadow:0 2px 4px rgba(0,0,0,.05);
}
.nav div{
    text-align:center;
    padding:15px;
    cursor:pointer;
    color:#555;
    transition:color .25s;
}
.nav a {
    text-decoration: none;
    font: inherit;
    color: inherit;
}
.nav a:hover{
    color:#00aeec;
}
.nav div.active{
    color:#00aeec
}              /* 激活文字色 */
/* ===== 横线 ===== */
.line{
    position:absolute;
    bottom:0;
    left:0;
    height:3px;
    background:#00aeec;
    transition:left .35s,width .35s;
    border-radius:2px;
}