/* Coffee Token 在 Monk UI 之上的共享样式（访客页、自习室共用） */
.sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.mk-brand-icon.cup { color: #FDBA74; }
.mk-brand-icon.cup svg { width: 22px; height: 22px; }

/* 主题切换按钮：只显示该切到的那个图标 */
#themeBtn .t-sun { display: none; }
:root[data-theme="dark"] #themeBtn .t-sun { display: block; }
:root[data-theme="dark"] #themeBtn .t-moon { display: none; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) #themeBtn .t-sun { display: block; }
  :root:not([data-theme="light"]) #themeBtn .t-moon { display: none; }
}

/* 页脚和 ICP 备案 */
.mk-footer .foot { display: grid; gap: 14px; }
.mk-footer .spacer { flex: 1; }
.mk-footer .filing { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 12px; color: var(--mk-subtle); }
.mk-footer .filing a:hover { color: var(--mk-text); }
@media (max-width: 640px) { .mk-footer .spacer { display: none; } }

/* 问答 */
.qa-list { margin: 22px 0 0; display: grid; gap: 10px; }
.qa-list > div { padding: 18px 20px; border-radius: var(--mk-r-lg); background: var(--mk-surface); border: 1px solid var(--mk-border); }
.qa-list dt { font-weight: 700; font-size: 15px; }
.qa-list dd { margin: 6px 0 0; color: var(--mk-muted); font-size: 14px; }

/* 选择框：和 mk-input 一个样子 */
.sel { position: relative; display: flex; align-items: center; height: 44px; border-radius: var(--mk-r-md); background: var(--mk-surface-2); border: 1px solid var(--mk-border); transition: border-color .2s, box-shadow .2s; }
.sel:focus-within { border-color: var(--mk-accent-line); box-shadow: 0 0 0 4px var(--mk-accent-soft); }
.sel select { appearance: none; -webkit-appearance: none; width: 100%; height: 100%; padding: 0 36px 0 14px; border: 0; outline: 0; background: transparent; font-size: 14px; font-weight: 600; }
.sel::after { content: ""; position: absolute; right: 15px; top: 50%; width: 7px; height: 7px; margin-top: -5px; border-right: 2px solid var(--mk-muted); border-bottom: 2px solid var(--mk-muted); transform: rotate(45deg); pointer-events: none; }
.sel option { background: var(--mk-surface); color: var(--mk-text); }

/* 图标：data-icon="名字" → 前面加一个跟随文字颜色的线性图标（按钮文字被脚本改写也不会丢图标） */
[data-icon] { display: inline-flex; align-items: center; justify-content: center; gap: 7px; }
[data-icon]::before { content: ""; width: 16px; height: 16px; flex: none; background: currentColor; -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
[data-icon="arrow-right"] { --ic: url("/ui/icons/arrow-right.svg"); }
[data-icon="calendar"] { --ic: url("/ui/icons/calendar.svg"); }
[data-icon="check"] { --ic: url("/ui/icons/check.svg"); }
[data-icon="chevron-down"] { --ic: url("/ui/icons/chevron-down.svg"); }
[data-icon="clock"] { --ic: url("/ui/icons/clock.svg"); }
[data-icon="close"] { --ic: url("/ui/icons/close.svg"); }
[data-icon="code"] { --ic: url("/ui/icons/code.svg"); }
[data-icon="coffee-cup"] { --ic: url("/ui/icons/coffee-cup.svg"); }
[data-icon="copy"] { --ic: url("/ui/icons/copy.svg"); }
[data-icon="download"] { --ic: url("/ui/icons/download.svg"); }
[data-icon="edit"] { --ic: url("/ui/icons/edit.svg"); }
[data-icon="external-link"] { --ic: url("/ui/icons/external-link.svg"); }
[data-icon="gift"] { --ic: url("/ui/icons/gift.svg"); }
[data-icon="home"] { --ic: url("/ui/icons/home.svg"); }
[data-icon="image"] { --ic: url("/ui/icons/image.svg"); }
[data-icon="key"] { --ic: url("/ui/icons/key.svg"); }
[data-icon="lock"] { --ic: url("/ui/icons/lock.svg"); }
[data-icon="paintbrush"] { --ic: url("/ui/icons/paintbrush.svg"); }
[data-icon="pause"] { --ic: url("/ui/icons/pause.svg"); }
[data-icon="play"] { --ic: url("/ui/icons/play.svg"); }
[data-icon="plus"] { --ic: url("/ui/icons/plus.svg"); }
[data-icon="refresh"] { --ic: url("/ui/icons/refresh.svg"); }
[data-icon="save"] { --ic: url("/ui/icons/save.svg"); }
[data-icon="settings"] { --ic: url("/ui/icons/settings.svg"); }
[data-icon="user"] { --ic: url("/ui/icons/user.svg"); }
[data-icon="users"] { --ic: url("/ui/icons/users.svg"); }
[data-icon="wifi"] { --ic: url("/ui/icons/wifi.svg"); }