/*
Theme Name: AZOS Electronics
Theme URI: https://example.com/directics
Author: directics theme rebuild
Description: 由 directics.com 静态镜像反向重建的经典主题。零插件依赖，不需要 Elementor。
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: directics
*/

/* 弹窗默认隐藏，由 theme.js 加 .directics-popup--open 打开 */
[data-elementor-type="popup"] {
	display: none;
}

[data-elementor-type="popup"].directics-popup--open {
	display: flex;
	position: fixed;
	inset: 0;
	z-index: 9999;
	overflow-y: auto;
	/* 源站弹窗的居中是 Elementor Pro 的 dialog 引擎用内联 top/left 做的
	   （.dialog-widget-content 是 position:absolute，见 assets/css 里抓下来的
	   .dialog-widget-content{position:absolute}）。我们换掉了那个引擎，改用
	   flex 居中，下面那条把定位交回文档流。
	   外边距仍归源站 CSS 管：#elementor-popup-modal-847123 .dialog-widget-content
	   的 margin:0 让移动端菜单贴满全屏，两个政策弹窗 ≤767px 的 margin:50px 0
	   也照旧生效——所以这里只给对齐，不碰 margin。 */
	align-items: center;
	justify-content: center;
}

/* theme.js 补出的 .dialog-widget-content / .dialog-message 两层见 theme.js 的
   ensureDialogLayers()：源站的背景色、宽度、内边距全挂在这两层上。 */
.directics-popup--open > .dialog-widget-content {
	position: relative;
}

body.directics-popup-open {
	overflow: hidden;
}

/* 关闭按钮：源站由 Elementor Pro 的弹窗引擎运行时注入，此处由 theme.js 补上 */
.directics-popup-close {
	/* display / top / right / font-size 已由源站抓取的 post-8471xx.css
	   通过 #elementor-popup-modal-{id} 锚定给出（特异度更高），这里只补
	   源 CSS 没给、且因为我们用 <button> 元素而需要清掉的浏览器默认样式。 */
	position: absolute;
	background: none;
	border: 0;
	cursor: pointer;
}

/* 焦点圈：鼠标点击不留黑框，键盘 Tab 仍然看得见
   源站抓下来的 assets/css/2de221d0602f.style.css 里有一条
   a:focus{outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}，
   用的是 :focus 而不是 :focus-visible，所以鼠标点击也会触发——点一下左上角
   logo，<a> 拿到焦点，Chrome 把 -webkit-focus-ring-color 解析成近黑的
   rgb(16,16,16)，那圈黑框就贴在图标外面不走了。

   那个文件是构建产物（重跑 build_css.py 会覆盖），所以不动它，在这里覆盖：
   鼠标/触摸触发时清掉，键盘导航换成品牌蓝的可见焦点圈——直接一刀 outline:none
   会把键盘用户唯一的位置提示也抹掉。

   特异度要算准：a:focus 是 (0,1,1)，所以清除规则写成两个伪类的
   :focus:not(:focus-visible) (0,2,0) 才压得住，键盘那条也得带上元素选择器
   凑到 (0,1,1)，靠加载顺序在后面取胜。 */
:focus:not(:focus-visible) {
	outline: none;
}

:focus-visible,
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 2px solid var(--e-global-color-primary, #1071BC);
	outline-offset: 3px;
}

/* 兜底模板排版 */
.directics-fallback__inner {
	max-width: 1140px;
	margin: 0 auto;
	padding: 60px 20px;
}

