/* ==========================================================================
   NOVA — WordPress 扩展区
   在原站 #page-nova 作用域内补齐 WordPress 侧的内容：页面头、卡片列表、
   询盘表单、文章正文与分页。沿用原站的墨色阶、暖纸底与青绿强调色。
   ========================================================================== */

#page-nova .wpsec{padding:clamp(46px,6.5vw,88px) 0}
#page-nova .wpsec--tint{background:var(--paper)}
#page-nova .wpsec--dark{background:var(--ink); color:#fff}

/* ---------- 页头 ---------- */
#page-nova .wphead{border-top:1px solid var(--rule); padding:clamp(38px,5vw,64px) 0 clamp(26px,3.4vw,40px)}
#page-nova .wphead__in{display:grid; gap:16px}
@media(min-width:820px){#page-nova .wphead__in{grid-template-columns:auto 1fr; align-items:end; gap:34px}}
#page-nova .wphead h1{
	font-family:'Noto Sans SC',var(--sans); font-weight:900;
	font-size:clamp(28px,4vw,46px); line-height:1.14; letter-spacing:.01em; margin:0;
}
#page-nova .wphead__eyebrow{
	font:600 11px/1 'Archivo',sans-serif; letter-spacing:.14em; text-transform:uppercase;
	color:var(--violet); display:block; margin-bottom:12px;
}
#page-nova .wphead__lede{color:var(--ink-2); font-size:16px; max-width:62ch; margin:0}
#page-nova .wphead__lede em{font-style:normal; color:var(--steel)}

/* ---------- 面包屑 ---------- */
#page-nova .wpcrumb{font-size:12.5px; color:var(--steel); display:flex; gap:8px; align-items:center; flex-wrap:wrap}
#page-nova .wpcrumb a{color:var(--steel)}
#page-nova .wpcrumb a:hover{color:var(--violet)}

/* ---------- 卡片网格 ---------- */
#page-nova .wpcards{display:grid; gap:clamp(18px,2.2vw,30px)}
@media(min-width:680px){#page-nova .wpcards{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1020px){#page-nova .wpcards--3{grid-template-columns:repeat(3,1fr)}}
#page-nova .wpcard{
	background:var(--white); border:1px solid var(--rule); border-radius:4px;
	padding:clamp(20px,2.4vw,28px); display:grid; gap:12px; align-content:start;
	transition:border-color var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out),
		box-shadow var(--dur-2) var(--ease-out);
}
#page-nova .wpcard:hover{border-color:rgba(14,92,77,.4); transform:translateY(-2px); box-shadow:var(--shadow-2)}
#page-nova .wpcard__k{
	font:600 10.5px/1 'Archivo',sans-serif; letter-spacing:.12em; text-transform:uppercase;
	color:var(--violet);
}
#page-nova .wpcard h3{font-size:19px; font-weight:800; line-height:1.35; margin:0; letter-spacing:.01em}
#page-nova .wpcard h3 a{color:var(--ink)}
#page-nova .wpcard h3 a:hover{color:var(--violet); text-decoration:none}
#page-nova .wpcard p{color:var(--ink-2); font-size:14.5px; line-height:1.7; margin:0}
#page-nova .wpcard__meta{
	margin-top:2px; font-size:12px; color:var(--steel);
	display:flex; gap:12px; flex-wrap:wrap; border-top:1px solid var(--rule-soft); padding-top:12px;
}
#page-nova .wpcard__fig{margin:0; overflow:hidden; border-radius:3px; background:var(--paper)}
#page-nova .wpcard__fig img{display:block; width:100%; height:auto}

/* ---------- 案例卡（原站 .case 的近亲） ---------- */
#page-nova .wpcases{display:grid; gap:clamp(20px,2.4vw,32px)}
@media(min-width:760px){#page-nova .wpcases{grid-template-columns:repeat(2,1fr)}}
#page-nova .wpcase{border-top:2px solid var(--ink); padding-top:18px; display:grid; gap:12px; align-content:start}
#page-nova .wpcase h3{font-size:20px; font-weight:800; margin:0}
#page-nova .wpcase h3 a{color:var(--ink)}
#page-nova .wpcase h3 a:hover{color:var(--violet); text-decoration:none}
#page-nova .wpcase p{margin:0; color:var(--ink-2); font-size:14.5px; line-height:1.7}
#page-nova .wpcase dl{
	margin:0; display:grid; grid-template-columns:auto 1fr; gap:6px 16px;
	font-size:13px; border-top:1px solid var(--rule-soft); padding-top:12px;
}
#page-nova .wpcase dt{color:var(--steel)}
#page-nova .wpcase dd{margin:0; color:var(--ink-2)}

