/*
Theme Name: TMC Auto
Theme URI: https://tmc-auto.com/
Author: TMC LAB 迈科检测
Author URI: https://www.tmc-lab.com/
Description: 迈科检测汽车电子垂直站专用主题。车载电子 EMC 电磁兼容与环境可靠性检测。橙灰配色（品牌橙 #FF6600 + 暖灰 #33322E，与主站 tmc-lab.com 同源），顶部两行式布局，右下角悬浮转化组件，正文静态输出优先（SEO/GEO 达标）。
Version: 1.0.0
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tmc-auto
Tags: business, custom-menu, custom-logo, featured-images, translation-ready
*/

/* ==========================================================================
   设计变量
   ──────────────────────────────────────────────────────────────────────────
   变量名沿用本站原有语义名（避免全站规则失效），取值「一比一」对齐主站
   tmc-lab.com 的 data-theme="sgs"（活力橙灰）皮肤与 style.min.css 的设计系统。

   映射关系（左：本站变量 → 右：主站变量）
     品牌色  --tmc-orange        → --red        #FF6600
             --tmc-orange-hover  → --red-d      #D95400
             --tmc-orange-light  → --red-l      #FFF1E4
             --tmc-orange-border → --acc-tint   #FFD9B3
     中性色  --tmc-dark          → --navy       #33322E
             --tmc-text          → --ink-2      #4C4B46
             --tmc-gray          → --muted      #6E6D67
             --tmc-bg-soft       → --bg-soft    #F6F5F2
             --tmc-border        → --line       #E5E2D9
     几何    --tmc-wrap          → .container  1240px
             --tmc-radius        → --r         12px
             --tmc-radius-sm     → --r-sm       8px
             --tmc-radius-lg     → --r-lg      18px
     阴影    --tmc-shadow-*      → --shadow-*  同值
     顶栏    --tmc-topbar-h      → --topbar-h  38px
             --tmc-head-h        → --head-h    68px

   全站唯一标准，禁止在子模板里硬编码颜色
   ========================================================================== */
:root {
	/* ---- 主色（= 主站 sgs 皮肤） ---- */
	--tmc-orange: #FF6600;
	/* 橙色文字专用档：品牌橙 #FF6600 作正文文字在浅灰/白底上只有 2.69:1，
	   达不到 WCAG AA（4.5:1）。图标、边框、按钮底色继续用品牌橙（对比度要求低），
	   小字号文字一律改用这档深橙：#B34700 在 #F6F5F2/#FFF1E4/#FFF 上分别
	   5.04 / 4.96 / 5.50，全部达标，观感仍是同系橙。 */
	--tmc-orange-text: #B34700;
	--tmc-orange-hover: #D95400;
	--tmc-orange-light: #FFF1E4;
	--tmc-orange-border: #FFD9B3;
	/* 微信二维码引导带专用暖色渐变（2026-10-25）：全页唯一色阶，
	   介于白/浅灰与深橙 CTA 之间，保证模块醒目又不抢主转化 */
	--tmc-wechat-grad: linear-gradient(152deg, #FFF9F2 0%, #FFEBD6 100%);

	/* ---- 中性色 ---- */
	--tmc-dark: #33322E;        /* --navy   标题/深色块 */
	--tmc-ink: #2B2A27;         /* --ink    正文最深 */
	--tmc-text: #4C4B46;        /* --ink-2  正文 */
	--tmc-gray: #6E6D67;        /* --muted  辅助文字 */
	--tmc-gray-light: #65645E;  /* --muted-3 小字 */
	--tmc-bg-soft: #F6F5F2;     /* --bg-soft 浅底 */
	--tmc-bg-soft-2: #ECEAE4;   /* --bg-soft-2 */
	--tmc-surface-1: #FAF9F6;   /* 卡片浅面 */
	--tmc-surface-2: #F1EFE9;   /* 信息栏/页脚底 */
	--tmc-surface-3: #E7E4DC;   /* 更深的浅面 */
	--tmc-surface-line: #D8D4CA;/* 浅面描边 */
	--tmc-border: #E5E2D9;      /* --line   常规描边 */
	--tmc-line-2: #CFCBC0;      /* --line-2 强调描边 */
	--tmc-white: #FFFFFF;

	/* ---- 功能色 ---- */
	--tmc-green: #5E8A46;
	--tmc-danger: #C8102E;

	/* ---- 字体（= 主站 --font / --font-num）---- */
	--tmc-font: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Helvetica Neue", Arial, sans-serif;
	--tmc-font-en: "DIN Alternate", "Barlow", "Helvetica Neue", Arial, sans-serif;
	--tmc-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

	/* ---- 间距与栅格 ---- */
	--tmc-wrap: 1240px;         /* = 主站 .container max-width（正文容器，1:1） */
	--tmc-wrap-head: 1240px;    /* 2026-10-17 菜单精简 10→6 项后与正文容器一致（= 主站 .container，1:1）
	                               LOGO204 + 间距40 + 导航657 + CTA114 = 1015 < 1240-48，宽屏通吃 */
	--tmc-pad: 24px;            /* 容器左右内距（= 主站 24 / 768↓ 18 / 375↓ 16）；抽屉负偏移复用它 */
	--tmc-gap: 24px;
	/* 第五批（2026-10-17）视觉微调 B「强层次」：三档间距整体放大，
	   配合标题放大与投影加深，强化区块切分与品牌权威感。
	   1024/768/560 断点会按同比例同步压缩，避免平板手机出现过宽留白。 */
	--tmc-section-y: 104px;     /* 中档（四大能力 / 实验室实景等常规区块） */
	--tmc-section-y-sm: 52px;   /* 紧凑档（卡片内嵌分组、页脚上方小段） */
	--tmc-section-y-heavy: 116px;/* 重档（CTA 转化区，压住页面尾环） */
	--tmc-section-y-light: 68px;/* 轻档（chips/列表类快浏览区） */

	/* ---- 圆角与阴影（= 主站 --r / --shadow*）---- */
	--tmc-radius: 12px;
	--tmc-radius-sm: 8px;
	--tmc-radius-lg: 18px;
	/* 第五批 B 方向：投影加深一档，卡片浮起感更强，配合放大的标题强化层次 */
	--tmc-shadow-sm: 0 2px 10px rgba(16, 38, 58, .06);
	--tmc-shadow: 0 10px 34px rgba(16, 38, 58, .11);
	--tmc-shadow-hover: 0 24px 68px rgba(16, 38, 58, .18);

	/* 第四批（2026-10-17）：字号阶梯固化——全站页面层级只准这 5 档，
	   杜绝「这页标题怎么大了 2px」。组件内部尺寸（顶栏/mega 链接/徽章/表格）
	   不在此列，保持各自调优值。
	   第五批 B 方向：h1/h2/h3 各放大一档（44→50 / 28→32 / 18→19），
	   正文与辅助文字维持 15.5 / 13 不变——放大标题、稳住正文，
	   层次拉开的来源是「标题更醒目」而不是「整体字号变大」。 */
	--tmc-fs-h1: 50px;      /* 页面主标题：hero / 内页标题区 */
	--tmc-lh-h1: 1.15;
	/* clamp() 的下限：内页标题在中等视口会被 vw 项压到下限附近，
	   若下限低于 h2 就会层次倒挂（实测 1024px 时 31px < 32px）。
	   抽成变量后各断点可单独兜底。 */
	--tmc-fs-h1-min: 34px;
	/* 移动端主标题（≤560px 生效）：必须 ≥ --tmc-fs-h2，
	   否则主标题会比区块标题小，页面层级倒挂。 */
	--tmc-fs-h1-sm: 34px;
	--tmc-fs-h2: 32px;      /* 区块标题：每屏一个 */
	--tmc-lh-h2: 1.3;
	--tmc-fs-h3: 19px;      /* 卡片标题：一律 h3 */
	--tmc-lh-h3: 1.5;
	--tmc-fs-body: 15.5px;  /* 正文 */
	--tmc-lh-body: 1.8;
	--tmc-fs-aux: 13px;     /* 辅助文字 */
	--tmc-lh-aux: 1.7;

	/* ---- 顶栏几何（= 主站 --topbar-h / --head-h）---- */
	--tmc-topbar-h: 38px;
	--tmc-head-h: 68px;

	/* ---- 动效（主站过渡普遍 .2s ease）---- */
	--tmc-transition: .3s ease;   /* 第四批：hover 三件套统一 0.3s（上浮 4px + 阴影加深 + 箭头右移 4px） */

	/* ---- 层级 ---- */
	--tmc-z-header: 50;         /* = 主站 .site-header z-index */
	--tmc-z-float: 900;
}

/* ==========================================================================
   基础重置
   ========================================================================== */
*, *::before, *::after { box-sizing: border-box; }

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
	/* 锚点落点避让吸顶导航（= 主站 --head-h + 24px） */
	scroll-padding-top: calc(var(--tmc-head-h) + 40px);
	/* 防止任何子元素超出视口造成横向滚动条 */
	overflow-x: hidden;
}

body {
	margin: 0;
	padding: 0;
	font-family: var(--tmc-font);
	font-size: 16px;
	line-height: 1.7;              /* = 主站 body line-height */
	color: var(--tmc-ink);        /* = 主站 body color(--ink) */
	background: var(--tmc-white);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
	/* 保证子元素不撑破容器 */
	max-width: 100%;
}

/* 全局标题（= 主站 h1–h4 基线：800 字重 + 紧字距 + navy 色） */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-weight: 800;
	letter-spacing: -.01em;
	line-height: 1.25;
	color: var(--tmc-dark);
}
p { margin: 0 0 1em; }

/* 所有直接容器不允许超出视口 */
.tmc-wrap,
.tmc-section,
.tmc-main,
.tmc-hero,
.tmc-header,
.tmc-footer {
	max-width: 100%;
}

img, svg, video {
	max-width: 100%;
	height: auto;
	display: block;
}

a {
	color: var(--tmc-orange-text);
	text-decoration: none;
	transition: color var(--tmc-transition);
}
a:hover { color: var(--tmc-orange-hover); }

button, input, select, textarea {
	font-family: inherit;
	font-size: inherit;
}

/* 键盘可达性：焦点可见（WCAG 2.4.7） */
:focus-visible {
	outline: 2px solid var(--tmc-orange);
	outline-offset: 2px;
	border-radius: 2px;
}

/* 尊重系统的减少动效偏好 */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
		scroll-behavior: auto !important;
	}
}

/* 屏幕阅读器专用文本 */
.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* SVG sprite 容器（2026-10-17）：零尺寸绝对定位隐藏。
   不用 display:none —— 个别旧内核对 display:none 内的 <symbol> 引用不稳定，
   绝对定位零尺寸是业界最稳做法（Bootstrap Icons 同款）。 */
.tmc-sprite {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

.screen-reader-text:focus {
	position: fixed;
	top: 8px;
	left: 8px;
	z-index: 999999;
	width: auto;
	height: auto;
	clip: auto;
	padding: 12px 20px;
	background: var(--tmc-dark);
	color: var(--tmc-white);
	border-radius: var(--tmc-radius-sm);
	font-size: 14px;
}

/* ==========================================================================
   布局容器
   ========================================================================== */
.tmc-wrap {
	width: 100%;
	max-width: var(--tmc-wrap);
	margin: 0 auto;
	padding: 0 var(--tmc-pad);  /* = 主站 .container padding */
}

/* 页头容器：2026-10-17 起与正文容器同宽（菜单 6 项后不再需要加宽页头） */
.tmc-wrap--head {
	max-width: var(--tmc-wrap-head);
}

.tmc-section { padding: var(--tmc-section-y) 0; }
.tmc-section--soft { background: var(--tmc-bg-soft); }
.tmc-section--tight { padding: var(--tmc-section-y-sm) 0; }
/* 第四批：三档区块节奏。重 = hero/CTA（96px 深色压首尾）；
   中 = 四大能力/实验室/案例（88px 白）；轻 = chips/列表（56px 浅灰，加快中段节奏）。
   白 → 浅灰 → 白交替形成呼吸组。 */
.tmc-section--heavy { padding: var(--tmc-section-y-heavy) 0; }
.tmc-section--light { padding: var(--tmc-section-y-light) 0; }

/* ==========================================================================
   区块标题
   ========================================================================== */
.tmc-sec-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 44px;         /* = 主站 .section-head margin-bottom */
}

.tmc-sec-head__main { max-width: 720px; }

.tmc-sec-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-family: var(--tmc-font-en);
	font-size: 12.5px;         /* = 主站 .eyebrow */
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--tmc-orange-text);
	margin: 0 0 12px;
}
.tmc-sec-eyebrow::before {
	content: "";
	width: 3px;               /* 第四批：橙色竖条（原 28×2 横线）——品牌色锚点每区一处 */
	height: 14px;
	background: var(--tmc-orange);
	flex-shrink: 0;
	border-radius: 2px;
}

.tmc-sec-title {
	font-size: var(--tmc-fs-h2);            /* 第四批：h2 档固化 28px（原 clamp 28→38） */
	font-weight: 800;
	line-height: var(--tmc-lh-h2);
	color: var(--tmc-dark);
	margin: 0 0 14px;
	letter-spacing: -.01em;
}

.tmc-sec-desc {
	font-size: var(--tmc-fs-body);          /* 第四批：正文档 */
	line-height: var(--tmc-lh-body);
	color: var(--tmc-gray);
	margin: 0;
}

.tmc-sec-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex-shrink: 0;
	font-size: 15px;
	font-weight: 500;
	color: var(--tmc-dark);
	padding-bottom: 2px;
	border-bottom: 1px solid var(--tmc-border);
	transition: color var(--tmc-transition), border-color var(--tmc-transition);
}
.tmc-sec-link svg { transition: transform var(--tmc-transition); }
.tmc-sec-link:hover {
	color: var(--tmc-orange-text);
	border-color: var(--tmc-orange);
}
.tmc-sec-link:hover svg { transform: translateX(4px); }

/* ==========================================================================
   按钮
   ========================================================================== */
.tmc-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 48px;
	padding: 13px 24px;        /* = 主站 .btn */
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	white-space: nowrap;
	border: 1.5px solid transparent;
	border-radius: var(--tmc-radius);   /* = 主站 --r 12px（.btn 用 10px，见下） */
	cursor: pointer;
	text-align: center;
	transition: transform var(--tmc-transition), box-shadow var(--tmc-transition),
		background var(--tmc-transition), color var(--tmc-transition),
		border-color var(--tmc-transition);
	/* 触摸目标不小于 44x44 */
	min-width: 44px;
}

.tmc-btn svg { flex-shrink: 0; transition: transform var(--tmc-transition); }

/* 主按钮 = 主站 .btn--red */
.tmc-btn--primary {
	background: var(--tmc-orange);
	color: var(--tmc-white);
	border-color: var(--tmc-orange);
	box-shadow: 0 6px 20px rgba(255, 102, 0, .26);
}
.tmc-btn--primary:hover {
	background: var(--tmc-orange-hover);
	border-color: var(--tmc-orange-hover);
	color: var(--tmc-white);
	transform: translateY(-1px);
	box-shadow: 0 10px 26px rgba(255, 102, 0, .34);
}
.tmc-btn--primary:hover svg { transform: translateX(4px); }

/* 深色底上的描边按钮 = 主站 .btn--light */
.tmc-btn--ghost {
	background: var(--tmc-white);
	color: var(--tmc-dark);
	border-color: var(--tmc-white);
}
.tmc-btn--ghost:hover {
	background: rgba(255, 255, 255, .92);
	border-color: rgba(255, 255, 255, .92);
	color: var(--tmc-dark);
	transform: translateY(-1px);
	box-shadow: 0 10px 26px rgba(0, 0, 0, .22);
}

/* 浅底描边按钮 = 主站 .btn--outline */
.tmc-btn--outline {
	background: var(--tmc-white);
	color: var(--tmc-dark);
	border-color: var(--tmc-line-2);
}
.tmc-btn--outline:hover {
	border-color: var(--tmc-dark);
	color: var(--tmc-dark);
	transform: translateY(-1px);
	box-shadow: var(--tmc-shadow-sm);
}

/* 橙色文字按钮 = 主站 .btn--ghost */
.tmc-btn--soft {
	background: transparent;
	color: var(--tmc-dark);
	border-color: var(--tmc-line-2);
}
.tmc-btn--soft:hover {
	background: var(--tmc-orange-light);
	color: var(--tmc-orange-text);
	border-color: var(--tmc-orange);
}

.tmc-btn--lg { min-height: 56px; padding: 16px 30px; font-size: 16px; }
.tmc-btn--sm { min-height: 40px; padding: 10px 16px; font-size: 14px; border-radius: 8px; }

.tmc-btn-row {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

/* ==========================================================================
   卡片通用
   ========================================================================== */
.tmc-card {
	background: var(--tmc-white);
	border: 1px solid var(--tmc-border);
	border-radius: var(--tmc-radius);
	overflow: hidden;
	box-shadow: var(--tmc-shadow-sm);
	transition: transform var(--tmc-transition), box-shadow var(--tmc-transition),
		border-color var(--tmc-transition);
}
.tmc-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--tmc-shadow-hover);
	border-color: transparent;
}

.tmc-grid {
	display: grid;
	gap: var(--tmc-gap);
}
.tmc-grid--2 { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
.tmc-grid--3 { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
.tmc-grid--4 { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }

.tmc-mega {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: var(--tmc-white);
	border-top: 2px solid var(--tmc-orange);
	box-shadow: 0 20px 60px rgba(0, 0, 0, .12);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-8px);
	transition: opacity var(--tmc-transition), transform var(--tmc-transition), visibility var(--tmc-transition);
	z-index: 30;
}

.tmc-nav__item--top:hover .tmc-mega,
.tmc-nav__item--top:focus-within .tmc-mega {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.tmc-mega__in {
	max-width: var(--tmc-wrap);
	margin: 0 auto;
	padding: 34px 24px 38px;
}

/* 分列容器 */
.tmc-mega__cols {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 12px 28px;
}

/* 单列（二级菜单项） */
.tmc-mega__col {
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: 4px 0;
}

/* 列标题 */
.tmc-mega__col-head {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px 10px;
	margin-bottom: 6px;
	border-bottom: 1px solid var(--tmc-border);
	font-size: 15px;           /* 第四批：列标题 15px/600 深色 + 18px 图标 */
	font-weight: 600;
	color: var(--tmc-dark);
	line-height: 1.4;
	transition: color var(--tmc-transition), padding-left var(--tmc-transition);
}
.tmc-mega__col-head:hover {
	color: var(--tmc-orange-text);
	padding-left: 16px;
}

.tmc-mega__col-ic {
	flex-shrink: 0;
	width: 18px;
	height: 18px;
	color: var(--tmc-orange);
}

.tmc-mega__col-arrow {
	margin-left: auto;
	flex-shrink: 0;
	opacity: 0;
	transform: translateX(-4px);
	transition: opacity var(--tmc-transition), transform var(--tmc-transition);
}
.tmc-mega__col-head:hover .tmc-mega__col-arrow {
	opacity: 1;
	transform: translateX(0);
}

/* 链接列表（三级项） */
.tmc-mega__links {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 1px;
}

.tmc-mega__link-item a {
	display: block;
	padding: 7px 12px;
	border-radius: var(--tmc-radius-sm);
	font-size: 14.5px;
	font-weight: 400;
	color: var(--tmc-text);
	line-height: 1.5;
	transition: background-color var(--tmc-transition), color var(--tmc-transition),
		padding-left var(--tmc-transition);
}
.tmc-mega__link-item a:hover {
	background: var(--tmc-orange-light);
	color: var(--tmc-orange-text);
	padding-left: 18px;
}

/* 无子项的列：标题即链接，不需要箭头区 */
.tmc-mega__col:not(.has-links) .tmc-mega__col-head {
	border-bottom-color: transparent;
}

/* --------------------------------------------------------------------------
   平铺态面板：子项全是叶子节点（产品分类 / 标准库 / 解决方案 / 实验室 / 技术专栏）
   直接铺成多列纯链接，不做「分组标题 + 链接列表」，避免摊成一条一条的窄列
   -------------------------------------------------------------------------- */
.tmc-mega--flat .tmc-mega__cols {
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 2px 24px;              /* 第四批：列间距 10→24px（minmax 同步收窄，保住 5 列不换行） */
}

.tmc-mega--flat .tmc-mega__col {
	padding: 0;
	border-left: 1px solid var(--tmc-border);   /* 第四批：列间 1px 分隔线 */
}
.tmc-mega--flat .tmc-mega__col:first-child { border-left: none; }

.tmc-mega--flat .tmc-mega__col-head {
	padding: 9px 14px;
	margin-bottom: 0;
	border-bottom: none;
	border-radius: var(--tmc-radius-sm);
	font-size: 14px;            /* 第四批：flat 链接 14px 灰 */
	font-weight: 400;
	color: var(--tmc-gray);
}
.tmc-mega--flat .tmc-mega__col-head:hover {
	background: var(--tmc-orange-light);
	color: var(--tmc-orange-text);
	padding-left: 20px;
}

.tmc-mega--flat .tmc-mega__col-ic {
	width: 16px;
	height: 16px;
	color: var(--tmc-gray-light);
	transition: color var(--tmc-transition);
}
.tmc-mega--flat .tmc-mega__col-head:hover .tmc-mega__col-ic { color: var(--tmc-orange); }


/* ==========================================================================
   顶部两行式页头 —— 一比一复刻 tmc-lab.com 主站

   主站结构（style.min.css）：
     .topbar       浅灰信息栏 38px，随页面滚走（不在 .site-header 内）
     .site-header  68px 白底，position:sticky + saturate/blur 毛玻璃，常驻
     .nav          .container 内 flex：brand ｜ nav（居中）｜ nav-cta
     .nav-link     白色药丸：11px 18px / radius 10px / 15px / 700
                   + 1px 透明描边 + 极浅投影；hover 描边变深 + 抬升 1px
     .mega         通栏面板，顶部 3px 橙描边，radius 0 0 18 18

   本站唯一差异：第二行承载 10 个顶级菜单项（主站只有 6 个），
   故页头容器放宽到 --tmc-wrap-head，并叠加「三道保险」防止菜单互相覆盖，
   见本段末尾「导航防重叠」。
   ========================================================================== */

/* --------------------------------------------------------------------------
   页头：只有第二行吸顶，第一行信息栏随页面滚走（= 主站 .topbar 在 header 之外）
   -------------------------------------------------------------------------- */
.tmc-header {
	position: relative;
	z-index: var(--tmc-z-header);
	background: var(--tmc-white);
}

/* --------------------------------------------------------------------------
   第一行：信息栏 38px —— 对齐主站 .topbar（浅灰底 + 浅描边，不是深色）
   -------------------------------------------------------------------------- */
.tmc-topbar {
	background: var(--tmc-surface-2);
	color: var(--tmc-text);
	font-size: 12.5px;
	border-bottom: 1px solid var(--tmc-surface-line);
}

.tmc-topbar__in {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	height: var(--tmc-topbar-h);
}

.tmc-topbar__left,
.tmc-topbar__right {
	display: flex;
	align-items: center;
	gap: 14px;
	min-width: 0;
}

.tmc-topbar__right { gap: 18px; flex-shrink: 0; }

.tmc-topbar__brand {
	color: var(--tmc-dark);
	font-weight: 700;
	letter-spacing: .02em;
	white-space: nowrap;
	flex-shrink: 0;
}

.tmc-topbar__sep {
	width: 1px;
	height: 14px;
	background: var(--tmc-line-2);
	flex-shrink: 0;
}

.tmc-topbar__creds {
	display: flex;
	align-items: center;
	gap: 14px;
	min-width: 0;
	overflow: hidden;
}

.tmc-topbar__cred {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: var(--tmc-text);
	white-space: nowrap;
	font-size: 12.5px;
	letter-spacing: .01em;
	transition: color var(--tmc-transition);
}
.tmc-topbar__cred svg { color: var(--tmc-orange); flex-shrink: 0; }
.tmc-topbar__cred strong { font-family: var(--tmc-font-en); font-weight: 700; }
.tmc-topbar__cred:hover { color: var(--tmc-orange-text); }

.tmc-topbar__tel {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--tmc-dark);
	white-space: nowrap;
}
.tmc-topbar__tel svg { color: var(--tmc-orange); flex-shrink: 0; }
.tmc-topbar__tel:hover { color: var(--tmc-orange-text); }
.tmc-topbar__tel strong {
	font-family: var(--tmc-font-en);
	font-size: 15px;               /* = 主站 .topbar__tel strong */
	font-weight: 700;
	color: var(--tmc-dark);
	letter-spacing: .02em;
}
.tmc-topbar__tel-label { color: var(--tmc-gray); }

.tmc-topbar__mail {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--tmc-gray);
	white-space: nowrap;
	font-size: 12.5px;
	transition: color var(--tmc-transition);
}
.tmc-topbar__mail svg { flex-shrink: 0; opacity: .7; }
.tmc-topbar__mail:hover { color: var(--tmc-orange-text); }

/* --------------------------------------------------------------------------
   第二行：导航栏 68px —— 对齐主站 .site-header（吸顶 + 毛玻璃 + 1px 描边）
   -------------------------------------------------------------------------- */
