/* Ticking 倒数日(/ticking,2026-10-17):极简黑白,字号、灰度、细线沿用 Console / Pulse / Quarry。
   列表:分组小标题(置顶 / 今天 / 将来 / 纪念 / 已过去)→ 每行名称 + 日期在左、天数在右,行间一条 #e9e9e9 细线,整行可点开详情;
   10-19 逐项确认:天数大字和「今天」统一黑色,由共享高亮脚本铺主题黄;已过去的标题、单位小字仍灰。
   不再有「N 个日子」,「+ 新建」在有大标题时放到 Ticking 标题那一行的右边。
   表单:左边 64px 标签、右边控件,行间细线;输入框手机 17px(≥16px,iOS 不会自动放大),所有按钮、选项的可点区域不小于 44px。 */
.georges-ticking {
  max-width: 560px;
  color: #0a0a0a;
  font-family: quattrocento, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Noto Sans SC, Noto Sans CJK SC, Source Han Sans SC, sans-serif;
}
.georges-ticking [hidden] { display: none !important; }

/* 主题会给按钮、输入框加样式,这里统一清掉 */
.georges-ticking button {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: inherit !important;
  font-family: inherit !important;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: inherit;
  text-transform: none !important;
  cursor: pointer;
  transition: color .2s ease !important; /* 主题给按钮的 transition: all 会让东西慢半拍 */
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  appearance: none;
}
.georges-ticking button:focus { outline: none; }
.georges-ticking button:focus-visible { outline: 1px dotted #0a0a0a; outline-offset: 2px; }
.georges-ticking svg {
  display: block;
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* ---------- 游客 ---------- */
.georges-ticking .gt-guest-text { margin: 0 0 6px !important; padding: 0 !important; font-size: 15px; line-height: 1.8; color: #555; }
.georges-ticking a.gt-login {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-size: 16px;
  letter-spacing: .1em;
  color: #0a0a0a !important;
  text-decoration: none !important;
  transition: color .2s ease;
}
.georges-ticking a.gt-login:hover { color: #777 !important; }

/* ---------- 列表 ---------- */
.georges-ticking .gt-bar { display: flex; align-items: center; justify-content: space-between; min-height: 46px; }
.georges-ticking .gt-total { font-size: 13px; letter-spacing: .14em; color: #8e8e8e; }
.georges-ticking .gt-add {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  height: 44px;
  margin-right: -2px !important;
  font-size: 15px !important;
  letter-spacing: .14em !important;
  color: #0a0a0a !important;
}
.georges-ticking .gt-add svg { width: 16px; height: 16px; }
.georges-ticking .gt-add:hover { color: #777 !important; }
.georges-ticking .gt-empty { margin: 14px 0 0 !important; padding: 0 !important; font-size: 14px; line-height: 1.8; color: #999; }

.georges-ticking .gt-group { margin-top: 22px; }
.georges-ticking .gt-bar + .gt-group { margin-top: 8px; }
.georges-ticking .gt-label { margin: 0 0 8px; font-size: 12px; line-height: 1.5; letter-spacing: .24em; color: #a8a8a8; }
.georges-ticking .gt-item { border-bottom: 1px solid #e9e9e9; }
.georges-ticking .gt-label + .gt-item { border-top: 1px solid #e9e9e9; }
.georges-ticking .gt-row {
  display: flex !important;
  align-items: center;
  gap: 16px;
  width: 100%;
  min-height: 64px;
  padding: 11px 0 !important;
  text-align: left !important;
}
.georges-ticking .gt-main { flex: 1; min-width: 0; display: flex; flex-direction: column; transition: transform .25s ease; }
.georges-ticking .gt-title { font-size: 18px; line-height: 1.45; color: #0a0a0a; overflow-wrap: anywhere; }
.georges-ticking .gt-sub { margin-top: 2px; font-size: 13px; line-height: 1.6; letter-spacing: .02em; color: #999; font-variant-numeric: tabular-nums; }
.georges-ticking .gt-num { flex: none; display: flex; align-items: baseline; gap: 5px; }
.georges-ticking .gt-n { font-size: 26px; line-height: 1; color: #141414; font-variant-numeric: lining-nums tabular-nums; }
.georges-ticking .gt-u { font-size: 12.5px; letter-spacing: .1em; color: #8e8e8e; }
.georges-ticking .gt-n-today { font-size: 16px; letter-spacing: .24em; }
@media (hover: hover) and (pointer: fine) {
  .georges-ticking .gt-row:hover .gt-main { transform: translateX(6px); } /* 同 Console:名字轻轻右移 */
}

.georges-ticking .gt-detail { padding: 0 0 16px; }
.georges-ticking .gt-note { margin: 0 0 10px !important; padding: 0 !important; font-size: 14px; line-height: 1.75; color: #555; white-space: pre-wrap; overflow-wrap: anywhere; }
.georges-ticking .gt-fact { display: flex; gap: 14px; font-size: 13.5px; line-height: 1.9; }
.georges-ticking .gt-fact .gt-k { flex: none; width: 2.6em; letter-spacing: .14em; color: #a8a8a8; }
.georges-ticking .gt-fact .gt-v { min-width: 0; color: #333; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.georges-ticking .gt-actions { display: flex; gap: 26px; margin-top: 8px; }
.georges-ticking .gt-act { height: 44px; font-size: 14.5px !important; letter-spacing: .14em !important; }
.georges-ticking .gt-edit { color: #0a0a0a !important; }
.georges-ticking .gt-danger { color: #a61b1b !important; }
.georges-ticking .gt-act:hover { color: #777 !important; }
.georges-ticking .gt-danger:hover { color: #d33 !important; }

.georges-ticking .gt-flash { animation: gt-flash 1.6s ease-out; }
@keyframes gt-flash { from { background: #f1f1f1; } to { background: transparent; } }

/* 已过去的:标题浅一点,天数仍统一黑色 */
.georges-ticking .gt-group[data-g="past"] .gt-title { color: #8e8e8e; }

/* ---------- 表单 ---------- */
.georges-ticking .gt-form { margin: 0 !important; padding: 0 !important; }
.georges-ticking .gt-form-head { display: flex; align-items: center; min-height: 46px; margin-bottom: 8px; }
.georges-ticking .gt-back { display: inline-flex !important; align-items: center; justify-content: center; width: 44px; height: 44px; margin-left: -13px !important; color: #0a0a0a !important; }
.georges-ticking .gt-back:hover { color: #777 !important; }
.georges-ticking .gt-form-title { font-size: 15px; letter-spacing: .14em; }

.georges-ticking .gt-field { display: flex; align-items: flex-start; border-bottom: 1px solid #e9e9e9; padding: 4px 0; }
.georges-ticking .gt-form-head + .gt-field { border-top: 1px solid #e9e9e9; }
.georges-ticking .gt-field > .gt-k {
  flex: none;
  width: 64px;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px;
  line-height: 44px;
  letter-spacing: .14em;
  color: #8e8e8e;
  font-weight: normal;
}
.georges-ticking .gt-c { flex: 1; min-width: 0; display: flex; flex-wrap: wrap; align-items: center; column-gap: 18px; }
.georges-ticking .gt-input,
.georges-ticking .gt-select {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 44px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background-color: transparent !important;
  color: #0a0a0a !important;
  font-family: inherit !important;
  font-size: 16px !important;
  line-height: 44px !important;
  letter-spacing: .02em;
  -webkit-appearance: none;
  appearance: none;
}
.georges-ticking .gt-input::placeholder { color: #b5b5b5; opacity: 1; letter-spacing: .06em; }
.georges-ticking textarea.gt-input { height: auto !important; min-height: 92px !important; padding: 10px 0 !important; line-height: 1.7 !important; resize: vertical; }
.georges-ticking .gt-date { width: auto; min-width: 9em; }
.georges-ticking .gt-date::-webkit-calendar-picker-indicator { opacity: .45; cursor: pointer; }
.georges-ticking .gt-date::-webkit-date-and-time-value { text-align: left; }

.georges-ticking .gt-seg { display: flex; flex-wrap: wrap; column-gap: 22px; }
.georges-ticking .gt-seg-btn { height: 44px; font-size: 15px !important; letter-spacing: .12em !important; color: #a8a8a8 !important; }
.georges-ticking .gt-seg-btn:hover { color: #555 !important; }
.georges-ticking .gt-seg-btn[aria-checked="true"] { color: #0a0a0a !important; box-shadow: inset 0 -1px 0 #0a0a0a !important; }

.georges-ticking .gt-lunar-row { display: flex; column-gap: 14px; }
.georges-ticking .gt-select {
  width: auto;
  padding-right: 16px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23999' stroke-width='1.2'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 1px center !important;
  background-size: 9px 6px !important;
  cursor: pointer;
}
.georges-ticking .gt-solar,
.georges-ticking .gt-lunar { border-bottom: 0; }
.georges-ticking .gt-hint { margin: 0 !important; padding: 0 0 12px 64px !important; border-bottom: 1px solid #e9e9e9; font-size: 13px; line-height: 1.6; color: #999; font-variant-numeric: tabular-nums; }
.georges-ticking .gt-hint:empty { padding-bottom: 4px !important; }
.georges-ticking .gt-hint.gt-bad { color: #a61b1b; }

.georges-ticking .gt-opts { border-bottom: 1px solid #e9e9e9; padding: 4px 0 4px 64px; }
.georges-ticking .gt-check { position: relative; display: flex; align-items: center; gap: 10px; min-height: 44px; margin: 0 !important; cursor: pointer; font-size: 15px; letter-spacing: .08em; -webkit-tap-highlight-color: transparent; }
.georges-ticking .gt-check input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; pointer-events: none; }
.georges-ticking .gt-box { position: relative; flex: none; width: 16px; height: 16px; box-sizing: border-box; border: 1px solid #0a0a0a; background: #fff; }
.georges-ticking .gt-check input:checked + .gt-box { background: #0a0a0a; }
.georges-ticking .gt-check input:checked + .gt-box::after {
  content: "";
  position: absolute;
  left: 4.5px;
  top: 1px;
  width: 4px;
  height: 8px;
  border: solid #fff;
  border-width: 0 1.5px 1.5px 0;
  transform: rotate(45deg);
}
.georges-ticking .gt-check input:focus-visible + .gt-box { outline: 1px dotted #0a0a0a; outline-offset: 2px; }
.georges-ticking .gt-check-text small { margin-left: 10px; font-size: 12.5px; letter-spacing: .02em; color: #a8a8a8; }

.georges-ticking .gt-err { margin: 14px 0 0 !important; padding: 0 !important; font-size: 13.5px; line-height: 1.6; color: #a61b1b; }
.georges-ticking .gt-err:empty { display: none; }
.georges-ticking .gt-form-actions { display: flex; align-items: center; gap: 26px; margin-top: 22px; }
.georges-ticking .gt-spacer { flex: 1; }
.georges-ticking .gt-cancel { color: #999 !important; }
.georges-ticking .gt-cancel:hover { color: #0a0a0a !important; }
.georges-ticking .gt-save {
  height: 44px;
  padding: 0 28px !important;
  border: 1px solid #0a0a0a !important;
  background: #0a0a0a !important;
  color: #fff !important;
  font-size: 15px !important;
  letter-spacing: .24em !important;
  transition: background-color .2s ease, color .2s ease !important;
}
.georges-ticking .gt-save:hover { background: #333 !important; }
.georges-ticking .gt-save:disabled { opacity: .5; cursor: default; }

/* The actual title and action share a baseline; no hard-coded upward offset. */
.georges-ticking .gt-top{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 16px;margin-bottom:30px}
.georges-ticking .gt-top>.georges-page-head{flex:1;min-width:0;margin:0}
.georges-ticking .gt-top>.gt-bar{margin-left:auto;min-height:0}
.georges-ticking .gt-top~.gt-app .gt-group:first-child{margin-top:0}
.georges-ticking .gt-top~.gt-app .gt-empty:first-child{margin-top:0!important}
@media(max-width:600px){.georges-ticking .gt-top{margin-bottom:24px}}

/* 电脑端:第一行和左侧菜单的 Journal 对齐(同 Console、Quarry) */
@media (min-width: 1024px) {
  .georges-ticking { margin-top: 58px; }
}
@media (max-width: 1023px) {
  .georges-ticking .gt-title { font-size: 17px; }
  .georges-ticking .gt-n { font-size: 24px; }
  .georges-ticking .gt-input,
  .georges-ticking .gt-select { font-size: 17px !important; }
  .georges-ticking .gt-check-text small { display: block; margin: 0; line-height: 1.4; }
}