/* ==========================================================================
   sections.css — 章节内部补强 / 极细滚动与选择态
   （大部分章节样式在 base.css 中定义，此处仅作补充与微调）
   ========================================================================== */

/* 分区列表容器在窄列时的滚动上限 */
.parts{max-height:560px;overflow-y:auto;padding-right:6px}
.parts::-webkit-scrollbar{width:6px}
.parts::-webkit-scrollbar-track{background:var(--ln-2)}
.parts::-webkit-scrollbar-thumb{background:var(--bk-5)}
.parts::-webkit-scrollbar-thumb:hover{background:var(--yl-3)}

/* 参数面板中的单位标记 */
.part__u{
  font-family:var(--f-mono);
  font-size:10px;
  letter-spacing:.16em;
  color:var(--tx-3);
  margin-left:8px;
}

/* 章节之间的编号水印 */
.sec{overflow:hidden}
.sec>.wrap{position:relative;z-index:1}
.sec::after{
  content:attr(id);
  position:absolute;
  right:-4px;top:calc(var(--sec-y) - 10px);
  font-family:var(--f-display);
  font-size:clamp(60px,13vw,190px);
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:rgba(255,250,0,.028);
  pointer-events:none;
  user-select:none;
  line-height:1;
  white-space:nowrap;
}
@media (max-width:980px){
  .sec::after{font-size:clamp(48px,18vw,120px);right:-10px;opacity:.7}
}

/* 卡片内链接态 */
.panel a:not(.btn),.card a:not(.btn){
  color:var(--yl-1);
  border-bottom:1px solid var(--ln-0);
}
.panel a:not(.btn):hover,.card a:not(.btn):hover{color:#fff}

/* 强调查重 */
.panel strong,.card strong,.module strong{color:var(--yl-0);font-weight:500}

/* 章节交替背景的微噪点，避免纯色带 */
.sec--alt::after{
  content:'';
  position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(255,250,0,.05) .6px,transparent .6px);
  background-size:4px 4px;
  opacity:.5;
}

/* 焦点可见性（键盘可达） */
a:focus-visible,button:focus-visible,input:focus-visible{
  outline:1px solid var(--yl-1);
  outline-offset:3px;
}