/* ===== 多语言弹窗功能 ===== */
.modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.3);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}
.modal-overlay.active { opacity: 1; visibility: visible; }
.modal-content {
    background: var(--glass-level-1);
    backdrop-filter: blur(var(--blur-strong)) saturate(170%);
    -webkit-backdrop-filter: blur(var(--blur-strong)) saturate(170%);
    width: 360px;
    /* 小屏幕下避免弹窗宽度超出视口，与设置面板保持同样的自适应策略 */
    max-width: calc(100vw - 40px);
    max-height: calc(100vh - 80px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding: 24px;
    border-radius: var(--radius-large);
    border: 1px solid var(--glass-border-1);
    box-shadow: var(--shadow-elevated);
    display: flex;
    font-family: inherit;
    box-sizing: border-box;
}
.modal-main { flex: 1; min-width: 0; }
.modal-title { font-size:18px; font-weight:600; margin-bottom:20px; color:var(--text-primary); }
.lang-option {
    position: relative;
    z-index: 1;
    padding:12px;
    border-radius:12px;
    cursor:pointer;
    margin-bottom:8px;
    color:var(--text-secondary);
    transition:background .2s;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    user-select: none;
    pointer-events: auto;
}
.lang-option:hover { background:var(--glass-level-2); }
.lang-option.selected { background:var(--glass-level-3); color:#818cf8; font-weight:600; }
.status-area{
    width:18px;
    display:flex;
    justify-content:center;
    align-items:center;
    /* 纯装饰元素，绝不能拦截旁边语言选项的点击/触摸 */
    pointer-events: none;
}
.status-slider {
    width:6px;
    height:120px;
    background:var(--glass-border-2);
    border-radius:999px;
    transition:all .35s var(--ease-ios);
    pointer-events: none;
}
.status-slider.active {
    transform:scale(1.2);
    background:#6366f1;
    box-shadow:0 0 14px rgba(99,102,241,.65);
}

@media (max-width: 480px) {
    .modal-content { width: 100%; padding: 20px; }
}