/* georges.cn 全站统一高亮(2026-10-18,替换 Codex 的 georges-about-highlight/about.css)。
   主题黄 #c19100、60% 不透明度(沿用 Codex 10-18 按 Georges 要求定的 60%)。
   时间线(5.7s,和 highlight.js 的 TOTAL 一致):0–0.8s 从左往右铺开 → 停留 → 5.0–5.7s 从左往右收走,文字留着。
   色块上下边界由 highlight.js 按字形量出来写进 --ghl-pt / --ghl-pb / --ghl-y / --ghl-h。 */
@property --ghl-a { syntax: '<number>'; inherits: false; initial-value: .6; }

mark.ghl, .ghl {
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  margin: 0 0 0 calc(-1 * var(--ghl-ls, 0px));
  padding: var(--ghl-pt, 0px) 0 var(--ghl-pb, 0px) var(--ghl-ls, 0px);
  border-radius: 0;
  background-color: transparent;
  background-image: linear-gradient(rgba(193, 145, 0, var(--ghl-a, .6)), rgba(193, 145, 0, var(--ghl-a, .6)));
  background-repeat: no-repeat;
  background-size: 0 var(--ghl-h, 100%);
  background-position: 0 var(--ghl-y, 0px);
}
.ghl.ghl-on { animation: ghl-sweep 5.7s linear both; }
/* Georges 10-19 00:05:高亮不再把灰字强行变黑,保持原来的颜色(ghl-ink 不再使用) */
.ghl.ghl-ink.ghl-on { animation: ghl-sweep 5.7s linear both; }
.ghl.ghl-done { background-image: none; }
.ghl.ghl-measure { padding-top: 0 !important; padding-bottom: 0 !important; }
.ghl-probe { display: inline-block !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; vertical-align: baseline !important; }

@keyframes ghl-sweep {
  0%      { background-size: 0 var(--ghl-h, 100%);    background-position: 0 var(--ghl-y, 0px);    animation-timing-function: cubic-bezier(.22, 1, .36, 1); }
  14.035% { background-size: 100% var(--ghl-h, 100%); background-position: 0 var(--ghl-y, 0px);    animation-timing-function: linear; }
  87.719% { background-size: 100% var(--ghl-h, 100%); background-position: 100% var(--ghl-y, 0px); animation-timing-function: cubic-bezier(.55, 0, .45, 1); }
  100%    { background-size: 0 var(--ghl-h, 100%);    background-position: 100% var(--ghl-y, 0px); }
}
/* 浅灰字(Console 右列、Corner 作者、Frames 提示)高亮期间用深色,收走时回到原来的颜色(--ghl-c0 由脚本记下) */
@keyframes ghl-ink {
  0%, 87.719% { color: #141414; }
  100%        { color: var(--ghl-c0, currentColor); }
}
@keyframes ghl-fade {
  0%, 87.719% { background-size: 100% var(--ghl-h, 100%); background-position: 0 var(--ghl-y, 0px); --ghl-a: .6; }
  100%        { background-size: 100% var(--ghl-h, 100%); background-position: 0 var(--ghl-y, 0px); --ghl-a: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .ghl.ghl-on { animation-name: ghl-fade; }
  .ghl.ghl-ink.ghl-on { animation-name: ghl-fade; }
}
@media print {
  mark.ghl, .ghl { background: none !important; animation: none !important; color: inherit !important; }
}

/* 以下是 Codex 10-18 放在 about.css 里的非高亮样式,原样搬过来 */
.gab-spectra-head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.gab-swipe-hint { flex: none; font-size: 18px; line-height: 1.5; white-space: nowrap; color: #141414; }
#georges-chat .gc-side-head:not(.gc-claude-head) > .gc-side-title { font-size: 19px; }