/*
Theme Name: Qitype
Theme URI: https://qitype.com/
Author: qitype.com
Author URI: https://qitype.com/
Description: Block theme for qitype.com — TCM constitution self-check & wellness blog. Eastern herbal palette (paper / pine / herb / clay), serif display type, conversion-oriented homepage and SEO-ready blog templates. Requires WordPress 6.6+.
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: qitype
Tags: block-theme, full-site-editing, blog, wellness, one-column, custom-colors, custom-menu, featured-images, fluid-typography
*/

/* ---------- 增强样式（区块无法表达的部分） ---------- */

/* 卡片 hover 浮起 */
.qt-card { transition: transform .25s ease, box-shadow .25s ease; }
.qt-card:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(29,53,41,.12); }

/* 链接下划线动效 */
.site-footer a { text-decoration: none; }
.site-footer a:hover { text-decoration: underline; }

/* 文章正文可读性 */
.single-post-content p { margin-block-end: 1.4em; }
.single-post-content img { border-radius: 10px; }

/* 页头吸顶阴影（滚动时由 WP 导航块自带样式兜底，这里仅微调） */
.site-header { border-bottom: 1px solid var(--wp--preset--color--sage); }

/* 插件容器与主题融合 */
.tcmr-wrap { max-width: 760px; margin: 0 auto; }

/* ---------- 中医文化视觉 ---------- */

/* 中文书法字栈（Noto Serif SC 子集由 functions.php 加载，失败回退系统宋体） */
.qt-cjk { font-family: "Noto Serif SC", "Songti SC", "STSong", "SimSun", serif; }

/* 朱砂印章（hero 顶部的「气」） */
.qt-seal {
	display: inline-flex; align-items: center; justify-content: center;
	width: 76px; height: 76px; margin: 0 auto 1.4rem;
	background: #B3541E; color: #F7F4EE;
	border-radius: 10px; transform: rotate(-4deg);
	box-shadow: 0 4px 14px rgba(179, 84, 30, .35), inset 0 0 0 2px rgba(247, 244, 238, .55);
	font-size: 2.4rem; font-weight: 600; line-height: 1;
}

/* Hero：山水墨意背景 + 米白底 */
.qt-hero {
	background: url("assets/img/ink-hero.svg") bottom center / cover no-repeat,
		var(--wp--preset--color--mist);
}

/* 太极图 60s 缓旋——阴阳流转；尊重减少动态偏好 */
.qt-taiji img { animation: qt-spin 60s linear infinite; }
@keyframes qt-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
	.qt-taiji img { animation: none; }
}

/* 三柱大字 / 四季字 / 价值观印 */
.qt-pillar { font-size: 2rem; font-weight: 600; color: var(--wp--preset--color--pine); margin-bottom: .6rem; letter-spacing: .08em; }
.qt-season { font-size: 2.6rem; font-weight: 600; color: var(--wp--preset--color--herb); margin-bottom: .4rem; }
.qt-creed {
	display: inline-block; padding: .5rem 1.4rem;
	font-size: 1.3rem; font-weight: 600; letter-spacing: .35em; color: var(--wp--preset--color--clay);
	border: 1px solid var(--wp--preset--color--clay); border-radius: 8px;
}