/* miaixz forum showcase: preserve the original 34% / 64% layout. */
/** forum::index **/
.miaixz-forum-showcase { margin: 4px 0 14px; }
.miaixz-forum-showcase [hidden] { display: none !important; }
.miaixz-forum-showcase .miaixz_foeum340 { border: 1px solid #eee; box-sizing: border-box; }
.miaixz-forum-showcase .miaixz_foeum620 { background: #f9f9f9; }
.miaixz-forum-showcase .focusBox .pic > li:first-child { display: block; }
.miaixz-forum-showcase .focusBox .pic img { object-fit: cover; }
.miaixz-forum-showcase .focusBox .txt li { right: 0; padding-right: 132px; }
.miaixz-forum-showcase .focusBox .txt li:first-child { bottom: 0; }
.miaixz-forum-showcase .focusBox .txt li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.miaixz-forum-showcase .focusBox .txt-bg { background: #111; opacity: .65; }
.miaixz-forum-showcase .focusBox .num li { color: #fff; }
.miaixz-forum-showcase .focusBox .num li:focus-visible { outline: 2px solid #fff; outline-offset: 1px; }
.miaixz-forum-showcase .miaixz-slide-pause { position: absolute; z-index: 4; top: 8px; right: 8px; padding: 3px 7px; border: 0; background: rgba(0,0,0,.65); color: #fff; font: inherit; cursor: pointer; }
.miaixz-forum-showcase #miaixz_ftj dl { display: flex; box-sizing: border-box; width: 100%; height: 34px; }
.miaixz-forum-showcase #miaixz_ftj dl dd { float: none; flex: 1; padding: 0; text-align: center; }
.miaixz-forum-showcase #miaixz_ftj [role=tab] { display: block; box-sizing: border-box; width: 100%; height: 32px; border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.miaixz-forum-showcase #miaixz_ftj [role=tab]:focus-visible { outline: 2px solid #37631a; outline-offset: -3px; }
.miaixz-forum-showcase .miaixz_f620 .xl1 ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
.miaixz-forum-showcase .miaixz_f620 .xl1 ul li { box-sizing: border-box; width: auto; float: none; margin: 0; height: 24px; line-height: 24px; white-space: nowrap; text-overflow: ellipsis; }
.miaixz-forum-showcase .miaixz_f620 .xl1 ul .miaixz_bk { margin-left: 0; }
.miaixz-forum-showcase #miaixz_f620c .ml ul { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; padding: 0 5px; }
.miaixz-forum-showcase #miaixz_f620c .ml ul li { width: auto !important; margin: 0; padding: 0; }
.miaixz-forum-showcase #miaixz_f620c .ml img { box-sizing: border-box; width: 100%; height: 160px; object-fit: cover; }
.miaixz-forum-showcase #miaixz_f620e .mls ul { display: grid; grid-template-columns: repeat(9,minmax(0,1fr)); row-gap: 7px; }
.miaixz-forum-showcase #miaixz_f620e .mls li { float: none; width: auto; padding: 0; }
.miaixz-forum-showcase #miaixz_f620e .mls img { width: 60px; height: 60px; padding: 1px; }
.miaixz-forum-showcase #miaixz_f620e .mls li p { margin-top: 3px; white-space: nowrap; text-overflow: ellipsis; }
.miaixz-forum-showcase .miaixz-forum-empty { padding: 68px 20px; text-align: center; color: #888; }
@media (prefers-reduced-motion: reduce) {
  .miaixz-forum-showcase .focusBox ul.pic img { transition: none; }
  .miaixz-forum-showcase .focusBox ul.pic:hover img { transform: none; }
}
/** end **/