/**



 * DearFlip 全站皮肤：#B8939B 底；与正文图同宽同高比；关下载。



 */



body.gp001-sandbox .df-container,



body.gp001-sandbox .df-3dcontainer,



body.gp001-sandbox ._df_book,



body.gp001-sandbox .dflip,



.df-container,



.df-3dcontainer,



._df_book,



.dflip {



	background-color: #B8939B !important;



	background-image: none !important;



}







body.gp001-sandbox .df-container:not(.df-fullscreen),



body.gp001-sandbox .df-3dcontainer:not(.df-fullscreen),



body.gp001-sandbox ._df_book:not(.df-fullscreen),



.df-container:not(.df-fullscreen),



.df-3dcontainer:not(.df-fullscreen),



._df_book:not(.df-fullscreen) {



	width: 100% !important;



	max-width: 100% !important;



	height: auto !important;



	min-height: 0 !important;



	aspect-ratio: 1390 / 1035.5 !important;



	margin-left: auto;



	margin-right: auto;



	box-sizing: border-box;



	overflow: hidden !important;



	border-radius: 16px !important;



}







@media (min-width: 783px) {



	body.gp001-sandbox .df-container:not(.df-fullscreen),



	body.gp001-sandbox .df-3dcontainer:not(.df-fullscreen),



	body.gp001-sandbox ._df_book:not(.df-fullscreen),



	.df-container:not(.df-fullscreen),



	.df-3dcontainer:not(.df-fullscreen),



	._df_book:not(.df-fullscreen) {



		width: 60% !important;



		max-width: 60% !important;



	}







	body.gp001-sandbox .df-container:not(.df-fullscreen) .df-book-wrapper,



	body.gp001-sandbox .df-container:not(.df-fullscreen) .df-3dcanvas,



	body.gp001-sandbox .df-3dcontainer:not(.df-fullscreen) canvas,



	body.gp001-sandbox ._df_book:not(.df-fullscreen) canvas,



	.df-container:not(.df-fullscreen) .df-book-wrapper,



	.df-container:not(.df-fullscreen) .df-3dcanvas,



	.df-3dcontainer:not(.df-fullscreen) canvas,



	._df_book:not(.df-fullscreen) canvas {



		max-height: 100%;



	}



}







@media (max-width: 782px) {



	body.gp001-sandbox .df-container:not(.df-fullscreen),



	body.gp001-sandbox .df-3dcontainer:not(.df-fullscreen),



	body.gp001-sandbox ._df_book:not(.df-fullscreen),



	.df-container:not(.df-fullscreen),



	.df-3dcontainer:not(.df-fullscreen),



	._df_book:not(.df-fullscreen) {



		width: 100% !important;



		max-width: 100% !important;



	}



}







.df-container .df-bg {

	background-color: #B8939B !important;

}






.df-ui-download,



button.df-ui-btn[title*="ownload"],



button.df-ui-btn[title*="下载"],



.df-ui-more .df-ui-download,



li.df-ui-download,



a.df-ui-download {



	display: none !important;



	visibility: hidden !important;



	pointer-events: none !important;



	width: 0 !important;



	height: 0 !important;



	overflow: hidden !important;



	opacity: 0 !important;



}







.df-container canvas,



.df-3dcontainer canvas,



._df_book canvas,



.df-container img,



.df-3dcontainer img,



._df_book img {



	-webkit-user-drag: none;



	user-select: none;



	-webkit-user-select: none;



}







.df-container,



.df-3dcontainer,



._df_book,



.dflip {



	-webkit-user-select: none;



	user-select: none;



}







/* —— 阅读工具条 —— */



.gp001-dflip-toolbar {



	display: none !important; /* hide immerse/large labels */



	flex-wrap: wrap;



	align-items: center;



	justify-content: center;



	gap: 10px;



	margin: 0 auto 12px;



	max-width: 960px;



	padding: 0 12px;



	box-sizing: border-box;



}







@media (min-width: 783px) {



	.gp001-dflip-toolbar {



		width: 60%;



		max-width: 60%;



		padding: 0;



	}



}







.gp001-dflip-btn {



	appearance: none;



	border: 1px solid rgba(255, 255, 255, 0.55);



	background: #b8939b;



	color: #fff;



	font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;



	font-size: 14px;



	letter-spacing: 0.08em;



	line-height: 1;



	padding: 10px 18px;



	border-radius: 2px;



	cursor: pointer;



	transition: background 0.2s ease, border-color 0.2s ease, transform 0.15s ease;



}







