/* 阿川 Blog：长内容卡片的底板。引擎面板本身是透明的，文字要放进带边框的实底里。 */
dialog#panel:is([data-station="journey"], [data-station="articles"], [data-station="works"]) {
  width: min(760px, calc(100vw - 28px)); height: fit-content; max-height: calc(100dvh - 110px);
}
.sheet {
  position: relative; padding: 14px 18px; max-height: calc(100dvh - 190px); overflow-y: auto; overscroll-behavior: contain;
  border: 8px solid transparent; border-image: var(--mc-frame) 4 fill / 8px; color: var(--ink);
}
.sheet h3 { margin: 18px 0 4px; font: 600 17px/1.4 var(--text); color: var(--ink); }
.sheet > h3:first-child { margin-top: 0; }
.sheet .list li { padding: 10px 0; border-top: 2px solid rgba(0, 0, 0, .14); }
.sheet .list li:first-child { border-top: 0; }
.sheet .list li p { margin: 2px 0 0; font-size: 14px; line-height: 1.55; color: var(--ink-soft); }
.sheet .list a { color: var(--ink); font-weight: 600; }
.sheet .rows { list-style: none; margin: 0; padding: 0; }
.sheet .rows > li { padding: 12px 0; border-top: 2px solid rgba(0, 0, 0, .14); }
.sheet .rows > li:first-child { border-top: 0; }
.sheet .tags { margin-top: 6px !important; font-size: 13px !important; }
