/*
 * 原站迁移页补丁样式（origin-patch.css）
 *
 * 只修补「原站 CSS 迁移后缺规则」造成的问题，不在这里写新设计。
 * 加载顺序：site.css → responsive.css → 本文件。
 *
 * ---------------------------------------------------------------
 * 光伏太阳花页（/solar-sunflowers/）两处折叠交互失效
 *
 * 模板 page-solar-sunflowers.php 的内联函数用 classList.toggle('active')
 * 驱动折叠，但原站 CSS 只给了箭头的 .arrow.active 旋转规则，面板本身没有
 * .active 规则，默认仍是：
 *     #web_flower_list_con_f        { display:none }
 *     .flower_xBox .flower_xBox_text { display:none }
 * 结果：点击后 class 确实加上了，computed display 依旧是 none，面板永远打不开。
 * 受影响的正是整页最有价值的两块内容——产品特性/规格参数表，以及 3 份 PDF
 * 规格书的下载入口。
 *
 * 箭头同样转不动：它还被一条 ID 级规则钉住
 *     #solartrack … .web_flower_list_con_e i { transform: rotate(90deg) }
 * 特异度（1-5-1）远高于 .arrow.active（0-2-0），这里必须用 !important 压过去。
 * ---------------------------------------------------------------
 */

/* 折叠面板：active 时展开 */
#web_flower_list_con_f.active,
.flower_xBox .flower_xBox_text.active {
	display: block;
}

/* 折叠箭头：active 时翻转 90° → 270° */
#arrow.active,
#toggle-indicator.active {
	transform: rotate(270deg) !important;
}

/* ---------------------------------------------------------------
 * 屏读专用（全站可用）
 *
 * 原站 CSS 里没有 sr-only，/projects/ 这类「满屏图 banner 无标题」的页面
 * 需要一个不占版面的 H1；首页 H1 是品牌口号，也需要补业务关键词。
 * 两者都靠这个类做到「对搜索引擎与读屏可见、对视觉零影响」。
 * --------------------------------------------------------------- */
.sr-only {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* 语义修正后保持原视觉：/about/ 与 /contact/ 的主标题由 h2 改为 h1 */
#about .r1 .inner .group .left h1 {
	margin-bottom: .1rem;
}

#contact .web_address_l .address_title h1 {
	margin: 0;
}

/* ---------------------------------------------------------------
 * 双轴光伏花页（#at-3）标题升级 h2 → h1：
 * 原样式只定义了 .web_spend_top h2，升级后 h1 需要同样式，否则视觉跳变。
 * ------------------------------------------------------------- */
#at-3 .row11 .inner .web_spend .web_spend_top h1 {
	font-size: .24rem;
	font-weight: 700;
}

/* ---------------------------------------------------------------
 * 产品详情结构化内容（template-parts/inner/detail.php）
 *
 * 原站产品页正文只有一串细节图，没有可收录的文字。迁移后在详情页正文
 * 之前补了「定义句 → 规格参数 → 核心卖点 → 适用场景」四块，这里只给
 * 它们配最小样式，沿用站内既有的主绿 #538a2d 与细边框，不另起设计语言。
 * --------------------------------------------------------------- */
#newDetail .wz-summary {
	max-width: 60rem;
	margin: 0 0 1.6rem;
	line-height: 1.9;
	color: #3a3f3f;
}

#newDetail .wz-h2 {
	position: relative;
	margin: 2.2rem 0 1rem;
	padding-left: .8rem;
	font-weight: 700;
}

#newDetail .wz-h2::before {
	content: "";
	position: absolute;
	left: 0;
	top: .28em;
	bottom: .28em;
	width: 3px;
	border-radius: 2px;
	background-color: #538a2d;
}

#newDetail .wz-specs {
	width: 100%;
	max-width: 60rem;
	margin: 0 0 1rem;
	border-collapse: collapse;
	font-size: .8125rem;
	table-layout: fixed;
}

#newDetail .wz-specs th,
#newDetail .wz-specs td {
	padding: .7rem .9rem;
	border: 1px solid rgba(41, 46, 46, .14);
	text-align: left;
	vertical-align: top;
	line-height: 1.7;
	word-break: break-word;
}

#newDetail .wz-specs th {
	width: 34%;
	background-color: #f6f7f6;
	font-weight: 600;
	color: #2b2f2f;
}

#newDetail .wz-specs tr:nth-child(even) td {
	background-color: #fbfbfa;
}

#newDetail .wz-list {
	max-width: 60rem;
	margin: 0 0 1rem;
	padding: 0;
	list-style: none;
}

#newDetail .wz-list li {
	position: relative;
	margin: .5rem 0;
	padding-left: 1.15rem;
	line-height: 1.85;
}

#newDetail .wz-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .78em;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #538a2d;
}

#newDetail .wz-tags {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	margin: 0 0 1.4rem;
}

#newDetail .wz-tags span {
	display: inline-block;
	padding: .3rem .8rem;
	border: 1px solid rgba(41, 46, 46, .16);
	border-radius: 2rem;
	background-color: #f7f8f7;
	font-size: .8125rem;
	color: #3a3f3f;
}