/* 外壳微调（2026-09-22）：六个大区在 700px 高的窗口里也要一屏放得下；放不下时能滚、看得出能滚。
 * 线上截图：第六项「平台接入」被底栏盖住，用户以为没有这一项。 */
.side{padding:12px 10px 8px}
.brand{padding-bottom:8px}
.proj{padding:8px 6px 4px}
#nav{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-gutter:stable;padding-top:2px}
#nav a{padding:6px 8px;gap:8px;margin:2px 0}
#nav a .area-icon{width:26px;height:26px;font-size:10.5px;flex:none}
#nav a b{font-size:13px;line-height:1.25;display:block}
#nav a small{font-size:10.5px;line-height:1.3;display:block}
#nav::-webkit-scrollbar{width:6px}
#nav::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}
.side-foot{padding-top:6px;line-height:1.4}
.side-foot small{display:block}
/* 底栏永远压在导航之上并留出一条阴影，滚到底之前看得出下面还有 */
.side-foot{position:relative;background:var(--panel);box-shadow:0 -10px 10px -8px rgba(23,32,51,.12)}
/* 主站左导航收起（2026-10-17，web/pkn-nav.js 切 html.pkn-nav-collapsed）。不用 has 伪类选择器，老版本 Chrome 也收得起来。
 * 只在宽屏生效；≤900px 主站用 ☰ 抽屉，这两个按钮都不显示。 */
.pkn-nav-collapse,.pkn-nav-tab{display:none}
@media (min-width:901px){
  .pkn-nav-collapse{display:inline-flex;align-items:center;justify-content:center;flex:none;margin-left:auto;width:26px;height:26px;min-height:26px;padding:0;font-size:16px;line-height:1;color:var(--faint);border-radius:6px}
  .pkn-nav-collapse:hover{color:var(--ink);background:var(--panel2,#f3f5f9)}
  html.pkn-nav-collapsed aside.side{display:none}
  html.pkn-nav-collapsed main{margin-left:0}
  html.pkn-nav-collapsed .pkn-nav-tab{display:flex;align-items:center;justify-content:center;position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:21;width:18px;height:56px;min-height:0;padding:0;border:1px solid var(--line);border-left:0;border-radius:0 8px 8px 0;background:var(--panel);color:var(--faint);font-size:14px;line-height:1;cursor:pointer;box-shadow:2px 0 6px rgba(23,32,51,.08)}
  html.pkn-nav-collapsed .pkn-nav-tab:hover{color:var(--ink);width:22px}
}