.gp001-dflip-btn:hover,



.gp001-dflip-btn:focus-visible {



	background: #a67d86;



	border-color: #fff;



	outline: none;



}







.gp001-dflip-btn:active {



	transform: translateY(1px);



}







.gp001-dflip-btn[aria-pressed="true"] {



	background: #8f6670;



	border-color: #fff;



}







.gp001-dflip-toast {



	position: fixed;



	left: 50%;



	bottom: 28px;



	transform: translateX(-50%) translateY(12px);



	z-index: 100000;



	max-width: min(90vw, 360px);



	padding: 12px 18px;



	border-radius: 2px;



	background: rgba(42, 28, 32, 0.92);



	color: #f7f0f2;



	font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;



	font-size: 14px;



	letter-spacing: 0.06em;



	text-align: center;



	opacity: 0;



	pointer-events: none;



	transition: opacity 0.25s ease, transform 0.25s ease;



}







.gp001-dflip-toast.is-visible {



	opacity: 1;



	transform: translateX(-50%) translateY(0);



}







/* —— 沉浸阅读壳：藏文章壳，书铺满视口 —— */



body.gp001-dflip-immersive {



	overflow: hidden !important;



}







body.gp001-dflip-immersive .mineral-aura,



body.gp001-dflip-immersive .site-header-placeholder,



body.gp001-dflip-immersive .post-breadcrumbs,



body.gp001-dflip-immersive .post-meta-top,



body.gp001-dflip-immersive .post-title,



body.gp001-dflip-immersive .post-author-meta,



body.gp001-dflip-immersive .post-featured-media,



body.gp001-dflip-immersive .zen-audio-player,



body.gp001-dflip-immersive .post-interactive-bar,



body.gp001-dflip-immersive .member-lock-card-wrapper,



body.gp001-dflip-immersive .site-footer-placeholder,



body.gp001-dflip-immersive #wpdcom,



body.gp001-dflip-immersive .wpd-form-wrap,



body.gp001-dflip-immersive .comments-area,



body.gp001-dflip-immersive .related-posts,



body.gp001-dflip-immersive .gp001-related,



body.gp001-dflip-immersive .entry-content > p,



body.gp001-dflip-immersive .entry-content > h1,



body.gp001-dflip-immersive .entry-content > h2,



body.gp001-dflip-immersive .entry-content > h3,



body.gp001-dflip-immersive .entry-content > ul,



body.gp001-dflip-immersive .entry-content > ol,



body.gp001-dflip-immersive .entry-content > blockquote {



	display: none !important;



}







body.gp001-dflip-immersive .single-post-wrapper,



body.gp001-dflip-immersive .post-layout-container,



body.gp001-dflip-immersive .entry-content {



	max-width: none !important;



	width: 100% !important;



	margin: 0 !important;



	padding: 0 !important;



}







body.gp001-dflip-immersive .gp001-dflip-toolbar {



	position: fixed;



	top: 12px;



	left: 50%;



	transform: translateX(-50%);



	z-index: 100001;



	width: auto;



	max-width: calc(100vw - 24px);



	margin: 0;



	padding: 8px;



	background: rgba(184, 147, 155, 0.92);



	box-shadow: 0 8px 28px rgba(42, 28, 32, 0.18);



}







body.gp001-dflip-immersive .gp001-dflip-stage,



body.gp001-dflip-immersive .gp001-dflip-stage-immersive,



body.gp001-dflip-immersive .df-container:not(.df-fullscreen),



body.gp001-dflip-immersive .df-3dcontainer:not(.df-fullscreen),



body.gp001-dflip-immersive ._df_book:not(.df-fullscreen) {



	position: fixed !important;



	inset: 0 !important;



	z-index: 99990;



	width: 100% !important;



	max-width: 100% !important;



	height: 100vh !important;



	min-height: 100vh !important;



	aspect-ratio: auto !important;



	margin: 0 !important;



	border-radius: 0 !important;



}







body.gp001-dflip-immersive .df-container.df-fullscreen,



body.gp001-dflip-immersive .df-3dcontainer.df-fullscreen,



body.gp001-dflip-immersive ._df_book.df-fullscreen {



	background-color: #B8939B !important;



}







@media (prefers-reduced-motion: reduce) {



	.gp001-dflip-btn,



	.gp001-dflip-toast {



		transition: none;



	}



}