/* Shared language controls; English flow uses the same approved images and visual system. */
.language-switch{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:36px;min-height:44px;padding:4px 8px;border:1px solid var(--line);border-radius:4px;font:600 14px/1.2 Arial,sans-serif;letter-spacing:0}
.header{gap:24px}.header nav{gap:24px}.detail-header{gap:20px}
.mobile-project-link{display:none}
html[lang=en] body{font-family:Arial,"Microsoft YaHei",sans-serif}
html[lang=en] .hero h1{letter-spacing:-1.8px;font-size:clamp(40px,4.2vw,66px)}
html[lang=en] .hero-copy>p{max-width:44ch}
html[lang=en] .header nav{gap:18px}
html[lang=en] .header nav a{font-size:15px;white-space:nowrap}
html[lang=en] .contact-small{white-space:nowrap}
html[lang=en] .manifesto p{font-size:18px;letter-spacing:0;white-space:normal}
html[lang=en] .section-head h2,html[lang=en] .architecture h2{line-height:1.25;letter-spacing:-.8px}
html[lang=en] .scene-tabs button{font-size:16px;line-height:1.5;min-width:0}
html[lang=en] .application-tabs button{font-size:15px;line-height:1.5}
html[lang=en] .detail-main{overflow-wrap:break-word}
html[lang=en] .phone{font-size:clamp(25px,3.5vw,44px);white-space:nowrap}
html[lang=en] .button{gap:14px;max-width:100%;flex-wrap:wrap}
html[lang=en] .contact-section .delivery-note{max-width:65ch;margin-top:18px}
@media(min-width:701px) and (max-width:1200px){html[lang=en] .header{padding-left:3vw;padding-right:3vw;gap:12px}html[lang=en] .header nav{gap:10px}html[lang=en] .header nav a{font-size:13px}html[lang=en] .contact-small{font-size:12px}}
@media(min-width:701px) and (max-width:1023px){html[lang=en] .header{height:auto;min-height:90px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}html[lang=en] .header nav{order:5;flex-basis:100%;justify-content:center}html[lang=en] .header .contact-small{margin-left:auto}}
@media(max-width:700px){.header{padding:0 16px;gap:10px}.header nav{gap:14px}.language-switch{min-width:30px;padding:4px 5px;font-size:12px}.detail-header .language-switch{margin-left:auto}html[lang=en] .header .contact-small{display:none}html[lang=en] .header .language-switch{margin-left:auto}html[lang=en] .hero h1{font-size:44px;line-height:1.2}html[lang=en] .hero-actions{gap:16px;flex-wrap:wrap}html[lang=en] .hero-foot{gap:12px;flex-wrap:wrap}html[lang=en] .scene-tabs button,html[lang=en] .application-tabs button{font-size:13px}html[lang=en] .manifesto p{font-size:16px}html[lang=en] .contact-section h2{font-size:36px}html[lang=en] .detail-header nav{flex-wrap:wrap;row-gap:10px}html[lang=en] .demo-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.header{gap:7px;padding:0 12px}.header .contact-small{font-size:11px}html[lang=en] .header .contact-small{font-size:11px}html[lang=en] .hero h1{font-size:38px}}
@media(max-width:700px){.header nav .mobile-project-link{display:block}}
@media print{.header,.detail-header,footer,.print-action,.detail-contact,.skip{display:none!important}body{background:white!important;color:#111!important}.detail-main{max-width:100%;padding:0!important}.detail-section{break-inside:avoid}.detail-main h1{font-size:28pt}.detail-section p,.detail-section li,.detail-lead{font-size:11pt!important;line-height:1.5!important}.scene-figure{max-width:130mm;margin:8mm auto!important}.scene-figure img{max-height:65mm;object-fit:cover}a{color:inherit!important}@page{size:A4;margin:15mm}}
