/* georges.cn 全站统一高亮(2026-10-18,替换 Codex 的 georges-about-highlight/about.css)。
   主题黄 #d4b24d、60% 不透明度(沿用 Codex 10-18 按 Georges 要求定的 60%)。
   时间线(3s,和 highlight.js 的 TOTAL 一致):0–0.8s 从左往右铺开 → 停留 → 2.3–3s 从左往右收走,文字留着。
   色块上下边界由 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(#d4b24d, #d4b24d) /* 11-06 他「全站…都去掉透明度试试」:60% 透明 → 实色,15:07 统一为淡黄 #d4b24d(= 70% 叠白) */;
  background-repeat: no-repeat;
  background-size: 0 var(--ghl-h, 100%);
  background-position: 0 var(--ghl-y, 0px);
}
.ghl.ghl-on { animation: ghl-sweep 3s linear both; }
/* Georges 10-19 00:05:高亮不再把灰字强行变黑,保持原来的颜色(ghl-ink 不再使用) */
.ghl.ghl-ink.ghl-on { animation: ghl-sweep 3s linear both; }
.ghl.ghl-done { background-image: none; }
/* 10-19 Georges:全站返回入口取消高亮,字形测量和箭头对齐仍由共享脚本维护。 */
.ghl.georges-return-mark { background: none !important; animation: none !important; }
/* Functional-page title rows highlight English; Spectra's sequential Chinese
   label is the exception. Keep wrappers for links, plus alignment and toggles. */
:is(.georges-page-head .georges-page-sub,.gab-swipe-hint,.gcx-subtitle,.gug-write,
    .ggf-overview > .ggf-head > a,.georges-head-action) .ghl:not(.ghl-sequential) {
  background: none !important;
  animation: none !important;
}
.ghl.ghl-measure { padding-top: 0 !important; padding-bottom: 0 !important; }
/* 10-26 About 标题里的 Georges 照启动画面(georges-splash.php):黄带左端比 G 多伸 .08em(负外边距抵消,字不动)、右端收到 s;
   0.7 秒同款曲线铺开后一直留着,不收走。上下边界由 highlight.js 按启动画面的算法量。随后「Georges不要拉开字距」:字距照原样。 */
.ghl.ghl-splash { margin-left: -.08em; padding-left: .08em; }
/* 11-01 Georges「Geroges的高亮没有消失」:不再一直留着,改成和全站一样 3 秒铺开、停留、收走(黄带位置、左端多伸 .08em 照旧);原来的 0.7 秒铺开动画 ghl-splash-in 留着没用 */
.ghl.ghl-splash.ghl-on { animation: ghl-sweep 3s linear both; }
.ghl.ghl-splash.ghl-done { background-image: none; }
@keyframes ghl-splash-in {
  from { background-size: 0 var(--ghl-h, 100%);                    background-position: 0 var(--ghl-y, 0px); }
  to   { background-size: 100% var(--ghl-h, 100%); background-position: 0 var(--ghl-y, 0px); }
}
.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); }
  26.667% { background-size: 100% var(--ghl-h, 100%); background-position: 0 var(--ghl-y, 0px);    animation-timing-function: linear; }
  76.667% { 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%, 76.667% { color: #141414; }
  100%        { color: var(--ghl-c0, currentColor); }
}
@keyframes ghl-fade {
  0%, 76.667% { 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-splash.ghl-on { animation-duration: 1ms; }
  .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; }