/* ---------- 询盘表单 ---------- */
#page-nova .wplead{
	background:var(--paper-2); border:1px solid var(--rule); border-radius:4px;
	padding:clamp(22px,3vw,34px);
}
#page-nova .wplead h2{font-size:clamp(22px,2.6vw,30px); font-weight:900; margin:0 0 10px; letter-spacing:.01em}
#page-nova .wplead__sub{color:var(--ink-2); font-size:15px; line-height:1.7; margin:0 0 22px; max-width:56ch}
#page-nova .wpform{display:grid; gap:16px}
@media(min-width:720px){#page-nova .wpform{grid-template-columns:repeat(2,1fr)}}
#page-nova .wpform .wprow--full{grid-column:1 / -1}
#page-nova .wplabel{display:block; font-size:12.5px; font-weight:600; color:var(--ink-2); margin-bottom:7px}
#page-nova .wplabel i{font-style:normal; color:var(--violet)}
#page-nova .wpin, #page-nova .wptxt{
	width:100%; font:400 15px/1.5 var(--sans); color:var(--ink);
	background:var(--white); border:1px solid var(--rule); border-radius:3px;
	padding:12px 13px; transition:border-color var(--dur-1) var(--ease-out),
		box-shadow var(--dur-1) var(--ease-out);
}
#page-nova .wpin:focus, #page-nova .wptxt:focus{
	outline:none; border-color:var(--violet); box-shadow:0 0 0 3px rgba(14,92,77,.12);
}
#page-nova .wptxt{min-height:112px; resize:vertical}
#page-nova .wpform__foot{grid-column:1 / -1; display:flex; gap:16px; align-items:center; flex-wrap:wrap}
#page-nova .wpsend{
	font:700 15px/1 var(--sans); color:#fff; background:var(--violet);
	border:0; border-radius:3px; padding:15px 26px; cursor:pointer;
	transition:background var(--dur-1) var(--ease-out), transform var(--dur-1) var(--ease-out);
}
#page-nova .wpsend:hover{background:var(--violet-2)}
#page-nova .wpsend:active{transform:scale(.98)}
#page-nova .wpsend[disabled]{opacity:.55; cursor:not-allowed}
#page-nova .wpnote{font-size:12px; color:var(--steel); margin:0}
#page-nova .wpstatus{grid-column:1 / -1; font-size:13.5px; margin:0; min-height:1em}
#page-nova .wpstatus.is-ok{color:var(--violet); font-weight:600}
#page-nova .wpstatus.is-err{color:#A33A2A; font-weight:600}
/* 蜜罐：视觉隐藏但对读屏可见之外，爬虫会当成可填字段 */
#page-nova .wphp{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden}

/* ---------- 文章正文 ---------- */
#page-nova .wprose{max-width:72ch}
#page-nova .wprose p{font-size:16.5px; line-height:1.85; color:var(--ink-2); margin:0 0 1.1em}
#page-nova .wprose h2{font-size:clamp(22px,2.6vw,30px); font-weight:900; margin:1.9em 0 .6em; letter-spacing:.01em}
#page-nova .wprose h3{font-size:20px; font-weight:800; margin:1.6em 0 .5em}
#page-nova .wprose ul, #page-nova .wprose ol{padding-left:1.3em; color:var(--ink-2); font-size:16px; line-height:1.8}
#page-nova .wprose li{margin-bottom:.45em}
#page-nova .wprose blockquote{
	margin:1.6em 0; padding:4px 0 4px 20px; border-left:3px solid var(--violet);
	color:var(--ink-2); font-size:16px; line-height:1.75;
}
#page-nova .wprose img{border-radius:3px; max-width:100%; height:auto}
#page-nova .wprose a{color:var(--violet)}
#page-nova .wprose table{width:100%; border-collapse:collapse; font-size:14.5px; margin:1.4em 0}
#page-nova .wprose th, #page-nova .wprose td{border:1px solid var(--rule); padding:10px 12px; text-align:left}
#page-nova .wprose th{background:var(--paper); font-weight:700}

