/* ============================================================
   外文频道·语言切换入口（与首页「更多语言」同款视觉交互）
   结构：view/public/langswitch.html
   数据源：cn_pcindexconfig navid=1024（后台可维护）
   ============================================================ */
.more-languages {
    position: absolute;
    top: 44px;
    right: 0;
    display: inline-block;
    cursor: pointer;
    z-index: 6;
    font-size: 13px;
    line-height: 20px;
    outline: none;
}
.more-languages > span { color: #fff; padding: 2px; border-bottom: 1px dashed transparent; white-space: nowrap; }
.more-languages > span:after {
    content: "";
    display: inline-block;
    margin-left: 5px;
    vertical-align: 2px;
    border: 4px solid transparent;
    border-top-color: rgba(255, 255, 255, 0.85);
    transition: transform 0.2s ease;
}
.more-languages:hover > span,
.more-languages:focus > span,
.more-languages:focus-within > span,
.more-languages.open > span { border-bottom-color: rgba(255, 255, 255, 0.6); }
.more-languages:hover > span:after,
.more-languages:focus > span:after,
.more-languages:focus-within > span:after,
.more-languages.open > span:after { transform: rotate(180deg); }

/* 下拉面板：与首页同色系 #7f8cbb，增强圆角阴影与过渡动效 */
.languages-dropdown {
    padding: 18px 20px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 480px;
    background-color: #7f8cbb;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    z-index: 99;
    line-height: 30px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s;
}
.languages-dropdown:after { content: ""; display: block; clear: both; }
.languages-dropdown .title { width: 110px; float: left; line-height: 30px; }
.languages-dropdown .title a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 0 6px;
    border-radius: 3px;
    transition: background 0.15s ease;
}
.languages-dropdown .title a:hover { text-decoration: underline; background: rgba(255, 255, 255, 0.12); }
.languages-dropdown .title.current span {
    color: #ffe98d;
    font-weight: 600;
    display: block;
    padding: 0 6px;
    cursor: default;
}
.languages-dropdown .title.current a { pointer-events: none; }

/* 展开/收起统一由 aria-expanded 驱动（JS 同步悬停/点击/键盘） */
.more-languages[aria-expanded="true"] .languages-dropdown,
.more-languages.open .languages-dropdown { opacity: 1; visibility: visible; transform: translateY(0); }
.more-languages[aria-expanded="false"] .languages-dropdown { opacity: 0; visibility: hidden; transform: translateY(-6px); }

/* 窄屏：面板自适应宽度、三列 */
@media (max-width: 560px) {
    .languages-dropdown { width: calc(100vw - 24px); right: -8px; padding: 14px; }
    .languages-dropdown .title { width: 33.33%; }
    .more-languages { top: 40px; }
}