.language-switcher{position:relative;display:inline-flex;align-items:center}.lang-toggle{display:inline-flex;align-items:center;gap:6px;background:0 0;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.9);padding:4px 12px;border-radius:var(--radius-xl);cursor:pointer;font-size:var(--font-size-xs);font-weight:500;transition:all var(--transition-fast);font-family:var(--font-body)}.lang-toggle:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35)}.lang-flag{width:18px;height:13px;border-radius:2px;display:inline-block;background-size:cover;background-position:center;box-shadow:0 0 1px rgba(0,0,0,.3)}.lang-flag-en{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'%3E%3Cclip path id='a'%3E%3Cpath d='M0 0v30h60V0z'/%3E%3C/clipPath%3E%3Cclipath id='b'%3E%3Cpath d='M30 15h30v15zv15H0zH0V0zV0h30z'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M0 0v30h60V0z' fill='%23012169'/%3E%3Cpath d='M0 0l60 30m0-30L0 30' stroke='%23fff' stroke-width='6'/%3E%3Cpath d='M0 0l60 30m0-30L0 30' clip-path='url(%23b)' stroke='%23C8102E' stroke-width='4'/%3E%3Cpath d='M30 0v30M0 15h60' stroke='%23fff' stroke-width='10'/%3E%3Cpath d='M30 0v30M0 15h60' stroke='%23C8102E' stroke-width='6'/%3E%3C/g%3E%3C/svg%3E")}.lang-flag-vi{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Crect fill='%23da251d' width='30' height='20'/%3E%3Cpolygon fill='%23ffff00' points='15,4 11.47,14.85 20.71,8.15 9.29,8.15 18.53,14.85'/%3E%3C/svg%3E")}.lang-flag-zh{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Crect fill='%23de2910' width='30' height='20'/%3E%3Cpolygon fill='%23ffde00' points='5,3.3 6.2,6.9 3,4.8 7,4.8 3.8,6.9'/%3E%3Cpolygon fill='%23ffde00' points='10,1 10.4,2.2 9.3,1.4 10.7,1.4 9.6,2.2'/%3E%3Cpolygon fill='%23ffde00' points='12,3 12.4,4.2 11.3,3.4 12.7,3.4 11.6,4.2'/%3E%3Cpolygon fill='%23ffde00' points='12,6 12.4,7.2 11.3,6.4 12.7,6.4 11.6,7.2'/%3E%3Cpolygon fill='%23ffde00' points='10,8 10.4,9.2 9.3,8.4 10.7,8.4 9.6,9.2'/%3E%3C/svg%3E")}.lang-name{font-size:var(--font-size-xs)}.lang-arrow{font-size:8px;transition:transform var(--transition-fast)}.lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--color-gray-lighter);min-width:160px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--transition-fast);z-index:1000;overflow:hidden}.language-switcher.open .lang-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.language-switcher.open .lang-arrow{transform:rotate(180deg)}.lang-option{display:flex;align-items:center;gap:10px;padding:10px 16px;color:var(--color-dark);text-decoration:none;font-size:var(--font-size-sm);transition:background var(--transition-fast);border-bottom:1px solid var(--color-gray-lighter)}.lang-option:last-child{border-bottom:none}.lang-option:hover{background:var(--color-primary-light)}.lang-option.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.lang-option .lang-flag{width:20px;height:14px}.lang-option-text{flex:1}.lang-option-check{color:var(--color-primary);font-size:var(--font-size-xs);opacity:0}.lang-option.active .lang-option-check{opacity:1}.site-header.scrolled .lang-toggle{color:var(--color-dark);border-color:var(--color-gray-lighter)}.site-header.scrolled .lang-toggle:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}@media (max-width:768px){.language-switcher{margin-left:auto}.lang-name{display:none}.lang-dropdown{right:-8px}}