.tmc-navbar {
	position: sticky;              /* 常驻吸顶；同时作为 Mega 面板的定位基准 */
	top: 0;
	z-index: var(--tmc-z-header);
	background: rgba(255, 255, 255, .94);
	-webkit-backdrop-filter: saturate(180%) blur(14px);
	backdrop-filter: saturate(180%) blur(14px);
	border-bottom: 1px solid var(--tmc-border);
	transition: box-shadow .24s ease, background .24s ease;
}
/* 滚动后加深投影（= 主站 .site-header.is-stuck） */
.tmc-navbar.is-stuck { box-shadow: 0 6px 24px rgba(16, 38, 58, .08); }

.tmc-navbar__in {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	height: var(--tmc-head-h);
}

.tmc-navbar__brand { flex-shrink: 0; display: flex; align-items: center; }

/* 品牌 LOGO = 主站 .brand__logo（40px 高，锁定 720:127 比例） */
.tmc-brand {
	display: inline-flex;
	align-items: center;
	gap: 12px;
}
.tmc-brand__logo {
	display: block;
	height: 36px;
	width: auto;
	aspect-ratio: 720 / 127;
	flex-shrink: 0;
}

/* 纯文字标（未配置 LOGO 时回落） */
.tmc-brand__mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background: var(--tmc-orange);
	border-radius: 8px;
	font-family: var(--tmc-font-en);
	font-size: 20px;
	font-weight: 700;
	color: var(--tmc-white);
	line-height: 1;
	flex-shrink: 0;
}
.tmc-brand__text { display: flex; flex-direction: column; line-height: 1.25; }
.tmc-brand__text strong {
	font-family: var(--tmc-font-en);
	font-size: 18px;
	font-weight: 700;
	color: var(--tmc-dark);
	letter-spacing: .03em;
}
.tmc-brand__text small {
	font-size: 12px;
	color: var(--tmc-gray);
	white-space: nowrap;
	margin-top: 1px;
}

/* --------------------------------------------------------------------------
   导航主体 —— 对齐主站 .nav__wrap / .nav-menu / .nav-link
   关键：flex 不换行 + 逐级收紧 + 溢出即切抽屉（三道保险，杜绝覆盖）
   -------------------------------------------------------------------------- */
.tmc-navbar__nav {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	justify-content: center;
}

.tmc-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3px;
	flex-wrap: nowrap;             /* 永不换行：靠收紧/切抽屉解决宽度不足 */
	min-width: 0;
	max-width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.tmc-nav__item { position: relative; flex: 0 0 auto; }

/* 顶层项设 static：让 absolute 的 .tmc-mega 以 .tmc-navbar 为基准通栏展开 */
.tmc-nav__item--top { position: static; }

/* 顶层菜单链接 = 主站 .nav-link 药丸按钮（1:1）
   2026-10-17 菜单精简 10→6 项（24 汉字）后恢复主站同款几何 15px/11px 18px。
   改这三个值必须同步跑 _runtime/verify-nav-width.php（常量已按 6 项建模）。 */
.tmc-nav__link {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	height: auto;
	padding: 11px 18px;         /* 2026-10-17 菜单精简 10→6 项，恢复主站同款几何 */
	border-radius: 10px;
	font-size: 15px;
	font-weight: 700;
	color: var(--tmc-text);
	white-space: nowrap;
	background: var(--tmc-white);
	border: 1px solid transparent;
	box-shadow: 0 1px 2px rgba(51, 50, 46, .04);
	transition: all .2s ease;
}
.tmc-nav__link:hover {
	color: var(--tmc-dark);
	border-color: var(--tmc-line-2);
	box-shadow: 0 4px 12px rgba(51, 50, 46, .10);
	transform: translateY(-1px);
}
.tmc-nav__link svg { flex-shrink: 0; }

/* 顶层项的小三角 = 主站 .caret（6×6 CSS 绘制，非 SVG 图标）
   主站同款：border-right + border-bottom 旋转 45deg */
.tmc-nav__caret {
	width: 6px;
	height: 6px;
	flex-shrink: 0;
	border-right: 1.6px solid currentColor;
	border-bottom: 1.6px solid currentColor;
	transform: rotate(45deg) translateY(-2px);
	opacity: .55;
	transition: transform var(--tmc-transition), opacity var(--tmc-transition);
}

/* 悬停 / 键盘聚焦 */
.tmc-nav__item--top:hover > .tmc-nav__link,
.tmc-nav__item--top:focus-within > .tmc-nav__link {
	color: var(--tmc-orange-text);
}
/* 当前所在页：橙色文字 + 浅橙底 + 橙描边 */
.tmc-nav__item--top.current-menu-item > .tmc-nav__link,
.tmc-nav__item--top.current-menu-ancestor > .tmc-nav__link,
.tmc-nav__item--top.current-menu-parent > .tmc-nav__link {
	color: var(--tmc-orange-text);
	background: var(--tmc-orange-light);
	border-color: var(--tmc-orange-border);
}
.tmc-nav__item--top:hover > .tmc-nav__link .tmc-nav__caret,
.tmc-nav__item--top:focus-within > .tmc-nav__link .tmc-nav__caret {
	transform: rotate(180deg);
	opacity: .8;
}

/* --------------------------------------------------------------------------
   Mega 面板 —— 对齐主站 .mega（通栏 + 顶部 3px 橙描边 + 底部大圆角）
   -------------------------------------------------------------------------- */
.tmc-mega {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: var(--tmc-white);
	border-top: 3px solid var(--tmc-orange);
	border-radius: 0 0 var(--tmc-radius-lg) var(--tmc-radius-lg);
	box-shadow: 0 26px 60px rgba(16, 38, 58, .17);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-8px);
	transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
	z-index: 60;
}

.tmc-nav__item--top:hover .tmc-mega,
.tmc-nav__item--top:focus-within .tmc-mega {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.tmc-mega__in {
	max-width: var(--tmc-wrap-head);
	margin: 0 auto;
	padding: 22px 24px 24px;
}

/* 分列容器 = 主站 .mega__grid */
.tmc-mega__cols {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 14px 30px;
	align-items: start;
}

/* 单列 = 主站 .mega-col */
.tmc-mega__col {
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: 4px 0;
}

/* 列标题 = 主站 .mega-col__head */
.tmc-mega__col-head {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 6px 0 8px;
	margin-bottom: 8px;
	border-bottom: 1px solid var(--tmc-border);
	font-size: 16.5px;
	font-weight: 800;
	color: var(--tmc-dark);
	line-height: 1.35;
	letter-spacing: -.01em;
	transition: color var(--tmc-transition), padding-left var(--tmc-transition);
}
.tmc-mega__col-head:hover { color: var(--tmc-orange-text); padding-left: 6px; }

.tmc-mega__col-ic {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	color: var(--tmc-orange);
}

.tmc-mega__col-arrow {
	margin-left: auto;
	flex-shrink: 0;
	opacity: 0;
	transform: translateX(-4px);
	transition: opacity var(--tmc-transition), transform var(--tmc-transition);
}
.tmc-mega__col-head:hover .tmc-mega__col-arrow { opacity: 1; transform: translateX(0); }

/* 链接列表 = 主站 .mega-col__list / .mega-link */
.tmc-mega__links {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 0;
}

.tmc-mega__link-item a {
	display: block;
	padding: 4px 0;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 400;
	color: var(--tmc-text);
	line-height: 1.6;
	transition: color .16s ease, padding-left .16s ease;
}
.tmc-mega__link-item a:hover { color: var(--tmc-orange-text); padding-left: 6px; }

.tmc-mega__col:not(.has-links) .tmc-mega__col-head { border-bottom-color: transparent; }

/* --------------------------------------------------------------------------
   平铺态面板的唯一定义在「 Mega 菜单」节（.tmc-mega--flat，约 572 行）。
   2026-10-17 第四批验收时发现此处曾遗留一份重复旧块（后写覆盖前写，
   导致列距/字号/颜色改动不生效），已删除——flat 样式只保留一处，避免再漂移。
   -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
   操作区 —— 对齐主站 .nav-cta
   -------------------------------------------------------------------------- */
.tmc-navbar__actions {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
}

.tmc-navbar__cta { white-space: nowrap; }

/* 抽屉开关（汉堡） */
.tmc-nav-toggle {
	display: none;
	width: 44px;
	height: 44px;
	align-items: center;
	justify-content: center;
	background: var(--tmc-white);
	border: 1px solid var(--tmc-line-2);
	border-radius: 10px;
	cursor: pointer;
	color: var(--tmc-dark);
	flex-shrink: 0;
	transition: border-color var(--tmc-transition), color var(--tmc-transition);
}
.tmc-nav-toggle:hover { border-color: var(--tmc-orange); color: var(--tmc-orange); }

/* --------------------------------------------------------------------------
   未配置 LOGO 时的页脚文字标
   -------------------------------------------------------------------------- */
.tmc-logo-text {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-family: var(--tmc-font-en);
	font-size: 19px;
	font-weight: 700;
	color: var(--tmc-dark);
	letter-spacing: .04em;
	white-space: nowrap;
}
.tmc-logo-text::before {
	content: "";
	width: 6px;
	height: 20px;
	background: var(--tmc-orange);
	border-radius: 1px;
	flex-shrink: 0;
}
.tmc-logo-text::after {
	content: "LAB";
	opacity: .55;
	font-weight: 400;
}

/* ==========================================================================
   导航防重叠 —— 三道保险
   ──────────────────────────────────────────────────────────────────────────
   2026-10-17 菜单精简后：顶级菜单 6 项 / 24 个汉字（= 主站规模），
   页头容器回落 1240px，导航几何与主站 1:1，宽屏通吃、无重叠风险。
   三道保险保留，作为后台将来加菜单项时的兜底：

   保险 1｜逐级收紧：随视口变窄微调字号与内距（≤1240px）
   保险 2｜临界切抽屉：窄到装不下时整体切汉堡抽屉（≤1120px 纯 CSS 兜底）
   保险 3｜实时量宽：JS 实测 ul 宽度，任何宽度下只要溢出立即补加
          .tmc-nav-drawer（后台将来再加菜单项也不会重现覆盖问题）

   ⚠ 抽屉态声明在两处出现（@media 与 html.tmc-nav-drawer），
     修改时必须同步 —— 搜索标记 [SYNC:nav-drawer] 可定位全部位置。
   ========================================================================== */

/* ---- 保险 1：逐级收紧 -----------------------------------------------------
   阈值按「可用宽度」反推（见 _runtime/verify-nav-width.php，已按 6 项重建常量）：

     可用宽度 = 页头容器1240 − 内距48 − LOGO(36高×720:127=204) − 间距20 − CTA(114) = 854

     · >1240px 档：主站同款几何 15px/11px18px，菜单实测 657，余 197px
     · ≤1240px 档：微收紧 14.5px/11px14px，菜单实测 621；最窄处（1121px）可用 687，余 66px
     · ≤1120px  ：再窄就装不下了，切汉堡抽屉
   -------------------------------------------------------------------------- */
@media (max-width: 1240px) {
	.tmc-nav { gap: 3px; }
	.tmc-nav__link { padding: 11px 14px; font-size: 14.5px; }
}

/* ---- 保险 2/3：抽屉态 [SYNC:nav-drawer] ① 小屏（无 JS 兜底） ---- */
@media (max-width: 1120px) {
	.tmc-nav-toggle { display: flex; }

	.tmc-navbar__in { position: relative; }

	.tmc-nav {
		position: absolute;
		top: 100%;
		left: calc(-1 * var(--tmc-pad));
		right: calc(-1 * var(--tmc-pad));
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		gap: 0;
		max-width: none;
		max-height: calc(100vh - var(--tmc-head-h) - 20px);
		overflow-y: auto;
		overscroll-behavior: contain;
		padding: 6px 0 20px;
		background: var(--tmc-white);
		border-top: 1px solid var(--tmc-border);
		border-radius: 0 0 var(--tmc-radius-lg) var(--tmc-radius-lg);
		box-shadow: 0 26px 60px rgba(16, 38, 58, .17);
		opacity: 0;
		visibility: hidden;
		transform: translateY(-8px);
		transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
	}
	.tmc-nav.is-open { opacity: 1; visibility: visible; transform: translateY(0); }

	.tmc-nav__item { border-bottom: 1px solid var(--tmc-bg-soft); position: static; }
	.tmc-nav__item:last-child { border-bottom: none; }

	.tmc-nav__item--top > .tmc-nav__link {
		height: auto;
		width: 100%;
		justify-content: space-between;
		padding: 15px 24px;
		font-size: 16px;
		background: transparent;
		border: 0;
		border-radius: 0;
		box-shadow: none;
	}
	.tmc-nav__item--top:hover > .tmc-nav__link { transform: none; box-shadow: none; }
	.tmc-nav__item--top.current-menu-item > .tmc-nav__link,
	.tmc-nav__item--top.current-menu-ancestor > .tmc-nav__link,
	.tmc-nav__item--top.current-menu-parent > .tmc-nav__link {
		background: var(--tmc-orange-light);
		border: 0;
	}
	.tmc-nav__caret { display: inline-flex; }
	.tmc-nav__item--top.is-expanded > .tmc-nav__link { color: var(--tmc-orange-text); }
	.tmc-nav__item--top.is-expanded > .tmc-nav__link .tmc-nav__caret { transform: rotate(180deg); }

	/* Mega 在抽屉里变成可折叠列表 */
	.tmc-mega {
		position: static;
		opacity: 1;
		visibility: visible;
		transform: none;
		box-shadow: none;
		border-top: none;
		border-radius: 0;
		background: var(--tmc-bg-soft);
		max-height: 0;
		overflow: hidden;
		transition: max-height .3s ease;
	}
	.tmc-nav__item--top.is-expanded .tmc-mega { max-height: 4000px; }

	.tmc-mega__in { padding: 14px 20px 20px; max-width: none; }
	.tmc-mega__cols { grid-template-columns: 1fr; gap: 10px; }
	.tmc-mega__col { padding: 2px 0; }
	.tmc-mega__col-head { padding: 10px 12px; margin-bottom: 2px; font-size: 15.5px; }
	.tmc-mega__col-arrow { opacity: .4; transform: none; }
	.tmc-mega--flat .tmc-mega__col-head { padding: 10px 12px; }
	/* 第四批：抽屉里 flat 退化为单列堆叠，列间分隔线必须重置（否则每列左侧一条竖线） */
	.tmc-mega--flat .tmc-mega__col { border-left: none; }
	.tmc-mega__link-item a { padding: 9px 12px 9px 24px; font-size: 14.5px; }
	.tmc-mega__link-item a:hover { padding-left: 28px; }
}

/* ---- 保险 3：抽屉态 [SYNC:nav-drawer] ② JS 判定溢出（任意宽度） ---- */
html.tmc-nav-drawer .tmc-nav-toggle { display: flex; }

html.tmc-nav-drawer .tmc-navbar__in { position: relative; }

html.tmc-nav-drawer .tmc-nav {
	position: absolute;
	top: 100%;
	left: calc(-1 * var(--tmc-pad));
	right: calc(-1 * var(--tmc-pad));
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	gap: 0;
	max-width: none;
	max-height: calc(100vh - var(--tmc-head-h) - 20px);
	overflow-y: auto;
	overscroll-behavior: contain;
	padding: 6px 0 20px;
	background: var(--tmc-white);
	border-top: 1px solid var(--tmc-border);
	border-radius: 0 0 var(--tmc-radius-lg) var(--tmc-radius-lg);
	box-shadow: 0 26px 60px rgba(16, 38, 58, .17);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-8px);
	transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}
html.tmc-nav-drawer .tmc-nav.is-open { opacity: 1; visibility: visible; transform: translateY(0); }

html.tmc-nav-drawer .tmc-nav__item { border-bottom: 1px solid var(--tmc-bg-soft); position: static; }
html.tmc-nav-drawer .tmc-nav__item:last-child { border-bottom: none; }

html.tmc-nav-drawer .tmc-nav__item--top > .tmc-nav__link {
	height: auto;
	width: 100%;
	justify-content: space-between;
	padding: 15px 24px;
	font-size: 16px;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}
html.tmc-nav-drawer .tmc-nav__item--top:hover > .tmc-nav__link { transform: none; box-shadow: none; }
html.tmc-nav-drawer .tmc-nav__item--top.current-menu-item > .tmc-nav__link,
html.tmc-nav-drawer .tmc-nav__item--top.current-menu-ancestor > .tmc-nav__link,
html.tmc-nav-drawer .tmc-nav__item--top.current-menu-parent > .tmc-nav__link {
	background: var(--tmc-orange-light);
	border: 0;
}
html.tmc-nav-drawer .tmc-nav__caret { display: inline-flex; }
html.tmc-nav-drawer .tmc-nav__item--top.is-expanded > .tmc-nav__link { color: var(--tmc-orange-text); }
html.tmc-nav-drawer .tmc-nav__item--top.is-expanded > .tmc-nav__link .tmc-nav__caret { transform: rotate(180deg); }

html.tmc-nav-drawer .tmc-mega {
	position: static;
	opacity: 1;
	visibility: visible;
	transform: none;
	box-shadow: none;
	border-top: none;
	border-radius: 0;
	background: var(--tmc-bg-soft);
	max-height: 0;
	overflow: hidden;
	transition: max-height .3s ease;
}
html.tmc-nav-drawer .tmc-nav__item--top.is-expanded .tmc-mega { max-height: 4000px; }

html.tmc-nav-drawer .tmc-mega__in { padding: 14px 20px 20px; max-width: none; }
html.tmc-nav-drawer .tmc-mega__cols { grid-template-columns: 1fr; gap: 10px; }
html.tmc-nav-drawer .tmc-mega__col { padding: 2px 0; }
html.tmc-nav-drawer .tmc-mega__col-head { padding: 10px 12px; margin-bottom: 2px; font-size: 15.5px; }
html.tmc-nav-drawer .tmc-mega__col-arrow { opacity: .4; transform: none; }
/* 抽屉里 flat 面板退化为单列堆叠，列间分隔线必须重置（否则每列左侧一条竖线） */
html.tmc-nav-drawer .tmc-mega--flat .tmc-mega__col { border-left: none; padding-left: 0; }
html.tmc-nav-drawer .tmc-mega--flat .tmc-mega__col-head { padding: 10px 12px; }
html.tmc-nav-drawer .tmc-mega__link-item a { padding: 9px 12px 9px 24px; font-size: 14.5px; }
html.tmc-nav-drawer .tmc-mega__link-item a:hover { padding-left: 28px; }

/* 抽屉态下 Mega 面板改为纵向展开，需要能看到溢出内容 */
html.tmc-nav-drawer .tmc-navbar__nav { overflow: visible; }

/* 2026-11-06 手机端可用性配套（见 assets/js/main.js 的同日期注释）
   ① 抽屉里每个栏目的「查看全部」直达链接：默认隐藏，仅抽屉态显示；
   ② 抽屉展开时把右下角悬浮组件（z-index 900）降层，避免盖住抽屉底部链接。 */
.tmc-mega__all {
	display: none;
	padding: 10px 12px;
	margin-bottom: 10px;
	border-radius: 8px;
	background: var(--tmc-orange-light);
	color: var(--tmc-orange-text);
	font-size: 14.5px;
	font-weight: 700;
	line-height: 1.5;
	text-decoration: none;
}
.tmc-mega__all:hover { text-decoration: underline; }
@media (max-width: 1120px) { .tmc-mega__all { display: block; } }
html.tmc-nav-drawer .tmc-mega__all { display: block; }
html.tmc-nav-open .tmc-float { z-index: 1; }


/* ==========================================================================
   首屏
   ========================================================================== */
.tmc-hero {
	position: relative;
	background: var(--tmc-dark);
	color: var(--tmc-white);
	overflow: hidden;
	isolation: isolate;
}

.tmc-hero__bg {
	position: absolute;
	inset: 0;
	z-index: -2;
}
.tmc-hero__bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* 暗层：保证白字对比度达标（方案 2.1 节对比度要求） */
.tmc-hero__bg::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(100deg,
		rgba(28, 27, 24, .94) 0%,
		rgba(28, 27, 24, .86) 45%,
		rgba(28, 27, 24, .58) 100%);
}

.tmc-hero__inner {
	display: flex;
	align-items: center;
	min-height: 620px;
	padding: 96px 0;
}

.tmc-hero__content { max-width: 720px; }

.tmc-hero__badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 7px 16px;
	margin-bottom: 28px;
	background: rgba(255, 102, 0, .16);
	border: 1px solid rgba(255, 102, 0, .5);
	border-radius: 999px;
	font-size: 13.5px;
	font-weight: 500;
	color: #FFD9B3;
	line-height: 1.4;
}
.tmc-hero__badge svg { flex-shrink: 0; }

.tmc-hero__title {
	font-size: clamp(32px, 4.6vw, var(--tmc-fs-h1));   /* 第四批：h1 档，桌面封顶 44 */
	font-weight: 500;
	line-height: var(--tmc-lh-h1);
	letter-spacing: -.02em;
	margin: 0 0 24px;
	color: var(--tmc-white);
}
.tmc-hero__title em {
	font-style: normal;
	color: #FF8A3D;
}

.tmc-hero__desc {
	font-size: 18px;
	line-height: 1.8;
	color: rgba(255, 255, 255, .84);
	margin: 0 0 40px;
	max-width: 620px;
}

.tmc-hero__points {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 28px;
	margin: 0 0 44px;
	padding: 0;
	list-style: none;
}
.tmc-hero__points li {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 15px;
	color: rgba(255, 255, 255, .88);
}
.tmc-hero__points svg { flex-shrink: 0; color: var(--tmc-orange); }

/* ==========================================================================
   数据信任区
   ========================================================================== */
.tmc-stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 1px;
	background: var(--tmc-border);
	border: 1px solid var(--tmc-border);
	border-radius: var(--tmc-radius);
	overflow: hidden;
}

.tmc-stat {
	padding: 36px 24px;
	background: var(--tmc-white);
	text-align: center;
	transition: background-color var(--tmc-transition);
}
.tmc-stat:hover { background: var(--tmc-orange-light); }

.tmc-stat__num {
	font-family: var(--tmc-font-en);
	font-size: clamp(30px, 3.4vw, 42px);
	font-weight: 500;
	line-height: 1.1;
	color: var(--tmc-orange-text);
	letter-spacing: -.02em;
	display: block;
}
.tmc-stat__num small { font-size: .55em; margin-left: 2px; }

.tmc-stat__label {
	display: block;
	margin-top: 10px;
	font-size: var(--tmc-fs-body);
	color: var(--tmc-gray);
	line-height: var(--tmc-lh-body);
}

/* ==========================================================================
   检测能力卡（大图 + Hover 上浮）
   ========================================================================== */
.tmc-svc-card { display: flex; flex-direction: column; height: 100%; }

.tmc-svc-card__media {
	position: relative;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: var(--tmc-bg-soft);
}
.tmc-svc-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .5s ease, filter var(--tmc-transition);
	filter: saturate(.85);
}
.tmc-svc-card:hover .tmc-svc-card__media img {
	transform: scale(1.06);
	filter: saturate(1.05);
}

.tmc-svc-card__count {
	position: absolute;
	top: 16px;
	right: 16px;
	padding: 4px 12px;
	background: rgba(51, 50, 46, .82);
	backdrop-filter: blur(4px);
	border-radius: 999px;
	font-size: 12px;
	color: var(--tmc-white);
	font-family: var(--tmc-font-en);
}

.tmc-svc-card__body {
	padding: 28px 26px 26px;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.tmc-svc-card__en {
	font-family: var(--tmc-font-en);
	font-size: 12px;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--tmc-gray-light);
	margin: 0 0 8px;
}

.tmc-svc-card__title {
	font-size: var(--tmc-fs-h3);            /* 第四批：卡片标题一律 h3 档 */
	font-weight: 500;
	color: var(--tmc-dark);
	margin: 0 0 12px;
	line-height: var(--tmc-lh-h3);
}

.tmc-svc-card__desc {
	font-size: var(--tmc-fs-body);
	line-height: var(--tmc-lh-body);
	color: var(--tmc-gray);
	margin: 0 0 18px;
}

.tmc-svc-card__list {
	margin: 0 0 22px;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}
.tmc-svc-card__list li {
	padding: 4px 11px;
	background: var(--tmc-bg-soft);
	border-radius: 4px;
	font-size: 13px;
	color: var(--tmc-text);
	line-height: 1.5;
	transition: background-color var(--tmc-transition), color var(--tmc-transition);
}
.tmc-svc-card:hover .tmc-svc-card__list li {
	background: var(--tmc-orange-light);
	color: var(--tmc-orange-hover);
}

.tmc-svc-card__more {
	margin-top: auto;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 15px;
	font-weight: 500;
	color: var(--tmc-dark);
}
.tmc-svc-card__more svg { transition: transform var(--tmc-transition); }
.tmc-svc-card:hover .tmc-svc-card__more { color: var(--tmc-orange-text); }
.tmc-svc-card:hover .tmc-svc-card__more svg { transform: translateX(5px); }

/* ==========================================================================
   产品分类
   ========================================================================== */
.tmc-prod {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 22px;
	background: var(--tmc-white);
	border: 1px solid var(--tmc-border);
	border-radius: var(--tmc-radius);
	height: 100%;
	transition: transform var(--tmc-transition), box-shadow var(--tmc-transition),
		border-color var(--tmc-transition);
}
.tmc-prod:hover {
	transform: translateY(-6px);
	box-shadow: var(--tmc-shadow-hover);
	border-color: var(--tmc-orange-border);
}

