@charset "utf-8";
/*!
 * Book 一本书 —— 封面层样式
 * 封面舞台为 #book-left（600 × 860），本文件只负责封面内部元素：
 * 底色图层、书名、作者、腰封、出版社标记。
 *
 * 实现说明：
 *   纵向位置用百分比、横向用百分比或 flex 对位，字号/字距用 em 联动，
 *   因此改变封面尺寸时版式会等比跟随，不需要逐条改像素。
 *   开合动效与 3D 翻转在 style.css 的 #Book-cover 里，本文件不覆盖。
 */

#Book-cover {
	/* 可调参数集中在此处 */
	--cover-ink: #333;
	--cover-ink-soft: #dedede;
	--girdle-bg: rgba(137, 38, 38, 0.9);
	--title-size: 80px;
	--author-size: 22px;
	--girdle-text-size: 30px;
	--serif-cn: "方正姚体", "FZYaoTi", "STSong", "宋体", "SimSun", serif;

	background-color: #93a7b4;
	background-image: url(img/book-cover.webp);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

/* ---------- 书名：竖排，贴封面右侧 ---------- */

#Book-cover-name {
	position: absolute;
	top: 7%;
	right: 8.5%;
	font-family: var(--serif-cn);
	font-size: var(--title-size);
	font-weight: 700;
	line-height: 1;
	color: var(--cover-ink);
	letter-spacing: 0.19em;          /* 等比于字号，换字号不影响字距观感 */
	writing-mode: vertical-rl;
	white-space: nowrap;
	transform: scale(1.22, 1);       /* 姚体偏窄，横向略微撑开 */
}

/* ---------- 作者：竖排，书名内侧一列 ---------- */

#Book-cover-author {
	position: absolute;
	top: 46.5%;
	right: 26.3%;
	font-family: var(--serif-cn);
	font-size: var(--author-size);
	font-weight: 600;
	line-height: 1;
	color: var(--cover-ink);
	letter-spacing: 0.27em;
	writing-mode: vertical-rl;
	white-space: nowrap;
}

/* ---------- 腰封：斜切色带，文字用 flex 靠右居中 ---------- */

#Book-cover-girdle {
	position: absolute;
	left: -1%;
	width: 102%;
	height: 200px;
	bottom: 80px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 40px;
	box-sizing: border-box;
	background: var(--girdle-bg);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	transform: skew(0deg, -3deg);
}

.Book-cover-description {
	margin: 0;
	max-width: 88%;
	font-size: var(--girdle-text-size);
	line-height: 1.25;
	color: var(--cover-ink-soft);
	text-align: right;
}

/* ---------- 出版社标记：底部居中 ---------- */

#Publishing-house {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 15px;
	width: 150px;
	height: 26px;
	margin: 0 auto;
	background: url(img/typecho-logo.png) no-repeat center center;
	background-size: contain;
	opacity: 0.9;
}

/* ---------- 预留的自定义盒子，默认不占位 ---------- */

.Book-cover-customize-01,
.Book-cover-customize-02,
.Book-cover-customize-03 {
	position: absolute;
	pointer-events: none;
}

.Book-cover-customize-01 { /* 左上空位 */ }
.Book-cover-customize-02 { /* 右下空位 */ }
.Book-cover-customize-03 { /* 备用 */ }