/* 引导用到的这几个变量原本指望全站主题提供，但主题里从来没定义过。
   CSS 里变量取不到值会让整条声明作废——.tour-hole 的遮罩投影就是这么丢的。
   补在这里，tour.css 自带一份，不再依赖外部。 */
:root{
  --grad-y:var(--accent-o);
  --grad-y-ink:#2A1400;                                        /* 橙底上的深色字，对比 5.3 */
  --grad-y-line:color-mix(in srgb,var(--accent-o) 72%,transparent);
  --grad-y-glow:color-mix(in srgb,var(--accent-o) 26%,transparent);
}

.tour-veil{position:fixed;inset:0;z-index:2147482990;cursor:pointer}
.tour-hole{position:fixed;z-index:2147482995;border-radius:14px;pointer-events:none;
  box-shadow:0 0 0 9999px rgba(12,10,9,.66),0 0 0 2px var(--grad-y-line) inset,
             0 0 0 6px var(--grad-y-glow);
  transition:top .3s var(--e-out),left .3s var(--e-out),
             width .3s var(--e-out),height .3s var(--e-out)}
.tour-tip{position:fixed;z-index:2147483000;width:min(336px,calc(100vw - 32px));
  padding:16px 18px 14px;background:var(--card);color:var(--ink);
  border:1px solid var(--hair-2);border-radius:14px;box-shadow:var(--card-elev-hi)}
.tour-tip::after{content:"";position:absolute;width:11px;height:11px;
  background:var(--card);border:1px solid var(--hair-2);transform:rotate(45deg)}
.tour-tip[data-side="bottom"]::after{top:-6.5px;left:var(--ax,26px);border-right:0;border-bottom:0}
.tour-tip[data-side="top"]::after{bottom:-6.5px;left:var(--ax,26px);border-left:0;border-top:0}
.tour-k{display:block;color:var(--accent-y);font-size:11px;letter-spacing:.14em;
  font-family:ui-monospace,Menlo,monospace}
.tour-tip h4{margin:7px 0 6px;font-size:15px;font-weight:640;letter-spacing:-.02em;color:var(--ink-hi)}
.tour-tip p{margin:0;color:var(--ink-2);font-size:13.8px;line-height:1.75}
.tour-f{margin-top:14px;display:flex;align-items:center;gap:8px}
.tour-dots{margin-right:auto;display:flex;gap:5px}
.tour-dots i{width:6px;height:6px;border-radius:50%;background:var(--hair-2);transition:background .2s}
.tour-dots i.on{background:var(--accent-y)}
.tour-b{height:31px;padding:0 13px;border:1px solid var(--hair-2);border-radius:999px;
  background:var(--card);color:var(--ink-2);font-size:12.5px;cursor:pointer;white-space:nowrap}
.tour-b:hover{color:var(--ink-hi);border-color:var(--grad-y-line)}
.tour-b.pri{border-color:transparent;background:var(--grad-y);
  color:var(--grad-y-ink);font-weight:600}
.tour-skip{position:fixed;z-index:2147483000;top:16px;right:18px;height:31px;padding:0 14px;
  border:1px solid rgba(255,255,255,.26);border-radius:999px;
  background:rgba(20,17,15,.5);color:#fff;font-size:12.5px;cursor:pointer;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.tour-skip:hover{background:rgba(20,17,15,.72)}
@media (prefers-reduced-motion: reduce){.tour-hole{transition:none}}

/* 各页统一的「新手引导」入口按钮 */
.tour-start{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 15px;
  border:1px solid var(--hair-2);border-radius:999px;background:var(--card);
  color:var(--ink-2);font-size:13.5px;cursor:pointer;
  transition:border-color .16s,color .16s}
.tour-start:hover{color:var(--ink-hi);border-color:var(--accent-o)}
.tour-start i{font-style:normal;color:var(--accent-o)}
/* 引导按钮和标题排在同一行 —— 原来它独占一行，标题下面白白多出一截。
   按钮要和标题垂直居中：原来用 baseline，按钮的基线被对到大标题的基线上，
   看着比标题中心低 5–9px（字号越大差越多）。
   改 center 还不够 —— 标题自己的外边距会把这一行撑高，center 是按行高居中的，
   按钮会反向偏 m/2。所以行内把 h1 的外边距清零，同样的间距挪到行上。
   各页给标题外边距的规则不是一条：.th h1 / .hero h1 是上 22px，
   .cs-h1 是上 14px，.mv-page h1 是下 20px（上为 0），所以要分别接住；
   models 的标题行同时落在 .th 和 .mv-page 里，.mv-page 那条必须排在后面覆盖。
   标题在窄屏折成两行时按钮本来就会另起一行，不用再靠 baseline 去跟最后一行。 */
.hero-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px}
.hero-title-row.hero-title-row>h1{margin:0}   /* 页面内联 style 里的 h1 规则要压过 */
.th .hero-title-row,.hero .hero-title-row{margin-top:22px}
.cs-head .hero-title-row{margin-top:14px}
.mv-page .hero-title-row{margin-top:0;margin-bottom:20px}
.tour-start-row{margin-top:16px}   /* 还没并进标题行的页面（如有）仍走这条 */