.tmc-prod__media {
	width: 88px;
	height: 88px;
	flex-shrink: 0;
	border-radius: var(--tmc-radius-sm);
	overflow: hidden;
	background: var(--tmc-bg-soft);
}
.tmc-prod__media img { width: 100%; height: 100%; object-fit: cover; }

.tmc-prod__body { min-width: 0; flex: 1; }

.tmc-prod__title {
	font-size: var(--tmc-fs-h3);
	font-weight: 500;
	color: var(--tmc-dark);
	margin: 0 0 6px;
	line-height: 1.4;
	transition: color var(--tmc-transition);
}
.tmc-prod:hover .tmc-prod__title { color: var(--tmc-orange-text); }

.tmc-prod__desc {
	font-size: var(--tmc-fs-aux);
	line-height: var(--tmc-lh-aux);
	color: var(--tmc-gray);
	margin: 0;
}

.tmc-prod__arrow {
	flex-shrink: 0;
	color: var(--tmc-gray-light);
	transition: transform var(--tmc-transition), color var(--tmc-transition);
}
.tmc-prod:hover .tmc-prod__arrow { transform: translateX(5px); color: var(--tmc-orange); }

/* 带配图的产品卡（首页用） */
.tmc-prod--img {
	flex-direction: column;
	align-items: stretch;
	gap: 0;
	padding: 0;
	overflow: hidden;
}

.tmc-prod--img .tmc-prod__media {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 10;
	border-radius: 0;
	overflow: hidden;
	background: var(--tmc-bg-soft);
}
.tmc-prod--img .tmc-prod__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .5s ease, filter var(--tmc-transition);
	filter: saturate(.9);
}
.tmc-prod--img:hover .tmc-prod__media img {
	transform: scale(1.06);
	filter: saturate(1.05);
}

.tmc-prod--img .tmc-prod__body {
	padding: 22px 24px 20px;
}

.tmc-prod--img .tmc-prod__arrow {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, .92);
	backdrop-filter: blur(4px);
	border-radius: 50%;
	color: var(--tmc-dark);
	transition: background-color var(--tmc-transition), color var(--tmc-transition), transform var(--tmc-transition);
}
.tmc-prod--img:hover .tmc-prod__arrow {
	background: var(--tmc-orange);
	color: var(--tmc-white);
	transform: translateX(3px);
}
.tmc-prod--img { position: relative; }

/* ==========================================================================
   正文配图（内容里的 figure）
   ========================================================================== */
.tmc-figure {
	margin: 32px 0;
}

.tmc-figure img {
	width: 100%;
	height: auto;
	border-radius: var(--tmc-radius);
	box-shadow: var(--tmc-shadow);
	display: block;
}

.tmc-figure figcaption {
	margin-top: 12px;
	font-size: 14px;
	line-height: 1.7;
	color: var(--tmc-gray);
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
}

/* 表格 */
.tmc-content .wp-block-table {
	overflow-x: auto;
	margin: 28px 0;
}
.tmc-content .wp-block-table table {
	width: 100%;
	border-collapse: collapse;
	font-size: 15.5px;
}
.tmc-content .wp-block-table th,
.tmc-content .wp-block-table td {
	padding: 13px 16px;
	border: 1px solid var(--tmc-border);
	text-align: left;
	line-height: 1.7;
}
.tmc-content .wp-block-table th {
	background: var(--tmc-bg-soft);
	color: var(--tmc-dark);
	font-weight: 500;
	white-space: nowrap;
}

/* 列表内的加粗小标题 */
.tmc-content ul strong,
.tmc-content ol strong {
	color: var(--tmc-dark);
	font-weight: 500;
}

/* ==========================================================================
   标准库速查
   ========================================================================== */
.tmc-standards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	gap: 14px;
}

.tmc-std {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 22px 20px;
	background: var(--tmc-white);
	border: 1px solid var(--tmc-border);
	border-left: 3px solid var(--tmc-orange);
	border-radius: var(--tmc-radius-sm);
	height: 100%;
	transition: transform var(--tmc-transition), box-shadow var(--tmc-transition);
}
.tmc-std:hover {
	transform: translateY(-4px);
	box-shadow: var(--tmc-shadow);
}

.tmc-std__no {
	font-family: var(--tmc-font-en);
	font-size: 16px;
	font-weight: 500;
	color: var(--tmc-dark);
	line-height: 1.3;
}
.tmc-std__desc {
	font-size: 13.5px;
	line-height: 1.6;
	color: var(--tmc-gray);
}

/* ==========================================================================
   文章卡（专栏 / 案例共用）
   ========================================================================== */
.tmc-post-card { display: flex; flex-direction: column; height: 100%; }

.tmc-post-card__media {
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: var(--tmc-bg-soft);
}
.tmc-post-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .5s ease;
}
.tmc-post-card:hover .tmc-post-card__media img { transform: scale(1.06); }

.tmc-post-card__body {
	padding: 24px;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.tmc-post-card__meta {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 12px;
	font-size: 13px;
	color: var(--tmc-gray-light);
}
.tmc-post-card__cat {
	padding: 3px 10px;
	background: var(--tmc-orange-light);
	color: var(--tmc-orange-text);
	border-radius: 4px;
	font-size: 12px;
	line-height: 1.5;
}
.tmc-post-card:hover .tmc-post-card__cat { background: var(--tmc-orange); color: var(--tmc-white); }

.tmc-post-card__title {
	font-size: var(--tmc-fs-h3);
	font-weight: 500;
	line-height: var(--tmc-lh-h3);
	color: var(--tmc-dark);
	margin: 0 0 12px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: color var(--tmc-transition);
}
.tmc-post-card:hover .tmc-post-card__title { color: var(--tmc-orange-text); }

.tmc-post-card__excerpt {
	font-size: var(--tmc-fs-aux);
	line-height: var(--tmc-lh-aux);
	color: var(--tmc-gray);
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* ==========================================================================
   实验室实景 / 信任区
   ========================================================================== */
.tmc-split {
	display: grid;
	grid-template-columns: 1.15fr 1fr;
	gap: 64px;
	align-items: center;
}
.tmc-split--rev { grid-template-columns: 1fr 1.15fr; }

.tmc-split__media {
	border-radius: var(--tmc-radius);
	overflow: hidden;
	aspect-ratio: 4 / 3;
	background: var(--tmc-bg-soft);
	position: relative;
}
.tmc-split__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .6s ease;
}
.tmc-split__media:hover img { transform: scale(1.04); }

.tmc-split__badge {
	position: absolute;
	left: 20px;
	bottom: 20px;
	padding: 8px 16px;
	background: rgba(51, 50, 46, .88);
	backdrop-filter: blur(6px);
	border-radius: var(--tmc-radius-sm);
	font-size: 13px;
	color: var(--tmc-white);
	line-height: 1.5;
}

.tmc-split__title {
	font-size: var(--tmc-fs-h2);            /* 第四批：分栏大标题归 h2 档 */
	font-weight: 500;
	line-height: var(--tmc-lh-h2);
	color: var(--tmc-dark);
	margin: 0 0 20px;
}

.tmc-split__text {
	font-size: var(--tmc-fs-body);
	line-height: var(--tmc-lh-body);
	color: var(--tmc-gray);
	margin: 0 0 20px;
}

.tmc-checklist {
	margin: 0 0 32px;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 12px;
}
.tmc-checklist li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 15.5px;
	line-height: 1.7;
	color: var(--tmc-text);
}
.tmc-checklist svg { flex-shrink: 0; margin-top: 5px; color: var(--tmc-orange); }

/* ==========================================================================
   FAQ 手风琴（无 JS 也能读，<details> 原生支持）
   ========================================================================== */
.tmc-faq { display: grid; gap: 12px; }

.tmc-faq__item {
	background: var(--tmc-white);
	border: 1px solid var(--tmc-border);
	border-radius: var(--tmc-radius);
	overflow: hidden;
	transition: border-color var(--tmc-transition);
}
.tmc-faq__item:hover { border-color: var(--tmc-orange-border); }
.tmc-faq__item[open] { border-color: var(--tmc-orange); }

.tmc-faq__q {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 20px 24px;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.6;
	color: var(--tmc-dark);
	cursor: pointer;
	list-style: none;
	transition: color var(--tmc-transition);
}
.tmc-faq__q::-webkit-details-marker { display: none; }
.tmc-faq__q:hover { color: var(--tmc-orange); }
.tmc-faq__item[open] .tmc-faq__q { color: var(--tmc-orange); }

.tmc-faq__q svg { flex-shrink: 0; color: var(--tmc-orange); transition: transform var(--tmc-transition); }
.tmc-faq__item[open] .tmc-faq__q svg { transform: rotate(45deg); }

.tmc-faq__a {
	padding: 0 24px 22px;
	font-size: 15.5px;
	line-height: 1.85;
	color: var(--tmc-gray);
}
.tmc-faq__a p { margin: 0 0 12px; }
.tmc-faq__a p:last-child { margin-bottom: 0; }

/* ==========================================================================
   微信二维码引导模块（2026-10-25 UI 优化新增）
   ──────────────────────────────────────────────────────────────────────────
   位置：首页 FAQ 与 CTA 之间 / 联系页表单之后（转化第二入口）
   视觉：暖橙渐变带（全页唯一色阶）+ 左文右码 + 白卡浮起 + 橙色扫描框角标
   ========================================================================== */
.tmc-wechat {
	background: var(--tmc-wechat-grad);
	border-top: 1px solid var(--tmc-orange-border);
	border-bottom: 1px solid var(--tmc-orange-border);
}

.tmc-wechat__inner {
	display: grid;
	grid-template-columns: 5fr 7fr;
	gap: 64px;
	align-items: center;
}

.tmc-wechat__copy { max-width: 560px; }

.tmc-wechat__title {
	font-size: var(--tmc-fs-h2);
	font-weight: 800;
	line-height: var(--tmc-lh-h2);
	letter-spacing: -.01em;
	color: var(--tmc-dark);
	margin: 0 0 16px;
}

.tmc-wechat__desc {
	font-size: 17px;
	line-height: 1.8;
	color: var(--tmc-text);
	margin: 0 0 24px;
}

.tmc-wechat__points {
	margin: 0 0 28px;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 10px;
}
.tmc-wechat__points li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 15.5px;
	line-height: 1.6;
	color: var(--tmc-dark);
}
.tmc-wechat__points svg { flex-shrink: 0; margin-top: 3px; color: var(--tmc-orange); }

/* 兜底联系方式：不给扫码设门槛（= 主站「不方便扫码？直接联系」模式） */
.tmc-wechat__alt {
	padding: 16px 20px;
	background: rgba(255, 255, 255, .66);
	border: 1px solid var(--tmc-orange-border);
	border-radius: var(--tmc-radius);
}
.tmc-wechat__alt-label {
	display: block;
	font-size: 13px;
	font-weight: 500;
	color: var(--tmc-gray);
	margin-bottom: 10px;
}
.tmc-wechat__alt-row {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 20px;
}
.tmc-wechat__alt-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 14.5px;
	font-weight: 500;
	color: var(--tmc-dark);
	text-decoration: none;
	transition: color var(--tmc-transition);
}
.tmc-wechat__alt-link svg { flex-shrink: 0; color: var(--tmc-orange); }
.tmc-wechat__alt-link:hover { color: var(--tmc-orange-text); }

/* 二维码卡组：视觉终点，权重高于左侧文案
   2026-10-27 改为「个人微信单人名片」单卡展示，不再按产品线出双码 */
.tmc-wechat__cards {
	display: flex;
	justify-content: center;
}

/* ==========================================================================
   首页信任数据带（2026-10-17 精简：原独立区块并入 hero 下沿）
   ========================================================================== */
.tmc-hero__stats {
	border-top: 1px solid rgba(255, 255, 255, .14);
	background: rgba(20, 19, 17, .52);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}
.tmc-hero__stats-in {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 14px 36px;
	padding: 18px 0;
}
.tmc-hero__stat {
	display: flex;
	align-items: baseline;
	gap: 10px;
	min-width: 0;
}
.tmc-hero__stat b {
	font-family: var(--tmc-font-en);
	font-size: 25px;
	font-weight: 500;
	line-height: 1.1;
	color: #FF8A3D;
	letter-spacing: -.01em;
	white-space: nowrap;
}
.tmc-hero__stat span {
	font-size: 13.5px;
	color: rgba(255, 255, 255, .78);
	white-space: nowrap;
}

/* ==========================================================================
   产品分类紧凑卡（2026-10-17 精简：无图，只承担指路功能）
   ========================================================================== */
.tmc-prod-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(268px, 1fr));
	gap: 14px;
}
.tmc-prod-c {
	display: flex;
	align-items: flex-start;
	gap: 13px;
	padding: 17px 19px;
	background: var(--tmc-white);
	border: 1px solid var(--tmc-border);
	border-radius: var(--tmc-radius-sm);
	transition: transform var(--tmc-transition), box-shadow var(--tmc-transition),
		border-color var(--tmc-transition);
}
.tmc-prod-c:hover {
	border-color: var(--tmc-orange);
	box-shadow: 0 10px 28px rgba(51, 50, 46, .10);
	transform: translateY(-3px);
}
.tmc-prod-c__ic {
	width: 42px;
	height: 42px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--tmc-orange-light);
	border-radius: 10px;
	color: var(--tmc-orange);
	transition: background var(--tmc-transition), color var(--tmc-transition);
}
.tmc-prod-c:hover .tmc-prod-c__ic {
	background: var(--tmc-orange);
	color: var(--tmc-white);
}
.tmc-prod-c__body { min-width: 0; }
.tmc-prod-c__name {
	display: block;
	font-size: 15.5px;
	font-weight: 700;
	line-height: 1.4;
	color: var(--tmc-dark);
}
.tmc-prod-c:hover .tmc-prod-c__name { color: var(--tmc-orange); }
.tmc-prod-c__desc {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	line-height: 1.6;
	color: var(--tmc-gray);
}

/* ==========================================================================
   标准库 chips（2026-10-17 精简：精选横排，不全量堆首页）
   ========================================================================== */
.tmc-std-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.tmc-std-chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 18px;
	background: var(--tmc-white);
	border: 1px solid var(--tmc-border);
	border-radius: 999px;
	font-size: 14.5px;
	line-height: 1.4;
	color: var(--tmc-dark);
	transition: border-color var(--tmc-transition), color var(--tmc-transition),
		box-shadow var(--tmc-transition);
}
.tmc-std-chip:hover {
	border-color: var(--tmc-orange);
	color: var(--tmc-orange-text);
	box-shadow: 0 6px 18px rgba(255, 102, 0, .12);
}
.tmc-std-chip svg { flex-shrink: 0; color: var(--tmc-orange); }
.tmc-std-chip__no { font-weight: 700; white-space: nowrap; }
.tmc-std-chip__name {
	color: var(--tmc-gray);
	font-size: 13.5px;
}
.tmc-std-chip:hover .tmc-std-chip__name { color: var(--tmc-orange); }

/* 车规核心标准（2026-10-25）：实心浅橙底 + 角标，与普通 chip 形成两级视觉 */
.tmc-std-chip--core {
	background: var(--tmc-orange-light);
	border-color: var(--tmc-orange-border);
	font-weight: 500;
}
.tmc-std-chip--core:hover {
	background: var(--tmc-orange-light);
	border-color: var(--tmc-orange);
	color: var(--tmc-orange-text);
}
.tmc-std-chip__flag {
	flex-shrink: 0;
	padding: 1px 8px;
	background: var(--tmc-orange);
	border-radius: 999px;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.6;
	color: var(--tmc-white);
	letter-spacing: .02em;
}

/* ==========================================================================
   专栏分类一行链（2026-10-17 精简：替代原 6 分类网格）
   ========================================================================== */
.tmc-kb-inline {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 10px;
	margin-top: 26px;
	padding-top: 22px;
	border-top: 1px dashed var(--tmc-border);
}
.tmc-kb-inline__label {
	font-size: 13px;
	color: var(--tmc-gray);
	margin-right: 4px;
}
.tmc-kb-inline a {
	padding: 6px 15px;
	background: var(--tmc-white);
	border: 1px solid var(--tmc-border);
	border-radius: 999px;
	font-size: 13.5px;
	color: var(--tmc-dark);
	transition: border-color var(--tmc-transition), color var(--tmc-transition);
}
.tmc-kb-inline a:hover {
	border-color: var(--tmc-orange);
	color: var(--tmc-orange-text);
}

/* ==========================================================================
   底部强转化区
   ========================================================================== */
.tmc-cta {
	background: var(--tmc-orange);
	color: var(--tmc-white);
	position: relative;
	overflow: hidden;
	isolation: isolate;
}
/* 斜向纹理，纯 CSS，不依赖图片 */
.tmc-cta::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background-image: repeating-linear-gradient(
		-45deg,
		rgba(255, 255, 255, .05) 0,
		rgba(255, 255, 255, .05) 2px,
		transparent 2px,
		transparent 24px
	);
}

.tmc-cta__inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 64px;
	align-items: start;
}

.tmc-cta__title {
	font-size: var(--tmc-fs-h2);            /* 第四批：CTA 标题归 h2 档 */
	font-weight: 500;
	line-height: var(--tmc-lh-h2);
	color: var(--tmc-white);
	margin: 0 0 20px;
}

.tmc-cta__desc {
	font-size: 17px;
	line-height: 1.8;
	color: rgba(255, 255, 255, .92);
	margin: 0 0 28px;
}

.tmc-cta__list {
	margin: 0 0 32px;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 12px;
}
.tmc-cta__list li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 16px;
	line-height: 1.7;
	color: var(--tmc-white);
}
.tmc-cta__list svg { flex-shrink: 0; margin-top: 5px; }

.tmc-cta__phone {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 18px 24px;
	background: rgba(255, 255, 255, .14);
	border: 1px solid rgba(255, 255, 255, .28);
	border-radius: var(--tmc-radius);
	margin-bottom: 28px;
	flex-wrap: wrap;
}
.tmc-cta__phone svg { flex-shrink: 0; }
.tmc-cta__phone-label { display: block; font-size: 12px; color: rgba(255, 255, 255, .82); line-height: 1.3; }
.tmc-cta__phone-num {
	display: block;
	font-family: var(--tmc-font-en);
	font-size: 21px;
	font-weight: 500;
	color: var(--tmc-white);
	line-height: 1.3;
}
.tmc-cta__phone-sep { color: rgba(255, 255, 255, .4); }

/* ==========================================================================
   表单
   ========================================================================== */
.tmc-form { display: grid; gap: 16px; }

.tmc-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
/* row 里只剩一个字段时必须整宽：compact 模式（悬浮面板）下「产品类型」独占一行但只有一列，
   曾出现下拉框只占半宽、选项文字被截成「请选择（可留空」的破相。 */
.tmc-form__row > .tmc-field:only-child { grid-column: 1 / -1; }

.tmc-field { display: grid; gap: 7px; }

.tmc-field__label {
	font-size: 14px;
	font-weight: 500;
	color: inherit;
	line-height: 1.5;
}
.tmc-field__label .req { color: var(--tmc-danger); margin-left: 3px; }

.tmc-field__input,
.tmc-field__select,
.tmc-field__textarea {
	width: 100%;
	min-height: 50px;
	padding: 13px 16px;
	font-size: 16px;
	line-height: 1.5;
	color: var(--tmc-text);
	background: var(--tmc-white);
	border: 1px solid var(--tmc-border);
	border-radius: var(--tmc-radius-sm);
	transition: border-color var(--tmc-transition), box-shadow var(--tmc-transition);
	/* iOS 缩放规避：字号须 ≥16px */
	-webkit-appearance: none;
	appearance: none;
}
.tmc-field__textarea { min-height: 110px; resize: vertical; }

.tmc-field__select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236E6D67' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 16px center;
	padding-right: 40px;
}

.tmc-field__input:focus,
.tmc-field__select:focus,
.tmc-field__textarea:focus {
	outline: none;
	border-color: var(--tmc-orange);
	box-shadow: 0 0 0 3px rgba(255, 102, 0, .14);
}

/* CTA 区域内反白表单 */
.tmc-cta .tmc-field__label { color: var(--tmc-white); }
.tmc-cta .tmc-field__input,
.tmc-cta .tmc-field__select,
.tmc-cta .tmc-field__textarea {
	border-color: rgba(255, 255, 255, .4);
	background: rgba(255, 255, 255, .96);
}
.tmc-cta .tmc-field__input:focus,
.tmc-cta .tmc-field__select:focus,
.tmc-cta .tmc-field__textarea:focus {
	border-color: var(--tmc-white);
	box-shadow: 0 0 0 3px rgba(255, 255, 255, .28);
}

.tmc-form__submit { width: 100%; }

.tmc-form__note {
	font-size: 13.5px;
	line-height: 1.65;
	margin: 4px 0 0;
}
.tmc-cta .tmc-form__note { color: rgba(255, 255, 255, .88); }

.tmc-form__ok {
	padding: 14px 18px;
	background: rgba(94, 138, 70, .1);
	border: 1px solid rgba(94, 138, 70, .4);
	border-radius: var(--tmc-radius-sm);
	font-size: 15px;
	line-height: 1.6;
	color: #4A7A38;
	display: none;
}
.tmc-form__ok.is-shown { display: block; }

/* 无 JS 提交后的落地回执（联系页 ?lead=ok|err） */
.tmc-form-msg {
	padding: 12px 15px;
	margin: 0 0 16px;
	border-radius: var(--tmc-radius-sm);
	font-size: 13.6px;
	font-weight: 600;
	line-height: 1.65;
}
.tmc-form-msg--ok {
	background: rgba(94, 138, 70, .1);
	border: 1px solid rgba(94, 138, 70, .38);
	color: #4A7A38;
}
.tmc-form-msg--err {
	background: rgba(201, 42, 42, .08);
	border: 1px solid rgba(201, 42, 42, .35);
	color: #A32D2D;
}

/* 选填标记：比必填的橙星低调一档，不抢视线 */
.tmc-field__opt {
	margin-left: 4px;
	font-size: 11.6px;
	font-weight: 500;
	color: var(--tmc-gray);
	letter-spacing: 0;
}

/* 蜜罐：视觉隐藏但对爬虫可见 */
.tmc-hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* 二维码占位（未上传时显示，不留空白） */
.tmc-qr-placeholder {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 130px;
	height: 130px;
	margin: 0 auto 8px;
	padding: 10px;
	background: var(--tmc-bg-soft);
	border: 1px dashed var(--tmc-border);
	border-radius: var(--tmc-radius-sm);
	color: var(--tmc-gray-light);
	text-align: center;
	line-height: 1.4;
}
.tmc-qr-placeholder span { font-size: 12px; }

/* ==========================================================================
   分页（可抓取独立 URL）
   ========================================================================== */
.tmc-pagination { margin-top: 48px; }

.tmc-pagination ul {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.tmc-pagination a,
.tmc-pagination span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	padding: 0 14px;
	border: 1px solid var(--tmc-border);
	border-radius: var(--tmc-radius-sm);
	font-size: 15px;
	color: var(--tmc-text);
	transition: background-color var(--tmc-transition), color var(--tmc-transition),
		border-color var(--tmc-transition);
}

.tmc-pagination a:hover {
	background: var(--tmc-orange-light);
	border-color: var(--tmc-orange);
	color: var(--tmc-orange-text);
}

.tmc-pagination .current {
	background: var(--tmc-orange);
	border-color: var(--tmc-orange);
	color: var(--tmc-white);
	font-weight: 500;
}

.tmc-pagination .dots {
	border-color: transparent;
	color: var(--tmc-gray-light);
}

/* ==========================================================================
   内页通用：面包屑 + 页面头图
   ========================================================================== */
.tmc-page-head {
	background: var(--tmc-dark);
	color: var(--tmc-white);
	position: relative;
	overflow: hidden;
	isolation: isolate;
	padding: 72px 0 64px;
}
.tmc-page-head__bg {
	position: absolute;
	inset: 0;
	z-index: -2;
	background-size: cover;
	background-position: center;
}
.tmc-page-head__bg::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(100deg,
		rgba(28, 27, 24, .95) 0%,
		rgba(28, 27, 24, .86) 50%,
		rgba(28, 27, 24, .66) 100%);
}

.tmc-breadcrumb {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
	font-size: 14px;
	color: rgba(255, 255, 255, .62);
}
.tmc-breadcrumb li { display: flex; align-items: center; gap: 8px; }
.tmc-breadcrumb li + li::before {
	content: "/";
	color: rgba(255, 255, 255, .34);
}
.tmc-breadcrumb a { color: rgba(255, 255, 255, .72); }
.tmc-breadcrumb a:hover { color: var(--tmc-white); }
.tmc-breadcrumb [aria-current] { color: var(--tmc-white); }

.tmc-page-head__title {
	/* 第五批 B 方向：下限改用 --tmc-fs-h1-min（第四批硬编码 30px / 25px，
	   在 1024px 视口会被 vw 项拉到 32px 以下，与区块标题同档甚至更小） */
	font-size: clamp(var(--tmc-fs-h1-min), 4vw, var(--tmc-fs-h1));
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: -.02em;
	color: var(--tmc-white);
	margin: 0 0 18px;
	max-width: 860px;
}

.tmc-page-head__desc {
	font-size: 17.5px;
	line-height: 1.8;
	color: rgba(255, 255, 255, .84);
	margin: 0;
	max-width: 760px;
}

