/*
Theme Name: Qishui Music Landing
Theme URI: https://example.com
Author: Qishui Theme
Description: 基于汽水音乐官网样式的落地页与博客主题，内置面向 Google / Bing 的 SEO 基础能力（语义化结构、OG、结构化数据）；可与 Yoast SEO、Rank Math 等插件共存（插件启用时主题不重复输出元标签）。
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: qishui-music
*/

html {
	margin-top: 0 !important;
}

body {
	font-family: "Segoe UI", ui-sans-serif, system-ui, sans-serif;
}

.gradient-bg {
	background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7));
	background-size: cover;
}

img:is([sizes="auto" i], [sizes^="auto," i]) {
	contain-intrinsic-size: 3000px 1500px;
}

.alignnone,
.aligncenter,
.alignleft,
.alignright {
	height: auto;
	max-width: 100%;
}

.wp-block-image img,
.entry-content img {
	height: auto;
	max-width: 100%;
}

.screen-reader-text {
	border: 0;
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.custom-logo-link img,
.custom-logo {
	height: 2.5rem;
	width: auto;
}

.screen-reader-text:focus {
	background-color: #ddd;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* -------------------------------------------------------------------------
   Article / page body (offsets Tailwind preflight margin resets)
   ------------------------------------------------------------------------- */

.entry-content {
	color: #d1d5db;
	font-size: 1.0625rem;
	line-height: 1.75;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.entry-content::after {
	content: "";
	display: table;
	clear: both;
}

.entry-content > *:first-child {
	margin-top: 0 !important;
}

.entry-content > * {
	margin-top: 0;
	margin-bottom: 1.25rem;
}

.entry-content h2 {
	font-size: 1.5rem;
	font-weight: 700;
	color: #fff;
	margin-top: 2.25rem;
	margin-bottom: 0.75rem;
	line-height: 1.3;
}

.entry-content h3 {
	font-size: 1.25rem;
	font-weight: 600;
	color: #fff;
	margin-top: 2rem;
	margin-bottom: 0.5rem;
	line-height: 1.35;
}

.entry-content h4 {
	font-size: 1.125rem;
	font-weight: 600;
	color: #e5e7eb;
	margin-top: 1.5rem;
	margin-bottom: 0.5rem;
}

.entry-content h5,
.entry-content h6 {
	font-size: 1rem;
	font-weight: 600;
	color: #e5e7eb;
	margin-top: 1.25rem;
	margin-bottom: 0.5rem;
}

.entry-content p {
	margin-top: 0;
	margin-bottom: 1.25em;
}

.entry-content ul,
.entry-content ol {
	margin: 0 0 1.25rem 1.5rem;
	padding-left: 0.5rem;
	list-style-position: outside;
}

.entry-content ul {
	list-style-type: disc;
}

.entry-content ol {
	list-style-type: decimal;
}

.entry-content li {
	margin-bottom: 0.35em;
}

.entry-content li > ul,
.entry-content li > ol {
	margin-top: 0.35em;
	margin-bottom: 0;
}

.entry-content a {
	color: #4ade80;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.entry-content a:hover {
	color: #86efac;
}

.entry-content blockquote {
	margin: 1.5rem 0;
	padding: 0.75rem 1.25rem;
	border-left: 4px solid #22c55e;
	background: rgb(31 41 55 / 0.65);
	color: #e5e7eb;
}

.entry-content pre,
.entry-content code {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}

.entry-content pre {
	padding: 1rem;
	overflow-x: auto;
	background: #111827;
	border-radius: 0.5rem;
	border: 1px solid #374151;
	font-size: 0.9em;
	line-height: 1.5;
}

.entry-content :not(pre) > code {
	padding: 0.15em 0.45em;
	background: #374151;
	border-radius: 0.25rem;
	font-size: 0.9em;
}

.entry-content img,
.entry-content video {
	max-width: 100%;
	height: auto;
	border-radius: 0.5rem;
}

.entry-content figure {
	margin: 1.5rem 0;
}

.entry-content figcaption {
	font-size: 0.875rem;
	color: #9ca3af;
	margin-top: 0.5rem;
	text-align: center;
}

.entry-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 1.5rem 0;
	font-size: 0.95rem;
}

.entry-content th,
.entry-content td {
	border: 1px solid #374151;
	padding: 0.65rem 0.85rem;
	text-align: left;
	vertical-align: top;
}

.entry-content th {
	background: #1f2937;
	color: #fff;
	font-weight: 600;
}

.entry-content hr {
	margin: 2rem 0;
	border: 0;
	border-top: 1px solid #374151;
}

.entry-content .alignleft {
	float: left;
	margin: 0 1.25rem 1rem 0;
}

.entry-content .alignright {
	float: right;
	margin: 0 0 1rem 1.25rem;
}

.entry-content .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.entry-content .wp-block-image,
.entry-content .wp-block-embed,
.entry-content .wp-block-gallery {
	margin-bottom: 1.5rem;
}

.entry-content .wp-block-quote,
.entry-content .wp-block-pullquote {
	border-left: 4px solid #22c55e;
	padding-left: 1rem;
	margin: 1.5rem 0;
}

.post-pages a {
	color: #4ade80;
	margin: 0 0.35rem;
	text-decoration: underline;
}

.post-pages a:hover {
	color: #86efac;
}

/* -------------------------------------------------------------------------
   Single post: heading anchors + table of contents
   ------------------------------------------------------------------------- */

.entry-content h2[id],
.entry-content h3[id],
.entry-content h4[id] {
	scroll-margin-top: 6rem;
}

.qishui-toc-anchor.is-active {
	color: rgb(74 222 128);
	border-left-color: rgb(34 197 94);
	font-weight: 500;
}

.single-article .entry-content > p:first-of-type {
	font-size: 1.125rem;
	color: #e5e7eb;
	line-height: 1.8;
}

details.qishui-toc-mobile summary::-webkit-details-marker {
	display: none;
}

details.qishui-toc-mobile[open] summary span:last-child {
	transform: rotate(180deg);
	display: inline-block;
}