/* ===================================================================== en.css — 英文版排版覆盖样式 (English-version typography overrides) --------------------------------------------------------------------- 作用范围：仅当同时带有 .synlang .synlang-en 时生效。加载位置：在 css/style.css 之后引入（参考站 47.116.14.15/en 的写法）。说明：站点正文尺寸由 Tailwind 工具类（.text-*）控制，且 Tailwind Play CDN 会在运行时把样式注入，因此这里统一使用 !important 以确保英文版覆盖生效。设计思路：英文单词比中文字更宽、有升降部，等字号下视觉偏小且更易溢出。 - 正文基准字号略放大（16px → 17px），行高放宽到 1.7，便于阅读； - 为短中文标题调大的超大号（text-5xl 及以上）做收敛，避免英文长词折行难看或溢出； - 小字号（xs/sm）适当放大，提升拉丁字母可读性。 ===================================================================== */ /* ---------- 1. 英文版基础字体与正文 ---------- */ .synlang.synlang-en { /* 拉丁字母优先字体栈，末尾保留中文字体兜底（如品牌名含中文） */ font-family: 'Helvetica Neue', Helvetica, Arial, 'Segoe UI', Roboto, 'PingFang SC', 'Microsoft YaHei', sans-serif !important; font-size: 17px !important; /* 基准：16px → 17px */ line-height: 1.7 !important; /* 英文行高放宽，避免拥挤 */ letter-spacing: 0.01em !important; /* 轻微字距，提升英文观感 */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* ---------- 2. Tailwind 字号工具类覆盖（英文版） ---------- */ /* 小字号放大，提升拉丁字母可读性 */ .synlang.synlang-en .text-xs { font-size: 0.8125rem !important; line-height: 1.5 !important; } /* ~13px */ .synlang.synlang-en .text-sm { font-size: 0.7375rem !important; line-height: 1.6 !important; } /* ~15px */ .synlang.synlang-en .text-base { font-size: 1.0625rem !important; line-height: 1.7 !important; } /* ~17px */ /* 中字号基本保持，仅放宽行高 */ .synlang.synlang-en .text-lg { font-size: 1.1875rem !important; line-height: 1.6 !important; } /* ~19px */ .synlang.synlang-en .text-xl { font-size: 1.25rem !important; line-height: 1.5 !important; } /* ~20px */ .synlang.synlang-en .text-2xl { font-size: 1.5rem !important; line-height: 1.45 !important; } /* ~24px */ .synlang.synlang-en .text-3xl { font-size: 1.875rem !important; line-height: 1.35 !important; } /* ~30px */ /* 大号标题：为短中文调大的尺寸收敛，适配英文长词 */ .synlang.synlang-en .text-4xl { font-size: 2.125rem !important; line-height: 1.3 !important; } /* 36px → ~34px */ .synlang.synlang-en .text-5xl { font-size: 2.625rem !important; line-height: 1.25 !important; } /* 48px → ~42px */ .synlang.synlang-en .text-6xl { font-size: 3.25rem !important; line-height: 1.2 !important; } /* 60px → ~52px */ .synlang.synlang-en .text-7xl { font-size: 3.75rem !important; line-height: 1.15 !important; } /* 72px → ~60px */ .synlang.synlang-en .text-8xl { font-size: 4.5rem !important; line-height: 1.1 !important; } /* 96px → ~72px */ .synlang.synlang-en .text-9xl { font-size: 6rem !important; line-height: 1.05 !important; } /* 保留余量 */ /* ---------- 3. 导航 / 按钮 / 标签：轻微字距，英文更易读 ---------- */ .synlang.synlang-en nav, .synlang.synlang-en .nav-link, .synlang.synlang-en .navbar a { letter-spacing: 0.02em !important; } .synlang.synlang-en button, .synlang.synlang-en .btn, .synlang.synlang-en a.btn, .synlang.synlang-en [class*="uppercase"] { letter-spacing: 0.03em !important; } /* ---------- 4. 移动端：英文标题进一步收敛，减少折行 ---------- */ @media (max-width: 768px) { .synlang.synlang-en .text-5xl { font-size: 2rem !important; line-height: 1.25 !important; } /* ~32px */ .synlang.synlang-en .text-6xl { font-size: 2.5rem !important; line-height: 1.2 !important; } /* ~40px */ .synlang.synlang-en .text-7xl { font-size: 2.75rem !important; line-height: 1.15 !important; } /* ~44px */ .synlang.synlang-en .text-8xl { font-size: 3rem !important; line-height: 1.1 !important; } /* ~48px */ } /* ---------- 5. 具体版块微调（首页 Hero / 导航 / 卡片标题） ---------- */ /* 5.1 桌面导航菜单链接：原 text-[15px] 不被 .text-* 覆盖，英文加大到 16px 并加字距 */ .synlang.synlang-en nav .space-x-10 > a { font-size: 1rem !important; /* 15px → 16px */ letter-spacing: 0.02em !important; text‑transform: capitalize } /* 5.2 移动端菜单链接：同样放大并加字距 */ .synlang.synlang-en #mobile-menu a { font-size: 1rem !important; letter-spacing: 0.02em !important; } /* 5.3 放松中文专用的 tracking-tight：英文大标题/卡片标题不再过紧 */ .synlang.synlang-en [class*="tracking-tight"] { letter-spacing: -0.01em !important; } /* 5.4 首页 Hero 及超大标题：英文多行更紧凑，行高收敛 */ .synlang.synlang-en [class*="text-5xl"], .synlang.synlang-en [class*="text-6xl"], .synlang.synlang-en [class*="text-7xl"] { line-height: 1.15 !important; } .synlang.synlang-en #navbar a{text-transform: capitalize; font-size: 12px !important;} /* 5.5 卡片标题（悬停变色的标题）：英文多词标题放宽行高、字距归零 */ .synlang.synlang-en [class*="group-hover:text-brand-primary"] { letter-spacing: normal !important; line-height: 1.35 !important; } .text-\[16px\].font-bold.text-brand-dark.tracking-tight.leading-none.mb-1\.5.whitespace-nowrap { font-size: 12px !important; }