MediaWiki:Common.css

/* 这里放置的CSS将应用于所有皮肤 */

.mw-page-container{
	backdrop-filter: blur(10px);
}
.vector-pinned-container{
	background: transparent;
}
.mw-header{
	background: white !important;
}
.vector-sticky-pinned-container::after{
	background:transparent;
}
@keyframes in{
	from{transform: translateX(-10px);}
	to{transform: translateX(0px);}
}
:root{
	--background-color-base: rgba(255,255,255,0.8);
}
*{
	transition: all 0.1s;
	animation: in 0.2s ease-out both;
}
[data-depth],[data-depth] *{
	transition: unset;
}
@keyframes expand{
	from{transform: scaleY(0)}
	to{transform:scaleY(100%);}
}
.oo-ui-popupToolGroup-tools.oo-ui-popupToolGroup-active-tools{
	transform-origin: top center;
	animation:expand 0.1s;
}
.oo-ui-menuSelectWidget.oo-ui-element-hidden{
	transform-origin: top center;
	transform: scaleY(0);
}
.oo-ui-menuSelectWidget{
	transform-origin: top center;
	transform: scaleY(100%);
}
.oo-ui-menuSelectWidget,
.oo-ui-popupToolGroup-tools{
	backdrop-filter: blur(10px);
}
.ve-ui-positionedTargetToolbar-floatable.ve-ui-toolbar-floating {
    top: -1px;
    border-top: 1px solid var(--background-color-base,#fff);
}
.vector-feature-limited-width-clientpref-0 .mw-page-container, 
.vector-feature-limited-width-clientpref-0 .vector-sticky-header, 
.vector-feature-limited-width-clientpref-0 .mw-header{
	max-width: 100dvw;
}

/*解决换页闪烁的问题*/

#parallax-bg {
  view-transition-name: bg-layer; /* 给背景一个专属名称 */
  /* 你的视差属性，建议用 transform 实现（见下文） */
}
/* 让背景只做淡入淡出，不做滑动，避免固定定位错乱 */
::view-transition-old(bg-layer) {
  animation: fade-out 0.3s ease-out forwards;
}
::view-transition-new(bg-layer) {
  animation: fade-in 0.3s ease-in forwards;
}