.lang-switcher-placeholder {
    visibility: hidden;
    height: 26px;
    width: 115px;
}

.custom-lang-select {
    position: relative;
    display: flex;
    height: 26px;
    width: 115px;
}

.selected-lang {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

@media (max-width: 768px) {
    .lang-switcher-placeholder,
    .custom-lang-select {
        width: 35px;
    }
    .selected-lang {
        padding: 5px;
    }
    .selected-lang span {
        display: none;
    }
    .selected-lang img {
        margin-right: 0;
    }
}

.selected-lang img {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.lang-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 200px;
    border: 1px solid #ccc;
    background: #fff;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 9999;
}

.lang-options.show {
    display: block;
}

.lang-options li {
    padding: 5px 10px;
}

/* 鼠标移上去的背景色 */
.lang-options li:hover {
    background-color: #f0f0f0; /* 浅灰色背景 */
}

/* 当前选中 */
.lang-options li.current-lang {
    background-color: #e0e0e0; /* 稍深一点的灰色表示当前选中 */
    pointer-events: none; /* 禁止点击当前语言项 */
}


.lang-options li a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
}

.lang-options li a img {
    width: 20px;
    margin-right: 5px;
}

/* 移除链接图片的焦点/点击边框 */
a img:focus,
a:focus img,
a:focus,
a img:focus {
       outline: 2px solid transparent !important; /* 核心属性，移除默认轮廓，又不影响键盘用户 */
    outline-style: none !important;
    box-shadow: none !important; /* 覆盖主题自定义的焦点阴影 */
}
/* 兼容Firefox按钮/表单控件 */
::-moz-focus-inner {
    border: 0 !important;
}

/* Most polular 父容器相对定位 */
.relative-position {
    position: relative !important;
}

/* 子元素右上角绝对定位 */
.absolute-top-right {
    position: absolute !important;
    top: 0;
    transform: translateY(-50%);
    right: 0;
}

/* Price 上下对齐 */
.top-bottom-parent {
    display: flex;
    flex-direction: column; /* 垂直排列 */
    justify-content: space-between; /* 两端对齐 */
    min-height: 200px; /* 容器最小高度 */
}

.icon { background: var(--icons-url) no-repeat top left; background-size: cover; width: 24px; height: 24px; margin-right: 10px; display: inline-block; vertical-align:middle; }
.icon.icon-tomo { background-position: 0 0; width: 42px; height: 54px; }
.icon.icon-insight { background-position: -18px 0; }
.icon.icon-star { background-position: -41px 0; }
.icon.icon-target { background-position: -65px 0; }
.icon.icon-up { background-position: -89px 0; }
.icon.icon-right { background-position: -113px 0; margin-left: 10px; }
.icon.icon-dashboard { background-position: -137px 0; }
.icon.icon-scan { background-position: -161px 0; }