/* 记忆星河首页：诗经小签 + 此刻 + 一行入口。颜色取皮肤变量；星河卡片不动。 */
#memoryOverlay.mtk {
  --mk-accent: var(--nc-accent, var(--accent));
  --mk-soft: var(--nc-accent-soft, color-mix(in srgb, var(--mk-accent) 28%, #fff));
  --mk-ink: var(--nc-text, var(--text));
  --mk-ink-2: var(--nc-muted, var(--text-soft));
  --mk-ink-3: color-mix(in srgb, var(--mk-ink-2) 60%, transparent);
  --mk-seal: color-mix(in srgb, var(--mk-accent) 35%, #b03a3f);
  --mk-hair: color-mix(in srgb, var(--mk-ink) 16%, transparent);
  --mk-paper: color-mix(in srgb, #fffdf8 84%, var(--mk-soft));
  --mk-cn: var(--font-cn, "Songti SC", "Noto Serif SC", serif);
  --mk-en: var(--font-en, "Cormorant Garamond", Georgia, serif);
}
/* 背景：顶上接状态栏的皮肤色，中间留白，底下透一点皮肤色 */
html #memoryOverlay.mtk.mtk {
  background-color: var(--route-top-bg, #fbfaf6);
  background-image: linear-gradient(180deg, var(--route-top-bg, #fbfaf6) 0%, color-mix(in srgb, var(--route-top-bg, #fbfaf6) 55%, #faf8f4) 40%, color-mix(in srgb, var(--route-top-bg, #fbfaf6) 40%, #faf8f4) 60%, color-mix(in srgb, var(--mk-soft) 62%, #fbfaf6) 100%);
}
#memoryOverlay.mtk::before { background: transparent; }

/* 顶栏：小字拉开 */
#memoryOverlay.mtk .mem-header { border: 0; background: transparent; box-shadow: none; }
#memoryOverlay.mtk .mem-header-copy { text-align: center; }
#memoryOverlay.mtk .mem-header-copy h2 { font: 400 14px/1 var(--mk-cn); letter-spacing: .5em; text-indent: .5em; color: var(--mk-ink); }
#memoryOverlay.mtk .mem-meta { display: block; margin-top: 6px; font: italic 400 11px/1 var(--mk-en); letter-spacing: .08em; color: var(--mk-ink-2); }
#memoryOverlay.mtk .mem-header .mem-icon-btn { border: 0; background: none; box-shadow: none; color: var(--mk-ink-2); }
#memoryOverlay.mtk .mem-refresh { font: 300 12px/1 var(--mk-cn); letter-spacing: .3em; }
#memoryOverlay.mtk .mem-archive-label { display: none; }

.mtk-v { display: block; width: 1em; word-break: break-all; text-align: center; }

/* 诗经小签 */
.mtk-mid { position: relative; height: 230px; margin-top: 12px; }
.mtk-cord { position: absolute; left: 14px; right: 14px; top: 20px; height: 40px; pointer-events: none; }
.mtk-cord svg { display: block; width: 100%; height: 100%; overflow: visible; }
.mtk-cord path { fill: none; stroke: color-mix(in srgb, var(--mk-ink) 40%, transparent); stroke-width: 1; vector-effect: non-scaling-stroke; }
#memoryOverlay .mtk-hs { all: unset; box-sizing: border-box; position: absolute; top: var(--t); left: calc(var(--l) - 20px); display: flex; flex-direction: column; align-items: center; transform: rotate(var(--r)); transform-origin: top center; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform .35s ease; }
#memoryOverlay .mtk-hs:active { transform: rotate(calc(var(--r) * -1)); }
#memoryOverlay .mtk-hs:focus-visible { outline: 1px solid var(--mk-seal); outline-offset: 3px; }
.mtk-th { width: 1px; height: var(--len); background: color-mix(in srgb, var(--mk-ink) 30%, transparent); }
.mtk-cd { width: 40px; padding: 14px 0 16px; display: flex; justify-content: center; background: var(--mk-paper); box-shadow: inset 0 0 0 .5px var(--mk-hair), 0 10px 16px -12px color-mix(in srgb, var(--mk-ink) 40%, transparent); transition: background-color .3s ease; }
.mtk-cd .mtk-v { font: 400 14px/1.4 var(--mk-cn); color: var(--mk-ink); }
.mtk-hs.on .mtk-cd { background: var(--mk-seal); }
.mtk-hs.on .mtk-cd .mtk-v { color: #fff; }
.mtk-ts { width: 1px; height: 14px; background: var(--mk-seal); opacity: .6; }
.mtk-cap { position: absolute; left: 0; right: 0; bottom: 0; margin: 0; text-align: center; font: 300 10.5px/1 var(--mk-cn); letter-spacing: .4em; text-indent: .4em; color: var(--mk-ink-3); }

/* 此刻 */
.mtk-note { margin: 18px 10px 0; display: flex; gap: 14px; align-items: flex-start; }
.mtk-lb { flex: none; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.mtk-lb i { width: 7px; height: 7px; border-radius: 50%; background: var(--mk-seal); }
.mtk-lb b { font: 400 11px/1.5 var(--mk-cn); color: var(--mk-seal); }
.mtk-note blockquote { margin: 0; flex: 1; padding-left: 14px; border-left: 1px solid var(--mk-hair); }
.mtk-note h4 { margin: 0 0 6px; font: 400 15px/1.4 var(--mk-cn); letter-spacing: .12em; color: var(--mk-ink); }
.mtk-note p { margin: 0; font: 300 12.5px/1.85 var(--mk-cn); color: var(--mk-ink-2); }
.mtk-note cite { display: block; margin-top: 10px; text-align: right; font: 300 11px/1 var(--mk-cn); font-style: normal; letter-spacing: .1em; color: var(--mk-ink-3); }

/* 四个入口：一行小字 */
#memoryOverlay.mtk .mem-portals { display: flex; justify-content: space-between; margin: 26px 10px 0; padding-top: 14px; border-top: 1px solid var(--mk-hair); }
#memoryOverlay.mtk .mem-portal { all: unset; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 44px; padding: 2px 0; cursor: pointer; -webkit-tap-highlight-color: transparent; }
#memoryOverlay.mtk .mem-portal > .mem-portal-index, #memoryOverlay.mtk .mem-portal > .mem-portal-icon, #memoryOverlay.mtk .mem-portal > strong, #memoryOverlay.mtk .mem-portal > small { display: none; }
#memoryOverlay.mtk .mem-portal:focus-visible { outline: 1px solid var(--mk-seal); outline-offset: 3px; }
#memoryOverlay.mtk .mem-portal:active { opacity: .6; }
.mtk-n { font: italic 400 13px/1 var(--mk-en); color: var(--mk-seal); }
.mtk-nm { font: 400 13px/1 var(--mk-cn); letter-spacing: .2em; text-indent: .2em; color: var(--mk-ink); }