.directics-fallback__title {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	color: var(--e-global-color-text, #231F20);
}

/* 右上角语言切换器（directics_language_switcher()） */
.directics-lang-switcher {
	align-items: center;
	display: flex;
	/* 头部右列是 justify-content:flex-end 的 flex 行，相邻 widget 的间距各自
	   由 margin 给出（Request Quote 按钮在桌面是 margin-left:40px）。切换器
	   自己没有 margin，会直接贴住导航最后一项 RESOURCES，这里补上左间距，
	   取和按钮同样的 40px，让两侧留白对称。 */
	margin-left: 40px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: 500;
	gap: 6px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.directics-lang-switcher__item {
	color: var(--e-global-color-text, #231F20);
	text-decoration: none;
}

.directics-lang-switcher__item--current {
	color: var(--e-global-color-primary, #1071BC);
	font-weight: 700;
}

.directics-lang-switcher__item--missing {
	opacity: 0.4;
	cursor: not-allowed;
}

.directics-lang-switcher__sep {
	opacity: 0.4;
}

/* 平板及以下：导航菜单隐藏，Request Quote 按钮的间距从 margin-left:40px
   换成 margin-right:20px，切换器右侧就没人给间距了，改由自己补。 */
@media (max-width: 1024px) {
	.directics-lang-switcher {
		margin-left: 0;
		margin-right: 20px;
	}
}

/* 首页 hero：背景视频从源站的 YouTube 外链换成 AZOS 实拍（inc/setup.php
   的 directics_hero_video）后，画面比原来的纯黑底亮得多，压在上面的白色
   标题与副标题读不出来。Elementor 自带的 overlay 层在源站由内联样式上色，
   裁剪后只剩 opacity，这里把颜色补回去当压暗层。
   style.css 由 inc/enqueue.php 最后加载，选择器同级即可覆盖。 */
.elementor-845788 .elementor-element.elementor-element-3c71450 > .elementor-background-overlay {
	background-color: #04122b;
	opacity: 0.58;
}

/* 首页 hero：AZOS logo + 标题整体水平居中。
   源站这一排是 4 列（空占位 / logo / 标题 / 空占位），宽度 25% / 27% /
   60.987% / 5.958%，标题列比文字本身宽出一大截，右侧留白远多于左侧，
   整块看上去明显偏左。桌面端改成：隐藏两个空占位列，两个内容列按内容
   宽度收缩，再由 flex 容器居中。
   标题列的 widget-wrap 需要改成纵向 flex，否则求 max-content 宽度时会把
   两个标题的宽度横向相加（499 + 518），列宽被撑到 1018px 而不是 518px。
   仅桌面端生效：平板（768–1024）有自己的 50% / 45% 列宽，手机端是堆叠。 */
@media (min-width: 1025px) {
	.elementor-845788 .elementor-element.elementor-element-330b761 > .elementor-container {
		justify-content: center;
	}

	.elementor-845788 .elementor-element.elementor-element-619b7bf,
	.elementor-845788 .elementor-element.elementor-element-ef37b97 {
		display: none;
	}

	.elementor-845788 .elementor-element.elementor-element-704d119,
	.elementor-845788 .elementor-element.elementor-element-f15c0c2 {
		flex: 0 0 auto;
		max-width: none;
		width: auto;
	}

	.elementor-845788 .elementor-element.elementor-element-f15c0c2 > .elementor-widget-wrap {
		align-items: flex-start;
		flex-direction: column;
	}

	.elementor-845788 .elementor-element.elementor-element-49b261e {
		max-width: 100%;
		width: 100%;
	}
}

/* 平板（768–1024）：同样居中。这一档没有空占位列（elementor-hidden-tablet），
   但列宽是 50% / 45%，标题列同样比文字宽；另外列容器的左右内边距是
   19px / 50px 不对称，一并补成 50px，否则整块还会偏左 15px。 */
@media (min-width: 768px) and (max-width: 1024px) {
	.elementor-845788 .elementor-element.elementor-element-d8f6e97 > .elementor-element-populated {
		padding-left: 50px;
	}

	.elementor-845788 .elementor-element.elementor-element-330b761 > .elementor-container {
		justify-content: center;
	}

	.elementor-845788 .elementor-element.elementor-element-704d119,
	.elementor-845788 .elementor-element.elementor-element-f15c0c2 {
		flex: 0 0 auto;
		max-width: none;
		width: auto;
	}

	.elementor-845788 .elementor-element.elementor-element-f15c0c2 > .elementor-widget-wrap {
		align-items: flex-start;
		flex-direction: column;
	}

	.elementor-845788 .elementor-element.elementor-element-49b261e {
		max-width: 100%;
		width: 100%;
	}
}

/* 关于页（post 203）的“我們的價值承諾”这一排 A / Z / O / S：源站是
   D.I.R.E.C.T 六列 elementor-col-16（各 16.666%）铺满，改成四列后只占
   66.7%，整排靠左、和上面居中的标题错位。列宽不动，改由容器居中。 */
.elementor-203 .elementor-element.elementor-element-62e7b48 > .elementor-container {
	justify-content: center;
}

/* 桌面（≥1025）：源站的 16.666% 是给六列用的，这里只有四列，卡在关于页
   boxed 容器（1120px）里每列只剩 187px，字母挨得太紧。四列各 25% 摊满
   这一栏，列内 padding 取 30px（源站 gap-wider 的值）。
   ——限定 ≥1025px：往下是平板 2 × 2 和手机单列，别被这条盖掉。 */
@media (min-width: 1025px) {
	.elementor-203 .elementor-element.elementor-element-62e7b48 > .elementor-container > .elementor-column {
		width: 25%;
	}

	.elementor-203 .elementor-element.elementor-element-62e7b48 > .elementor-container > .elementor-column > .elementor-element-populated {
		padding: 30px;
	}
}

/* 平板同上：四列各 33% 会排成 3 + 1，改 2 × 2。 */
@media (min-width: 768px) and (max-width: 1024px) {
	.elementor-203 .elementor-element.elementor-element-5e5d9dd,
	.elementor-203 .elementor-element.elementor-element-e29da22,
	.elementor-203 .elementor-element.elementor-element-70bf919,
	.elementor-203 .elementor-element.elementor-element-8514a1a {
		width: 50%;
	}
}

/* quality 页的检测流程视频（inc/setup.php 的 directics_quality_video）。
   配色与字体全部取站点自己的 Elementor token：主蓝 --e-global-color-primary
   #1071BC、正文色 --e-global-color-text #231F20、分隔灰 #EAEBED，字体沿用
   全站的 Helvetica Neue，不另起一套。 */
.directics-quality-video {
	max-width: 1140px;
	margin: 0 auto;
	padding: 64px 20px 72px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	/* 这块挂在 quality 页一个 font-style:italic 的 Elementor 区块里，
	   不显式归零，标题和说明会整片变斜体。 */
	font-style: normal;
}

.directics-quality-video__title {
	margin: 0 0 12px;
	color: var(--e-global-color-text, #231F20);
	font-size: clamp(24px, 3vw, 34px);
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.01em;
}

.directics-quality-video__lede {
	max-width: 62ch;
	margin: 0 0 32px;
	color: #55585c;
	font-size: 16px;
	line-height: 1.65;
}

.directics-quality-video__player {
	display: block;
	width: 100%;
	max-width: 860px;
	aspect-ratio: 16 / 9;
	margin: 0 auto;
	background: #000;
	border: 1px solid var(--e-global-color-4cf3fe0, #EAEBED);
}

@media (max-width: 600px) {
	.directics-quality-video {
		padding: 44px 18px 52px;
	}
}

/* quality 页 hero（带 elementor-background-overlay 的 563499c 区块）压矮。
   overlay 铺满整个 section，高度由 section 的上下 padding 决定：桌面是
   11% / 13%，平板 50px / 130px，手机 130px / 50px。CTA 栏删除后标题下面
   直接接检测分区，原高度显得空，各档统一收到原来的一半左右。
   style.css 最后加载，同特异度覆盖 post-847736.css。 */
.elementor-847736 .elementor-element.elementor-element-563499c {
	padding-top: 64px;
	padding-bottom: 72px;
}

@media (max-width: 1024px) {
	.elementor-847736 .elementor-element.elementor-element-563499c {
		padding: 40px 50px 48px;
	}
}

@media (max-width: 767px) {
	.elementor-847736 .elementor-element.elementor-element-563499c {
		padding: 48px 20px;
	}
}

/* quality 页的第三方检测能力分区（inc/setup.php 的 directics_quality_testing）。
   版式复刻自 verifiedelectronics.com 的 third-party-testing 页中段：居中的
   引言 + 三张图文交替的类别卡。配色与字体沿用站点 token，与上面的检测设备
   图廊保持同一套。 */.directics-testing {
	max-width: 1140px;
	margin: 0 auto;
	padding: 64px 20px 24px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
}

.directics-testing__intro {
	text-align: center;
}

.directics-testing__eyebrow {
	margin: 0 0 10px;
	color: var(--e-global-color-primary, #1071BC);
	font-size: 14px;
	letter-spacing: 0.02em;
}

/* 标题色不写死：kit 的 h2 规则给的就是站点标题深蓝 */
.directics-testing__title {
	max-width: 22ch;
	margin: 0 auto 16px;
	font-size: clamp(26px, 3vw, 32px);
	font-weight: 600;
	line-height: 1.25;
}

.directics-testing__lede {
	max-width: 62ch;
	margin: 0 auto;
	color: var(--e-global-color-text, #231F20);
	font-size: 15px;
	line-height: 1.7;
}

.directics-testing__card {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 40px;
	border: 1px solid var(--e-global-color-4cf3fe0, #EAEBED);
	background: var(--e-global-color-4cf3fe0, #EAEBED);
}

/* 图文交替：偶数卡图片换到右侧 */
.directics-testing__card--flip .directics-testing__media {
	order: 2;
}

.directics-testing__media {
	background-color: #F8F9F9;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 320px;
}

.directics-testing__body {
	padding: 44px 48px;
	background: #F3F4F4;
}

.directics-testing__card-title {
	margin: 0 0 18px;
	color: var(--e-global-color-text, #231F20);
	font-size: clamp(20px, 2.2vw, 24px);
	font-weight: 600;
	line-height: 1.3;
}

.directics-testing__list {
	margin: 0;
	padding: 0;
	list-style: none;
	columns: 2;
	column-gap: 36px;
}

/* 主蓝对勾起头，和站点其它区块的主蓝短横线是同一套点缀 */
.directics-testing__item {
	position: relative;
	padding: 6px 0 6px 24px;
	break-inside: avoid;
	color: var(--e-global-color-text, #231F20);
	font-size: 15px;
	line-height: 1.5;
}

.directics-testing__item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	width: 14px;
	height: 11px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%231071BC' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E") no-repeat 50% 50%;
}

@media (max-width: 1024px) {
	.directics-testing__list {
		columns: 1;
	}
}

@media (max-width: 767px) {
	.directics-testing {
		padding: 44px 18px 8px;
	}

	.directics-testing__card {
		grid-template-columns: 1fr;
		margin-top: 28px;
	}

	/* 手机端图一律排在文字上方 */
	.directics-testing__card--flip .directics-testing__media {
		order: 0;
	}

	.directics-testing__media {
		min-height: 220px;
	}

	.directics-testing__body {
		padding: 28px 22px;
	}
}

/* submit-rfq 页的询价表单（inc/rfq.php 的 directics_rfq_form）。

   只写站点自己的样式没管的部分：布局、标签的字距处理、提示条、蜜罐。
   输入框与提交按钮的皮肤（白底、1px #ACACAC 边、15px 圆角、药丸形按钮
   #073CA6、悬停转 accent 蓝）由 Elementor kit 给出，选择器是
   `.elementor-kit-845787 input:not([type="button"]):not([type="submit"])`
   这一类，特异度 (0,3,1)，本文件里任何单类选择器都压不过它。压不过就别写：
   写了也是死规则，哪天 kit 变了反而会突然生效，比现在更难查。 */
.directics-rfq__heading {
	margin: 0 0 10px;
	font-size: clamp(22px, 2.4vw, 30px);
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.01em;
}

.directics-rfq__intro {
	max-width: 62ch;
	margin: 0 0 28px;
	color: #55585c;
	font-size: 15px;
	line-height: 1.65;
}

.directics-rfq__notice {
	margin: 0 0 20px;
	padding: 12px 16px;
	border-left: 3px solid var(--e-global-color-primary, #1071BC);
	background: #f4f7fa;
	line-height: 1.5;
}

/* 出错与发送失败用暖色收边，成功沿用主蓝——两种结果不能只靠文字区分 */
.directics-rfq__notice--invalid,
.directics-rfq__notice--failed {
	border-left-color: #c0392b;
	background: #fdf3f2;
}

/* 双列：姓名、公司/电话这类短字段两两并排，补充说明整行 */
.directics-rfq__form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px 20px;
	max-width: 640px;
}

.directics-rfq__field {
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.directics-rfq__field--textarea {
	grid-column: 1 / -1;
}

/* 字号与颜色由 kit 的 label 规则给出，这里只补它没设的字距处理 */
.directics-rfq__label {
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

/* kit 没给输入框写 :focus，焦点提示得自己补。只用 box-shadow：
   border-color 归 kit 那条 (0,3,1) 的规则管，这里改不动。 */
.directics-rfq__input:focus {
	outline: none;
	box-shadow: 0 0 0 2px rgba(16, 113, 188, 0.35);
}

.directics-rfq__submit {
	grid-column: 1 / -1;
	justify-self: start;
	cursor: pointer;
}

/* 蜜罐字段：对真人不可见，又不能用 display:none——那样一部分机器人会跳过它。
   留在文档流里但移出视口，同时 aria-hidden + tabindex="-1" 挡住读屏与键盘。 */
.directics-rfq__trap {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

@media (max-width: 767px) {
	.directics-rfq__form {
		grid-template-columns: 1fr;
	}
}

/* about 页 Latest News 卡片的缩略图。

   源站给缩略图框设了 padding-bottom:calc(50%)（Elementor 的「图片比例」，
   等于一个 2:1 的空框），配套的「图片绝对定位铺满这个框」那条规则由
   Elementor 的前端 JS 在运行时补，本主题不携带那套运行时，图片就按原比例
   排在框顶，下面留出一条约 180px 的空白。这里把那条规则补上。 */
.elementor-posts .elementor-post__thumbnail img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ---------------------------------------------------------------------------
   单篇文章（single.php）：about 页 Latest News 卡片的落地页。

   这类页没有源站镜像，也就没有 post CSS，外观全部由本文件给出。配色与字体
   沿用站点的 Elementor token：深蓝 #073CA6 / 正文色 #231F20 / 分隔灰 #EAEBED，
   字体沿用全站的 Helvetica Neue（同 .directics-hero 的做法）。
   --------------------------------------------------------------------------- */

.directics-article {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: var(--e-global-color-text, #231f20);
}

/* 标题带用和其他头图同一套深蓝渐变，页面之间才像一套。 */
.directics-article__head {
	background: linear-gradient(180deg, #1817a8 0%, #051f52 100%);
	padding: 64px 5% 68px;
}

.directics-article__head-inner {
	max-width: 860px;
	margin: 0 auto;
}

.directics-article__date {
	margin: 0 0 14px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #8fb6ff;
}

/* 带上 h1 凑够 (0,1,1)：kit 的 `.elementor-kit-845787 h1` 也是 (0,1,1)，
   同权重时本文件在后面，白字才压得住深蓝底上的深色标题。 */
h1.directics-article__title {
	margin: 0;
	font-size: clamp(28px, 3.4vw, 44px);
	line-height: 1.18;
	color: #fff;
}

.directics-article__inner {
	max-width: 860px;
	margin: 0 auto;
	padding: 48px 5% 72px;
}

.directics-article__figure {
	margin: 0 0 40px;
}

/* 配图按 1600×1067 原比例排会占到 573px 高，把正文顶到一屏之外；
   限高后裁切，读起来更像一篇文章而不是一张图。 */
.directics-article__figure img {
	display: block;
	width: 100%;
	height: clamp(200px, 26vw, 380px);
	object-fit: cover;
	border-radius: 10px;
}

/* 正文行宽已由 __inner 限住，这里只管纵向节奏。 */
.directics-article__body p {
	margin: 0 0 22px;
	font-size: 17px;
	line-height: 1.85;
}

.directics-article__body h2 {
	margin: 40px 0 16px;
	font-size: 23px;
	line-height: 1.3;
	color: var(--e-global-color-65cf800, #051f52);
}

.directics-article__body a {
	color: var(--e-global-color-primary, #1071bc);
}

.directics-article__back {
	margin: 48px 0 0;
	padding-top: 28px;
	border-top: 1px solid var(--e-global-color-4cf3fe0, #eaebed);
	font-size: 15px;
}

.directics-article__back a {
	color: var(--e-global-color-4779564, #073ca6);
	text-decoration: none;
	font-weight: 700;
}

.directics-article__back a:hover {
	text-decoration: underline;
}

@media (max-width: 767px) {
	.directics-article__head {
		padding: 44px 20px 48px;
	}

	.directics-article__inner {
		padding: 32px 20px 56px;
	}
}

/* ---------------------------------------------------------------------------
   submit-rfq 页头图：右侧那张仓库照整列删掉（build_pages._drop_rfq_hero_image），
   只留文案。

   这一节原来 535px 高，高度是被那张图撑起来的（源站上下内边距 6% / 5%，
   1600 宽下就是 96 / 80px）。图去掉后不收紧就剩一大片空蓝，所以这里把上下
   内边距压到 72 / 76px，左右保持源站的 5%，和站内其他头图的起始位置对齐。
   --------------------------------------------------------------------------- */

.elementor-844619 .elementor-element.elementor-element-991d67b {
	padding: 72px 5% 76px;
}

/* 源站给这一列写死了 width:46%（给右边的图腾地方），列已经是 col-100 了，
   那条 (0,3,0) 的规则还在，这里同权重覆盖——本文件排在 post CSS 之后。 */
.elementor-844619 .elementor-element.elementor-element-3f3e455 {
	width: 100%;
}

/* 文案不铺满整屏：1600 宽下标题一行排到头，读起来要来回扫。限制行宽后
   标题仍是一行，正文三行。 */
.elementor-844619 .elementor-element.elementor-element-3f3e455 > .elementor-element-populated {
	max-width: 860px;
}

@media (max-width: 767px) {
	.elementor-844619 .elementor-element.elementor-element-991d67b {
		padding: 48px 20px 52px;
	}
}

/* ---------------------------------------------------------------------------
   联系页中段面板（inc/contact-panel.php + inc/rfq.php 的短表单变体）

   源站这一节是「左边一段文案 + 右边 Google 地图 iframe」。地图那格嵌的是
   maps.google.com，境内多数网络加载不出来，只剩一个灰框；地址在下方的
   香港/深圳联系条里已经有，所以整节换成三栏联系方式 + 询价面板。

   版式照客户给的参考稿（1.png）：顶部三栏，下面一张大圆角卡片，左文案右
   表单，底纹是淡世界地图。配色不照参考稿的青灰 + 橙，一律走站点自己的
   Elementor token（主蓝 #1071BC / 深蓝 #073CA6 / 灰底 #EAEBED），
   否则橙色按钮在 AZOS 全站蓝里会很突兀。
   --------------------------------------------------------------------------- */

/* 通栏底色与地图水印画在 Elementor 那一列上，不在面板上做 100vw 负边距：
   这一节本来就是 section-full_width，列已经铺满视口，用 100vw 反而会因为
   滚动条宽度多出一条横向滚动。 */
/* 选择器要凑够 5 个类：源站这一列的白底写在
   `.elementor-19 .elementor-element.elementor-element-e997784:not(
   .elementor-motion-effects-element-type-background) > .elementor-widget-wrap`
   上，:not() 里的类也计入权重，那条是 (0,5,0)。少一个类就压不住白底。
   （.elementor-widget-wrap 和 .elementor-element-populated 是同一个 div 的
   两个类，这里挑前者凑数，选中的还是同一个元素。） */
.elementor-19 .elementor-element.elementor-element-e997784 > .elementor-widget-wrap.elementor-element-populated {
	position: relative;
	isolation: isolate;
	background-color: #e8ecf1;
	/* 源站这一列带 margin-top:-120px，是为了压在上面那条蓝色标题带上。标题带
	   已整节删掉（build_pages._drop_contact_hero），负边距留着会把面板顶到
	   页眉底下（实测顶边跑到 -25px，页眉底边在 95px），这里归零。 */
	margin-top: 0;
	padding: 72px 24px 88px;
}

/* 水印单独一层是为了压低透明度而不影响正文；地图本体见
   assets/img/world-map.svg（Natural Earth 110m 陆地轮廓，公有领域）。 */
.elementor-19 .elementor-element.elementor-element-e997784 > .elementor-widget-wrap.elementor-element-populated::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: url(assets/img/world-map.svg) center / cover no-repeat;
	opacity: 0.3;
}

.directics-contact {
	max-width: 1120px;
	margin: 0 auto;
}

.directics-contact__meta {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	margin: 0 0 44px;
	padding: 0;
	list-style: none;
}

.directics-contact__meta-label {
	display: block;
	margin-bottom: 12px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #7c8a96;
}

.directics-contact__meta-value,
a.directics-contact__meta-value {
	font-size: clamp(17px, 1.3vw, 21px);
	font-weight: 700;
	line-height: 1.35;
	color: var(--e-global-color-65cf800, #051f52);
	text-decoration: none;
}

a.directics-contact__meta-value:hover {
	color: var(--e-global-color-4779564, #073ca6);
}

/* 卡片半透明是为了让底下的地图水印透出来一点，和参考稿一样。 */
.directics-contact__card {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
	gap: 56px;
	padding: 56px 60px 64px;
	border-radius: 16px;
	background: rgb(255 255 255 / 0.62);
	box-shadow: 0 18px 40px rgb(5 31 82 / 0.08);
}

/* 结尾那句（「如有任何疑問…」）贴着左栏底部，对齐右栏的提交按钮。 */
.directics-contact__copy {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 32px;
}

.directics-contact__intro,
.directics-contact__note {
	margin: 0;
	font-size: 16px;
	line-height: 2.1;
	color: #2b3b47;
}

.directics-contact__note a {
	color: var(--e-global-color-primary, #1071bc);
}

/* 短表单：两列胶囊输入框，公司/留言/按钮通栏。 */
.directics-rfq-compact {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}

.directics-rfq-compact__field {
	margin: 0;
}

.directics-rfq-compact__field--company,
.directics-rfq-compact__field--message,
.directics-rfq-compact__notice,
.directics-rfq-compact__actions {
	grid-column: 1 / -1;
}

/* 输入框的底色用 kit 的灰 token，和站内其他灰底块同色。 */
/* kit 给全站输入框配了白底 + 1px 灰边 + 15px 圆角 + 自己的字号行高，
   参考稿这里是无边框的灰底胶囊，所以这几项都要显式改掉。

   选择器凑四个类是为了压过 kit 那条
   `.elementor-kit-845787 input:not([type="button"]):not([type="submit"])`——
   两个 :not() 里的属性选择器各按一个类算，它是 (0,3,1)，三个类不够。 */
.directics-contact .directics-contact__form .directics-rfq-compact .directics-rfq-compact__input {
	width: 100%;
	padding: 16px 26px;
	border: 0;
	border-radius: 999px;
	background-color: var(--e-global-color-4cf3fe0, #eaebed);
	font-family: inherit;
	font-size: 16px;
	line-height: 1.5;
	color: #22303c;
}

.directics-contact .directics-contact__form .directics-rfq-compact textarea.directics-rfq-compact__input {
	min-height: 220px;
	border-radius: 22px;
	resize: vertical;
}

.directics-contact .directics-contact__form .directics-rfq-compact .directics-rfq-compact__input::placeholder {
	color: #8b969e;
	opacity: 1;
}

.directics-contact .directics-contact__form .directics-rfq-compact .directics-rfq-compact__input:focus {
	outline: none;
	box-shadow: 0 0 0 2px rgb(16 113 188 / 0.35);
}

.directics-rfq-compact__notice {
	margin: 0;
	padding: 14px 22px;
	border-radius: 12px;
	background: rgb(255 255 255 / 0.85);
	font-size: 15px;
	color: #22303c;
}

.directics-rfq-compact__notice--ok {
	box-shadow: inset 3px 0 0 var(--e-global-color-b92a20c, #0ea64b);
}

.directics-rfq-compact__notice--invalid,
.directics-rfq-compact__notice--failed {
	box-shadow: inset 3px 0 0 #c0392b;
}

.directics-rfq-compact__actions {
	margin: 8px 0 0;
	text-align: center;
}

/* kit 的 `.elementor-kit-845787 button` 会给内边距、字号、圆角，
   这里全部重写成参考稿那颗胶囊按钮。 */
.directics-contact .directics-contact__form .directics-rfq-compact .directics-rfq-compact__submit {
	min-width: 190px;
	padding: 18px 44px;
	border: 0;
	border-radius: 999px;
	background: var(--e-global-color-4779564, #073ca6);
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background 0.2s;
}

.directics-contact .directics-contact__form .directics-rfq-compact .directics-rfq-compact__submit:hover,
.directics-contact .directics-contact__form .directics-rfq-compact .directics-rfq-compact__submit:focus-visible {
	background: var(--e-global-color-49d0f7c, #1817a8);
}

/* 蜜罐同完整表单，见上面 .directics-rfq__trap 的说明。 */
.directics-rfq-compact__trap {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* 短表单没有可见 label，提示词写在 placeholder 里；读屏软件念不到
   placeholder，所以每个框另配一个只给读屏的 label（WordPress 的通用类名，
   主题此前没用到，规则在这里补齐）。 */
.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

@media (max-width: 1024px) {
	.directics-contact__card {
		grid-template-columns: 1fr;
		gap: 36px;
		padding: 40px 32px 48px;
	}
}

@media (max-width: 767px) {
	.elementor-19 .elementor-element.elementor-element-e997784 > .elementor-widget-wrap.elementor-element-populated {
		padding: 48px 20px 56px;
	}

	.directics-contact__meta {
		grid-template-columns: 1fr;
		gap: 20px;
		margin-bottom: 32px;
	}

	.directics-contact__card {
		padding: 28px 22px 34px;
	}

	.directics-rfq-compact {
		grid-template-columns: 1fr;
	}
}

/* 閒置庫存管理页（page-excess.php + inc/excess.php）与分类页共用的头图，
   见下面的 .directics-hero。閒置庫存页正文样式如下。

   这一页没有对应的源站镜像，也就没有随镜像抓下来的 post CSS，外观全部由
   本文件给出。配色与字体沿用站点自己的 Elementor token：主蓝
   --e-global-color-primary #1071BC、正文色 --e-global-color-text #231F20、
   分隔灰 #EAEBED，字体沿用全站的 Helvetica Neue，不另起一套。 */

/* 头图（inc/hero.php 的 directics_page_hero）：仓库照压暗，白字压在上面。
   閒置庫存页与 16 个分类页共用。深色叠层用站点首页 hero 同一个 #04122b，
   几处的暗底看起来才是一套。照片由 directics_page_hero() 出内联
   background-image，所以这里只给底色与铺法。 */
.directics-hero {
	position: relative;
	background-color: #04122b;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.directics-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	background-color: #04122b;
	opacity: 0.66;
}

/* 内容要压在叠层之上，单独起一个层叠上下文 */
.directics-hero__inner {
	position: relative;
	z-index: 1;
	max-width: 1140px;
	margin: 0 auto;
	padding: 96px 20px 100px;
}

.directics-hero__eyebrow {
	margin: 0 0 14px;
	color: #7cc3f0;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

/* 选择器要带上块名：kit 的 `.elementor-kit-845787 h1` 是 (0,1,1)，
   单靠一个类名 (0,1,0) 压不过，标题会被染回站点的深蓝。 */
.directics-hero .directics-hero__title {
	max-width: 18ch;
	margin: 0 0 18px;
	color: #fff;
	font-size: clamp(32px, 4.4vw, 52px);
	font-weight: 700;
	line-height: 1.12;
	letter-spacing: -0.015em;
}

.directics-hero__lede {
	max-width: 60ch;
	margin: 0;
	color: rgba(255, 255, 255, 0.86);
	font-size: 17px;
	line-height: 1.7;
}

/* contact 页的头图变体（inc/contact-panel.php 的 directics_contact_hero）。

   这一页的背景不是可以随便压暗的实拍照，是一张带 AZOS 标识的视觉图
   （assets/img/azos/ai-brain.jpg），发光大脑与标识在正中偏右，压死了就没
   意义了。所以两处和通用头图不同：

   1. 叠层从平涂 66% 改成横向渐变——左半压到 94% 让白字站得住，右半只留
      一层薄雾，把画面本身露出来。选择器写成两个类名 (0,2,0)，压得过上面
      同为伪元素的 .directics-hero::after，不依赖两段的先后次序。
   2. 文案列收窄（标题 14ch / 导语 34ch），让开中间那块画面：这张图在
      1440px 视口下标识大约落在 x 560~900，通用头图的 18ch / 60ch 会顶上去。
      两个类名一起写是为了压过上面 (0,2,0) 的通用规则，不靠先后次序。

   手机端画面会被裁成竖构图，横向渐变的右半就压在文字底下了，那一档改回
   纵向压暗并放开列宽（见下面的 max-width: 767px）。*/
.directics-hero.directics-hero--contact::after {
	background-color: transparent;
	background-image: linear-gradient(
		90deg,
		rgba(4, 18, 43, 0.94) 0%,
		rgba(4, 18, 43, 0.88) 26%,
		rgba(4, 18, 43, 0.56) 50%,
		rgba(4, 18, 43, 0.24) 74%,
		rgba(4, 18, 43, 0.14) 100%
	);
	opacity: 1;
}

.directics-hero.directics-hero--contact .directics-hero__title {
	max-width: 14ch;
}

.directics-hero.directics-hero--contact .directics-hero__lede {
	max-width: 34ch;
}

/* 2026-09-09 按站主要求：这一页头图只留照片，不要压字（CONTACT US /
   A sourcing desk that answers / 那段导语）。三行文字还留在 DOM 里、
   缩到屏幕外——搜索引擎与读屏软件仍能读到页面唯一的 h1，不留死链般的
   空标题；纯视觉上等同删掉。做法同 .screen-reader-text（style.css 上面
   917 行），这里单独写一份而不是直接加那个类，是因为要压过上面 (0,2,0)
   的 .directics-hero--contact 专属规则，选择器得带同样的前缀。

   三行文字缩没之后 .directics-hero__inner 就只剩自己的 padding 撑高度
   （文字原来是唯一撑开容器的正常流内容），图会被压扁成一条 196px 的窄条。
   补一个 min-height 保住原来的取景高度，数值量的是文字还在时的实际渲染
   高度（桌面 ≈478px，见联系页头图截图），手机端同理量小屏那一档。*/
.directics-hero.directics-hero--contact .directics-hero__eyebrow,
.directics-hero.directics-hero--contact .directics-hero__title,
.directics-hero.directics-hero--contact .directics-hero__lede {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	max-width: none;
	padding: 0;
	border: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.directics-hero.directics-hero--contact .directics-hero__inner {
	min-height: 478px;
}

/* excess 页正文（Our Programs / Improving Your Outcomes / 收尾 CTA）逐字
   复刻自源站，样式来自随镜像抓下来的 assets/css/cf831a380288.post-215.css
   与全站共用的 call-to-action 挂件样式，这里不重复给。以下这块是主题自绘、
   源站没有对应内容的部分：询价表单。 */

/* 收尾 CTA 背景图加高（page-excess.php 的 elementor-element-9f46a17）。
   挂件默认把 .elementor-cta__bg-wrapper 的 min-height 定死在 200px，1600×720
   的 excess-banner.jpg 在这条 5.7:1 的窄带里被 cover 裁得只剩中间一条，人物
   头部被切。2026-09-10 按站主要求加高：让 wrapper 按图片比例（1600:720）撑开，
   background-size:cover 便等于原图不裁。选择器带上 .elementor-215 与
   .elementor-element，压过 post-215.css 与挂件默认规则。窄屏宽度不足时
   仍受 min-height:200px 兜底。 */
.elementor-215 .elementor-element.elementor-element-9f46a17 .elementor-cta__bg-wrapper {
	aspect-ratio: 1600 / 720;
}

/* 询价表单：字段/提示/蜜罐布局照 .directics-rfq 的做法，另起一套类名
   （不共用 .directics-rfq）是因为字段表不同、多了一个文件上传行。 */
.directics-excess-form {
	max-width: 640px;
	color: var(--e-global-color-text, #231F20);
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.directics-excess-form__heading {
	margin: 0 0 12px;
}

.directics-excess-form__intro {
	margin: 0 0 24px;
	color: #55585c;
	font-size: 15px;
	line-height: 1.6;
}

.directics-excess-form__notice {
	margin: 0 0 20px;
	padding: 12px 16px;
	border-radius: 4px;
	font-size: 14px;
}

.directics-excess-form__notice--ok {
	background: #e8f4ea;
	color: #1d6a30;
}

.directics-excess-form__notice--error {
	background: #fbe9e7;
	color: #a3231a;
}

.directics-excess-form__form {
	display: grid;
	gap: 16px;
}

.directics-excess-form__field {
	margin: 0;
}

.directics-excess-form__field--textarea {
	grid-column: 1 / -1;
}

.directics-excess-form__label {
	display: block;
	margin-bottom: 6px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.02em;
}

.directics-excess-form__input {
	width: 100%;
	padding: 11px 14px;
	border: 1px solid var(--e-global-color-4cf3fe0, #EAEBED);
	border-radius: 4px;
	font-family: inherit;
	font-size: 15px;
	box-sizing: border-box;
}

.directics-excess-form__input:focus {
	border-color: var(--e-global-color-primary, #1071BC);
	outline: none;
}

.directics-excess-form__input--file {
	padding: 8px 10px;
}

.directics-excess-form__hint {
	display: block;
	margin-top: 6px;
	color: #767b80;
	font-size: 12px;
}

.directics-excess-form__submit {
	justify-self: start;
	padding: 13px 32px;
	border: none;
	border-radius: 4px;
	background: var(--e-global-color-primary, #1071BC);
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
}

.directics-excess-form__submit:hover,
.directics-excess-form__submit:focus-visible {
	background: #0c5893;
}

/* 蜜罐同询价表单，见 .directics-rfq__trap 的说明。 */
.directics-excess-form__trap {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
}

@media (max-width: 767px) {
	.directics-hero__inner {
		padding: 64px 18px 68px;
	}

	/* 见上面 .directics-hero--contact 的注释：窄屏放弃横向渐变 */
	.directics-hero.directics-hero--contact::after {
		background-image: linear-gradient(
			180deg,
			rgba(4, 18, 43, 0.84) 0%,
			rgba(4, 18, 43, 0.9) 100%
		);
	}

	.directics-hero.directics-hero--contact .directics-hero__title,
	.directics-hero.directics-hero--contact .directics-hero__lede {
		max-width: none;
	}

	.directics-hero.directics-hero--contact .directics-hero__inner {
		min-height: 340px;
	}

	.directics-excess-form__form {
		grid-template-columns: 1fr;
	}
}

/* 產品分类页（page-category.php + inc/categories.php）。

   16 个页面（行業 7 + 製造商 9）共用这一套。头图走上面的 .directics-hero，
   这里只出正文。配色与字体沿用站点自己的 Elementor token。 */
.directics-cat {
	max-width: 1140px;
	margin: 0 auto;
	padding: 72px 20px 88px;
	color: var(--e-global-color-text, #231F20);
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.directics-cat__section {
	margin-bottom: 52px;
}

/* 小标题不设颜色：kit 的 h2 规则给的就是站点标题深蓝
   （--e-global-color-65cf800），正是想要的。 */
.directics-cat__subtitle {
	margin: 0 0 20px;
	padding-top: 24px;
	border-top: 1px solid var(--e-global-color-4cf3fe0, #EAEBED);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

/* 常备料只有一行，给它大一号字当引文用 */
.directics-cat__parts {
	max-width: 68ch;
	margin: 0;
	font-size: 19px;
	line-height: 1.65;
}

.directics-cat__list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 26px 36px;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* 主蓝短横线把标签和正文连起来，和閒置庫存页、检测设备图廊是同一套装饰 */
.directics-cat__item {
	border-top: 2px solid var(--e-global-color-primary, #1071BC);
	padding-top: 12px;
}

.directics-cat__label {
	display: block;
	margin-bottom: 6px;
	color: var(--e-global-color-primary, #1071BC);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.directics-cat__text {
	display: block;
	font-size: 15px;
	line-height: 1.65;
}

/* 独立分销商声明（只出现在製造商页）。不是装饰，要读得到，
   但也不该抢过正文——灰底左收边，字号比正文小一档。 */
.directics-cat__notice {
	max-width: 78ch;
	margin: 0 0 52px;
	padding: 12px 16px;
	border-left: 3px solid var(--e-global-color-primary, #1071BC);
	background: #f4f7fa;
	color: #55585c;
	font-size: 14px;
	line-height: 1.6;
}

.directics-cat__cta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px 24px;
	padding-top: 28px;
	border-top: 1px solid var(--e-global-color-4cf3fe0, #EAEBED);
}

.directics-cat__cta-text {
	flex: 1 1 280px;
	margin: 0;
	color: #55585c;
	font-size: 15px;
	line-height: 1.6;
}

.directics-cat__link {
	color: var(--e-global-color-primary, #1071BC);
	font-size: 14px;
	text-decoration: underline;
}

@media (max-width: 767px) {
	.directics-cat {
		padding: 52px 18px 64px;
	}

	.directics-cat__list {
		grid-template-columns: 1fr;
	}

	.directics-cat__parts {
		font-size: 17px;
	}
}

/* 製造商总览页（page-manufacturers.php + inc/manufacturers.php）。

   菜单 PRODUCTS ▸ Manufacturers 的落地页：头图走上面的 .directics-hero，这里
   只出正文——一张 24 个品牌的 logo 拼图。配色与字体沿用站点自己的 token。 */
.directics-manufacturers {
	max-width: 1140px;
	margin: 0 auto;
	padding: 72px 20px 88px;
}

.directics-manufacturers__logos {
	display: block;
	width: 100%;
	height: auto;
}

@media (max-width: 767px) {
	.directics-manufacturers {
		padding: 52px 18px 64px;
	}
}

/* 零件類型页（page-part-types.php + inc/part-types.php）。

   七个元件大类分栏。头图走 .directics-hero，这里只出正文。 */
.directics-parts {
	max-width: 1140px;
	margin: 0 auto;
	padding: 72px 20px 88px;
	color: var(--e-global-color-text, #231F20);
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* 三栏。七个大类排成 3 / 3 / 1，最后一栏是「其他產品」，
   本来就是收口的一类，落单不突兀。 */
.directics-parts__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 44px 36px;
	margin: 0 0 64px;
	padding: 0;
	list-style: none;
}

/* 主蓝短横线起头，和分类页、閒置庫存页是同一套装饰 */
.directics-parts__group {
	border-top: 2px solid var(--e-global-color-primary, #1071BC);
	padding-top: 14px;
}

.directics-parts__title {
	margin: 0 0 8px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.25;
}

.directics-parts__text {
	margin: 0 0 14px;
	color: #55585c;
	font-size: 14px;
	line-height: 1.6;
}

.directics-parts__items {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* 子类之间用淡分隔线，不用项目符号——一栏六七条，圆点会显得碎 */
.directics-parts__item {
	padding: 7px 0;
	border-top: 1px solid var(--e-global-color-4cf3fe0, #EAEBED);
	font-size: 15px;
	line-height: 1.45;
}

.directics-parts__cta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px 24px;
	padding-top: 28px;
	border-top: 1px solid var(--e-global-color-4cf3fe0, #EAEBED);
}

.directics-parts__cta-text {
	flex: 1 1 280px;
	margin: 0;
	color: #55585c;
	font-size: 15px;
	line-height: 1.6;
}

.directics-parts__link {
	color: var(--e-global-color-primary, #1071BC);
	font-size: 14px;
	text-decoration: underline;
}

@media (max-width: 1024px) {
	.directics-parts__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 767px) {
	.directics-parts {
		padding: 52px 18px 64px;
	}

	.directics-parts__grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}
}


/* 页脚顶部留白：源规则是 padding:5%（1846 宽下落到 92px，1920 下 96px），
   下面第一件东西是只有 41px 高的 logo，右边一整条又是空的，这么厚一层纯蓝
   压在上面，整块页脚看起来往下坠。收到 32px，logo 连同下面四列一起上移，
   列与列的相对位置不动。
   只改 padding-top：左右仍走源站的 5%（横向节奏和上面的正文对齐），底部也
   保留 5%——渐变到这一段已经接近纯黑，留厚一点收尾更稳。
   选择器带上 .elementor-846396 与 .elementor-element 是为了压过 post-846396.css
   里平板（70px 50px）和手机（50px 20px）两条媒体查询里的 padding 简写。 */
.elementor-846396 .elementor-element.elementor-element-32ce3e6 {
	padding-top: 32px;
}


/* 页脚 logo：源站给的 max-width:100px 是按原公司 logo（2.84:1）调的，
   落地约 100×35。AZOS 字标是 3.66:1，同样 100px 宽只有 27px 高，在这一列里
   明显比原来小一圈；放宽到 150px 得到 150×41，与原来的视觉分量相当。
   源规则在 post-846396.css，style.css 由 inc/enqueue.php 最后加载，
   选择器同级即可覆盖。 */
.elementor-846396 .elementor-element.elementor-element-7ff397b img {
	max-width: 150px;
}


/* 页脚联系方式：深圳一组、香港一组，组间空一行（分组顺序见
   tools/directics/build_chrome.py 的 _CONTACT_KEYS）。列表项本身没有上下
   外边距，加一个行高的 margin-top 就是视觉上的一个空行。 */
.elementor-icon-list-item.directics-contact-group {
	margin-top: 1.5em;
}


/* 页脚四列之间的横向间隙：源站这一节是 elementor-column-gap-no（列间距 0），
   列与列的文字直接贴在一起。英文站的深圳地址「8A, 8/F, Hangdu Building, Huafu
   Road, Futian District, Shenzhen, 518033, CN」和公司全名都比源站原文长，
   768~1024px 这一档第一列只有 254~351px 宽，两行文字正好顶到第二列的
   「QUICK LINKS」上（量到最窄处只剩 5px），像挤在一起。
   给同一行里的前三列（Contact Us / Quick Links / Navigation）加右内边距当
   列间距——padding 走列内部，各列左边缘和整体节奏都不动，只是文字提前换行。
   第四列（版权行 51d4406）四列宽度加起来超过 100%，它单独落到第二行，
   不需要间隙，也不能加：加了那行版权文字会提前折行。
   ≤767px 列变成 100% 宽依次堆叠，横向间隙没有意义，所以只在 ≥768px 生效。
   选择器带上 .elementor-element 是为了压过 post-846396.css 里那几条
   padding 简写（如 caa34b5 平板档的 padding:20px 10px 0 0）。 */
@media (min-width: 768px) {
	.elementor-846396 .elementor-element.elementor-element-0bd5410 > .elementor-element-populated,
	.elementor-846396 .elementor-element.elementor-element-caa34b5 > .elementor-element-populated,
	.elementor-846396 .elementor-element.elementor-element-9b43ae4 > .elementor-element-populated {
		padding-right: 28px;
	}
}