/* ========== 多語言切換按鈕（右上角） ========== */
.lang-btn {
    position: fixed;
    top: 2px;                /* 距顶部稍微舒适一点，原14px可以保留，但为了视觉稍调 */
    right: 24px;              /* 改为直接距离右边24px，不再用 right:50% + margin 的写法 */
    z-index: 9999;
    background: #ffffff;
    border: 1px solid #d9d9d9;
    color: #333333;
    padding: 4px 10px;        /* 从 6px 14px 减小为 4px 10px，按钮更小 */
    border-radius: 6px;
    font-size: 12px;          /* 字体稍微缩小，整体更精致 */
    line-height: 1.4;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);  /* 阴影稍微减轻，更轻盈 */
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
    /* 确保按钮文字不换行 */
    white-space: nowrap;
    /* 可选：如果希望非常紧凑，还可以减小 letter-spacing */
}

/* 悬停效果 — 保留红色强调 */
.lang-btn:hover {
    background: #e4393c;
    border-color: #e4393c;
    color: #ffffff;
}

/* 按下时微小反馈 */
.lang-btn:active {
    transform: scale(0.98);
}

/* 小屏幕适配 — 让按钮在手机上也不会太挤 */
@media (max-width: 480px) {
    .lang-btn {
        top: 12px;
        right: 12px;
        padding: 3px 8px;
        font-size: 11px;
    }
}