/*
 * 主题补丁：只负责旧站样式表覆盖不到的部分（WordPress 注入的元素、
 * 后台管理条、Elementor 兼容、少量重置）。
 * 视觉上以 assets/old/css/* 为准，这里不重新定义设计。
 */

/* ---------- rem 基准（整站字号的地基） ----------
 * 旧站的 html{font-size} 不是固定值，而是一组 max-width 断点上的分档缩放：
 * 整站 rem 尺寸（.font72 = 7.2rem 这类）全部挂在它上面，档位错了字号就整体等比偏移。
 * 实测：1920 宽 1rem=10px、1366 宽 8px、1152 以下 6.4px。
 * 原站在 assets/old/css/fonts.css 里定义，但 theme.css（由旧站 style.css 剪裁生成）
 * 在它之后加载，末尾那条无条件的 html{font-size:62.5%} 把整个档位表盖掉了，
 * 结果是 1280 宽下新站比旧站大 25%、手机宽度下大 56%。
 * 这里把它接回来：本文件最后加载，档位表一定生效，不依赖上游样式表的先后顺序。
 * 空的断点（2048/1680/1280/1024/980）沿用上一档，是原站留白，照抄不补值。
 */
html {
	font-size: 62.5%; /* 兜底：宽度 > 5120px 时按 1rem = 10px */
}

@media screen and (max-width: 5120px) {
	html { font-size: 122.5%; } /* 1rem = 19.6px */
}

@media screen and (max-width: 3840px) {
	html { font-size: 82.5%; }  /* 1rem = 13.2px */
}

@media screen and (max-width: 2560px) {
	html { font-size: 72.5%; }  /* 1rem = 11.6px */
}

@media screen and (max-width: 1920px) {
	html { font-size: 62.5%; }  /* 1rem = 10px */
}

@media screen and (max-width: 1440px) {
	html { font-size: 58%; }    /* 1rem = 9.28px */
}

@media screen and (max-width: 1366px) {
	html { font-size: 50%; }    /* 1rem = 8px */
}

@media screen and (max-width: 1152px) {
	html { font-size: 40%; }    /* 1rem = 6.4px，含全部手机宽度 */
}

/* ---------- 无障碍 / 工具 ---------- */
.mc-skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 9999999;
	background: #0c4ca3;
	color: #fff;
	padding: 10px 16px;
}

.mc-skip-link:focus {
	left: 8px;
	top: 8px;
}

.mc-main {
	display: block;
	min-height: 40vh;
}

.mc-empty {
	padding: 40px 0;
	text-align: center;
	color: #666;
	width: 100%;
}

