/* 顶部欢迎横幅样式（首页组件，非fixed） */
        .welcome-banner {
            width: 100%;
            min-height: clamp(60px, 4.17vw, 80px); /* 80/1920 = 4.17% */
            background-color: #f3f3f3;
            display: none; /* 默认隐藏，已登录用户显示 */
            align-items: center;
            justify-content: space-between;
            padding: 0 clamp(20px, 3.125vw, 60px); /* 60/1920 = 3.125% */
            box-sizing: border-box;
            margin: 0;
            position: relative;
            flex-wrap: wrap; /* 允许自动换行 */
            overflow: visible; /* 🚀 确保绝对定位的子元素（如翻译浮层）不被裁剪 */
        }

        /* 已登录用户显示横幅 */
        .welcome-banner.show {
            display: flex;
        }
        
        /* 暗色模式横幅样式 */
        @media (prefers-color-scheme: dark) {
            .welcome-banner {
                background-color: rgba(255, 255, 255, 0.2);
            }
            
            body:not(.force-light) .banner-user-number,
            body:not(.force-light) .welcome-text {
                color: #fff;
            }
        }
        
        body.dark-theme .banner-user-number,
        body.dark-theme .welcome-text {
            color: #fff;
        }

        /* 左侧用户编号 */
        .banner-user-number {
            font-family: 'Knewave', sans-serif;
            font-size: clamp(32px, 2.5vw, 48px); /* 48/1920 = 2.5% */
            color: #000;
            flex-shrink: 0;
            z-index: 10;
            order: 1; /* 视觉顺序：第一（左） */
        }

        /* 语言组（包含按钮+浮层） */
        .language-group {
            position: relative; /* 为浮层提供定位上下文 */
            display: flex;
            flex-direction: column; /* 垂直排列 */
            align-items: flex-start; /* 左对齐 */
            flex-shrink: 0;
            z-index: 10;
            order: 3; /* Banner内：视觉顺序第三（右） */
        }

        /* 右侧多语言按钮 */
        .banner-language-btn {
            width: 96px; /* 素材实际宽度 */
            height: 50px; /* 素材实际高度 */
            background-image: url('../../images/language/language.svg');
            background-color: transparent !important; /* 素材不加底色 */
            background-size: 100% 100%;
            background-repeat: no-repeat;
            background-position: center;
            border: none;
            cursor: pointer;
            padding: 0;
            padding-left: 16px; /* 文案距离左侧16px */
            display: flex;
            align-items: center;
            justify-content: flex-start; /* 左对齐 */
            font-family: 'Knewave', sans-serif;
            font-size: 20px; /* 固定字号 */
            color: #000;
            font-weight: bold;
            box-sizing: border-box;
            transition: transform 0.2s;
        }

        .banner-language-btn:hover {
            transform: scale(1.15); /* 放大15% */
        }

        .language-icon {
            display: none; /* 不使用img标签，直接用背景图 */
        }

        /* 中间欢迎语（跑马灯容器） */
        .banner-welcome-message {
            flex: 1 1 300px; /* flex-grow: 1, flex-shrink: 1, min-width: 300px */
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 clamp(15px, 1.56vw, 30px); /* 30/1920 = 1.56% */
            overflow: hidden;
            position: relative;
            order: 2; /* 桌面端排第二（编号1，欢迎语2，按钮3） */
        }
        
        .welcome-text-wrapper {
            display: flex;
            gap: clamp(50px, 5.2vw, 100px); /* 100/1920 = 5.2% */
            animation: marquee 20s linear infinite;
            will-change: transform;
        }

        .welcome-text {
            font-size: clamp(18px, 1.56vw, 30px); /* 30/1920 = 1.56% */
            font-weight: bold;
            color: #000;
            white-space: nowrap;
            flex-shrink: 0;
        }

        /* 跑马灯动画 - 所有屏幕 */
        @keyframes marquee {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-50%);
            }
        }

        /* 多语言弹窗（在language-group内） */
        .language-popup {
            background-image: url('../../images/language/language _popup.svg');
            background-size: 100% 100%;
            background-repeat: no-repeat;
            background-position: center;
            width: 96px; /* 素材实际宽度 */
            height: 160px; /* 素材实际高度 */
            padding-top: 8px; /* 固定顶部内边距 */
            display: none; /* 默认隐藏 */
            flex-direction: column;
            position: absolute; /* 绝对定位，不占据空间 */
            top: calc(100% + 12px); /* 按钮底部 + 12px固定间距 */
            left: 0;
            z-index: 100;
        }

        .language-popup.show {
            display: flex;
        }

        /* 语言选项 */
        .language-option {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            padding: 0 16px; /* 左右16px */
            height: 30px; /* 每行高度 */
            margin-top: 3px; /* 间距3px */
            cursor: pointer;
            transition: transform 0.2s;
            position: relative;
        }

        .language-option:hover {
            transform: scale(1.15); /* 放大15% */
        }

        .language-text {
            font-family: 'Knewave', sans-serif;
            font-size: 24px; /* 固定字号 */
            color: #000;
            text-align: left;
        }

        .language-check {
            width: 19px; /* 固定尺寸 */
            height: 14px; /* 固定尺寸 */
            opacity: 0;
            transition: opacity 0.2s;
            position: absolute;
            right: 16px;
        }

        .language-option.active .language-check {
            opacity: 1;
        }

        /* 中等屏幕：防止异常换行 */
        @media (max-width: 900px) and (min-width: 553px) {
            .welcome-banner {
                flex-wrap: nowrap; /* 禁止换行，强制单行 */
            }
            
            .banner-welcome-message {
                flex: 1 1 200px; /* 减小最小宽度，确保能容纳 */
                margin: 0 clamp(10px, 1.56vw, 20px); /* 减小左右间距 */
            }
        }

        /* 移动端适配 */
        @media (max-width: 552px) {
            .welcome-banner {
                height: auto;
                padding: 16px;
            }

            .banner-welcome-message {
                width: 100%; /* 小屏直接占满，换到下一行 */
                margin: 8px 0 0 0;
                order: 3; /* 移动端：欢迎语换到第二行（第三位） */
            }
            
            .language-group {
                order: 2; /* 移动端：语言按钮在第一行右侧（第二位） */
            }
        }

        /* 确认形象界面移动端响应式 */
        @media (max-width: 900px) {