/* 正文排版 */
.tmc-content { font-size: var(--tmc-fs-body); line-height: var(--tmc-lh-body); color: var(--tmc-text); }
.tmc-content > * { max-width: 860px; }
.tmc-content h2 {
	font-size: var(--tmc-fs-h2);
	font-weight: 500;
	line-height: var(--tmc-lh-h2);
	color: var(--tmc-dark);
	margin: 48px 0 20px;
	padding-left: 16px;
	border-left: 4px solid var(--tmc-orange);
}
.tmc-content h3 {
	font-size: var(--tmc-fs-h3);
	font-weight: 500;
	line-height: var(--tmc-lh-h3);
	color: var(--tmc-dark);
	margin: 36px 0 14px;
}
.tmc-content h4 {
	font-size: var(--tmc-fs-body);       /* 第四批：h4 降为加粗正文档，避免与 h3 档碰撞 */
	font-weight: 700;
	color: var(--tmc-dark);
	margin: 28px 0 12px;
}
.tmc-content p { margin: 0 0 20px; }
.tmc-content ul, .tmc-content ol { margin: 0 0 22px; padding-left: 24px; }
.tmc-content li { margin-bottom: 10px; }
.tmc-content img { border-radius: var(--tmc-radius); margin: 28px 0; }
.tmc-content blockquote {
	margin: 28px 0;
	padding: 20px 24px;
	background: var(--tmc-orange-light);
	border-left: 4px solid var(--tmc-orange);
	border-radius: 0 var(--tmc-radius-sm) var(--tmc-radius-sm) 0;
	color: var(--tmc-text);
}
.tmc-content blockquote p:last-child { margin-bottom: 0; }
.tmc-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 28px 0;
	font-size: 15.5px;
}
.tmc-content th,
.tmc-content td {
	padding: 13px 16px;
	border: 1px solid var(--tmc-border);
	text-align: left;
	line-height: 1.7;
}
.tmc-content th { background: var(--tmc-bg-soft); color: var(--tmc-dark); font-weight: 500; }
.tmc-content code {
	font-family: var(--tmc-font-mono);
	font-size: .92em;
	padding: 2px 6px;
	background: var(--tmc-bg-soft);
	border-radius: 4px;
	color: var(--tmc-orange-hover);
}

/* 正文里的标准号角标 */
.tmc-std-ref {
	display: inline-block;
	padding: 1px 7px;
	background: var(--tmc-orange-light);
	border: 1px solid var(--tmc-orange-border);
	border-radius: 4px;
	font-size: .88em;
	line-height: 1.6;
	color: var(--tmc-orange-hover);
	font-weight: 500;
	white-space: nowrap;
	transition: background-color var(--tmc-transition), color var(--tmc-transition);
}
.tmc-std-ref:hover { background: var(--tmc-orange); border-color: var(--tmc-orange); color: var(--tmc-white); }

/* 文章页速览摘要框（AI 首选引用段） */
.tmc-takeaway {
	margin: 0 0 40px;
	padding: 24px 28px;
	background: var(--tmc-orange-light);
	border: 1px solid var(--tmc-orange-border);
	border-radius: var(--tmc-radius);
}
.tmc-takeaway__label {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 500;
	color: var(--tmc-orange-text);
	letter-spacing: .04em;
	margin-bottom: 10px;
}
.tmc-takeaway__body {
	font-size: 16.5px;
	line-height: 1.85;
	color: var(--tmc-text);
	margin: 0;
}
.tmc-takeaway__body p { margin: 0 0 10px; }
.tmc-takeaway__body p:last-child { margin-bottom: 0; }

/* 文章元信息条 */
.tmc-post-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px 20px;
	margin-bottom: 28px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--tmc-border);
	font-size: 14px;
	color: var(--tmc-gray);
}
.tmc-post-meta__item { display: flex; align-items: center; gap: 6px; }
.tmc-post-meta__cat {
	padding: 3px 10px;
	background: var(--tmc-orange-light);
	color: var(--tmc-orange-text);
	border-radius: 4px;
	font-size: 13px;
}
.tmc-post-meta a { color: var(--tmc-gray); }
.tmc-post-meta a:hover { color: var(--tmc-orange); }

/* 相关推荐（每页底部 3-6 个，按分类/标签匹配） */
.tmc-related { padding-top: 56px; margin-top: 56px; border-top: 1px solid var(--tmc-border); }
.tmc-related__title {
	font-size: var(--tmc-fs-h3);
	font-weight: 500;
	color: var(--tmc-dark);
	margin: 0 0 28px;
	padding-left: 14px;
	border-left: 4px solid var(--tmc-orange);
	line-height: 1.4;
}

/* 上下篇导航 */
.tmc-post-nav {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin-top: 48px;
	padding-top: 40px;
	border-top: 1px solid var(--tmc-border);
}
.tmc-post-nav a {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 18px 20px;
	border: 1px solid var(--tmc-border);
	border-radius: var(--tmc-radius);
	transition: border-color var(--tmc-transition), background-color var(--tmc-transition);
}
.tmc-post-nav a:hover { border-color: var(--tmc-orange); background: var(--tmc-orange-light); }
.tmc-post-nav .tmc-post-nav__label {
	font-size: 13px;
	color: var(--tmc-gray-light);
	display: flex;
	align-items: center;
	gap: 6px;
}
.tmc-post-nav .tmc-post-nav__title {
	font-size: 15.5px;
	line-height: 1.6;
	color: var(--tmc-dark);
}
.tmc-post-nav .tmc-post-nav__next { text-align: right; }
.tmc-post-nav .tmc-post-nav__next .tmc-post-nav__label { justify-content: flex-end; }

/* 文章列表（归档页用，区别于首页卡片） */
.tmc-post-list { display: grid; gap: 24px; }
.tmc-post-list .tmc-post-card {
	flex-direction: row;
	align-items: stretch;
}
.tmc-post-list .tmc-post-card__media {
	width: 300px;
	flex-shrink: 0;
	aspect-ratio: auto;
}
.tmc-post-list .tmc-post-card__body { padding: 28px 30px; }

/* 空状态 */
.tmc-empty {
	padding: 80px 24px;
	text-align: center;
	background: var(--tmc-bg-soft);
	border-radius: var(--tmc-radius);
}
.tmc-empty__title { font-size: var(--tmc-fs-h3); color: var(--tmc-dark); margin: 0 0 10px; font-weight: 500; }
.tmc-empty__desc { font-size: var(--tmc-fs-body); color: var(--tmc-gray); margin: 0 0 24px; }

/* ==========================================================================
   图片占位（未上传实拍图时的优雅降级，不留白块）
   ========================================================================== */
.tmc-hero__placeholder {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background:
		radial-gradient(circle at 70% 30%, rgba(255, 102, 0, .22), transparent 55%),
		linear-gradient(135deg, #2A2925 0%, #33322E 60%, #3E3D38 100%);
	color: rgba(255, 255, 255, .14);
}
.tmc-hero__placeholder svg { width: 88px; height: 88px; stroke-width: 1; }

.tmc-split__placeholder {
	width: 100%;
	height: 100%;
	min-height: 320px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, var(--tmc-bg-soft) 0%, #EBE8E1 100%);
	color: var(--tmc-gray-light);
}
.tmc-split__placeholder svg { width: 72px; height: 72px; stroke-width: 1; }

.tmc-svc-card__icon,
.tmc-post-card__icon {
	width: 100%;
	height: 100%;
	min-height: 180px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, var(--tmc-bg-soft) 0%, #ECEAE4 100%);
	color: var(--tmc-orange);
	transition: transform var(--tmc-transition);
}
.tmc-card:hover .tmc-svc-card__icon,
.tmc-card:hover .tmc-post-card__icon { transform: scale(1.06); }
.tmc-svc-card__icon svg { stroke-width: 1.3; }
.tmc-post-card__icon svg { stroke-width: 1.3; }
.tmc-post-card__icon { min-height: 150px; color: var(--tmc-gray-light); }

/* ==========================================================================
   专栏分类入口（首页技术专栏板块）
   ========================================================================== */
.tmc-kb-cat {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 18px 20px;
	background: var(--tmc-white);
	border: 1px solid var(--tmc-border);
	border-radius: var(--tmc-radius);
	transition: transform var(--tmc-transition), box-shadow var(--tmc-transition),
		border-color var(--tmc-transition);
}
.tmc-kb-cat:hover {
	transform: translateY(-4px);
	box-shadow: var(--tmc-shadow-hover);
	border-color: var(--tmc-orange-border);
}

.tmc-kb-cat__icon {
	width: 44px;
	height: 44px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--tmc-orange-light);
	border-radius: var(--tmc-radius-sm);
	color: var(--tmc-orange);
	transition: background-color var(--tmc-transition), color var(--tmc-transition);
}
.tmc-kb-cat:hover .tmc-kb-cat__icon { background: var(--tmc-orange); color: var(--tmc-white); }

.tmc-kb-cat__body { min-width: 0; flex: 1; }

.tmc-kb-cat__name {
	display: block;
	font-size: var(--tmc-fs-h3);
	font-weight: 500;
	color: var(--tmc-dark);
	line-height: 1.4;
	margin-bottom: 3px;
}
.tmc-kb-cat:hover .tmc-kb-cat__name { color: var(--tmc-orange); }

.tmc-kb-cat__desc {
	display: block;
	font-size: var(--tmc-fs-aux);
	line-height: 1.6;
	color: var(--tmc-gray);
}

.tmc-kb-cat__arrow {
	flex-shrink: 0;
	color: var(--tmc-gray-light);
	transition: transform var(--tmc-transition), color var(--tmc-transition);
}
.tmc-kb-cat:hover .tmc-kb-cat__arrow { transform: translateX(4px); color: var(--tmc-orange); }

/* ==========================================================================
   内页布局：主栏 + 侧栏
   ========================================================================== */
.tmc-page-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: 56px;
	align-items: start;
}

.tmc-page-main { min-width: 0; }

.tmc-page-side {
	position: sticky;
	top: 160px;
	display: grid;
	gap: 20px;
}

@media (max-width: 1024px) {
	.tmc-page-layout { grid-template-columns: 1fr; gap: 40px; }
	.tmc-page-side { position: static; }
}

/* ==========================================================================
   侧栏卡片
   ========================================================================== */
.tmc-side-card {
	padding: 24px;
	background: var(--tmc-white);
	border: 1px solid var(--tmc-border);
	border-radius: var(--tmc-radius);
}

.tmc-side-card--cred { background: var(--tmc-bg-soft); }

.tmc-side-card__title {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 17px;
	font-weight: 500;
	color: var(--tmc-dark);
	margin: 0 0 12px;
	line-height: 1.4;
}
.tmc-side-card__title svg { color: var(--tmc-orange); flex-shrink: 0; }

.tmc-side-card__desc {
	font-size: 14px;
	line-height: 1.7;
	color: var(--tmc-gray);
	margin: 0 0 18px;
}

.tmc-side-card__phones {
	display: grid;
	gap: 10px;
	margin-bottom: 16px;
}

.tmc-side-card__phone {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 11px 14px;
	background: var(--tmc-bg-soft);
	border-radius: var(--tmc-radius-sm);
	transition: background-color var(--tmc-transition);
}
.tmc-side-card__phone:hover { background: var(--tmc-orange-light); }
.tmc-side-card__phone svg { color: var(--tmc-orange); flex-shrink: 0; }
.tmc-side-card__phone small {
	display: block;
	font-size: 12px;
	color: var(--tmc-gray);
	line-height: 1.3;
}
.tmc-side-card__phone strong {
	display: block;
	font-family: var(--tmc-font-en);
	font-size: 16px;
	font-weight: 500;
	color: var(--tmc-dark);
	line-height: 1.4;
}

.tmc-side-card__list {
	margin: 0 0 16px;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 10px;
}
.tmc-side-card__list li {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	color: var(--tmc-text);
	line-height: 1.6;
}
.tmc-side-card__list svg { color: var(--tmc-orange); flex-shrink: 0; }

.tmc-side-card__link {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 14px;
	font-weight: 500;
	color: var(--tmc-dark);
}
.tmc-side-card__link svg { transition: transform var(--tmc-transition); }
.tmc-side-card__link:hover { color: var(--tmc-orange); }
.tmc-side-card__link:hover svg { transform: translateX(4px); }

.tmc-side-card__cats { margin: 0; padding: 0; list-style: none; display: grid; gap: 4px; }
.tmc-side-card__cats a {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 9px 10px;
	border-radius: var(--tmc-radius-sm);
	font-size: 14.5px;
	color: var(--tmc-text);
	transition: background-color var(--tmc-transition), color var(--tmc-transition);
}
.tmc-side-card__cats a:hover { background: var(--tmc-orange-light); color: var(--tmc-orange); }
.tmc-side-card__cats svg { color: var(--tmc-gray-light); flex-shrink: 0; }
.tmc-side-card__cats a:hover svg { color: var(--tmc-orange); }

/* ==========================================================================
   服务大面板 / 标准面板（列表页用）
   ========================================================================== */
.tmc-svc-panel {
	display: flex;
	align-items: flex-start;
	gap: 22px;
	padding: 30px;
	background: var(--tmc-white);
	border: 1px solid var(--tmc-border);
	border-radius: var(--tmc-radius);
	transition: transform var(--tmc-transition), box-shadow var(--tmc-transition),
		border-color var(--tmc-transition);
}
.tmc-svc-panel:hover {
	transform: translateY(-6px);
	box-shadow: var(--tmc-shadow-hover);
	border-color: var(--tmc-orange-border);
}

.tmc-svc-panel__icon {
	width: 62px;
	height: 62px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--tmc-orange-light);
	border-radius: var(--tmc-radius);
	color: var(--tmc-orange);
	transition: background-color var(--tmc-transition), color var(--tmc-transition);
}
.tmc-svc-panel:hover .tmc-svc-panel__icon { background: var(--tmc-orange); color: var(--tmc-white); }

.tmc-svc-panel__body { flex: 1; min-width: 0; }
.tmc-svc-panel__en {
	display: block;
	font-family: var(--tmc-font-en);
	font-size: 12px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--tmc-gray-light);
	margin-bottom: 5px;
}
.tmc-svc-panel__title {
	display: block;
	font-size: 21px;
	font-weight: 500;
	color: var(--tmc-dark);
	margin-bottom: 10px;
	line-height: 1.4;
}
.tmc-svc-panel:hover .tmc-svc-panel__title { color: var(--tmc-orange); }
.tmc-svc-panel__desc {
	display: block;
	font-size: 15px;
	line-height: 1.75;
	color: var(--tmc-gray);
	margin-bottom: 14px;
}
.tmc-svc-panel__items { display: flex; flex-wrap: wrap; gap: 6px; }

.tmc-chip {
	display: inline-block;
	padding: 4px 11px;
	background: var(--tmc-bg-soft);
	border-radius: 4px;
	font-size: 13px;
	color: var(--tmc-text);
	line-height: 1.5;
}

.tmc-svc-panel__arrow {
	flex-shrink: 0;
	color: var(--tmc-gray-light);
	margin-top: 20px;
	transition: transform var(--tmc-transition), color var(--tmc-transition);
}
.tmc-svc-panel:hover .tmc-svc-panel__arrow { transform: translateX(5px); color: var(--tmc-orange); }

/* 带配图的服务大面板 */
.tmc-svc-panel--img {
	flex-direction: column;
	align-items: stretch;
	gap: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
}

.tmc-svc-panel__media {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: var(--tmc-bg-soft);
}
.tmc-svc-panel__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .5s ease;
	filter: saturate(.9);
}
.tmc-svc-panel:hover .tmc-svc-panel__media img {
	transform: scale(1.05);
	filter: saturate(1.05);
}

.tmc-svc-panel__badge {
	position: absolute;
	top: 14px;
	right: 14px;
	padding: 5px 13px;
	background: rgba(255, 102, 0, .94);
	border-radius: 999px;
	font-size: 12.5px;
	color: var(--tmc-white);
	line-height: 1.5;
}

.tmc-svc-panel__inner {
	display: block;
	padding: 26px 28px 28px;
}
.tmc-svc-panel--img:hover .tmc-svc-panel__inner { padding-left: 32px; }
.tmc-svc-panel__inner {
	transition: padding-left var(--tmc-transition);
}

.tmc-std-panel {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	padding: 26px;
	background: var(--tmc-white);
	border: 1px solid var(--tmc-border);
	border-left: 4px solid var(--tmc-orange);
	border-radius: var(--tmc-radius);
	transition: transform var(--tmc-transition), box-shadow var(--tmc-transition);
}
.tmc-std-panel:hover { transform: translateY(-4px); box-shadow: var(--tmc-shadow); }

.tmc-std-panel__no {
	flex-shrink: 0;
	min-width: 132px;
	font-family: var(--tmc-font-en);
	font-size: 15.5px;
	font-weight: 500;
	color: var(--tmc-orange-text);
	line-height: 1.5;
}
.tmc-std-panel__body { flex: 1; min-width: 0; }
.tmc-std-panel__name {
	display: block;
	font-size: 17px;
	font-weight: 500;
	color: var(--tmc-dark);
	margin-bottom: 6px;
	line-height: 1.5;
}
.tmc-std-panel__scope {
	display: block;
	font-size: 13.5px;
	color: var(--tmc-orange-text);
	margin-bottom: 8px;
	line-height: 1.6;
}
.tmc-std-panel__desc {
	display: block;
	font-size: 14.5px;
	line-height: 1.7;
	color: var(--tmc-gray);
}
.tmc-std-panel__arrow {
	flex-shrink: 0;
	color: var(--tmc-gray-light);
	margin-top: 8px;
	transition: transform var(--tmc-transition), color var(--tmc-transition);
}
.tmc-std-panel:hover .tmc-std-panel__arrow { transform: translateX(4px); color: var(--tmc-orange); }

/* ==========================================================================
   服务项目卡（服务页）
   ========================================================================== */
.tmc-item-card {
	position: relative;
	padding: 28px 26px;
	background: var(--tmc-white);
	border: 1px solid var(--tmc-border);
	border-radius: var(--tmc-radius);
	transition: transform var(--tmc-transition), box-shadow var(--tmc-transition),
		border-color var(--tmc-transition);
}
.tmc-item-card:hover {
	transform: translateY(-6px);
	box-shadow: var(--tmc-shadow-hover);
	border-color: var(--tmc-orange);
}

.tmc-item-card__no {
	display: block;
	font-family: var(--tmc-font-en);
	font-size: 30px;
	font-weight: 500;
	line-height: 1;
	color: var(--tmc-orange-text);
	opacity: .28;
	margin-bottom: 14px;
}

.tmc-item-card__title {
	font-size: 19px;
	font-weight: 500;
	color: var(--tmc-dark);
	margin: 0 0 10px;
	line-height: 1.4;
}

.tmc-item-card__desc {
	font-size: 14.5px;
	line-height: 1.7;
	color: var(--tmc-gray);
	margin: 0 0 16px;
}

.tmc-item-card__cta {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 14px;
	font-weight: 500;
	color: var(--tmc-dark);
}
.tmc-item-card__cta svg { transition: transform var(--tmc-transition); }
.tmc-item-card:hover .tmc-item-card__cta { color: var(--tmc-orange); }
.tmc-item-card:hover .tmc-item-card__cta svg { transform: translateX(4px); }

/* ==========================================================================
   相关推荐条目
   ========================================================================== */
.tmc-related__item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 16px 20px;
	background: var(--tmc-white);
	border: 1px solid var(--tmc-border);
	border-radius: var(--tmc-radius);
	font-size: 15.5px;
	color: var(--tmc-dark);
	transition: transform var(--tmc-transition), border-color var(--tmc-transition),
		background-color var(--tmc-transition), box-shadow var(--tmc-transition);
}
.tmc-related__item:hover {
	transform: translateY(-3px);
	border-color: var(--tmc-orange);
	background: var(--tmc-orange-light);
	color: var(--tmc-orange-text);
	box-shadow: var(--tmc-shadow);
}
.tmc-related__item svg { flex-shrink: 0; color: var(--tmc-orange); }
.tmc-related__item span { min-width: 0; }

/* ==========================================================================
   文章标签与来源
   ========================================================================== */
.tmc-post-tags {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 40px;
	padding-top: 28px;
	border-top: 1px solid var(--tmc-border);
}
.tmc-post-tags__label {
	font-size: 14px;
	color: var(--tmc-gray);
	margin-right: 4px;
}
.tmc-post-tag {
	padding: 5px 13px;
	background: var(--tmc-bg-soft);
	border-radius: 999px;
	font-size: 13.5px;
	color: var(--tmc-text);
	transition: background-color var(--tmc-transition), color var(--tmc-transition);
}
.tmc-post-tag:hover { background: var(--tmc-orange); color: var(--tmc-white); }

/* 标签归档页 /tag/ 的相关标签云
   复用文章页的 .tmc-post-tag 外观，只补排列与计数，
   避免为「看起来差不多」的胶囊再写一套样式。 */
.tmc-tag-cloud {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.tmc-tag-cloud .tmc-post-tag {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 7px 15px;
	font-size: 14px;
}
.tmc-tag-cloud__n {
	font-size: 12px;
	color: var(--tmc-gray-light);
	font-variant-numeric: tabular-nums;
}
.tmc-tag-cloud .tmc-post-tag:hover .tmc-tag-cloud__n { color: rgba(255, 255, 255, .82); }

.tmc-post-source {
	display: flex;
	align-items: center;
	gap: 7px;
	margin-top: 20px;
	font-size: 13.5px;
	color: var(--tmc-gray);
}
.tmc-post-source a { color: var(--tmc-gray); text-decoration: underline; text-underline-offset: 3px; }
.tmc-post-source a:hover { color: var(--tmc-orange); }

/* ==========================================================================
   联系方式卡（联系页）
   ========================================================================== */
.tmc-contact-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 16px;
}

.tmc-contact-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding: 32px 20px;
	background: var(--tmc-white);
	border: 1px solid var(--tmc-border);
	border-radius: var(--tmc-radius);
	text-align: center;
	transition: transform var(--tmc-transition), box-shadow var(--tmc-transition),
		border-color var(--tmc-transition);
}
.tmc-contact-card:hover {
	transform: translateY(-5px);
	box-shadow: var(--tmc-shadow-hover);
	border-color: var(--tmc-orange);
}

.tmc-contact-card__icon {
	width: 54px;
	height: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--tmc-orange-light);
	border-radius: 50%;
	color: var(--tmc-orange);
	transition: background-color var(--tmc-transition), color var(--tmc-transition);
}
.tmc-contact-card:hover .tmc-contact-card__icon { background: var(--tmc-orange); color: var(--tmc-white); }

.tmc-contact-card__label { font-size: 13.5px; color: var(--tmc-gray); line-height: 1.4; }
.tmc-contact-card__value {
	font-family: var(--tmc-font-en);
	font-size: 18px;
	font-weight: 500;
	color: var(--tmc-dark);
	line-height: 1.4;
	word-break: break-all;
}

/* ==========================================================================
   点位卡（联系页）
   ========================================================================== */
.tmc-loc-card {
	display: flex;
	flex-direction: column;
	padding: 30px;
	background: var(--tmc-white);
	border: 1px solid var(--tmc-border);
	border-radius: var(--tmc-radius);
	transition: transform var(--tmc-transition), box-shadow var(--tmc-transition);
}
.tmc-loc-card:hover { transform: translateY(-4px); box-shadow: var(--tmc-shadow); }

.tmc-loc-card__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 8px;
	flex-wrap: wrap;
}

.tmc-loc-card__name {
	font-size: var(--tmc-fs-h3);
	font-weight: 500;
	color: var(--tmc-dark);
	margin: 0;
	line-height: 1.4;
}

.tmc-loc-card__badge {
	padding: 4px 12px;
	background: var(--tmc-orange-light);
	border-radius: 999px;
	font-size: 12.5px;
	color: var(--tmc-orange);
	white-space: nowrap;
}

.tmc-loc-card__scope {
	font-size: 14px;
	color: var(--tmc-orange-text);
	margin: 0 0 16px;
	line-height: 1.6;
}

.tmc-loc-card__addr {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	font-size: 15px;
	line-height: 1.75;
	color: var(--tmc-text);
	margin-bottom: 14px;
}
.tmc-loc-card__addr svg { flex-shrink: 0; margin-top: 5px; color: var(--tmc-orange); }

.tmc-loc-card__note {
	font-size: 14px;
	line-height: 1.75;
	color: var(--tmc-gray);
	margin: 0 0 20px;
	padding: 12px 16px;
	background: var(--tmc-bg-soft);
	border-radius: var(--tmc-radius-sm);
}

.tmc-loc-card__map {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: auto;
	font-size: 14.5px;
	font-weight: 500;
	color: var(--tmc-dark);
	align-self: flex-start;
}
.tmc-loc-card__map:hover { color: var(--tmc-orange); }
.tmc-loc-card__map svg:last-child { opacity: .5; }

/* ==========================================================================
   送样指引卡
   ========================================================================== */
.tmc-delivery-card {
	padding: 28px 26px;
	background: var(--tmc-white);
	border: 1px solid var(--tmc-border);
	border-radius: var(--tmc-radius);
	transition: transform var(--tmc-transition), box-shadow var(--tmc-transition);
}
.tmc-delivery-card:hover { transform: translateY(-5px); box-shadow: var(--tmc-shadow); }