/* 只给屏幕阅读器：Elementor 全宽页的标题已在画布内，模板补的 H1 不能再显示出来。 */
.mc-visually-hidden-screen {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

/* 缺图占位：旧站用 .pic / .img 的灰底兜底，这里给没有特色图的内容同样的底色。 */
.mc-card__placeholder {
	display: block;
	width: 100%;
	min-height: 12rem;
	background: #f5f5f5;
}

/* 未用 Elementor 重建的页面 / 404 的上下留白（旧站这些区块靠各自 padding）。 */
.mc-page__body,
.mc-archive {
	padding: 6rem 0 9rem;
}

.mc-archive .leftitem-1 {
	max-width: 42rem;
}

.mc-archive__grid {
	margin: 4rem 0;
}

.mc-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/*
 * 语义标题：旧站这些节点是 div，而 assets/old/css/fonts.css 把 h1-h6 设为 bold。
 * 模板改用了真正的标题标签（SEO / 无障碍），这里复位字重，渲染保持与旧站一致。
 */
.mc-sem {
	font-weight: normal;
}

/* ---------- 后台管理条 ---------- */
.admin-bar .header {
	top: 32px;
}

.admin-bar .header-nav-show-content {
	margin-top: 39px;
}

@media screen and (max-width: 782px) {
	.admin-bar .header {
		top: 46px;
	}
}

/*
 * 页头「实心态」的第四种触发方式：页面顶部没有深色横幅时。
 *
 * 旧站页头永远透明、白字，因为每一页顶部都压着一张深色横幅（.page-banner /
 * .adekom-product-top，详情页则由 .detial 直接给白底黑字）。首页在用 Elementor
 * 重建之前只是一块浅灰占位（.mc-page-top，#f5f5f5），白字压上去等于看不见。
 * 这里不新造一套配色，原样复用旧站滚动状态 .header.scroll-top 的那组声明
 * （见 theme.css），差别只是这个 class 由 PHP 输出、滚动脚本不碰它 ——
 * 用 scroll-top 本身不行：脚本在 scrollTop<=0 时会把它摘掉，回到页顶又白了。
 */
.header.mc-header-solid {
	background: #fff;
}

.header.mc-header-solid .header-nav a,
body.cur .header.mc-header-solid .header-link .linkitem-1 li span {
	color: #000;
}

.header.mc-header-solid .header-logo a svg * {
	fill: #000;
}

body.cur .header.mc-header-solid .header-link .linkitem-1 li i img,
body.cur .header.mc-header-solid .header-link .linkitem-1 li.dropdown a::after {
	filter: none;
}

/* ---------- 列表：把旧站页面里的 <style> 内联块搬进样式表 ---------- */
.page-product-item .text {
	position: relative;
	z-index: 22;
}

.adekom-news {
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center -10%;
}

.adekom-news-recommend {
	margin-top: 10%;
	overflow: hidden;
}

.adekom-news-list .adekom-news-item.item1 {
	width: 100%;
	margin-bottom: 3%;
}

.adekom-news-list .adekom-news-item.item1 a {
	display: flex;
}

.adekom-news-list .adekom-news-item.item1 .img {
	width: 35%;
}

/* ---------- 翻页 ---------- */
/* 旧站没有 .disabled 样式，这里只屏蔽点击，不改观感。 */
.page-return .disabled {
	pointer-events: none;
}

/* ---------- 表单：把旧站面向 <a> 的样式套到语义化按钮上 ---------- */
.adekom-news-search .search-1 {
	cursor: pointer;
}

.adekom-news-search button.news-search,
button.sendbtn-1 {
	/* 只抹掉浏览器自带的按钮外观；.sendbtn-1 自己的底色/内距必须保留，否则蓝条会塌成白底文字 */
	border: 0;
	margin: 0;
	font: inherit;
	color: inherit;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}

.adekom-news-search button.news-search {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.index-contact-us-from input,
.index-contact-us-from textarea {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #e2e2e2;
	padding: 14px 16px;
	background: #fff;
}

.index-contact-us-from textarea {
	min-height: 120px;
	resize: vertical;
}

.index-contact-us-from .item-2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.index-contact-us-from.sendload {
	opacity: 0.6;
	pointer-events: none;
}

/* ---------- 内页顶部（未用 Elementor 重建的页面兜底样式） ---------- */
.mc-page-top {
	padding-top: 130px;
	padding-bottom: 40px;
	background: #f5f5f5;
	position: relative;
	overflow: hidden;
	background-position: center;
	background-size: cover;
}

.mc-page-top .page-container {
	width: 75%;
	margin: auto;
	position: relative;
}

.page-top-title {
	font-size: 40px;
	line-height: 1.2;
	margin: 10px 0 0;
	color: #1e1e1e;
	font-weight: 700;
}

.page-top-subtitle {
	margin-top: 12px;
	color: #555;
	max-width: 900px;
}

/* ---------- 正文排版 ---------- */
/*
 * 编辑器正文的默认排版。旧站正文由人工加了 .font16/.flh28 这类工具类，
 * 而 WordPress 里新写的段落没有，所以这里按旧站的 rem 刻度补一层兜底：
 * 只定义间距和元素样式，字号仍由旧站工具类 / 组件类决定，不与之争夺。
 */
.mc-entry-content {
	overflow: hidden;
	color: #333;
}

.mc-entry-content > :first-child {
	margin-top: 0;
}

.mc-entry-content > :last-child {
	margin-bottom: 0;
}

.mc-entry-content h2 {
	font-size: 2.6rem;
	line-height: 3.8rem;
	margin: 3.2rem 0 1.4rem;
	color: #1e1e1e;
}

.mc-entry-content h3 {
	font-size: 2.1rem;
	margin: 2.8rem 0 1.2rem;
	color: #1e1e1e;
}

.mc-entry-content p,
.mc-entry-content ul,
.mc-entry-content ol {
	margin: 0 0 1.6rem;
}

/* 旧站全局把列表清成了无标记，正文里需要真正的列表符号。 */
.mc-entry-content ul {
	list-style: disc;
	padding-left: 2.2rem;
}

.mc-entry-content ol {
	list-style: decimal;
	padding-left: 2.2rem;
}

.mc-entry-content li {
	list-style: inherit;
}

.mc-entry-content img {
	max-width: 100%;
	height: auto;
}

.mc-entry-content a {
	color: #0c4ca3;
	text-decoration: underline;
}

.mc-entry-content blockquote {
	margin: 0 0 1.6rem;
	padding: 0 0 0 2rem;
	border-left: 0.3rem solid #0c4ca3;
	color: #555;
}

.mc-entry-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 1.6rem;
}

.mc-entry-content th,
.mc-entry-content td {
	border: 1px solid #e5e5e5;
	padding: 1rem 1.2rem;
	text-align: left;
}

/*
 * 正文里的宽表格横向滚动。
 * .mc-entry-content 是 overflow:hidden（负责清浮动），表格超宽时会被裁掉，
 * 所以 mc_wrap_wide_tables() 给它套一层滚动容器。
 */
.mc-table-scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin: 0 0 16px;
}

