@charset "UTF-8";
/*
	月光传奇官网 - 内容区样式
	作用：1) 让首屏依旧满屏居中（视觉与原来完全一致）
	      2) 让首屏下方的内容区正常排版，供百度蜘蛛抓取正文
	说明：本文件必须在 main.css 之后引入。
*/

/* ---------- 1. 版面修正：首屏满屏，整页可滚动 ---------- */

	html, body {
		height: auto;
		min-height: 100%;
	}

	/* 注意：这里刻意不改 body 的 background-image，
	   以免影响模板原本的照片背景，保证首屏视觉与改动前完全一致。 */

	/* 第一屏：保持原来的“一屏居中卡片”效果。
	   版权/备案页脚已经移到整页最下面，所以这里改成垂直居中。 */
	#wrapper {
		min-height: 100vh;
		justify-content: center;
	}

	/* ---------- 2. 首屏：语义化 h1 ---------- */
	/* 页面需要一个 h1，但外观保持与其他诗句完全一致 —— 视觉零变化。
	   如果你希望 h1 里出现品牌词（对「月光传奇」这类词更有利），
	   把 <h1 class="yq-plain">时光眨眼即逝</h1> 改成
	   <h1 class="yq-plain">月光传奇 · 时光眨眼即逝</h1> 即可。 */

	#main header h1.yq-plain {
		font-size: 1em;
		letter-spacing: 0.2em;
		line-height: inherit;
		font-weight: inherit;
		color: inherit;
		margin: 0 0 0.5em 0;
	}

	/* ---------- 3. 首屏：分享 / 下载按钮 ---------- */

	#main .yq-actions {
		margin: 1.7em 0 0 0;
		font-size: 0.95em;
	}

		#main .yq-actions .button {
			margin: 0 0.25em;
			letter-spacing: 0.1em;
			text-indent: 0.1em;	/* 补偿 letter-spacing 造成的右侧空档，让文字真正居中 */
		}

			#main .yq-actions .button i {
				margin-right: 0.5em;
			}

		/* 下载按钮做成实心主按钮，视觉上更好找 */
		#main .yq-actions .yq-primary {
			background-color: #414f57;
			border-color: #414f57;
			color: #ffffff !important;
		}

			#main .yq-actions .yq-primary:hover {
				background-color: #ff7496;
				border-color: #ff7496;
				color: #ffffff !important;
			}

	@media screen and (max-width: 480px) {

		#main .yq-actions .button {
			display: block;
			margin: 0.55em 0;
		}

	}

	/* ---------- 4. 正文内容区 ---------- */

	.yq-content {
		position: relative;
		z-index: 2;
		max-width: 62em;
		margin: 0 auto 2.5em auto;
		padding: 2.5em 2.5em 2em 2.5em;
		background: rgba(255, 255, 255, 0.94);
		border-radius: 17px;
		color: #414f57;
		font-size: 12.5pt;
		line-height: 1.9;
		letter-spacing: normal;
		text-transform: none;
		text-align: left;
		box-shadow: 0 1.5em 4em rgba(0, 0, 0, 0.25);
	}

	.yq-content h2 {
		font-size: 1.35em;
		letter-spacing: 0.06em;
		text-transform: none;
		color: #2b3a47;
		margin: 1.9em 0 0.7em 0;
		padding-bottom: 0.4em;
		border-bottom: solid 2px #e3e8ec;
	}

	.yq-content h2:first-child {
		margin-top: 0;
	}

	.yq-content h3 {
		font-size: 1.08em;
		letter-spacing: 0.04em;
		text-transform: none;
		color: #3b4a56;
		margin: 1.4em 0 0.5em 0;
	}

	.yq-content p {
		margin: 0 0 0.9em 0;
	}

	.yq-content ul, .yq-content ol {
		float: none;
		margin: 0 0 1em 0;
		padding-left: 1.4em;
		list-style: disc outside;
	}

	.yq-content ol {
		list-style: decimal outside;
	}

	.yq-content li {
		margin: 0 0 0.4em 0;
	}

	.yq-content a {
		color: #1a6fb5;
		text-decoration: underline;
	}

	.yq-content a:hover {
		color: #ff7496;
	}

	.yq-content strong {
		color: #22303b;
	}

	/* 常见问题（选择器带 .yq-content 以提高优先级，压过上面的 ul 规则） */
	.yq-content ul.yq-faq {
		margin: 0;
		float: none;
		list-style: none;
		padding: 0;
	}

	.yq-content ul.yq-faq > li {
		margin: 0 0 1.1em 0;
		padding: 0 0 0 0;
	}

	.yq-faq .q {
		display: block;
		font-weight: 600;
		color: #22303b;
		margin-bottom: 0.2em;
	}

	.yq-faq .a {
		display: block;
		color: #4c5a66;
	}

	/* 信息小标签 */
	.yq-content ul.yq-tags {
		margin: 1.2em 0 0 0;
		padding: 0;
		float: none;
		list-style: none;
	}

	.yq-tags li {
		display: inline-block;
		margin: 0 0.5em 0.5em 0;
		padding: 0.15em 0.85em;
		border: solid 1px #cfd8de;
		border-radius: 1em;
		font-size: 0.9em;
		color: #4c5a66;
	}

	/* 站内锚点导航 */
	.yq-nav {
		margin: 0 0 1.6em 0;
		padding: 0.85em 1.1em;
		background: #f2f5f7;
		border-left: solid 3px #5b8bb0;
		border-radius: 6px;
		font-size: 0.95em;
	}

	.yq-nav a {
		margin-right: 0.9em;
		white-space: nowrap;
	}

	/* 正版授权：导航里唯一的站外链接，视觉上单独区分出来 */
	.yq-nav a.yq-nav-auth {
		color: #b03030;
		font-weight: 600;
	}

		.yq-nav a.yq-nav-auth:hover {
			color: #ff7496;
		}

	/* 数据表格 */
	.yq-table {
		width: 100%;
		margin: 0.5em 0 1.2em 0;
		font-size: 0.94em;
	}

	.yq-table th, .yq-table td {
		border: solid 1px #dde3e8;
		padding: 0.45em 0.7em;
		text-align: left;
		vertical-align: top;
	}

	.yq-table th {
		background: #eef2f5;
		color: #22303b;
		font-weight: 600;
		white-space: nowrap;
	}

	/* 装备展示图片 */
	.yq-content .yq-gallery {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 1.6em;
		margin: 1.3em 0 1.5em 0;
		padding: 0;
		float: none;
		list-style: none;
	}

	.yq-content .yq-figure {
		margin: 0;
		text-align: center;
		flex: 0 0 auto;
	}

		.yq-content .yq-figure img {
			display: block;
			width: 167px;
			height: 201px;
			max-width: 100%;
			border: solid 1px #dde3e8;
			border-radius: 6px;
			background: #f2f5f7;
		}

		.yq-content .yq-figure figcaption {
			margin-top: 0.55em;
			font-size: 0.88em;
			color: #4c5a66;
		}

	/* 页脚（整页最下面）：版权与备案信息 */
	.yq-foot {
		position: relative;
		z-index: 2;
		max-width: 62em;
		margin: 0 auto;
		padding: 1.5em 2.5em 3em 2.5em;
		color: rgba(255, 255, 255, 0.9);
		font-size: 0.9em;
		line-height: 1.9;
		letter-spacing: normal;
		text-transform: none;
		text-align: center;
		text-shadow: 0 1px 4px rgba(0, 0, 0, 0.65);
	}

	.yq-foot p {
		margin: 0 0 0.3em 0;
	}

	.yq-foot p:last-child {
		margin-bottom: 0;
	}

	.yq-foot a {
		color: #ffffff;
		text-decoration: underline;
	}

	/* 备案号标红，跟原站保持一致 */
	.yq-foot a.yq-icp {
		color: #ff5a5a;
	}

/* ---------- 5. 移动端 ---------- */

	@media screen and (max-width: 736px) {

		.yq-content {
			margin: 0 0.75em 1.5em 0.75em;
			padding: 1.6em 1.15em 1.2em 1.15em;
			font-size: 11pt;
			border-radius: 10px;
		}

		.yq-content h2 {
			font-size: 1.2em;
		}

		.yq-foot {
			padding: 0 1em 2.5em 1em;
		}

		.yq-table th, .yq-table td {
			padding: 0.35em 0.45em;
		}

	}