/* 主站 dev 上的备选摆法（配 site-variants.js）。只在 <html data-try-menu="burger"> 且手机宽度（639px 以下，和现有圆钮同一个断点）时起作用。
   颜色用站点自己的变量（--paper、--ink、--muted、--soft），不新造颜色。 */
.sv-burger { display: none; }
/* 11/10：山山定了手机上收成菜单，所以它是 dev 上的默认；试样里选「改之前」（data-try-menu="row"）才回到一排小圆钮。
   页头整条是 pointer-events:none（点按要落到下面的页面上），只有原来的链接单独放开；菜单钮也要放开，
   不然点不到（11/9 那版就是这样，他在手机上点不开）。 */
@media (max-width: 639px) {
  :root:not([data-try-menu="row"]) .site-header .site-nav { display: none; }
  :root:not([data-try-menu="row"]) .sv-burger { display: inline-grid; place-items: center; flex: none; width: 44px; height: 44px; margin: -10px -10px -10px auto; padding: 0; border: 0; border-radius: 50%; background: none; color: inherit; cursor: pointer; pointer-events: auto; -webkit-tap-highlight-color: transparent; }
  :root:not([data-try-menu="row"]) .sv-burger:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
}
/* 11/10：深色底和字跟文章站一套（#161616 配 #D9D9D9），dev 上先做成默认；试样里选了别的档就让给试样。 */
:root[data-theme="dark"]:not([data-try-paper]) { --paper: #161616; --soft: #222222; --line: #3B3B3B; }
:root[data-theme="dark"]:not([data-try-ink]) { --ink: #D9D9D9; }
:root[data-theme="dark"].home-dock:not([data-try-paper]) { background-color: #222222; }
:root[data-theme="dark"]:not(.home-dock):not([data-try-paper]) { background-color: #161616; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-try-paper]) { --paper: #161616; --soft: #222222; --line: #3B3B3B; }
  :root:not([data-theme="light"]):not([data-try-ink]) { --ink: #D9D9D9; }
  :root:not([data-theme="light"]).home-dock:not([data-try-paper]) { background-color: #222222; }
  :root:not([data-theme="light"]):not(.home-dock):not([data-try-paper]) { background-color: #161616; }
}

/* 整屏菜单：导航在上，大字；网站设置压在底部，小字，两级分开 */
.sv-menu { position: fixed; inset: 0; box-sizing: border-box; width: 100vw; max-width: 100vw; height: 100dvh; max-height: 100dvh; margin: 0; padding: 0; border: 0; background: var(--paper); color: var(--ink); font: 16px/1.5 Inter, system-ui, sans-serif; overflow: auto; overscroll-behavior: contain; }
.sv-menu::backdrop { background: var(--paper); }
.sv-in { display: flex; flex-direction: column; box-sizing: border-box; min-height: 100%; padding: 14px var(--gutter, 16px) calc(22px + env(safe-area-inset-bottom, 0px)); }
.sv-head { display: flex; align-items: center; justify-content: space-between; min-height: 44px; margin: 0 -10px 22px 0; }
.sv-mark { font-family: 'Poppins', sans-serif; font-weight: 800; letter-spacing: -.01em; }
.sv-close { width: 44px; height: 44px; padding: 0; border: 0; background: none; color: inherit; font: 30px/1 Inter, system-ui, sans-serif; cursor: pointer; }
.sv-go ul { list-style: none; margin: 0; padding: 0; }
.sv-go a { display: flex; align-items: center; min-height: 60px; color: var(--ink); font-family: 'Poppins', sans-serif; font-weight: 800; font-size: clamp(34px, 10.5vw, 46px); line-height: 1.1; letter-spacing: -.015em; text-decoration: none; }
.sv-go a[aria-current] { color: var(--muted); }
.sv-set { margin-top: auto; padding-top: 20px; border-top: 1px solid color-mix(in srgb, var(--ink) 18%, transparent); }
.sv-set h2 { margin: 0 0 12px; color: var(--muted); font-size: 14px; font-weight: 400; letter-spacing: .02em; }
.sv-label { margin: 0 0 6px; color: var(--muted); font-size: 14px; }
.sv-seg { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin: 0 0 14px; }
.sv-seg :is(a, button, span) { display: flex; align-items: center; justify-content: center; box-sizing: border-box; min-height: 44px; padding: 0 4px; border: 1px solid color-mix(in srgb, var(--ink) 22%, transparent); border-radius: 6px; background: none; color: var(--ink); font: 15px/1.3 Inter, system-ui, sans-serif; text-align: center; text-decoration: none; cursor: pointer; }
.sv-seg :is(span[aria-current], button[aria-pressed="true"]) { background: var(--soft); border-color: var(--ink); box-shadow: inset 0 -2px var(--ink); cursor: default; }
.sv-menu :is(a, button):focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }