/* 定义金色渐变字体class类 */
.gold-gradient {
    background: linear-gradient(to right, #FFFFFF 0%, #D6B367 69%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.gold-gradient-15{
    /* 约15°斜向， */
    background: linear-gradient(15deg, #D6B367 0%, #ffffff 100%);
      -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.gold-gradient-90{
      background: linear-gradient(90deg, #FFFFFF 0%, #D6B468 100%);
      -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}


.gold-gradient-hand2{
     background: linear-gradient(to top, #D7B468 50%, #876F3A 100%);
       -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}


/* 文字高光扫过效果 - 滚动到视口后触发 */
.gold-shine {
    position: relative;
    display: inline-block;
    color: #D6B367;
    background: linear-gradient(110deg,
        #D6B367 0%,
        #D6B367 35%,
        #FFFFFF 50%,
        #D6B367 65%,
        #D6B367 100%);
    background-size: 250% 100%;
    background-position: 100% 0;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gold-shine.is-shine {
    animation: goldShineSweep 1.8s ease-out 1 forwards;
}

@keyframes goldShineSweep {
    0%   { background-position: 100% 0; }
    100% { background-position: -150% 0; }
}