/* ============ 全屏翻书阅读（pdflipbook 原生深色全屏） ============
   承载层只负责撑开全屏 + 进入浏览器全屏，视觉完全交给 pdflipbook 原版。
   publication.css 也含此块（报刊页保留向后兼容，但首页只加载本文件，
   避免加载 .bsp-pub__items / .bsp-pub__item 等列表专用样式）。 */
.bsp-reader{
	position:fixed;inset:0;z-index:99990;
	background:#101014;
	display:none;flex-direction:column;overflow:hidden;
	--fb-bg:#101014;
	--fb-paper:#fff;
}
.bsp-reader.bsp-reader--show{display:flex}
.bsp-reader-open{overflow:hidden}
.bsp-reader__stage{
	flex:1 1 auto;min-height:0;position:relative;
	display:flex;align-items:center;justify-content:center;
}
.bsp-reader__holder{width:100%;height:100%;position:relative}
.bsp-reader .flipbook,.bsp-reader .pdf-flipbook{max-width:100%;max-height:100%}
.bsp-reader__fallback{
	position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
	color:#cfcfcf;font-size:14px;letter-spacing:.05em;text-align:center;max-width:80%;
}
.bsp-reader__fallback a{color:#9fd0ff}

/* ============ v1.4.28 页码滑块条(条形滑动跳页) ============
   替代 v1.4.27 弹窗式页码选择,用户希望"用条滑动直接跳页",不要弹面板。
   阅读器底部居中常驻一条横滑块 + 当前/总页文字;拖动实时显示预览页,
   松手(change 事件)才真正 book.goTo —— 避免快速连续触发翻页动画。 */
.bsp-pg-slider-wrap{
	position:absolute;left:50%;bottom:34px;transform:translateX(-50%);
	z-index:75;
	display:flex;align-items:center;gap:12px;
	padding:7px 14px;
	background:var(--fb-control-bg,rgba(20,20,24,.72));
	border:1px solid rgba(255,255,255,.08);
	border-radius:999px;
	box-shadow:0 4px 18px rgba(0,0,0,.32);
	color:var(--fb-counter-fg,#fff);
	-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
	max-width:min(560px,86vw);
}
.bsp-pg-slider__label{
	font-size:12px;letter-spacing:.06em;
	font-variant-numeric:tabular-nums;
	white-space:nowrap;flex:0 0 auto;
}
.bsp-pg-slider__cur{ font-weight:600;color:#fff; }
.bsp-pg-slider__sep{ color:rgba(255,255,255,.55);margin:0 2px; }
.bsp-pg-slider__tot{ color:rgba(255,255,255,.7); }

.bsp-pg-slider{
	-webkit-appearance:none;appearance:none;
	width:min(360px,52vw);height:18px;
	background:transparent;cursor:pointer;
	flex:1 1 auto;
}
.bsp-pg-slider:focus{ outline:none; }

/* 滑块轨道(WebKit) */
.bsp-pg-slider::-webkit-slider-runnable-track{
	height:4px;border-radius:999px;
	background:linear-gradient(to right,#f31864 var(--bsp-pg-fill,0%),rgba(255,255,255,.22) var(--bsp-pg-fill,0%));
}
.bsp-pg-slider::-webkit-slider-thumb{
	-webkit-appearance:none;appearance:none;
	width:16px;height:16px;border-radius:50%;
	background:#f31864;border:2px solid #fff;
	box-shadow:0 2px 6px rgba(0,0,0,.4);
	margin-top:-6px;cursor:grab;
	transition:transform .15s ease;
}
.bsp-pg-slider::-webkit-slider-thumb:active{ cursor:grabbing;transform:scale(1.1); }

/* 滑块轨道(Firefox) */
.bsp-pg-slider::-moz-range-track{
	height:4px;border-radius:999px;background:rgba(255,255,255,.22);
}
.bsp-pg-slider::-moz-range-progress{
	height:4px;border-radius:999px;background:#f31864;
}
.bsp-pg-slider::-moz-range-thumb{
	width:14px;height:14px;border-radius:50%;
	background:#f31864;border:2px solid #fff;
	box-shadow:0 2px 6px rgba(0,0,0,.4);cursor:grab;
}