.mc-table-scroll > table {
	margin-bottom: 0;
}

/*
 * 文章特色图：旧站靠 .img img / .pic img 把图片收进容器，
 * 而特色图用的是主题自己的结构，没有那层约束，
 * 原图（1000px+）会把移动端版心撑到 1000px 整页缩放。
 * 产品图库不需要这条——它复用旧站 .page-product-detial-pics-left 结构，旧 CSS 已经收好了。
 */
.mc-article__thumbnail img {
	display: block;
	max-width: 100%;
	height: auto;
}

.mc-article__thumbnail img {
	width: 100%;
}

/* ---------- Elementor 全宽模板 ---------- */
.elementor-page .mc-main,
.elementor-page .mc-page-top {
	padding-top: 0;
}

/*
 * ---------- 轮播（旧站这里是 swiper.min.js） ----------
 * 旧站参数：banner 是 fade 不自动播；services 一次一张、由上面那排页签跳；
 * Popular Products 首页一屏 5 张、User Video 与工厂图一屏 3 张，窄屏都降到 1 张。
 * 和 .adekom-about-culture-swiper 一样用原生横向滚动实现，位移不靠 transform，
 * 所以不需要 swiper.min.js，也不会有 clone 出来的假 slide 混进 DOM。
 *
 * 一屏几张 / 间距由区块自己声明（markup 上的 --mc-per-view-desktop 等四个变量），
 * 不写死在类名上，因为同一个类名在不同页面的参数不一样：
 * .index-profit-desktop-swiper 在首页一屏 5 张，在 /google-tv/ 一屏 3 张。
 * 宽窄各给一个值，媒体查询只负责「挑一个」写进 --mc-per-view / --mc-gap；
 * 之所以不直接内联 --mc-per-view，是内联样式连媒体查询里的规则一起盖，
 * 窄屏就永远回不到 1 张了。
 */
[data-mc-swiper="slide"] {
	--mc-per-view: var(--mc-per-view-desktop, 1);
	--mc-gap: var(--mc-gap-desktop, 20px);
}

