/* ─────────────────────────────────────────────────────────────────── Console shell. WHY the sidebar is ink and the work area is paper: the sign-in page is the wordmark at full bleed — solid half, open half. The console keeps the same seam, just moved: a narrow ink rail on the left, paper everywhere else. Someone who has seen the sign-in page has already learned this layout. Tokens come from style.css so the marketing site and the console cannot drift apart on colour or type. ─────────────────────────────────────────────────────────────────── */ .app { display: grid; grid-template-columns: 232px 1fr; min-height: 100vh; min-height: 100dvh; } /* ── Ink rail ───────────────────────────────────────────────────── */ .rail { background: var(--text); color: var(--bg); padding: 26px 18px; display: flex; flex-direction: column; position: sticky; top: 0; height: 100vh; height: 100dvh; --ink-line: rgba(250, 250, 248, 0.18); --ink-dim: rgba(250, 250, 248, 0.5); } .rail .wordmark { color: var(--bg); font-size: 16px; padding: 0 8px 22px; } /* 深色底的重着色已移除：渐变标识不吃底色，一份定义通吃。 */ /* 侧栏导航必须自己声明成竖排的整行 —— 不能靠默认值。 style.css 里那条 `nav{...}` 是给主站那根横梁写的,但它是**元素选择器**, 于是一并命中了这里的