/*
Theme Name: KC 错题本
Theme URI: https://example.com/kc-theme
Description: K12 AI 错题本的前台主题。Blocksy 子主题，只做渲染与排版，不含任何业务逻辑——题库、账号、计费、学习闭环全部在 kc-* 插件里。
Author: K12 Cuoti Team
Author URI: https://example.com
Template: blocksy
Version: 0.4.0
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: k12-cuoti
Tags: e-commerce, two-columns, custom-colors, custom-menu, featured-images, translation-ready
*/

/*
 * 刻意不覆盖 header.php / footer.php。
 *
 * Blocksy 的 header.php 里已经开了 <main>，footer.php 收尾。
 * 子主题若自己写一套，会把 Blocksy 的导航、logo、搜索、购物车、
 * 移动端菜单全部丢掉——换来的只是一个「看起来统一」的壳，代价太大。
 *
 * 所以本子主题只做三件事：
 *   1. 排版微调；
 *   2. 在应用页面注入一条应用导航；
 *   3. 首页的落地页。
 *
 * 配色变量与 kc-ui 的 CSS 变量同名，避免两处各调一套颜色。
 */

:root {
	--kc-accent: #2f5d8a;
	--kc-accent-soft: #eaf1f8;
	--kc-text-soft: #5b6672;
	--kc-surface: #fff;
	--kc-border: #e3e6ea;
}

/* 应用导航的样式在 kc-ui 插件里——导航由插件渲染，样式跟着走，
   换主题时不会丢。 */

/* ---------------------------------------------------------------- 首页 */
.kc-hero {
	padding: 48px 0 56px;
	max-width: 720px;
}

.kc-hero h1 {
	font-size: clamp(28px, 4.2vw, 42px);
	line-height: 1.25;
	margin: 0 0 16px;
}

.kc-hero__lead {
	font-size: 17px;
	color: var(--kc-text-soft);
	margin: 0 0 28px;
}

.kc-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
}

.kc-hero__note {
	margin-top: 20px;
	font-size: 13px;
	color: var(--kc-text-soft);
}

/* 应用页面底色比正文浅一点，让界面读起来是「工具」而不是「文章」。 */
body.kc-app-page [data-element="region"] > .ct-container {
	background: #f6f7f9;
}

@media (max-width: 767px) {
	.kc-appnav { gap: 12px; }
	.kc-hero { padding: 32px 0 40px; }
}