.tmc-delivery-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	margin-bottom: 16px;
	background: var(--tmc-orange-light);
	border-radius: var(--tmc-radius);
	color: var(--tmc-orange);
}

.tmc-delivery-card__title {
	font-size: 19px;
	font-weight: 500;
	color: var(--tmc-dark);
	margin: 0 0 10px;
	line-height: 1.4;
}

.tmc-delivery-card__desc {
	font-size: 15px;
	line-height: 1.75;
	color: var(--tmc-gray);
	margin: 0;
}

/* ==========================================================================
   服务流程步骤（关于页）
   ========================================================================== */
.tmc-steps {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 16px;
	counter-reset: tmc-step;
}

.tmc-step {
	position: relative;
	padding: 26px 22px;
	background: var(--tmc-white);
	border: 1px solid var(--tmc-border);
	border-radius: var(--tmc-radius);
	transition: transform var(--tmc-transition), border-color var(--tmc-transition),
		box-shadow var(--tmc-transition);
}
.tmc-step:hover {
	transform: translateY(-5px);
	border-color: var(--tmc-orange);
	box-shadow: var(--tmc-shadow);
}

.tmc-step__no {
	display: block;
	font-family: var(--tmc-font-en);
	font-size: 32px;
	font-weight: 500;
	line-height: 1;
	color: var(--tmc-orange-text);
	opacity: .22;
	margin-bottom: 12px;
}

.tmc-step__title {
	font-size: 17px;
	font-weight: 500;
	color: var(--tmc-dark);
	margin: 0 0 8px;
	line-height: 1.4;
}

.tmc-step__desc {
	font-size: 14px;
	line-height: 1.7;
	color: var(--tmc-gray);
	margin: 0;
}

/* ==========================================================================
   客户 logo 墙
   ========================================================================== */
.tmc-clients {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 14px;
}

.tmc-client {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 72px;
	padding: 16px;
	background: var(--tmc-white);
	border: 1px solid var(--tmc-border);
	border-radius: var(--tmc-radius-sm);
	font-size: 17px;
	font-weight: 500;
	color: var(--tmc-dark);
	letter-spacing: .04em;
	transition: border-color var(--tmc-transition), color var(--tmc-transition);
}
.tmc-client:hover { border-color: var(--tmc-orange); color: var(--tmc-orange); }

/* ==========================================================================
   标准速览（标准详解页顶部）
   ========================================================================== */
.tmc-std-overview {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 1px;
	background: var(--tmc-border);
	border: 1px solid var(--tmc-border);
	border-radius: var(--tmc-radius);
	overflow: hidden;
}

.tmc-std-overview__item {
	padding: 22px 24px;
	background: var(--tmc-white);
	transition: background-color var(--tmc-transition);
}
.tmc-std-overview__item:hover { background: var(--tmc-orange-light); }

.tmc-std-overview__label {
	display: block;
	font-size: 13px;
	color: var(--tmc-gray);
	margin-bottom: 6px;
	line-height: 1.4;
}

.tmc-std-overview__value {
	display: block;
	font-size: 16px;
	font-weight: 500;
	color: var(--tmc-dark);
	line-height: 1.5;
}



/* ==========================================================================
   右下角悬浮转化组件
   ========================================================================== */
.tmc-float {
	position: fixed;
	right: 24px;
	bottom: 24px;
	z-index: var(--tmc-z-float);
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 12px;
}

/* 对齐主站 dock：图标在上、文字在下、宽度统一的圆角方块（非纯图标折叠）
   为什么不用横向 icon+text：主站四个按钮等宽，电话号在 80px 内容宽里自然折成
   「0755-」/「86642861」两行；横向排会让电话按钮比其它按钮宽出一大截，视觉散架。 */
.tmc-float__btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 7px;
	width: 96px;
	min-height: 78px;
	padding: 12px 8px;
	background: var(--tmc-white);
	color: var(--tmc-dark);
	border: 1px solid var(--tmc-border);
	border-radius: 14px;
	box-shadow: 0 4px 18px rgba(0, 0, 0, .12);
	cursor: pointer;
	font-family: inherit;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
	transition: background-color var(--tmc-transition), color var(--tmc-transition),
		transform var(--tmc-transition), box-shadow var(--tmc-transition), border-color var(--tmc-transition);
	-webkit-appearance: none;
}
.tmc-float__btn svg { flex-shrink: 0; width: 22px; height: 22px; }
.tmc-float__tx { white-space: normal; word-break: break-word; }
.tmc-float__btn:hover {
	background: var(--tmc-orange);
	border-color: var(--tmc-orange);
	color: var(--tmc-white);
	transform: translateX(-3px);
	box-shadow: 0 8px 26px rgba(255, 102, 0, .32);
}

/* 主按钮：实心橙（对应主站 dock__btn--red 的视觉权重），比其余按钮略高一档 */
.tmc-float__btn--primary {
	min-height: 84px;
	background: var(--tmc-orange);
	border-color: var(--tmc-orange);
	color: var(--tmc-white);
	box-shadow: 0 6px 22px rgba(255, 102, 0, .34);
}
.tmc-float__btn--primary:hover { background: var(--tmc-orange-hover); border-color: var(--tmc-orange-hover); }

/* 主按钮引导气泡（2026-10-25）：桌面 hover 展开，移动端由 JS 滚动浮现 */
.tmc-float__btn--primary { position: relative; }
.tmc-float__tip {
	position: absolute;
	right: calc(100% + 12px);
	top: 50%;
	transform: translateY(-50%) translateX(6px);
	white-space: nowrap;
	padding: 8px 14px;
	background: var(--tmc-dark);
	color: var(--tmc-white);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
	border-radius: var(--tmc-radius-sm);
	box-shadow: 0 6px 20px rgba(0, 0, 0, .18);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity var(--tmc-transition), transform var(--tmc-transition), visibility var(--tmc-transition);
}
.tmc-float__tip::after {
	content: "";
	position: absolute;
	right: -5px;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	width: 10px;
	height: 10px;
	background: var(--tmc-dark);
	border-radius: 2px;
}
.tmc-float__btn--primary:hover .tmc-float__tip,
.tmc-float__btn--primary:focus-visible .tmc-float__tip,
.tmc-float__tip.is-shown {
	opacity: 1;
	visibility: visible;
	transform: translateY(-50%) translateX(0);
}

