/*
 * 官网打磨 2026-10-30（impeccable 体检后的修正）
 *
 * 只做覆盖，不改任何老样式文件；发光、渐变、金 + 蓝双强调色都按原样保留。
 * 想回到老版（任选一种，老样式原封不动）：
 *   - 最快：把本文件内容清空，9 个页面一起回到老样子；
 *   - 或删掉各页 </head> 前这一行：
 *       <link rel="stylesheet" href="/assets/css/polish-20261030.css?v=2">
 *   - 或用 git 撤回：把下面这条命令列出的提交从新到旧依次 git revert（海外站会一起撤回）
 *       git log --format=%h -- server/public/site/assets/css/polish-20261030.css server/public/global-site/assets/css/polish-20261030.css
 *     打磨前的完整版本标签是 site-before-polish-20261030，第一次打磨的提交标签是 site-polish-20261030。
 */

/* 1. 首页大标题下的小蓝线：原来写死靠左，标题居中后它歪在左边 */
.home-v2 .hero .hero-line-slogan::after {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 2. 下载页、招聘页、体验页顶部：标签、大标题、说明原来各自居中摆放、文字靠左，
 *    三行左边错开（230 / 342 / 459 px）。改成整块靠左、对齐同一条左边线，
 *    标签左边那条小横线留在左边（老板 2026-11-01 定：不要居中）。
 *    双机位页是左右两栏的版式、教程页本来就居中，不在此列。 */
section.hero:not(.v2-hero):not(.hero-tutorial) > .container:not(.hero-shell):not(.hero-grid) {
  text-align: left;
}
section.hero:not(.v2-hero):not(.hero-tutorial) > .container:not(.hero-shell):not(.hero-grid) > * {
  margin-left: 0 !important;
  margin-right: auto !important;
}
section.hero:not(.v2-hero):not(.hero-tutorial) > .container:not(.hero-shell):not(.hero-grid) > :is(.quick-tabs, .actions, .eyebrow, .source-label) {
  justify-content: flex-start !important;
}
/* 下载页说明原来在「是否」中间断行，放宽一点让桌面上一行放下 */
#download-hero-copy {
  max-width: 36em !important;
}
/* 手机上大标题原来会剩一个「试」字单独一行，字号收一点让整句放得下 */
@media (max-width: 480px) {
  section.hero:not(.v2-hero):not(.hero-tutorial) > .container:not(.hero-shell):not(.hero-grid) > h1 {
    font-size: 33px !important;
  }
}

/* 教程页顶部的胶囊标签里原来塞着一条小横线，字被挤偏；胶囊里不要这条线 */
.hero.hero-tutorial .eyebrow::before {
  display: none !important;
}

/* 3. 太淡、看不清的字：提到 4.5 : 1 以上（仍是灰色，层级不变） */
:root {
  --x-ink-4: #8a8a8a;
  --p-ink-4: #8a8a8a;
}
.footer-icp a,
p.footer-icp > a {
  color: #7a8699 !important;
}
#downloads .note,
#stable-rollback > summary {
  color: #858b96 !important;
}
.toc-label {
  color: #8a8a8f !important;
}
.faq-search input::placeholder,
#faq-search::placeholder,
#live-question::placeholder {
  color: #8a8a8a !important;
  opacity: 1;
}

/* 下载页「安装遇到问题？」：问题文字原来贴着框线，往里收一点 */
.help-list > .help-item {
  padding-left: 18px;
  padding-right: 18px;
}

/* 4. 小于 12px 的字放大到 12px */
.home-v2 #multilingual .v2-lang-pill b,
.home-v2 #dual-camera .v2-card-kicker,
.device-pick {
  font-size: 12px !important;
}

/* 5. 字体：中文不再被浏览器「假斜体」拉斜；小号英文标签不再「假加粗」糊成一团。
 *    衬线英文字体只有斜体一种，中文本来就没有斜体，这两处都是浏览器硬造出来的。 */
.label, .eyebrow, .source-label, .tag, .hero-tags span, .stat-num, .hero-context, .nav-cta,
.logo span, .section-head .label, .footer-logo, .version-num, .device-tag, .device-pick,
.download-row h3 {
  font-synthesis-style: none;
}
.label, .eyebrow, .source-label, .section-head .label, .tag, .device-tag, .device-pick,
.download-row h3 {
  font-synthesis-weight: none;
}

/* 6. 断行：首页和下载页顶部那句说明按标点断行，不在词中间断开
 *    （原来手机上会出现「连续追 / 问」「是 / 否继续」）。这两句每段都很短，放得下；
 *    万一放不下仍会正常折行，不会撑破版面。段落最后一行尽量不只剩一两个字。 */
.v2-hero-lead,
#download-hero-copy {
  word-break: keep-all;
  overflow-wrap: anywhere;
}
p, li, dd, figcaption {
  text-wrap: pretty;
}
/* 下载页手机上三个小标题原来会剩一个字单独一行（「选择电脑版 / 本」），收小一点并按标点断行 */
@media (max-width: 480px) {
  main:has(#download-hero-title) :is(#downloads, #first-step, #guide) h2 {
    font-size: 29px !important;
    word-break: keep-all;
    overflow-wrap: anywhere;
  }
}