/* ---------- 分页 ---------- */
#page-nova .wppager{display:flex; gap:8px; justify-content:center; flex-wrap:wrap; margin-top:clamp(30px,4vw,52px)}
#page-nova .wppager a, #page-nova .wppager span{
	min-width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center;
	padding:0 12px; font-size:14px; border:1px solid var(--rule); border-radius:3px; color:var(--ink-2);
	background:var(--white);
}
#page-nova .wppager a:hover{border-color:var(--violet); color:var(--violet); text-decoration:none}
#page-nova .wppager .is-current{background:var(--violet); border-color:var(--violet); color:#fff; font-weight:700}

/* ---------- 空状态 ---------- */
#page-nova .wpempty{
	border:1px dashed var(--rule); border-radius:4px; padding:clamp(28px,4vw,48px);
	text-align:center; color:var(--steel); font-size:15px; background:var(--paper-2);
}

/* ---------- 联系信息网格 ---------- */
#page-nova .wpct{display:grid; gap:20px}
@media(min-width:700px){#page-nova .wpct{grid-template-columns:repeat(3,1fr)}}
#page-nova .wpct__row{border-top:1px solid var(--rule); padding-top:14px; display:grid; gap:6px}
#page-nova .wpct__k{font-size:12px; color:var(--steel)}
#page-nova .wpct__v{font-size:15px; color:var(--ink)}
#page-nova .wpct__v a{color:var(--violet)}
#page-nova .wprose .wpct__lead{
	color:var(--ink-2); font-size:15.5px; line-height:1.75; margin:26px 0 0; max-width:60ch;
}

/* ---------- 常见问题 ---------- */
#page-nova .wpfaq details{border-bottom:1px solid var(--rule-soft); padding:16px 0}
#page-nova .wpfaq summary{cursor:pointer; list-style:none; font-weight:700; font-size:16px; display:flex; gap:10px}
#page-nova .wpfaq summary::-webkit-details-marker{display:none}
#page-nova .wpfaq summary::after{content:"+"; margin-left:auto; color:var(--violet); font-weight:400}
#page-nova .wpfaq details[open] summary::after{content:"–"}
#page-nova .wpfaq p{margin:10px 0 0; color:var(--ink-2); font-size:15px; line-height:1.75; max-width:70ch}

/* ---------- 首页 CTA 条 ---------- */
#page-nova .wpcta{
	border-top:1px solid var(--rule); border-bottom:1px solid var(--rule);
	background:var(--paper-2); padding:clamp(26px,3.4vw,40px) 0;
}
#page-nova .wpcta__in{display:flex; gap:20px; align-items:center; justify-content:space-between; flex-wrap:wrap}
#page-nova .wpcta p{margin:0; font-size:15.5px; color:var(--ink-2)}
#page-nova .wpcta__btn{
	display:inline-flex; align-items:center; gap:9px; background:var(--violet); color:#fff;
	font-size:14px; font-weight:700; padding:13px 20px; border-radius:3px; text-decoration:none;
}
#page-nova .wpcta__btn:hover{background:var(--violet-2); text-decoration:none}

/* ---------- 打印时隐藏交互元素 ---------- */
@media print{
	#page-nova .wplead, #page-nova .wpcta, #page-nova .wppager{display:none !important}
}

/* ---------- 正文样式不得侵入表单 ----------
   .wprose h2 / .wprose p 与 .wplead h2 / .wplead__sub 同特异性，
   且后者在文件中靠前，需要在此处重新夺回控制权。 */
#page-nova .wprose .wplead h2{
	font-size:clamp(22px,2.6vw,30px); font-weight:900; margin:0 0 10px; letter-spacing:.01em;
}
#page-nova .wprose .wplead__sub{
	color:var(--ink-2); font-size:15px; line-height:1.7; margin:0 0 22px; max-width:56ch;
}
#page-nova .wprose .wpstatus{font-size:13.5px; line-height:1.6; margin:0; min-height:1em}
#page-nova .wprose .wpnote{font-size:12px; color:var(--steel); margin:0}
#page-nova .wprose .wplead{margin:0}
#page-nova .wprose .wpform{margin:0}
#page-nova .wprose .wplead label{margin:0}