/* adslot.css - 占位、横滑条、轮播、网格 */
.adslot-placeholder { min-height: 0; }
.adslot-placeholder--empty { display: none !important; }

.adslot { position: relative; }
.adslot__track {
  display: -webkit-box; display: -webkit-flex; display: flex;
  overflow-x: auto; overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.adslot__track::-webkit-scrollbar { display: none; }

/* 横滑条：列表页手机端 */
.adslot--strip { margin: 0 0 12px; }
.adslot--strip .adslot__track { padding: 0 16px; }
.adslot__tile {
  -webkit-flex: 0 0 104px; flex: 0 0 104px;
  width: 104px; height: 140px; margin-right: 8px;
  border-radius: 6px;
  background-size: cover; background-position: center; background-repeat: no-repeat;
  scroll-snap-align: start;
}
.adslot__tile:last-child { margin-right: 0; }

/* 轮播：作品页、阅读页手机端 */
.adslot--carousel { width: 100%; min-height: 92px; }
.adslot__slide {
  -webkit-flex: 0 0 100%; flex: 0 0 100%;
  width: 100%; display: block;
  scroll-snap-align: start;
}
.adslot__slide img { display: block; width: 100%; height: auto; }
.adslot__counter {
  position: absolute; right: 8px; top: 6px;
  font: 11px/1 sans-serif; color: #fff;
  background: rgba(0, 0, 0, 0.45);
  padding: 3px 6px; border-radius: 8px;
  pointer-events: none;
}

/* 网格：每行 5 个小瓷砖，自动换行 */
.adslot--grid { margin: 0 0 12px; }
.adslot--grid .adslot__track {
  -webkit-flex-wrap: wrap; flex-wrap: wrap;
  overflow: visible; scroll-snap-type: none;
  padding: 0 4px; /* 几乎贴边：左右只留 4px */
}
.adslot--grid .adslot__tile {
  -webkit-flex: 0 0 auto; flex: 0 0 auto;
  width: calc((100% - 17px) / 5); height: auto; /* 4 个 4px 间距 + 1px 余量 */
  aspect-ratio: 3 / 4; min-height: 80px;
  margin: 0 4px 4px 0;
}
.adslot--grid .adslot__tile:nth-child(5n) { margin-right: 0; }

@media (max-width: 960px) {
  .adslot-placeholder[data-adslot-mode="carousel"] { min-height: 95px; }
  .adslot-placeholder[data-adslot-mode="strip"] { min-height: 150px; }
  .adslot-placeholder[data-adslot-mode="grid"] { min-height: 215px; } /* 390px 宽：两行瓷砖 97.3px×2 + 4px×2 margin + 12px 区块下边距 */
}
@media (min-width: 961px) {
  .adslot-placeholder { display: none; }
}