#yisa-header {
        padding-top: 24px
    }

    #yisa-header .yisa-header-container {
        height: 48px;
        border-radius: 44px;
        box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.18)
    }

    #yisa-header .yisa-header-container .yisa-header-menu {
        color:var(--font-color);
        gap:28px;
        margin-left:73px;

    }
    #yisa-header .yisa-header-container .yisa-header-menu a:hover {
        color:var(--primary-color)
    }

    #yisa-header .yisa-header-user{
        padding-right: 6px
    }
    #yisa-header .yisa-header-user #login{
        height: 36px;
        width:89px;
        background-color: var(--primary-color);
        border-radius: 20px;
    }
    #yisa-header .yisa-header-user #login:hover{
        opacity:50%
    }

    #yisa-header .yisa-header-user .header-avatar  #avatar .avatar-text{
        width:36px;
        height:36px;
        border-radius:50%;
        background-color: var(--primary-color);
    }

    #yisa-header .yisa-header-user .header-avatar  #avatar .avatar-image{
        width:36px;
        height:36px;
        border-radius:50%;
        border:1px solid var(--primary-color);
    }
    #yisa-header .yisa-header-user .header-avatar-panel {
        right: 0;
        opacity: 0;
        padding-top: 14px;
        transform: translateY(4px) scale(0.95);
        pointer-events: none;
        transition-property: transform;
        transition-duration: 200ms;
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 0ms;
        transform-origin: top;
    }



    #yisa-header .yisa-header-user .header-avatar_active{
        pointer-events: auto;     /* 恢复鼠标事件 */
        opacity: 1;               /* 完全不透明 */
        transform: translateY(0) scale(1); 
    }
    
    #yisa-header .yisa-header-user .header-avatar-panel .header-avatar-panel-container{
        width:350px;
        height:366px;
        border-radius:28px;
        box-shadow:2px 4px 12px 4px rgba(0,0,0,0.15);
        border: 1px solid rgb(244,244,244);
    }

@media only screen and (max-width: 768px) {
    /* 当屏幕宽度 ≤ 768px 时，执行这里的样式 */
    #yisa-header .yisa-header-container .yisa-header-menu {
        gap: 8px;
        margin-left: 14px;
    }

}