/* 返回顶部 */
.tmc-float__btn--top {
	opacity: 0;
	visibility: hidden;
	transform: translateY(12px);
}
.tmc-float__btn--top.is-shown {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.tmc-float__actions {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 12px;
}

/* 悬浮面板
   ──────────────────────────────────────────────────────────────────────────
   2026-10-27 改：从「相对按钮组向上弹」改成「固定在视口右下、盖住按钮组」。
   原因：dock 改成主站那种图标上文字下的方块后，4 个按钮竖排占 354px，
   面板若向上弹只剩 (100vh - 400) 的高度，900 高的屏上只有 494px，
   二维码和电话兜底行都被挤到滚动区外 —— 用户第一眼看不到兜底联系方式。
   改成覆盖式后可用高度是 100vh - 48，900 屏上 852px，内容一次看全。
   （副作用：面板打开时按钮组被完全遮住，主站行为一致；关闭靠面板内 X / Esc / 点空白处。） */
.tmc-float__panel {
	position: fixed;
	right: 24px;
	bottom: 24px;
	width: 380px;
	max-width: calc(100vw - 48px);
	max-height: calc(100vh - 48px);
	overflow-y: auto;
	overscroll-behavior: contain;
	background: var(--tmc-white);
	border: 1px solid var(--tmc-border);
	border-radius: var(--tmc-radius);
	box-shadow: 0 12px 48px rgba(0, 0, 0, .18);
	padding: 26px;
	z-index: 2;
	opacity: 0;
	visibility: hidden;
	transform: translateY(12px);
	transition: opacity var(--tmc-transition), transform var(--tmc-transition), visibility var(--tmc-transition);
}
.tmc-float__panel.is-open {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* 2026-10-27：原 .tmc-float__panel-title / -desc 随咨询面板改版下线
   （标题与说明已并入 .tmc-consult__head / .tmc-consult__hello），样式一并删除。 */

.tmc-float__close {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--tmc-bg-soft);
	border: none;
	border-radius: 50%;
	color: var(--tmc-gray);
	cursor: pointer;
	transition: background-color var(--tmc-transition), color var(--tmc-transition);
}
.tmc-float__close:hover { background: var(--tmc-danger); color: var(--tmc-white); }

/* ==========================================================================
   在线咨询面板（2026-10-27 参照主站右下角弹窗重构）
   ──────────────────────────────────────────────────────────────────────────
   结构：深色头部（身份+在岗状态+关闭）/ 问候语 / 快捷问题 / 个人微信码 / 主 CTA / 电话兜底
   视觉：头部用深灰压住整块白，二维码卡虚线灰底做「视觉落点」，CTA 橙色实心收口。
   颜色全部套本站 token（主站是红主题，只借形态不借色）。
   坑：沿用 .tmc-float__panel 的绝对定位与显隐机制，但 --chat 版必须去掉父级 padding
   并把滚动交给内部 .tmc-consult__body，否则头部会被一起滚走。
   ========================================================================== */
/* 两个面板共用同一骨架：深色头部 + 可滚动正文
   2026-10-27：--chat 拆成 --form（留言表单）与 --wx（个人微信码），
   两个入口各做一件事，不再共用同一块内容。 */
.tmc-float__panel--form,
.tmc-float__panel--wx {
	width: 380px;
	max-height: calc(100vh - 48px);
	padding: 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.tmc-consult__head {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 18px;
	background: linear-gradient(135deg, #3D3C36 0%, #33322E 55%, #2A2925 100%);
	color: var(--tmc-white);
	flex: none;
}
.tmc-consult__ava {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	flex: none;
	border-radius: 50%;
	background: rgba(255, 255, 255, .12);
	border: 1px solid rgba(255, 255, 255, .22);
	color: var(--tmc-white);
}
.tmc-consult__id { min-width: 0; }
.tmc-consult__name {
	margin: 0 0 4px;
	font-size: 15.5px;
	font-weight: 800;
	line-height: 1.3;
	color: var(--tmc-white);
	letter-spacing: .01em;
}
.tmc-consult__status {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	font-size: 11.8px;
	line-height: 1.4;
	color: rgba(255, 255, 255, .68);
}
.tmc-consult__dot {
	width: 7px;
	height: 7px;
	flex: none;
	border-radius: 50%;
	background: #3ECF6A;
	box-shadow: 0 0 0 3px rgba(62, 207, 106, .22);
}

/* 关闭键落在深色头部内：改为右对齐常态布局，不用浅灰底 */
.tmc-consult__head .tmc-float__close {
	position: static;
	margin-left: auto;
	flex: none;
	width: 28px;
	height: 28px;
	background: rgba(255, 255, 255, .1);
	color: rgba(255, 255, 255, .8);
}
.tmc-consult__head .tmc-float__close:hover {
	background: rgba(255, 255, 255, .22);
	color: var(--tmc-white);
}

.tmc-consult__body {
	padding: 18px;
	overflow-y: auto;
	overscroll-behavior: contain;
	/* 面板高度不足时内部滚动，头部保持不动 */
	min-height: 0;
}

.tmc-consult__hello {
	margin: 0 0 14px;
	font-size: 13.5px;
	line-height: 1.75;
	color: var(--tmc-gray);
}

/* 快捷问题：胶囊描边，点击把问题带进留言表单（不跳页、不丢上下文） */
.tmc-consult__qs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 16px;
}
.tmc-qchip {
	padding: 8px 13px;
	background: var(--tmc-white);
	border: 1px solid var(--tmc-border);
	border-radius: 999px;
	font-family: inherit;
	font-size: 12.8px;
	font-weight: 500;
	line-height: 1.4;
	color: var(--tmc-dark);
	cursor: pointer;
	transition: border-color var(--tmc-transition), color var(--tmc-transition), background-color var(--tmc-transition);
	-webkit-appearance: none;
}
.tmc-qchip:hover,
.tmc-qchip:focus-visible {
	border-color: var(--tmc-orange);
	background: var(--tmc-orange-light);
	color: var(--tmc-orange-text);
	outline: none;
}

/* 二维码卡：虚线灰底，把视线从文字区拉到这里 */
.tmc-consult__qr {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding: 16px 14px 15px;
	margin-bottom: 16px;
	background: #FAF9F7;
	border: 1px dashed var(--tmc-line-2);
	border-radius: 14px;
	text-align: center;
}
/* 微信面板是「只做一件事」的面板，码放到最大，视觉上不给别的东西抢注意力 */
.tmc-consult__qr--lg {
	padding: 20px 14px 18px;
	margin-bottom: 14px;
}
.tmc-consult__qr-frame {
	display: block;
	padding: 10px;
	background: var(--tmc-white);
	border: 1px solid var(--tmc-border);
	border-radius: 12px;
	line-height: 0;
}
.tmc-consult__qr img {
	display: block;
	width: 152px;
	height: 152px;
	/* 源图 632×630 近正方，contain 防止轻微拉伸把二维码格子拉歪（影响识别） */
	object-fit: contain;
	border-radius: var(--tmc-radius-sm);
	background: var(--tmc-white);
}
.tmc-consult__qr--lg img {
	width: 200px;
	height: 200px;
	border-radius: 0;
}
.tmc-consult__qr-t {
	margin: 0;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.5;
	color: var(--tmc-dark);
}
.tmc-consult__qr--lg .tmc-consult__qr-t {
	margin-top: 4px;
	font-size: 14.5px;
	font-weight: 800;
}
.tmc-consult__qr-sub {
	margin: 0;
	font-size: 12.2px;
	line-height: 1.5;
	color: var(--tmc-gray);
}
.tmc-consult__qr-link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 12.2px;
	font-weight: 700;
	line-height: 1.5;
	color: var(--tmc-orange-text);
	text-decoration: none;
}
.tmc-consult__qr-link:hover { text-decoration: underline; }
.tmc-consult__qr-link svg { flex: none; }

/* 微信号面板：扫码后能得到什么（三条，短句，不用小标题占高度） */
.tmc-consult__body--wx { padding-top: 16px; }
.tmc-consult__pts {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0 0 14px;
	padding: 0;
	list-style: none;
}
.tmc-consult__pts li {
	display: flex;
	align-items: flex-start;
	gap: 7px;
	font-size: 12.6px;
	line-height: 1.6;
	color: var(--tmc-gray);
}
.tmc-consult__pts svg {
	flex: none;
	margin-top: 3px;
	color: var(--tmc-orange);
}
/* 邮箱兜底做成整宽描边按钮：桌面上扫码不便，这是最实际的替代通道 */
.tmc-consult__qr-link--mail {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	width: 100%;
	min-height: 44px;
	padding: 0 12px;
	margin-bottom: 4px;
	background: var(--tmc-white);
	border: 1px solid var(--tmc-border);
	border-radius: 10px;
	font-size: 12.4px;
	font-weight: 700;
	line-height: 1.45;
	color: var(--tmc-dark);
	text-align: center;
	box-sizing: border-box;
}
.tmc-consult__qr-link--mail:hover {
	border-color: var(--tmc-orange);
	background: var(--tmc-orange-light);
	color: var(--tmc-orange-text);
	text-decoration: none;
}
.tmc-consult__qr-link--mail svg { color: var(--tmc-orange); }

/* 微信用绿色身份圆点，与表单面板的橙/绿状态区分开（同一处颜色不表达两种含义） */
.tmc-consult__ava--wx {
	background: rgba(7, 193, 96, .16);
	border-color: rgba(7, 193, 96, .35);
	color: #35D07F;
}

/* 主 CTA：整宽实心橙，面板内唯一强色块 */
.tmc-consult__cta {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	min-height: 52px;
	padding: 0 16px;
	background: var(--tmc-orange);
	border: 1px solid var(--tmc-orange);
	border-radius: 12px;
	color: var(--tmc-white);
	font-family: inherit;
	font-size: 14.8px;
	font-weight: 800;
	cursor: pointer;
	box-shadow: 0 6px 20px rgba(255, 102, 0, .3);
	transition: background-color var(--tmc-transition), border-color var(--tmc-transition), box-shadow var(--tmc-transition);
	-webkit-appearance: none;
}
.tmc-consult__cta:hover {
	background: var(--tmc-orange-hover);
	border-color: var(--tmc-orange-hover);
	box-shadow: 0 8px 26px rgba(255, 102, 0, .38);
}
.tmc-consult__cta svg { flex: none; }

.tmc-consult__tel {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin: 12px 0 0;
	font-size: 12.8px;
	color: var(--tmc-gray);
}
.tmc-consult__tel svg { flex: none; color: var(--tmc-orange); }
.tmc-consult__tel a {
	color: var(--tmc-dark);
	font-weight: 700;
	text-decoration: none;
}
.tmc-consult__tel a:hover { color: var(--tmc-orange-text); }

/* ==========================================================================
   页脚
   ========================================================================== */
.tmc-footer {
	background: var(--tmc-dark);
	color: rgba(255, 255, 255, .64);
	font-size: 14.5px;
	line-height: 1.8;
	padding: 72px 0 0;
}

.tmc-footer__grid {
	display: grid;
	grid-template-columns: 1.6fr 1fr 1fr 1.4fr;
	gap: 48px;
	padding-bottom: 56px;
}

.tmc-footer__logo { height: 40px; width: auto; margin-bottom: 18px; }

.tmc-footer__about {
	font-size: 14.5px;
	line-height: 1.85;
	margin: 0 0 20px;
	max-width: 340px;
}

.tmc-footer__title {
	font-size: 16px;
	font-weight: 500;
	color: var(--tmc-white);
	margin: 0 0 20px;
	line-height: 1.4;
}

.tmc-footer__list { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.tmc-footer__list a { color: rgba(255, 255, 255, .64); transition: color var(--tmc-transition), padding-left var(--tmc-transition); }
.tmc-footer__list a:hover { color: var(--tmc-orange); padding-left: 4px; }

.tmc-footer__contact { display: grid; gap: 14px; }
.tmc-footer__contact-item { display: flex; align-items: flex-start; gap: 10px; }
.tmc-footer__contact-item svg { flex-shrink: 0; margin-top: 5px; color: var(--tmc-orange); }
.tmc-footer__contact-item a { color: rgba(255, 255, 255, .82); }
.tmc-footer__contact-item a:hover { color: var(--tmc-orange); }
.tmc-footer__contact-num {
	font-family: var(--tmc-font-en);
	font-size: 16px;
	color: var(--tmc-white);
	font-weight: 500;
}

.tmc-footer__bottom {
	border-top: 1px solid rgba(255, 255, 255, .1);
	padding: 24px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	flex-wrap: wrap;
	font-size: 13.5px;
	color: rgba(255, 255, 255, .48);
}
.tmc-footer__legal { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.tmc-footer__legal a { color: rgba(255, 255, 255, .56); }
.tmc-footer__legal a:hover { color: var(--tmc-orange); }

/* 回到主站指引（两站互流） */
.tmc-footer__sister {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: rgba(255, 255, 255, .72);
}
.tmc-footer__sister:hover { color: var(--tmc-orange); }

/* ==========================================================================
   响应式
   区块间距、容器内距、标题字号均对齐主站同档断点；
   导航相关断点见上文「导航防重叠」（1456 / 1360 / 1280 / 1080）
   ========================================================================== */
@media (max-width: 1200px) {
	.tmc-footer__grid { grid-template-columns: 1.4fr 1fr 1.2fr; }
	.tmc-footer__col--brand { grid-column: 1 / -1; }
}

@media (max-width: 1024px) {
	/* 第五批 B 方向：重/轻档随中档同步压缩（原先只压了中档，重/轻档仍用桌面值，
	   会造成平板上「CTA 区比正文区还宽」的倒挂）。
	   同时给内页主标题兜底：clamp(25px,3vw,50px) 在 1024px 只有 31px，
	   会小于区块标题 32px → 层次倒挂，故此处把主标题下限提到 38px。 */
	:root {
		--tmc-section-y: 76px;        /* 原 68px，随 B 方向放大后的桌面 104px 等比 */
		--tmc-section-y-sm: 40px;
		--tmc-section-y-heavy: 86px;
		--tmc-section-y-light: 52px;
		--tmc-fs-h1-sm: 38px;         /* 主标题 38 > 区块标题 32 */
		--tmc-fs-h1-min: 38px;        /* 内页标题 clamp 下限同步，保证不倒挂 */
	}
	.tmc-topbar__slogan { display: none; }
	.tmc-hero__inner { min-height: 540px; padding: 80px 0; }
	.tmc-hero__stat b { font-size: 22px; }
	.tmc-split, .tmc-split--rev { grid-template-columns: 1fr; gap: 36px; }
	.tmc-cta__inner { grid-template-columns: 1fr; gap: 44px; }
	/* 微信引导带：平板改单列（文案在上、码卡在下），码卡保持双列 */
	.tmc-wechat__inner { grid-template-columns: 1fr; gap: 40px; }
	.tmc-wechat__copy { max-width: 640px; }
}

@media (max-width: 900px) {
	/* 导航抽屉已由上文「导航防重叠」的 1120px 断点与 .tmc-nav-drawer 统一接管，
	   此处只保留信息栏的精简规则（抽屉态下仍保留「获取报价」按钮，转化入口不丢） */
	.tmc-topbar__tel-label { display: none; }
	.tmc-topbar__creds .tmc-topbar__cred:last-child { display: none; }
}

@media (max-width: 768px) {
	:root {
		--tmc-section-y: 60px; --tmc-section-y-sm: 44px; --tmc-pad: 18px;
		--tmc-section-y-heavy: 68px; --tmc-section-y-light: 46px;
		/* 主标题 36 > 区块标题 32，维持层次 */
		--tmc-fs-h1-sm: 36px; --tmc-fs-h2: 30px; --tmc-fs-h1-min: 36px;
	}   /* = 主站 .section / .container @768；重/轻档同步压缩（第五批 B 方向） */
	.tmc-sec-head { flex-direction: column; align-items: flex-start; gap: 16px; margin-bottom: 32px; }
	.tmc-hero__inner { min-height: 480px; padding: 64px 0; }
	.tmc-hero__desc { font-size: 16.5px; }
	.tmc-hero__points { gap: 10px 20px; }
	.tmc-form__row { grid-template-columns: 1fr; }
	.tmc-footer { padding-top: 56px; }
	.tmc-footer__grid { grid-template-columns: 1fr 1fr; gap: 36px; }
	.tmc-footer__col--brand { grid-column: 1 / -1; }
	.tmc-page-head { padding: 56px 0 48px; }
	.tmc-content h2 { font-size: 25px; margin-top: 40px; }
	.tmc-content h3 { font-size: 20px; }
	.tmc-post-list .tmc-post-card { flex-direction: column; }
	.tmc-post-list .tmc-post-card__media { width: 100%; aspect-ratio: 16 / 10; }
	.tmc-post-nav { grid-template-columns: 1fr; }
	.tmc-post-nav .tmc-post-nav__next { text-align: left; }
	.tmc-post-nav .tmc-post-nav__label { justify-content: flex-start !important; }
	.tmc-brand__text small { display: none; }
	.tmc-topbar__mail { display: none; }
	.tmc-topbar__tel strong { font-size: 13px; }

	/* ★ 2026-11-06 手机端导航可用性修复（P0）
	   ------------------------------------------------------------------
	   故障：用户反馈「手机上一打开只能看到首页，进不去别的地方」。
	   390px 实测：页头容器仅 354px，而 .tmc-navbar__in 是 nowrap flex，
	   LOGO(204) + 页头 CTA(113) + 语言切换(62) + 汉堡(44) + 间距 把
	   .tmc-navbar__actions 撑到 245px，汉堡按钮被推到 x=463（视口外），
	   elementFromPoint 返回 null —— 按钮存在但物理上点不到。
	   JS、菜单数据、抽屉样式都正常，模拟点击后 6 个栏目链接全部可点。
	   处理：隐藏页头 CTA（转化入口由首屏按钮 / 悬浮咨询 / 页脚表单承担）、
	   LOGO 缩到 30px、允许品牌区收缩、收紧间距，保证「语言切换 + 汉堡」
	   稳定停在右侧；≤375px 再降一档作极窄屏兜底。 */
	.tmc-navbar__in { gap: 10px; min-width: 0; }
	.tmc-navbar__brand { flex: 0 1 auto; min-width: 0; }
	.tmc-brand__logo { height: 30px; }
	.tmc-navbar__cta { display: none; }
	.tmc-navbar__actions { gap: 8px; flex-shrink: 0; }
}

@media (max-width: 560px) {
	.tmc-topbar__in { gap: 10px; }
	.tmc-topbar__left, .tmc-topbar__right { gap: 10px; }
	.tmc-topbar__creds .tmc-topbar__cred:nth-child(n+2) { display: none; }
	.tmc-topbar__tel--landline { display: none; }
	.tmc-navbar__in { min-height: 60px; }
	.tmc-brand__mark { width: 34px; height: 34px; font-size: 19px; }
	.tmc-brand__text strong { font-size: 16px; }
	.tmc-btn { width: 100%; }
	.tmc-btn-row .tmc-btn { width: 100%; }
	.tmc-float { right: 14px; bottom: 14px; gap: 10px; }
	.tmc-float__btn { width: 50px; height: 50px; padding: 0; border-radius: 50%; justify-content: center; font-size: 0; gap: 0; }
	.tmc-float__btn svg { width: 22px; height: 22px; }
	.tmc-float__tx { display: none; }
	.tmc-float__tip { display: none; }
	/* 面板本身已是 fixed 覆盖式，手机上左右各留 12px 通栏，别再按「向上弹」定位 */
	.tmc-float__panel { left: 12px; right: 12px; bottom: 12px; width: auto; padding: 20px; max-height: calc(100vh - 24px); }
	/* 两个面板在手机上同样走底部弹层，内部滚动由 .tmc-consult__body 承担 */
	.tmc-float__panel--form,
	.tmc-float__panel--wx {
		position: fixed;
		left: 12px;
		right: 12px;
		bottom: 12px;
		width: auto;
		max-width: none;
		max-height: calc(100vh - 24px);
		padding: 0;
		z-index: 2;
		border-radius: 16px;
	}
	.tmc-consult__head { padding: 14px 16px; }
	.tmc-consult__body { padding: 16px; }
	.tmc-consult__qr img { width: 136px; height: 136px; }
	/* 手机上二维码仍要够大才扫得动：不跟着整体缩小 */
	.tmc-consult__qr--lg img { width: 184px; height: 184px; }
	.tmc-consult__cta { font-size: 14px; min-height: 50px; }

	/* 移动端数据区：5 项变 2 列，避免出现空白格与横向溢出 */
	.tmc-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.tmc-stat { padding: 22px 12px; }
	.tmc-stat__num { font-size: 24px; }
	.tmc-stat__label { font-size: 13px; margin-top: 6px; }

	/* 首页信任数据带：窄屏收紧字号与间距，允许换行不溢出 */
	.tmc-hero__stats-in { gap: 10px 22px; padding: 15px 0; }
	.tmc-hero__stat b { font-size: 21px; }
	.tmc-hero__stat span { font-size: 12.5px; }

	/* 标准 chips：窄屏只留标准号，名称隐藏避免超长 */
	.tmc-std-chip { padding: 8px 14px; font-size: 13.5px; }
	.tmc-std-chip__name { display: none; }

	/* 微信引导带：窄屏收紧码卡尺寸，双列仍放得下（2×(118+28) < 343） */
	.tmc-wechat__cards { gap: 14px; }
	.tmc-wechat__card { padding: 20px 14px 18px; }
	.tmc-wechat__frame { padding: 10px; margin-bottom: 14px; }
	.tmc-wechat__qr { width: 118px; height: 118px; }
	.tmc-wechat__corner { width: 16px; height: 16px; }
	.tmc-wechat__cap-t { font-size: 15.5px; }
	.tmc-wechat__cap-d { font-size: 12px; line-height: 1.6; }
	.tmc-wechat__alt-row { gap: 6px 14px; }
	.tmc-wechat__desc { font-size: 15.5px; }

	/* 产品紧凑卡：单列 */
	.tmc-prod-grid { grid-template-columns: 1fr; }
}

@media (max-width: 375px) {
	:root {
		--tmc-section-y: 52px; --tmc-pad: 16px;
		--tmc-section-y-heavy: 60px; --tmc-section-y-light: 40px; --tmc-section-y-sm: 38px;
		/* 主标题 34 > 区块标题 27，窄屏仍保层次 */
		--tmc-fs-h1-sm: 34px; --tmc-fs-h2: 27px; --tmc-fs-h1-min: 34px;
	}
	/* 第五批 B 方向：移动端标题改为变量驱动，消除硬编码导致的主次倒挂
	   （原先 480px 档 hero 只有 26px，反而小于区块标题 25-32px）。
	   新增 --tmc-fs-h1-sm 专管 ≤560px 的主标题，保证 h1 > h2 恒成立。 */
	.tmc-hero__title { font-size: 34px; }
	.tmc-sec-title { font-size: var(--tmc-fs-h2); }
	.tmc-footer__grid { grid-template-columns: 1fr; }
	.tmc-float__panel { width: auto; }
	/* 极窄屏（≤360/320）兜底：LOGO 与「语言 + 汉堡」合计仍要小于容器 */
	.tmc-brand__logo { height: 26px; }
	.tmc-navbar__in { gap: 8px; }
	.tmc-navbar__actions { gap: 6px; }
}


/* ==========================================================================
   主站视觉对齐层（Override Layer）
   ──────────────────────────────────────────────────────────────────────────
   上文已把「设计变量 / 页头 / 导航 / Mega / 按钮 / 卡片」对齐主站；
   这一层把其余「整体 UI」补齐：首屏、内页页头、CTA 区块、正文排版、
   表单控件、悬浮组件、页脚，以及标题/交互元素的字重。

   取值全部来自主站 tmc-lab.com style.min.css（data-theme="sgs" 皮肤），
   每条都标注了主站对应选择器，便于日后逐条核对。
   放在文件末尾以确保覆盖优先。
   ========================================================================== */

/* ==========================================================================
   1. 首页首屏 —— 对齐主站 .hero（浅色渐变 + 白色蒙版 + 深色标题）
   ========================================================================== */
.tmc-hero {
	background: linear-gradient(168deg, #FDFBF8 0%, #FBF3EA 42%, #F7E9D8 100%);
	color: var(--tmc-text);
}

/* 实拍图压到 0.58（= 主站 --hero-bg-op .6），保证文字对比度 */
.tmc-hero__bg img { opacity: .58; }

/* 白色蒙版（= 主站 .hero__scrim：左上径向 + 斜向线性） */
.tmc-hero__bg::after {
	background:
		radial-gradient(880px 470px at 12% 28%, rgba(255, 255, 255, .88), transparent 60%),
		linear-gradient(115deg,
			rgba(255, 255, 255, .72) 0%,
			rgba(255, 255, 255, .36) 50%,
			rgba(255, 255, 255, .12) 100%);
}

.tmc-hero__inner { min-height: 560px; padding: 84px 0; }

.tmc-hero__title {
	color: var(--tmc-dark);          /* = 主站 .hero__title */
	font-weight: 800;
	font-size: clamp(32px, 4.6vw, var(--tmc-fs-h1));   /* 第四批：h1 档，桌面封顶 44（原 54） */
}
.tmc-hero__title em { color: var(--tmc-orange); }   /* = 主站 .hero__title .hl */

.tmc-hero__desc { color: var(--tmc-text); }
.tmc-hero__points li { color: var(--tmc-text); font-weight: 400; }

/* 资质徽章 = 主站 .hero__tag（白底描边药丸） */
.tmc-hero__badge {
	background: var(--tmc-white);
	border: 1px solid var(--tmc-surface-line);
	color: var(--tmc-dark);
	box-shadow: var(--tmc-shadow-sm);
	font-weight: 700;
}
.tmc-hero__badge svg { color: var(--tmc-orange); }

/* ==========================================================================
   2. 内页页头 —— 对齐主站 .page-hero（浅色渐变 + 白蒙版 + 深色标题）
   ========================================================================== */
.tmc-page-head {
	background: linear-gradient(152deg, #FDFBF7 0%, #FAF1E6 48%, #F5E7D3 100%);
	color: var(--tmc-text);
	border-bottom: 1px solid var(--tmc-surface-line);
	padding: 56px 0 60px;
}

/* 白蒙版（= 主站 .page-hero::after） */
.tmc-page-head__bg::after {
	background: linear-gradient(96deg,
		rgba(255, 255, 255, .74) 0%,
		rgba(255, 255, 255, .58) 50%,
		rgba(255, 255, 255, .20) 78%,
		rgba(255, 255, 255, 0) 100%);
}

.tmc-page-head__title {
	font-size: clamp(var(--tmc-fs-h1-min), 3vw, var(--tmc-fs-h1));   /* 第五批：下限走变量 */
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: -.01em;
	color: var(--tmc-dark);
	margin: 0 0 14px;
	max-width: 1000px;
}

.tmc-page-head__desc {
	font-size: 17px;                        /* = 主站 .page-hero__lead */
	line-height: 1.8;
	color: var(--tmc-text);
	max-width: 780px;
}

/* 面包屑：浅底深字（= 主站 .page-hero .breadcrumb） */
.tmc-breadcrumb { font-size: 13.5px; color: var(--tmc-gray); margin: 0 0 18px; }
.tmc-breadcrumb li + li::before { color: var(--tmc-line-2); }
.tmc-breadcrumb a { color: var(--tmc-gray); }
.tmc-breadcrumb a:hover { color: var(--tmc-orange); }
.tmc-breadcrumb [aria-current] { color: var(--tmc-dark); }

/* ==========================================================================
   3. CTA 区块 —— 对齐主站 .cta（浅色渐变卡 + 描边，不是实心橙块）
   ========================================================================== */
.tmc-cta {
	background: linear-gradient(135deg, var(--tmc-surface-3) 0%, var(--tmc-surface-1) 100%);
	color: var(--tmc-text);
	border-top: 1px solid var(--tmc-surface-line);
	border-bottom: 1px solid var(--tmc-surface-line);
}
.tmc-cta::before { display: none; }        /* 主站没有斜纹 */

.tmc-cta__title { color: var(--tmc-dark); font-weight: 800; font-size: var(--tmc-fs-h2); }
.tmc-cta__desc { color: var(--tmc-gray); }
.tmc-cta__list li { color: var(--tmc-text); }
.tmc-cta__list svg { color: var(--tmc-orange); }

.tmc-cta__phone {
	background: var(--tmc-white);
	border: 1px solid var(--tmc-border);
	box-shadow: var(--tmc-shadow-sm);
}
.tmc-cta__phone-label { color: var(--tmc-gray); }
.tmc-cta__phone-num { color: var(--tmc-dark); font-weight: 700; }
.tmc-cta__phone-sep { color: var(--tmc-line-2); }
.tmc-cta__phone svg { color: var(--tmc-orange); }

/* CTA 内的「反白表单」回到常规浅色表单 */
.tmc-cta .tmc-field__label { color: var(--tmc-text); }
.tmc-cta .tmc-field__input,
.tmc-cta .tmc-field__select,
.tmc-cta .tmc-field__textarea {
	background: var(--tmc-white);
	border-color: var(--tmc-border);
	color: var(--tmc-text);
}
.tmc-cta .tmc-field__input:focus,
.tmc-cta .tmc-field__select:focus,
.tmc-cta .tmc-field__textarea:focus {
	border-color: var(--tmc-orange);
	box-shadow: 0 0 0 3px rgba(255, 102, 0, .14);
}
.tmc-cta .tmc-form__note { color: var(--tmc-gray); }

/* ==========================================================================
   4. 正文排版 —— 对齐主站 .prose
   ========================================================================== */
.tmc-content { font-size: 16px; line-height: 1.9; color: var(--tmc-text); }

.tmc-content h2 {
	font-size: 27px;                        /* = 主站 .prose h2 */
	font-weight: 800;
	line-height: 1.35;
	color: var(--tmc-dark);
	margin: 44px 0 18px;
	padding-left: 16px;
	border-left: none;
	position: relative;
}
/* 左侧橙色竖条改用伪元素，避免 border 影响行内布局（= 主站 .prose h2::before） */
.tmc-content h2::before {
	content: "";
	position: absolute;
	left: 0;
	top: .2em;
	bottom: .2em;
	width: 4px;
	border-radius: 3px;
	background: var(--tmc-orange);
}

.tmc-content h3 { font-size: 20px; font-weight: 800; line-height: 1.4; color: var(--tmc-dark); margin: 32px 0 12px; }
.tmc-content h4 { font-size: 17px; font-weight: 800; color: var(--tmc-dark); margin: 24px 0 10px; }

.tmc-content p { margin: 0 0 18px; }
.tmc-content strong { color: var(--tmc-dark); font-weight: 800; }
.tmc-content a { color: var(--tmc-orange); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.tmc-content a:hover { color: var(--tmc-orange-hover); }

.tmc-content ul, .tmc-content ol { margin: 16px 0 16px 22px; padding-left: 0; }
.tmc-content li { margin-bottom: 9px; line-height: 1.85; }
.tmc-content li::marker { color: var(--tmc-orange); font-weight: 800; }

.tmc-content blockquote {
	margin: 26px 0;
	padding: 18px 24px;
	border-left: 4px solid var(--tmc-orange);
	border-radius: 0 var(--tmc-radius-sm) var(--tmc-radius-sm) 0;
	background: var(--tmc-orange-light);
	color: var(--tmc-text);
}

.tmc-content code {
	padding: 2px 7px;
	border-radius: 5px;
	background: var(--tmc-bg-soft);
	color: var(--tmc-orange-hover);
	font-family: var(--tmc-font-mono);
	font-size: .9em;
}
.tmc-content pre {
	padding: 18px 20px;
	border-radius: var(--tmc-radius-sm);
	overflow-x: auto;
	background: var(--tmc-dark);
	color: rgba(255, 255, 255, .88);
	font-size: 13.5px;
	line-height: 1.7;
}
.tmc-content img { border-radius: var(--tmc-radius); margin: 26px 0; }

/* 表格 = 主站 .tbl */
.tmc-content table { font-size: 14.5px; }
.tmc-content th { color: var(--tmc-dark); font-weight: 800; background: var(--tmc-surface-1); }
.tmc-content td { color: var(--tmc-text); }
.tmc-content tbody tr:nth-child(even) td,
.tmc-content tbody tr:nth-child(even) th { background: var(--tmc-surface-1); }
.tmc-content tbody tr:hover td,
.tmc-content tbody tr:hover th { background: var(--tmc-orange-light); }

/* 标准号角标 = 主站 .prose 内联标记风格 */
.tmc-std-ref { font-weight: 700; }

/* ==========================================================================
   5. 表单控件 —— 对齐主站 .tmc-form
   ========================================================================== */
.tmc-field__label { font-size: 13.5px; font-weight: 700; color: var(--tmc-text); }   /* = 主站 .form-row label */

.tmc-field__input,
.tmc-field__select,
.tmc-field__textarea {
	border-radius: 11px;                    /* = 主站 input border-radius 11px */
	background: var(--tmc-bg-soft);         /* = 主站 input background var(--bg-soft) */
	border: 1.5px solid var(--tmc-border);
	font-size: 15px;
	color: var(--tmc-ink);
}
.tmc-field__input:focus,
.tmc-field__select:focus,
.tmc-field__textarea:focus {
	border-color: var(--tmc-dark);          /* = 主站 input:focus 用 navy */
	background: var(--tmc-white);
	box-shadow: 0 0 0 4px rgba(51, 50, 46, .07);
}
.tmc-form__note { color: var(--tmc-gray); font-size: 12.5px; }

/* ==========================================================================
   7. 页脚 —— 对齐主站 .site-footer（浅灰底 + 浅描边，不是深色块）
   ========================================================================== */
.tmc-footer {
	background: var(--tmc-surface-2);
	color: var(--tmc-gray);
	border-top: 1px solid var(--tmc-surface-line);
	padding: 68px 0 0;
}

.tmc-footer__logo { height: 38px; width: auto; margin-bottom: 18px; }

.tmc-footer__about { color: var(--tmc-gray); }

.tmc-footer__title { color: var(--tmc-dark); font-weight: 800; font-size: 16px; }   /* = 主站 .foot-col h3 */

.tmc-footer__list a { color: var(--tmc-gray); }
.tmc-footer__list a:hover { color: var(--tmc-orange); }

.tmc-footer__contact-item a { color: var(--tmc-dark); }
.tmc-footer__contact-num { color: var(--tmc-dark); font-weight: 700; }

.tmc-footer__bottom {
	border-top-color: var(--tmc-surface-line);
	color: var(--tmc-gray-light);
}
.tmc-footer__legal a { color: var(--tmc-gray); }
.tmc-footer__legal a:hover { color: var(--tmc-orange); }

.tmc-footer__sister { color: var(--tmc-dark); }
.tmc-footer__sister:hover { color: var(--tmc-orange); }

/* ==========================================================================
   8. 标题 / 数值字重对齐主站（主站标题 800、按钮与标签 700、正文 400）
   ========================================================================== */
.tmc-sec-link, .tmc-svc-card__more, .tmc-item-card__cta,
.tmc-side-card__link, .tmc-loc-card__map, .tmc-client,
.tmc-faq__q, .tmc-takeaway__label, .tmc-pagination .current,
.tmc-label, .tmc-field__label { font-weight: 700; }

.tmc-svc-card__title, .tmc-prod__title, .tmc-post-card__title,
.tmc-split__title, .tmc-related__title, .tmc-kb-cat__name,
.tmc-side-card__title, .tmc-svc-panel__title, .tmc-std-panel__name,
.tmc-item-card__title, .tmc-delivery-card__title, .tmc-step__title,
.tmc-loc-card__name, .tmc-empty__title, .tmc-card__title { font-weight: 800; }

.tmc-stat__num, .tmc-contact-card__value, .tmc-std-overview__value,
.tmc-std__no, .tmc-std-panel__no, .tmc-item-card__no,
.tmc-step__no, .tmc-side-card__phone strong { font-weight: 700; }

/* 文章卡片 = 主站 .card / .news__body 观感 */
.tmc-post-card { border-radius: var(--tmc-radius); box-shadow: var(--tmc-shadow-sm); }
.tmc-post-card__meta { color: var(--tmc-gray); }
.tmc-post-card__excerpt { color: var(--tmc-gray); }

/* 数据信任区 = 主站卡片描边体系 */
.tmc-stats { border-radius: var(--tmc-radius); box-shadow: var(--tmc-shadow-sm); }
.tmc-stat__label { color: var(--tmc-gray); }

/* ==========================================================================
   9. 主站视觉对齐层的响应式收口
   ========================================================================== */
@media (max-width: 1024px) {
	.tmc-page-head { padding: 44px 0 48px; }
	.tmc-hero__inner { min-height: 480px; padding: 68px 0; }
	.tmc-content h2 { font-size: 24px; margin-top: 36px; }
	.tmc-content h3 { font-size: 19px; }
}

@media (max-width: 768px) {
	.tmc-page-head { padding: 36px 0 40px; }
	.tmc-page-head__title { font-size: var(--tmc-fs-h1-sm); }
	.tmc-page-head__desc { font-size: var(--tmc-fs-body); }
	.tmc-hero__inner { min-height: 420px; padding: 56px 0; }
	.tmc-hero__title { font-size: var(--tmc-fs-h1-sm); }
	.tmc-content h2 { font-size: var(--tmc-fs-h2); margin-top: 32px; }
	.tmc-content h3 { font-size: var(--tmc-fs-h3); }
	.tmc-footer { padding-top: 52px; }
}

@media (max-width: 480px) {
	.tmc-page-head__title { font-size: var(--tmc-fs-h1-sm); }
	.tmc-hero__title { font-size: var(--tmc-fs-h1-sm); }
}

/* ==========================================================================
   打印样式
   ========================================================================== */
@media print {
	.tmc-header, .tmc-float, .tmc-cta, .tmc-hero__bg::after { display: none !important; }
	body { color: #000; }
	.tmc-hero { background: none; color: #000; }
	.tmc-hero__title, .tmc-hero__desc { color: #000; }
}

/* ==========================================================================
   10. 问题答案页（GEO 入口层）
   --------------------------------------------------------------------------
   背景：GEO 探针实测决策层 15 题只中 1 题，诊断是「内容形态」——
   服务页写「我们提供 X」，用户搜「X 找哪家」。答案页就是补这个形状。
   一屏之内的阅读顺序刻意固定为：问题（H1）→ 答案（答案框）→ 展开。
   ========================================================================== */

/* ---- 一句话答案框：页面第一视觉落点，比正文醒目一档 ---- */
.tmc-answer-lead {
	margin: 0 0 40px;
	padding: 28px 32px;
	background: var(--tmc-white);
	border: 1px solid var(--tmc-border);
	border-left: 4px solid var(--tmc-orange);
	border-radius: var(--tmc-radius);
	box-shadow: var(--tmc-shadow-sm);
}
.tmc-answer-lead__label {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 12px;
	font-family: var(--tmc-font-en);
	font-size: 12.5px;
	font-weight: 800;
	letter-spacing: .14em;
	color: var(--tmc-orange-text);
}
.tmc-answer-lead__label svg { flex-shrink: 0; }
.tmc-answer-lead__body {
	margin: 0;
	font-size: 18.5px;      /* 比正文 15.5 大一档：它是本页的主内容，不是注脚 */
	line-height: 1.8;
	font-weight: 500;
	color: var(--tmc-ink);
}

/* ---- 标题区的「本组第 N / M 问」 ---- */
.tmc-answer-no {
	display: inline-block;
	margin-left: 10px;
	padding: 2px 10px;
	font-size: 12.5px;
	font-weight: 500;
	color: var(--tmc-gray);
	background: var(--tmc-surface-2);
	border-radius: 999px;
	vertical-align: middle;
}

/* ---- 关联页面：把答案与服务能力、标准依据接起来，避免孤立页 ---- */
.tmc-answer-rel {
	margin: 48px 0 0;
	padding-top: 32px;
	border-top: 1px solid var(--tmc-border);
}
.tmc-answer-rel__title {
	margin: 0 0 18px;
	font-size: var(--tmc-fs-h3);
	font-weight: 700;
	line-height: var(--tmc-lh-h3);
	color: var(--tmc-dark);
}
.tmc-answer-rel__grid { display: grid; gap: 12px; }
.tmc-answer-rel__item {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 18px 22px;
	background: var(--tmc-surface-1);
	border: 1px solid var(--tmc-border);
	border-radius: var(--tmc-radius-sm);
	transition: transform var(--tmc-transition), border-color var(--tmc-transition),
		background-color var(--tmc-transition), box-shadow var(--tmc-transition);
}
.tmc-answer-rel__item:hover {
	transform: translateY(-2px);
	background: var(--tmc-white);
	border-color: var(--tmc-orange-border);
	box-shadow: var(--tmc-shadow-sm);
}
.tmc-answer-rel__icon {
	display: flex;
	flex-shrink: 0;
	color: var(--tmc-orange);
}
.tmc-answer-rel__body {
	display: flex;
	flex-direction: column;
	gap: 2px;
	flex: 1;
	min-width: 0;
}
.tmc-answer-rel__kicker {
	font-size: 12px;
	letter-spacing: .04em;
	color: var(--tmc-gray);
}
.tmc-answer-rel__name {
	font-size: var(--tmc-fs-body);
	font-weight: 600;
	color: var(--tmc-dark);
}
.tmc-answer-rel__item > svg {
	flex-shrink: 0;
	color: var(--tmc-gray);
	transition: transform var(--tmc-transition), color var(--tmc-transition);
}
.tmc-answer-rel__item:hover > svg {
	transform: translateX(4px);
	color: var(--tmc-orange);
}

/* ---- 更新说明 ---- */
.tmc-answer-updated {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 36px 0 0;
	padding-top: 20px;
	border-top: 1px solid var(--tmc-border);
	font-size: var(--tmc-fs-aux);
	color: var(--tmc-gray);
}
.tmc-answer-updated svg { flex-shrink: 0; }
.tmc-answer-updated__note { color: var(--tmc-gray-light); }

/* ---- 页面底部同组问答卡片 ---- */
.tmc-qa-card {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 24px;
	background: var(--tmc-white);
	border: 1px solid var(--tmc-border);
	border-radius: var(--tmc-radius);
	box-shadow: var(--tmc-shadow-sm);
	transition: transform var(--tmc-transition), border-color var(--tmc-transition),
		box-shadow var(--tmc-transition);
}
.tmc-qa-card:hover {
	transform: translateY(-4px);
	border-color: var(--tmc-orange-border);
	box-shadow: var(--tmc-shadow);
}
.tmc-qa-card__q {
	font-size: var(--tmc-fs-h3);
	font-weight: 700;
	line-height: var(--tmc-lh-h3);
	color: var(--tmc-dark);
}
.tmc-qa-card__a {
	flex: 1;
	font-size: 14px;
	line-height: 1.75;
	color: var(--tmc-gray);
}
.tmc-qa-card__more {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: var(--tmc-fs-aux);
	font-weight: 600;
	color: var(--tmc-orange-text);
}
.tmc-qa-card__more svg { transition: transform var(--tmc-transition); }
.tmc-qa-card:hover .tmc-qa-card__more svg { transform: translateX(4px); }

/* ---- 总览页（/answers/） ---- */
.tmc-answers-intro { margin-bottom: 44px; }
.tmc-answers-intro > * { max-width: 780px; }
.tmc-answers-group { margin-bottom: 56px; }
.tmc-answers-group:last-of-type { margin-bottom: 40px; }
.tmc-answers-group__desc {
	max-width: 760px;
	margin: -2px 0 22px;
	font-size: 14.5px;
	line-height: 1.75;
	color: var(--tmc-gray);
}
/* 1px 间隙 + 底色做分隔线：比逐条 border-bottom 少一层重绘，行数多时更稳 */
.tmc-answers-list {
	display: grid;
	gap: 1px;
	background: var(--tmc-border);
	border: 1px solid var(--tmc-border);
	border-radius: var(--tmc-radius);
	overflow: hidden;
}
.tmc-qa-row {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 20px 26px;
	background: var(--tmc-white);
	transition: background-color var(--tmc-transition);
}
.tmc-qa-row:hover { background: var(--tmc-orange-light); }
.tmc-qa-row__body {
	display: flex;
	flex-direction: column;
	gap: 6px;
	flex: 1;
	min-width: 0;
}
.tmc-qa-row__q {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
	color: var(--tmc-dark);
	transition: color var(--tmc-transition);
}
.tmc-qa-row:hover .tmc-qa-row__q { color: var(--tmc-orange-text); }
.tmc-qa-row__a {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 13.5px;
	line-height: 1.7;
	color: var(--tmc-gray);
}
.tmc-qa-row__more {
	flex-shrink: 0;
	display: flex;
	color: var(--tmc-orange);
	transition: transform var(--tmc-transition);
}
.tmc-qa-row:hover .tmc-qa-row__more { transform: translateX(4px); }

.tmc-answers-note {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	margin: 0;
	padding: 18px 22px;
	background: var(--tmc-surface-2);
	border-radius: var(--tmc-radius-sm);
	font-size: 14px;
	line-height: 1.7;
	color: var(--tmc-gray);
}
.tmc-answers-note svg { flex-shrink: 0; margin-top: 3px; color: var(--tmc-orange); }

@media (max-width: 768px) {
	.tmc-answer-lead { padding: 22px 20px; margin-bottom: 32px; }
	.tmc-answer-lead__body { font-size: 17px; line-height: 1.78; }
	.tmc-answer-rel { margin-top: 36px; padding-top: 26px; }
	.tmc-answers-group { margin-bottom: 44px; }
	.tmc-qa-row { padding: 16px 18px; gap: 14px; }
	.tmc-qa-row__q { font-size: 15px; }
	.tmc-answer-no { display: block; margin: 8px 0 0; width: fit-content; }
}

@media (max-width: 480px) {
	.tmc-answer-lead { padding: 18px 16px; }
	.tmc-answer-lead__body { font-size: 16px; }
	.tmc-qa-card { padding: 20px; }
	.tmc-answer-rel__item { padding: 15px 16px; gap: 12px; }
}

/* ==========================================================================
   11. 404 与兜底页
   --------------------------------------------------------------------------
   主题此前缺 index.php 与 404.php，访问不存在的地址返回 0 字节空白页。
   这两页的目标不是好看，是让走错路的人能在三步内走到有用页面。
   ========================================================================== */
.tmc-404-search { margin: 0 0 40px; max-width: 680px; }
.tmc-404-form__row {
	display: flex;
	gap: 10px;
	margin-top: 10px;
}
.tmc-404-form__row .tmc-field__input { flex: 1; min-width: 0; }
.tmc-404-form__row .tmc-btn { flex-shrink: 0; white-space: nowrap; }
.tmc-404-links { margin-bottom: 32px; }

@media (max-width: 560px) {
	.tmc-404-form__row { flex-direction: column; }
	.tmc-404-form__row .tmc-btn { width: 100%; }
}

/* ==========================================================================
   12. 三站矩阵（页脚互跳）
   --------------------------------------------------------------------------
   背景：本站是汽车电子垂直站；全品类检测与产品认证在主站 tmc-lab.com，
   技术问答在研习社 yanxishe.tmc-lab.com。三站内容刻意不重复，
   所以页脚要把分工讲清楚，而不是甩三个链接让人自己猜。

   视觉约束：页脚底色是 --tmc-surface-2（浅灰），不是在深色底上。
   卡片用白底 + 描边，当前站用浅橙底 + 橙描边区分，不用阴影堆叠
   （页脚已经很长，再浮起会显脏）。
   ========================================================================== */
.tmc-sites {
	padding: 32px 0 40px;
	border-top: 1px solid var(--tmc-surface-line);
}

/* 矩阵紧跟在 4 列之后：把 grid 原本的 56px 底留白收一档，
   否则分割线会悬在两段空白正中，看着像漏了一行内容 */
.tmc-footer__grid { padding-bottom: 40px; }

.tmc-sites__head { margin-bottom: 20px; }

.tmc-sites__title {
	margin: 0 0 6px;
	font-size: 16px;
	font-weight: 800;
	line-height: 1.4;
	color: var(--tmc-dark);
}

.tmc-sites__note {
	max-width: 760px;
	margin: 0;
	font-size: 13.5px;
	line-height: 1.7;
	color: var(--tmc-gray);
}

.tmc-sites__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
}

.tmc-sites__card {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 20px 22px;
	background: var(--tmc-white);
	border: 1px solid var(--tmc-surface-line);
	border-radius: var(--tmc-radius);
	transition: transform var(--tmc-transition), border-color var(--tmc-transition),
		box-shadow var(--tmc-transition);
}

a.tmc-sites__card:hover {
	transform: translateY(-2px);
	border-color: var(--tmc-orange-border);
	box-shadow: var(--tmc-shadow-sm);
}

/* 当前站：不可点，用浅橙底表明「你在这儿」 */
.tmc-sites__card--current {
	background: var(--tmc-orange-light);
	border-color: var(--tmc-orange-border);
}

.tmc-sites__badge {
	align-self: flex-start;
	padding: 2px 8px;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: .04em;
	color: var(--tmc-gray);
	background: var(--tmc-surface-2);
	border-radius: 3px;
}

.tmc-sites__card--current .tmc-sites__badge {
	color: #fff;
	background: var(--tmc-orange);
}

.tmc-sites__name {
	font-size: 15px;
	font-weight: 800;
	line-height: 1.45;
	color: var(--tmc-dark);
}

.tmc-sites__desc {
	font-size: 13px;
	line-height: 1.65;
	color: var(--tmc-gray);
}

.tmc-sites__host {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin-top: 2px;
	font-family: var(--tmc-font-en);
	font-size: 12px;
	color: var(--tmc-gray-light);
}

a.tmc-sites__card:hover .tmc-sites__host { color: var(--tmc-orange-text); }

/* 紧凑模式：窄容器（如侧栏）里只留站点名 + 域名 */
.tmc-sites--compact { padding: 0; border-top: 0; }
.tmc-sites--compact .tmc-sites__grid { grid-template-columns: 1fr; }
.tmc-sites--compact .tmc-sites__card { padding: 14px 16px; }

@media (max-width: 1024px) {
	.tmc-sites__grid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
}

@media (max-width: 640px) {
	.tmc-sites { padding: 28px 0 32px; }
	.tmc-sites__grid { grid-template-columns: 1fr; gap: 10px; }
	.tmc-sites__card { padding: 16px 18px; }
	.tmc-sites__name { font-size: 14.5px; }
}

/* 页脚可见时收起悬浮组件（JS 在 main.js 里按 IntersectionObserver 切类）
   --------------------------------------------------------------------------
   动机：浮层是 fixed 定位，页脚也带完整联系方式，两者同时出现时
   浮层纯属遮挡 —— 站点矩阵第三张卡会被压掉三分之一。
   用 visibility 而不是只靠 opacity，避免淡出后仍能 Tab 聚焦到不可见的按钮。 */
.tmc-float {
	transition: opacity var(--tmc-transition), transform var(--tmc-transition),
		visibility var(--tmc-transition);
}

.tmc-float--away {
	opacity: 0;
	visibility: hidden;
	transform: translateX(calc(100% + 32px));
	pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
	.tmc-float { transition: none; }
}

/* ==========================================================================
   13. 检测项目参数表（P0：参数/单位/标准号等宽对齐）
   ──────────────────────────────────────────────────────────────────────────
   借鉴 Andantex 详情页参数表范式：条件·档位/单位/标准号三列用 --tmc-font-mono
   （:root 已定义）等宽呈现，数字与单位纵向对齐，技术专业感更强。
   移动端不堆叠，靠 .tmc-spec-wrap 横向滚动兜底（4 列表格堆叠会丢失可比性）。
   ========================================================================== */
.tmc-spec-wrap {
	overflow-x: auto;
	margin-top: 28px;
	-webkit-overflow-scrolling: touch;
}

.tmc-spec-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14.5px;
	background: var(--tmc-white);
	border: 1px solid var(--tmc-border);
	border-radius: var(--tmc-radius-sm);
	box-shadow: var(--tmc-shadow-sm);
}

.tmc-spec-table th,
.tmc-spec-table td {
	padding: 12px 16px;
	border-bottom: 1px solid var(--tmc-border);
	text-align: left;
	vertical-align: middle;
}

.tmc-spec-table thead th {
	background: var(--tmc-bg-soft);
	font-size: 13px;
	font-weight: 700;
	color: var(--tmc-dark);
	white-space: nowrap;
}

.tmc-spec-table tbody tr:last-child th,
.tmc-spec-table tbody tr:last-child td {
	border-bottom: 0;
}

.tmc-spec-table tbody th[scope="row"] {
	font-weight: 600;
	color: var(--tmc-dark);
	white-space: nowrap;
}

.tmc-spec-table tbody td:nth-child(2),
.tmc-spec-table tbody td:nth-child(3),
.tmc-spec-table tbody td:nth-child(4) {
	font-family: var(--tmc-font-mono);
}

.tmc-spec-table tbody td:nth-child(3) {
	text-align: center;
}

.tmc-spec-table a {
	color: var(--tmc-orange-text);
	font-weight: 600;
	text-decoration: none;
	border-bottom: 1px solid var(--tmc-orange-border);
}

.tmc-spec-table a:hover {
	color: var(--tmc-orange-hover);
	border-bottom-color: var(--tmc-orange-hover);
}

.tmc-spec-note {
	margin-top: 12px;
	font-size: 13px;
	line-height: 1.7;
	color: var(--tmc-gray);
}

/* --------------------------------------------------------------------------
   附表：规则型表格（如 GB/T 28046 的 A–E 功能状态判定）
   与主表的差别是「单元格里是长句而非数值」，所以必须把主表的等宽字体
   与第 3 列居中规则重置掉，否则中文长句用等宽渲染会很难读。
   ========================================================================== */
.tmc-spec-sub-title {
	font-size: calc(var(--tmc-fs-h3) + 3px);
	font-weight: 700;
	line-height: 1.4;
	color: var(--tmc-dark);
	margin: 40px 0 10px;
	letter-spacing: -.01em;
}

.tmc-spec-sub-lead {
	font-size: var(--tmc-fs-body);
	line-height: 1.8;
	color: var(--tmc-gray);
	margin: 0 0 4px;
	max-width: 76ch;
}

.tmc-spec-table--text tbody td:nth-child(2),
.tmc-spec-table--text tbody td:nth-child(3),
.tmc-spec-table--text tbody td:nth-child(4) {
	font-family: inherit;
}

.tmc-spec-table--text tbody td:nth-child(3) {
	text-align: left;
}

@media (max-width: 640px) {
	.tmc-spec-sub-title { margin-top: 30px; }
}

@media (max-width: 640px) {
	.tmc-spec-table { font-size: 13px; }
	.tmc-spec-table th, .tmc-spec-table td { padding: 10px 12px; }
	.tmc-spec-table thead th { font-size: 12px; }
}

/* ==========================================================================
   14. 检测方案匹配器 + 解决方案矩阵 + 需求单（P1，2026-10-25）
   ──────────────────────────────────────────────────────────────────────────
   借鉴 Andantex 选型器三入口与场景化行业矩阵。全部 SSR 静态渲染，
   零 JS 依赖（AI 爬虫可直接读）。视觉沿用本站卡片/表格体系。
   ========================================================================== */

/* ---- 入口一：产品卡 ---- */
.tmc-sel-card {
	display: flex;
	flex-direction: column;
	background: var(--tmc-white);
	border: 1px solid var(--tmc-border);
	border-radius: var(--tmc-radius);
	padding: 26px 28px;
	box-shadow: var(--tmc-shadow-sm);
	transition: transform var(--tmc-transition), box-shadow var(--tmc-transition);
}

.tmc-sel-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--tmc-shadow);
}

.tmc-sel-card__title {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 8px;
	font-size: 19px;
	font-weight: 700;
	color: var(--tmc-dark);
}

.tmc-sel-card__title svg { color: var(--tmc-orange); flex: none; }

.tmc-sel-card__desc {
	margin: 0 0 18px;
	font-size: 14px;
	line-height: 1.7;
	color: var(--tmc-gray);
}

.tmc-sel-card__rows { margin: 0; flex: 1; }

.tmc-sel-card__row {
	display: grid;
	grid-template-columns: 76px 1fr;
	gap: 12px;
	padding: 10px 0;
	border-top: 1px dashed var(--tmc-border);
	font-size: 13.5px;
	line-height: 1.8;
}

.tmc-sel-card__row dt {
	font-weight: 600;
	color: var(--tmc-gray);
}

.tmc-sel-card__row dd { margin: 0; color: var(--tmc-text); }

.tmc-sel-card__cta {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 18px;
	font-size: 13.5px;
	font-weight: 700;
	color: var(--tmc-orange-text);
	text-decoration: none;
}

.tmc-sel-card__cta:hover { color: var(--tmc-orange-hover); }
.tmc-sel-card__cta svg { transition: transform var(--tmc-transition); }
.tmc-sel-card__cta:hover svg { transform: translateX(3px); }

/* ---- 可点击 chip（链接版） ---- */
.tmc-chip--link {
	display: inline-block;
	background: var(--tmc-orange-light);
	border: 1px solid var(--tmc-orange-border);
	border-radius: 999px;
	padding: 3px 12px;
	margin: 0 6px 6px 0;
	font-size: 12.5px;
	font-weight: 600;
	color: var(--tmc-orange-text);
	text-decoration: none;
	transition: background var(--tmc-transition), color var(--tmc-transition);
}

.tmc-chip--link:hover {
	background: var(--tmc-orange);
	border-color: var(--tmc-orange);
	color: var(--tmc-white);
}

/* ---- 入口二：标准行 ---- */
.tmc-sel-rows { display: flex; flex-direction: column; gap: 12px; margin-top: 28px; }

.tmc-sel-row {
	display: grid;
	grid-template-columns: 180px 1fr auto;
	align-items: center;
	gap: 18px;
	background: var(--tmc-white);
	border: 1px solid var(--tmc-border);
	border-radius: var(--tmc-radius-sm);
	padding: 16px 20px;
	transition: border-color var(--tmc-transition), box-shadow var(--tmc-transition);
}

.tmc-sel-row:hover {
	border-color: var(--tmc-orange-border);
	box-shadow: var(--tmc-shadow-sm);
}

.tmc-sel-row__no {
	font-family: var(--tmc-font-mono);
	font-size: 14px;
	font-weight: 700;
	color: var(--tmc-orange-text);
	text-decoration: none;
}

.tmc-sel-row__no:hover { color: var(--tmc-orange-hover); text-decoration: underline; }

.tmc-sel-row__name { margin: 0 0 2px; font-size: 14.5px; font-weight: 600; color: var(--tmc-dark); }

.tmc-sel-row__note { margin: 0; font-size: 13px; line-height: 1.6; color: var(--tmc-gray); }

.tmc-sel-row__cta {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	white-space: nowrap;
	font-size: 13px;
	font-weight: 700;
	color: var(--tmc-orange-text);
	text-decoration: none;
	border: 1px solid var(--tmc-orange-border);
	border-radius: 999px;
	padding: 6px 14px;
	transition: background var(--tmc-transition), color var(--tmc-transition);
}

.tmc-sel-row__cta:hover { background: var(--tmc-orange); border-color: var(--tmc-orange); color: var(--tmc-white); }

/* ---- 入口三：问题卡 ---- */
.tmc-sel-prob {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	background: var(--tmc-white);
	border: 1px solid var(--tmc-border);
	border-radius: var(--tmc-radius-sm);
	padding: 18px 22px;
	text-decoration: none;
	transition: border-color var(--tmc-transition), box-shadow var(--tmc-transition), transform var(--tmc-transition);
}

.tmc-sel-prob:hover {
	border-color: var(--tmc-orange-border);
	box-shadow: var(--tmc-shadow-sm);
	transform: translateY(-2px);
}

.tmc-sel-prob__q { font-size: 14.5px; font-weight: 600; color: var(--tmc-dark); line-height: 1.6; }

.tmc-sel-prob__go {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	white-space: nowrap;
	font-size: 13px;
	font-weight: 700;
	color: var(--tmc-orange-text);
}

.tmc-sel-prob:hover .tmc-sel-prob__go { color: var(--tmc-orange-hover); }

/* ---- 解决方案矩阵表 ---- */
.tmc-sol-wrap { overflow-x: auto; margin-top: 28px; -webkit-overflow-scrolling: touch; }

.tmc-sol-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
	background: var(--tmc-white);
	border: 1px solid var(--tmc-border);
	border-radius: var(--tmc-radius-sm);
	box-shadow: var(--tmc-shadow-sm);
}

.tmc-sol-table th,
.tmc-sol-table td {
	padding: 14px 18px;
	border-bottom: 1px solid var(--tmc-border);
	text-align: left;
	vertical-align: top;
}

.tmc-sol-table thead th {
	background: var(--tmc-bg-soft);
	font-size: 13px;
	font-weight: 700;
	color: var(--tmc-dark);
	white-space: nowrap;
}

.tmc-sol-table tbody th { font-weight: 700; white-space: nowrap; }
.tmc-sol-table tbody th a { color: var(--tmc-dark); text-decoration: none; border-bottom: 2px solid var(--tmc-orange); }
.tmc-sol-table tbody th a:hover { color: var(--tmc-orange-text); }
.tmc-sol-table tbody tr:last-child th,
.tmc-sol-table tbody tr:last-child td { border-bottom: 0; }
.tmc-sol-table td:nth-child(2) { font-weight: 600; color: var(--tmc-text); }

.tmc-sol-table__std {
	display: inline-block;
	margin: 0 8px 6px 0;
	font-family: var(--tmc-font-mono);
	font-size: 12.5px;
	font-weight: 600;
	color: var(--tmc-orange-text);
	text-decoration: none;
	border-bottom: 1px solid var(--tmc-orange-border);
}

.tmc-sol-table__std:hover { color: var(--tmc-orange-hover); border-bottom-color: var(--tmc-orange-hover); }
.tmc-sol-table .tmc-chip { margin: 0 6px 6px 0; }

/* ---- 匹配器页底表单区 ---- */
.tmc-sel-form__title { margin: 0 0 10px; font-size: 26px; font-weight: 800; color: var(--tmc-dark); }

.tmc-sel-form__desc { margin: 0 0 24px; font-size: 14.5px; line-height: 1.8; color: var(--tmc-text); }

.tmc-sel-form__desc a { color: var(--tmc-orange-text); font-weight: 600; }

/* ---- 检测需求单（full 模式） ---- */
.tmc-form--full .tmc-field__hint {
	margin: 6px 0 0;
	font-size: 12.5px;
	line-height: 1.6;
	color: var(--tmc-gray);
}

.tmc-form--full .tmc-form__note { margin-top: 14px; }

@media (max-width: 960px) {
	.tmc-sel-row { grid-template-columns: 140px 1fr; }
	.tmc-sel-row__cta { grid-column: 2; justify-self: start; margin-top: 8px; }
}

@media (max-width: 640px) {
	.tmc-sel-card { padding: 20px; }
	.tmc-sel-card__row { grid-template-columns: 1fr; gap: 4px; }
	.tmc-sel-prob { flex-direction: column; align-items: flex-start; gap: 8px; }
	.tmc-sel-form__title { font-size: 22px; }
	.tmc-sol-table th, .tmc-sol-table td { padding: 10px 12px; font-size: 13px; }
}

/* ==========================================================================
   15. P2（2026-10-25）：页内锚点导航 / 服务卡决策参数 / 技术资料中心
   借鉴 Andantex：① 长内页锚点跳转 ② 卡片先给决策参数 ③ 资料中心聚合
   ========================================================================== */

/* ---- 15.1 服务页页内锚点导航（sticky 吸顶于主导航之下，SSR 无 JS） ---- */
.tmc-anchor-nav {
	position: sticky;
	top: var(--tmc-head-h);
	z-index: 40;
	background: rgba(255, 255, 255, .94);
	-webkit-backdrop-filter: saturate(1.8) blur(14px);
	backdrop-filter: saturate(1.8) blur(14px);
	border-bottom: 1px solid var(--tmc-border);
}
.tmc-anchor-nav .tmc-wrap {
	display: flex;
	align-items: center;
	gap: 18px;
	height: 52px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}
.tmc-anchor-nav .tmc-wrap::-webkit-scrollbar { display: none; }
.tmc-anchor-nav__label {
	flex: none;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .08em;
	color: var(--tmc-gray);
}
.tmc-anchor-nav__link {
	flex: none;
	position: relative;
	font-size: 14px;
	font-weight: 600;
	color: var(--tmc-text);
	text-decoration: none;
	padding: 4px 2px;
	transition: color var(--tmc-transition);
}
.tmc-anchor-nav__link::after {
	content: "";
	position: absolute;
	left: 0; right: 0; bottom: -2px;
	height: 2px;
	background: var(--tmc-orange);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform var(--tmc-transition);
}
.tmc-anchor-nav__link:hover { color: var(--tmc-orange-hover); }
.tmc-anchor-nav__link:hover::after { transform: scaleX(1); }
.tmc-anchor-nav__link--cta {
	color: var(--tmc-orange-text);
	padding-left: 14px;
	border-left: 1px solid var(--tmc-border);
}
/* 锚点落点（双保险：html 已有 scroll-padding-top，这里再兜一层） */
#svc-items, #svc-specs, #svc-products, #svc-standards, #tmc-contact, #dl-group, .tmc-dl-group, [id^="faq-"] {
	scroll-margin-top: calc(var(--tmc-head-h) + 60px);
}

/* ---- 15.2 服务卡决策参数（首页 tmc-svc-card / 服务总览 tmc-svc-panel） ---- */
.tmc-svc-card__metrics {
	list-style: none;
	margin: 0 0 14px;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.tmc-svc-card__metrics li {
	display: flex;
	align-items: flex-start;
	gap: 7px;
	font-size: 13px;
	line-height: 1.55;
	font-weight: 600;
	color: var(--tmc-dark);
}
.tmc-svc-card__metrics .tmc-ic { flex: none; margin-top: 3px; color: var(--tmc-green); }
.tmc-svc-panel__metrics {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 14px;
}
.tmc-svc-panel__metric {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 12px;
	font-size: 12.5px;
	font-weight: 600;
	color: var(--tmc-dark);
	background: var(--tmc-surface-1);
	border: 1px solid var(--tmc-border);
	border-radius: 999px;
}
.tmc-svc-panel__metric .tmc-ic { color: var(--tmc-green); }

/* ---- 15.3 技术资料中心（page-downloads.php） ---- */
.tmc-dl-group { margin-bottom: 44px; }
.tmc-dl-group:last-of-type { margin-bottom: 0; }
.tmc-dl-group__title {
	display: flex;
	align-items: baseline;
	gap: 10px;
	margin: 0 0 18px;
	padding-bottom: 12px;
	font-size: var(--tmc-fs-h3);
	font-weight: 800;
	color: var(--tmc-dark);
	border-bottom: 1px solid var(--tmc-border);
}
.tmc-dl-group__no {
	font-family: var(--tmc-font-mono);
	font-size: 13px;
	font-weight: 700;
	color: var(--tmc-orange-text);
}
.tmc-dl-group__en {
	fargin: 0;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--tmc-gray);
}
.tmc-dl-card {
	display: flex;
	flex-direction: column;
	gap: 10px;
	height: 100%;
	padding: 20px;
	background: var(--tmc-white);
	border: 1px solid var(--tmc-border);
	border-radius: var(--tmc-radius);
	box-shadow: var(--tmc-shadow-sm);
	transition: transform var(--tmc-transition), box-shadow var(--tmc-transition);
}
.tmc-dl-card:hover { transform: translateY(-4px); box-shadow: var(--tmc-shadow); }
.tmc-dl-card__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
}
.tmc-dl-card__name {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.45;
	color: var(--tmc-dark);
}
.tmc-dl-card__fmt {
	flex: none;
	padding: 3px 10px;
	font-size: 11.5px;
	font-weight: 700;
	border-radius: 999px;
	white-space: nowrap;
}
.tmc-dl-card__fmt--online { color: var(--tmc-green); background: rgba(94, 138, 70, .1); }
.tmc-dl-card__fmt--ask { color: var(--tmc-orange-text); background: var(--tmc-orange-soft, #FFF1E4); }
.tmc-dl-card__desc {
	margin: 0;
	flex: 1;
	font-size: 13.5px;
	line-height: 1.7;
	color: var(--tmc-gray);
}
.tmc-dl-card__cta {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13.5px;
	font-weight: 700;
	color: var(--tmc-orange-text);
	text-decoration: none;
	transition: color var(--tmc-transition);
}
.tmc-dl-card__cta .tmc-ic { transition: transform var(--tmc-transition); }
.tmc-dl-card__cta:hover { color: var(--tmc-orange-hover); }
.tmc-dl-card__cta:hover .tmc-ic { transform: translateX(4px); }
.tmc-dl-note {
	margin: 36px 0 0;
	padding: 14px 18px;
	font-size: 13px;
	line-height: 1.75;
	color: var(--tmc-gray);
	background: var(--tmc-bg-soft);
	border-left: 3px solid var(--tmc-orange);
	border-radius: 0 var(--tmc-radius-sm) var(--tmc-radius-sm) 0;
}

@media (max-width: 900px) {
	.tmc-dl-group { margin-bottom: 32px; }
}
@media (max-width: 640px) {
	.tmc-anchor-nav .tmc-wrap { height: 48px; gap: 14px; }
	.tmc-anchor-nav__label { display: none; }
	.tmc-anchor-nav__link { font-size: 13px; }
	.tmc-dl-card { padding: 16px; }
	.tmc-dl-card__name { font-size: 15px; }
}

/* ==========================================================================
   16. P3（2026-10-25）：FAQ 分类分组 + 锚点计数徽标
   答案层扩量：技术类问答补齐，AI 可引用的问句形态最大化
   2026-10-27 二次扩量到 49 条 6 类（新增「费用与商务」）
   ========================================================================== */
.tmc-faq-group { margin-bottom: 52px; }
.tmc-faq-group:last-of-type { margin-bottom: 0; }
.tmc-faq-group .tmc-sec-head { margin-bottom: 24px; }
/* 分类头：加了 eyebrow + desc 之后，计数徽标要跟标题行对齐，
   而不是被 align-items:flex-end 拉到 desc 那一行（看着像脚注） */
.tmc-faq-group .tmc-sec-head { align-items: flex-start; }
.tmc-faq-group__count {
	flex: none;
	font-size: 13px;
	font-weight: 700;
	color: var(--tmc-orange-text);
	background: var(--tmc-orange-light);
	border: 1px solid var(--tmc-orange-border);
	border-radius: 999px;
	padding: 4px 14px;
	margin-top: 40px;          /* 让药丸与 h2 垂直居中对齐（上方是 eyebrow 行，实测偏 10px 后定为 40） */
	white-space: nowrap;
}
/* 锚点导航里的分类计数小徽标 */
.tmc-anchor-nav__count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	height: 20px;
	margin-left: 6px;
	padding: 0 6px;
	border-radius: 999px;
	background: var(--tmc-bg-soft-2);
	font-size: 11.5px;
	font-weight: 700;
	color: var(--tmc-gray);
}

/* ==========================================================================
   17. 深度 GEO 优化（2026-10-25）：FAQ 分类延伸阅读
   每类 FAQ 底部给 2-4 个深读出口（answers 页 + 专栏分类），
   短答导深读、织密内链，不让 FAQ 页成为流量终点。
   ========================================================================== */
.tmc-faq-more {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 18px;
	margin-top: 20px;
	padding: 14px 18px;
	background: var(--tmc-bg-soft);
	border: 1px solid var(--tmc-border);
	border-radius: 10px;
}
.tmc-faq-more__label {
	flex: none;
	font-size: 12.5px;
	font-weight: 800;
	letter-spacing: 0.08em;
	color: var(--tmc-gray);
}
.tmc-faq-more__item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	font-weight: 600;
	color: var(--tmc-orange-text);
	text-decoration: none;
	transition: color 0.3s ease;
}
.tmc-faq-more__item:hover {
	color: var(--tmc-orange-hover);
}
.tmc-faq-more__item svg {
	flex: none;
	transition: transform 0.3s ease;
}
.tmc-faq-more__item:hover svg {
	transform: translateX(3px);
}

/* ==========================================================================
   17.1 FAQ 工具条与筛选（2026-10-27）
   --------------------------------------------------------------------------
   49 条 6 类之后，靠滚动翻找已经不现实，补三件事：
   关键词筛选、展开/收起、锚点导航高亮当前分类。
   全部是渐进增强：.tmc-faq-tools 默认 display:none，main.js 绑定成功
   才加 .is-ready 显形；禁用 JS 时页面上不会留一个点了没反应的搜索框。
   筛选只切换 hidden 属性，HTML 里始终是 49 条全量问答，
   爬虫与 AI 引擎抓到的内容不受影响（不做 JS 端的内容裁剪）。
   ========================================================================== */
.tmc-faq-tools { display: none; }
.tmc-faq-tools.is-ready {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	margin: 0 0 32px;
}
.tmc-faq-tools__search {
	position: relative;
	display: block;
	flex: 1 1 280px;
	min-width: 0;
}
.tmc-faq-tools__search svg {
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--tmc-gray);
	pointer-events: none;
}
.tmc-faq-tools__search input {
	width: 100%;
	height: 48px;
	padding: 0 16px 0 44px;
	border: 1px solid var(--tmc-border);
	border-radius: var(--tmc-radius);      /* = 表单输入框与按钮的 12px */
	background: var(--tmc-white);
	font-family: inherit;
	font-size: 15px;
	color: var(--tmc-text);
	transition: border-color var(--tmc-transition), box-shadow var(--tmc-transition);
	-webkit-appearance: none;
	appearance: none;
}
.tmc-faq-tools__search input::placeholder { color: var(--tmc-gray-light); }
.tmc-faq-tools__search input:focus {
	outline: none;
	border-color: var(--tmc-orange);
	box-shadow: 0 0 0 3px rgba(255, 102, 0, .14);   /* 与 .tmc-field__input:focus 一致 */
}
.tmc-faq-tools__actions { display: flex; gap: 8px; flex: none; }
/* 按钮本体样式复用 .tmc-btn / .tmc-btn--soft（模板里两个类都挂了），
   这里只收紧尺寸，让工具条比主 CTA 低一档不抢视觉权重 */
.tmc-faq-tools__btn {
	min-height: 48px;
	padding: 0 20px;
	font-size: 14px;
}
.tmc-faq-tools__hit { flex: none; font-size: 13px; color: var(--tmc-gray); }

/* 筛选无结果时的兜底出口（问工程师 —— 不允许出现死胡同） */
.tmc-faq-empty {
	margin: 0 0 28px;
	padding: 18px 22px;
	background: var(--tmc-orange-light);
	border: 1px solid var(--tmc-orange-border);
	border-radius: var(--tmc-radius-sm);
	font-size: 14.5px;
	line-height: 1.75;
	color: var(--tmc-text);
}
.tmc-faq-empty a { color: var(--tmc-orange-text); font-weight: 700; }

/* 被筛选隐藏的条目/分组：显式声明，避免被其它 display 规则压掉 */
.tmc-faq__item[hidden],
.tmc-faq-group[hidden] { display: none !important; }

/* 锚点导航：当前分类（滚动位置驱动，main.js 加 .is-active） */
.tmc-anchor-nav__link.is-active { color: var(--tmc-orange-text); }
.tmc-anchor-nav__link.is-active::after { transform: scaleX(1); }

/* 后台在 FAQ 页正文里写的补充内容 */
.tmc-faq-outro { margin-top: 48px; }

@media (max-width: 1024px) {
	/* ≤1024 侧栏收成单列、正文吃满宽度 —— 右对齐的计数药丸正好落在
	   右下角悬浮咨询组件底下（实测 1024 宽度下被完全盖住，看都看不见）。
	   这一档把分类头改纵向，药丸落到左侧 desc 下方，绕开悬浮组件。 */
	.tmc-faq-group .tmc-sec-head { flex-direction: column; align-items: flex-start; gap: 14px; }
	.tmc-faq-group__count { margin-top: 0; }
}

@media (max-width: 640px) {
	.tmc-faq-tools.is-ready { gap: 10px; margin-bottom: 24px; }
	.tmc-faq-tools__search { flex: 1 1 100%; }
	.tmc-faq-tools__search input { min-height: 44px; font-size: 14px; }
	.tmc-faq-tools__actions { flex: 1 1 100%; }
	.tmc-faq-tools__btn { flex: 1; min-height: 44px; padding: 0 12px; font-size: 13px; }
	.tmc-faq-tools__hit { flex: 1 1 100%; font-size: 12.5px; }
	.tmc-faq-group { margin-bottom: 40px; }
	/* 窄屏 sec-head 变纵向排列，计数徽标不需要再往下让位 */
	.tmc-faq-group__count { margin-top: 0; }
}

/* ==========================================================================
   10. 个人微信名片（2026-10-27 新增，全站统一入口）
   --------------------------------------------------------------------------
   承载：页脚栅格下方（所有页面都过 footer.php）/ 悬浮「微信沟通」面板 /
        首页与联系页微信引导带
   原则：只用个人微信号名片码（码心即本人微信头像），不接企业微信任何组件。
        名片上的头像单独取高清资源——扫码头像只有 38px，直接放大必糊。
   ========================================================================== */

/* ---- 页脚容器 ---- */
.tmc-footer__wx { padding-bottom: 44px; }

/* ---- 名片本体（默认横条 band） ---- */
.tmc-wxcard {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	padding: 22px 26px;
	background: var(--tmc-white);
	border: 1px solid var(--tmc-border);
	border-radius: var(--tmc-radius-lg);
	box-shadow: var(--tmc-shadow-sm);
}

.tmc-wxcard__person {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	flex: 1 1 auto;
	min-width: 0;
}

/* 头像：白描边环 + 右下在线点。访客先认人再扫码，所以头像比码更靠前 */
.tmc-wxcard__ava {
	position: relative;
	flex: none;
	display: block;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: var(--tmc-bg-soft);
	box-shadow: 0 0 0 3px var(--tmc-white), 0 4px 14px rgba(16, 38, 58, .14);
}
.tmc-wxcard__ava img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}
.tmc-wxcard__dot {
	position: absolute;
	right: -1px;
	bottom: -1px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: var(--tmc-green);
	border: 2px solid var(--tmc-white);
}

