/* ============================================================

   语言差异样式表 —— 只放"某一种语言才需要"的微调

   ============================================================

   为什么单独一个文件：

   1. style.css 由前端按设计稿维护，整份覆盖时不会连带冲掉这里的语言修正；

   2. 本文件在 style.css 之后加载，同优先级时后写的生效，不必写 !important。


   怎么写：用 html[lang="语言码"] 作为前缀。语言码就是后台「多语言」里配的那个，

   中文 zh、英文 en、日文 ja、繁体 zh-Hant，自己加的语言（如 vi）也一样。

   页面上是 <html lang="…">，由 layout.blade.php 的 $htmlLang 输出。

   想连 en-US 这类带地区后缀的一起命中，用 :lang(en) 代替 html[lang="en"]。


   常见四类问题：

   - 单行截断：中文短、英文长，-webkit-line-clamp / white-space:nowrap 会削掉半句 → 放宽行数

   - 断词位置：主题为中文设了 word-break:break-all，英文单词会被从中间切开 → 改回 normal

   - 固定宽度：按中文字数定死的按钮/导航宽度，英文会溢出 → 改 min-width 或加大

   - 字距字体：中文常设 letter-spacing，英文显松散；拉丁字体应排在字体栈前面


   改完记得硬刷新浏览器（本主题的 CSS 链接不带版本号）。

   ============================================================ */


/* i18n: 英文文案比中文长，卡片标题放宽到两行（只作用于英文站，中文渲染不变） */


html[lang="en"] .card h3 {


	-webkit-line-clamp: 2;
    font-size: 1.2rem;

}

html[lang="en"] .card p {


	word-break: normal;


	overflow-wrap: anywhere;


}

html[lang="en"] .naiKjhss {
    gap: 10px;
}

html[lang="en"] .cta-section .naiKjhss {
    display: block;
}
html[lang="en"] #company-profile .naiKjhss {
    display: block;
}
html[lang="en"] #company-profile .naiKjhss .amcaosnc:not(:empty) {
   min-height:3.5rem;
}
html[lang="en"] .grid-4 {
    grid-template-columns: repeat(2, 1fr);
}
html[lang="en"] .cta-content p {
    font-size: 1.1rem;
}
html[lang="en"] .footer-links a:hover {
    padding-left: 1px;
}
html[lang="en"] .naiKjhss span {
    margin: 0;
}
/* 留出的余量只给有内容的标题：整段留空时应当不占位置，而不是撑出一块空白 */
html[lang="en"] .naiKjhss span:not(:empty) {
    min-height: 3.3rem;
}
html[lang="en"] .hero-content .gradient-text:not(:empty) {
    min-height: 10.5rem;
}
html[lang="en"] .section-header h2::after {
    bottom: -14px;
}
@media (max-width: 1080px) {
    html[lang="en"] .hero-content h1 {
        font-size: 3rem;
    }
}
@media (max-width: 900px) {
    html[lang="en"] .hero-content h1 {
        font-size: 2.6rem;
    }
    html[lang="en"] .naiKjhss span:not(:empty) {
        min-height: auto;
    }
}
@media (max-width: 768px) {
    html[lang="en"] .hero-content h1 {
        font-size: 1.8rem;
    }
    html[lang="en"] .grid-4 {
        grid-template-columns: repeat(1, 1fr);
    }
}