@charset "UTF-8";
/* 标题行小动画（2026-10-27 上线，Epoch / Frames / Corner / Message）：左右距离相同——到右边中文和到左边英文一样远（10-27 他要求；图形右缘自带约 2px 余量，所以右边距比左边少 2px）；整体上移 4px（手机 5px）；
   Frames / Corner / Message 的图形在脚本里按右边中文的垂直中心对齐。金色一律 100% 主题黄 #c19100，出现用缩放弹出、不用透明度。 */
.gtm-trace{flex:1 1 0;min-width:0;align-self:baseline;position:relative;height:1px;margin:0 4px 0 6px}
.gtm-svg{position:absolute;left:0;bottom:0;width:100%;height:60px;overflow:visible;transform:translateY(-4px)}
.gtm-ink{fill:none;stroke:#141414;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.gtm-fill,.gtm-node{fill:#141414;stroke:none}
.gtm-dot,.gtm-gold{fill:#c19100;stroke:none}
.gtm-dot{transition:opacity .3s ease}
.gtm-ring{fill:#fff;stroke:#141414;stroke-width:1.1}
.gtm-paper{fill:#fff;fill-opacity:0;transition:fill-opacity .25s ease}
.gtm-paper.gtm-on{fill-opacity:1}
.gtm-pop{transform:scale(0);transform-box:fill-box;transform-origin:50% 50%;transition:transform .34s cubic-bezier(.34,1.56,.64,1)}
.gtm-pop.gtm-on{transform:scale(1)}
/* Gravity：标题行在 .gvc 里，那里的 .gvc svg（18px 图标）会把画布缩小，按原尺寸盖回来 */
.gvc .georges-page-head .gtm-svg{width:100%;height:60px}
/* Elapse：沙漏里的沙流（主题黄细线） */
.gtm-stream{fill:none;stroke:#c19100;stroke-width:1;stroke-linecap:round}
/* Question：标题行是 .gd-top（弹性布局，标题那块原本 flex:1 占满）；插了线就让标题回到自身宽度，线在标题和右边按钮之间 */
.georges-discover[data-section] .gd-top.gtm-host>.georges-page-head{flex:none}
/* Guestbook：标题行 .gug-head 手机上间隔只有 12px（别处 16px），线两边各多留 4px，到「Guestbook」「留言板」照样一样远 */
@media (max-width:600px){.gug-head>.gtm-trace{margin:0 6px 0 8px}}
/* 聊天页的标题行是 chat.js 画的（gap 8px 16px），线挂在标题和「好友聊天」按钮之间 */
#georges-chat .gc-side-head .gtm-trace{margin:0 -2px 0 0}
@media (max-width:600px){.gtm-trace{margin:0 2px 0 4px}.gtm-svg{transform:translateY(-5px)}.gtm-ink{stroke-width:1.15}}
@media (prefers-reduced-motion:reduce){.gtm-dot,.gtm-pop,.gtm-paper{transition:none}}