.language-box{position:relative;display:inline-block}.language-trigger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#f5f5f5;cursor:pointer;transition:all .3s ease;border:1px solid #d9d9d9}.language-trigger:hover{background-color:#e6f7ff;border-color:#1890ff}.language-icon{font-size:18px;color:#666;transition:color .3s ease}.language-trigger:hover .language-icon{color:#1890ff}.language-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:white;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);border:1px solid #d9d9d9;z-index:1000;min-width:150px;overflow:hidden}.language-option{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f0f0f0}.language-option:last-child{border-bottom:none}.language-option:hover{background-color:#f5f5f5}.language-option.active{background-color:#e6f7ff;color:#1890ff}.language-flag{font-size:18px;margin-right:8px}.language-name{font-size:14px;font-weight:500}.language-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background:transparent}@media (max-width:768px){.language-trigger{width:36px;height:36px}.language-icon{font-size:16px}.language-dropdown{min-width:140px}.language-option{padding:10px 14px}.language-flag{font-size:16px}.language-name{font-size:13px}}