.language-switch { display: inline-flex; align-items: center; justify-content: center; padding: 8px 12px; margin-left: 10px; border: 1px solid #9aa9cb; border-radius: 999px; background: #fff; color: #36578d; font: 600 13px/1.3 system-ui, sans-serif; text-decoration: none; vertical-align: top; }
.language-switch:focus-visible { outline: 3px solid #5d83ea; outline-offset: 3px; }
html[lang="en"] .hero h1 { font-size: clamp(48px, 6vw, 88px); line-height: 1.02; }
html[lang="en"] .hero-title-en { display: none; }
html[lang="en"] .tag span { display: none; }
html[lang="en"] .capability-card h2 small, html[lang="en"] .node-en { display: none; }
html[lang="en"] .project-badge { white-space: normal; }
html[lang="en"] .detail-hero h1 { overflow-wrap: anywhere; }
html[lang="en"] .time-compare b { font-size: 17px; overflow-wrap: anywhere; }
html[lang="en"] .wish-item { gap: 8px; }
html[lang="en"] .wish-tag { white-space: normal; }
html[lang="en"] .project-source-url { overflow-wrap: anywhere; }
html[lang="en"] .project-title-zh { overflow-wrap: anywhere; }
html[lang="en"] .project-badges { flex-wrap: wrap; }
html[lang="en"] .node-cn { font-size: 12px; }
html[lang="en"] .project-problem { line-height: 1.5; }
@media(max-width:900px) { .detail-header nav { display: flex; } .detail-header nav a:not(.language-switch) { display: none; } }
@media(max-width:820px) { html[lang="en"] .hero h1 { font-size: clamp(42px, 12vw, 66px); } html[lang="en"] .node-label { display:none; } }