/* 一屏 N 张 + 间距 G：slide 宽 = (100% - (N-1)*G) / N，与旧站 swiper 的算法等价。 */
[data-mc-swiper="slide"] > .swiper-wrapper {
	display: flex;
	gap: var(--mc-gap);
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

[data-mc-swiper="slide"] > .swiper-wrapper > .swiper-slide {
	flex: 0 0 calc((100% - var(--mc-gap) * (var(--mc-per-view) - 1)) / var(--mc-per-view));
}

/* 旧站用 overflow:hidden 裁掉滚动条，露出来就直接改版面。 */
[data-mc-swiper="slide"] > .swiper-wrapper::-webkit-scrollbar {
	display: none;
}

/* 旧站 breakpoints：窄屏全部一屏 1 张、无间距。 */
@media screen and (max-width: 880px) {
	[data-mc-swiper="slide"] {
		--mc-per-view: var(--mc-per-view-narrow, 1);
		--mc-gap: var(--mc-gap-narrow, 0px);
	}
}

/*
 * banner 是 fade（旧站 effect:'fade'、speed:10 —— 10ms 的交叉淡入肉眼等同切换），
 * 所以只切换显示，不做位移；高度由当前那张撑，与旧站 autoHeight 的结果一致。
 * .swiper-slide-active 由 main.js 维护，旧 CSS 里那组
 * `.swiper-slide-active .index-banner-item{opacity:1}` 靠它才生效。
 */
.index-banner-swiper .swiper-slide {
	display: none;
}

.index-banner-swiper .swiper-slide.swiper-slide-active {
	display: block;
}

/*
 * 箭头字形：旧站来自 swiper.css 的 .swiper-button-prev::after{content:"prev"}。
 * home.css 是按类名抽取的，那条挂在 .swiper-button-prev::after 上没被抓进来，
 * 不补的话箭头只剩两个灰圆、里面是空的。字体是 main.css 上面那个 swiper-icons @font-face。
 */
.index-banner-swiper .swiper-button-prev::after,
.index-profit-desktop-swiper .swiper-button-prev::after,
.index-video-user-swiper .swiper-button-prev::after,
.index-factory-swiper .swiper-button-prev::after {
	content: 'prev';
}

.index-banner-swiper .swiper-button-next::after,
.index-profit-desktop-swiper .swiper-button-next::after,
.index-video-user-swiper .swiper-button-next::after,
.index-factory-swiper .swiper-button-next::after {
	content: 'next';
}

.index-banner-swiper .swiper-button-prev::after,
.index-banner-swiper .swiper-button-next::after,
.index-profit-desktop-swiper .swiper-button-prev::after,
.index-profit-desktop-swiper .swiper-button-next::after,
.index-video-user-swiper .swiper-button-prev::after,
.index-video-user-swiper .swiper-button-next::after,
.index-factory-swiper .swiper-button-prev::after,
.index-factory-swiper .swiper-button-next::after {
	font-family: swiper-icons;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	font-variant: initial;
}

/* 箭头要点得动：home.css 从 swiper.css 抽来的基线是 display:flex + 居中。 */
.index-banner-swiper .swiper-button-prev,
.index-banner-swiper .swiper-button-next,
.index-profit-desktop-swiper .swiper-button-prev,
.index-profit-desktop-swiper .swiper-button-next,
.index-video-user-swiper .swiper-button-prev,
.index-video-user-swiper .swiper-button-next,
.index-factory-swiper .swiper-button-prev,
.index-factory-swiper .swiper-button-next {
	display: flex;
	align-items: center;
	justify-content: center;
}

/*
 * [mc_products] 网格：卡片复用旧站 .page-product-item（float 32% + mr0），
 * 旧站那个容器 .page-product-right 自己清浮，短代码放进任意 Elementor 区块
 * 就没这层，这里补一次，否则后面的区块会被浮上来的卡片顶偏。
 */
.mc-product-grid::after {
	content: '';
	display: table;
	clear: both;
}

/*
 * 旧站详情页左右两栏是 float，靠模板里插 <div class="clear"> 收尾；
 * 模板改用语义结构后，用 clearfix 达到同样的清浮效果。
 * 不清的话，后一个 overflow:hidden 的区块会被浮动挤成几十像素宽。
 */
.page-product-detial-pics > .litapower-content::after,
.page-product-detial-bottom-content::after,
.detial-blog-center > .litapower-content::after {
	content: '';
	display: table;
	clear: both;
}

/*
 * 详情页图库：旧站用 Swiper 排竖缩略图，本站不引这个依赖，
 * 用 flex 复刻同样的观感（旧 CSS 给每个缩略图 height:100%，交给 swiper 定位）。
 * 选中态沿用旧站的 .swiper-slide-thumb-active，避免再引入第二套状态类名。
 */
.page-product-detial-small-pic {
	max-height: 100%;
	overflow-y: auto;
}

.page-product-detial-small-pic-swiper .swiper-wrapper {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.page-product-detial-small-pic-swiper .swiper-slide {
	flex: 0 0 auto;
}

/*
 * 旧站 Swiper 平时也只展示一张大图，这里用 is-active 达到同样效果，
 * 静止画面与旧站一致，但不需要 swiper.min.js。
 */
.page-product-detial-big-pic-swiper .swiper-slide {
	display: none;
}

.page-product-detial-big-pic-swiper .swiper-slide.is-active {
	display: block;
}

.page-product-detial-small-pic-swiper a {
	height: auto;
	aspect-ratio: 1 / 1;
	display: block;
	cursor: pointer;
}

/*
 * 缩略图上下翻页箭头：旧站的箭头字形来自 swiper.css 的 ::after，本站不引 Swiper，
 * 用旧站自带的箭头图标补上同样的观感（默认 opacity:0，只在悬停时出现）。
 */
.page-product-detial-small-pic .swiper-button-prev::after,
.page-product-detial-small-pic .swiper-button-next::after {
	content: '';
	width: 1.2rem;
	height: 1.2rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: url('../old/images/r3.svg') center no-repeat;
	background-size: 100%;
}

.page-product-detial-small-pic-swiper a.swiper-slide-thumb-active::after {
	border: 1px solid #000;
}

/*
 * 轮播箭头的基础定位来自旧站的 swiper.css，本站不引那个文件，
 * 所以在这里补回来：theme.css 只写了外观（圆形灰底、颜色），没写 position。
 */
.swiper-button-prev,
.swiper-button-next {
	position: absolute;
	z-index: 10;
	cursor: pointer;
	/* 旧站来自 swiper.css 的 var(--swiper-navigation-color, var(--swiper-theme-color))。 */
	color: #007aff;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
	opacity: 0.35;
	pointer-events: none;
}

/*
 * 正文里的产品细节图：旧站同样只露出一张（slidesPerView:1 + autoHeight），
 * 左右箭头常驻显示（和缩略图那对只在悬停时出现的箭头不同）。
 */
.page-product-pic-swiper {
	position: relative;
	overflow: hidden;
}

.page-product-pic-swiper .swiper-slide {
	display: none;
}

.page-product-pic-swiper .swiper-slide.is-active {
	display: block;
}

.page-product-pic-swiper .swiper-button-prev,
.page-product-pic-swiper .swiper-button-next {
	margin-top: -2.5rem;
}

.page-product-pic-swiper .swiper-button-prev {
	left: 1rem;
}

.page-product-pic-swiper .swiper-button-next {
	right: 1rem;
}

.page-product-pic-swiper .swiper-button-prev::after,
.page-product-pic-swiper .swiper-button-next::after {
	content: '';
	width: 1.2rem;
	height: 1.2rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: url('../old/images/r3.svg') center no-repeat;
	background-size: 100%;
}

.page-product-pic-swiper .swiper-button-prev::after {
	transform: translate(-50%, -50%) rotate(180deg);
}

@media screen and (max-width: 880px) {
	.page-product-detial-small-pic {
		max-height: none;
		overflow-x: auto;
		overflow-y: hidden;
	}

	.page-product-detial-small-pic-swiper .swiper-wrapper {
		flex-direction: row;
	}

	.page-product-detial-small-pic-swiper .swiper-slide {
		width: 25%;
	}
}

/*
 * FAQ：旧站是 .page-section-faq-item.cur + JS 折叠，
 * 这里换成原生 details，外观保持一致，且没有 JS 也能展开。
 */
.page-section-faq-item > summary.title-2 {
	list-style: none;
}

.page-section-faq-item > summary.title-2::-webkit-details-marker {
	display: none;
}

.page-section-faq-item > summary.title-2:focus-visible {
	outline: 2px solid #0c4ca3;
	outline-offset: 2px;
}

.page-section-faq-item[open] > .page-section-faq-text {
	display: block;
}

.page-section-faq-item[open] > .title-2 i {
	background: #0c4ca3;
	color: #fff;
}

.page-section-faq-item[open] > .title-2 em {
	border: 1px solid #333;
}

.page-section-faq-item[open] > .title-2 em::after {
	transform: translate(-50%, -50%) rotate(-90deg);
}

/*
 * 影片弹层：旧站 About 页的 “About Us” 用 video.js 弹层，播放器与它的 video.css 都没搬，
 * main.js 里改成了原生 <video> 弹层，这里配对应的遮罩与关闭按钮样式。
 */
.mc-video-lightbox {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
	background: rgba( 0, 0, 0, 0.86 );
}

.mc-video-lightbox video {
	width: 100%;
	max-width: 1040px;
	max-height: 82vh;
	background: #000;
}

.mc-video-lightbox__close {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #fff;
	color: #111;
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
}

/* ---------- Cooperation 页 FAQ 模块 ---------- */
/*
 * 旧站把展开态写成行内 style="display:block"，内容一变（后台新增问答）就得重新生成 HTML。
 * 这里改成用 .cur 类控制，行为由 main.js 负责，渲染只需输出干净的结构。
 */
.page-section-faq-item.cur .page-section-faq-text {
	display: block;
}

/*
 * 后台编辑器里换行会产出 <p>，而旧站正文是纯文本 + <br>，没有 p 的外边距。
 * 首尾归零保证单段答案与旧站渲染完全一致，段间留一点间距供以后写多段答案。
 */
.page-section-faq-text .text-1 p {
	margin: 0.8rem 0;
}

.page-section-faq-text .text-1 > p:first-child {
	margin-top: 0;
}

.page-section-faq-text .text-1 > p:last-child {
	margin-bottom: 0;
}

/* 标题是可点的，键盘聚焦要看得见（旧站只有 cursor:pointer）。 */
.page-section-faq-item .title-2:focus-visible {
	outline: 2px solid #0c4ca3;
	outline-offset: 2px;
}

/* 搜索无结果：不设 display，交给 hidden 属性控制显隐。 */
.mc-faq-empty {
	color: #333;
	padding: 2rem 0;
	text-align: center;
}

/* ---------- About 企业文化/证书轮播 ---------- */
/*
 * 旧站这一段是 swiper.min.js 4.5.0 算出来的版面：slidesPerView 4 + spaceBetween 30，
 * 断点 640（Swiper 4 的 breakpoints 是「宽度小于等于」语义）降到 1.6 / 10。
 * 本站不引 swiper，改由 flex + gap 实现同样的量：每屏 4 个、间隔 30px，
 * 换算成 slide 宽度就是 (100% - 3×30px) / 4。旧站实测 1280 视口下
 * 容器 1036.8、slide 236.75、步长 266.75，与此完全吻合。
 *
 * 翻页用原生横向滚动（scrollLeft），所以隐藏滚动条：旧站靠 overflow:hidden 裁掉，
 * 露出滚动条会直接改变肉眼版面。
 */
.adekom-about-culture-swiper .swiper-wrapper {
	display: flex;
	gap: 30px;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.adekom-about-culture-swiper .swiper-wrapper::-webkit-scrollbar {
	display: none;
}

.adekom-about-culture-swiper .swiper-slide {
	flex: 0 0 calc((100% - 90px) / 4);
}

/*
 * 定位基准是 .adekom-about-culture（position:relative），与旧站实测一致：
 * 40×40 圆点，左右各距容器 10px，垂直居中于整块。
 *
 * 字形这里刻意改回旧站的 swiper-icons 字体，而不是先用旧站自带的 r3.svg 顶替：
 * 换成 SVG 之后箭头是 11.2×11.2 的方块，旧站实测是 7.4×14.4（字形自带比例），
 * 肉眼看就是「箭头形状不一样」。swiper-icons 的 src 是内联 data URI，
 * 不引 swiper.css 也能自带，没有额外请求，度量与旧站逐像素相同。
 */
@font-face {
	font-family: swiper-icons;
	src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
	font-weight: 400;
	font-style: normal;
}

.adekom-about-culture .swiper-button-prev {
	left: 10px;
}

.adekom-about-culture .swiper-button-next {
	right: 10px;
}

/* 字形居中靠按钮自身的 flex，与旧站 swiper.css 的 .swiper-button-prev 一致。 */
.adekom-about-culture .swiper-button-prev,
.adekom-about-culture .swiper-button-next {
	display: flex;
	align-items: center;
	justify-content: center;
}

.adekom-about-culture .swiper-button-prev::after {
	content: 'prev';
}

.adekom-about-culture .swiper-button-next::after {
	content: 'next';
}

.adekom-about-culture .swiper-button-prev::after,
.adekom-about-culture .swiper-button-next::after {
	font-family: swiper-icons;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	font-variant: initial;
}

/*
 * 旧站 ≤880px 有一条全局 .swiper-button-prev/.swiper-button-next{display:none}
 * （theme.css 里保留了它），上面为了居中字形写的 display:flex 特异性更高、会把它顶掉，
 * 于是手机上多出两个箭头。这里显式跟旧站一致。
 */
@media screen and (max-width: 880px) {
	.adekom-about-culture .swiper-button-prev,
	.adekom-about-culture .swiper-button-next {
		display: none;
	}
}

@media screen and (max-width: 640px) {
	.adekom-about-culture-swiper .swiper-wrapper {
		gap: 10px;
	}

	.adekom-about-culture-swiper .swiper-slide {
		flex-basis: calc((100% - 6px) / 1.6);
	}
}

/* ---------- 产品列表 AJAX 换内容 ---------- */
/*
 * 旧站换列表是瞬间的，慢一点就像页面卡住了。取数期间把列表压暗一点点，
 * 只作为「正在刷新」的暗示，不改变版面（opacity 不参与布局）。
 */
#productlist[aria-busy="true"] {
	opacity: 0.55;
	transition: opacity 0.2s ease;
}