/* 顶部导航栏样式 */
            .navbar {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                width: 100%;
                z-index: 50;
                background: transparent;
              
                padding: 0;
            }
                    .navbar-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
       
        box-sizing: border-box; /* 确保padding不影响宽度计算 */
        /* 玻璃效果核心样式 */
        
        background-color: rgba(255, 255, 255, 0.00); /* 半透明白色，可按需调整透明度 */
        backdrop-filter: blur(1px); /* 背景模糊，数值越大越朦胧 */
        -webkit-backdrop-filter: blur(8px); /* 兼容Safari浏览器 */
        
    
    }
            .navbar-brand {
                display: flex;
                align-items: center;
                gap: 8px;
                margin-left: 20px;
            }
            .navbar-brand i {
                color: #3B82F6;
                font-size: 24px;
            }
            .navbar-brand h1 {
                font-size: 20px;
                font-weight: 700;
                background: linear-gradient(to right, #3B82F6, #8B5CF6);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
            }
            .navbar-nav {
                display: flex;
                gap: 32px;
                align-items: center;
                margin-left: auto;
                margin-right: 20px;
            }
            .auth-btn {
                transition: all 0.3s ease;
                cursor: pointer;
                font-weight: 500;
                padding: 8px 20px;
                border-radius: 9999px;
                display: flex;
                align-items: center;
                gap: 8px;
                border: none;
                font-size: 14px;
            }
            .logged-btn {
                background-color: rgba(16, 185, 129, 0.1);
                color: #10B981;
            }
            .logged-btn:hover {
                background-color: rgba(16, 185, 129, 0.2);
                color: #059669;
            }
            .login-btn {
                color: #2563EB;
                background: transparent;
            }
            .login-btn:hover {
                color: #2563EB;
                opacity: 0.8;
            }
            .points-display {
                background-color: rgba(59, 130, 246, 0.1);
                color: #3B82F6;
                padding: 8px 10px;
                border-radius: 20px;
                font-weight: 600;
                display: flex;
                align-items: center;
                gap: 8px;
                font-size: 12px;
                cursor: pointer;
                transition: all 0.2s ease;
                min-width: 50px;
            }
            .points-display:hover {
                background-color: rgba(59, 130, 246, 0.2);
                transform: translateY(-1px);
            }
            .points-display i {
                font-size: 18px;
            }
            
            /* 会员信息容器 */
            .points-display-wrapper {
                position: relative;
                display: inline-flex;
                align-items: center;
                gap: 12px;
            }
            
            /* 信息项样式（直接显示在按钮右边） */
            .points-info-item {
                display: flex;
                align-items: center;
                gap: 4px;
                font-size: 13px;
                color: #6b7280;
            }
            /*导航栏到期时间*/
            .points-info-item {
                display: flex;
                align-items: center;
                gap: 4px;
                font-size: 13px;
                color: #62748E;
                
            }
            
            .points-info-label {
                color: #6b7280;
                font-weight: 500;
            }
            
            .points-info-value {
                color: #1f2937;
                font-weight: 600;
            }
 /* 开通会员金黄色按钮样式 */
            .points-display.open-member {
             /* Button */
/*width: 58px;*/
height: 32px;
/* 自动布局 */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 8;
padding: 8px 16px 8px 16px;

box-sizing: border-box;
border: 1px solid rgba(254, 243, 199, 1);
border-radius: 16777200px;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),0px 1px 2px -1px rgba(0, 0, 0, 0.1);
background: rgba(255, 251, 230, 1);


color: rgba(180, 83, 9, 1);

font-family: Inter;
font-size: 12px;
font-weight: 700;
line-height: 16px;
letter-spacing: 0px;
text-align: center;
            }
            
            .points-display.open-member:hover {
                background-color: rgba(255, 215, 0, 0.3);
            }
            
              /* 今日剩余样式 */
         .points-info-lan {
  width: 100.48px;
  height: 28px;
  background: #EFF6FF;
  border-radius: 8px; /* 四个角相同可简化写法 */
  padding-left: 8px; /* 左侧内边距（内边框）5px */
}
             .points-info-lan-j {
             color: rgba(49, 65, 88, 1);
font-family: Inter;
font-size: 12px;
font-weight: 700;
line-height: 16px;
letter-spacing: 0px;
text-align: left;
            }
             .points-info-lan-z {
color: rgba(21, 93, 252, 1);

font-family: Inter;
font-size: 14px;
font-weight: 700;
line-height: 20px;
letter-spacing: -0.15px;
text-align: left;
            }