.tmc-wxcard__meta { min-width: 0; }

.tmc-wxcard__name {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 5px;
	font-size: 16px;
	font-weight: 800;
	color: var(--tmc-dark);
	line-height: 1.35;
}
.tmc-wxcard__tag {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 2px 9px;
	border-radius: 999px;
	background: var(--tmc-orange-light);
	color: var(--tmc-orange-text);
	font-size: 11.5px;
	font-weight: 700;
	line-height: 1.6;
}
.tmc-wxcard__tag svg { width: 12px; height: 12px; }

.tmc-wxcard__role {
	margin: 0 0 7px;
	font-size: 13px;
	color: var(--tmc-gray);
	line-height: 1.5;
}
.tmc-wxcard__lead {
	margin: 0;
	max-width: 540px;
	font-size: 13.5px;
	line-height: 1.75;
	color: var(--tmc-text);
}

/* 二维码：白框浮起，比周围文字亮一档，形成视觉落点 */
.tmc-wxcard__code {
	display: flex;
	flex: none;
	flex-direction: column;
	align-items: center;
	gap: 8px;
}

/* 页脚宽条：右侧独立「扫码区」，用竖分隔线把大片留白框成有意为之的分栏 */
.tmc-wxcard--band .tmc-wxcard__code {
	align-self: stretch;
	justify-content: center;
	padding-left: 30px;
	border-left: 1px solid var(--tmc-border);
}
.tmc-wxcard__frame {
	display: block;
	padding: 8px;
	background: var(--tmc-white);
	border: 1px solid var(--tmc-border);
	border-radius: var(--tmc-radius);
	box-shadow: 0 6px 18px rgba(16, 38, 58, .10);
}
.tmc-wxcard__frame img {
	display: block;
	width: 124px;
	height: 124px;
	border-radius: 6px;
}
.tmc-wxcard__cap {
	font-size: 12px;
	font-weight: 700;
	color: var(--tmc-orange-text);
	letter-spacing: .02em;
	white-space: nowrap;
}

