a {
    color: #dbb850;
    /*颜色*/
    text-decoration: none;
    /*去掉下划线*/
    word-break: break-all;
    /*自动换行*/
    position: relative;
    /*相对定位*/
}

/*a标签的悬停效果*/
a::after {
    content: "";
    /*伪元素*/
    position: absolute;
    /*绝对定位*/
    left: 0;
    /*左边距*/
    bottom: -2px;
    /*底部边距*/
    width: 100%;
    /*宽度100%*/
    height: 2px;
    /*高度2px*/
    background: #dbb850;
    /*背景颜色*/
    transform: scaleX(0);
    /*初始缩放为0*/
    transform-origin: left;
    /*变换原点在左侧*/
    transition: transform 0.3s cubic-bezier(.4, 1, .6, 1);
    /*过渡效果*/
    pointer-events: none;
    /*鼠标事件穿透*/
}

/*a标签的悬停效果*/
a:hover {
    transform: scale(1.08);
    /*鼠标悬停时放大*/
    opacity: 0.7;
    /*鼠标悬停时透明度*/
    transition: transform 0.2s cubic-bezier(.4, 1, .6, 1), opacity 0.2s cubic-bezier(.4, 1, .6, 1);
    /*过渡效果*/
}

/*a标签的悬停效果*/
a:hover::after {
    transform: scaleX(1);
    /*鼠标悬停时缩放到100%*/
    transform-origin: left;
    /*变换原点在左侧*/
}

/*a标签的非悬停效果*/
a:not(:hover)::after {
    transform: scaleX(0);
    /*鼠标不悬停时缩放回0*/
    transform-origin: right;
    /*变换原点在右侧*/
    transition: transform 0.3s cubic-bezier(.4, 1, .6, 1);
    /*过渡效果*/
}