/*!
Theme Name: Kquant
Theme URI: http://underscores.me/
Author: qingyuan
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kquant
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Kquant is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */
html, body {
	background: #1f2121;
	margin: 0;
	padding: 0;
	height: 100%;
	overflow-x: hidden;
}
.main-background {
	background: #acf783;
}
.background-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none; /* 防止图片影响交互 */
	z-index: 0;
}

/* 每侧图片样式 */
.image-wrapper {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50%;
	background-size: auto 200px; /* 每个图片高度固定 */
	background-repeat: repeat-y; /* 垂直重复显示 */
}

.image-wrapper img {
	display: block;
	height: 200px; /* 控制每个图片块的高度 */
	width: 100%;
	object-fit: cover;
}
header, footer {
	z-index: 1;
	position: relative;
}
main {
	z-index: 1;
	position: relative;
	height: 500px;
}
/* 右侧图片样式 */
.image-wrapper.right {
	right: 0;
	background-image: var(--theme-assets-path) "bg-dot.png";
}

/* 左侧图片样式，镜像翻转 */
.image-wrapper.left {
	left: 0;
	background-image: var(--theme-assets-path) "bg-dot.png";
	transform: scaleX(-1); /* 水平翻转 */
}

.primary-font {
	color: #7a7a7a;
	font-weight: 600;
}
.secondary-font {
	color: #acf783;
}

.divider {
	width: 60%; /* 分隔线宽度 */
	height: 5px; /* 分隔线高度 */
	margin-left: auto;
	margin-right: auto;
	background: radial-gradient(
			ellipse at center,
			#acf783 0%,
			rgba(172, 247, 131, 0.5) 50%,
			rgba(172, 247, 131, 0) 100%
	);
	border-radius: 50%; /* 让分隔线两边更柔和 */
}

.shadow-box {
	box-shadow: inset 0 0 20px rgba(172, 247, 131, 0.7);
	border-radius: 15px;
}
.shadow-box-grey {
	box-shadow: inset 0 0 20px #9e9e9e;
	border-radius: 15px;
}

/* Download Button */
.download-btn .btn {
	display: inline-block;
	text-decoration: none;
	font-size: 18px;
	color: #000;
	background-color: #acf783;
	padding: 10px 20px;
	border-radius: 10px;
	box-shadow: 0 4px 10px rgba(172, 247, 131, 0.7);
	transition: all 0.3s ease;
}
.limited-text {
	font-weight: 200;
	font-size: 2.5rem;
}
.download-btn .btn:hover {
	background-color: #93d46a;
	box-shadow: 0 6px 15px rgba(172, 247, 131, 0.9);
}
.upper-card-title {
	text-decoration: underline;
	font-size: 1.5rem;
	font-weight: 600;
}
.upper-card-content {
	text-align: justify;
}
.box-list-item-content {
	color: #acf783;
	margin-left: 10px;
}
.footer-content p{
	font-weight: 200;
}

.contact-form input {
	height: 2.25rem;
}
.contact-form textarea {
	max-height: 5rem;
}
.contact-form input, .contact-form textarea {
	border: 0.5px solid #93d46a;
	width: 100%;
}
.contact-form .wpcf7-submit {
	display: inline-block;
	text-decoration: none;
	font-size: 18px;
	color: #000;
	background-color: #acf783;
	padding: 10px 20px;
	border-radius: 10px;
	box-shadow: 0 4px 10px rgba(172, 247, 131, 0.7);
	transition: all 0.3s ease;
	height: unset;
}