/* ---- 悬浮面板变体：嵌在已有面板里，本身不再画框 ---- */
.tmc-wxcard--panel {
	flex-direction: column;
	align-items: stretch;
	gap: 14px;
	margin-bottom: 18px;
	padding: 0;
	background: none;
	border: 0;
	box-shadow: none;
}
.tmc-wxcard--panel .tmc-wxcard__person { align-items: center; gap: 12px; }
.tmc-wxcard--panel .tmc-wxcard__ava { width: 44px; height: 44px; box-shadow: 0 0 0 2px var(--tmc-white), 0 3px 10px rgba(16, 38, 58, .12); }
.tmc-wxcard--panel .tmc-wxcard__dot { width: 11px; height: 11px; }
.tmc-wxcard--panel .tmc-wxcard__name { font-size: 15px; margin-bottom: 3px; }
.tmc-wxcard--panel .tmc-wxcard__role { margin-bottom: 0; font-size: 12.5px; }
.tmc-wxcard--panel .tmc-wxcard__code { align-self: center; }

/* ---- 竖版卡片变体：微信引导带里用，落在暖橙渐变上 ---- */
.tmc-wxcard--stack {
	flex-direction: column;
	align-items: center;
	gap: 18px;
	max-width: 336px;
	padding: 26px 26px 22px;
	text-align: center;
	border-color: var(--tmc-orange-border);
	box-shadow: var(--tmc-shadow);
}
.tmc-wxcard--stack .tmc-wxcard__person {
	flex-direction: column;
	align-items: center;
	gap: 14px;
	text-align: center;
}
.tmc-wxcard--stack .tmc-wxcard__ava { width: 64px; height: 64px; }
.tmc-wxcard--stack .tmc-wxcard__name { justify-content: center; font-size: 17px; }
.tmc-wxcard--stack .tmc-wxcard__lead { max-width: 268px; font-size: 12.5px; line-height: 1.7; color: var(--tmc-gray); }
.tmc-wxcard--stack .tmc-wxcard__frame img { width: 140px; height: 140px; }

/* ---- 响应式 ---- */
@media (max-width: 900px) {
	.tmc-wxcard { gap: 20px; padding: 20px; }
	.tmc-wxcard__lead { max-width: none; }
}

@media (max-width: 640px) {
	/* 窄屏上下堆叠：左侧文案不再挤压二维码，避免 375 下横向溢出。
	   注意必须用 stretch——用 flex-start 会让子项按 max-content 撑宽，中文长句直接顶出卡片 */
	.tmc-wxcard {
		flex-direction: column;
		align-items: stretch;
		gap: 18px;
	}
	.tmc-wxcard__person { width: 100%; }
	.tmc-wxcard__code { align-self: center; }
	/* 竖排后分隔线失去意义，去掉免得横在中间 */
	.tmc-wxcard--band .tmc-wxcard__code { padding-left: 0; border-left: 0; }
	.tmc-wxcard__lead { font-size: 13px; }
	.tmc-footer__wx { padding-bottom: 34px; }
}

@media (max-width: 420px) {
	.tmc-wxcard { padding: 18px 16px; }
	.tmc-wxcard__ava { width: 46px; height: 46px; }
	.tmc-wxcard__name { font-size: 15px; }
	.tmc-wxcard__frame img { width: 108px; height: 108px; }
}


/* ==========================================================================
   专栏列表 np-* —— 完全移植自主站 tmc-lab.com/news/（tmclab 主题 3.10.73）
   类名、DOM 层级、间距、字号与官网一致；变量按两边同色板映射：
     --red→--tmc-orange / 文字橙→--tmc-orange-text（WCAG 达标档）
     --navy/--ink→--tmc-dark/--tmc-ink   --muted(-2)→--tmc-gray(-light)
     --line/--line-2→--tmc-border/--tmc-line-2
     --bg-soft-2→--tmc-bg-soft-2   --font-num→--tmc-font-en
     --font-portal→--tmc-font      --r→--tmc-radius
   与官网的两处刻意差异：np-line 不输出浏览/点赞数（本站无埋点，不编造）；
   报头右侧「往期全部」换为「RSS 订阅」（本站无归档页）。
   ========================================================================== */
.np-masthead {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px 20px;
	padding-bottom: 11px;
}

.np-masthead__id { display: flex; align-items: center; gap: 10px; }

.np-masthead__mark {
	display: grid;
	place-items: center;
	width: 36px;
	height: 36px;
	border-radius: 10px;
	background: var(--tmc-dark);
	color: var(--tmc-white);
	font-weight: 900;
	font-size: 12px;
	letter-spacing: .02em;
	flex: none;
}

.np-masthead__txt { display: flex; flex-direction: column; }

.np-masthead__name {
	margin: 0;
	color: var(--tmc-dark);
	font-size: 17px;
	font-weight: 800;
	line-height: 1.1;
}

.np-masthead__sub {
	margin-top: 1px;
	color: var(--tmc-gray-light);
	font-size: 9.5px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	font-style: normal;
}

.np-masthead__meta {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--tmc-gray);
	font-size: 12px;
	font-weight: 600;
}

.np-masthead__meta b {
	font-family: var(--tmc-font-en);
	color: var(--tmc-dark);
	font-size: 14px;
	padding: 0 1px;
}

.np-masthead__dot {
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: var(--tmc-line-2);
}

/* ---- 栏目导航 ---- */
.np-desks {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 2px 22px;
	position: sticky;
	top: 0;
	z-index: 40;
	margin: 0 0 18px;
	background: var(--tmc-white);
	border-bottom: 1px solid var(--tmc-border);
}

.np-desk {
	position: relative;
	padding: 9px 1px;
	color: var(--tmc-gray);
	font-size: 13.5px;
	font-weight: 700;
	letter-spacing: .02em;
	text-decoration: none;
	transition: color .18s ease;
}

.np-desk:hover { color: var(--tmc-orange-text); }
.np-desk.is-active { color: var(--tmc-dark); }

.np-desk.is-active::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 2px;
	border-radius: 2px;
	background: var(--tmc-orange);
}

/* ---- kicker 与元信息 ---- */
.np-kicker {
	display: block;
	color: var(--tmc-orange-text);
	font-size: 11.5px;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.np-kicker i { font-style: normal; color: var(--tmc-line-2); margin: 0 7px; }

.np-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	color: var(--tmc-gray-light);
	font-size: 12.5px;
	font-weight: 600;
}

.np-meta i { font-style: normal; color: var(--tmc-line-2); }
.np-meta time { font-family: var(--tmc-font-en); }

.np-media { position: relative; overflow: hidden; }

/* ---- 头条 ｜ 要闻速览 ---- */
.np-top {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.06fr);
	gap: 30px;
	align-items: start;
}

.np-lead { min-width: 0; }

.np-lead__link {
	display: block;
	color: inherit;
	text-decoration: none;
}

.np-lead__media {
	aspect-ratio: 16 / 9;
	border-radius: var(--tmc-radius);
	background: var(--tmc-bg-soft-2);
}

.np-lead__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .6s ease;
}

.np-lead:hover .np-lead__media img { transform: scale(1.03); }

.np-lead__body {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 12px 0 0;
}

.np-lead__title {
	margin: 0;
	color: var(--tmc-ink);
	font-family: var(--tmc-font);
	font-size: 23px;
	font-weight: 400;
	line-height: 1.42;
	letter-spacing: .01em;
	transition: color .2s ease;
}

.np-lead:hover .np-lead__title { color: var(--tmc-orange-text); }

.np-lead__ex {
	margin: 0;
	color: var(--tmc-gray);
	font-size: 14px;
	line-height: 1.72;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.np-top__side {
	min-width: 0;
	border-left: 1px solid var(--tmc-border);
	padding-left: 28px;
}

.np-sideh {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 4px;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--tmc-border);
	color: var(--tmc-dark);
	font-size: 15px;
	font-weight: 800;
}

.np-sideh::before {
	content: "";
	width: 4px;
	height: 15px;
	border-radius: 2px;
	background: var(--tmc-orange);
	flex: none;
}

.np-sideh em {
	margin-left: auto;
	font-style: normal;
	color: var(--tmc-gray-light);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
}

/* ---- 要闻速览列表（带缩略图变体） ---- */
.np-list { list-style: none; margin: 0; padding: 0; }

.np-list li + li { border-top: 1px dashed var(--tmc-border); }

.np-list a {
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr) auto;
	gap: 8px;
	align-items: baseline;
	padding: 7.5px 0;
	color: var(--tmc-ink);
	text-decoration: none;
	transition: color .18s ease;
}

.np-list a:hover { color: var(--tmc-orange-text); }

.np-list__no {
	font-family: var(--tmc-font-en);
	color: var(--tmc-line-2);
	font-size: 13px;
	font-weight: 800;
}

.np-list a:hover .np-list__no { color: var(--tmc-orange-text); }

.np-list__t {
	min-width: 0;
	color: inherit;
	font-family: var(--tmc-font);
	font-size: 13.5px;
	font-weight: 400;
	line-height: 1.5;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.np-list a:hover .np-list__t {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.np-list time {
	color: var(--tmc-gray-light);
	font-size: 11.5px;
	font-family: var(--tmc-font-en);
	white-space: nowrap;
}

/* 缩略图变体（官网同款：序号 22px + 缩略图 56px + 标题 + 日期） */
.np-list a {
	display: grid;
	grid-template-columns: 22px 56px minmax(0, 1fr) auto;
	gap: 10px;
	align-items: center;
	padding: 5px 0;
}

.np-list__thumb {
	width: 56px;
	aspect-ratio: 16 / 10;
	border-radius: 3px;
	background: var(--tmc-bg-soft-2);
}

.np-list__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.np-list__thumb--ph {
	display: grid;
	place-items: center;
	color: var(--tmc-line-2);
	box-shadow: inset 0 0 0 1px var(--tmc-border);
}

/* ---- 板块区 ---- */
.np-cols {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	column-gap: 38px;
	row-gap: 34px;
	align-items: start;
	margin-top: 34px;
}

.np-cols--one { grid-template-columns: minmax(0, 1fr); }

.np-sec { margin-top: 0; min-width: 0; }

.np-sec__head {
	display: flex;
	align-items: center;
	gap: 9px;
	padding-bottom: 7px;
	border-bottom: 1px solid var(--tmc-border);
}

.np-sec__bar {
	width: 3px;
	height: 15px;
	border-radius: 2px;
	background: var(--tmc-orange);
	flex: none;
}

.np-sec__title {
	margin: 0;
	color: var(--tmc-ink);
	font-family: var(--tmc-font);
	font-size: 16px;
	font-weight: 500;
	letter-spacing: .01em;
}

.np-sec__en {
	font-style: normal;
	color: var(--tmc-gray-light);
	font-size: 9.5px;
	font-weight: 800;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.np-sec__cnt {
	margin-left: auto;
	color: var(--tmc-gray-light);
	font-size: 11.5px;
	font-weight: 700;
	font-family: var(--tmc-font-en);
}

.np-sec__more {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: var(--tmc-gray-light);
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	transition: color .18s ease;
}

.np-sec__more .ic { transition: transform .2s ease; }
.np-sec__more:hover { color: var(--tmc-orange-text); }
.np-sec__more:hover .ic { transform: translateX(3px); }

/* ---- 文字行 ---- */
.np-lines { list-style: none; margin: 0; padding: 0; }

.np-line {
	position: relative;
	border-bottom: 1px dotted var(--tmc-border);
}

.np-line::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 3px;
	height: 3px;
	margin-top: -1px;
	border-radius: 1px;
	background: var(--tmc-line-2);
}

.np-line a {
	display: flex;
	align-items: baseline;
	gap: 11px;
	padding: 7.5px 0 7.5px 12px;
	color: var(--tmc-ink);
	text-decoration: none;
}

.np-line a:hover { color: var(--tmc-orange-text); }

.np-line__t {
	flex: 1;
	min-width: 0;
	color: inherit;
	font-family: var(--tmc-font);
	font-size: 14.5px;
	font-weight: 400;
	line-height: 1.5;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.np-line a:hover .np-line__t {
	color: var(--tmc-orange-text);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.np-line:hover::before { background: var(--tmc-orange); }

.np-line time {
	flex: none;
	color: var(--tmc-gray-light);
	font-size: 11.5px;
	font-family: var(--tmc-font-en);
}

/* ---- 板块内翻页 ---- */
.np-pager {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	margin-top: 12px;
}

.np-pg {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 25px;
	height: 25px;
	padding: 0 7px;
	border: 1px solid var(--tmc-border);
	border-radius: 3px;
	background: transparent;
	color: var(--tmc-gray);
	font-family: var(--tmc-font);
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
	transition: color .18s ease, border-color .18s ease, background .18s ease;
}

.np-pg:hover { color: var(--tmc-orange-text); border-color: var(--tmc-orange); }

.np-pg.is-active {
	color: var(--tmc-white);
	background: var(--tmc-orange);
	border-color: var(--tmc-orange);
	font-weight: 700;
}

.np-pg[disabled] { opacity: .4; cursor: default; }

.np-pg[disabled]:hover { color: var(--tmc-gray); border-color: var(--tmc-border); }

.np-pager__sum {
	margin-left: auto;
	color: var(--tmc-gray-light);
	font-size: 11.5px;
	font-family: var(--tmc-font-en);
}

/* ---- 响应式（断点与官网一致） ---- */
@media (max-width: 1180px) {
	.np-top { gap: 24px; }
	.np-top__side { padding-left: 22px; }
	.np-lead__title { font-size: 22px; }
	.np-cols { column-gap: 28px; row-gap: 30px; }
}

@media (max-width: 1024px) {
	.np-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.np-top { grid-template-columns: minmax(0, 1fr); gap: 22px; }
	.np-top__side {
		border-left: 0;
		padding-left: 0;
		border-top: 1px solid var(--tmc-border);
		padding-top: 14px;
	}
	.np-desks { gap: 2px 16px; }
	.np-masthead__mark { width: 34px; height: 34px; border-radius: 9px; font-size: 11px; }
}

@media (max-width: 900px) {
	.np-masthead__name { font-size: 15px; }
	.np-lead__title { font-size: 20px; }
	.np-cols { grid-template-columns: minmax(0, 1fr); row-gap: 26px; }
	.np-sec__title { font-size: 15.5px; }
	.np-sec__en { display: none; }
	.np-line__t { font-size: 14px; }
}

@media (max-width: 768px) {
	.np-masthead { gap: 8px 14px; }
	.np-masthead__mark { width: 32px; height: 32px; border-radius: 8px; font-size: 10.5px; }
	.np-masthead__name { font-size: 14px; }
	.np-masthead__sub { font-size: 9px; }
	.np-lead__title { font-size: 18px; }
	.np-line__t { font-size: 13px; }
}